:root {
	--fontColor: rgba(30, 30, 30, 1);
	--fontErrorColor: rgba(230,0,0,1);
	--topMenuBkgColor: rgba(255, 255, 255, 1);
	--contentAreaBkgColor: rgb(244, 244, 244);
	--contentBoxesBkgColor: rgb(255, 255, 255);
	--slidingMenuBorderColor: rgba(55,55,55,1);
	--bottomMenuBkgColor: rgba(220, 220, 220, .95);
	--bottomMenuBkgColorSelected: rgba(255, 255, 255, 1);
	--formHeaderBackground: rgba(238, 238, 238, 1);
	--inputBorderColor: rgb(162 162 162);
	--inputBackgroundColor: 248, 248, 248;
	--formBackgroundColor: rgba(244, 244, 244, 1);
	--slidingMenus: rgba(250, 250, 250, .75);
	--slidingMenusMask: rgb(66 66 66 / 0%);
	--iconBackgroundArea: 255, 255, 255;
	--iconForegroundArea: 85, 85, 85;
	--infoMobileStatusAreaBkgColor: rgb(0, 0, 0);
	--infoMobileStatusBarShimBkgColor: rgb(0, 0, 0);
	--infoMobileStatusAreaBkgColor: rgb(0, 0, 0);
	--infoMobileStatusBarShimBkgColor: rgb(0, 0, 0);
	--logoImage:  url(../images/logos/pdonline.svg);
	--icoUserMenu: url(../images/menu-icons/ico-user-menu.svg);
	--icoUserNotificationsActive: url(../images/menu-icons/ico-notifications-active.svg);
	--icoShowMenu: url(../images/menu-icons/ico-menu.svg);
	--icoShowSearch: url(../images/menu-icons/ico-search.svg);
	--icoUser: url(../images/menu-icons/ico-user.svg);
	--icoCreate: url(../images/menu-icons/ico-create.svg);
	--icoSelect: url(../images/menu-icons/ico-select.svg);
	--icoDirViewList: url(../images/menu-icons/ico-dir-view-list.svg);
	--icoDirViewCards: url(../images/menu-icons/ico-dir-view-cards.svg);
	--icoDirViewPhotos: url(../images/menu-icons/ico-dir-view-photos.svg);
	--icoDirViewDetail: url(../images/menu-icons/ico-dir-view-detail.svg);
	--icoPrint: url(../images/menu-icons/ico-print.svg);
	--icoFormDesigner: url(../images/menu-icons/ico-form-designer.svg);
	--icoDefineFields: url(../images/menu-icons/ico-define-fields.svg);
	--icoDefineCategories: url(../images/menu-icons/ico-define-categories.svg);
	--icoUsers: url(../images/menu-icons/ico-users.svg);
	--icoLoginRequests: url(../images/menu-icons/ico-login-requests.svg);
	--icoDesignPages: url(../images/menu-icons/ico-design-pages.svg);
	--icoOrganization: url(../images/menu-icons/ico-organization.svg);
	--icoImportData: url(../images/menu-icons/ico-import-data.svg);
	--icoExportData: url(../images/menu-icons/ico-export-data.svg);
	--icoInstallMobile: url(../images/menu-icons/ico-install-mobile.svg);
	--icoDarkLightMode: url(../images/menu-icons/ico-dark-light-mode.svg);
	--icoCloseMenu: url(../images/menu-icons/ico-close-menu.svg);
	--icoEmail: url(../images/contact-icons/email.svg);
	--icoHome: url(../images/menu-icons/ico-home.svg);
	--icoArticles: url(../images/menu-icons/ico-articles.svg);
	--icoOrganizations: url(../images/menu-icons/ico-organizations.svg);
	--icoDirectory: url(../images/menu-icons/ico-directory.svg);
	--icoGroups: url(../images/menu-icons/ico-groups.svg);
}

