/*
 * Copyright (c) 2016 Cisco Systems, Inc. and others.  All rights reserved.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v1.0 which accompanies this distribution,
 * and is available at http://www.eclipse.org/legal/epl-v10.html
 */

html,body {
    width: 100%;
    background-color: #414040;
}

#next-app {
    overflow: hidden;
}

svg {
    border: none;
    border-radius: 0;
    background-image: none;
    background-color: rgb(66,66,66);
}

text.node-label { fill: #FFFFFF !important; }

md-sidenav.md-locked-open {
    width: 550px;
    min-width: 550px;
    max-width: 550px;
}

.truckDialog {
    width: 16px;
    height: 16px;
}
.marker {
    height: 25px;
    width: 35px;
}

.ui-grid-header-cell-label  {
    color: black !important;
}

span.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.n-topology.n-topology-blue {
    background-color: white;
}

.n-topology-nav {
    display: none;
}

.node-label {
    fill: #414040 !important;
}

.n-topology-nav-setting-icon {
    display:none;
}

.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px;
    height: 300px
}

.white {
    color: white !important;
}

.scene3 {
    position: fixed;
    z-index: 10;
    font-size: 14px;
    right: 10px;
    width: 200px;
    text-align: center
}

.md-dialog-container.ng-scope {
    z-index: 10000000;
}

.n-topology.n-topology-blue .n-topology-nav-mode-selected:hover {
    background: #414040 !important;
}

.n-topology.n-topology-blue .n-topology-nav-mode-selected {
    background: #414040 !important;
}

.n-topology.n-topology-blue .node .selectedBG {
    stroke: #FFA500 !important;
}

.st-sort-ascent:after{
    content: '\25B2';
}

.st-sort-descent:after{
    content: '\25BC';
}

.st-sort-ascent:before{
    content: none;
}

.st-sort-descent:before{
    content: none;
}

/*button overrides*/
button span {
    color: orange;
    font-weight: bold;
}

button.md-button[disabled] span {
    color: #ffc966;
}

button.md-raised.md-button {
    background-color: orange !important;
}

button.md-raised.md-button span{
    color: black;
}

a.md-button.md-default-theme.md-raised,
a.md-button.md-raised,
.md-button.md-default-theme.md-raised,
.md-button.md-raised {
    background-color: #424242;
}

a.md-button.md-default-theme[disabled], a.md-button[disabled], a.md-button.md-default-theme.md-raised[disabled],
a.md-button.md-raised[disabled], a.md-button.md-default-theme.md-fab[disabled], a.md-button.md-fab[disabled],
a.md-button.md-default-theme.md-accent[disabled], a.md-button.md-accent[disabled], a.md-button.md-default-theme.md-warn[disabled],
a.md-button.md-warn[disabled], .md-button.md-default-theme[disabled], .md-button[disabled], .md-button.md-default-theme.md-raised[disabled],
.md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-accent[disabled],
.md-button.md-accent[disabled], .md-button.md-default-theme.md-warn[disabled], .md-button.md-warn[disabled] {
    color: #FFA500;
}

/*table overrides*/
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.table > thead > tr > th.interactive {
    color: orange;
}

/*input overrides*/
md-input-container.md-default-theme,
md-input-container label,
md-input-container.md-default-theme,
md-input-container .md-placeholder {
    text-shadow: none;
    color: white;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused,
md-input-container:not(.md-input-invalid).md-input-focused label {
    color: orange;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value,
md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: white;
}

md-input-container.md-default-theme,
md-input-container .md-input {
    text-shadow: none;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused,
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: orange;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent !important;
    text-shadow: none;
    color: white !important;
}

md-select-menu.md-default-theme,
md-select-menu md-option[selected] div.md-text {
    color: orange;
}

md-select.md-default-theme,
md-select .md-select-value {
    border-bottom-color: orange;
}

md-select .md-select-value span {
    color: orange;
}

md-input-container label {
    color: white !important;
}

md-input-container.md-input-focused label {
    color: orange !important;
}

md-option[selected] div.md-text {
    color: orange;
}

md-option div.md-text:hover {
    color: orange;
}

md-select.md-default-theme:not([disabled]):focus,
md-select:not([disabled]):focus .md-select-value {
    color: orange;
}

md-ripple-container {

}

/*tab overrides*/
md-tab-item.md-active {
    color: orange;
}