/*
 * Copyright (c) 2022  The AdvantEDGE Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Set IDCC color theme
$mdc-theme-primary: #379dd8;
$mdc-theme-secondary: #ff9800;
$mdc-theme-background: #fff;

// Set default margin to 0px
$mdc-layout-grid-default-margin: (
  desktop: 0px,
  tablet: 16px,
  phone: 16px
);

// Set default gutter to 10px
$mdc-layout-grid-default-gutter: (
  desktop: 0px,
  tablet: 16px,
  phone: 16px
) !default;

@import "material-components-web/material-components-web";

// Ensure layout covers the entire screen
html {
  height: 100%;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

// UI
.ui-body {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.ui-content {
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
}
.ui-main {
  padding: 16px;
}

// Navigation
#idcc-toolbar {
  @include mdc-top-app-bar-ink-color(#fff);
}
// #idcc-logo {
//     height: 40px;
//     width: 40px;
//     padding-top: 4px;
//     padding-bottom: 4px;
// }
#idcc-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 22px;
}
#page-status {
  display: none;
}
#page-settings {
  display: none;
}

#refresh-interval-form-div {
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
}

// Image
.img-wrap {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#demo-svc-app-pic {
  height: 100%;
}

// IDCC Styles

.idcc-button {
  @include mdc-button-ink-color(#fff);
}
.idcc-margin-top {
  margin-top: 10px;
}
.idcc-margin-left {
  margin-left: 10px;
}
.idcc-elevated-area {
  margin-bottom: 10px;
  padding: 10px;
}
.idcc-fullwidth {
  width: 100%;
}
.idcc-fullheight {
  height: 100%;
}
.idcc-width-40 {
  width: 40px;
}
.idcc-status-ok {
  font-weight: bold;
  color: #008000;
}
.idcc-status-ra {
  font-weight: bold;
  color: #ff8000;
}