:root.darkMode {
	--fontColor: rgba(230, 230, 230, 1);
	--topMenuBkgColor: rgba(18, 18, 18, .82);
	--contentAreaBkgColor: rgb(15, 15, 15);
	--contentBoxesBkgColor: rgb(33 33 33);
	--slidingMenuBorderColor: rgba(198,198,198,.90);
	--bottomMenuBkgColor: rgba(18, 18, 18, .82);
	--bottomMenuBkgColorSelected: rgba(66, 66, 66, .70);
	--formHeaderBackground: rgba(46, 46, 46, 1);
	--inputBorderColor: rgba(20, 20, 20, 1);
	--inputBackgroundColor: rgba(52, 52, 52, 1);
	--formBackgroundColor: rgba(14, 14, 14, 1);
	--slidingMenus: rgba(34, 34, 34, .75);
	--slidingMenusMask: rgb(28 28 28 / 0%);
	--iconBackgroundArea: 20, 20, 20;
	--iconForegroundArea: 229, 229, 229;
	--logoImage:  url(../images/logos/dark/pdonline.svg);
	--icoUserMenu: url(../images/menu-icons/dark/ico-user-menu.svg);
	--icoUserNotificationsActive: url(../images/menu-icons/dark/ico-notifications-active.svg);
	--icoShowMenu: url(../images/menu-icons/dark/ico-menu.svg);
	--icoShowSearch: url(../images/menu-icons/dark/ico-search.svg);
	--icoUser: url(../images/menu-icons/dark/ico-user.svg);
	--icoCreate: url(../images/menu-icons/dark/ico-create.svg);
	--icoSelect: url(../images/menu-icons/dark/ico-select.svg);
	--icoDirViewList: url(../images/menu-icons/dark/ico-dir-view-list.svg);
	--icoDirViewCards: url(../images/menu-icons/dark/ico-dir-view-cards.svg);
	--icoDirViewPhotos: url(../images/menu-icons/dark/ico-dir-view-photos.svg);
	--icoDirViewDetail: url(../images/menu-icons/dark/ico-dir-view-detail.svg);
	--icoPrint: url(../images/menu-icons/dark/ico-print.svg);
	--icoFormDesigner: url(../images/menu-icons/dark/ico-form-designer.svg);
	--icoDefineFields: url(../images/menu-icons/dark/ico-define-fields.svg);
	--icoDefineCategories: url(../images/menu-icons/dark/ico-define-categories.svg);
	--icoUsers: url(../images/menu-icons/dark/ico-users.svg);
	--icoLoginRequests: url(../images/menu-icons/dark/ico-login-requests.svg);
	--icoDesignPages: url(../images/menu-icons/dark/ico-design-pages.svg);
	--icoOrganization: url(../images/menu-icons/dark/ico-organization.svg);
	--icoImportData: url(../images/menu-icons/dark/ico-import-data.svg);
	--icoExportData: url(../images/menu-icons/dark/ico-export-data.svg);
	--icoInstallMobile: url(../images/menu-icons/dark/ico-install-mobile.svg);
	--icoDarkLightMode: url(../images/menu-icons/dark/ico-dark-light-mode.svg);
	--icoCloseMenu: url(../images/menu-icons/dark/ico-close-menu.svg);
	--icoEmail: url(../images/contact-icons/dark/email.svg);
	--icoHome: url(../images/menu-icons/dark/ico-home.svg);
	--icoArticles: url(../images/menu-icons/dark/ico-articles.svg);
	--icoOrganizations: url(../images/menu-icons/dark/ico-organizations.svg);
	--icoDirectory: url(../images/menu-icons/dark/ico-directory.svg);
	--icoGroups: url(../images/menu-icons/dark/ico-groups.svg);
}

* {
	font-family: sans-serif, Helvetica;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

html {
	background-color: var(--contentAreaBkgColor);
}

html body#pdo {
	box-sizing: border-box;
	font-family: sans-serif, Helvetica;
	font-size: 14px;
	font-weight: 200;
	margin: 0;
	padding: 0;
	background-color: var(--backgroundColor);
}

