div#myresponse-inputEl {min-width: 100%; max-width: 100%; border: 0; overflow-y: auto; overflow-x: hidden;}
input#myquestion-inputEl {color: blue;}
div#myquestion {min-width: 100%; max-width: 100%; bottom: 0; position: relative; }
div.inputBodyClass {min-width: 100%; max-width: 100%} 
div.outputBodyClass {min-width: 100%; max-width: 100%} 
.centerContent { text-align: center; }
span.selChar { text-decoration: none; }
div.question { margin-top:2px; margin-left: 36px; display: flex; align-items: flex-end; justify-content: flex-end; text-align: right; width: calc(100%-40px); overflow-x: auto; overflow-y: hidden; word-break: normal;}
div.answer { margin-top:2px; margin-right: 36px; display: flex; align-items: flex-start; width: calc(100%-40px);  overflow-x: auto; overflow-y: hidden; word-break: normal;}
div.wait { margin-top:2px; margin-right: 36px; display: flex; align-items: flex-start; width: calc(100%-40px);  overflow-x: auto; overflow-y: hidden; word-break: normal;}
div.error { margin-top:2px; display:flex; padding: 5px 0; align-items: center; justify-content: center; margin:auto; text-align: center; }
div.menublock {box-shadow: 0px 0px 6px gray; background-color: #f8f8f8; width: calc(100% - 5px);}
span.blue { color:blue; background-color:#f0f0f0;}
span.black { color:black; background-color:#f0f0f0;}
span.brown { color:brown; background-color:#f0f0f0;}
li.menu {cursor: pointer;}
li.menu:Hover { background-color: black; color: white;}
ol.menu { list-style-position: inside;}
span.red { color:red;}
span.b { font-weight: bold; }
span.i { font-style: italic; }
span.u { text-decoration: underline; }
select.hiddenSelect {color:blue; overflow-y:hidden; scrollbar-width:none; position:absolute !important; box-shadow: 0px 0px 6px gray; }
span.labelClass { font-weight: bold; } 
div.answerImg  { min-width: 36px; display: flex; align-items: flex-end;}
div.questionImg  { min-width: 36px; display: flex; align-items: flex-start;}
div.waitImg  { min-width: 36px; display: flex; align-items: flex-end;}
input.imgThumb {float:none; padding-right: 4px; width: 28px; height: 28px; cursor:pointer;}
input.imgThumbUp {float:none; padding-right: 4px; width: 28px; height: 28px; cursor:pointer;}
input.imgThumbDwn {float:none; padding-right: 4px; width: 28px; height: 28px; cursor:pointer;}
img.imgAnswer {float:left; padding-right: 4px; width: 36px; height: 36px;} 
img.imgQuestion {float:right; padding-left: 4px; width: 36px; height: 36px; }
img.imgWait {float:left; padding-right: 4px; width: 36px; height: 36px;} 
div.divThumb {min-width: 64px; display:flex; align-items: center; justify-content: center;} 
imgThumbUp.Hover {COLOR:#00FF00;}
imgThumbDwn.Hover {COLOR:#FF0000;}

/*img.imgAnswer {float:left; padding-right: 5px; width: 32px; height: 32px;} */
/*img.imgQuestion {float:right; padding-left: 5px; width: 32px; height: 32px;} */

img.imgLogo {float:left; padding-right: 5px; width: 32px; height: 32px;}
div#myquestion-trigger-myquestiontrg.mytrigger::before {content: '\f054' !important;} 
div#myquestion-trigger-myquestiontrg.mytrigger { color:blue; width: 32px;}
div.mainPanelClass {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}
div#mainPanel_header {background-color:#04498f;}
div#mainPanel_header-title-textEl { line-height:32px; }
/*a:link {COLOR: #000066;}*/
a:Hover {COLOR: #00ADEF;} 
a:visited {COLOR: #808080;} 

div.formWindowClass {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; border-color:#04498f; }
div#formWindow_header {background-color:#04498f; }
div.windowInputAreaClass {margin:10px 10px 10px 20px;width:calc(100% - 30px);height:6em;}
div.windowInputClass {margin:10px 10px 10px 20px;width:calc(100% - 30px);height:1em;}
label.windowInputClass {overflow: hidden; display: table-cell; width: 145px; font-weight: bold;}
label.windowInputClass-default { color: #404040; font: bold 13px/17px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; min-height: 32px; padding-top: 8px; }
label.windowInputAreaClass {overflow: hidden; display: table-cell; width: 145px; font-weight: bold;}
label.windowInputAreaClass-default { color: #404040; font: bold 13px/17px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; min-height: 32px; padding-top: 8px; }
textarea.windowInputAreaClass { color: #404040; font: 300 13px/21px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; padding: 5px 10px 4px; min-height: 30px; border: 0; margin: 0; border-radius:0; display:block; width:100%; height: 100%; }
input.windowInputClass { color: #404040; font: 300 13px/21px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; padding: 5px 10px 4px; min-height: 30px; border: 0; margin: 0; border-radius:0; display:block; width:100%; height: 100%; }

div.windowInputAreaSmallClass {margin:5px 5px 5px 10px;width:calc(100% - 15px);height:6em;}
div.windowInputSmallClass {margin:5px 5px 5px 10px;width:calc(100% - 15px);height:1em;}
label.windowInputSmallClass {overflow: hidden; font-weight: bold;}
label.windowInputSmallClass-default { color: #404040; font: bold 13px/17px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; min-height: 32px; padding-top: 8px; }
label.windowInputAreaSmallClass {overflow: hidden; font-weight: bold;}
label.windowInputAreaSmallClass-default { color: #404040; font: bold 13px/17px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; min-height: 32px; padding-top: 8px; }
textarea.windowInputAreaSmallClass { color: #404040; font: 300 13px/21px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; padding: 5px 10px 4px; min-height: 30px; border: 0; margin: 0; border-radius:0; display:block; width:100%; height: 100%; }
input.windowInputSmallClass { color: #404040; font: 300 13px/21px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; padding: 5px 10px 4px; min-height: 30px; border: 0; margin: 0; border-radius:0; display:block; width:100%; height: 100%; }

a.windowButtonClass {background-color: #7fc2ee; border-color: #78b7e0;}
span.x-btn-inner-default-small {font: bold 12px/16px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}
span#Button2-btnInnerEl {color: #0e0e0e;}
a.windowNextButtonClass {}
