:root {
    --dynavox-td-blue: #0E103E;
    --dynavox-td-grey-5: #75787B;
    --dynavox-td-grey-1: #F2F2F2;
    --dynavox-td-black: #000000;
    --dynavox-td-white: #FFFFFF;
    --dynavox-iframe-max-width: 1320px;
}

/* Navbar height: */
.schema-navbar {
    background-color: var(--dynavox-td-blue);
    height: 92px;
	
	padding-left: 40px;
	padding-right: 40px;
}
/* Logo left margin: */
.schema-navbar-logo {
    margin-left: 0px !important;
}
/* Move collapsing search bar to match navbar height: */
#search-collapse {
    top: 92px;
}
.schema-navbar-search {
    margin-left: 40px;
}
/* Search bar sizing: */
.nav-spacer {
	flex-grow: 1;
    max-width: 144px;
    min-width: 0px;
}
.schema-navbar-search.form-inline {
	flex-grow: 1;
	/* using nav-spacer instead: */
	/*margin-left: 184px;*/
	/* 10px left margin on language button: */
	margin-right: 40px;
	max-width: 500px;
}
/* Set a margin on the menu button: */
#schema-toc-toggle {
	margin-right: 15px;
}
/* Set a margin to the search toggle icon: */
#search-toggle .oi-magnifying-glass {
	margin-right: 10px;
	margin-left: 10px;
}

/* Autofill style override/work-around/hack */
.schema-navbar-search input:-webkit-autofill,
.schema-navbar-search input:-webkit-autofill:hover, 
.schema-navbar-search input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--dynavox-td-white);
  -webkit-box-shadow: 0 0 0px 40rem var(--dynavox-td-blue) inset;
}
/* Restyle search field: */
.schema-navbar-search input,
.schema-navbar-search input:focus {
    border-bottom: 1px solid var(--dynavox-td-white);
    padding-left: 0px;
    padding-right: 0px;
}
.schema-navbar-search input,
.schema-navbar-search input::placeholder,
.schema-navbar-search input:focus
{
    background-color: transparent;
    color: var(--dynavox-td-white) !important;
    /* Remove search field rounded corners: */
    border-radius: 0px;
    /* Remove outline when focused: */
    box-shadow: none;
    /* Remove icon space indent: */
    text-indent: 0px;
}
/* Specific changes to search field in small mode: */
#search-collapse {
    background-color: var(--dynavox-td-blue);
}
#search-collapse input {
    /* Remove icon space indent: */
    text-indent: 0px;
    border-bottom: 1px solid var(--dynavox-td-white);
}
/* navbar right section */
#language-toggle,
.download-url,
.pipe-divider {
    font-size: 16px;
	color: #ffffff;
}
.pipe-divider {
	margin-left: 10px;
	margin-right: 10px;
}
#language-toggle .oi-globe {
    display: none;
}
#language-toggle {
	white-space: nowrap;
	text-decoration: underline;
	flex-grow: 1;
}
.download-url,
.download-url a:link,
.download-url a:visited,
.download-url a:hover,
.download-url a:active {
	color: var(--dynavox-td-white);
}

/* Main left menu restyling: */
.schema-toc-nav {
	padding-top: 40px;
    padding-bottom: 40px;
    /* Adjust height since we made navbar higher: */
    height: calc(100vh - 92px);
}
ul.schema-toc-menu {
    padding-left: 40px;
}
ul.schema-toc-menu,
ul.schema-toc-submenu { 
    font-size: 18px;
}
/* Menu background color: */
.schema-toc-nav {
    background-color: var(--dynavox-td-grey-1);
}
button.schema-toc-dropdown {
    color: var(--dynavox-td-grey-5);
}
a.schema-toc-link,
a.schema-toc-added-link {
    color: var(--dynavox-td-black);
}
a.schema-toc-added-link { 
    padding-left: 0.3em; 
}
a.schema-toc-link.active,
a.schema-toc-link.active:focus,
a.schema-toc-added-link.active,
a.schema-toc-added-link.active:focus {
    color: var(--dynavox-td-black);
    font-weight: bold;
    background-color: transparent;
    border-right-color: transparent;
}
a.schema-toc-link:hover, 
a.schema-toc-link.active:hover,
a.schema-toc-link.active:focus,
a.schema-toc-added-link:hover, 
a.schema-toc-added-link.active:hover,
a.schema-toc-added-link.active:focus {
    background-color: transparent;
}
/* Hover styles: */
a.schema-toc-link:hover,
a.schema-toc-link.active:hover,
a.schema-toc-added-link:hover,
a.schema-toc-added-link.active:hover {
    color: var(--dynavox-td-blue);
    border-right-color: var(--dynavox-td-blue);
}

/* Breadcrumb restyling: */
.breadcrumb {
    background-color: transparent;
    padding: 0px;
}
.breadcrumb-item a {
    color: var(--dynavox-td-grey-5);
}
.breadcrumb-item.active {
    color: var(--dynavox-td-black);
}
/* Rules for iframe content: */
.content-container.container {
    padding: 40px;
    max-width: var(--dynavox-iframe-max-width);
    min-width: auto;
}
/* Adjust iframe size since we made navbar higher: */
#framecontent {
    height: calc(100vh - 92px);
    max-width: var(--dynavox-iframe-max-width);
}
/* Add some padding to footer to avoid copyright text to be right on the edge of the scroll: */
footer {
    padding-bottom: 40px;
}

/* Override and hide tree view icon */
.schema-toc-dropdown::before {
	content: none;
}