html body#pdo {
	color: var(--fontColor);
}

html body#pdo .error-message {
	color: var(--fontErrorColor);
	font-weight: 500;
}

html body#pdo a,
html body#pdo a:visited {
	text-decoration: none;
	color: var(--fontColor);
}

html body #inf-content {
	position: relative;
	padding-bottom: 70px;
	padding-top: 68px;
	width: 100%;
	min-height: 100%;
	padding-left: 1%;
	padding-right: 1%;
	word-wrap: break-word;
}

body #inf-content {
	background-color: var(--contentAreaBkgColor);
}

html body#pdo #inf-content #pdo-login-form .pdo-logo {
	height: 50px;
	background-image: var(--logoImage);
	background-size: contain;
	background-repeat: no-repeat;
}

html body#pdo #inf-content div#pdo-login-form {
	display: flex;
	justify-content: center;
	align-items: center;
	border: .5px solid var(--inputBorderColor);
	height: 275px;
	width: 300px;
	margin: auto;
	box-shadow: 4px 3px 11px 2px var(--inputBorderColor);
}

html body#pdo #inf-content #pdo-login-form form {
	width: 100%;
	margin: 0 5%;
}

html body#pdo #inf-content form .pdo-input-wrapper {
	border: .5px solid var(--inputBorderColor);
}

html body#pdo #inf-content.login-container #pdo-login-form .input-data button {
	float: right;
	height: 40px;
	width: 70px;
	cursor: pointer;
}

html body#pdo #inf-content .input-data {
	margin-bottom: 10px;
}

html body#pdo div#inf-content .input-data label {
	font-size: 13px;
}

html body#pdo #inf-content #pdo-input-wrapper {
	border: 0.0625px solid var(--inputBorderColor);
	width: 200px;
	padding: 0 5px;
	margin-top: 2px;
	height: 40px;
	background-color: rgba(var(--inputBackgroundColor));
}

body #pdo-page-body #inf-content.login-container input {
	border: none;
	height: 35px;
	line-height: 35px;
	width: 100%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	outline: none;
}

html body #top-search-navigation {
	display: grid;
	grid-template-columns: 18% 59% 23%;
	grid-gap: 0;
	height: 60px;
	position: fixed;
	align-content: center;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 3px -1px 6px 0px #37373766;
}

body #top-search-navigation {
	background-color: var(--topMenuBkgColor);
}

html body #top-search-navigation .top-nav-grid-cell {
	box-sizing: border-box;
	font-size: 11px;
	padding: 0 3px;
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-search {
	transform: rotate(270deg);
}

body #top-search-navigation .top-nav-grid-cell #inf-show-search {
	background-image: var(--icoShowSearch);
}

html body #top-search-navigation .top-nav-grid-cell .top-nav-action {
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 62px;
	cursor: pointer;
}

html body #pdo-page-body {
	display: block;
	height: 100%;
}

html body #inf-site-logo {
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0.5px 0;
	background-position: center;
}

body #top-search-navigation #inf-site-logo {
	background-image: url(../images/logos/pdonline.svg);
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-menu {
	float: right;
}

body #top-search-navigation .top-nav-grid-cell #inf-show-menu {
	background-image: var(--icoShowMenu);
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu {
	float: right;
	position: relative;
	background-size: 20px;
}

