html, body {
    height: 100%;
}

body {
    padding: 0;
    background-color: #f5f5f5;
}

.loginPage, .errorPage {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin-top: 40px;
    /* margin: auto; */
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x- ng-cloak {
    display: none !important;
}

body {
    font-size: 0.875rem;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/**
  * Login
  */

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*
   * Sidebar
   */

.sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    /* Behind the navbar */
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
    top: 59px;
    width: 50px;
}

.sidebar .full-menu-item {
    display: none;
}

.sidebar-expanded {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    /* Behind the navbar */
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
    top: 59px;
    width: 150px;
}

.sidebar-expanded .full-menu-item {
    display: inline;
    line-height: 21px;
    /* font-size: 16px; */
}

.sidebar-expanded #menu_collapse {
    display: inline;
}

.sidebar-expanded #menu_expand {
    display: none;
}

.sidebar #menu_collapse {
    display: none;
}

.sidebar #menu_expand {
    display: inline;
}

.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    /* Height of navbar */
    /* top: 48px;  */
    height: calc(100vh - 48px);
    /* padding-top: .5rem; */
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-item {
    height: 40px;
}

.sidebar-expanded .nav-item {
    height: 40px;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: 0.75rem;
    text-transform: uppercase;
}

/*
   * Navbar
   */

.navbar {
    border-bottom: rgba(0, 0, 0, 0.25) 1px solid;
    /* box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); */
}

.navbar-brand {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    /* background-color: rgba(0, 0, 0, 0.25); */
    /* box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); */
}

.navbar .form-control {
    padding: 0.75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.bg-custom {
    background-color: #ccc;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

/*
   * Utilities
   */

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.alerts {
    background-color: aliceblue;
}

.gw-alerts {
    background-color: floralwhite;
}

/* instance-machines-table */

.instance-machines-table {
    border: #cecece 1px solid;
    margin: 5px;
    border-collapse: collapse;
}

.instance-machines-table th {
    background-color: linen;
    border: #cecece 1px solid;
    margin: 5px;
    border-collapse: collapse;
}

.instance-machines-table td, instance-machines-table th {
    padding: 3px !important;
    text-align: center;
    font-size: 12px;
    border: #cecece 1px solid;
    margin: 5px;
    border-collapse: collapse;
}

/** dashboard-card-view **/

.dashboard-card-view {}

.dashboard-card-view .card-header {
    padding: 0.5rem;
}

.dashboard-card-view .card-body {
    padding: 0.5rem;
}

.instance-machine-card-view {
    border-bottom: #cecece 1px solid;
    width: unset;
}

.dashboard-card-view table {
    width: 100%;
    border: #cecece 1px solid;
    margin: 3px 0px;
    border-collapse: collapse;
}

.instance-machine-card-view table {
    width: 100%;
    margin: -1px 0px;
    border-collapse: collapse;
}

.dashboard-card-view table td, .instance-machine-card-view table td {
    border: #cecece 1px solid;
    font-size: 10px;
    table-layout: auto;
    text-align: center;
    padding: 2px;
    border-collapse: collapse;
}

.instance-machine-card-view table td {
    padding: 5px;
    border-collapse: collapse;
}

.instance-machine-card-view table tr td:first-child, .instance-machine-card-view table tr td:last-child {
    border-left: 0px;
}

.instance-machine-card-view table tr td:first-child, .instance-machine-card-view table tr td:last-child {
    border-right: 0px;
}

.instance-machine-card-view .card {
    height: 300px;
    line-height: unset;
}

.instance-machine-card-view .card-body {
    padding: 10px;
}

.dashboard-card-view .alarms-panel {
    font-size: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    height: 200px;
    display: inline-block;
    overflow: hidden;
    overflow-y: scroll;
    background: ivory;
}

.dashboard-card-view .alarms-panel .alarm-item {
    display: inline-block;
}

.alarms-panel {
    /* overflow: hidden; */
    overflow-y: scroll;
    overflow-x: scroll;
}

.dashboard-card-view .card {
    min-width: 300px;
    max-width: 340px;
}

.machine-card-view .card {
    min-width: 80px;
    max-width: 140px;
}

.card-footer {
    padding: unset;
}

.severity1 {
    color: black;
}

.severity2 {
    color: salmon;
}

.severity3 {
    color: crimson;
    font-weight: 500;
}

.machine-severity1 {
    /* color: black; */
}

.machine-severity2 {
    background-color: rgb(255, 145, 0);
}

.machine-severity3 {
    background-color: red;
}

.red {
    color: red;
    background-color: yellow;
}

.normal {
    /* font-size: 10px */
    display: none;
}

.normal-gw-p {
    /* font-size: 10px */
    /* display: none; */
}

#options-sidebar {
    position: absolute;
    bottom: 10px;
}

.hidden {
    display: none;
}

.hiddenInstance {
    display: none !important;
}

.server-container {
    margin-left: 15px;
    padding-left: 40px;
    margin-top: 5px;
    width: unset;
}

.server-container-sm {
    padding-left: 140px;
    margin-top: 5px;
}

.alertCounts {
    padding: 0px 4px;
}

.chartDiv {
    min-width: 400px;
    height: 200px;
    /* max-width: 400px; */
    /* margin-left: -25px; */
}

.chartDivMachines {
    min-width: 400px;
    height: 250px;
    /* margin-right: -40px; */
}

/* div.amcharts-chart-div{
    max-width: 400px;
    max-height: 250px;
    min-height: 250px;
}
div.amcharts-chart-div svg{
    max-width: 400px;
    max-height: 250px;
    min-height: 250px;
} */

#selectedMachine {
    max-width: 250px;
    margin-left: -5px;
}

