#alertPopup, #successPopup p, .asideList, .ico2, .projectGrid > div, .view_field > div, .windowTab, .windowTitle, h1, td {text-align: center}
.asideAnchor, .manualLink, .manualLink:visited, .menuItem {text-decoration: none}
#alertPopup, .loginPopup {top: 50%;left: 50%;transform: translate(-50%, -50%)}
#alertPopup, #alertPopup *, .loginPopup {padding: 10px}
#alertPopupContainer, #successPopup {display: none;position: fixed}
body {user-select: none;position: fixed;min-width: 1100px;min-height: 550px;width: 100%;height: 100%;margin: 0}
* {font-family: "Roboto Light", sans-serif}
#alertPopup {position: fixed;background: red}
#alertPopupContainer {top: 0;bottom: 0;left: 0;right: 0;background: rgba(90, 90, 90, .5);z-index: 9999}
#successPopup {padding: 5px;bottom: 35px;right: 35px;background: green;z-index: 9999}
.taskHasTime {background-color: #adff2f !important}
.eventHasNote {background-color: #bde5f8 !important}
.expiredBill {background-color: red !important}
.subMenubar .menuItem {display: inline-block}
.loginPopup {position: fixed;background: #8897a7}
.loginPopupContainer {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(90, 90, 90, .5);z-index: 9000}
#mainNavMenuParent {position: sticky;flex-wrap: wrap;background: #8897a7;justify-content: space-between;white-space: nowrap;height: 60px;padding-top: 5px;font-size: 13px}
#mainNavMenu {padding: 5px;top: 0;z-index: 9999}
.menuItem {border: 5px solid transparent;font-size: 15px;color: #fff;background-size: cover;background-repeat: no-repeat}
.menuItem:hover {border-bottom: 5px solid #000;border-right: 5px solid #000;border-top: 5px solid #fff;border-left: 5px solid #fff}
.leftFloatedContainer {display: grid;grid-template-columns:max-content auto;height: 100%}
.cbCircle, .ovalBg {border-radius: 2rem;cursor: pointer}
.detailedSideMenu > div {font-size: 13px;margin: 3px}
.detailedSideMenu .sideMenuItem:hover {color: #fff;background-color: #4169e1;cursor: pointer}
.ovalBg {display: inline-block;background-color: #1e90ff;width: 50px;height: 25px}
.ovalBg.inactive {background-color: grey}
.cbCircle {width: 20px;height: 20px;border: none;position: relative;left: -10px;top: 2px;caret-color: transparent}
.inactive .cbCircle {left: 10px}
.taskDescriptionDiv {width: calc(100% - 10px)}
.taskDescriptionDiv, .taskDescriptionDiv > div {padding: 3px}
.taskDescriptionDiv .discussion {border: 1px solid;padding: 3px 3px 3px 10px;margin: 5px;border-radius: 10px}
.taskDescriptionDiv .discussion span {padding-left: 3px;padding-right: 3px}
.taskDescriptionDiv .discussion .discussion {padding-left: 20px}
.taskDescriptionDiv .discussionProposal, .taskDescriptionDiv .taskDescription {margin: 5px;border-radius: 10px;background-color: #fff;padding-left: 10px}
.billExpirationIn3days {background-color: orange !important;color: #00f}
.payable {background-color: #90ee90 !important}
#headerSection {display: flex;justify-content: space-between}
#headerSection .inlineBlock {margin-top: 7px}
.textWrap {white-space: initial}
.popUpBox {position: fixed;background-color: grey;padding: 10px;border-radius: 10px;border: 1px solid #000;color: #fff;z-index: 1020;opacity: 1 !important}
.projectGrid {display: grid;grid-template-columns:repeat(auto-fit, 400px);grid-gap: 5px}
.projectGrid > div {background-color: #4169e1;color: #fff;border-radius: 10px;vertical-align: center;height: 400px;width: 400px;justify-content: center;display: grid;align-items: center}