/* prettier-ignore */
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

/* 
	- CSS: Base Styles for IVT Style Guide Theme
	- Version:  0.4.0
  - Author:   Lim, Sheng Han
  - Changelog:
  - 0.2 - Added Back button for header and Header variant without title
  - 0.3 - Moved all bootstrap overrides and major components into BS4-ivt
  - 0.4 - Moved Navbar hamburger icon to the left
*/

:root {
  --navbar-bg-blue: #153d77;
  --ivt-blue: #052860;
  --primary-blue: #0b5cbb;
  --main-bg-white: #efefef;
  --text-highlight-white: #ffffff;
  --body-font-size: 0.9275rem;
  --font-family-sans-serif: "Varela Round", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
  font-family: var(--font-family-sans-serif);
  font-size: 0.9275rem;
  font-size: var(--body-font-size);
  background-color: #efefef;
  background-color: var(--main-bg-white);
}

/* @font-face {
  font-family: "Varela Round";
  src: url("css/fonts/VarelaRound-Regular.ttf");
} */

/*
 * Content
 */
[role="main"] {
  padding: 5.5rem 5.5rem 0 5.5rem;
  min-height: 100vh;
  min-width: 0;
  width: 100%;
  -webkit-transition: margin-left 0.3s ease-in-out, left 0.3s ease-in-out,
    margin-right 0.3s ease-in-out, right 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out, left 0.3s ease-in-out,
    margin-right 0.3s ease-in-out, right 0.3s ease-in-out;
}

/* extending blue background */
.wrapper:before {
  width: 100%;
  height: 270px;
  position: absolute;
  top: 0;
  left: 0;
  background: #153d77;
  background: var(--navbar-bg-blue);
  content: " ";
}

.wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

/*
 * Navbar
 */
#navbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-logo {
  width: 32px;
  margin-right: 0.25rem;
  margin-bottom: 0.1rem;
}

.navbar-badge {
  margin-left: 0.25rem;
}

.sidebar-toggle {
  padding: 0.9rem;
  cursor: pointer;
  font-size: 1.2rem;
}

a.sidebar-toggle {
  color: rgba(255, 255, 255, 0.25);
}

a.sidebar-toggle:hover {
  /* color: rgba(255, 255, 255, 0.5); */
  background-color: rgba(255, 255, 255, 0.1);
}

/*
 * Sidebar - Filter
 */

.ivt-sidebar-filter {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
}

.ivt-datepicker-prepend {
  width: 70px;
}

/*
 * Footer
 */
.footer {
  display: block;
  margin-top: 1rem;
  margin-left: -1rem;
  color: #999;
}

/* app list page*/
.card-app-icon {
  text-align: center;
  display: block;
  padding: 1rem;
}

.card-footer {
  background-color: white;
  border: none;
}

/* force flexible table widths */
.table {
  width: 100% !important;
}