.selectOption {
    max-width: 250px;
    margin-left: -5px;
    color: whilte;
}

.machineCharts {
    /* border: #cecece 1px solid; */
    border-collapse: collapse;
}

.machineCharts .card-header {
    padding: .5rem 1.25rem .5rem 1.25rem
}

.machineCharts label {
    margin: unset;
}

.machineChartsInner {
    /* border: #cecece 1px solid; */
    border-collapse: collapse;
}

.machineChartsInner .card-header {
    padding: .5rem 1.25rem .5rem 1.25rem
}

.machineChartsInner label {
    margin: unset;
}

.machineChartsInner .btn-group {
    padding: 1px;
}

.machineChartsInner .btn-group .btn {
    font-size: 10px;
}

.machineChartsInner .row>div {
    padding-left: 5px;
    padding-right: 5px;
}

.machineCharts .btn-group {
    padding: 1px;
}

.machineCharts .btn-group .btn {
    font-size: 10px;
}

.machineCharts .row>div {
    padding-left: 5px;
    padding-right: 5px;
}

.chartOptions {
    border-bottom: 1px solid #cecece;
    padding: 0px;
}

.chartOptions button {
    border-radius: unset;
    border-radius: 0;
    box-shadow: #e5e5e5;
    -webkit-appearance: none;
}

.machine-form {
    margin-bottom: unset;
}

.machine-form .form-group, .machine-form .form-group label {
    margin-bottom: unset;
}

.bracketVT, .bracketMT {
    height: 10px;
}

.bracketMT .d1 {
    border-right: 1px solid #007bff;
}

.bracketMT .d2 {
    border-top: 1px solid #007bff;
}

.bracketMT .d3 {
    /* border-right: 1px solid #007bff; */
    border-top: 1px solid #007bff;
}

.bracketMT .d4 {
    border-top: 1px solid #007bff;
}

.bracketMT .d5 {
    border-top: 1px solid #007bff;
    border-right: 1px solid #007bff;
}

.bracketMT .d6 {
    /* border-right: 1px solid #007bff */
}

.bracketVT .d3 {
    border-right: 1px solid #007bff;
}

.time-filters .activeFilter {
    background: #007bff;
    color: white;
}

.legends td {
    border: unset !important;
    padding: 0px;
}

.largeChartModal {
    /* width: 75%; */
    /* height: 80%; */
    /* height: 500px; */
}

#largeChartDivOuter {
    height: 500px;
}

#largeChartDiv {
    min-width: 85%;
    height: 500px;
    width: 95%;
    /* max-width: 400px; */
}

.legendItem {
    cursor: pointer;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1200px;
    }
}

.largeChartModal .chart-actions .maximizeButton {
    display: none;
}

#searchDiv {
    width: 150px;
    height: 35px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: antiquewhite;
    z-index: 1001;
}

#searchKeyword {
    background-color: whitesmoke;
    border: #cecece 5px solid
}

.searchFilterIcon {
    height: 20px;
    margin: 0px 0px 0px -25px;
}

.alarm {
    cursor: pointer;
}

.insatnceView .searchFilterLI {
    display: none;
}

#errorLogModalContent {
    height: 400px;
    overflow-y: scroll;
}

#errorLogModalContent span {
    font-size: 12px;
}

table.customersList, table.instancesList, table.instanceCostsSummary {
    font-size: 12px;
}

table.customersList th, table.instancesList th {
    cursor: pointer;
}

tr.totalEffortsTR, tr.totalCountsTR, tr.totalInstanceCostTR {
    background-color: aliceblue !important;
}

td.totalEffortsCustomer, td.totalCostInstance {
    background-color: linen;
}

.sortIcons {
    font-size: 10px;
    width: 10px;
}

.oi {
    top: unset;
}