body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu {
	background-image: var(--icoUserMenu);
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-box-wrapper.showing {
	display: block;
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-box-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: transparent;
	display: none;
	position: fixed;
}

body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-box {
	background-color: var(--contentBoxesBkgColor);
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-info {
	padding: 0 0 0 7px;
	font-size: 13px;
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-info>div {
	padding: 3px 0 0 0;
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-info #inf-user-name {
	padding-top: 5px;
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-info #inf-user-menu-links>div {
	height: 40px;
	line-height: 40px;
}

html body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-alerts {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 9px;
	right: -1px;
	pointer-events: none;
}

body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-alerts {
	background-image: var(--icoUserNotificationsActive);
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box {
	display: grid;
	grid-template-columns: 30% 70%;
	width: 305px;
	height: auto;
	position: fixed;
	right: 12px;
	top: 54px;
	padding: 8px;
	border: .5px solid #555;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .8);
}

body #top-search-navigation .top-nav-grid-cell #inf-show-user-menu #inf-user-box #inf-user-menu-pointer {
	background-color: var(--contentBoxesBkgColor);
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-menu-pointer {
	top: -6px;
	right: 48px;
	position: absolute;
	width: 11px;
	height: 11px;
	border: .5px solid #555;
	transform: rotate(45deg);
	border-bottom: none;
	border-right: none;
}

html body #top-search-navigation .top-nav-grid-cell #inf-user-box #inf-user-pic {
	width: 80px;
	height: 80px;
	border: .5px solid #000;
	border-radius: 40px;
	background-image: var(--icoUser); 
	background-size: cover;
	background-position: center top;
}

html body #top-search-navigation .top-nav-grid-cell .top-nav-action {
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 62px;
	cursor: pointer;
}

#inf-site-menu.showing {
	display: block;
}

body #inf-site-menu {
	background-color: var(--slidingMenusMask);
}

#inf-site-menu {
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	min-width: 280px;
	top: 0;
	right: 0;
	height: 100%;
	background-color: transparent;
	font-size: 0;
	display: none;
}

body #inf-site-menu #inf-menu {
	background-color: var(--slidingMenus);
}

#inf-site-menu #inf-menu {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 13px;
	padding: 10px;
	width: 88%;
	height: 100%;
	max-width: 360px;
	box-shadow: 1px 1px 6px #000000dd;
	overflow: hidden;
	overflow-y: scroll;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

#inf-site-menu #inf-menu h1#inf-menu-heading {
	text-align: center;
	font-size: 21px;
}

#inf-site-menu #inf-menu h1 {
	font-size: 14px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 5px;
}

#inf-site-menu #inf-menu ul {
	padding-left: 10px;
	margin-top: 0;
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 {
	font-size: 0;
	border-top: .5px solid #5555556e;
	border-bottom: .5px solid #5555556e;
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 div:first-of-type {
	border-right: .5px solid #5555556e;
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 div {
	height: 40px;
	font-size: 15px;
	font-weight: 300;
	line-height: 35px;
	padding: 0px 5px;
	margin: auto;
	display: inline-block;
	width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

#inf-site-menu #inf-menu .inf-menu-group .inf-menu-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
	margin-left: 8px;
	margin-bottom: 13px;
	grid-column-gap: 3px;
}

#inf-site-menu #inf-menu .inf-menu-option {
	line-height: 40px;
	background-size: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 30px;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}

html #inf-site-menu #inf-menu .inf-menu-option#inf-dark-light-mode .light-mode {
	display: inline;
}

html #inf-site-menu #inf-menu .inf-menu-option#inf-dark-light-mode .dark-mode {
	display: none;
}

html.darkMode #inf-site-menu #inf-menu .inf-menu-option#inf-dark-light-mode .light-mode {
	display: none;
}

html.darkMode #inf-site-menu #inf-menu .inf-menu-option#inf-dark-light-mode .dark-mode {
	display: inline;
}

body #inf-site-menu .inf-menu-option#inf-dir-add {
	background-image: var(--icoCreate);
}

body #inf-site-menu .inf-menu-option#inf-dir-select {
	background-image: var(--icoSelect);
}

body #inf-site-menu .inf-menu-option#inf-dir-list {
	background-image: var(--icoDirViewList);
}

body #inf-site-menu .inf-menu-option#inf-dir-cards {
	background-image: var(--icoDirViewCards);
}

body #inf-site-menu .inf-menu-option#inf-dir-photos {
	background-image: var(--icoDirViewPhotos);
}

body #inf-site-menu .inf-menu-option#inf-dir-detail {
	background-image: var(--icoDirViewDetail);
}

