@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: #FFF; background-color: #333; -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: #FFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea:focus { outline: 2px solid #2B7BAF; outline-offset: -2px; } textarea:disabled { border-style: dotted; color: #FFF; } select { border-bottom-width: 1px; background-color: transparent; color: #FFF; } select:focus { border-bottom: 2px #2B7BAF solid; margin-bottom: -1px; outline: none; } option { color: #444; } 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: #1E6089; color: #FFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=submit]:hover, input[type=button]:hover { background-color: #005577; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } 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: #FFF; 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: #2B7BAF; outline: none; } input[disabled] { cursor: default; border-bottom-width: 0px; background-color: #333; background-image: linear-gradient(to right, #777 25%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 4px 2px; background-repeat: repeat-x; } iframe { display: block; width: 100%; background-color: #FFF; } * { -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: #777; } svg { overflow: hidden; } a { } a:link, a:visited { color: #2B7BAF; } a:link.Disabled, a:visited.Disabled { color: #777; background-color: inherit !important; } a:hover { color: #267099; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } 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 #666; color: #666; } dfn:hover { background-color: #666; color: #333; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .Disabled { cursor: default; } @-ms-viewport { height: device-height; width: device-width; } _::-webkit-full-page-media, _:future, :root div.Host, :root div.Guest { -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .HiddenPanel { display: none; } .Loading .LoadingContent, .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: #555; 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; } *[data-tooltip]:hover { } *[data-tooltip]:hover:before, *[data-tooltip]:hover:after { opacity: 1; visibility: visible; transition: opacity 0.1s ease-in-out 0.15s; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } *[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 #666 transparent; } *[data-tooltip]:after { content: attr(data-tooltip); top: 35px; width: 150px; margin: 0px 0px 0px -85px; border-radius: 5px; background-color: #666; color: #FFF; 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: #777; border-bottom-width: 1px; margin-bottom: 0px; } .ContentPanel.Authentication .AnimatedLabel { color: #999; position: absolute; font-size: 16px; pointer-events: none; left: 0px; top: 2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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; } .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: #2B7BAF; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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-top: 10px; padding-bottom: 10px; } .LoginPage .ContentPanel.Authentication > div { width: 330px; } .ChangePasswordPage .ContentPanel.Authentication > div { width: 380px; } .ContentPanel.Authentication .ExternalLoginPanel { margin-top: 40px; } .ContentPanel.SetupWizard { width: 680px; } 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; } .Wizard { width: 100%; } .Wizard .WizardSideBar { width: 88px; vertical-align: top; padding: 10px; background-color: #444; } .Wizard .WizardNavigation { padding-top: 20px; padding-right: 150px; } .Wizard .WizardStep { padding-left: 10px; } .Wizard dt { width: 150px; } .Wizard dd { width: 300px; } .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 .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: #555; } .AppearanceList .ResourcePanel .DataTable .StringResource td div { max-height: 100px; overflow: auto; -webkit-overflow-scrolling: touch; } .AppearanceList .ResourcePanel .DataTable .ImageResource td.Overridden div { background-color: #444; } .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: #444; } .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+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQxLjUsMTQuN2ExLjksMS45LDAsMCwxLDAsMi44bC0xNiwxNmExLjksMS45LDAsMCwxLTIuOCwwbC0xNi0xNmExLjksMS45LDAsMCwxLDAtMi44LDEuOSwxLjksMCwwLDEsMi44LDBMMjQuMSwyOS4zLDM4LjcsMTQuN0ExLjksMS45LDAsMCwxLDQxLjUsMTQuN1oiLz48L2c+PC9zdmc+); } 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+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYuNSwzMy4zYTEuOSwxLjksMCwwLDEsMC0yLjhsMTYtMTZhMS45LDEuOSwwLDAsMSwyLjgsMGwxNiwxNmExLjksMS45LDAsMCwxLDAsMi44LDEuOSwxLjksMCwwLDEtMi44LDBMMjMuOSwxOC43LDkuMywzMy4zQTEuOSwxLjksMCwwLDEsNi41LDMzLjNaIi8+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; } 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; width: 400px; } div.StatusTestPanel:not(.Expanded) .Content { display: none; } .ResultPanel { opacity: 0; } .Success { opacity: 1; color: #6C6; } .Failure { opacity: 1; color: #C66; } .HeaderPanel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 55px; background-color: #2B7BAF; color: #FFF; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .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,iVBORw0KGgoAAAANSUhEUgAAAF0AAABaCAMAAADtqqpJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAC8VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+uQeGaAAAA+nRSTlMAh3IYZqyRiQHiZcr5QLFCvypwj2/nbuiQKJPCx+rExZJf7XG+iB/MCibu7+ZrYQ3GDB7paiVjo47D7Gz+bRwnwGKNZGfJwcgL67ZoomCLz4rLXZSM+gNp/QgHXkyEGZchFPvR+AkFIBq4VVtP/LckBkmzoX8X1h2fvVRK9s0CBM7l4J7kFlJORrRc8A6BhvUS84MpmTnX2NLQOlbjoKtRqlO8RVc9ukhamnqVhZYi3/fV4ZvcM3iYULl1MTadG0ewSzxNNERBN0NYsoDTLH4T1K0QI3byc90V2q93nD+mpak4PruudNkRefSC8S0y23wue6c1WSuktag7phOFqAAACJFJREFUaN7t2XdcU9ceAPCfQmNkKBXBCIEErEqVYCiYBigWCNOIlT2VIQ5AFBkCFXEgIj597vHce7dqbbW2rlZt7R6ve4/X8fZe5693zu/mJJeYxNwY/3u/P/jc3Jx8P5dzz/3dc34HAMBzxbMBAZGmCLCKEXdEjBAhosjKyoqPjw8PDx83bvz4X9DY2BlvkAPGZ+S+hEbQH8IPnRt/u35959mzNTU+PgUF1dXVDcXFxY/RsP979u1jxcUNDdXVBQUFPj41NWc7O9ev31iA36oF3Y8e5lVFT3h/w4Z3qqo+6elp9fCYMXfu3KuTaLS1PcJiDIs5LMYIwU62tbXRFldp0xkeHh6tPT2fVFVt2PDT2sydZyhZYb72UHBvlFP9KbOe4mb9EaqfMutv4MHzi/bufeCeYv+lmQuYNIN2fZ5ZX4cHLW4YKdUPM2lug1jfBBDRA9Ca/+G92Q/5UqgRYBIdaUFmfTpAxYfsuPSY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); 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: #212121; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #FFF; overflow: auto; display: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .NavigationPanel > * { padding: 10px 0px; margin: 0px; flex-shrink: 1; min-height: 50px; } .NavigationPanel > *:first-child { margin-top: 5px; } .NavigationPanel a { margin-left: 4px; opacity: 0.75; text-decoration: none; color: inherit; } .NavigationPanel a:hover { opacity: 1; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .NavigationPanel a.Selected { opacity: 1; margin-left: 0px; border-left: 4px #2B7BAF solid; } .NavigationPanel div { cursor: pointer; } .NavigationPanel div:after { display: none; content: 'rightUp'; } .NavigationPanel div 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: #2B7BAF; color: #FFF; 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; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .MainDetailHeaderPanel { top: -55px; left: 25%; right: 30%; height: 55px; color: #FFF; font-size: 20px; line-height: 55px; } .MainDetailHeaderPanel h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 2%; } .MainDetailHeaderPanel .CommandPanel { float: right; margin-right: 5px; } .MainDetailHeaderPanel .CommandPanel a { vertical-align: top; padding: 0px 6px; line-height: 55px; color: inherit; } .MainDetailHeaderPanel .CommandPanel a:after { display: none; content: 'downLeft'; } .MainDetailHeaderPanel .CommandPanel a.Disabled * { opacity: 0.5; -webkit-filter: brightness(0.8); } .MainDetailHeaderPanel .CommandPanel a img { height: 24px; width: 24px; vertical-align: middle; } .MainDetailHeaderPanel .CommandPanel a span { font-size: 14px; } .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 .MainDetailPanel { top: 0px; left: 25%; right: 30%; bottom: 0px; } .OuterPanel .SubDetailHeaderPanel { top: -55px; right: 0px; width: 30%; height: 55px; color: #FFF; 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; } .OuterPanel .MasterPanel { top: -55px; bottom: 0px; width: 25%; background-color: #2E2E2E; color: #FFF; 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; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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: #2B7BAF; } .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); -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .OuterPanel .MasterPanel p.Ambient { font-size: 13px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 22px; } .OuterPanel .MasterPanel p.Ambient a { opacity: 0.75; color: inherit; text-decoration: none; } .OuterPanel .MasterPanel p.Ambient a.TouchActive, .TouchDisabled .OuterPanel .MasterPanel p.Ambient a:hover { opacity: 0.9; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .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 > a { display: block; color: inherit; text-decoration: none; padding: 8px 10%; } .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 #2B7BAF; 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; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .OuterPanel .MasterPanel ul li.Selected > *:first-child { opacity: 1 !important; font-weight: 600; border-left: 4px solid #2B7BAF; 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: 8%; } .OuterPanel .MasterPanel ul ul ul p { margin-left: 12%; } .OuterPanel .MasterPanel ul ul ul ul p { margin-left: 16%; } .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; } .SubDetailPanel { top: 0px; right: 0px; width: 30%; bottom: 0px; background-color: #444; border-left-width: 1px; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .SubDetailPanel > * { position: absolute; width: 100%; height: 100%; } .SubDetailPanel .HideDetailPanelButton { height: 38px; width: 38px; text-decoration: none; font-size: 24px; color: #FFF; padding: 4px 16px; position: absolute; right: 0%; display: none; } .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; } .SubDetailPanel .SingleSelectionPanel > * { position: relative; margin: 0px; } .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; } .SubDetailPanel .MultiSelectionPanel a { display: block; font-size: 15px; margin-bottom: 5px; } .SubDetailPanel .MultiSelectionPanel a span { margin: 0px; } .SubDetailPanel .MultiSelectionPanel a.Overflow, .SubDetailPanel .MultiSelectionPanel a.Disabled, .SubDetailPanel .MultiSelectionPanel a img { display: none; } .SubDetailPanel:not(.SingleSelection) .SingleSelectionPanel { display: none; } .SubDetailPanel:not(.MultiSelection) .MultiSelectionPanel { display: none; } .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; } .SubDetailPanel.Loading .DetailTabContent:after { content: ""; background-color: rgb(200, 200, 200); background-color: rgba(200, 200, 200, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .SubDetailPanel .DetailTabContent > *, .SubDetailPanel.Loading .DetailTabContent:after { position: absolute; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .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%; } .SubDetailPanel .DetailTabList::before, .SubDetailPanel .DetailTabList::after { content: ''; margin: auto; } .SubDetailPanel .DetailTabList a { position: relative; padding: 5px 1% 3px 1%; height: 100%; border-bottom-width: 3px; font-size: 11px; text-align: center; flex-basis: 50px; } .SubDetailPanel .DetailTabList a.TouchActive, .TouchDisabled .SubDetailPanel .DetailTabList a:hover { background-color: #555; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .SubDetailPanel .DetailTabList a.Selected { border-color: #2B7BAF; } .SubDetailPanel .DetailTabList a img { width: 24px; height: 24px; } .SubDetailPanel .DetailTabList a span { display: none; } .SubDetailPanel .DetailTabList a.Unacknowledged:before { display: inline-block; content: ''; border-radius: 3px; width: 0px; height: 0px; border: 3px solid #2B7BAF; margin: 5px; position: absolute; top: 0px; right: 0px; } .SubDetailPanel .Start { padding: 0 6%; } .SubDetailPanel .Start > * { margin: 15px 0px 30px 0px; } .SubDetailPanel .Start .ScreenshotPanel { margin-bottom: 30px; } .SubDetailPanel .Start .ScreenshotPanel div { position: relative; margin-bottom: 5px; text-align: center; max-height: 300px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .SubDetailPanel .Start .ScreenshotPanel img { border-width: 1px; margin: 0; max-width: 100%; } .SubDetailPanel .Start .ScreenshotPanel.Loading img { opacity: .25; } .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; } .SubDetailPanel .Start .ScreenshotPanel:not(.Loading) .QueuedGuestInfoActivityIndicator { display: none; } .SubDetailPanel .Start .ScreenshotPanel p { text-align: center; font-size: 12px; } .SubDetailPanel .Start > div > p a { display: inline-block; margin-left: 10px; } .SubDetailPanel .Start dl { } .SubDetailPanel .Start dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .SubDetailPanel .Start dl > * { margin-bottom: 12px; } .SubDetailPanel .Start dl dt { text-align: left; width: 100%; font-size: 14px; font-weight: bold; opacity: 1; color: #7d7d7d; margin-bottom: 8px; } .SubDetailPanel .Start dl dd { text-align: left; width: 100%; margin-bottom: 15px; padding: 0px; } .SubDetailPanel .Start .InvitationTabContent { } .SubDetailPanel .Start .InvitationTabContent dl { margin-bottom: 0px; } .SubDetailPanel .Start .InvitationTabContent dd { text-align: left; width: 100%; margin-bottom: 15px; padding: 0px; margin-bottom: 0px; } .SubDetailPanel .Start .InvitationTabContent dd button, .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; } .SubDetailPanel .Start .InvitationTabContent dt { text-align: left; width: 100%; font-size: 14px; font-weight: bold; opacity: 1; color: #7d7d7d; margin-bottom: 8px; } .SubDetailPanel .Start input { width: 100%; } .SubDetailPanel .Start .CodeTab input { font-size: 16px; } .SubDetailPanel .Start .EmailTab, .SubDetailPanel .Start .LinkTab { } .SubDetailPanel .Start .EmailTab dd div, .SubDetailPanel .Start .LinkTab dd div { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; margin-bottom: 4px; } .SubDetailPanel .Start .EmailTab input, .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; } .SubDetailPanel .Start .EditSessionPanel { margin-bottom: 25px; } .SubDetailPanel .Start .EditSessionPanel input { font-size: 16px; } .SubDetailPanel .Start .EditSessionPanel input:disabled { background-color: transparent; } .SubDetailPanel .Start .EditSessionPanel dt { margin-bottom: 8px; } .SubDetailPanel .Start .HelpPanel { border-width: 1px 0px; background-color: #664; padding: 15px; } .SubDetailPanel .Start .HelpPanel :last-child { margin: 0px; } .SubDetailPanel .General { padding: 0 6%; } .SubDetailPanel .General dl { margin-top: 15px; } .SubDetailPanel .General dl:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .SubDetailPanel .General dl > * { margin-bottom: 12px; } .SubDetailPanel .General dl dt { float: left; clear: left; text-align: right; margin-bottom: 10px; width: 40%; opacity: 0.6; } .SubDetailPanel .General dl dd { float: left; margin-bottom: 10px; width: 60%; } .SubDetailPanel .Timeline { } .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 \ }'; } .SubDetailPanel .Timeline .PositionedPanel { } .SubDetailPanel .Timeline .PositionedPanel text { fill: #FFF; } .SubDetailPanel .Timeline .PositionedPanel .Host { fill: #DCF; } .SubDetailPanel .Timeline .PositionedPanel .Guest { fill: #CDF; } .SubDetailPanel .Timeline .PositionedPanel .Event { fill: #F99; } .SubDetailPanel .Timeline .PositionedPanel .Overlay { fill: rgba(0, 0, 0, 0.3); } .SubDetailPanel .Timeline .TimeDivision { } .SubDetailPanel .Timeline .TimeDivision text { fill: #BBB; } .SubDetailPanel .Timeline .TimeDivision line { stroke: rgba(0, 0, 0, 0.1); } .HostPage { } .HostPage .InfoPanel { overflow: hidden; } .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); } .MainDetailPanel { 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; } .MainDetailPanel > * { margin-bottom: 0px; } .MainDetailPanel .DetailSelectionPanel { position: relative; -webkit-box-flex: 1; -webkit-flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-shrink: 1; flex-grow: 1; } .MainDetailPanel .DetailSelectionPanel * { margin: 0px; } .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel { height: 30px; border-bottom-width: 1px; } .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=); } .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel > a { display: inline-block; width: 28px; height: 100%; } .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel > a, .MainDetailPanel .DetailSelectionPanel td:first-child { background-repeat: no-repeat; background-size: auto 28px; background-position: 0px center; background-image: url(data:image/png;base64,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); } .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel.HalfChecked > a, .MainDetailPanel .DetailSelectionPanel tr.HalfChecked td:first-child { background-position: -28px center; } .MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel.Checked > a, .MainDetailPanel .DetailSelectionPanel tr.Checked td:first-child { background-position: -56px center; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer:not(.Empty) .EmptyPanel { display: none; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel { padding: 30px 20%; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel > * { margin-bottom: 15px; text-align: center; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel img { width: 150px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel h2 + p { opacity: 0.6; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table { width: 100.4%; border-collapse: collapse; table-layout: fixed; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table * { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr { border-bottom-width: 1px; border-color: #555; cursor: pointer; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.TouchActive, .TouchDisabled .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr:hover { background-color: #444; -webkit-transition: all 0.12s ease-in-out, background-color 0; -moz-transition: all 0.12s ease-in-out, background-color 0; -ms-transition: all 0.12s ease-in-out, background-color 0; -o-transition: all 0.12s ease-in-out, background-color 0; transition: all 0.12s ease-in-out, background-color 0; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.Selected { background-color: #555 !important; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.Unacknowledged .SessionInfoPanel h3:after { display: inline-block; content: ''; border-radius: 3px; width: 0px; height: 0px; border: 3px solid #2B7BAF; margin: 5px; vertical-align: top; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td { padding: 4px 8px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:first-child { padding: 0px; width: 28px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child { width: 60%; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel { } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel p { line-height: 1.5em; font-size: 11px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer.Empty table { display: none; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel { position: relative; width: 100%; height: 40px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel * { position: absolute; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div { width: 50%; height: 100%; background-size: 30px 30px; background-repeat: no-repeat; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div:not(.Connected) { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > div { top: 5px; height: 4px; border-radius: 2px; background-color: #888; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Connected > div { background-color: #4C4; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > p { bottom: 0px; font-size: 11px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > p:nth-child(2) { bottom: 14px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Host { left: 0px; background-position: left; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iNGI1YmIyYTAtNGUyMy00ZDJiLTlkOGYtNmE1NzhkODVlZDk0IiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LlwzMiA4ZmZjYzQ5LTdmNmEtNDM3Yi04NjVhLWNiNDg2MjA0NTdhMntmaWxsOiM0YzQ7fS5cMzEgM2RkZDBmMS00MTRlLTRhNTEtOGY4MS1lNjM4YzlhMGEwMWF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9IjMwODM1Zjg1LWQzMWItNGMwZi04NTdhLTU1ZmJjMWQzYzlkMyIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iNDEwOTBmN2ItYzAzNS00YWNhLTk3OTItODZlNDNhOTU5NWUzIiBkYXRhLW5hbWU9IkxheWVyIDEtMiI+PHBhdGggY2xhc3M9IjI4ZmZjYzQ5LTdmNmEtNDM3Yi04NjVhLWNiNDg2MjA0NTdhMiIgZD0iTTI0LDIxLjhhOCw4LDAsMSwxLDgtOEE4LDgsMCwwLDEsMjQsMjEuOFpNMjQsMjVhMTgsMTgsMCwwLDAtMTMuNSw2LjUsMi4xLDIuMSwwLDAsMC0uNSwxLjN2NS4xYTIsMiwwLDAsMCwyLDJIMzZhMiwyLDAsMCwwLDItMnYtNWExLjksMS45LDAsMCwwLS41LTEuM0ExNy45LDE3LjksMCwwLDAsMjQsMjVaTTM2LjgsOS40YTEzLjYsMTMuNiwwLDAsMC0yNS42LDAsNC44LDQuOCwwLDAsMC0zLDQuNCw0LjcsNC43LDAsMCwwLDQuNyw0LjdoMGEuOS45LDAsMCwwLDEtMVYxMS4zYTEwLjUsMTAuNSwwLDAsMSwyMC40LDB2Ni4yYS45LjksMCwwLDAsLjMuNyw0LDQsMCwwLDEtMy45LDMuOCwxLDEsMCwwLDAsMCwyLDUuOSw1LjksMCwwLDAsNS45LTUuNkE0LjgsNC44LDAsMCwwLDQwLDEzLjksNS40LDUuNCwwLDAsMCwzNi44LDkuNFoiLz48cGF0aCBjbGFzcz0iMTNkZGQwZjEtNDE0ZS00YTUxLThmODEtZTYzOGM5YTBhMDFhIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Host > * { left: 36px; right: 4px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Guest { right: 0px; background-position: right; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Guest > * { left: 4px; right: 36px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Access > div.Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM0YzQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBINDhWNDhIMFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQyLDMuOEg2YTIsMiwwLDAsMC0yLDJ2MjZhMiwyLDAsMCwwLDIsMkgyMnYySDE4YTIsMiwwLDAsMCwwLDRIMzBhMiwyLDAsMCwwLDAtNEgyNnYtMkg0MmEyLDIsMCwwLDAsMi0yVjUuOEEyLDIsMCwwLDAsNDIsMy44Wm0tMiwyNkg4VjcuOEg0MFoiLz48L2c+PC9zdmc+); } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Support > div.Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0YzQ7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LDE1YTcsNywwLDEsMSw3LDdBNyw3LDAsMCwxLDE3LDE1Wk0zNi41LDMyLjFDMzMsMjguMiwyOC42LDI2LDI0LDI2YTE2LjgsMTYuOCwwLDAsMC0xMi41LDYsMi4xLDIuMSwwLDAsMC0uNSwxLjNWMzhhMiwyLDAsMCwwLDIsMkgzNWEyLDIsMCwwLDAsMi0yVjMzLjRBMS45LDEuOSwwLDAsMCwzNi41LDMyLjFaIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48L2c+PC9zdmc+); } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Meeting > div.Guest { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM0YzQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBINDhWNDhIMFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNiwyMy44YTYsNiwwLDEsMSw2LTZBNiw2LDAsMCwxLDE2LDIzLjhaTTYuNSwzMC42QTEuOSwxLjksMCwwLDAsNiwzMnY1LjhhMiwyLDAsMCwwLDIsMkgyNGEyLDIsMCwwLDAsMi0yVjMyYTIuMSwyLjEsMCwwLDAtLjUtMS4zQTEyLjMsMTIuMywwLDAsMCwxNiwyNS44LDEyLjMsMTIuMywwLDAsMCw2LjUsMzAuNlpNMzIsMTEuOGE2LDYsMCwxLDAsNiw2QTYsNiwwLDAsMCwzMiwxMS44Wm0tMi40LDI4SDQwYTIsMiwwLDAsMCwyLTJWMzJhMi4xLDIuMSwwLDAsMC0uNS0xLjNBMTIuMywxMi4zLDAsMCwwLDMyLDI1LjhhMTIuMywxMi4zLDAsMCwwLTQuNiwxbDEuMiwxLjNBNS45LDUuOSwwLDAsMSwzMCwzMS45djUuOUE0LjUsNC41LDAsMCwxLDI5LjYsMzkuOFoiLz48L2c+PC9zdmc+); } .MainDetailPanel .DetailSelectionPanel > *, .MainDetailPanel.Loading .DetailSelectionPanel:after { position: absolute; width: 100%; } .MainDetailPanel.Loading .DetailSelectionPanel:after { content: ""; background-color: rgb(200, 200, 200); background-color: rgba(200, 200, 200, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-image: url(/Images/ActivityIndicator.gif); background-size: 35px 35px; background-repeat: no-repeat; background-position: center center; min-height: 68px; } .MainDetailPanel .DetailSelectionPanel .DetailTableContainer, .MainDetailPanel.Loading .DetailSelectionPanel:after { top: 30px; bottom: 0px; } .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; -webkit-animation-name: ModalSlideIn; -webkit-animation-duration: 0.12s; animation-name: ModalSlideIn; animation-duration: 0.12s; animation-timing-function: ease; } .ModalDialog.Hidden { -webkit-animation-name: ModalSlideOut; -webkit-animation-duration: 0.12s; animation-name: ModalSlideOut; animation-duration: 0.12s; animation-timing-function: ease; animation-fill-mode: forwards; } .ModalDialog::before { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; 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; -webkit-animation-duration: 0.12s; animation-duration: 0.12s; animation-timing-function: ease; } .ModalDialog textarea { height: 125px; } .ModalDialog input, .ModalDialog select, .ModalDialog { font-size: 14px; } .ModalDialog > * { margin: 0px; max-width: 100%; background-color: #333; } .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: #2B7BAF; cursor: move; } .ModalDialog .TitlePanel h2 { float: left; margin: 20px; font-size: 20px; color: #FFF; } .ModalDialog .TitlePanel a { float: right; padding: 25px; text-decoration: none; font-size: 30px; line-height: 16px; color: #FFF; } .ModalDialog .TitlePanel a:hover { background-color: #005577; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .ModalDialog .ButtonPanel { background-color: #333; padding: 15px; } .ModalDialog .ButtonPanel * { font-size: 16px; } .ModalDialog .ButtonPanel input { padding: 8px 16px; background-color: #333; color: #2B7BAF; font-weight: 600; text-transform: uppercase; } .ModalDialog .ButtonPanel input:hover { color: #005577; } .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: #6C6; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiMzYTM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hYTwvdGl0bGU+PGcgaWQ9IkFydHdvcmsiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNi42LDIzLjZhMS45LDEuOSwwLDAsMSwyLjgsMEwxOCwzMi4yLDM4LjYsMTEuNmEyLDIsMCwxLDEsMi44LDIuOGwtMjIsMjJhMS45LDEuOSwwLDAsMS0yLjgsMGwtMTAtMTBBMS45LDEuOSwwLDAsMSw2LjYsMjMuNloiLz48L2c+PC9zdmc+); } .ModalDialog .ContentPanel .ResultPanel.Failure { border-color: #C66; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiNiNjNjMzU7fTwvc3R5bGU+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; 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: #444; } .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; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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 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: #444; } .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: #2B7BAF; color: #FFF; } .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(../../Images/AddSyntaxIcon.svg) 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-top: 4px; } .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 :not(.ReadOnly), .ModalDialog.EditUserSourceConfiguration .External { } .ModalDialog.EditUserSourceConfiguration :not(.ReadOnly) .UserLookupPanel, .ModalDialog.EditUserSourceConfiguration .External .UserLookupPanel { display: none; } .ModalDialog.EditUserSourceConfiguration textarea { height: 200px; } .ModalDialog.SelectTheme { } .ModalDialog.SelectTheme > * { width: 800px; } .ModalDialog.SelectTheme .PreviewPanel { margin-left: 20px; margin-right: 20px; } .ModalDialog.SelectTheme .PreviewPanel iframe { height: 400px; border: 5px solid #666; } .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: #444; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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 .EmptyPanel { padding: 146px 20px; text-align: center; } .ModalDialog.ToolboxDialog .ToolboxPanel.Empty > :not(.EmptyPanel) { display: none; } .ModalDialog.ToolboxDialog .ToolboxPanel:not(.Empty) .EmptyPanel { display: none; } .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: #555; } .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 .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.DeleteRole, .ModalDialog.DeleteUser, .ModalDialog.DeleteAction, .ModalDialog.CloneRole, .ModalDialog.DeleteSessionGroup, .ModalDialog.MoveSessionGroup, .ModalDialog.EnableDisableUserSource { } .ModalDialog.DeleteRole > *, .ModalDialog.DeleteUser > *, .ModalDialog.DeleteAction > *, .ModalDialog.CloneRole > *, .ModalDialog.DeleteSessionGroup > *, .ModalDialog.MoveSessionGroup > *, .ModalDialog.EnableDisableUserSource > * { 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 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; } .PopoutPanel { position: fixed; z-index: 1000; border-width: 1px; max-width: 350px; color: #FFF; background-color: #444; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-animation-name: PopupFadeIn; -webkit-animation-duration: 0.12s; animation-name: PopupFadeIn; animation-duration: 0.12s; animation-timing-function: ease; } .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: #2B7BAF; color: #444; font-weight: 500; transition: ; } .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: #333; 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: #333; color: #2B7BAF; font-weight: 600; text-transform: uppercase; } .PopoutPanel.ConfirmationDialog .ButtonPanel input:hover { color: #005577; } .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: #333; } .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: #555; 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: #FFF; margin-bottom: -1px; } .InvitationTabList a:hover { color: #2B7BAF; } .InvitationTabList a.Selected { font-weight: 500; padding: 8px 8px 5px 8px; border-width: 0 0 3px 0; border-color: #2B7BAF; color: #2B7BAF; } .InvitationTabContent { background-color: #333; border-width: 0px 1px 1px 1px; padding: 6% 6% 6% 6%; height: 170px; } .InvitationTabContent dd { margin-bottom: 0; } .InvitationTabContent > div:not(.Selected) { display: none; } .InvitationTabContent button, .InvitationTabContent input[type=button] { padding: 8px 16px; background-color: #333; color: #2B7BAF; 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; } .InvitationTabContent .CodeTab .MoreOptionsButtonContainer { margin: 0px; } .InvitationTabContent .EditInvitationCodeBox { display: block; text-align: center; } .InvitationTabContent .EditInvitationCodeBox:not(focus) { font-size: 16px; font-weight: bold; } .InvitationTabContent .EditInvitationCodeBox.PublicSession { border-bottom: 0px; pointer-events: none; } .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; cursor: pointer; float: right; } .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); } .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 .NoGuestJoinedPanel { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iNzAzMDNhN2YtMDYzNC00MzEyLTkxZDMtMThmOTg5M2UzOTZlIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmMxODg1MTdiLTFiZjktNDE0MC1hN2IzLWNkNGMwZDZkZGYxMntmaWxsOm5vbmU7fS5kNDk2NTliZC0yODM3LTRhNmUtYjdiYy01YjU1YWM3MmFjY2V7ZmlsbDojN2Q3ZDdkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9IjZiZTMyZmViLTIwZDUtNGVmYi1iZTFkLWI0YTdhYzU3NDA0ZCIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iYzE4ODUxN2ItMWJmOS00MTQwLWE3YjMtY2Q0YzBkNmRkZjEyIiBkPSJNMCwwSDQ4VjQ4SDBaIi8+PHBhdGggY2xhc3M9ImQ0OTY1OWJkLTI4MzctNGE2ZS1iN2JjLTViNTVhYzcyYWNjZSIgZD0iTTM1LjQsMTcuNEEyLDIsMCwwLDAsMzYsMTZWNmEyLDIsMCwwLDAtMi0ySDE0YTIsMiwwLDAsMC0yLDJWMTZhMiwyLDAsMCwwLC42LDEuNEwxOS4yLDI0bC02LjYsNi42QTIsMiwwLDAsMCwxMiwzMlY0MmEyLDIsMCwwLDAsMiwySDM0YTIsMiwwLDAsMCwyLTJWMzJhMiwyLDAsMCwwLS42LTEuNEwyOC44LDI0Wk0zMiw4djdIMTZWOFptMCwyNC44VjQwSDE2VjMyLjhsNi02LDItMiwyLDJaIi8+PC9nPjwvc3ZnPg==) no-repeat; background-size: 24px 24px; margin-bottom: 15px; } .JoinInfoPanel.NoGuest .GuestJoinedPanel, .JoinInfoPanel:not(.NoGuest) .NoGuestJoinedPanel { display: none; } .JoinInfoPanel .GuestJoinedPanel { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjcwMzQyY2QtYjA1ZC00YzA0LWE0ZDktMDA3YmNmMzcwNmEyIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LlwzOSBmZWJiMDEyLTgyM2YtNGZhNy04NWRiLWJjNWJlNDU1NDVjOHtmaWxsOm5vbmU7fS5cMzcgN2IzZjZlZS04N2NjLTRjMWYtYWE0Zi1jNWIxZTI3YTAxZDN7ZmlsbDojN2Q3ZDdkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+SWNvbnMgaG9zdCBwYWdlIDEuNDwvdGl0bGU+PGcgaWQ9ImU1ZjM3NDdiLTEwYjMtNGM2Zi04MGM2LWYxZTk2NDU4MGExMyIgZGF0YS1uYW1lPSJBcnR3b3JrIj48cmVjdCBjbGFzcz0iOWZlYmIwMTItODIzZi00ZmE3LTg1ZGItYmM1YmU0NTU0NWM4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz48cGF0aCBjbGFzcz0iNzdiM2Y2ZWUtODdjYy00YzFmLWFhNGYtYzViMWUyN2EwMWQzIiBkPSJNNi42LDIzLjZhMS45LDEuOSwwLDAsMSwyLjgsMEwxOCwzMi4yLDM4LjYsMTEuNmEyLDIsMCwxLDEsMi44LDIuOGwtMjIsMjJhMS45LDEuOSwwLDAsMS0yLjgsMGwtMTAtMTBBMS45LDEuOSwwLDAsMSw2LjYsMjMuNloiLz48L2c+PC9zdmc+) no-repeat; background-size: 24px 24px; margin-bottom: 15px; } 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; } .AdministrationPanel { width: 100%; height: 100%; } .AdministrationPanel.Loading:after { position: absolute; width: 100%; height: 100%; content: ""; background-color: rgb(200, 200, 200); background-color: rgba(200, 200, 200, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 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: #444; } .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; 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: #444; } .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: #555; } .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); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .CommandPanel > a.AlwaysOverflow { display: none; } .GuestPage .OuterPanel .ContentPanel, .OuterPanel .ContentPanel.Authentication { background-image: url(/App_Themes/DarkWithBlue/Default.css?r=Page.Background&__Cache=108919); 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-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -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: rgb(150, 150, 150); background-color: rgba(0, 0, 0, 0.6); 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; } .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 > * { 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: #2B7BAF; 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: #444; } .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: #444; } .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; } .SecurityPanel .UserSourcesPanel { } .SecurityPanel .UserSourcesPanel > div { background-color: #444; border-width: 1px; } .SecurityPanel .UserSourcesPanel > div.ReadOnly .UserTablePanel, .SecurityPanel .UserSourcesPanel > div:not(.ReadOnly) .UserLookupPanel, .SecurityPanel .UserSourcesPanel > div:not(.Expanded) .UserSourceDetailPanel, .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 .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 { top: 100%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display: none; } .OuterPanel .MainPanel.HideDetailPanel .MainDetailPanel { bottom: 0%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .OuterPanel .MainDetailPanel { bottom: 70%; } .OuterPanel .MainDetailPanel, .OuterPanel .MainDetailHeaderPanel { left: 35%; right: 0px; } .OuterPanel .SubDetailHeaderPanel { display: none; } .OuterPanel .SubDetailPanel { left: 35%; right: 0px; top: 30%; width: auto; border-top-width: 1px; border-left-width: 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .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) .ShowFlyoutMenuButton, .GuestPage:not(.UserAuthenticated).ShowFlyoutMenu .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; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .OuterPanel { } .OuterPanel #detailTitleHeading { display: block; } .OuterPanel .MasterPanel { width: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .OuterPanel .DetailPanel, .OuterPanel .MainPanel .SubDetailPanel, .OuterPanel .MainPanel .MainDetailPanel { left: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .OuterPanel .MainDetailHeaderPanel { left: 88px; } .OuterPanel .MainDetailHeaderPanel h2 { display: none; } .OuterPanel .NavigationPanel { width: 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .OuterPanel .SubDetailPanel .DetailTabList { width: 90%; } .OuterPanel .HeaderPanel { } .OuterPanel .HeaderPanel .LogoIconLink { display: none; } .LoginPage .OuterPanel .HeaderPanel .LogoIconLink { display: block; } .OuterPanel .HeaderPanel .LogoPanel { background-image: none; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child { width: 40%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .ShowFlyoutMenu { } .ShowFlyoutMenu .ShowFlyoutMenuButton { width: 0px; } .ShowFlyoutMenu .ShowFlyoutMenuButton::after { position: absolute; width: 100%; width: calc(100% - 88px); height: 100vh; content: ''; background-color: rgba(0, 0, 0, 0.1); z-index: 99; } .ShowFlyoutMenu .OuterPanel { } .ShowFlyoutMenu .OuterPanel::before { position: absolute; top: 0; bottom: 0; right: 0; left: 88px; content: ''; background-color: rgba(0, 0, 0, 0.35); z-index: 99; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .ShowFlyoutMenu .OuterPanel .HeaderPanel .LogoIconLink { display: block; } .ShowFlyoutMenu .NavigationPanel { width: 88px; z-index: 100; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .ShowFlyoutMenu .MasterPanel { width: 60%; z-index: 100; left: 88px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .ShowFlyoutMenu .LogoIconLink { display: block; } .ShowFlyoutMenuButton { 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 .ShowFlyoutMenuButton { display: none; } .ModalDialog { } .ModalDialog .TitlePanel { } .ModalDialog .TitlePanel h2 { margin: 15px 0px 15px 15px; font-size: 20px; } .ModalDialog .TitlePanel a { padding: 0px; margin: 20px 20px 20px 0px; } .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: #555; } table.DataTable td.ActionCell { white-space: normal; } .OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child { width: 25%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } @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%; } } *[animation="Highlight"] { -webkit-animation-name: Highlight; -webkit-animation-duration: 3s; animation-name: Highlight; animation-duration: 3s; } @keyframes Highlight { 15% { background-color: #ffc864; } 65% { background-color: #ffc864; } } @keyframes ModalSlideIn { from { top: -50px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes ModalSlideOut { from { top: 0; opacity: 1; } to { top: -50px; opacity: 0; visibility: hidden; } } @-webkit-keyframes PopupFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes PopupFadeIn { from { opacity: 0; } to { opacity: 1; } } .DetailTabList img { filter: brightness(10); -webkit-filter: brightness(10); -moz-filter: brightness(10); -o-filter: brightness(10); -ms-filter: brightness(10); } .SubDetailPanel .Timeline .TimeDivision line { stroke: rgba(255, 255, 255, 0.2); } .EntryHistoryPanel .HistoryPanel .EmptyPanel img { filter: brightness(10); -webkit-filter: brightness(10); -moz-filter: brightness(10); -o-filter: brightness(10); -ms-filter: brightness(10); } .PopoutPanel p { opacity: 0.6; } .PopoutPanel a { color: #FFF; } .PopoutPanel a.TouchActive, .TouchDisabled .PopoutPanel a:not(.Disabled):hover { color: #FFF; } .ModalDialog.EditRole .ScopeBox option { color: #FFF; }