@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), url(//fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } html, body { position: absolute; height: 100%; width: 100%; } html, body, form > div { margin: 0px; } body { font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, Arial; font-size: 13px; overflow: hidden; color: #444444; background-color: #FFFFFF; -ms-touch-action: manipulation !important; } h1, h2, h3, h4 { font-weight: normal; } h1 { font-size: 36px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } img { border-width: 0px; } img + span { margin: 0px 4px; } form { width: 100%; height: 100%; } textarea { border-width: 1px; border-radius: 2px; background-color: transparent; color: #444444; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea:focus { outline: 2px solid #B63C35; outline-offset: -2px; } textarea:disabled { border-style: dotted; color: #444444; } select { border-bottom-width: 1px; background-color: transparent; color: #444444; } select:focus { border-bottom: 2px #424243 solid; margin-bottom: -1px; outline: none; } option { color: #444444; } select, input[type=text] { padding: 1px; } input { } input[type=submit], input[type=button] { cursor: pointer; text-align: center; border-radius: 4px; padding: 8px 16px; background-color: #A84843; color: #EEEEEE; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=submit]:hover, input[type=button]:hover { background-color: ; } input[type=submit].Loading, input[type=button].Loading { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; background-size: 20px; pointer-events: none; background-color: #CCCCCC; min-height: 0px; background-position: 10px center; } input[type=text], input[type=number], input[type=search], input[type=datetime-local], input[type=password] { border-bottom-width: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; color: #444444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } input[type=text]:focus, input[type=number]:focus, input[type=search]:focus, input[type=datetime-local]:focus, input[type=password]:focus { border-bottom-width: 2px; margin-bottom: -1px; border-color: #424243; outline: none; } input[disabled] { cursor: default; border-bottom-width: 0px; background-color: #FFFFFF; background-image: linear-gradient(to right, #CCCCCC 25%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 4px 2px; background-repeat: repeat-x; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; box-sizing: border-box; -moz-box-sizing: border-box; border-color: #CCCCCC; animation-duration: 0.15s; animation-timing-function: ease-in-out; transition-timing-function: ease-in-out; transition-duration: 0.15s; transition-property: none; } svg { overflow: hidden; } a { } a:link, a:visited { color: #424243; } a:link.Disabled, a:visited.Disabled { color: #CCCCCC; background-color: inherit !important; } a:hover { color: #424243; } div, p, h1, h2, h3, h4, ul, ol, dl, table, blockquote, hr, dt, dd, pre { margin: 0px 0px 15px 0px; } dd { padding-left: 10px; } hr { border-top-width: 1px; } dfn { display: inline-block; font-style: normal; font-size: 12px; text-align: center; padding: 3px; font-family: monospace; line-height: 8px; border-radius: 10px; border: 2px solid #CCCCCC; color: #CCCCCC; } dfn:hover { background-color: #CCCCCC; color: #FFFFFF; } .Disabled { cursor: default; } .HiddenFocus:focus { outline: 0; } @-ms-viewport { height: device-height; width: device-width; } _::-webkit-full-page-media, _:future, :root div.Host, :root div.Guest { -webkit-transform: rotateZ(360deg); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } @supports (-ms-ime-align: auto) { .DetailTableContainer { height: 0; -ms-transform: translateZ(0); } } _::-moz-progress-bar, body:last-child .DetailTableContainer { height: 0; } _:-ms-input-placeholder, :root .DetailTableContainer { height: 0; } .HiddenPanel { display: none; } .LoadingHeading { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .LoadingImage { vertical-align: middle; } .LoadingImage.Small { width: 20px; height: 20px; } .LoadingImage.Medium { width: 32px; height: 32px; } .ResourcePanel .ImageResource div, .ImageSelector .ImageDisplay { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 72px; height: 72px; background-color: #DDDDDD; padding: 4px; } .ResourcePanel .ImageResource div img, .ImageSelector .ImageDisplay img { max-width: 100%; max-height: 100%; } *[data-tooltip] { position: relative; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: default; transition-property: opacity; } *[data-tooltip]:hover { } *[data-tooltip]:hover:before, *[data-tooltip]:hover:after { opacity: 1; visibility: visible; } *[data-tooltip]:before, *[data-tooltip]:after { opacity: 0; visibility: hidden; position: absolute; left: 50%; z-index: 100; font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, Arial; font-size: 13px; text-align: left; white-space: normal; line-height: normal; } *[data-tooltip]:before { content: ''; top: 25px; margin: 0px 0px 0px -10px; border-style: solid; border-width: 0px 10px 10px 10px; border-color: transparent transparent #666666 transparent; } *[data-tooltip]:after { content: attr(data-tooltip); top: 35px; width: 150px; margin: 0px 0px 0px -85px; border-radius: 5px; background-color: #666666; color: #EEEEEE; padding: 10px; } .ContentPanel { padding: 20px 40px; } .ContentPanel.Authentication { } .ContentPanel.Authentication > div:first-child { padding: 35px 35px 20px 35px; } .ContentPanel.Authentication .AnimatedGroup { position: relative; margin-top: 35px; margin-bottom: 25px; } .ContentPanel.Authentication .AnimatedGroup .AnimatedInput:focus { border-color: #CCCCCC; border-bottom-width: 1px; margin-bottom: 0px; } .ContentPanel.Authentication .AnimatedLabel { color: #999; position: absolute; font-size: 16px; pointer-events: none; left: 0px; top: 2px; } .ContentPanel.Authentication .AnimatedInput { } .ContentPanel.Authentication .AnimatedInput:focus, .ContentPanel.Authentication .AnimatedInput:valid { } .ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedLabel, .ContentPanel.Authentication .AnimatedInput:valid ~ .AnimatedLabel { top: -20px; font-size: 14px; color: #BBB; transition-duration: 0.45s; transition-property: top, font-size, color; } .ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedBar { } .ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedBar:before, .ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedBar:after { width: 50%; } .ContentPanel.Authentication .AnimatedBar { position: relative; display: block; } .ContentPanel.Authentication .AnimatedBar:before, .ContentPanel.Authentication .AnimatedBar:after { content: ''; height: 2px; width: 0; bottom: 0px; position: absolute; background: #424243; transition: width 0.45s; } .ContentPanel.Authentication .AnimatedBar:before { left: 50%; } .ContentPanel.Authentication .AnimatedBar:after { right: 50%; } .ContentPanel.Authentication .ErrorLabel { display: block; color: #FF5252; } .ContentPanel.Authentication input { } .ContentPanel.Authentication input[type=text], .ContentPanel.Authentication input[type=password] { font-size: 14px; line-height: normal; width: 100%; padding: 6px; color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ContentPanel.Authentication input[type=submit] { font-size: 16px; width: 100%; padding: 10px 0px; } .LoginPage .ContentPanel.Authentication > div { width: 330px; } .ChangePasswordPage .ContentPanel.Authentication > div { width: 380px; } .ContentPanel.Authentication .ExternalLoginPanel { margin-top: 40px; } .ContentPanel.SetupWizard { width: 460px; margin: 0 auto; } table { } table.DataTable { border-collapse: collapse; } table.DataTable th, table.DataTable td { border-bottom-width: 1px; padding: 8px; } table.DataTable th { padding-top: 0px; white-space: nowrap; text-align: left; opacity: 0.6; } table.DataTable textarea { width: 100%; } table.DataTable select, table.DataTable input, table.DataTable textarea { font-size: 11px; } table.DataTable input { } table.DataTable input[type=text], table.DataTable input[type=password] { width: 100%; } table.DataTable td.ActionCell { width: 1px; white-space: nowrap; } table.DataTable td.ActionCell a { display: inline-block; margin: 4px; } table.ChangePasswordTable { } table.ChangePasswordTable td { padding: 5px; } table.ChangePasswordTable .Failure { text-align: left; max-width: 300px; } table.AuditTable { table-layout: fixed; max-width: 800px; } table.AuditTable > thead > tr { } table.AuditTable > thead > tr > th:first-child { width: 22%; } table.AuditTable > thead > tr > th:last-child { width: 54%; } table.AuditTable > tbody > tr > td { word-break: break-all; } table.AuditTable > tbody > tr > td > p { max-height: 200px; overflow: auto; } .SetupWizardPage { } .SetupWizardPage .MainPanel { overflow: auto; } .SetupWizardPage .Wizard { width: 100%; } .SetupWizardPage .Wizard .WizardStep { text-align: center; } .SetupWizardPage .Wizard .WizardStep .TopBar { margin: 30px auto; height: 34px; width: 234px; background-repeat: no-repeat; background-size: 100%; } .SetupWizardPage .Wizard .WizardStep .TopBar.TopBar1of4 { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuNTYgMzQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojY2NjO30uY2xzLTEsLmNscy0ye3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7ZmlsbDojQ0MzMjMyO3N0cm9rZTojQ0MzMjMyO30uY2xzLTMsLmNscy00e2ZvbnQtc2l6ZToxNHB4O2ZvbnQtZmFtaWx5OlJvYm90by1SZWd1bGFyLCBSb2JvdG87fS5jbHMtM3tmaWxsOiNmZmY7fS5jbHMtNHtmaWxsOiNjY2M7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxMjwvdGl0bGU+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMzMuNSIgeTE9IjE2LjQ2IiB4Mj0iNjcuMzciIHkyPSIxNi40NiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEwMC4zNSIgeTE9IjE2LjQ2IiB4Mj0iMTM0LjIxIiB5Mj0iMTYuNDYiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNjcuMTkiIHkxPSIxNi40NiIgeDI9IjIwMS4wNiIgeTI9IjE2LjQ2Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxNyIgY3k9IjE3IiByPSIxNi41Ii8+PHRleHQgY2xhc3M9ImNscy0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy4wNiAyMi4wOSkiPjE8L3RleHQ+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI4My44NSIgY3k9IjE3IiByPSIxNi41Ii8+PHRleHQgY2xhc3M9ImNscy00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OS45MSAyMi4wOSkiPjI8L3RleHQ+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxNTAuNzEiIGN5PSIxNyIgcj0iMTYuNSIvPjx0ZXh0IGNsYXNzPSJjbHMtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ2Ljc3IDIyLjA5KSI+MzwvdGV4dD48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjIxNy41NiIgY3k9IjE3IiByPSIxNi41Ii8+PHRleHQgY2xhc3M9ImNscy00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTMuNjIgMjIuMDkpIj40PC90ZXh0Pjwvc3ZnPg==); } .SetupWizardPage .Wizard .WizardStep .TopBar.TopBar2of4 { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuNTYgMzQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojQ0MzMjMyO30uY2xzLTEsLmNscy01e3N0cm9rZTojQ0MzMjMyO30uY2xzLTEsLmNscy0yLC5jbHMtNXtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LmNscy0yLC5jbHMtNXtmaWxsOm5vbmU7fS5jbHMtMntzdHJva2U6I2NjYzt9LmNscy0zLC5jbHMtNHtmb250LXNpemU6MTRweDtmb250LWZhbWlseTpSb2JvdG8tUmVndWxhciwgUm9ib3RvO30uY2xzLTN7ZmlsbDojZmZmO30uY2xzLTR7ZmlsbDojY2NjO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgMTM8L3RpdGxlPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMzLjUiIHkxPSIxNi40NiIgeDI9IjY3LjM3IiB5Mj0iMTYuNDYiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMDAuMzUiIHkxPSIxNi40NiIgeDI9IjEzNC4yMSIgeTI9IjE2LjQ2Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTY3LjE5IiB5MT0iMTYuNDYiIHgyPSIyMDEuMDYiIHkyPSIxNi40NiIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iODMuODUiIGN5PSIxNyIgcj0iMTYuNSIvPjx0ZXh0IGNsYXNzPSJjbHMtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkuOTEgMjIuMDkpIj4yPC90ZXh0PjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTUwLjcxIiBjeT0iMTciIHI9IjE2LjUiLz48dGV4dCBjbGFzcz0iY2xzLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Ni43NyAyMi4wOSkiPjM8L3RleHQ+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIyMTcuNTYiIGN5PSIxNyIgcj0iMTYuNSIvPjx0ZXh0IGNsYXNzPSJjbHMtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEzLjYyIDIyLjA5KSI+NDwvdGV4dD48Y2lyY2xlIGNsYXNzPSJjbHMtNSIgY3g9IjE3IiBjeT0iMTciIHI9IjE2LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy01IiBwb2ludHM9IjEwLjMzIDE3IDE0LjgzIDIxLjE3IDIyLjE3IDEzLjUiLz48L3N2Zz4=); } .SetupWizardPage .Wizard .WizardStep .TopBar.TopBar3of4 { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuNTYgMzQuNTQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojQ0MzMjMyO30uY2xzLTEsLmNscy01e3N0cm9rZTojQ0MzMjMyO30uY2xzLTEsLmNscy0yLC5jbHMtNXtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LmNscy0yLC5jbHMtNXtmaWxsOm5vbmU7fS5jbHMtMntzdHJva2U6I2NjYzt9LmNscy0zLC5jbHMtNHtmb250LXNpemU6MTRweDtmb250LWZhbWlseTpSb2JvdG8tUmVndWxhciwgUm9ib3RvO30uY2xzLTN7ZmlsbDojZmZmO30uY2xzLTR7ZmlsbDojY2NjO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgMTQ8L3RpdGxlPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMzLjUiIHkxPSIxNyIgeDI9IjY3LjM3IiB5Mj0iMTciLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMDAuMzUiIHkxPSIxNyIgeDI9IjEzNC4yMSIgeTI9IjE3Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTY3LjE5IiB5MT0iMTciIHgyPSIyMDEuMDYiIHkyPSIxNyIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTUwLjcxIiBjeT0iMTciIHI9IjE2LjUiLz48dGV4dCBjbGFzcz0iY2xzLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Ni43NyAyMi4wOSkiPjM8L3RleHQ+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIyMTcuNTYiIGN5PSIxNy41NCIgcj0iMTYuNSIvPjx0ZXh0IGNsYXNzPSJjbHMtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEzLjYyIDIyLjYzKSI+NDwvdGV4dD48Y2lyY2xlIGNsYXNzPSJjbHMtNSIgY3g9IjE3IiBjeT0iMTcuNTQiIHI9IjE2LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy01IiBwb2ludHM9IjEwLjMzIDE3LjU0IDE0LjgzIDIxLjcgMjIuMTcgMTQuMDQiLz48Y2lyY2xlIGNsYXNzPSJjbHMtNSIgY3g9IjgzLjg3IiBjeT0iMTciIHI9IjE2LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy01IiBwb2ludHM9Ijc3LjIgMTcgODEuNyAyMS4xNyA4OS4wMyAxMy41Ii8+PC9zdmc+); } .SetupWizardPage .Wizard .WizardStep .TopBar.TopBar4of4 { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuNTYgMzQuNTQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojQ0MzMjMyO30uY2xzLTEsLmNscy0ze3N0cm9rZTojQ0MzMjMyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7Zm9udC1zaXplOjE0cHg7ZmlsbDojZmZmO2ZvbnQtZmFtaWx5OlJvYm90by1SZWd1bGFyLCBSb2JvdG87fS5jbHMtM3tmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxNTwvdGl0bGU+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMzMuNSIgeTE9IjE3IiB4Mj0iNjcuMzciIHkyPSIxNyIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEwMC4zNSIgeTE9IjE3IiB4Mj0iMTM0LjIxIiB5Mj0iMTciLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNjcuMTkiIHkxPSIxNyIgeDI9IjIwMS4wNiIgeTI9IjE3Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIyMTcuNTYiIGN5PSIxNy41NCIgcj0iMTYuNSIvPjx0ZXh0IGNsYXNzPSJjbHMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEzLjYyIDIyLjYzKSI+NDwvdGV4dD48Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjE3IiBjeT0iMTcuNTQiIHI9IjE2LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9IjEwLjMzIDE3LjU0IDE0LjgzIDIxLjcgMjIuMTcgMTQuMDQiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjgzLjg3IiBjeT0iMTciIHI9IjE2LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9Ijc3LjIgMTcgODEuNyAyMS4xNyA4OS4wMyAxMy41Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNTAuNzEiIGN5PSIxNyIgcj0iMTYuNSIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTQ0LjA1IDE3IDE0OC41NSAyMS4xNyAxNTUuODggMTMuNSIvPjwvc3ZnPg==); } .SetupWizardPage .Wizard .WizardStep .WelcomeImage { margin: auto; height: 223px; width: 427px; background-repeat: no-repeat; background-size: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjcuNDggMjIzLjU3Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMTAsLmNscy0xMiwuY2xzLTEzLC5jbHMtMTQsLmNscy0xNSwuY2xzLTE2LC5jbHMtMTcsLmNscy0xOCwuY2xzLTE5LC5jbHMtMjAsLmNscy0yMSwuY2xzLTIyLC5jbHMtNHtmaWxsOm5vbmU7fS5jbHMtMSwuY2xzLTEyLC5jbHMtMTMsLmNscy0xNCwuY2xzLTE1LC5jbHMtMTYsLmNscy0xNywuY2xzLTE4LC5jbHMtMTksLmNscy0yLC5jbHMtMjAsLmNscy0yMSwuY2xzLTIyLC5jbHMtMywuY2xzLTQsLmNscy01LC5jbHMtNntzdHJva2U6IzZiNmI2Yjt9LmNscy0xLC5jbHMtMiwuY2xzLTMsLmNscy00LC5jbHMtNSwuY2xzLTZ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMSwuY2xzLTIsLmNscy0zLC5jbHMtNSwuY2xzLTZ7c3Ryb2tlLXdpZHRoOjNweDt9LmNscy0ye2ZpbGw6IzIzYjhkMjt9LmNscy0ze2ZpbGw6I2ZmZmZmYjt9LmNscy0xMiwuY2xzLTEzLC5jbHMtMTQsLmNscy0xNSwuY2xzLTE2LC5jbHMtMTcsLmNscy0xOCwuY2xzLTE5LC5jbHMtMjAsLmNscy0yMSwuY2xzLTIyLC5jbHMtNHtzdHJva2Utd2lkdGg6NHB4O30uY2xzLTV7ZmlsbDojZmY5OTEyO30uY2xzLTZ7ZmlsbDojQ0MzMjMyO30uY2xzLTd7b3BhY2l0eTowLjI7fS5jbHMtOHtmaWxsOiM2YjZiNmI7fS5jbHMtOXtmaWxsOiNiN2I3Yjc7fS5jbHMtMTF7ZmlsbDojNGM0O30uY2xzLTEyLC5jbHMtMTMsLmNscy0xNCwuY2xzLTE1LC5jbHMtMTYsLmNscy0xNywuY2xzLTE4LC5jbHMtMTksLmNscy0yMCwuY2xzLTIxLC5jbHMtMjJ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO30uY2xzLTEze3N0cm9rZS1kYXNoYXJyYXk6My4xNiAzLjE2O30uY2xzLTE0e3N0cm9rZS1kYXNoYXJyYXk6Mi45OSAyLjk5O30uY2xzLTE1e3N0cm9rZS1kYXNoYXJyYXk6Mi43OSAyLjc5O30uY2xzLTE2e3N0cm9rZS1kYXNoYXJyYXk6Mi45NyAyLjk3O30uY2xzLTE3e3N0cm9rZS1kYXNoYXJyYXk6Mi44MyAyLjgzO30uY2xzLTE4e3N0cm9rZS1kYXNoYXJyYXk6My4zNCAzLjM0O30uY2xzLTE5e3N0cm9rZS1kYXNoYXJyYXk6My4wNyAzLjA3O30uY2xzLTIwe3N0cm9rZS1kYXNoYXJyYXk6Mi44NSAyLjg1O30uY2xzLTIxe3N0cm9rZS1kYXNoYXJyYXk6My4wMSAzLjAxO30uY2xzLTIye3N0cm9rZS1kYXNoYXJyYXk6MS43MSAxLjcxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgMTA8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTc1LDk3LjNDNzYuMzEsMTAwLDc5LDk0LjYsNzksOTQuNlY4OEg3NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NS40LDkwLjY3LDc1LDEwMS40OXMtMS4zNSw2Ljc2LTkuNDYsNi43Nkg1Ny4zN3MtOC4xMi0xLjM1LTguMTItNi43NmMwLDAtMTAuODItNS40MS00LTEwLjgyaDRWNzkuODVINzVaIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3My4zMiA4Ny45NiA3Mi43MyA5NC43MyA2NS45NyA5NC43MyA2My4yNiA4Ny45NiA2MS45MSA4Ny45NiA2MC41NiA5NC43MyA1Mi40NCA5NC43MyA0OS43NCA4Ny45NiA2MS40OSA4Ny45NiA2My45MyA4Ny45NiA3OC4xNCA4Ny45NiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ1LjY4LDkwLjY3LDQzLDczLjA4LDUxLjA5LDY1LDgyLjIsNjMuNjJzMCwxNy41OC02Ljc3LDE2LjIzSDQ5Ljc0VjkwLjY3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTU5LjIsMTAxLjQ5YTUuMTQsNS4xNCwwLDAsMCw0LjA2LDEuMzVBNC45LDQuOSwwLDAsMCw2NiwxMDEuNDkiLz48Y2lyY2xlIGNsYXNzPSJjbHMtNCIgY3g9IjYxLjIzIiBjeT0iODUuOTMiIHI9IjM1Ljg0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzQ4LjY1LDE3NS43NWMtMS4zNSwyLjcxLTQtMi43LTQtMi43di02LjY0aDRaIi8+PGVsbGlwc2UgY2xhc3M9ImNscy0xIiBjeD0iMzY0Ljg4IiBjeT0iMTY5LjEyIiByeD0iMTYuMjMiIHJ5PSIyMC4yOSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1NC4wNiwxNjkuMTJzMi43MS02Ljc3LDYuNzcsMCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM2OC45NCwxNjkuMTJzMi43MS02Ljc3LDYuNzYsMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjM2MC44MyIgeTE9IjE3OS45NCIgeDI9IjM2Ny41OSIgeTI9IjE3OS45NCIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTM2NS42LDE1Mi45NHMtNCwxMi40Ny0yMS42MiwxMi40N2MwLDAtLjc3LTMzLjQ4LDI2LTIxLjU1LDAsMCwxNi4wOC0zLjg1LDE2LjA4LDE4LjQ3bC0xLjkyLDEwLjc4cy0xMS4zNi0xLTEwLjYtMTcuODhjMCwwLS42NCwxLjE0LTQuNTksOEMzNjksMTYzLjI0LDM2MS43NywxNzAuNjQsMzY1LjYsMTUyLjk0WiIvPjxjaXJjbGUgY2xhc3M9ImNscy00IiBjeD0iMzY1LjU2IiBjeT0iMTY0LjM4IiByPSIzNS44NCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1Mi43MSw4NS4xM2MtMS4zNSwyLjcxLTQuMDYtMi43LTQuMDYtMi43Vjc1Ljc5aDQuMDZaIi8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNMzQ4LjY1LDc1Ljc5aDQuMDZWNjVoMjUuN1Y3NS43OWg0LjA2VjYwLjkxczEuMzUtMTAuODItNS40MS05LjQ3YzAsMC0yLjcxLTguMTEtOS40Ny0yLjcsMCwwLTguMTItNC4wNi0xMC44MiwyLjcsMCwwLTguMTItMi43LTguMTIsOS40N1Y3NS43OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTIuMjYsNzUuNzlsLjQ1LDEwLjgyczEuMzUsNi43Niw5LjQ3LDYuNzZoOC4xMXM4LjEyLTEuMzUsOC4xMi02Ljc2YzAsMCwxMC44Mi01LjQxLDQuMDYtMTAuODJoLTQuMDZWNjVoLTI1LjdaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMzU5LjQ3IiB5MT0iNzQuNDQiIHgyPSIzNTkuNDciIHkyPSI3Ny4xNCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjM3MC4yOSIgeTE9Ijc0LjQ0IiB4Mj0iMzcwLjI5IiB5Mj0iNzcuMTQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjMuNTMsNzEuNzNWODEuMnMxLjM1LDIuNzEsNC4wNiwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzYyLjE4LDg2LjYxczQuMDYsNC4wNiw2Ljc2LDAiLz48Y2lyY2xlIGNsYXNzPSJjbHMtNCIgY3g9IjM2NS41NiIgY3k9IjcxLjA2IiByPSIzNS44NCIvPjxyZWN0IGNsYXNzPSJjbHMtNyIgeD0iMTU4LjYiIHk9IjgyLjQiIHdpZHRoPSIxMTUuNDMiIGhlaWdodD0iMjUuODUiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yNzUuMjYsMTYxLjI3SDE1Ni4zMWExMC41NSwxMC41NSwwLDAsMS0xMC41NC0xMC41NFYxMzcuMjJIMjg3LjA4djEyLjIzQTExLjgzLDExLjgzLDAsMCwxLDI3NS4yNiwxNjEuMjdabS0xMjUuNDItMjB2OS40NGE2LjQ4LDYuNDgsMCwwLDAsNi40Nyw2LjQ3aDExOWE3Ljc2LDcuNzYsMCwwLDAsNy43NS03Ljc1di04LjE2WiIvPjxyZWN0IGNsYXNzPSJjbHMtOSIgeD0iMTUzLjk3IiB5PSI1Mi44OCIgd2lkdGg9IjEyNC45NSIgaGVpZ2h0PSI2LjIiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yNzYsMTYxLjI3SDE1Ni44N2ExMS4xMSwxMS4xMSwwLDAsMS0xMS4xLTExLjFWNTQuMUExMS4xMiwxMS4xMiwwLDAsMSwxNTYuODcsNDNIMjc2YTExLjEyLDExLjEyLDAsMCwxLDExLjEsMTEuMTF2OTYuMDdBMTEuMTEsMTEuMTEsMCwwLDEsMjc2LDE2MS4yN1pNMTU2Ljg3LDQ3LjA3YTcsNywwLDAsMC03LDd2OTYuMDdhNyw3LDAsMCwwLDcsN0gyNzZhNyw3LDAsMCwwLDctN1Y1NC4xYTcsNywwLDAsMC03LTdaIi8+PHJlY3QgY2xhc3M9ImNscy04IiB4PSIxNDcuODEiIHk9IjEzNy4yMiIgd2lkdGg9IjEzNy4yNCIgaGVpZ2h0PSI0LjA4Ii8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMjgxLDEzNC42NmgtMTI5VjUwLjg0SDI4MVptLTEyNS00LjA3SDI3Ni44OFY1NC45MkgxNTZaIi8+PHJlY3QgY2xhc3M9ImNscy04IiB4PSIxNTMuOTciIHk9IjU3LjA0IiB3aWR0aD0iMTI0Ljk1IiBoZWlnaHQ9IjQuMDgiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yMTYuNTIsMTU0LjY4YTUuMSw1LjEsMCwxLDEsNS4xLTUuMUE1LjExLDUuMTEsMCwwLDEsMjE2LjUyLDE1NC42OFptMC02LjEyYTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDIxNi41MiwxNDguNTZaIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMTAiIHBvaW50cz0iMjAxLjI2IDE1OS41NiAxOTguMzkgMTg2LjI2IDIzNC40MiAxODYuMjYgMjMxLjI0IDE1OS42Ii8+PHBvbHlnb24gY2xhc3M9ImNscy04IiBwb2ludHM9IjIzNi43MSAxODguMjkgMTk2LjEyIDE4OC4yOSAxOTkuMjMgMTU5LjM0IDIwMy4yOCAxNTkuNzggMjAwLjY2IDE4NC4yMiAyMzIuMTIgMTg0LjIyIDIyOS4yMiAxNTkuODUgMjMzLjI2IDE1OS4zNiAyMzYuNzEgMTg4LjI5Ii8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMjQ0LDE5Ni4xNkgxODguODJWMTg0LjU1SDI0NFptLTUxLjEtNC4wOGg0N3YtMy40NmgtNDdaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTgiIGN4PSIxNzIuMTMiIGN5PSI5My4zOCIgcj0iMi45OCIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTE3Mi4xMyw5OC40YTUsNSwwLDEsMSw1LTVBNSw1LDAsMCwxLDE3Mi4xMyw5OC40Wm0wLTZhLjk1Ljk1LDAsMCwwLDAsMS44OS45NS45NSwwLDEsMCwwLTEuODlaIi8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMTY2Ljg1LDEwMi42N2E1LjI5LDUuMjksMCwwLDEsMTAuNTcsMCIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTE3OS40NiwxMDIuNjdoLTQuMDhhMy4yNSwzLjI1LDAsMSwwLTYuNDksMGgtNC4wOGE3LjMzLDcuMzMsMCwwLDEsMTQuNjUsMFoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtOCIgY3g9IjI1MC41OCIgY3k9IjkzLjM4IiByPSIyLjk4Ii8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMjUwLjU4LDk4LjRhNSw1LDAsMSwxLDUtNUE1LDUsMCwwLDEsMjUwLjU4LDk4LjRabTAtNmEuOTUuOTUsMCwwLDAsMCwxLjg5Ljk1Ljk1LDAsMSwwLDAtMS44OVoiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yNDUuMywxMDIuNjdhNS4yOSw1LjI5LDAsMCwxLDEwLjU3LDAiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yNTcuOTEsMTAyLjY3aC00LjA4YTMuMjUsMy4yNSwwLDEsMC02LjUsMGgtNC4wN2E3LjMzLDcuMzMsMCwwLDEsMTQuNjUsMFoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtOCIgY3g9IjI2Mi4wOSIgY3k9Ijk0LjUzIiByPSIyLjU3Ii8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMjYyLjA5LDk4Ljg1YTQuMzIsNC4zMiwwLDEsMSw0LjMyLTQuMzJBNC4zMyw0LjMzLDAsMCwxLDI2Mi4wOSw5OC44NVptMC01LjEzYS44MS44MSwwLDEsMCwuODEuODFBLjgxLjgxLDAsMCwwLDI2Mi4wOSw5My43MloiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yNTcuNTQsMTAyLjUyYTQuNTUsNC41NSwwLDAsMSw5LjEsMCIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTI2OC4zOSwxMDIuNTJoLTMuNTFhMi44LDIuOCwwLDEsMC01LjU5LDBoLTMuNWE2LjMsNi4zLDAsMCwxLDEyLjYsMFoiLz48cmVjdCBjbGFzcz0iY2xzLTExIiB4PSIxODMuMDUiIHk9IjkzLjA3IiB3aWR0aD0iMjYuMjkiIGhlaWdodD0iNC4wOCIvPjxyZWN0IGNsYXNzPSJjbHMtMTEiIHg9IjIxMS40NSIgeT0iOTMuMDciIHdpZHRoPSIyNi4yOSIgaGVpZ2h0PSI0LjA4Ii8+PGxpbmUgY2xhc3M9ImNscy0xMiIgeDE9IjYwLjU2IiB5MT0iMTI1LjA2IiB4Mj0iNjAuNTYiIHkyPSIxMjYuNTYiLz48bGluZSBjbGFzcz0iY2xzLTEzIiB4MT0iNjAuNTYiIHkxPSIxMjkuNzIiIHgyPSI2MC41NiIgeTI9IjE0Ny4xIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMTIiIHBvaW50cz0iNjAuNTYgMTQ4LjY4IDYwLjU2IDE1MC4xOCA2Mi4wNiAxNTAuMTgiLz48bGluZSBjbGFzcz0iY2xzLTE0IiB4MT0iNjUuMDUiIHkxPSIxNTAuMTgiIHgyPSIxNzEuMTgiIHkyPSIxNTAuMTgiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xMiIgcG9pbnRzPSIxNzIuNjcgMTUwLjE4IDE3NC4xNyAxNTAuMTggMTc0LjE3IDE0OC42OCIvPjxsaW5lIGNsYXNzPSJjbHMtMTUiIHgxPSIxNzQuMTciIHkxPSIxNDUuODkiIHgyPSIxNzQuMTciIHkyPSIxMTMuODUiLz48bGluZSBjbGFzcz0iY2xzLTEyIiB4MT0iMTc0LjE3IiB5MT0iMTEyLjQ2IiB4Mj0iMTc0LjE3IiB5Mj0iMTEwLjk2Ii8+PGxpbmUgY2xhc3M9ImNscy0xMiIgeDE9IjI2Mi4wOSIgeTE9IjEwOS42IiB4Mj0iMjYyLjA5IiB5Mj0iMTExLjEiLz48bGluZSBjbGFzcz0iY2xzLTE2IiB4MT0iMjYyLjA5IiB5MT0iMTE0LjA3IiB4Mj0iMjYyLjA5IiB5Mj0iMTcxLjk4Ii8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMTIiIHBvaW50cz0iMjYyLjA5IDE3My40NiAyNjIuMDkgMTc0Ljk2IDI2My41OSAxNzQuOTQiLz48bGluZSBjbGFzcz0iY2xzLTE3IiB4MT0iMjY2LjQyIiB5MT0iMTc0LjkxIiB4Mj0iMzA0LjY2IiB5Mj0iMTc0LjQxIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMTIiIHBvaW50cz0iMzA2LjA4IDE3NC4zOSAzMDcuNTcgMTc0LjM3IDMwNy41NyAxNzIuODciLz48bGluZSBjbGFzcz0iY2xzLTE4IiB4MT0iMzA3LjU3IiB5MT0iMTY5LjUzIiB4Mj0iMzA3LjU3IiB5Mj0iMTU3Ljg1Ii8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMTIiIHBvaW50cz0iMzA3LjU3IDE1Ni4xOCAzMDcuNTcgMTU0LjY4IDMwOS4wNyAxNTQuNjgiLz48bGluZSBjbGFzcz0iY2xzLTE5IiB4MT0iMzEyLjE0IiB5MT0iMTU0LjY4IiB4Mj0iMzI5LjAzIiB5Mj0iMTU0LjY4Ii8+PGxpbmUgY2xhc3M9ImNscy0xMiIgeDE9IjMzMC41NiIgeTE9IjE1NC42OCIgeDI9IjMzMi4wNiIgeTI9IjE1NC42OCIvPjxsaW5lIGNsYXNzPSJjbHMtMTIiIHgxPSIyNDkuOTIiIHkxPSI3OS44NSIgeDI9IjI0OS45MiIgeTI9Ijc4LjM1Ii8+PGxpbmUgY2xhc3M9ImNscy0yMCIgeDE9IjI0OS45MiIgeTE9Ijc1LjUiIHgyPSIyNDkuOTIiIHkyPSIzMS4zNyIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTEyIiBwb2ludHM9IjI0OS45MiAyOS45NSAyNDkuOTIgMjguNDUgMjUxLjQyIDI4LjQ1Ii8+PGxpbmUgY2xhc3M9ImNscy0yMSIgeDE9IjI1NC40MiIgeTE9IjI4LjQ1IiB4Mj0iMzU1LjEyIiB5Mj0iMjguNDUiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xMiIgcG9pbnRzPSIzNTYuNjIgMjguNDUgMzU4LjEyIDI4LjQ1IDM1OC4xMiAyOS45NSIvPjxsaW5lIGNsYXNzPSJjbHMtMjIiIHgxPSIzNTguMTIiIHkxPSIzMS42NiIgeDI9IjM1OC4xMiIgeTI9IjM0LjIxIi8+PGxpbmUgY2xhc3M9ImNscy0xMiIgeDE9IjM1OC4xMiIgeTE9IjM1LjA3IiB4Mj0iMzU4LjEyIiB5Mj0iMzYuNTciLz48L3N2Zz4=); } .SetupWizardPage .Wizard .WizardStep .FinishImage { margin: auto; height: 110px; width: 107px; background-repeat: no-repeat; background-size: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDYuOTMgMTEwLjc5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzRjYWQ0Zjt9LmNscy0ye2ZpbGw6I2ZkZmVmZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFydGJvYXJkIDExPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01My42LDk2QTQxLjgzLDQxLjgzLDAsMSwxLDk1LjQ5LDU0LjI3LDQxLjg4LDQxLjg4LDAsMCwxLDUzLjYsOTZaTTc2LjQyLDQyLjc2YTEuODcsMS44NywwLDAsMC0uNTYtMS4yM2MtLjU3LS41NC0xLjExLTEuMTEtMS42Ny0xLjY2LTEuNC0xLjM5LTItMS4zOC0zLjM1LDBRNjAuMDksNTAuNjUsNDkuMzMsNjEuNDJjLS41MS41Mi0uOC41Ni0xLjMxLDAtMS4zNi0xLjQzLTIuNzgtMi44MS00LjE4LTQuMjFsLTguNDYtOC40NmMtMS4xMS0xLjEtMS44My0xLjA5LTMsMGwtMS42NiwxLjY3YTEuNjgsMS42OCwwLDAsMCwwLDIuNzZxOC4zMiw4LjM0LDE2LjY2LDE2LjY1YTEuNTksMS41OSwwLDAsMCwyLjU0LDBMNzUuODEsNDRBMiwyLDAsMCwwLDc2LjQyLDQyLjc2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTc2LjQyLDQyLjc2QTIsMiwwLDAsMSw3NS44MSw0NEw1MCw2OS44NmExLjU5LDEuNTksMCwwLDEtMi41NCwwcS04LjM0LTguMzEtMTYuNjYtMTYuNjVhMS42OCwxLjY4LDAsMCwxLDAtMi43NmwxLjY2LTEuNjdjMS4xMy0xLjEyLDEuODUtMS4xMywzLDBsOC40Niw4LjQ2YzEuNCwxLjQsMi44MiwyLjc4LDQuMTgsNC4yMS41MS41NS44LjUxLDEuMzEsMFE2MC4wNyw1MC42Myw3MC44NCwzOS44OWMxLjQtMS40LDItMS40MSwzLjM1LDAsLjU2LjU1LDEuMSwxLjEyLDEuNjcsMS42NkExLjg3LDEuODcsMCwwLDEsNzYuNDIsNDIuNzZaIi8+PC9zdmc+); } .SetupWizardPage .Wizard .WizardStep h1 { font-size: 70px; margin-bottom: 0px; opacity: 0.6; font-weight: normal; text-transform: uppercase; } .SetupWizardPage .Wizard .WizardStep h4 { font-size: 26px; margin-bottom: 35px; text-transform: uppercase; } .SetupWizardPage .Wizard .WizardStep p { font-size: 18px; color: #7d7d7d; margin: 20px 0 35px 0; text-align: left; } .SetupWizardPage .Wizard .WizardStep textarea { font-size: 14px; resize: vertical; } .SetupWizardPage .Wizard .WizardNavigation { padding-top: 20px; padding-right: 0; } .SetupWizardPage .Wizard .WizardNavigation input { padding: 8px 32px; font-size: 15px; text-transform: uppercase; font-weight: 700; } .SetupWizardPage .Wizard .WizardNavigation td:nth-last-child(2) input { color: #424243; background-color: transparent; } .SetupWizardPage .Wizard dl { width: 100%; text-align: left; margin-bottom: 35px; } .SetupWizardPage .Wizard dl dt { font-size: 18px; opacity: 0.6; } .SetupWizardPage .Wizard dl dd { padding-left: 0; margin-bottom: 35px; } .SetupWizardPage .Wizard dl dd input { width: 100%; font-size: 20px; } .LicenseTextBox { font-size: 8px; width: 400px; height: 125px; } .DatabaseMaintenanceList { } .DatabaseMaintenanceList > dd { } .DatabaseMaintenanceList > dd > table { width: 100%; } .DatabaseMaintenanceList > dd > span { display: inline-block; padding: 5px; margin-right: 10px; } .AppearanceList { height: 100%; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .AppearanceList .ChangeThemeButton { display: inline-flex; background-color: #EEEEEE; border-width: 1px; border-radius: 4px; padding: 10px; align-items: center; cursor: pointer; margin: 0; } .AppearanceList .ChangeThemeButton:hover { background-color: #DDDDDD; } .AppearanceList .ChangeThemeButton > img { margin-right: 10px; } .AppearanceList .ThemeSelectorContentPanel > span { display: inline-block; padding: 5px; margin-right: 10px; } .AppearanceList .ResourcePanel { padding-left: 0; margin-left: 10px; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; -webkit-flex-basis: 1px; -ms-flex-basis: 1px; flex-basis: 1px; } .AppearanceList .ResourcePanel .DataTable { width: 100%; } .AppearanceList .ResourcePanel .DataTable th { border-top-width: 0px; } .AppearanceList .ResourcePanel .DataTable tr > *:first-child { border-left-width: 0px; } .AppearanceList .ResourcePanel .DataTable th, .AppearanceList .ResourcePanel .DataTable td { max-width: 300px; word-wrap: break-word; } .AppearanceList .ResourcePanel .DataTable td { } .AppearanceList .ResourcePanel .DataTable td div { margin: 0px; } .AppearanceList .ResourcePanel .DataTable td.Overridden { background-color: #DDDDDD; } .AppearanceList .ResourcePanel .DataTable .StringResource td div { max-height: 100px; overflow: auto; -webkit-overflow-scrolling: touch; } .AppearanceList .ResourcePanel .DataTable .ImageResource td.Overridden div { background-color: #EEEEEE; } .AuditList { } .AuditList dd { } .AuditList dd > span { margin-right: 15px; } .AuditList dd > p { } .AuditList dd > p > span { margin-right: 5px; } .AuditList dd > p > input { margin-right: 10px; } .AuditList .QueryAuditLogButton { padding: 8px 40px; } .AuditList #queryResultPanel { margin-top: 35px; } .ImageSelector { } .ImageSelector > * { display: inline-block; vertical-align: top; margin-bottom: 0px; } .ImageSelector .ImageInput { width: 200px; padding-left: 10px; border-left-width: 1px; margin-left: 10px; } .ImageSelector .ImageInput > * { display: block; margin-bottom: 5px; text-align: center; } .ImageSelector .ImageInput .ImageDropDestination { border-width: 2px; border-style: dashed; padding: 5px; background-color: #EEEEEE; } .ImageSelector.ReadOnly .ImageInput { display: none; } .ImageSelector .ImageDropDestination, .ImageSelector .ImageDisplay span { opacity: 0.6; font-size: 15px; font-weight: bold; text-align: center; } .DefaultCustomSelector { } .DefaultCustomSelector > div { margin: 0px; } .DefaultCustomSelector > div:last-child { margin-top: 5px; } .DefaultCustomSelector > div > div { margin: 5px 0px 0px 15px; } div.StatusTestPanel { } div.StatusTestPanel .Header { position: relative; height: 35px; padding: 5px 5px 0px 5px; margin: 0px; border-width: 1px; border-radius: 5px; background-size: 30px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, #CCCCCC, #888888); } div.StatusTestPanel .Header span { position: absolute; right: 0px; width: 120px; } div.StatusTestPanel .Header span:first-child { position: absolute; left: 36px; width: 200px; } div.StatusTestPanel .Header a { position: absolute; right: 5px; width: 20px; height: 20px; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM3ZDdkN2Q7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TdGF0dXNQYW5lbEV4cGFuZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQxLjUsMTQuN2ExLjkzLDEuOTMsMCwwLDEsMCwyLjhsLTE2LDE2YTEuOTMsMS45MywwLDAsMS0yLjgsMGwtMTYtMTZhMS45MywxLjkzLDAsMCwxLDAtMi44LDEuOTMsMS45MywwLDAsMSwyLjgsMEwyNC4xLDI5LjMsMzguNywxNC43QTEuOTMsMS45MywwLDAsMSw0MS41LDE0LjdaIi8+PC9nPjwvc3ZnPg==); } div.StatusTestPanel.Passed .Header { background-image: linear-gradient(to bottom, #00CC00, #009900); } div.StatusTestPanel.Warning .Header { background-image: linear-gradient(to bottom, #DDDD00, #AAAA00); } div.StatusTestPanel.Failed, div.StatusTestPanel.Error { } div.StatusTestPanel.Failed .Header, div.StatusTestPanel.Error .Header { background-image: linear-gradient(to bottom, #DD0000, #880000); } div.StatusTestPanel.Expanded .Header a { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM3ZDdkN2Q7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TdGF0dXNQYW5lbENvbGxhcHNlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNi41LDMzLjNhMS45MywxLjkzLDAsMCwxLDAtMi44bDE2LTE2YTEuOTMsMS45MywwLDAsMSwyLjgsMGwxNiwxNmExLjkzLDEuOTMsMCwwLDEsMCwyLjgsMS45MywxLjkzLDAsMCwxLTIuOCwwTDIzLjksMTguNyw5LjMsMzMuM0ExLjkzLDEuOTMsMCwwLDEsNi41LDMzLjNaIi8+PC9nPjwvc3ZnPg==); } div.StatusTestPanel.Incomplete .Header a { background-image: url(/Images/ActivityIndicator.gif); } div.StatusTestPanel .Content { padding: 20px 0px 0px 0px; margin: -10px 0px 0px 0px; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 5px 5px; max-height: 1000px; visibility: visible; transition: max-height 0.45s; } div.StatusTestPanel .Content > p { padding: 0px 20px; } div.StatusTestPanel .Content dl { border-top-width: 1px; padding-top: 10px; margin: 0px; } div.StatusTestPanel .Content dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } div.StatusTestPanel .Content dt { float: left; clear: left; text-align: right; margin-bottom: 10px; width: 200px; } div.StatusTestPanel .Content dd { float: left; margin-bottom: 10px; padding-left: 5px; width: 400px; } div.StatusTestPanel:not(.Expanded) .Content { max-height: 0; overflow: hidden; visibility: hidden; } .ResultPanel { opacity: 0; } .Success { opacity: 1; color: #33AA33; } .Failure { opacity: 1; color: #AA3333; } .HeaderPanel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 55px; background-color: #B63C35; color: #FFFFFF; } .HeaderPanel > * { height: 55px; } .HeaderPanel .LogoIconLink { -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .HeaderPanel .LogoPanel { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; } .HeaderPanel .CommandPanel { -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .HeaderPanel .CommandPanel a { padding: 0px 12px; height: 55px; line-height: 55px; color: inherit; } .LogoIconVisible .HeaderPanel .LogoIconLink { padding: 2px; flex-basis: 88px; -webkit-flex-basis: 88px; -ms-flex-basis: 88px; background-origin: content-box; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkIzQTc0RkI0QkE4NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzg3MkE0NzlBQkIxMUUzQjUwRUQ5RDZDMUMxNDhENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzg3MkE0NjlBQkIxMUUzQjUwRUQ5RDZDMUMxNDhENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmZkMzNhNTQtNjQyYi0xZjQ3LWJkNDMtNjliOGNhOWJjMDRhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4NzFGQjNBNzRGQjRCQTg1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/IQSzwAAAxJJREFUeNrkV0toFEEQrZr9YDT+f6g5iaBCBEEEF4zgB/XuISIq0YufCHoRiaDGxA8JMYufgzcN4tnjHkQvLkQ9+TsqEcSAXsxhJdHdnfL17Gx2pqdndsYIOVjwerp7qqqrq6uru1lEaDbJolmmtFOKTfaXF0TlSSLmpDqUgDSqdRLtd/0LWGmy2rZj9DnEzhJUpujXSI5kYowolU0y+C7gANBttMdkp10lzrZStmuUuHW16wHHFy1EmXkwIKNZrc/Ip7QX/R2oPAJexnIUDKDM3GndlplRd2e9zd7/nSg63L5hwPLzsCan12cWhMuAG552DjgePhlvl/wLA3gTirVa5zVgeVNRSeSBsBwh2DL0XONZCfTG3zixDAjbklxB0QPYGs8JYGvkRNjfnkkieg081gZJAQhIscwTkbiZUOIux2WgpHkLGYa7zLIcUGMlc32APkPjbYORCEhZGjRCAqpjLoFExcMQiq+a4atQv+KXZaMOK2nUGpZjArhqEDoFvi2B9ZfYBkiS3fEQeONztXPQqQxZZ2ajaDMPLAAWRuSDeqUMXPS726EdwFG/SOxM6ChRM7gfCCQzFSBTMPRfB5Y01MbPhCqhHAMOAvvCDhPNEz2uN7y0xt2uiWJAJZQ7tf+OW++hmB/j5HwLPDDoOw1sbrA2T8UngW0e5euAwYZk5FL0uTvDSxl3OQNuMBnQ5irRaX3jKItMVConDBn6dwKH4wThgC9oajQFnMXAdvPE5JDKjh8N/TeBRVEG7IfyQwbBfuB9glStzocnRu8yXQreimukLmr54MnF4yieod0ePrDogakuJntD+M6AZwTb8V3DAHURZesCahsMs1wBFNFOJciMHM7HuHbbwxhvz/QSyPcPG6k0fl7d1w1Wp11DtRuncLAvNFF4bLBIJn/stj8VOmsG2GUqF/tuye9Si3OxNT4s9K1n+ib4j4lWXuUH5Oe3xVwu9p+rjA7m1Ssl8tHzNw+lKJ5yiVLtR+5ydexpjqoVvJEs2xVUGqo1sMETzU5N36MGFamE28HC//3r+I8AAwCYytbcYE+ITQAAAABJRU5ErkJggg==); background-size: contain; background-position: center; background-repeat: no-repeat; } .HasMasterPanel .HeaderPanel .LogoPanel { display: none; } .LogoHeadingVisible .HeaderPanel .LogoPanel:after { cursor: default; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; content: 'ConnectWise Control Remote Support Software'; } .LogoImageVisible .HeaderPanel .LogoPanel { padding: 2px; background-image: url(data:;base64,); background-size: contain; background-repeat: no-repeat; background-origin: content-box; background-position-y: center; } .NavigationPanel { top: 55px; bottom: 0px; width: 88px; background-color: #191919; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #EEEEEE; overflow: auto; display: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .NavigationPanel > * { padding: 10px 0px; margin: 0px; flex-shrink: 1; min-height: 50px; } .NavigationPanel > *:first-child { margin-top: 5px; } .NavigationPanel div { cursor: pointer; } .NavigationPanel div:not(.UserMenuButton) { margin-left: 4px; opacity: 0.75; text-decoration: none; color: inherit; transition-property: opacity; } .NavigationPanel div:not(.UserMenuButton):hover { opacity: 1; } .NavigationPanel div:not(.UserMenuButton).Selected { opacity: 1; margin-left: 0px; border-left: 4px #424243 solid; } .NavigationPanel div.UserMenuButton { } .NavigationPanel div.UserMenuButton:after { display: none; content: 'rightUp'; } .NavigationPanel div.UserMenuButton span:first-child { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius: 16px; width: 32px; height: 32px; background-color: #424243; color: #EEEEEE; font-size: 18px; line-height: 32px; display: inline-block; margin-bottom: 5px; } .NavigationPanel img { width: 30px; height: 30px; } .NavigationPanel span { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; display: block; font-size: 12px; margin: 0px; min-height: 0px; } .UserAuthenticated .NavigationPanel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .MainPanel { top: 55px; left: 0px; right: 0px; bottom: 0px; min-width: 280px; } .MainPanel > * { position: absolute; margin: 0px; } .MainPanel .ContentPanel { top: 0px; left: 0px; right: 0px; bottom: 0px; } .UserAuthenticated .MainPanel { left: 88px; } .OuterPanel { position: absolute; width: 100%; height: 100%; margin: 0px; } .OuterPanel > * { position: absolute; margin: 0px; } .OuterPanel .DetailPanel { top: 0px; left: 25%; right: 0px; bottom: 0px; } .OuterPanel .MainDetailHeaderPanel { top: -55px; left: 25%; right: 30%; height: 55px; color: #FFFFFF; font-size: 20px; line-height: 55px; } .OuterPanel .MainDetailHeaderPanel > * { transition-property: opacity; } .SessionGroupListLoading .OuterPanel .MainDetailHeaderPanel > *, .SessionListLoading .OuterPanel .MainDetailHeaderPanel > * { opacity: 0; } .OuterPanel .MainDetailHeaderPanel h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 2%; } .OuterPanel .MainDetailHeaderPanel .CommandPanel { float: right; margin-right: 5px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .OuterPanel .MainDetailHeaderPanel .CommandPanel a { vertical-align: top; padding: 0px 6px; line-height: 55px; color: inherit; } .OuterPanel .MainDetailHeaderPanel .CommandPanel a:after { display: none; content: 'downLeft'; } .OuterPanel .MainDetailHeaderPanel .CommandPanel a.Disabled * { opacity: 0.5; -webkit-filter: brightness(0.8); } .OuterPanel .MainDetailHeaderPanel .CommandPanel a img { height: 24px; width: 24px; vertical-align: middle; } .OuterPanel .MainDetailHeaderPanel .CommandPanel a span { font-size: 14px; } .OuterPanel .MainDetailPanel { top: 0px; left: 25%; right: 30%; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .OuterPanel .MainDetailPanel .DetailSelectionPanel { margin-bottom: 0px; -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .OuterPanel .MainDetailPanel .DetailSelectionPanel * { margin: 0px; } .SessionGroupListLoading .OuterPanel .MainDetailPanel .DetailSelectionPanel, .SessionListLoading .OuterPanel .MainDetailPanel .DetailSelectionPanel { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel { height: 30px; border-bottom-width: 1px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel input { float: right; font-size: 12px; padding: 3px 3px 3px 20px; margin: 3px; width: 70%; max-width: 225px; min-width: 100px; background-position: left center; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaWQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojN2Q3ZDdkO30uY2xzLTJ7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YWE8L3RpdGxlPjxnIGlkPSJBcnR3b3JrIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zOCw0SDEwQTIsMiwwLDAsMCw4LDZWMTZhMiwyLDAsMCwwLC42LDEuNEwxOCwyNi44VjM0YTIsMiwwLDAsMCwuNiwxLjRsOCw4QTIsMiwwLDAsMCwyOCw0NGExLjIsMS4yLDAsMCwwLC44LS4yQTIsMiwwLDAsMCwzMCw0MlYyNi44bDkuNC05LjRBMiwyLDAsMCwwLDQwLDE2VjZBMiwyLDAsMCwwLDM4LDRaTTM2LDE1LjJsLTkuNCw5LjRBMiwyLDAsMCwwLDI2LDI2VjM3LjJsLTQtNFYyNmEyLDIsMCwwLDAtLjYtMS40TDEyLDE1LjJWOEgzNloiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjwvZz48L3N2Zz4=); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel > .CheckBox { display: inline-block; width: 28px; height: 28px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .NotificationPanel { background-color: #F4EFB0; border-bottom-width: 1px; padding: 10px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .NotificationPanel:not(.Notifying) { display: none; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .CheckBox { background-repeat: no-repeat; background-size: auto 28px; background-position: 0px center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAADACAMAAADbayz1AAABC1BMVEUAAAB9fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX3////////x2tntzs368/LbnprRhYHEYVu7SEK2PDW0OzSyOzSvOjOtOTKrODKpODGmNzCkNjCiNS+gNS6dNC2bMy2ZMiyXMiuUMSuSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqUMSuXMiuZMiybMy2dNC2gNS6iNS+kNjCmNzCpODGrODKtOTKvOjOyOzS0OzS2PDXEYVvRhYHbnpr25+b68/KSRCC4AAAAQ3RSTlMAABAgMEBQYHCAj5+vv8/f7///gICAgICAgICAgICAgICAgICAgICAgICAgHhwaGBYUEhAODAoIBgQCACPn6+/z9/v3Z6izAAABcdJREFUeAHswUENACAMBDDIBU/zr2wmyL3ang4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC8b3LLZtmrv94mji6O42d2144Tk8gr9S4ptBVQYGKcYIJjD8QkC2npn4Ym7zZqr/tq2qsWQbJrV9ozhbuRjOa30T7P73sxV8nZ1c5Hx+ORjdju3tOZa7QDOy8idnI0nLjP6bPx9DbzqG32EtNYk5GN3/7UNdZ4XsTvxaQxQGk/B9RviNBsz0LafeqaaXpUYLINAVob5JAGXdNAh0OLam/mGujguEA1nzYBqJ/D2mjAz67F9XjWgJ+TAtfLKR5QPwfWN+BmuxbZvkM3PS6QHcEB9fKPbUYr/9iawbZntUd3b29Ha+er+9b3zIE7KrRXP5xdROv8lzeFbwgGlH3U0zUR6/5naJAaZM+sdn9nO253Htq63ZmDNi60788v4vb2tKg7mWIB+YsedEzkugMP0yAb2rp729HbeWDrxg7avKh7cxG9cy/IQgF1vJ/MRC/zgjKD69Dvn21AO4/q2UOH7MDvnwtA5691BblVSmS1ulL3dyXRq/6RujXBdVWfy3cCyE9dlAJMP47ZEEB+qlnp66wKqFOfHyoBVF75R+Aq9fWXguh64Z8BLK3PrhFEmU6/AgLqGL0BgfS+Pk0qsBT+NXS/VQIsU0CCSed+AQSkf14tBNKi8g9BdegZQffbUuCl2LlwQCX2FyYVVODfGHylYIMD0pYCaiksWOZPUBkQEGM3D4gREGMExAiIERAjIEZAjBEQIyBGQIyAGCMgRkCMgBgBMUZAjIAYATECYtX1Qlpd0jE3CYh+qqrVgpLfLzNzc4DoRwQqCO9HJCAID4h+wILwfsKCCAjuBy8I7CcsiIDgfvCCwH7CgggI7gcvCOxHBTUPiH7wgvB+woIICO5Hq8r2+lFBKQHdoB8xnXb7kdOKgG7ST9e03E+5JCB89ENAq7dYtNyPMWg/BBRoUVWLdvvJMoP1EwZEPyqovX4uLzOD9BMGRD8iKqi1fkRUUNgPAcH8qKAW+1FBYT8EBPSjglrsRwWF/RAQ0I8KarEfFRT2Q0BAPyqoxX5UUNgPAcH8qKCyvX5UUBrwQ0DwqhLqB9/lb3g/BPSpJE1F87XNz7I8lVDqp3lAFIT3gxekfggILwjvByoogh8CAgjC+wELUj8EhBeE94MXFPZDQHhBeD94QWE/BIQXhPeDFxT2Q0B4QXg/eEHqp3lAFIT3gxekfpoHREF4P3hBYT8EhBeE94MWpH6aB0RBeD94QWE/BAQXhPcDFhT2Q0BgQXg/YEFhPwQEFoT3AxYU9kNAYEEJ3g9W0OuAHwKCB/aDbwnwQ0CMgP6nIyBGQIwRECMgRkCMgBgjIEZAjIAYATFGQEZaXnlDgwko1ZMyw8EBpdgLXgqqP7DvnzXF6Bo6dwkEVGIB6Q1UItgHrAmmjn8GsLIBQH8CAS30nzoCqWuaAdRNBNFaggf0V31eVYLog17vBhBQpW/eE0g6tloKrK7U9QVQqq+fpALMX+47xDeq3uuS6AqwXl7XN4D6eV3PABvZuns727G7/cjWHThoR0Xd6flF7N6+KuqGbpVkxZKBFwTzM0gMsInVHtyJ7Ocb72fosB0U2ulZZD8/ez/HUyggWc+1zdRErbOZaz0D7Yn1fft1NENf3rn70PomDtzzwvfdT2ex1tCvZz++LnxjhwUkW7lva70TrfVPUw222WOLbOzgvSyQPXdoQOkgBzZITZsF7Tt8U6SgFw4OSDKgoEFm4M1G0P2DbzpH7h88IMm2clBbaD/a2EIaTlxD2ZMC0fG+QwPSko0c0kZimmm6vxufz1PXXJMX8Qkd26nDA/Kl/UEeuUE/Nc01e/Zk9NjGajQaH7qG238+f1nEaj63B86HB6R11m9tRuvWesewNib/9/3bHhwIAAAAAAjyt95gggoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAUuWx3ihi+zRwAAAABJRU5ErkJggg==); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .HalfChecked > .CheckBox { background-position: -28px center; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .Checked > .CheckBox { background-position: -56px center; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition-property: opacity; } .SessionGroupListLoading .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer, .SessionListLoading .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer { opacity: 0; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer:not(.Empty) .EmptyPanel { display: none; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel { padding: 30px 20%; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel > * { margin-bottom: 15px; text-align: center; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel img { width: 150px; height: 150px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel h2 + p { opacity: 0.6; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table { width: 100%; border-collapse: collapse; table-layout: fixed; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr { border-bottom-width: 1px; border-color: #EEEEEE; cursor: pointer; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr.TouchActive, .TouchDisabled .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr:hover { background-color: #EEEEEE; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr.Selected { background-color: #DDDDDD !important; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr.Unacknowledged .SessionInfoPanel h3:after { display: inline-block; content: ''; border-radius: 3px; width: 0px; height: 0px; border: 3px solid #B63C35; margin: 5px; vertical-align: top; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td { padding: 4px 8px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.CheckBox { padding: 0px; width: 28px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.SessionInfo { } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.SessionInfo .SessionInfoPanel { } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.SessionInfo .SessionInfoPanel > .SessionTitle { display: flex; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.SessionInfo .SessionInfoPanel > .SessionDetailInfo { line-height: 1.5em; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram { width: 60%; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel { position: relative; width: 100%; height: 40px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest { position: absolute; width: 50%; height: 100%; background-repeat: no-repeat; background-size: 30px 30px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .ConnectionBar, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .ConnectionBar { position: absolute; top: 5px; height: 4px; border-radius: 2px; background-color: #BBBBBB; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host.Connected > .ConnectionBar, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest.Connected > .ConnectionBar { background-color: #44CC44; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Description, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Latest, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Description, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Latest { position: absolute; bottom: 0px; font-size: 11px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Description .Latest, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Latest .Latest, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Description .Latest, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Latest .Latest { bottom: 14px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host { left: 0px; background-position: left; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iNGI1YmIyYTAtNGUyMy00ZDJiLTlkOGYtNmE1NzhkODVlZDk0IiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LlwzMiA4ZmZjYzQ5LTdmNmEtNDM3Yi04NjVhLWNiNDg2MjA0NTdhMntmaWxsOiM0YzQ7fS5cMzEgM2RkZDBmMS00MTRlLTRhNTEtOGY4MS1lNjM4YzlhMGEwMWF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9IjMwODM1Zjg1LWQzMWItNGMwZi04NTdhLTU1ZmJjMWQzYzlkMyIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iNDEwOTBmN2ItYzAzNS00YWNhLTk3OTItODZlNDNhOTU5NWUzIiBkYXRhLW5hbWU9IkxheWVyIDEtMiI+PHBhdGggY2xhc3M9IjI4ZmZjYzQ5LTdmNmEtNDM3Yi04NjVhLWNiNDg2MjA0NTdhMiIgZD0iTTI0LDIxLjhhOCw4LDAsMSwxLDgtOEE4LDgsMCwwLDEsMjQsMjEuOFpNMjQsMjVhMTgsMTgsMCwwLDAtMTMuNSw2LjUsMi4xLDIuMSwwLDAsMC0uNSwxLjN2NS4xYTIsMiwwLDAsMCwyLDJIMzZhMiwyLDAsMCwwLDItMnYtNWExLjksMS45LDAsMCwwLS41LTEuM0ExNy45LDE3LjksMCwwLDAsMjQsMjVaTTM2LjgsOS40YTEzLjYsMTMuNiwwLDAsMC0yNS42LDAsNC44LDQuOCwwLDAsMC0zLDQuNCw0LjcsNC43LDAsMCwwLDQuNyw0LjdoMGEuOS45LDAsMCwwLDEtMVYxMS4zYTEwLjUsMTAuNSwwLDAsMSwyMC40LDB2Ni4yYS45LjksMCwwLDAsLjMuNyw0LDQsMCwwLDEtMy45LDMuOCwxLDEsMCwwLDAsMCwyLDUuOSw1LjksMCwwLDAsNS45LTUuNkE0LjgsNC44LDAsMCwwLDQwLDEzLjksNS40LDUuNCwwLDAsMCwzNi44LDkuNFoiLz48cGF0aCBjbGFzcz0iMTNkZGQwZjEtNDE0ZS00YTUxLThmODEtZTYzOGM5YTBhMDFhIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host:not(.Connected) { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiYmI7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Ib3N0RGlzY29ubmVjdDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0LDIxLjc1YTgsOCwwLDEsMSw4LThBOCw4LDAsMCwxLDI0LDIxLjc1Wk0yNCwyNWExOCwxOCwwLDAsMC0xMy41LDYuNSwyLjA2LDIuMDYsMCwwLDAtLjUsMS4zdjUuMWEyLDIsMCwwLDAsMiwySDM2YTIsMiwwLDAsMCwyLTJ2LTVhMS45MSwxLjkxLDAsMCwwLS41LTEuM0ExNy45NCwxNy45NCwwLDAsMCwyNCwyNVpNMzYuOCw5LjM1YTEzLjU2LDEzLjU2LDAsMCwwLTI1LjYsMCw0LjgxLDQuODEsMCwwLDAtMyw0LjQsNC42OSw0LjY5LDAsMCwwLDQuNjcsNC43MWgwYTEsMSwwLDAsMCwxLS44OFYxMS4yNmExMC40OSwxMC40OSwwLDAsMSwyMC40LDB2Ni4xOWEuODguODgsMCwwLDAsLjMuNyw0LDQsMCwwLDEtMy45LDMuOCwxLDEsMCwwLDAsMCwyLDUuODUsNS44NSwwLDAsMCw1LjktNS42QTQuODEsNC44MSwwLDAsMCw0MCwxMy44NSw1LjQsNS40LDAsMCwwLDM2LjgsOS4zNVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0wLDBINDhWNDhIMFoiLz48L2c+PC9nPjwvc3ZnPg==); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .ConnectionBar, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Description, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Host > .Latest { left: 36px; right: 4px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest { right: 0px; background-position: right; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .ConnectionBar, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Description, .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel > .Guest > .Latest { left: 4px; right: 36px; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Access > .Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM0YzQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBINDhWNDhIMFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQyLDMuOEg2YTIsMiwwLDAsMC0yLDJ2MjZhMiwyLDAsMCwwLDIsMkgyMnYySDE4YTIsMiwwLDAsMCwwLDRIMzBhMiwyLDAsMCwwLDAtNEgyNnYtMkg0MmEyLDIsMCwwLDAsMi0yVjUuOEEyLDIsMCwwLDAsNDIsMy44Wm0tMiwyNkg4VjcuOEg0MFoiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Access > .Guest:not(.Connected) { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiNiYmI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BY2Nlc3NHdWVzdERpc2Nvbm5lY3Q8L3RpdGxlPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00MiwzLjc1SDZhMiwyLDAsMCwwLTIsMnYyNmEyLDIsMCwwLDAsMiwySDIydjJIMThhMiwyLDAsMCwwLDAsNEgzMGEyLDIsMCwwLDAsMC00SDI2di0ySDQyYTIsMiwwLDAsMCwyLTJ2LTI2QTIsMiwwLDAsMCw0MiwzLjc1Wm0tMiwyNkg4di0yMkg0MFoiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Support > .Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0YzQ7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LDE1YTcsNywwLDEsMSw3LDdBNyw3LDAsMCwxLDE3LDE1Wk0zNi41LDMyLjFDMzMsMjguMiwyOC42LDI2LDI0LDI2YTE2LjgsMTYuOCwwLDAsMC0xMi41LDYsMi4xLDIuMSwwLDAsMC0uNSwxLjNWMzhhMiwyLDAsMCwwLDIsMkgzNWEyLDIsMCwwLDAsMi0yVjMzLjRBMS45LDEuOSwwLDAsMCwzNi41LDMyLjFaIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Support > .Guest:not(.Connected) { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiYmI7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TdXBwb3J0R3Vlc3REaXNjb25uZWN0PC90aXRsZT48ZyBpZD0iQXJ0d29yayI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcsMTVhNyw3LDAsMSwxLDcsN0E3LDcsMCwwLDEsMTcsMTVaTTM2LjUsMzIuMUMzMywyOC4yLDI4LjYsMjYsMjQsMjZhMTYuNzgsMTYuNzgsMCwwLDAtMTIuNSw2LDIuMTEsMi4xMSwwLDAsMC0uNSwxLjNWMzhhMiwyLDAsMCwwLDIsMkgzNWEyLDIsMCwwLDAsMi0yVjMzLjRBMS45LDEuOSwwLDAsMCwzNi41LDMyLjFaIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Meeting > .Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM0YzQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBINDhWNDhIMFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNiwyMy44YTYsNiwwLDEsMSw2LTZBNiw2LDAsMCwxLDE2LDIzLjhaTTYuNSwzMC42QTEuOSwxLjksMCwwLDAsNiwzMnY1LjhhMiwyLDAsMCwwLDIsMkgyNGEyLDIsMCwwLDAsMi0yVjMyYTIuMSwyLjEsMCwwLDAtLjUtMS4zQTEyLjMsMTIuMywwLDAsMCwxNiwyNS44LDEyLjMsMTIuMywwLDAsMCw2LjUsMzAuNlpNMzIsMTEuOGE2LDYsMCwxLDAsNiw2QTYsNiwwLDAsMCwzMiwxMS44Wm0tMi40LDI4SDQwYTIsMiwwLDAsMCwyLTJWMzJhMi4xLDIuMSwwLDAsMC0uNS0xLjNBMTIuMywxMi4zLDAsMCwwLDMyLDI1LjhhMTIuMywxMi4zLDAsMCwwLTQuNiwxbDEuMiwxLjNBNS45LDUuOSwwLDAsMSwzMCwzMS45djUuOUE0LjUsNC41LDAsMCwxLDI5LjYsMzkuOFoiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram .StatusDiagramPanel.Meeting > .Guest:not(.Connected) { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiNiYmI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5NZWV0aW5nR3Vlc3REaXNjb25uZWN0PC90aXRsZT48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMEg0OFY0OEgwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE2LDIzLjc1YTYsNiwwLDEsMSw2LTZBNiw2LDAsMCwxLDE2LDIzLjc1Wm0tOS41LDYuOUExLjksMS45LDAsMCwwLDYsMzJ2NS44YTIsMiwwLDAsMCwyLDJIMjRhMiwyLDAsMCwwLDItMlYzMmEyLjExLDIuMTEsMCwwLDAtLjUtMS4zLDEyLjI4LDEyLjI4LDAsMCwwLTkuNS00LjlBMTIuMjgsMTIuMjgsMCwwLDAsNi41LDMwLjY1Wk0zMiwxMS43NWE2LDYsMCwxLDAsNiw2QTYsNiwwLDAsMCwzMiwxMS43NVptLTIuNCwyOEg0MGEyLDIsMCwwLDAsMi0yVjMyYTIuMTEsMi4xMSwwLDAsMC0uNS0xLjMsMTIuMjgsMTIuMjgsMCwwLDAtOS41LTQuOSwxMi4yNywxMi4yNywwLDAsMC00LjYsMWMuNC40LjguOSwxLjIsMS4zYTUuOTQsNS45NCwwLDAsMSwxLjQsMy44djUuOUE0LjQ4LDQuNDgsMCwwLDEsMjkuNiwzOS43NVoiLz48L2c+PC9zdmc+); } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer.Empty table { display: none; } .OuterPanel .SubDetailHeaderPanel { top: -55px; right: 0px; width: 30%; height: 55px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.20); line-height: 55px; } .OuterPanel .SubDetailHeaderPanel h3 { padding: 0px 5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition-property: opacity; } .SessionGroupListLoading .OuterPanel .SubDetailHeaderPanel h3, .SessionListLoading .OuterPanel .SubDetailHeaderPanel h3, .SessionDetailsLoading .OuterPanel .SubDetailHeaderPanel h3 { opacity: 0; } .OuterPanel .SubDetailPanel { top: 0px; right: 0px; width: 30%; bottom: 0px; background-color: #EEEEEE; border-left-width: 1px; overflow: hidden; } .SessionDetailsLoading .OuterPanel .SubDetailPanel, .SessionGroupListLoading .OuterPanel .SubDetailPanel, .SessionListLoading .OuterPanel .SubDetailPanel { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .OuterPanel .SubDetailPanel > * { position: absolute; width: 100%; height: 100%; transition-property: opacity; } .SessionDetailsLoading .OuterPanel .SubDetailPanel > *, .SessionGroupListLoading .OuterPanel .SubDetailPanel > *, .SessionListLoading .OuterPanel .SubDetailPanel > * { opacity: 0; } .OuterPanel .SubDetailPanel .HideDetailPanelButton { height: 38px; width: 38px; text-decoration: none; font-size: 24px; color: #444444; padding: 4px 16px; position: absolute; right: 0%; display: none; } .OuterPanel .SubDetailPanel .SingleSelectionPanel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .OuterPanel .SubDetailPanel .SingleSelectionPanel > * { position: relative; margin: 0px; } .OuterPanel .SubDetailPanel .MultiSelectionPanel { padding: 30px 20%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .OuterPanel .SubDetailPanel .MultiSelectionPanel a { display: block; font-size: 15px; margin-bottom: 5px; } .OuterPanel .SubDetailPanel .MultiSelectionPanel a span { margin: 0px; } .OuterPanel .SubDetailPanel .MultiSelectionPanel a.Overflow, .OuterPanel .SubDetailPanel .MultiSelectionPanel a.Disabled, .OuterPanel .SubDetailPanel .MultiSelectionPanel a img { display: none; } .OuterPanel .SubDetailPanel:not(.SingleSelection) .SingleSelectionPanel, .OuterPanel .SubDetailPanel:not(.MultiSelection) .MultiSelectionPanel { opacity: 0; visibility: hidden; } .OuterPanel .SubDetailPanel .DetailTabContent { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; overflow: auto; } .OuterPanel .SubDetailPanel .DetailTabList { -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto; overflow-x: auto; width: 100%; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .OuterPanel .SubDetailPanel .DetailTabList::before, .OuterPanel .SubDetailPanel .DetailTabList::after { content: ''; margin: auto; } .OuterPanel .SubDetailPanel .DetailTabList div { position: relative; padding: 5px 1% 3px 1%; height: 100%; border-bottom-width: 3px; font-size: 11px; text-align: center; flex-basis: 50px; cursor: pointer; margin: 0; } .OuterPanel .SubDetailPanel .DetailTabList div.TouchActive, .TouchDisabled .OuterPanel .SubDetailPanel .DetailTabList div:hover { background-color: #DDDDDD; } .OuterPanel .SubDetailPanel .DetailTabList div.Selected { border-color: #424243; } .OuterPanel .SubDetailPanel .DetailTabList div img { width: 24px; height: 24px; } .OuterPanel .SubDetailPanel .DetailTabList div span { display: none; } .OuterPanel .SubDetailPanel .DetailTabList div.Unacknowledged:before { display: inline-block; content: ''; border-radius: 3px; width: 0px; height: 0px; border: 3px solid #B63C35; margin: 5px; position: absolute; top: 0px; right: 0px; } .OuterPanel .SubDetailPanel .Start { padding: 0 6%; } .OuterPanel .SubDetailPanel .Start > * { margin: 15px 0px 30px 0px; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel { margin-bottom: 30px; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel div { position: relative; margin-bottom: 5px; text-align: center; max-height: 300px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel img { border-width: 1px; margin: 0; max-width: 100%; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel.Loading img { opacity: .25; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel .QueuedGuestInfoActivityIndicator { position: absolute; height: 35px; width: 35px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/Images/ActivityIndicator.gif); background-size: 35px; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel:not(.Loading) .QueuedGuestInfoActivityIndicator { display: none; } .OuterPanel .SubDetailPanel .Start .ScreenshotPanel p { text-align: center; font-size: 12px; } .OuterPanel .SubDetailPanel .Start > div > p a { display: inline-block; margin-left: 10px; } .OuterPanel .SubDetailPanel .Start dl { } .OuterPanel .SubDetailPanel .Start dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .OuterPanel .SubDetailPanel .Start dl > * { margin-bottom: 12px; } .OuterPanel .SubDetailPanel .Start dl dt { text-align: left; width: 100%; font-size: 14px; font-weight: bold; opacity: 1; color: #7d7d7d; margin-bottom: 8px; } .OuterPanel .SubDetailPanel .Start dl dd { text-align: left; width: 100%; margin-bottom: 15px; padding: 0px; } .OuterPanel .SubDetailPanel .Start .InvitationTabContent { } .OuterPanel .SubDetailPanel .Start .InvitationTabContent dl { margin-bottom: 0px; } .OuterPanel .SubDetailPanel .Start .InvitationTabContent dd { text-align: left; width: 100%; margin-bottom: 15px; padding: 0px; margin-bottom: 0px; } .OuterPanel .SubDetailPanel .Start .InvitationTabContent dd button, .OuterPanel .SubDetailPanel .Start .InvitationTabContent dd input[type=button] { -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; cursor: pointer; text-align: center; } .OuterPanel .SubDetailPanel .Start .InvitationTabContent dt { text-align: left; width: 100%; font-size: 14px; font-weight: bold; opacity: 1; color: #7d7d7d; margin-bottom: 8px; } .OuterPanel .SubDetailPanel .Start input { width: 100%; } .OuterPanel .SubDetailPanel .Start .CodeTab input { font-size: 16px; } .OuterPanel .SubDetailPanel .Start .EmailTab, .OuterPanel .SubDetailPanel .Start .LinkTab { } .OuterPanel .SubDetailPanel .Start .EmailTab dd div, .OuterPanel .SubDetailPanel .Start .LinkTab dd div { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; margin-bottom: 4px; } .OuterPanel .SubDetailPanel .Start .EmailTab input, .OuterPanel .SubDetailPanel .Start .LinkTab input { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .SubDetailPanel .Start .EditSessionPanel { margin-bottom: 25px; } .OuterPanel .SubDetailPanel .Start .EditSessionPanel input { font-size: 16px; } .OuterPanel .SubDetailPanel .Start .EditSessionPanel input:disabled { background-color: transparent; } .OuterPanel .SubDetailPanel .Start .EditSessionPanel dt { margin-bottom: 8px; } .OuterPanel .SubDetailPanel .Start .HelpPanel { border-width: 1px 0px; background-color: #FFFFDD; padding: 15px; } .OuterPanel .SubDetailPanel .Start .HelpPanel :last-child { margin: 0px; } .OuterPanel .SubDetailPanel .General { padding: 0 6%; } .OuterPanel .SubDetailPanel .General dl { margin-top: 15px; } .OuterPanel .SubDetailPanel .General dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .OuterPanel .SubDetailPanel .General dl > * { margin-bottom: 12px; } .OuterPanel .SubDetailPanel .General dl dt { float: left; clear: left; text-align: right; margin-bottom: 10px; width: 40%; opacity: 0.6; } .OuterPanel .SubDetailPanel .General dl dd { float: left; margin-bottom: 10px; padding-left: 5px; width: 60%; } .OuterPanel .SubDetailPanel .Timeline { } .OuterPanel .SubDetailPanel .Timeline:after { display: none; content: '\ { \ "topPadding": 40, \ "bottomPadding": 20, \ "leftPadding": 10, \ "rightPadding": 10, \ "timestampPadding": 100, \ "minTimelineWidth": 200, \ "minTimelineHeight": 500, \ "minGap": 30, \ "eventDotSideLength": 24, \ "connectionLineThickness": 11, \ "timeDivisionTextLineOffset": -5, \ "timeDifferenceDivisorPreLog": 150000, \ "timeDifferentMultiplierPostLog": 50, \ "connectionTextTopPadding": 3, \ "connectionTextBottomPadding": 4, \ "connectionTextLeftPadding": 5, \ "connectionTextRightPadding": 5, \ "positionPanelStep": 10, \ "spanTime": 2592000000 \ }'; } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel { } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel text { fill: #EEEEEE; } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel .Host { fill: #DDCCFF; } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel .Guest { fill: #CCDDFF; } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel .Event { fill: #FF9999; } .OuterPanel .SubDetailPanel .Timeline .PositionedPanel .Overlay { fill: rgba(0, 0, 0, 0.3); } .OuterPanel .SubDetailPanel .Timeline .TimeDivision { } .OuterPanel .SubDetailPanel .Timeline .TimeDivision text { fill: #BBBBBB; } .OuterPanel .SubDetailPanel .Timeline .TimeDivision line { stroke: rgba(0, 0, 0, 0.1); } .OuterPanel .MasterPanel { top: -55px; bottom: 0px; width: 25%; background-color: #3F3E3E; color: #EEEEEE; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 100; overflow: hidden; } .OuterPanel .MasterPanel > h2 { margin: 0px 6%; line-height: 55px; font-size: 24px; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .MasterPanel > p { margin: 4px 8% 15px 8%; overflow: hidden; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .OuterPanel .MasterPanel p { } .OuterPanel .MasterPanel p.Create a { display: block; text-decoration: inherit; color: inherit; border-radius: 12px; margin: 0px 6%; padding: 5px 0px; font-size: 14px; text-align: center; background-color: #424243; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .OuterPanel .MasterPanel p.Create a.TouchActive, .TouchDisabled .OuterPanel .MasterPanel p.Create a:hover { box-shadow: inset 0px 0px 100px 100px rgba(255, 255, 255, 0.04); } .OuterPanel .MasterPanel p.Ambient { font-size: 13px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 22px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .OuterPanel .MasterPanel p.Ambient a { opacity: 0.75; color: inherit; text-decoration: none; transition-property: opacity; } .OuterPanel .MasterPanel p.Ambient a.TouchActive, .TouchDisabled .OuterPanel .MasterPanel p.Ambient a:hover { opacity: 0.9; } .OuterPanel .MasterPanel ul { margin: 0px; padding: 0px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; list-style: none; font-size: 14px; } .OuterPanel .MasterPanel ul span { float: right; margin: -1px 2px; } .OuterPanel .MasterPanel ul li { } .OuterPanel .MasterPanel ul li > span { cursor: pointer; display: block; color: inherit; text-decoration: none; padding: 8px 10%; float: none; margin: 0; } .OuterPanel .MasterPanel ul li.Collapsed > ul { display: none; } .OuterPanel .MasterPanel ul li.HasChildren { } .OuterPanel .MasterPanel ul li.HasChildren > div > p { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjIuNSAwIDIuNSAyNiAxNy41IDEzIDIuNSAwIi8+PC9zdmc+); } .OuterPanel .MasterPanel ul li.HasChildren.InPath:not(.Collapsed) > div > p { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjE5IDQgMTkgMjIgMSAyMiAxOSA0Ii8+PC9zdmc+); } .OuterPanel .MasterPanel ul li.Unacknowledged > div > p:after { display: inline-block; content: ''; border-radius: 3px; width: 0px; height: 0px; border: 3px solid #B63C35; margin: 5px; vertical-align: top; } .OuterPanel .MasterPanel ul li > *:first-child { opacity: 0.75; margin-left: 4px; } .OuterPanel .MasterPanel ul li.TouchActive > *:first-child, .TouchDisabled .OuterPanel .MasterPanel ul li > *:first-child:hover { opacity: 1; } .OuterPanel .MasterPanel ul li.Selected > *:first-child { opacity: 1 !important; font-weight: 500; border-left: 4px solid #424243; margin-left: 0px; } .OuterPanel .MasterPanel ul div { cursor: pointer; margin: 0px; padding-left: 12px; } .OuterPanel .MasterPanel ul div > p { padding: 6px 0px; margin: 0px; background-repeat: no-repeat; background-size: 6px 9px; background-position: 0px center; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .OuterPanel .MasterPanel ul div > a { float: right; width: 24px; height: 24px; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDI0YTQsNCwwLDEsMS00LTRBNCw0LDAsMCwxLDE2LDI0Wm04LTRhNCw0LDAsMSwwLDQsNEE0LDQsMCwwLDAsMjQsMjBabTEyLDBhNCw0LDAsMSwwLDQsNEE0LDQsMCwwLDAsMzYsMjBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PC9nPjwvc3ZnPg==) no-repeat; background-position: center; background-size: 24px 24px; filter: brightness(0.6); -webkit-filter: brightness(0.6); -moz-filter: brightness(0.6); -o-filter: brightness(0.6); -ms-filter: brightness(0.6); } .OuterPanel .MasterPanel ul div > a:hover { filter: brightness(10); -webkit-filter: brightness(10); -moz-filter: brightness(10); -o-filter: brightness(10); -ms-filter: brightness(10); } .OuterPanel .MasterPanel ul div > span { float: right; margin: 0px 5px; padding: 6px; } .OuterPanel .MasterPanel ul div:not(:hover) > a { display: none; } .OuterPanel .MasterPanel ul ul p { margin-left: 4%; } .OuterPanel .MasterPanel ul ul ul p { margin-left: 8%; } .OuterPanel .MasterPanel ul ul ul ul p { margin-left: 12%; } .OuterPanel .MasterPanel > ul { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; overflow-y: auto; padding-right: 0px; margin-top: 5px; -webkit-overflow-scrolling: touch; } .SessionGroupListLoading .OuterPanel .MasterPanel > ul { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .OuterPanel .MasterPanel > ul > li { opacity: 1; } .SessionGroupListLoading .OuterPanel .MasterPanel > ul > li { opacity: 0; } .HostPage { } .HostPage .InfoPanel { overflow: hidden; margin-bottom: 0; } .HostPage .InfoPanel:empty { display: none; } .HostPage .MainDetailPanel .InfoPanel { } .HostPage .MainDetailPanel .InfoPanel:first-child { border-bottom-width: 1px; } .HostPage .MainDetailPanel .InfoPanel:last-child { border-top-width: 1px; } ::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; margin-right: 12px; } ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #cccccc; border: 3px solid rgba(0, 0, 0, 0); background-clip: padding-box; } .OuterPanel .MasterPanel > ul::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); } .OuterPanel .NavigationPanel::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); } .OuterPanel .ContentPanel::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } .LoadingHeading { padding-right: 60px; background-position: right top; } .ModalDialog { position: absolute; width: 100%; height: 100%; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; animation: ModalSlideIn 0.15s; } .ModalDialog.Hidden { visibility: hidden; } @supports (animation: ModalSlideOut 0.15s ease-in forwards) { .ModalDialog.Hidden { visibility: visible; animation: ModalSlideOut 0.15s ease-in forwards; } } .ModalDialog::before { position: fixed; top: 0px; left: 0px; right: 0px; bottom: -50px; content: ""; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; z-index: -1; } .ModalDialog iframe { display: block; width: 100%; background-color: #FFF; } .ModalDialog textarea { height: 125px; } .ModalDialog input, .ModalDialog select, .ModalDialog { font-size: 14px; } .ModalDialog > * { margin: 0px; max-width: 100%; background-color: #FFFFFF; } .ModalDialog > *:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ModalDialog > iframe { height: 100%; } .ModalDialog > :not(:first-child) { border-top-width: 1px; } .ModalDialog table.DataTable { width: 100%; } .ModalDialog .TitlePanel { background-color: #B63C35; cursor: move; } .ModalDialog .TitlePanel h2 { float: left; margin: 20px; font-size: 20px; color: #EEEEEE; } .ModalDialog .TitlePanel a { float: right; padding: 25px; text-decoration: none; font-size: 30px; line-height: 16px; color: #EEEEEE; } .ModalDialog .TitlePanel a:hover { background-color: ; } .ModalDialog .ButtonPanel { background-color: #FFFFFF; padding: 15px; } .ModalDialog .ButtonPanel * { font-size: 16px; } .ModalDialog .ButtonPanel input { padding: 8px 16px; background-color: #FFFFFF; color: #424243; font-weight: 600; text-transform: uppercase; } .ModalDialog .ButtonPanel input:hover { color: ; } .ModalDialog .TitlePanel, .ModalDialog .ButtonPanel { -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .ModalDialog .ContentPanel { padding: 20px 20px 0px 20px; overflow: auto; -webkit-overflow-scrolling: touch; } .ModalDialog .ContentPanel input[type=button] { font-size: 14px; } .ModalDialog .ContentPanel textarea { width: 100%; resize: vertical; } .ModalDialog .ContentPanel .CommandPanel { text-align: center; text-transform: uppercase; } .ModalDialog .ContentPanel .ResultPanel { text-align: left; } .ModalDialog .ContentPanel .ResultPanel { border-width: 2px; padding: 10px 10px 10px 30px; border-radius: 2px; background-repeat: no-repeat; background-size: 18px 18px; background-position: 2% center; } .ModalDialog .ContentPanel .ResultPanel:empty { visibility: hidden; } .ModalDialog .ContentPanel .ResultPanel:empty:after { content: '\00a0'; } .ModalDialog .ContentPanel .ResultPanel.Success { border-color: #33AA33; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiMzYTM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNi42LDIzLjZhMS45LDEuOSwwLDAsMSwyLjgsMEwxOCwzMi4yLDM4LjYsMTEuNmEyLDIsMCwxLDEsMi44LDIuOGwtMjIsMjJhMS45LDEuOSwwLDAsMS0yLjgsMGwtMTAtMTBBMS45LDEuOSwwLDAsMSw2LjYsMjMuNloiLz48L2c+PC9zdmc+); } .ModalDialog .ContentPanel .ResultPanel.Failure { border-color: #AA3333; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiNDQzMyMzI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjQsNEEyMCwyMCwwLDEsMCw0NCwyNCwyMC4xLDIwLjEsMCwwLDAsMjQsNFpNOCwyNEExNiwxNiwwLDAsMSwzMy44LDExLjRMMTEuNCwzMy44QTE1LjksMTUuOSwwLDAsMSw4LDI0Wk0yNCw0MGExNS45LDE1LjksMCwwLDEtOS44LTMuNEwzNi42LDE0LjJBMTYsMTYsMCwwLDEsMjQsNDBaIi8+PC9nPjwvc3ZnPg==); } .ModalDialog .ContentPanel dl { margin-bottom: 5px; } .ModalDialog .ContentPanel dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ModalDialog .ContentPanel dt { float: left; clear: left; text-align: right; margin-bottom: 10px; width: 20%; } .ModalDialog .ContentPanel dd { float: left; margin-bottom: 10px; padding-left: 5px; width: 75%; } .ModalDialog .ContentPanel dd p { margin-bottom: 5px; } .ModalDialog .ContentPanel dd div.EditField { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0px; margin-left: -5px; } .ModalDialog .ContentPanel dd div.EditField input[type=text], .ModalDialog .ContentPanel dd div.EditField select { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; -webkit-flex-basis: 1px; -ms-flex-basis: 1px; flex-basis: 1px; } .ModalDialog .ContentPanel dd div.EditField > * { margin-left: 5px; white-space: nowrap; } .ModalDialog .MasterPanel, .ModalDialog .DetailPanel { position: absolute; height: 100%; margin-bottom: 0px; } .ModalDialog .MasterPanel > *, .ModalDialog .DetailPanel > * { position: absolute; width: 100%; margin-bottom: 0px; } .ModalDialog .MasterPanel { width: 25%; border-right-width: 1px; background-color: #EEEEEE; } .ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink { display: block; padding: 7px 4% 7px 10%; text-decoration: none; color: inherit; } .ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink.TouchActive, .TouchDisabled.ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink:hover { background-color: #DDD; } .ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink.Selected { background-color: #CCC !important; } .ModalDialog .DetailPanel { left: 25%; right: 0px; } .ModalDialog.HostPass > * { width: 440px; } .ModalDialog.GiveFeedback { } .ModalDialog.GiveFeedback > * { width: 400px; } .ModalDialog.GiveFeedback dd { width: 65%; } .ModalDialog.GiveFeedback dd input[type=email] { width: 100%; } .ModalDialog.GiveFeedback dt { width: 30%; } .ModalDialog.GiveFeedback label { margin-right: 10px; } .ModalDialog.GiveFeedback textarea { min-height: 100px; } .ModalDialog.JoinSession { } .ModalDialog.JoinSession > * { width: 540px; } .ModalDialog.JoinSession .ContentPanel { } .ModalDialog.JoinSession .ContentPanel .Help { font-size: 10px; } .ModalDialog.JoinSession .ContentPanel .Box { border-radius: 2px; padding: 10px; border-width: 1px; background-color: #EEEEEE; } .ModalDialog.JoinSession .ContentPanel .Box:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ModalDialog.JoinSession .ContentPanel .Box h3 { padding: 3px 0px; } .ModalDialog.JoinSession .ContentPanel .Box h4 { float: left; border-radius: 13px; width: 26px; height: 26px; line-height: 26px; font-size: 18px; text-align: center; margin: 0px 10px 5px 0px; background-color: #424243; color: #EEEEEE; } .ModalDialog.JoinSession .ContentPanel .Box img { float: right; width: 60%; height: auto; margin-left: 15px; } .ModalDialog.JoinSession .ContentPanel .Box input[type=button] { float: right; margin-left: 20px; margin-bottom: 10px; min-width: 150px; padding: 8px 0px; } .ModalDialog.CreateSession, .ModalDialog.EditSessions, .ModalDialog.BuildInstaller, .ModalDialog.InstallAccess { } .ModalDialog.CreateSession > *, .ModalDialog.EditSessions > *, .ModalDialog.BuildInstaller > *, .ModalDialog.InstallAccess > * { width: 540px; } .ModalDialog.EditSessionGroup { } .ModalDialog.EditSessionGroup dt { width: 30%; } .ModalDialog.EditSessionGroup dd { width: 65%; } .ModalDialog.EditSessionGroup dd input, .ModalDialog.EditSessionGroup dd textarea { width: 91%; } .ModalDialog.EditSessionGroup dd a { float: right; width: 24px; height: 24px; text-decoration: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3ZDdkN2Q7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQwLDI0YTIsMiwwLDAsMS0yLDJIMjZWMzhhMiwyLDAsMCwxLTQsMFYyNkgxMGEyLDIsMCwwLDEsMC00SDIyVjEwYTIsMiwwLDAsMSw0LDBWMjJIMzhBMiwyLDAsMCwxLDQwLDI0WiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+PC9nPjwvc3ZnPg==) no-repeat; background-position: center; } .ModalDialog.EditSessionGroup dd a:hover { filter: brightness(0.6); -webkit-filter: brightness(0.6); -moz-filter: brightness(0.6); -o-filter: brightness(0.6); -ms-filter: brightness(0.6); } .ModalDialog.EditSessionGroup:not(.Expanded) .ReferenceContentPanel { display: none; } .ModalDialog.EditSessionGroup label { margin: 4px 8px; } .ModalDialog.BuildInstaller { } .ModalDialog.BuildInstaller p:not(:first-child) { margin-top: 20px; } .ModalDialog.BuildInstaller dd { } .ModalDialog.BuildInstaller dd select { width: 100%; } .ModalDialog.BuildInstaller dd input { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; } .ModalDialog.Page > * { width: 100%; } .ModalDialog.ActivityBox > * { width: 340px; } .ModalDialog.MessageBox, .ModalDialog.Prompt { } .ModalDialog.MessageBox > *, .ModalDialog.Prompt > * { width: 500px; } .ModalDialog.EditExtensionSettings { } .ModalDialog.EditExtensionSettings > * { width: 700px; } .ModalDialog.EditExtensionSettings .DataTable { } .ModalDialog.EditExtensionSettings .DataTable td > div { margin: 0px; } .ModalDialog.EditExtensionSettings .DataTable label { display: inline-block; width: 60px; } .ModalDialog.EditExtensionSettings .DataTable input[type=text] { width: 220px; } .ModalDialog.EditExtensionSettings .DataTable th { } .ModalDialog.EditExtensionSettings .DataTable th:nth-child(1) { width: 20%; } .ModalDialog.EditExtensionSettings .DataTable th:nth-child(2) { width: 30%; } .ModalDialog.EditExtensionSettings .DataTable th:nth-child(3) { width: 50%; } .ModalDialog.EditResource { } .ModalDialog.EditResource > * { width: 700px; } .ModalDialog.EditResource .DataTable td > div { margin: 0px; } .ModalDialog.EditUserSourceConfiguration { } .ModalDialog.EditUserSourceConfiguration > * { width: 700px; } .ModalDialog.EditUserSourceConfiguration .UserLookupBox { width: 250px; margin-right: 5px; } .ModalDialog.EditUserSourceConfiguration > .ContentPanel { } .ModalDialog.EditUserSourceConfiguration > .ContentPanel:not(.ReadOnly) .UserLookupPanel, .ModalDialog.EditUserSourceConfiguration > .ContentPanel.External .UserLookupPanel { display: none; } .ModalDialog.EditUserSourceConfiguration textarea { height: 200px; } .ModalDialog.SelectTheme { } .ModalDialog.SelectTheme > * { width: 1200px; } .ModalDialog.SelectTheme .ContentPanel { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 100%; padding: 0; overflow: hidden; } .ModalDialog.SelectTheme .ContentPanel .ThemeSelectionBox { background-color: #EEEEEE; min-width: 220px; width: 25%; height: 100%; overflow: auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .ModalDialog.SelectTheme .ContentPanel .ThemeSelectionBox > div { user-select: none; cursor: pointer; width: 100%; height: 100px; padding: 40px 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ModalDialog.SelectTheme .ContentPanel .ThemeSelectionBox > div img { padding: 15px 5px 15px 20px; } .ModalDialog.SelectTheme .ContentPanel .ThemeSelectionBox > div:hover { background-color: #DDDDDD; } .ModalDialog.SelectTheme .ContentPanel .ThemeSelectionBox > div.Selected { background-color: #CCCCCC; } .ModalDialog.SelectTheme .ContentPanel .PreviewPanel { width: 75%; height: 100%; position: relative; margin: 0; } .ModalDialog.SelectTheme .ContentPanel .PreviewPanel iframe { height: 100%; width: 100%; border: 5px solid #CCCCCC; } .ModalDialog.SelectTheme .ContentPanel .PreviewPanel:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ModalDialog.ToolboxDialog { } .ModalDialog.ToolboxDialog > * { width: 350px; } .ModalDialog.ToolboxDialog .ToolboxPanel { position: relative; height: 350px; border-width: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .ModalDialog.ToolboxDialog .ToolboxPanel.Loading { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .ModalDialog.ToolboxDialog .ToolboxPanel.Loading > * { display: none; } .ModalDialog.ToolboxDialog .ToolboxPanel a { padding: 4px; color: inherit; text-decoration: none; } .ModalDialog.ToolboxDialog .ToolboxPanel a:hover { background-color: #EEEEEE; } .ModalDialog.ToolboxDialog .ToolboxPanel a.MarkedForDeletion { pointer-events: none; cursor: default; font-style: italic; color: gray; } .ModalDialog.ToolboxDialog .ToolboxPanel img { vertical-align: bottom; } .ModalDialog.ToolboxDialog .ToolboxPanel.Empty > :not(.ListPanel) :not(.FileLoadingOverlay) { display: none; } .ModalDialog.ToolboxDialog .ToolboxPanel.Empty > .ListPanel { padding: 146px 20px; text-align: center; } .ModalDialog.ToolboxDialog .ToolboxPanel .DirectoryPanel { border-bottom-width: 1px; margin-bottom: 0px; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .ModalDialog.ToolboxDialog .ToolboxPanel .DirectoryPanel a { display: inline-block; } .ModalDialog.ToolboxDialog .ToolboxPanel .DirectoryPanel > span:not(:last-child):after { content: '\00BB'; } .ModalDialog.ToolboxDialog .ToolboxPanel.Root .DirectoryPanel { display: none; } .ModalDialog.ToolboxDialog .ToolboxPanel .ListPanel { overflow: auto; margin-bottom: 0px; -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; } .ModalDialog.ToolboxDialog .ToolboxPanel .ListPanel a { display: block; } .ModalDialog.ToolboxDialog .ToolboxPanel .DragEnter { outline: 2px solid #55A4E1; background-color: #e9f0f9; box-sizing: border-box; } .ModalDialog.ToolboxDialog .ToolboxPanel .FileLoadingOverlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: black; opacity: .2; background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .ModalDialog.ToolboxDialog .ToolboxPanel .FileLoadingOverlay:not(.Loading) { display: none; } .ModalDialog.EditRole { } .ModalDialog.EditRole > * { width: 800px; } .ModalDialog.EditRole input[type=text] { width: 100%; } .ModalDialog.EditRole div.ScopedPermissionContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-width: 1px; } .ModalDialog.EditRole div.ScopedPermissionContainer > * { -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; } .ModalDialog.EditRole div.ScopedPermissionContainer select { flex-basis: 40%; } .ModalDialog.EditRole div.ScopedPermissionContainer > div { flex-basis: 60%; } .ModalDialog.EditRole div.ScopedPermissionContainer > div > div { margin-left: 10px; } .ModalDialog.EditRole .ScopedPermissionPanel { height: 460px; overflow: auto; margin-bottom: 0px; padding: 10px; } .ModalDialog.EditRole .ScopedPermissionPanel ul { margin-bottom: 5px; } .ModalDialog.EditRole div.ConfigurablePermissionContainer { } .ModalDialog.EditRole div.ConfigurablePermissionContainer ul { padding-left: 15px; } .ModalDialog.EditRole div.ConfigurablePermissionContainer li { list-style-type: none; } .ModalDialog.EditRole .DefinedOption { font-weight: bold; } .ModalDialog.EditRole .ScopeBox { border-width: 0px 1px 0px 0px; margin-left: 0px; overflow: auto; padding: 8px 0px 8px 0px; } .ModalDialog.EditRole .ScopeBox option { padding-top: 3px; padding-bottom: 3px; padding-bottom: 3px; padding-bottom: 3px; } .ModalDialog.EditRole .ScopeBox option:hover { background-color: #DDDDDD; } .ModalDialog.EditRole .ScopeBox option.GlobalGroup { padding-left: 10px; } .ModalDialog.EditRole .ScopeBox option.TypeGroup { padding-left: 30px; } .ModalDialog.EditRole .ScopeBox option.SpecificGroup { padding-left: 50px; } .ModalDialog.EditRole:not(.Expanded) .ReferenceContentPanel { display: none; } .ModalDialog.ChangeAuditLevel { } .ModalDialog.ChangeAuditLevel > * { width: 500px; } .ModalDialog.ChangeAuditLevel label { } .ModalDialog.ChangeAuditLevel label input { display: inline-block; } .ModalDialog.ChangeAuditLevel label h3 { font-weight: bold; padding: 4px; margin: 0; display: inline-block; } .ModalDialog.ChangeAuditLevel label p { padding-left: 25px; } .ModalDialog .ReferenceContentPanel { max-height: 450px; } .ModalDialog .CheckBoxContainer { margin-bottom: 5px; } .ModalDialog .CheckBoxContainer:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ModalDialog .CheckBoxContainer > * { float: left; width: 250px; } .ModalDialog.EditUser { } .ModalDialog.EditUser input { } .ModalDialog.EditUser input[type=text], .ModalDialog.EditUser input[type=password] { width: 100%; } .ModalDialog.EditUser > *, .ModalDialog.EditSessionGroup > * { width: 600px; } .ModalDialog.RemoveUserSource, .ModalDialog.DeleteRole, .ModalDialog.DeleteUser, .ModalDialog.DeleteAction, .ModalDialog.CloneRole, .ModalDialog.DeleteSessionGroup, .ModalDialog.MoveSessionGroup, .ModalDialog.EnableDisableUserSource, .ModalDialog.RevokeAccess { } .ModalDialog.RemoveUserSource > *, .ModalDialog.DeleteRole > *, .ModalDialog.DeleteUser > *, .ModalDialog.DeleteAction > *, .ModalDialog.CloneRole > *, .ModalDialog.DeleteSessionGroup > *, .ModalDialog.MoveSessionGroup > *, .ModalDialog.EnableDisableUserSource > *, .ModalDialog.RevokeAccess > * { width: 400px; } .ModalDialog.EditAction { } .ModalDialog.EditAction > * { width: 600px; } .ModalDialog.EditAction dt { width: 30%; } .ModalDialog.EditAction dd { width: 70%; } .ModalDialog.EditAction input[type=number] { width: 48px; padding-left: 5px; } .ModalDialog.EditAction input + label { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .ModalDialog.EditSchedule { } .ModalDialog.EditSchedule > * { width: 400px; } .ModalDialog.EditSchedule dt { width: 50%; } .ModalDialog.EditSchedule dd { width: 50%; } .ModalDialog.EditSchedule dd input { width: 48px; padding-left: 5px; } .ModalDialog.EndUninstallSession { } .ModalDialog.EndUninstallSession > * { width: 500px; } .ModalDialog.EndUninstallSession label { display: block; } .ModalDialog.EndUninstallSession label h4 { margin-bottom: 5px; } .ModalDialog.EndUninstallSession label p { font-size: 12px; padding-left: 20px; } .ShareMessage { margin-top: 20px; } .PopoutPanel { position: fixed; z-index: 1000; border-width: 1px; max-width: 350px; color: #444444; background-color: #EEEEEE; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .PopoutPanel.PopoutFromRightDown { transform-origin: 0 0; } .PopoutPanel.PopoutFromRightUp { transform-origin: 0 100%; } .PopoutPanel.PopoutFromDownLeft { transform-origin: 100% 0; } .PopoutPanel.PopoutFromUpRight { transform-origin: 0 100%; } .PopoutPanel.PopoutFromDownRight { transform-origin: 0 0; } .PopoutPanel.PopoutFromUpLeft { transform-origin: 100% 100%; } .PopoutPanel p { font-weight: 500; } .PopoutPanel div { padding: 2px 0px; } .PopoutPanel div:not(:last-child) { border-bottom-width: 1px; } .PopoutPanel a { } .PopoutPanel a img { display: none; } .PopoutPanel a span { margin-left: 0px; } .PopoutPanel a.TouchActive, .TouchDisabled .PopoutPanel a:not(.Disabled):hover { background-color: #B63C35; color: #EEEEEE; } .PopoutPanel hr { padding: 0px; margin: 4px 0px; } .PopoutPanel a.Overflow, .PopoutPanel.Overflow a.NeverOverflow, .PopoutPanel.Overflow a.SometimesOverflow { display: none; } .PopoutPanel > *, .PopoutPanel > div > * { display: block; margin: 0px; padding: 8px 48px 8px 16px; font-size: 14px; line-height: 1.5em; text-decoration: none; } .PopoutPanel.EventTypesPopout { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 400px; width: 400px; padding: 8px 16px; } .PopoutPanel.EventTypesPopout > label { padding: 4px 0; } .PopoutPanel.EventTypesPopout > label.SelectAll { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; } .PopoutPanel.EventTypesPopout > label.EventTypesLabel { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .PopoutPanel.ConfirmationDialog { } .PopoutPanel.ConfirmationDialog .ButtonPanel { background-color: #FFFFFF; padding: 15px; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .PopoutPanel.ConfirmationDialog .ButtonPanel:after { content: ''; display: block; height: 0; clear: both; } .PopoutPanel.ConfirmationDialog .ButtonPanel input { padding: 8px 16px; background-color: #FFFFFF; color: #424243; font-weight: 600; text-transform: uppercase; } .PopoutPanel.ConfirmationDialog .ButtonPanel input:hover { color: ; } .EntryHistoryPanel { } .EntryHistoryPanel > * { position: absolute; margin: 0px; } .EntryHistoryPanel .EntryPanel { left: 0px; right: 0px; bottom: 0px; height: 50px; border-top-width: 1px; } .EntryHistoryPanel .EntryPanel * { position: absolute; margin: 0px; } .EntryHistoryPanel .EntryPanel div { top: 0px; bottom: 0px; left: 0px; right: 120px; } .EntryHistoryPanel .EntryPanel textarea { width: 100%; height: 100%; border-width: 0px; padding: 5px; resize: none; background: #FFFFFF; } .EntryHistoryPanel .EntryPanel input[type=button] { top: 0px; bottom: 0px; right: 0px; width: 120px; margin: 0px; border-width: 0px; border-left-width: 1px; font-size: 12px; border-radius: 0px; } .EntryHistoryPanel:not(.Empty) .HistoryPanel .EmptyPanel { display: none; } .EntryHistoryPanel .HistoryPanel { top: 0px; left: 0px; right: 0px; bottom: 50px; margin: 0px; padding: 5px; overflow: auto; -webkit-overflow-scrolling: touch; } .EntryHistoryPanel .HistoryPanel .EmptyPanel { text-align: center; } .EntryHistoryPanel .HistoryPanel .EmptyPanel > * { margin: 6%; } .EntryHistoryPanel .HistoryPanel .EmptyPanel img { width: 96px; opacity: 0.7; } .EntryHistoryPanel .HistoryPanel .EmptyPanel h4 { font-size: 22px; } .EntryHistoryPanel .HistoryPanel .EmptyPanel p { opacity: 0.6; } .EntryHistoryPanel .HistoryPanel .ListPanel { } .EntryHistoryPanel .HistoryPanel .ListPanel > div { position: relative; } .EntryHistoryPanel .HistoryPanel .ListPanel > div > * { margin: 0px 10px 5px 10px; } .EntryHistoryPanel .HistoryPanel .ListPanel .Who, .EntryHistoryPanel .HistoryPanel .ListPanel .Time, .EntryHistoryPanel .HistoryPanel .ListPanel a { font-size: 12px; } .EntryHistoryPanel .HistoryPanel .ListPanel .Who { float: left; } .EntryHistoryPanel .HistoryPanel .ListPanel .Time, .EntryHistoryPanel .HistoryPanel .ListPanel a { float: right; } .EntryHistoryPanel .HistoryPanel .ListPanel .Data { clear: both; border-radius: 10px; padding: 10px; background-color: #DDDDDD; overflow: auto; -webkit-overflow-scrolling: touch; white-space: pre-wrap; } .EntryHistoryPanel .HistoryPanel .ListPanel .Data.Commands, .Commands .EntryHistoryPanel .HistoryPanel .ListPanel .Data { font-size: 11px; font-family: monospace; white-space: pre; } .InvitationPanel { overflow: hidden; } .InvitationTabList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; margin-bottom: 0px; border-bottom-width: 1px; } .InvitationTabList > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style: italic; } .InvitationTabList a { text-decoration: none; padding: 8px; color: #444444; margin-bottom: -1px; } .InvitationTabList a:hover { color: #424243; } .InvitationTabList a.Selected { font-weight: 500; padding: 8px 8px 5px 8px; border-width: 0 0 3px 0; border-color: #424243; color: #424243; } .InvitationTabContent { background-color: #FFFFFF; border-width: 0px 1px 1px 1px; padding: 25px 6%; min-height: 170px; } .InvitationTabContent dd { margin-bottom: 0; } .InvitationTabContent > div:not(.Selected) { display: none; } .InvitationTabContent button, .InvitationTabContent input[type=button] { padding: 8px 16px; background-color: #FFFFFF; color: #424243; font-weight: 600; text-transform: uppercase; } .InvitationTabContent .CodeTab { } .InvitationTabContent .CodeTab * { margin-bottom: 8px; } .InvitationTabContent .CodeTab p { text-align: left; } .InvitationTabContent .CodeTab h3 { font-weight: bold; text-align: center; word-break: break-word; } .InvitationTabContent .CodeTab .MoreOptionsButton { height: 24px; width: 34px; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3ZDdkN2Q7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDI0YTQsNCwwLDEsMS00LTRBNCw0LDAsMCwxLDE2LDI0Wm04LTRhNCw0LDAsMSwwLDQsNEE0LDQsMCwwLDAsMjQsMjBabTEyLDBhNCw0LDAsMSwwLDQsNEE0LDQsMCwwLDAsMzYsMjBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PC9nPjwvc3ZnPg==) no-repeat; background-size: 24px 24px; background-position: center; float: right; } .InvitationTabContent .CodeTab .MoreOptionsButton:hover { filter: brightness(0.6); -webkit-filter: brightness(0.6); -moz-filter: brightness(0.6); -o-filter: brightness(0.6); -ms-filter: brightness(0.6); } .InvitationTabContent .CodeTab input { text-align: center; font-size: 16px; font-weight: bold; } .InvitationTabContent .CodeTab .EditInvitationCodeBox { display: block; } .InvitationTabContent .CodeTab .PublicSessionNameBox { display: none; border-bottom: 0px; pointer-events: none; } .InvitationTabContent .CodeTab.PublicSession { } .InvitationTabContent .CodeTab.PublicSession .EditInvitationCodeBox { display: none; } .InvitationTabContent .CodeTab.PublicSession .PublicSessionNameBox { display: block; } .InvitationTabContent .CodeTab.PublicSession .PublicSessionNameBox:disabled { background-image: none; } .JoinInfoPanel { } .JoinInfoPanel h3 { padding: 2px 0px 8px 32px; margin-bottom: 0px; text-align: left; } .JoinInfoPanel p { color: #7d7d7d; font-style: italic; text-align: left; } .JoinInfoPanel > * { background-size: 24px 24px; background-repeat: no-repeat; margin-bottom: 15px; } .JoinInfoPanel.NoGuest .GuestJoinedPanel, .JoinInfoPanel:not(.NoGuest) .NoGuestJoinedPanel { display: none; } .JoinInfoPanel .NoGuestJoinedPanel { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iNzAzMDNhN2YtMDYzNC00MzEyLTkxZDMtMThmOTg5M2UzOTZlIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmMxODg1MTdiLTFiZjktNDE0MC1hN2IzLWNkNGMwZDZkZGYxMntmaWxsOm5vbmU7fS5kNDk2NTliZC0yODM3LTRhNmUtYjdiYy01YjU1YWM3MmFjY2V7ZmlsbDojN2Q3ZDdkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9IjZiZTMyZmViLTIwZDUtNGVmYi1iZTFkLWI0YTdhYzU3NDA0ZCIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iYzE4ODUxN2ItMWJmOS00MTQwLWE3YjMtY2Q0YzBkNmRkZjEyIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PHBhdGggY2xhc3M9ImQ0OTY1OWJkLTI4MzctNGE2ZS1iN2JjLTViNTVhYzcyYWNjZSIgZD0iTTM1LjQsMTcuNEEyLDIsMCwwLDAsMzYsMTZWNmEyLDIsMCwwLDAtMi0ySDE0YTIsMiwwLDAsMC0yLDJWMTZhMiwyLDAsMCwwLC42LDEuNEwxOS4yLDI0bC02LjYsNi42QTIsMiwwLDAsMCwxMiwzMlY0MmEyLDIsMCwwLDAsMiwySDM0YTIsMiwwLDAsMCwyLTJWMzJhMiwyLDAsMCwwLS42LTEuNEwyOC44LDI0Wk0zMiw4djdIMTZWOFptMCwyNC44VjQwSDE2VjMyLjhsNi02LDItMiwyLDJaIi8+PC9nPjwvc3ZnPg==); } .JoinInfoPanel .GuestJoinedPanel { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjcwMzQyY2QtYjA1ZC00YzA0LWE0ZDktMDA3YmNmMzcwNmEyIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LlwzOSBmZWJiMDEyLTgyM2YtNGZhNy04NWRiLWJjNWJlNDU1NDVjOHtmaWxsOm5vbmU7fS5cMzcgN2IzZjZlZS04N2NjLTRjMWYtYWE0Zi1jNWIxZTI3YTAxZDN7ZmlsbDojN2Q3ZDdkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9ImU1ZjM3NDdiLTEwYjMtNGM2Zi04MGM2LWYxZTk2NDU4MGExMyIgZGF0YS1uYW1lPSJBcnR3b3JrIj48cmVjdCBjbGFzcz0iOWZlYmIwMTItODIzZi00ZmE3LTg1ZGItYmM1YmU0NTU0NWM4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48cGF0aCBjbGFzcz0iNzdiM2Y2ZWUtODdjYy00YzFmLWFhNGYtYzViMWUyN2EwMWQzIiBkPSJNNi42LDIzLjZhMS45LDEuOSwwLDAsMSwyLjgsMEwxOCwzMi4yLDM4LjYsMTEuNmEyLDIsMCwxLDEsMi44LDIuOGwtMjIsMjJhMS45LDEuOSwwLDAsMS0yLjgsMGwtMTAtMTBBMS45LDEuOSwwLDAsMSw2LjYsMjMuNloiLz48L2c+PC9zdmc+); } a.GoLink { text-decoration: none; font-family: "Arial Unicode MS"; } a.GoLink:before { content: "➲"; } a.GoLink.Small { font-size: 26px; line-height: 20px; } a.GoLink.Medium { font-size: 45px; line-height: 30px; } a.GoLink.Large { font-size: 70px; line-height: 40px; } .ButtonCell { text-align: center; } .ButtonCell a { display: inline-block; font-weight: bold; font-size: 18px; text-decoration: none; margin-left: 5px; } .ButtonCell a + a { margin-left: 5px; } .ButtonPanel { } .ButtonPanel > * { float: right; } .ButtonPanel p span + select { margin-left: 8px; } .ButtonPanel > p, .ButtonPanel > span { margin: 6px 12px; } .ButtonPanel > a { float: left; margin: 5px; } .QueryResultPanel { } .QueryResultPanel:not(.Empty) > p { display: none; } .AdministrationPanel { width: 100%; height: 100%; } .AdministrationPanel.Loading:after { position: absolute; width: 100%; height: 100%; content: ""; background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .AdministrationPanel dt h3 { margin-bottom: 0px; font-weight: bold; } .AdministrationPanel > div { position: absolute; width: 100%; margin: 0px; } .AdministrationPanel > dl, .AdministrationPanel > div > dl, .AdministrationPanel > div > div > dl { max-width: 800px; } .AdministrationPanel > dl > dd, .AdministrationPanel > div > dl > dd, .AdministrationPanel > div > div > dl > dd { margin-bottom: 25px; } .AdministrationPanel .EditPanel { top: 0px; bottom: 294px; padding: 10px; overflow: auto; -webkit-overflow-scrolling: touch; } .AdministrationPanel:not(.Extra) .EditPanel { bottom: 44px; } .AdministrationPanel:not(.SaveAvailable):not(.ExtraAvailable) .EditPanel { bottom: 0px; } .AdministrationPanel .ExtraPanel { bottom: 44px; height: 250px; border-top-width: 1px; overflow: auto; -webkit-overflow-scrolling: touch; } .AdministrationPanel .ExtraPanel iframe { height: 100%; } .AdministrationPanel .ExtraPanel p { margin: 20px; } .AdministrationPanel:not(.Extra) .ExtraPanel { display: none; } .AdministrationPanel .ButtonPanel { bottom: 0px; height: 44px; padding: 5px; border-top-width: 1px; background-color: #EEEEEE; } .AdministrationPanel:not(.SaveAvailable):not(.ExtraAvailable) .ButtonPanel { display: none; } .AdministrationPanel .CommandList { float: right; } .SessionEventTriggerPanel { } .SessionEventTriggerPanel table { width: 100%; } .SessionEventTriggerPanel table dl { margin-bottom: 0px; } .SessionEventTriggerPanel table dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .SessionEventTriggerPanel table dt { float: left; clear: left; text-align: right; margin-bottom: 10px; width: 18%; } .SessionEventTriggerPanel table dd { float: left; margin-bottom: 10px; padding-left: 5px; width: 82%; } .SessionEventTriggerPanel table dt, .SessionEventTriggerPanel table dd { margin-bottom: 5px; } .SessionEventTriggerPanel table input[type=text] { width: 100%; } .ExtensionsPanel { } .ExtensionsPanel dd:not(.Empty) .EmptyPanel { display: none; } .ExtensionsPanel .ExtensionPanel { border-width: 1px; background-color: #EEEEEE; } .ExtensionsPanel .ExtensionPanel:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ExtensionsPanel .ExtensionPanel p { opacity: 0.6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ExtensionsPanel .ExtensionPanel p:last-child { margin-bottom: 10px; } .ExtensionsPanel .ExtensionPanel p span { display: inline-block; margin-right: 40px; } .ExtensionsPanel .ExtensionPanel h3, .ExtensionsPanel .ExtensionPanel p { margin: 10px 10px 0px 0px; } .ExtensionsPanel .ExtensionPanel img { float: left; width: 200px; height: 125px; margin: 5px; margin-right: 10px; background-color: #DDDDDD; } .ExtensionsPanel .ExtensionPanel.LoadError, .ExtensionsPanel .ExtensionPanel.IncorrectVersion, .ExtensionsPanel .ExtensionPanel.Disabled { } .ExtensionsPanel .ExtensionPanel.LoadError img, .ExtensionsPanel .ExtensionPanel.IncorrectVersion img, .ExtensionsPanel .ExtensionPanel.Disabled img { opacity: 0.3; } .ExtensionsPanel .ExtensionPanel .CommandPanel { float: right; margin: 0px; } p.CommandList a { display: inline-block; margin-left: 10px; } .CommandPanel { } .CommandPanel a { display: inline-block; padding: 4px 16px; text-decoration: none; font-size: 15px; line-height: 22px; } .CommandPanel > a { } .CommandPanel > a.TouchActive, .CommandPanel > a:hover { background-color: rgba(0, 0, 0, 0.1); } .CommandPanel > a.AlwaysOverflow { display: none; } .GuestPage .OuterPanel .ContentPanel, .OuterPanel .ContentPanel.Authentication { background-image: url(data:;base64,); background-position: center; background-size: cover; padding: 60px 0px; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .GuestPage .OuterPanel .ContentPanel > div, .ContentPanel.Authentication > div:first-child { margin: auto; background-color: #FFF; color: #FFF; } .GuestPage .OuterPanel .ContentPanel > div { max-width: 95%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; } .GuestPage .OuterPanel .ContentPanel > div > div { padding: 15px 15px 0px 15px; margin: 0px; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex: 0 0 auto; flex-shrink: 0; flex-grow: 0; width: 280px; } .GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel { } .GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel h2 { font-family: "MV Boli", "Noteworthy"; font-size: 44px; margin-bottom: 10px; line-height: 1em; } .GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel p { font-size: 15px; max-height: 257px; overflow: auto; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div { display: inline-block; background-color: rgba(255, 255, 255, 1.0); padding: 10px; width: 100%; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div .Loading { background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > * { margin: 0px; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > p { } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > p:empty { display: none; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > p > * { vertical-align: bottom; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > a { float: right; margin-top: 4px; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 { font-size: 20px; color: #424243; line-height: 1.25em; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 > em { font-size: 32px; font-weight: bold; font-style: normal; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 ~ p { margin-top: 8px; color: #444444; } .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel input[type="text"], .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel input[type="search"], .GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel select { font-size: 30px; width: 180px; color: #444444; } .SecondaryButton { background-color: #f9f9f9; border-radius: 3px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #666; font-size: 14px; padding: 4px 12px; text-decoration: none; text-shadow: 0px 1px 0px #FFF; margin: 5px; } .SecondaryButton:disabled { color: #CCC; cursor: default; } .SecurityPanel { } .SecurityPanel table { width: 100%; } .SecurityPanel textarea { width: 100%; height: 200px; resize: vertical; max-height: 550px; } .SecurityPanel .UserSourcesPanel { } .SecurityPanel .UserSourcesPanel > div { background-color: #EEEEEE; border-width: 1px; } .SecurityPanel .UserSourcesPanel > div.ReadOnly .UserTablePanel, .SecurityPanel .UserSourcesPanel > div:not(.ReadOnly) .UserLookupPanel, .SecurityPanel .UserSourcesPanel > div:not(.Expanded) .HideButton, .SecurityPanel .UserSourcesPanel > div.Expanded .ShowButton, .SecurityPanel .UserSourcesPanel > div.External .UserLookupPanel, .SecurityPanel .UserSourcesPanel > div.External .UserTablePanel, .SecurityPanel .UserSourcesPanel > div.External .UserTableButton, .SecurityPanel .UserSourcesPanel > div.External .UserLookupButton, .SecurityPanel .UserSourcesPanel > div.ReadOnly .UserTableButton, .SecurityPanel .UserSourcesPanel > div:not(.ReadOnly) .UserLookupButton { display: none; } .SecurityPanel .UserSourcesPanel > div .UserSourceDetailPanel { max-height: 600px; opacity: 1; transition-property: max-height, opacity; transition-duration: 0.45s; } .SecurityPanel .UserSourcesPanel > div:not(.Expanded) .UserSourceDetailPanel { max-height: 0; opacity: 0; overflow: hidden; } .SecurityPanel .UserSourcesPanel .UserTablePanel { max-height: 550px; overflow: auto; } .SecurityPanel .UserSourcesPanel .CommandPanel, .SecurityPanel .UserSourcesPanel h4 { float: right; } .SecurityPanel .UserSourcesPanel .UserSourceTopPanel { margin: 0px; padding: 15px 15px 0px 15px; } .SecurityPanel .UserSourcesPanel .UserSourceTopPanel p { opacity: 0.6; } .SecurityPanel .UserSourcesPanel .UserSourceBottomPanel { padding: 15px 15px 0px 15px; } .SecurityPanel .UserSourcesPanel .UserSourceBottomPanel > p { text-align: center; } .SecurityPanel .DataTable td:not(.ActionCell) { max-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .SessionGroupsSyntaxHelperButton:after { display: none; content: 'rightDown'; } .SessionGroupsSyntaxHelperPanel { max-height: 400px; overflow: auto; max-width: 400px; } .SessionGroupsSyntaxHelperPanel > * { padding: 4px 8px 4px 8px; } .SessionGroupsSyntaxHelperPanel p { padding-top: 8px; font-weight: bold; } .SessionGroupsSyntaxHelperPanel a { font-size: 13px; } .SessionGroupsSyntaxHelperPanel a span { padding-right: 20px; } .SessionGroupsSyntaxHelperPanel a img { display: block; float: right; width: 20px; height: 20px; } .SessionGroupsSyntaxHelperPanel a:hover img { -webkit-filter: contrast(200%) invert(100%); filter: contrast(200%) invert(100%); } @media (max-width: 1100px) { .MainDetailHeaderPanel .CommandPanel a span { display: none; } } @media (max-width: 930px) { .OuterPanel { } .OuterPanel .MasterPanel { width: 35%; } .OuterPanel .DetailPanel { left: 35%; } .OuterPanel .MainPanel.HideDetailPanel { } .OuterPanel .MainPanel.HideDetailPanel .SubDetailPanel { transform: translateY(100%); transition: transform 0.30s; } .OuterPanel .MainPanel.HideDetailPanel .MainDetailPanel { bottom: 0%; will-change: bottom; } .OuterPanel .MainDetailPanel { bottom: 70%; will-change: bottom; } .OuterPanel .MainDetailPanel, .OuterPanel .MainDetailHeaderPanel { left: 35%; right: 0px; } .OuterPanel .SubDetailHeaderPanel { display: none; } .OuterPanel .SubDetailPanel { transform: translateY(0); transition: transform 0.30s; left: 35%; right: 0px; top: 30%; width: auto; border-top-width: 1px; border-left-width: 0px; } .OuterPanel .SubDetailPanel .HideDetailPanelButton { display: inherit; } .OuterPanel .MasterPanel .Instruction { display: none; } .GuestPage .OuterPanel .ContentPanel { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .GuestPage .OuterPanel .ContentPanel > div { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .SubDetailPanel .DetailTabList { width: 90%; margin-left: 0; } } @media (max-width: 520px) { dd { padding-left: 0; } .PopoutPanel { } .PopoutPanel > *, .PopoutPanel > div > * { padding-right: 32px; } .GuestPage:not(.UserAuthenticated) { } .GuestPage:not(.UserAuthenticated) .ShowMenuButton, .GuestPage:not(.UserAuthenticated).ShowMenu .OuterPanel::before { display: none; } .EntryHistoryPanel .HistoryPanel .EmptyPanel { } .EntryHistoryPanel .HistoryPanel .EmptyPanel img { width: 75px; } .EntryHistoryPanel .HistoryPanel .EmptyPanel h4 { font-size: 18px; } .EntryHistoryPanel .HistoryPanel .EmptyPanel > * { margin: 2%; } .SubDetailPanel .Start dl dd { padding-left: 5px; } .UserAuthenticated .MainPanel { left: 0; } .OuterPanel { } .OuterPanel #detailTitleHeading { display: block; } .OuterPanel .MasterPanel { transform: translateX(-100%); transition: transform 0.45s; } .OuterPanel .DetailPanel, .OuterPanel .MainPanel .SubDetailPanel, .OuterPanel .MainPanel .MainDetailPanel { left: 0; } .OuterPanel .MainDetailHeaderPanel { left: 88px; } .OuterPanel .MainDetailHeaderPanel h2 { display: none; } .OuterPanel .NavigationPanel { width: 0px; } .OuterPanel .SubDetailPanel .DetailTabList { width: 90%; } .OuterPanel .HeaderPanel { } .OuterPanel .HeaderPanel .LogoIconLink { display: none; } .LoginPage .OuterPanel .HeaderPanel .LogoIconLink, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink { display: block; } .OuterPanel .HeaderPanel .LogoPanel { background-image: none; } .OuterPanel .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram { width: 40%; } .ShowMenu { } .ShowMenu .ShowMenuButton { width: 0px; } .ShowMenu .ShowMenuButton::after { left: 88px; position: fixed; top: 0; bottom: 0; right: 0; content: ''; background-color: rgba(0, 0, 0, 0.1); z-index: 99; } .ShowMenu .OuterPanel { } .ShowMenu .OuterPanel::before { position: absolute; top: 0; bottom: 0; right: 0; left: 88px; content: ''; background-color: rgba(0, 0, 0, 0.35); z-index: 99; } .ShowMenu .OuterPanel .HeaderPanel .LogoIconLink { display: block; } .ShowMenu .NavigationPanel { width: 88px; z-index: 100; } .ShowMenu .MasterPanel { width: 60%; z-index: 100; transform: translateX(0); left: 88px; transition: transform 0.45s ease; } .ShowMenuButton { width: 88px; height: 55px; background-origin: content-box; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQwLDE2SDhhMiwyLDAsMCwxLDAtNEg0MGEyLDIsMCwwLDEsMCw0Wm0yLDhhMiwyLDAsMCwwLTItMkg4YTIsMiwwLDAsMCwwLDRINDBBMiwyLDAsMCwwLDQyLDI0Wm0wLDEwYTIsMiwwLDAsMC0yLTJIOGEyLDIsMCwwLDAsMCw0SDQwQTIsMiwwLDAsMCw0MiwzNFoiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjwvZz48L3N2Zz4=) no-repeat; background-size: 32px 32px; background-position: center; } .LoginPage .ShowMenuButton { display: none; } .ModalDialog { } .ModalDialog .TitlePanel { } .ModalDialog .TitlePanel h2 { margin: 15px 0px 15px 15px; font-size: 20px; } .ModalDialog .TitlePanel a { padding: 20px; } .ModalDialog .ContentPanel { padding: 15px 20px 0px 20px; } .ModalDialog .ContentPanel dd { text-align: left; width: 100%; margin-bottom: 15px; padding: 0px; } .ModalDialog .ContentPanel dt { text-align: left; width: 100%; font-size: 14px; font-weight: bold; opacity: 1; color: #7d7d7d; margin-bottom: 8px; } .ModalDialog .ButtonPanel { padding: 5px; } .ModalDialog .ButtonPanel * { font-size: 15px; } .ModalDialog .ButtonPanel input { padding: 8px 8px; } .ModalDialog.EditRole div.ScopedPermissionContainer { flex-direction: column; } .ModalDialog.EditRole div.ScopedPermissionContainer .ScopeBox { padding: 0px; } .ModalDialog.EditRole div.ScopedPermissionContainer select { min-height: 100px; border-right-width: 0px; border-bottom-width: 1px; } .ModalDialog.EditRole div.ScopedPermissionContainer > div { min-height: 300px; } .ModalDialog.EditRole div.ScopedPermissionContainer > div * { margin-left: 0px; padding-left: 0px; } } @media (max-width: 350px) { .ExtensionsPanel .ExtensionPanel { padding: 5px; } .ExtensionsPanel .ExtensionPanel img { width: 100%; height: 100%; margin: 0; margin-bottom: 5px; background-color: #DDDDDD; } table.DataTable td.ActionCell { white-space: normal; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table > tbody > tr > td.StatusDiagram { width: 25%; } } @media (max-width: 915px) { div.StatusTestPanel .Content { } div.StatusTestPanel .Content dl { padding: 10px; } div.StatusTestPanel .Content dt { width: 100%; text-align: left; margin: 0px; } div.StatusTestPanel .Content dd { width: 100%; } div.StatusTestPanel .Content > p { padding: 5px; } } @media (max-height: 400px) { .OuterPanel .MasterPanel .Instruction { display: none; } } @media (max-height: 500px) { .HostPage .InfoPanel { display: none; } .NavigationPanel { } .NavigationPanel img, .NavigationPanel span { } .NavigationPanel img + span, .NavigationPanel span + span { display: none; } } @media only screen and (max-width: 360px) { .ContentPanel.Authentication > div { left: 6%; margin-right: 6%; width: 88%; margin-left: 6%; padding-left: 6%; padding-right: 6%; } } html:not(.AnimationReduced) { } html:not(.AnimationReduced) *[animation="NewSessionSlideInHighlight"] { animation: NewSessionHighlight 1s ease-in-out, SlideInLeftFar 0.5s ease-in-out; } html:not(.AnimationReduced) *[animation="PopoutScaleUp"] { -webkit-animation-name: PopoutScaleUp; -webkit-animation-duration: ; animation-name: PopoutScaleUp; animation-duration: ; animation-timing-function: ease; } html:not(.AnimationReduced) body[SessionGroupListBeginLoading] { } html:not(.AnimationReduced) body[SessionGroupListBeginLoading] .MasterPanel > :not(ul) { animation: SlideInLeft 0.30s ease-in-out, FadeIn 0.30s ease-in-out; } html:not(.AnimationReduced) body[SessionGroupListEndLoading] { } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .MasterPanel > ul { animation: SlideInLeft 0.30s ease-in-out, FadeIn 0.30s ease-in-out; } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .MainDetailPanel { } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .MainDetailPanel .DetailTableContainer > * { animation: SlideInLeft 0.30s ease-in-out; } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .MainDetailPanel .EmptyPanel img { animation: Shake 0.45s ease-in-out; } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel > div { animation: SlideInLeftFar 0.45s ease-in-out; } html:not(.AnimationReduced) body[SessionListBeginLoading] { } html:not(.AnimationReduced) body[SessionListEndLoading] { } html:not(.AnimationReduced) body[SessionListEndLoading] .MainDetailPanel { } html:not(.AnimationReduced) body[SessionListEndLoading] .MainDetailPanel .DetailTableContainer > * { animation: SlideInLeft 0.30s ease-in-out; } html:not(.AnimationReduced) body[SessionListEndLoading] .MainDetailPanel .EmptyPanel img { animation: Shake 0.30s ease-in-out; } html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel > div { animation: SlideInLeftFar 0.45s ease-in-out; } html:not(.AnimationReduced) body[SessionDetailsBeginLoading] { } html:not(.AnimationReduced) body[SessionGroupListEndLoading], html:not(.AnimationReduced) body[SessionListEndLoading], html:not(.AnimationReduced) body[SessionDetailsEndLoading] { } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel { } html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel dd, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .EditInvitationCodeBox, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel text, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .ListPanel, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .JoinInfoPanel, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .ScreenshotPanel, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .EntryPanel, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .EmptyPanel, html:not(.AnimationReduced) body[SessionGroupListEndLoading] .SubDetailPanel .PositionedPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel dd, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .EditInvitationCodeBox, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel text, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .ListPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .JoinInfoPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .ScreenshotPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .EntryPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .EmptyPanel, html:not(.AnimationReduced) body[SessionListEndLoading] .SubDetailPanel .PositionedPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel dd, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .EditInvitationCodeBox, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel text, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .ListPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .JoinInfoPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .ScreenshotPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .EntryPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .EmptyPanel, html:not(.AnimationReduced) body[SessionDetailsEndLoading] .SubDetailPanel .PositionedPanel { animation: FadeIn 0.15s ease-in-out; } @keyframes NewSessionHighlight { 0% { opacity: 0; } 50% { opacity: 1; } 85% { opacity: 0.7; } } @keyframes ModalSlideIn { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0px); opacity: 1; } } @keyframes ModalSlideOut { from { transform: translateY(0px); opacity: 1; } to { transform: translateY(-50px); opacity: 0; visibility: hidden; } } @keyframes PopoutScaleUp { from { transform: scale(0); } to { transform: scale(1); } } @keyframes SlideInLeft { 0% { transform: translateX(-30px); } 100% { transform: translateX(0); } } @keyframes SlideInLeftFar { 0% { transform: translateX(-45px); } 100% { transform: translateX(0px); } } @keyframes FadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes Shake { 0% { transform: rotate(-5deg); } 80% { transform: rotate(4deg); } 95% { transform: rotate(-2deg); } 100% { transform: rotate(0); } } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr:nth-child(odd) { background-color: #FFFFFF; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr:nth-child(even) { background-color: #FFFFFF; } .OuterPanel .HeaderPanel, .OuterPanel .NavigationPanel { display: none; } .OuterPanel .MainPanel { top: 0px; left: 0px; } .GlobalBar { visibility: hidden; }