body #inf-site-menu .inf-menu-option#inf-dir-print {
	background-image: var(--icoPrint);
}

body #inf-site-menu .inf-menu-option#inf-design-form {
	background-image: var(--icoFormDesigner);
}

body #inf-site-menu .inf-menu-option#inf-define-fields {
	background-image: var(--icoDefineFields);
}

body #inf-site-menu .inf-menu-option#inf-label-definitions {
	background-image: var(--icoDefineCategories);
}

body #inf-site-menu .inf-menu-option#inf-setup-users {
	background-image: var(--icoUsers);
}

body #inf-site-menu .inf-menu-option#inf-setup-login-req {
	background-image: var(--icoLoginRequests);
}

body #inf-site-menu .inf-menu-option#inf-design-pages {
	background-image: var(--icoDesignPages);
}

body #inf-site-menu .inf-menu-option#inf-setup-my-organization {
	background-image: var(--icoOrganization);
}

body #inf-site-menu .inf-menu-option#inf-setup-import {
	background-image: var(--icoImportData);
}

body #inf-site-menu .inf-menu-option#inf-setup-export {
	background-image: var(--icoExportData);
}

body #inf-site-menu .inf-menu-option#inf-install-mobile {
	background-image: var(--icoInstallMobile);
}

body #inf-site-menu .inf-menu-option#inf-dark-light-mode {
	background-image: var(--icoDarkLightMode);
}

#inf-site-menu #inf-menu .inf-menu-group .inf-menu-grid #inf-close-menu {
	position: absolute;
	top: 0;
	right: 15px;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
}

body #inf-site-menu #inf-menu .inf-menu-grid #inf-close-menu {
	background-image: var(--icoCloseMenu);
}

#inf-mobile-status-area {
	width: 100%;
	position: fixed;
	z-index: 3;
	height: 20px;
	top: -20px;
	left: 0;
	background-color: var(--infoMobileStatusAreaBkgColor);
}

html body #inf-status-bar-shim {
	position: fixed;
	background-color: var(--infoMobileStatusBarShimBkgColor);
	top: -40px;
	width: 100%;
	height: 40px;
}

body #inf-content .email {
	background-image: var(--icoEmail);
}

#inf-site-menu.showing {
	display: block;
}

body #inf-site-menu {
	background-color: var(--slidingMenusMask);
}

#inf-site-menu #inf-menu h1#inf-menu-heading {
	text-align: center;
	font-size: 21px;
}

#inf-site-menu #inf-menu h1 {
	font-size: 14px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 5px;
}

#inf-site-menu #inf-menu .inf-menu-group {
	border-bottom: .5px solid var(--slidingMenuBorderColor);
	margin-bottom: 5px;
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 {
	font-size: 0;
	border-top: .5px solid var(--slidingMenuBorderColor);
	border-bottom: .5px solid var(--slidingMenuBorderColor);
}

#inf-site-menu #inf-menu h1 {
	font-size: 14px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 5px;
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 div:first-of-type {
	border-right: .5px solid var(--slidingMenuBorderColor);
}

#inf-site-menu #inf-menu .inf-menu-group.inf-first h1 div {
	height: 40px;
	font-size: 15px;
	font-weight: 300;
	line-height: 35px;
	padding: 0px 5px;
	margin: auto;
	display: inline-block;
	width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

#inf-bottom-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: -3px -1px 6px 0px #37373766;
	height: 80px;
}

body #inf-bottom-fixed {
	background-color: var(--bottomMenuBkgColor);
	border: .025px solid var(--inputBorderColor);
}

#inf-bottom-fixed.collapsed {
	height: 49px;
}

#inf-bottom-fixed #site-bottom-navigation {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
	grid-gap: 0;
	text-align: center;
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action {
	font-size: 11px;
	background-size: 28px;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 2px;
	background-position: center 4px;
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action .nav-label {
	padding-top: 3px;
}

body #inf-bottom-fixed #site-bottom-navigation #inf-nav-home {
	background-image: var(--icoHome);
}