/* 
    Hide elements: 
    ==============
*/
/* Pagination: */
ol.schema-pagewise, 
/* Search field icon */
.search-icon,
/* Language selection icon: */
#language-toggle .oi-globe {
    display: none !important;
}
h1 {
    color: var(--dynavox-td-black);
}

.schema-titlepage-title {
    margin-left: 0px;
}


/* 
    Title page restyling: 
    =====================
*/

/* Menu text styling: */
.schema-titlepage-series {
    margin-top: 0px;
    color: var(--dynavox-td-grey-5);
}
.schema-titlepage-title {
    margin-top: 0px;
    margin-bottom: 20px;
}
.schema-titlepage-model {
    margin-bottom: 0px;
}
/* Flex wrapper styling: */
#schema-titlepage-wrapper {
    display: flex;
    justify-content: space-between;
}
/* Avoid title page text wrapping: */
#schema-titlepage-txt-wrapper {
    min-width: max-content;
}
/* Fix nav top margin: */
#schema-titlepage-txt-wrapper nav {
    margin-top: 60px;
}
/* Clear existing left-padding: */
#schema-titlepage-txt-wrapper ul {
    padding-left: 0px;
}
/* Image restyling: */
#schema-titlepage-img-wrapper {
    display: flex;
    
    /* Align-x left: */
    justify-content: flex-start;
	
    /* Align-y top: */
    align-items: flex-start;

    padding: 0px;
    margin: 0px;
    width: 100%;
    /* Needed to avoid overflow since we have min-width: max-content on text wrapper: */
    min-width: 0;
}
/* Set left and right margins on image on title page only (in the main layout this is handled by iframe padding): */
#schema-titlepage-img-wrapper .schema-titlepage-img {
    margin-left: 40px;
}
.schema-titlepage-img {
    max-width: 70vw;
    /* max-height: 90vh; */
    max-height: 650px;
    object-fit: contain;
    margin: 0px;

    /* Needed to avoid overflow since we have min-width: max-content on text wrapper: */
    min-width: 0;
}

#language-titlepage-wrapper {
    padding: 40px;
}

/*
    Insert page restyling: 
    =====================
*/
/* Add top margin to all resource sections: */
.project-resources-legal,
.project-resources-copyright {
    margin-top: 40px;
}

/* Add a top margin to legal sections and table: */
.section-Legal,
.section-Legal table {
    margin-top: 40px;
}

/* Copyright styles: */
.project-resources-copyright .section-Copyright {
    font-size: 13px;
}

/* Support styles: */
.project-resources-support {
    background-color: var(--dynavox-td-grey-1);
    padding: 40px;
}
.project-resources-support h2 {
    margin-top: 0px;
    margin-bottom: 1.5rem;
}
.project-resources-support h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: .5rem;
}
.project-resources-support p {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Safety icons: */
.tobii-safety-severity::before {
    position: absolute;
    margin-left: -25px;
}
.tobii-safety-severity {
    margin-left: 25px;
}
body[dir="rtl"] .tobii-safety-severity::before {
    position: absolute;
    margin-right: -25px;
}
body[dir="rtl"] .tobii-safety-severity {
    margin-right: 25px;
}
/* Specific icons: */
.tobii-safety-severity-danger::before { 
    content:url('../../img/Danger.png') !important;
}
.tobii-safety-severity-warning::before {
    content:url('../../img/Warning.png') !important;
    margin-top: 2px;
}
.tobii-safety-severity-hightemperature::before {
    content:url('../../img/Heat.png') !important;
}
.tobii-safety-severity-highvolume::before {
    content:url('../../img/Hearing.png') !important;
    margin-top: 5px;
}
.tobii-safety-severity-caution::before {
    content:url('../../img/Caution.png') !important;
    margin-top: 3px;
}
/* Information icon used for both environment and note at this point: */
.tobii-safety-severity-environment::before,
.tobii-safety-severity-note::before {
    content:url('../../img/Information.png') !important;
    margin-top: 4px;
}
.tobii-safety-severity-tip::before {
    content:url('../../img/Tips.png') !important;
}

/* Title image icons: */
h1 .tobii-title-img,
h2 .tobii-title-img,
h3 .tobii-title-img,
h4 .tobii-title-img,
h5 .tobii-title-img {
    width: 1.5em;
    height: 1.5em;
    object-fit: contain;
    margin-left: .3em;
    margin-right: .3em;
}

/* Icon tagged inline images: */
.tobii-icon {
    max-height: 2rem;
}

.schema-inline-img:not(.tobii-icon) {
    max-width: 100%;
    max-height: 100%;
    max-height: 50vh;
}

/* Set a max-width for the navbar that matches the iframe max-content width: */
#nav-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    /* Adding menu section width and subtracting the nav padding: */
    max-width: calc(var(--dynavox-iframe-max-width) + 350px - 80px);
}

/* make image title prefix bold: */
.image-title .figure-number {
    font-weight: bold;
}

/* Adjust dropdown placement for language selection: */
#nav-wrapper {
    position: relative;
}
.dropdown-menu {
    right: 0px;
}

/* Add some top margin to h3-h5: */
h3, h4, h5 {
    margin-top: 1.7em;
}
/* Fix top-margin on model names on home (h3): */
.schema-titlepage-model {
    margin-top: 0px;
}
/* Align language dropdown text right to match pipe distance: */
.schema-navbar-toggle {
    text-align: right;
}
/* Set background to print button (text was being displayed behind button): */
.btn-print {
    background-color: #ffffff;
    z-index: 100;
}

body[dir="rtl"] #language-toggle {
    text-align: left;
}

body[dir="rtl"] .btn-print {
    left: 20px;
    right: auto !important;
}

/* Remove text indent for flag set to background image on li: */
ul.schema-languages {
    text-indent: 0px;
}