* { margin:0; padding: 0; box-sizing: border-box; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }body { font-family: "Courier New", Courier, monospace; }.tXtContainer{overflow-x:hidden;display:block;background:#e6d5d5;}.tXtContainerRelative{overflow-x:hidden;display:grid;}.tXtHeader{background:#dbdbdb;padding:0px;display:flex;border:none;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}.tXtHeaderNav {padding:5px;width:100%;overflow: hidden;background-color: white;}.tXtHeaderNav div {float: left;text-decoration: none;} .tXtHeaderNav div.split {float: right;}.tXtHeaderMenu{}.tXtHeaderMenuBack{}.tXtHeaderMenuButton{font-size:20px;padding:10px;cursor:pointer;} .tXtHeaderMenuButton:hover{background:lightgray;}.tXtHeaderBrand{text-align:left;margin-left:15px;display:flex;align-items:center;gap:10px;}.tXtHeaderBrandLogo{width:42px;border-radius:50%;overflow:hidden;}.tXtHeaderBrandName{font-size:16px;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;color:white;font-weight:500;}.tXtHeaderBrandCaption{font-size:12px;}.tXtHeaderCommands{}.tXtBody{background:white;padding:5px;display:flex;border:none;box-sizing:border-box;box-shadow:rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(255 0 0 / 19%) 0px 6px 20px 0px;}.tXtSidebar{position:fixed;width:15rem;overflow-y:auto;overflow-x:hidden;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;box-sizing:border-box;left:0;background:#b4b0b0;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:1000;margin-left:-15rem;transition:margin 0.25s ease-out;border:none;padding:0px;}.tXtSidebarRelative{position:relative;width:15rem;overflow-y:auto;overflow-x:hidden;border-right:1 px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;box-sizing:border-box;left:0;background:#7b2424;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:1000;transition:margin 0.25s ease-out;border:none;} .tXtUserPicture{width:50px;borderRadius:50%;}.tXtMenuItemLogo{padding:5px;width:42px;}.tXtUserPicture{width:50px;borderRadius:50%;}.tXtUserSection{background:#ededed;display: flex;align-items: center;padding:10px;}.tXtUserName {font-size: 16px;font-weight: 500;color: black;margin-bottom: 5px;}.tXtUserStatus {font-size: 10px;font-weight: 500;color: green;}.tXtSidebar.hide{left:-250px;transition:left 0.5s ease-out;overflow:hidden;}.tXtSidebar.show{left:0px;transition:left 0.5s ease-out;overflow:hidden;}.tXtSidebarRelative.hide{left:-240px;transition:left 0.5s ease-out;overflow:hidden;}.tXtSidebarRelative.show{left:0px;transition:left 0.5s ease-out;overflow:hidden;}.tXtSidebar.tXtMenuList{width:15rem;display:grid;}.tXtMenuItem{background:#ffffff;padding:0px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);border-radius:5px;cursor:pointer;display:flex;}.tXtSubMenuItem{display:flex;background:#ffffff;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 0px 2px 0 rgba(0,0,0,0.19);border-radius:5px;cursor:pointer;}.tXtSubMenuBody{}.tXtSubMenuBody.show{}.tXtMenuItem:hover{background:#e5e0e0;}.tXtMenuItemName {font-size: 14px;font-weight: 500;}.tXmenuItemText {align-self:center;}.tXtMenuItemCaption {font-size: 10px;font-weight: 500;cursor: pointer;}.tXtMainNav {overflow: hidden;background-color: white;background-image:linear-gradient(to left, rgba(255, 0, 0, 0), rgb(219 219 219));} .tXtMainNav div {float: left;color: black;text-align: center;text-decoration: none;font-size: 17px;} .tXtMainNav div.split {float: right;background-color: #04AA6D;color: white;}.tXtMainNav div:hover {background-color: lightgray;cursor:pointer;}.tXtMainNavButton {display: flex; margin-right: 5px; background-color: rgb(240, 240, 240);}.tXtContent{min-width:100vw;margin-left:240px;border:none;box-shadow: rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(129 0 0 / 19%) 0px 6px 20px 0px;}.tXtContentRelative{min-width:100vw;margin-left:25px;border:none;}.tXtContent.hide{margin-left:0px;transition:margin 0.5s ease-out;overflow:hidden;}.tXtContent.show{margin-left:240px;transition:margin 0.5s ease-out;overflow:hidden;}.tXtContentRelative.hide{margin-left:-240px;transition:margin 0.5s ease-out;overflow:hidden;}.tXtContentRelative.show{margin-left:25px;transition:margin 0.5s ease-out;overflow:hidden;}tXtContainer.tXtSidebar-toggled.tXtContainer.tXtSidebar{margin-left:5px;}@media(min-width:768px){.tXtSidebar{margin-left:5px;}.tXtContent{min-width:0;width:100%;}tXtContainer.tXtSidebar-toggled.tXtContainer.tXtSidebar{margin-left:-15rem;}}.tXtTabContent{display:none;}.tXtTabSubMenuContent{}.tXtTabSubMenuContentHeader{display:flex;}.tXtTabSubMenuHeaderButton{padding:10px;background:#e1e1e3;border-radius:10%;font-weight:500;cursor:pointer;}.tXtTabSubMenuHeaderButton:hover{background:lightgray;}.tXtTabSubMenuHeaderButton.active{background:lightgray;}.tXtTabSubMenuHeaderButton.active:hover{background:blue;}.tXtTabButtonContent{font-size: 12px;background:#c3bcbc; }.tXtTabButtonCloseButton{border:none;border-radius:20%;font-weight:500;cursor:pointer;background:#c3bcbc;}.tXtTabButtonCloseButton:hover{background:lightgray;cursor:pointer;}.tXtTabButtonContent:hover{background:#f9a3a3;cursor:pointer;}.tXtMainNav div, .tXtTabButtonContent div:hover{}.tXtSubTabButtonContent{font-size: 12px;background:#db9999; }.tXtSubTabButtonCloseButton{border:none;border-radius:20%;font-weight:500;cursor:pointer;background:#db9999;}.tXtSubTabButtonCloseButton:hover{background:#ed5a5a;cursor:pointer;}.tXtSubTabButtonContent:hover{background:#ed5a5a;cursor:pointer;}.tXtFooter{background:#dbdbdb;padding:0px;display:flex;border:none;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}.tXtFooterNav {padding:0px;width:100%;overflow: hidden;background-color: white}.tXtFooterNav div {float: left;text-decoration: none;} .tXtFooterNav div.split {text-align:end;margin-top:15px;float: right;}.tXtCompanyName {color:black;font-size:16px;text-shadow: 2px 2px 5px red}.tXtCompanyCaption {color:blue;font-size:12px;}.tXtVersion {font-size:10px;}.tXtCopyright {font-size:8px;}@keyframes typing { 50%, 100% {  width: 100%; } 0% { width: 0; } 1% { width: 1%; }  }@keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: black; } }@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } @font-face { font-family: "Material Icons"; src: url("ref/icons/MaterialIcons-Regular.woff2") format("woff2") ,url("ref/env/default/fonts/MaterialIcons-Regular.woff") format("woff"),url("ref/env/default/fonts/MaterialIcons-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;} .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 25px; display: inline-block; vertical-align: middle;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;}