body #inf-bottom-fixed #site-bottom-navigation #inf-nav-articles {
	background-image: var(--icoArticles);
}

body #inf-bottom-fixed #site-bottom-navigation #inf-nav-organizations {
	background-image: var(--icoOrganizations);
}

body #inf-bottom-fixed #site-bottom-navigation #inf-nav-directory {
	background-image: var(--icoDirectory);
}

body #inf-bottom-fixed #site-bottom-navigation #inf-nav-groups {
	background-image: var(--icoGroups);
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar {
	padding-top: 7px;
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar .inf-calendar-icon {
	width: 28px;
	height: 24px;
	margin: auto;
	margin-bottom: 2px;
}

body #inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar .inf-calendar-icon .day-of-week {
	border-color: rgba(var(--iconForegroundArea), 1);
	background-color: rgba(var(--iconForegroundArea), 1);
	color: rgba(var(--iconBackgroundArea), 1);
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar .inf-calendar-icon .day-of-week {
	border: 2px solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -2px;
	padding: 2px;
	height: 13px;
	line-height: 7px;
}

body #inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar .inf-calendar-icon .day-of-month {
	border-color: rgba(var(--iconForegroundArea), 1);
	border-top: none;
	background-color: rgba(var(--iconBackgroundArea), 1);
	color: rgba(var(--iconForegroundArea), 1);
}

#inf-bottom-fixed #site-bottom-navigation .btm-nav-action#inf-nav-calendar .inf-calendar-icon .day-of-month {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 2px solid;
	border-top: none;
	font-size: 10px;
	margin-bottom: 3px;
	height: 15px;
	line-height: 13px;
	font-weight: bold;
}

body #inf-bottom-fixed.collapsed #inf-powered-by {
	border-top: none;
}

body #inf-bottom-fixed #inf-powered-by {
	background-color: var(--bottomMenuBkgColor);
	border-top: .5px solid var(--fontColor);
}

body #inf-bottom-fixed #site-bottom-navigation .btm-nav-action.selected {
	background-color: var(--bottomMenuBkgColorSelected);
}

#inf-site-search-form {
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	min-width: 280px;
	top: 0;
	left: 0;
	height: 100%;
	display: none;
}

#inf-site-search-form.showing {
	display: block;
}

body #inf-site-search-form form {
	background-color: var(--contentBoxesBkgColor);
}

#inf-site-search-form form {
	padding-left: 10px;
	padding-top: 10px;
	width: 80%;
	height: 100%;
	max-width: 600px;
	box-shadow: 1px 1px 6px #000000dd;
}

#inf-site-search-form form {
	padding-left: 10px;
	padding-top: 10px;
	width: 80%;
	height: 100%;
	max-width: 600px;
	box-shadow: 1px 1px 6px #000000dd;
}

body input {
	color: var(--fontColor);
	background-color: transparent;
}

#inf-site-search-form .search-wrapper {
	display: flex;
	align-items: stretch;
	justify-content: space-around;
}

#inf-site-search-form .search-wrapper div#site-search-text {
	border: .5px solid;
	width: 100%;
	border-right: 1px dashed;
	border-radius: 5px 0 0 5px;
}

#inf-site-search-form .search-wrapper div#site-search-text input {
	border: none;
	outline: none;
	width: calc(100% - 12px);
	line-height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 15px;
	margin-left: 2px;
	margin-right: 2px;
}

#inf-site-search-form .search-wrapper div#site-search-button {
	width: 40px;
	flex: 0 0 40px;
	box-sizing: border-box;
	margin-right: 10px;
	border: .5px solid;
	border-radius: 0 5px 5px 0;
	border-left: unset;
}

#inf-site-search-form .search-wrapper div#site-search-button button.search-button {
	height: 26px;
	width: 33px;
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	background-size: 19px;
	background-position: 8px center;
}

body #inf-site-search-form button.search-button {
	background-image: url(../images/menu-icons/ico-search.svg);
}