input[type=range] {
-webkit-appearance: none;
/* Hides the slider so that custom slider can be made */
width: 100%;
/* Specific width is required for Firefox. */
background: transparent;
/* Otherwise white in Chrome */
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
input[type=range]:focus {
outline: none;
/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
/* Hides the slider so custom styles can be added */
background: transparent;
border-color: transparent;
color: transparent;
}
button > i {
cursor: inherit !important;
}
div.loading,
div.error-no-instance {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
div.loading > span,
div.error-no-instance > span {
text-align: center;
}
.streaming-container {
width: 100%;
height: calc(100% - 45px );
background-color: #212F3E;
display: flex;
align-items: center;
overflow: hidden;
}
.streaming-container .photon-dcv-view {
height: auto;
width: auto;
margin: 0 auto;
box-sizing: border-box;
border-radius: 0;
border: none;
position: relative;
}
.streaming-container .photon-dcv-view canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
resize: none;
}
.streaming-container .photon-dcv-view .photon-dcv-view-canvas-holder {
margin: 0 auto;
outline: none;
}
@keyframes expending-profile-menu {
from {
max-height: 45px;
}
to {
max-height: 300px;
}
}
@keyframes compressing-profile-menu {
from {
max-height: 300px;
}
to {
max-height: 45px;
}
}
#toolbar .photon-profile-menu-expend {
animation-name: expending-profile-menu;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
#toolbar .photon-profile-menu-compress {
max-height: 45px;
animation-name: compressing-profile-menu;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
#toolbar .photon-profile-menu {
position: absolute;
top: 0;
left: 0;
border-top: none;
width: 200px;
height: auto;
overflow: hidden;
background: #fff;
}
#toolbar .photon-profile-menu ul,
#toolbar .photon-profile-menu li {
list-style: none;
margin: 0;
padding: 0;
height: auto;
}
#toolbar .photon-profile-menu li {
border-right: 1px solid #bbb;
}
#toolbar .photon-profile-menu li.item-0 {
border-bottom: 1px solid #bbb;
border-right: none;
}
#toolbar .photon-profile-menu li.item-1 {
padding-top: 20px;
}
#toolbar .photon-profile-menu li.item-last {
border-bottom: 1px solid #bbb;
}
#toolbar .photon-profile-menu li > hr {
margin: 0;
padding: 0;
color: #bbb;
border-bottom: 1px solid #bbb;
}
#toolbar .photon-profile-menu li > button,
#toolbar .photon-profile-menu li > a {
padding-left: 10px;
display: flex;
align-items: center;
width: 100%;
height: 44px;
text-align: left;
justify-content: flex-start;
}
#toolbar .photon-profile-menu li > button i.fa,
#toolbar .photon-profile-menu li > a i.fa {
display: block;
float: left;
}
#toolbar .photon-profile-menu li > button span.button-text,
#toolbar .photon-profile-menu li > a span.button-text {
display: block;
float: left;
margin-left: 5px;
}
#toolbar .photon-profile-menu li > button span.button-text + i.fa,
#toolbar .photon-profile-menu li > a span.button-text + i.fa {
margin-left: 5px;
}
#toolbar .photon-profile-menu li > button.profile-button .profile-thumb,
#toolbar .photon-profile-menu li > a.profile-button .profile-thumb {
display: block;
float: left;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
border: 1px solid #ccc;
text-align: center;
overflow: hidden;
}
@keyframes showing-waffle-panel {
from {
visibility: visible;
opacity: 0;
}
to {
visibility: visible;
opacity: 1;
}
0% {
overflow: hidden;
}
}
@keyframes hiding-waffle-panel {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
99% {
visibility: hidden;
}
}
.photon-app-catalog {
width: 100vw;
height: calc(100vh - 45px );
visibility: hidden;
background: #fff;
border: none;
margin: 0;
overflow: auto;
position: absolute;
left: 0;
top: 45px;
z-index: 900;
}
.photon-app-catalog.photon-app-catalog-expend {
animation-name: showing-waffle-panel;
animation-duration: 0.6s;
animation-fill-mode: forwards;
}
.photon-app-catalog.photon-app-catalog-compress {
animation-name: hiding-waffle-panel;
animation-duration: 0.6s;
animation-fill-mode: forwards;
}
.photon-app-catalog .photon-app-catalog-viewport {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
}
.photon-app-catalog .photon-waffle-app-launcher {
box-sizing: border-box;
height: 100%;
background: #fff;
overflow: auto;
}
.photon-app-catalog .photon-waffle-app-switcher {
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
height: 250px;
width: 100%;
}
/**
* The Catalog directive styles
* <photon-catalog app="appArray"></photon-catalog>
*/
.photon-catalog {
width: 100%;
margin: 0 auto;
padding: 0;
padding-top: 10px;
overflow-y: auto;
}
.photon-catalog .row {
margin: 0;
height: 30px;
}
.photon-catalog .row .left-section {
display: block;
float: left;
position: relative;
}
.photon-catalog .row .right-section {
display: flex;
align-items: center;
float: right;
position: relative;
text-align: right;
}
.photon-catalog .row input,
.photon-catalog .row div.btn-group {
display: inline-block;
}
.photon-catalog .row input .btn,
.photon-catalog .row div.btn-group .btn {
height: 30px;
}
.photon-catalog .row input[type=search] {
border: 1px solid #ccc;
width: 200px;
height: 30px;
border-radius: 15px;
}
.photon-catalog .row input[type=range] {
width: 200px;
margin-right: 50px;
}
.photon-catalog .row input[type=range] .mixin-catalog-app-icon-size-slider-thumb {
-webkit-appearance: none;
border: none;
height: 20px;
width: 20px;
border-radius: 10px;
background: #ccc;
cursor: pointer;
margin-top: -10px;
}
.photon-catalog .row input[type=range] .mixin-catalog-app-icon-size-slider-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #ccc;
}
.photon-catalog .row input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #ccc;
}
.photon-catalog .row input[type=range]::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #ccc;
}
.photon-catalog .row input[type=range]::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #ccc;
}
.photon-catalog .row input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 20px;
width: 20px;
border-radius: 10px;
background: #ccc;
cursor: pointer;
margin-top: -10px;
}
.photon-catalog .row input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 20px;
width: 20px;
border-radius: 10px;
background: #ccc;
cursor: pointer;
margin-top: -10px;
}
.photon-catalog .row input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 20px;
width: 20px;
border-radius: 10px;
background: #ccc;
cursor: pointer;
margin-top: -10px;
}
.photon-catalog h2.photon-catalog-fleet-name {
font-size: 20px;
border-bottom: solid 2px #ccc;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view {
overflow: hidden;
padding: 0;
width: 100%;
margin: 30px auto 0 auto;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app {
overflow: hidden;
display: block;
float: left;
width: 128px;
height: auto;
max-height: 100%;
margin: 10px;
box-sizing: border-box;
padding: 0;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app > a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
color: #000;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app > a > .app-icon {
display: flex;
align-items: center;
width: 100%;
box-sizing: content-box;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app > a > .app-icon > img {
display: block;
width: 100%;
height: auto;
max-height: 100%;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app > a > .app-name {
display: block;
width: 100%;
margin-top: 0.8em;
height: 38.4px;
line-height: 19.2px;
font-size: 19.2px;
text-decoration: none;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.photon-catalog ul.photon-catalog-app-list.photon-app-catalog-app-list-grid-view > li.photon-app > a > .app-name.top {
display: none;
}
.photon-catalog.dynamic-app-catalog-enabled {
width: 50%;
}
@media (min-width: 1000px) and (max-width: 1365px) {
.photon-catalog.dynamic-app-catalog-enabled {
width: 75%;
}
}
@media (max-width: 999px) {
.photon-catalog.dynamic-app-catalog-enabled {
width: 95%;
}
}
.bread-crumb-content {
width: 100%;
margin: 0 auto;
padding: 0;
overflow-y: auto;
text-align: center;
font-size: 14px;
box-sizing: border-box;
}
.bread-crumb-content .bread-crumb-group a.bread-crumb-item {
cursor: pointer;
text-decoration: none;
color: #249ED5;
}
.bread-crumb-content .bread-crumb-group a.bread-crumb-item:hover,
.bread-crumb-content .bread-crumb-group a.bread-crumb-item:active,
.bread-crumb-content .bread-crumb-group a.bread-crumb-item:focus {
color: #9A9A9A;
}
.bread-crumb-content .bread-crumb-group a.bread-crumb-item.active {
pointer-events: none;
color: #9A9A9A;
}
.bread-crumb-content .bread-crumb-group .arrow {
margin-left: 10px;
margin-right: 10px;
color: #9A9A9A;
}
.catalog-app-spinner-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.catalog-app-spinner-container .catalog-app-spinner {
display: block;
border: 5px solid rgba(102, 102, 102, 0.1);
border-top: 5px solid #666666;
border-radius: 50%;
width: 70%;
height: 70%;
animation: do-spin 2s linear infinite;
margin: 0 auto;
}
.photon-catalog-app-list li a {
display: inline-block;
}
/* Provide a fallback style for browsers
that don't support :focus-visible */
.photon-catalog-app-list li a:focus {
background: lightgrey;
}
/* Remove the focus indicator on mouse-focus for browsers
that do support :focus-visible */
.photon-catalog-app-list li a:focus:not(:focus-visible) {
background: transparent;
}
/* Draw a very noticeable focus style for
keyboard-focus on browsers that do support
:focus-visible */
.photon-catalog-app-list li a:focus-visible {
background: lightgrey;
}
.model-dialog {
position: absolute;
background: #fff;
border: 1px solid #666666;
padding: 0;
margin: 0;
box-sizing: border-box;
z-index: 850;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
.model-dialog > .model-dialog-content {
padding: 20px;
}
.model-dialog.draggable .title-bar {
cursor: move;
}
.model-dialog .title-bar {
color: #bbb;
background: #212F3E;
margin: 0;
padding: 0;
position: relative;
height: 40.5px;
}
.model-dialog .title-bar h1 {
line-height: 40.5px;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
font-size: 16px;
text-align: left;
margin: 0;
padding: 0;
padding-left: 20px;
color: inherit;
display: inline-block;
width: calc(100% - 40.5px );
overflow: hidden;
}
.model-dialog .title-bar .btn-icon-only {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0;
border: none;
height: 40.5px;
width: 40.5px;
background: transparent;
font-size: 20.25px;
cursor: pointer;
}
.model-dialog .title-bar .btn-icon-only i {
padding: 0;
line-height: 40.5px;
}
.model-dialog .title-bar .btn-icon-only .photon-icon {
color: #bbb;
fill: #bbb;
width: 16px;
height: 16px;
}
.alert-modal-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #9A9A9A;
}
.model-dialog.alert {
max-width: 30%;
min-height: 180px;
min-width: 450px;
position: relative;
}
.model-dialog.alert .title-bar {
cursor: default;
}
.cancel-button {
border: none;
background: white !important;
color: #337ab7;
text-transform: uppercase;
}
.cancel-button:hover {
text-decoration: underline;
}
.end-session-message {
font-size: 24px;
color: black;
}
.end-session-message .warn-message {
color: #757575;
margin-top: 15px;
font-size: 15px;
display: block;
}
.model-dialog-clipboard {
width: 500px;
top: 50px;
left: calc(50% - 250px );
}
@keyframes slide-out-and-fade {
from {
opacity: 1;
}
to {
top: -100px;
opacity: 0;
}
}
.model-dialog-clipboard.closing {
animation: slide-out-and-fade;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.model-dialog-clipboard section {
padding: 15px;
}
.model-dialog-clipboard section .action-zone-container {
position: relative;
height: 230px;
border: 1px solid #bbb;
}
.model-dialog-clipboard textarea {
resize: none;
}
.model-dialog-clipboard .clipboard-zone {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
height: 100%;
border: none;
}
.model-dialog-clipboard .action-feedback {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
height: 100%;
border: none;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
display: none;
position: absolute;
top: 0;
}
.model-dialog-clipboard .action-feedback svg {
height: 138px;
display: block;
}
.model-dialog-clipboard .acted .action-feedback {
display: flex;
align-items: center;
justify-content: center;
}
.model-dialog-clipboard p.alert {
margin-bottom: 0;
}
.model-dialog-clipboard p.alert .important {
font-size: 130%;
font-weight: bold;
}
.model-dialog-health {
width: 420px;
top: 50px;
left: calc(50% - 210px );
}
.model-dialog-health > div.dcv-model-dialog-content {
padding: 0;
}
.model-dialog-health .dcv-model-dialog-console-alert {
padding: 18px 37px;
}
.model-dialog-health .dcv-model-dialog-console-alert .dcv-model-dialog-title {
display: block;
color: inherit;
font-weight: bold;
text-transform: uppercase;
}
.model-dialog-health .dcv-model-dialog-console-alert-info {
background: #61BBE2;
color: #fff;
font-weight: normal;
}
.model-dialog-health .dcv-streaming-mode-selector-container {
display: flex;
justify-content: space-around;
}
.model-dialog-health .dcv-streaming-mode-selector-container input[type=radio] {
display: none;
}
.model-dialog-health .dcv-streaming-mode-selector-container label[for] {
box-sizing: border-box;
display: inline-block;
width: 49%;
height: 30px;
border: 1px #007BAA solid;
line-height: 30px;
text-align: center;
}
.model-dialog-health .dcv-streaming-mode-selector-container label[for].btn-on {
background: #007BAA;
color: white;
}
.model-dialog-health .dcv-quality-control-container {
padding: 0 20px;
/* Special styling for WebKit/Blink */
/* All the same stuff for Firefox */
/* All the same stuff for IE */
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range {
clear: both;
display: table;
width: 100%;
height: 20px;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range > div {
display: table-cell;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range > div > i {
display: none;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range .dcv-quality-low {
background: #13235B;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range .dcv-quality-medium {
background: #007BAA;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range .dcv-quality-high {
background: #64B8E3;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range .dcv-quality-veryhigh {
background: #BCE0F3;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-range .dcv-quality-lossless {
background: #FF6701;
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-slider-thumb {
-webkit-appearance: none;
border: 1px solid #000000;
height: 20px;
width: 20px;
border-radius: 5px;
background: #ffffff;
cursor: pointer;
margin-top: -10px;
/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.model-dialog-health .dcv-quality-control-container .dcv-quality-slider-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #9A9A9A;
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input {
margin-top: 1px;
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #9A9A9A;
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #9A9A9A;
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
border: 1px solid #9A9A9A;
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #000000;
height: 20px;
width: 20px;
border-radius: 5px;
background: #ffffff;
cursor: pointer;
margin-top: -10px;
/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-moz-range-thumb {
-webkit-appearance: none;
border: 1px solid #000000;
height: 20px;
width: 20px;
border-radius: 5px;
background: #ffffff;
cursor: pointer;
margin-top: -10px;
/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.model-dialog-health .dcv-quality-control-container input[type=range].video-quality-input::-ms-thumb {
-webkit-appearance: none;
border: 1px solid #000000;
height: 20px;
width: 20px;
border-radius: 5px;
background: #ffffff;
cursor: pointer;
margin-top: -10px;
/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.model-dialog-health .dcv-model-dialog-content {
padding: 18px 37px;
border-bottom: 1px solid #9A9A9A;
color: #9A9A9A;
}
.model-dialog-health .dcv-model-dialog-content h2 {
text-transform: uppercase;
font-size: inherit;
margin: 0;
}
.model-dialog-health .dcv-model-dialog-content .dcv-model-dialog-content-important {
font-size: 200%;
}
.model-dialog-health .dcv-model-dialog-content .dcv-model-dialog-content-bandwidth-info > span {
display: inline-block;
width: 180px;
}
.model-dialog-health .dcv-model-dialog-content .dcv-model-dialog-content-bandwidth-info > label {
display: inline-block;
}
.model-dialog-health .dcv-model-dialog-content section {
margin-bottom: 20px;
}
.model-dialog-health .dcv-model-dialog-content section:last-child {
margin-bottom: 0;
}
.model-dialog-health .dcv-model-dialog-content .dcv-quality-labels {
font-size: 70%;
font-weight: normal;
}
.model-dialog-health .dcv-model-dialog-content .dcv-quality-labels > label:first-child {
float: left;
}
.model-dialog-health .dcv-model-dialog-content .dcv-quality-labels > label:last-child {
float: right;
}
.model-dialog-health .dcv-model-dialog-content .dcv-model-dialog-content-bandwidth-graph {
display: block;
height: 60px;
}
.photon-app-switcher {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
background: #666666;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.photon-app-switcher ul {
display: block;
box-sizing: border-box;
height: 100%;
width: 100%;
overflow: hidden;
overflow-x: auto;
margin: 0;
padding: 30px;
position: relative;
white-space: nowrap;
}
.photon-app-switcher ul li {
display: inline-block;
height: 100%;
width: 8%;
overflow: hidden;
list-style: none;
padding: 0;
margin: 0;
margin-right: 2%;
box-sizing: border-box;
}
.photon-app-switcher ul li:last-child {
margin-right: 0;
}
.photon-app-switcher ul li a {
display: block;
height: 100%;
width: 100%;
cursor: pointer;
text-decoration: none;
}
.photon-app-switcher ul li a :hover {
text-decoration: inherit;
}
.photon-app-switcher ul li a h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
color: #fff;
height: 20px;
white-space: nowrap;
overflow: hidden;
}
.photon-app-switcher ul li a h3 img {
height: 12px;
width: auto;
max-width: 12px;
}
.photon-app-switcher ul li a p {
background: rgba(255, 255, 255, 0);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
height: calc(100% - 20px );
}
.photon-app-switcher ul li a p img.photon-app-switcher-thumbnail {
display: block;
height: 60%;
width: auto;
}
regional-settings-dialog .dialog-regional-settings {
width: 420px;
top: 50px;
left: calc(50% - 210px );
}
regional-settings-dialog .dialog-regional-settings section.dialog-content {
padding-bottom: 10px;
position: relative;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-container ul {
list-style: none;
margin: 0;
padding: 20px;
overflow: auto;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-container ul li {
display: block;
position: relative;
float: left;
width: 100%;
padding: 10px 0;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-container ul li label {
width: 32%;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-container ul li select {
display: inline-block;
width: 62%;
margin-right: 5px;
}
regional-settings-dialog .dialog-regional-settings.closing {
animation: regional-settings-slide-out-and-fade;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
@keyframes regional-settings-slide-out-and-fade {
from {
opacity: 1;
}
to {
top: -100px;
opacity: 0;
}
}
regional-settings-dialog .dialog-regional-settings .regional-settings-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.25);
}
regional-settings-dialog .dialog-regional-settings .regional-settings-overlay .spinner {
height: 70px;
width: 70px;
position: relative;
animation: rotation 0.6s infinite linear;
border: 6px solid #264A62;
border-top: 6px solid #5190AB;
border-radius: 100%;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-overlay svg {
height: 80px;
display: block;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
regional-settings-dialog .dialog-regional-settings .regional-settings-error {
padding: 20px 0 0 0;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-error p {
margin: 0;
text-align: center;
color: red;
}
regional-settings-dialog .dialog-regional-settings footer {
text-align: right;
padding: 0 20px;
margin: 0;
}
regional-settings-dialog .dialog-regional-settings footer .btn {
padding: 5px 20px;
text-transform: none;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-info-sign {
cursor: pointer;
}
regional-settings-dialog .dialog-regional-settings .regional-settings-info-sign:before {
content: "";
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
width: 17px;
height: 18px;
display: inline-block;
vertical-align: middle;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222048%22%20height%3D%222048%22%20viewBox%3D%220%200%202048%202048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23444%22%20%20d%3D%22M1280%201504v-160q0-14-9-23t-23-9h-96V800q0-14-9-23t-23-9H800q-14%200-23%209t-9%2023v160q0%2014%209%2023t23%209h96v320h-96q-14%200-23%209t-9%2023v160q0%2014%209%2023t23%209h448q14%200%2023-9t9-23zm-128-896V448q0-14-9-23t-23-9H928q-14%200-23%209t-9%2023v160q0%2014%209%2023t23%209h192q14%200%2023-9t9-23zm640%20416q0%20209-103%20385.5T1409.5%201689%201024%201792t-385.5-103T359%201409.5%20256%201024t103-385.5T638.5%20359%201024%20256t385.5%20103T1689%20638.5t103%20385.5z%22%2F%3E%3C%2Fsvg%3E");
}
regional-settings-dialog .dialog-regional-settings .regional-settings-info-sign .tooltiptext {
display: none;
}
regional-settings-dialog .tooltip {
z-index: 999999;
}
.dialog-streaming-mode {
width: 420px;
top: 50px;
left: calc(50% - 210px );
}
.dialog-streaming-mode > div.dialog-content {
padding: 0;
}
.dialog-streaming-mode .streaming-mode-selector-container ul {
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li {
display: block;
position: relative;
float: left;
width: 100%;
margin: 5px 0;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li input[type=radio] {
position: absolute;
visibility: hidden;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li .label-base {
color: #666666;
display: block;
position: relative;
padding: 0;
padding-left: 20px;
margin: 0px;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li label {
color: #666666;
display: block;
position: relative;
padding: 0;
padding-left: 20px;
margin: 0px;
font-weight: bold;
font-size: 16px;
line-height: 30px;
height: 30px;
z-index: 9;
cursor: pointer;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li .description {
color: #666666;
display: block;
position: relative;
padding: 0;
padding-left: 20px;
margin: 0px;
font-size: 16px;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li .check {
display: block;
position: absolute;
border: 1px solid #666666;
border-radius: 100%;
height: 15px;
width: 15px;
top: 8px;
left: 0;
z-index: 5;
transition: border 0.25s linear;
-webkit-transition: border 0.25s linear;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 9px;
width: 9px;
top: 2px;
left: 2px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
.dialog-streaming-mode .streaming-mode-selector-container ul li input[type=radio]:checked ~ .check::before {
background: #666666;
}
.dialog-streaming-mode .streaming-metrics-container .streaming-metrics {
display: none;
margin-top: 25px;
}
.dialog-streaming-mode .streaming-metrics-container .streaming-metrics.on {
display: block;
}
.dialog-streaming-mode .streaming-metrics-container .btn-toggle-metrics {
padding-left: 0;
display: flex;
align-items: center;
color: #249ed5;
font-size: 14px;
line-height: 18px;
height: 18px;
}
.dialog-streaming-mode .streaming-metrics-container .btn-toggle-metrics .photon-icon {
fill: #249ed5;
margin-right: 3px;
}
.dialog-streaming-mode .streaming-metrics-container .row {
margin-bottom: 35px;
}
.dialog-streaming-mode .streaming-metrics-container .row:last-child {
margin-bottom: 20px;
}
.dialog-streaming-mode .streaming-metrics-container .metrics {
display: block;
}
.dialog-streaming-mode .streaming-metrics-container .metrics h2 {
font-size: 12px;
margin: 3px 0;
}
.dialog-streaming-mode .streaming-metrics-container .metrics .metrics-value {
display: flex;
justify-content: center;
align-items: center;
color: #666666;
padding: 10px 0;
margin: 0;
background: #eeeeee;
}
.dialog-streaming-mode .streaming-metrics-container .metrics label {
font-size: 12px;
}
.dialog-streaming-mode .dialog-content {
padding: 18px 37px;
border-bottom: 1px solid #9A9A9A;
color: #9A9A9A;
}
.dialog-streaming-mode .dialog-content h2 {
text-transform: uppercase;
font-size: inherit;
margin: 0;
}
.dialog-streaming-mode .dialog-content section {
margin-bottom: 20px;
}
.dialog-streaming-mode .dialog-content section:last-child {
margin-bottom: 0;
}
.cloud-provider-domain {
color: #8C8C8C;
display: inline-block;
margin: 0 5px;
}
.cloud-provider-domain-btn {
display: inline-block;
margin: 10px;
cursor: pointer;
}
.model-dialog-session-storage {
min-width: 600px;
width: 60%;
max-width: 800px;
min-width: 620px;
}
.model-dialog-session-storage .file-explorer-viewport {
position: relative;
overflow: hidden;
}
.model-dialog-session-storage .file-explorer-viewport .uploading {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.model-dialog-session-storage .file-explorer-viewport .uploading .spinner-container .progress-indicator {
position: relative;
top: -120px;
font-size: 30px;
background: transparent;
}
.model-dialog-session-storage ul.context-menu {
padding: 10px 0;
position: absolute;
background: #FFFFFF;
top: 45px;
right: 10px;
z-index: 3;
border: 1px solid #757575;
overflow: visible;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
.model-dialog-session-storage ul.context-menu.hide ul.context-menu {
display: none;
}
.model-dialog-session-storage ul.context-menu .arrow-up {
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
}
.model-dialog-session-storage ul.context-menu li.up-arrow {
position: absolute;
right: 15px;
top: -19px;
z-index: 2;
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
}
.model-dialog-session-storage ul.context-menu li.up-arrow-outline {
position: absolute;
right: 15px;
top: -20px;
z-index: 1;
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
border-color: transparent transparent #757575 transparent;
}
.model-dialog-session-storage ul.context-menu li {
list-style: none;
height: 45px;
}
.model-dialog-session-storage ul.context-menu li a,
.model-dialog-session-storage ul.context-menu li .btn {
width: 100%;
}
.model-dialog-session-storage ul.context-menu li a:hover,
.model-dialog-session-storage ul.context-menu li .btn:hover {
background: #eee;
}
.model-dialog-session-storage input.upload-file-input {
display: none;
position: absolute;
top: -1000px;
left: -1000px;
opacity: 0;
visibility: hidden;
}
.model-dialog-session-storage .overflow-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.model-dialog-session-storage .nav-bar {
background-color: #009ed6;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
height: 50px;
}
.model-dialog-session-storage .nav-bar .section {
display: block;
height: 100%;
width: auto;
}
.model-dialog-session-storage .nav-bar .section-left {
max-width: 50%;
min-width: 300px;
}
.model-dialog-session-storage .nav-bar .section-right {
max-width: 50%;
min-width: 300px;
}
.model-dialog-session-storage .nav-bar .navigation .btn-go-to-parent-path {
width: 54px;
float: left;
}
.model-dialog-session-storage .nav-bar .navigation .description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: calc(100% - 54px );
height: 100%;
float: left;
align-items: center;
line-height: 50px;
}
.model-dialog-session-storage .nav-bar .actions {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.model-dialog-session-storage .nav-bar .actions .context-menu li a.btn {
color: #8C8C8C;
}
.model-dialog-session-storage .nav-bar .actions .context-menu li a.btn:hover {
color: #249ED5;
}
.model-dialog-session-storage .nav-bar .btn {
display: inline-flex;
color: #ffffff;
border: none;
}
.model-dialog-session-storage .nav-bar .btn .photon-icon {
fill: #ffffff;
width: 24px;
height: 24px;
margin-right: 10px;
}
.model-dialog-session-storage .nav-bar .btn.btn-icon-only {
padding-right: 15px;
}
.model-dialog-session-storage .nav-bar .btn.btn-icon-only .photon-icon {
margin: 0;
}
.model-dialog-session-storage .nav-bar .btn.btn-add-folder {
float: right;
}
.model-dialog-session-storage .nav-bar .btn:hover {
color: #ffffff;
}
.model-dialog-session-storage .nav-bar .btn:hover .photon-icon {
fill: #ffffff;
}
.model-dialog-session-storage .file-list-row {
padding: 10px;
vertical-align: middle;
height: 50px;
box-sizing: border-box;
}
.model-dialog-session-storage .file-list-row-border {
border-bottom: 1px solid #ccc;
}
.model-dialog-session-storage .service-providers {
margin: 0;
padding: 0;
}
.model-dialog-session-storage .service-providers li {
text-decoration: none;
list-style: none;
margin: 0;
padding: 10px;
vertical-align: middle;
height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
display: flex;
align-items: center;
}
.model-dialog-session-storage .service-providers a {
cursor: pointer;
}
.model-dialog-session-storage .service-providers a:hover {
text-decoration: none;
}
.model-dialog-session-storage .file-list-container {
max-height: 400px;
height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
.model-dialog-session-storage p.prompt-no-file {
box-sizing: border-box;
display: flex;
height: 100%;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
margin: 0;
}
.model-dialog-session-storage table.file-list {
width: 100%;
border: none;
}
.model-dialog-session-storage table.file-list th,
.model-dialog-session-storage table.file-list td {
padding: 10px;
vertical-align: middle;
height: 50px;
box-sizing: border-box;
table-layout: fixed;
}
.model-dialog-session-storage table.file-list thead > tr > th {
border-bottom: 1px solid #ccc;
text-transform: capitalize;
resize: horizontal;
}
.model-dialog-session-storage table.file-list tbody > tr.adding-folder input.new-folder-name {
width: 100%;
}
.model-dialog-session-storage table.file-list tbody > tr:hover td {
background: #eee;
}
.model-dialog-session-storage table.file-list .col-filename {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: normal !important;
word-break: break-all;
display: table-cell;
vertical-align: middle;
cursor: pointer;
max-width: 500px;
}
.model-dialog-session-storage table.file-list .col-filename input {
width: 100%;
}
.model-dialog-session-storage table.file-list .col-icon {
width: 50px;
text-align: center;
}
.model-dialog-session-storage table.file-list .col-icon .photon-icon {
vertical-align: middle;
width: 16px;
height: 16px;
}
.model-dialog-session-storage table.file-list .col-last-modified {
width: 200px;
}
.model-dialog-session-storage table.file-list .col-action {
min-width: 62px;
max-width: 62px;
width: 62px;
padding: 0;
position: relative;
z-index: 1;
}
.model-dialog-session-storage table.file-list .col-action.showing-context-menu {
z-index: 2;
}
.model-dialog-session-storage table.file-list .col-action.showing-context-menu ul.context-menu {
visibility: visible;
}
.model-dialog-session-storage table.file-list .col-action.hiding-context-menu ul.context-menu {
visibility: hidden;
}
.model-dialog-session-storage .btn {
display: flex;
align-items: center;
justify-content: center;
color: #8C8C8C;
text-align: left;
padding-left: 15px;
}
.model-dialog-session-storage .btn .photon-icon {
width: 16px;
height: 16px;
fill: #8C8C8C;
}
.model-dialog-session-storage a,
.model-dialog-session-storage .btn,
.model-dialog-session-storage svg.photon-icon {
color: #8C8C8C;
fill: #8C8C8C;
text-decoration: none;
}
.model-dialog-session-storage a:hover,
.model-dialog-session-storage .btn:hover,
.model-dialog-session-storage svg.photon-icon:hover {
color: #56bce4;
fill: #56bce4;
}
.model-dialog-session-storage a:hover svg.photon-icon,
.model-dialog-session-storage .btn:hover svg.photon-icon,
.model-dialog-session-storage svg.photon-icon:hover svg.photon-icon {
fill: #56bce4;
}
.model-dialog-session-storage .btn-with-label {
justify-content: flex-start;
}
.model-dialog-session-storage .btn-with-label .photon-icon {
margin-right: 10px;
}
.model-dialog-session-storage .doamin-selection-menu {
padding: 10px 0;
position: absolute;
background: #fff;
top: 45px;
right: 10px;
z-index: 3;
border: 1px solid #8c8c8c;
overflow: visible;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
min-width: 190px;
min-height: 80px;
list-style: none;
max-width: 600px;
}
.model-dialog-session-storage .doamin-selection-menu .arrow-up {
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
}
.model-dialog-session-storage .doamin-selection-menu li.up-arrow {
position: absolute;
right: 15px;
top: -19px;
z-index: 2;
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
}
.model-dialog-session-storage .doamin-selection-menu li.up-arrow-outline {
position: absolute;
right: 15px;
top: -20px;
z-index: 1;
width: 0;
height: 0;
box-sizing: content-box;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #FFFFFF transparent;
border-color: transparent transparent #757575 transparent;
}
.model-dialog-session-storage .doamin-selection-menu li.cloud-domain {
margin-left: 50px;
}
.model-dialog-session-storage .doamin-selection-menu a.btn {
width: 100%;
color: #8C8C8C;
cursor: pointer;
}
.model-dialog-session-storage .doamin-selection-menu a.btn:hover {
background: #eee;
color: #249ED5;
}
.model-dialog-session-storage .doamin-selection-menu .back-to-storage-provider {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
}
.model-dialog-session-storage .doamin-selection-menu .back-to-storage-provider a {
position: relative;
cursor: pointer;
width: 100%;
display: inline-block;
text-align: center;
height: 100%;
}
.model-dialog-session-storage .doamin-selection-menu .back-to-storage-provider a svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.model-dialog-session-storage .doamin-selection-menu .back-to-storage-provider a span {
margin-left: 10px;
}
.model-dialog-session-storage .doamin-selection-menu:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
background: #eee;
bottom: 0;
}
.model-dialog-session-storage .doamin-selection-menu .provider-domains-label {
color: #8C8C8C;
border-bottom: 1px solid #eee;
margin-left: 50px;
padding: 0 15px;
font-weight: bold;
height: 30px;
}
.model-dialog-session-storage .doamin-selection-menu .provider-domains ul {
padding-left: 0;
max-height: 300px;
overflow-x: scroll;
}
.model-dialog-session-storage .storage-provider-icon {
height: 24px;
width: 24px;
margin-right: 10px;
}
.model-dialog-session-storage .actions .context-menu li a.btn .storage-provider-google-drive-icon {
background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0icGhvdG9uLWljb24gcGhvdG9uLWljb24tY2xvdWQtZ29vZ2xlZHJpdmUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtNi42IDY2Ljg1IDMuODUgNi42NWMuOCAxLjQgMS45NSAyLjUgMy4zIDMuM2wxMy43NS0yMy44aC0yNy41YzAgMS41NS40IDMuMSAxLjIgNC41eiIgZmlsbD0iIzAwNjZkYSIvPgo8cGF0aCBkPSJtNDMuNjUgMjUtMTMuNzUtMjMuOGMtMS4zNS44LTIuNSAxLjktMy4zIDMuM2wtMjUuNCA0NGE5LjA2IDkuMDYgMCAwIDAgLTEuMiA0LjVoMjcuNXoiIGZpbGw9IiMwMGFjNDciLz4KPHBhdGggZD0ibTczLjU1IDc2LjhjMS4zNS0uOCAyLjUtMS45IDMuMy0zLjNsMS42LTIuNzUgNy42NS0xMy4yNWMuOC0xLjQgMS4yLTIuOTUgMS4yLTQuNWgtMjcuNTAybDUuODUyIDExLjV6IiBmaWxsPSIjZWE0MzM1Ii8+CjxwYXRoIGQ9Im00My42NSAyNSAxMy43NS0yMy44Yy0xLjM1LS44LTIuOS0xLjItNC41LTEuMmgtMTguNWMtMS42IDAtMy4xNS40NS00LjUgMS4yeiIgZmlsbD0iIzAwODMyZCIvPgo8cGF0aCBkPSJtNTkuOCA1M2gtMzIuM2wtMTMuNzUgMjMuOGMxLjM1LjggMi45IDEuMiA0LjUgMS4yaDUwLjhjMS42IDAgMy4xNS0uNDUgNC41LTEuMnoiIGZpbGw9IiMyNjg0ZmMiLz4KPHBhdGggZD0ibTczLjQgMjYuNS0xMi43LTIyYy0uOC0xLjQtMS45NS0yLjUtMy4zLTMuM2wtMTMuNzUgMjMuOCAxNi4xNSAyOGgyNy40NWMwLTEuNTUtLjQtMy4xLTEuMi00LjV6IiBmaWxsPSIjZmZiYTAwIi8+Cjwvc3ZnPg==");
}
.model-dialog-session-storage .actions .context-menu li a.btn .storage-provider-one-drive-icon {
background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIGNsYXNzPSJwaG90b24taWNvbiBwaG90b24taWNvbi1jbG91ZC1vbmVkcml2ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxuczp4PSImbnNfZXh0ZW5kOyIgeG1sbnM6aT0iJm5zX2FpOyIgeG1sbnM6Z3JhcGg9IiZuc19ncmFwaHM7IgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAzMC4wNCA2NTkuOTIyIgoJIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMzAuMDQgNjU5LjkyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxtZXRhZGF0YT4KCTxzZncgIHhtbG5zPSImbnNfc2Z3OyI+CgkJPHNsaWNlcz48L3NsaWNlcz4KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGJvdHRvbUxlZnRPcmlnaW49InRydWUiIGhlaWdodD0iNjU5LjkyMiIgd2lkdGg9IjEwMzAuMDQiIHg9Ii00OTAiIHk9Ii0zNDQuOTIyIj48L3NsaWNlU291cmNlQm91bmRzPgoJPC9zZnc+CjwvbWV0YWRhdGE+CjxnIGlkPSJTVFlMRV9DT0xPUl8xXyI+Cgk8cGF0aCBmaWxsPSIjMDM2NEI4IiBkPSJNNjIyLjI5Miw0NDUuMzM4bDIxMi42MTMtMjAzLjMyN0M3OTAuNzQxLDY5LjgwNCw2MTUuMzM4LTMzLjk5Niw0NDMuMTMsMTAuMTY4CgkJQzM2NS41OCwzMC4wNTYsMjk4LjIyNCw3OC4xMywyNTQuMjA5LDE0NS4wMDVDMjU3LjUsMTQ0LjkyMiw2MjIuMjkyLDQ0NS4zMzgsNjIyLjI5Miw0NDUuMzM4eiIvPgoJPHBhdGggZmlsbD0iIzAwNzhENCIgZD0iTTM5Mi43NzYsMTgzLjI4M2wtMC4wMSwwLjAzNWMtNDAuNjI2LTI1LjE2Mi04Ny40NzktMzguNDYyLTEzNS4yNjctMzguMzk3CgkJYy0xLjEwNCwwLTIuMTg5LDAuMDctMy4yOTEsMC4wODNDMTEyLjA2NCwxNDYuNzY1LTEuNzQsMjYzLjQyMywwLjAyLDQwNS41NjdjMC42MzgsNTEuNTYyLDE2Ljc0OSwxMDEuNzQzLDQ2LjI0NCwxNDQuMDQKCQlsMzE4LjUyOC0zOS44OTRsMjQ0LjIwOS0xOTYuOTE1TDM5Mi43NzYsMTgzLjI4M3oiLz4KCTxwYXRoIGZpbGw9IiMxNDkwREYiIGQ9Ik04MzQuOTA1LDI0Mi4wMTJjLTQuNjc0LTAuMzEyLTkuMzcxLTAuNTI4LTE0LjEyMy0wLjUyOGMtMjguNTIzLTAuMDI4LTU2Ljc0OSw1Ljc5OC04Mi45MywxNy4xMTcKCQlsLTAuMDA2LTAuMDIybC0xMjguODQ0LDU0LjIybDE0Mi4wNDEsMTc1LjQ1NmwyNTMuOTM0LDYxLjcyOGM1NC43OTktMTAxLjczMiwxNi43NTItMjI4LjYyNS04NC45OC0yODMuNDI0CgkJYy0yNi4yODctMTQuMTYtNTUuMzAxLTIyLjUyOS04NS4wOTEtMjQuNTQ2VjI0Mi4wMTJ6Ii8+Cgk8cGF0aCBmaWxsPSIjMjhBOEVBIiBkPSJNNDYuMjY0LDU0OS42MDdDOTQuMzU5LDYxOC43NTYsMTczLjI3LDY1OS45NjYsMjU3LjUsNjU5LjkyMmg1NjMuMjgxCgkJYzc2Ljk0NiwwLjAyMiwxNDcuNjkxLTQyLjIwMiwxODQuMTk1LTEwOS45MzdMNjA5LjAwMSwzMTIuNzk4TDQ2LjI2NCw1NDkuNjA3eiIvPgo8L2c+Cjwvc3ZnPg==");
}
.model-dialog-session-storage .actions .context-menu li a.btn:hover .storage-provider-google-drive-icon {
background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0icGhvdG9uLWljb24gcGhvdG9uLWljb24tY2xvdWQtZ29vZ2xlZHJpdmUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtNi42IDY2Ljg1IDMuODUgNi42NWMuOCAxLjQgMS45NSAyLjUgMy4zIDMuM2wxMy43NS0yMy44aC0yNy41YzAgMS41NS40IDMuMSAxLjIgNC41eiIgZmlsbD0iIzAwNjZkYSIvPgo8cGF0aCBkPSJtNDMuNjUgMjUtMTMuNzUtMjMuOGMtMS4zNS44LTIuNSAxLjktMy4zIDMuM2wtMjUuNCA0NGE5LjA2IDkuMDYgMCAwIDAgLTEuMiA0LjVoMjcuNXoiIGZpbGw9IiMwMGFjNDciLz4KPHBhdGggZD0ibTczLjU1IDc2LjhjMS4zNS0uOCAyLjUtMS45IDMuMy0zLjNsMS42LTIuNzUgNy42NS0xMy4yNWMuOC0xLjQgMS4yLTIuOTUgMS4yLTQuNWgtMjcuNTAybDUuODUyIDExLjV6IiBmaWxsPSIjZWE0MzM1Ii8+CjxwYXRoIGQ9Im00My42NSAyNSAxMy43NS0yMy44Yy0xLjM1LS44LTIuOS0xLjItNC41LTEuMmgtMTguNWMtMS42IDAtMy4xNS40NS00LjUgMS4yeiIgZmlsbD0iIzAwODMyZCIvPgo8cGF0aCBkPSJtNTkuOCA1M2gtMzIuM2wtMTMuNzUgMjMuOGMxLjM1LjggMi45IDEuMiA0LjUgMS4yaDUwLjhjMS42IDAgMy4xNS0uNDUgNC41LTEuMnoiIGZpbGw9IiMyNjg0ZmMiLz4KPHBhdGggZD0ibTczLjQgMjYuNS0xMi43LTIyYy0uOC0xLjQtMS45NS0yLjUtMy4zLTMuM2wtMTMuNzUgMjMuOCAxNi4xNSAyOGgyNy40NWMwLTEuNTUtLjQtMy4xLTEuMi00LjV6IiBmaWxsPSIjZmZiYTAwIi8+Cjwvc3ZnPg==");
}
.model-dialog-session-storage .actions .context-menu li a.btn:hover .storage-provider-one-drive-icon {
background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIGNsYXNzPSJwaG90b24taWNvbiBwaG90b24taWNvbi1jbG91ZC1vbmVkcml2ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxuczp4PSImbnNfZXh0ZW5kOyIgeG1sbnM6aT0iJm5zX2FpOyIgeG1sbnM6Z3JhcGg9IiZuc19ncmFwaHM7IgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAzMC4wNCA2NTkuOTIyIgoJIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMzAuMDQgNjU5LjkyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxtZXRhZGF0YT4KCTxzZncgIHhtbG5zPSImbnNfc2Z3OyI+CgkJPHNsaWNlcz48L3NsaWNlcz4KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGJvdHRvbUxlZnRPcmlnaW49InRydWUiIGhlaWdodD0iNjU5LjkyMiIgd2lkdGg9IjEwMzAuMDQiIHg9Ii00OTAiIHk9Ii0zNDQuOTIyIj48L3NsaWNlU291cmNlQm91bmRzPgoJPC9zZnc+CjwvbWV0YWRhdGE+CjxnIGlkPSJTVFlMRV9DT0xPUl8xXyI+Cgk8cGF0aCBmaWxsPSIjMDM2NEI4IiBkPSJNNjIyLjI5Miw0NDUuMzM4bDIxMi42MTMtMjAzLjMyN0M3OTAuNzQxLDY5LjgwNCw2MTUuMzM4LTMzLjk5Niw0NDMuMTMsMTAuMTY4CgkJQzM2NS41OCwzMC4wNTYsMjk4LjIyNCw3OC4xMywyNTQuMjA5LDE0NS4wMDVDMjU3LjUsMTQ0LjkyMiw2MjIuMjkyLDQ0NS4zMzgsNjIyLjI5Miw0NDUuMzM4eiIvPgoJPHBhdGggZmlsbD0iIzAwNzhENCIgZD0iTTM5Mi43NzYsMTgzLjI4M2wtMC4wMSwwLjAzNWMtNDAuNjI2LTI1LjE2Mi04Ny40NzktMzguNDYyLTEzNS4yNjctMzguMzk3CgkJYy0xLjEwNCwwLTIuMTg5LDAuMDctMy4yOTEsMC4wODNDMTEyLjA2NCwxNDYuNzY1LTEuNzQsMjYzLjQyMywwLjAyLDQwNS41NjdjMC42MzgsNTEuNTYyLDE2Ljc0OSwxMDEuNzQzLDQ2LjI0NCwxNDQuMDQKCQlsMzE4LjUyOC0zOS44OTRsMjQ0LjIwOS0xOTYuOTE1TDM5Mi43NzYsMTgzLjI4M3oiLz4KCTxwYXRoIGZpbGw9IiMxNDkwREYiIGQ9Ik04MzQuOTA1LDI0Mi4wMTJjLTQuNjc0LTAuMzEyLTkuMzcxLTAuNTI4LTE0LjEyMy0wLjUyOGMtMjguNTIzLTAuMDI4LTU2Ljc0OSw1Ljc5OC04Mi45MywxNy4xMTcKCQlsLTAuMDA2LTAuMDIybC0xMjguODQ0LDU0LjIybDE0Mi4wNDEsMTc1LjQ1NmwyNTMuOTM0LDYxLjcyOGM1NC43OTktMTAxLjczMiwxNi43NTItMjI4LjYyNS04NC45OC0yODMuNDI0CgkJYy0yNi4yODctMTQuMTYtNTUuMzAxLTIyLjUyOS04NS4wOTEtMjQuNTQ2VjI0Mi4wMTJ6Ii8+Cgk8cGF0aCBmaWxsPSIjMjhBOEVBIiBkPSJNNDYuMjY0LDU0OS42MDdDOTQuMzU5LDYxOC43NTYsMTczLjI3LDY1OS45NjYsMjU3LjUsNjU5LjkyMmg1NjMuMjgxCgkJYzc2Ljk0NiwwLjAyMiwxNDcuNjkxLTQyLjIwMiwxODQuMTk1LTEwOS45MzdMNjA5LjAwMSwzMTIuNzk4TDQ2LjI2NCw1NDkuNjA3eiIvPgo8L2c+Cjwvc3ZnPg==");
}
@keyframes extending-toolbar {
0% {
top: -45px;
}
100% {
top: 0;
}
}
@keyframes compressing-toolbar {
from {
top: 0;
overflow: hidden;
}
to {
top: -45px;
overflow: hidden;
}
}
@keyframes extending-toolbar-handle {
from {
max-height: 0;
overflow: hidden;
visibility: visible;
}
99% {
overflow: hidden;
}
100% {
max-height: 22.5px;
overflow: visible;
}
}
@keyframes compressing-toolbar-handle {
from {
max-height: 22.5px;
overflow: hidden;
}
to {
max-height: 0;
overflow: hidden;
visibility: hidden;
}
}
.toolbar-extended .toolbar-handle {
animation-name: compressing-toolbar-handle;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.toolbar-extended .toolbar {
animation-name: extending-toolbar;
animation-duration: 0.3s;
animation-fill-mode: forwards;
overflow: inherit;
}
.hide-with-delay {
visibility: hidden;
transition: 0s all;
transition-delay: 0.1s;
}
.btn-base {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-status-hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
.btn-status-disabled {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.place-holder-icon {
visibility: hidden;
}
.divider {
height: 1px;
background: #757575;
padding: 0;
margin: 0;
border: 0;
display: block;
}
.vertical-divider {
width: 1px;
height: 70%;
background: #757575;
margin: auto;
display: inline-block;
top: 0;
bottom: 0;
position: absolute;
}
.photon-catalog-page-viewport.with-toolbar {
position: absolute;
top: 45px;
left: 0;
height: calc(100vh - 45px );
z-index: 200;
color: #666666;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
}
.toolbar-pinned .toolbar {
position: relative;
}
.toolbar-pinned .toolbar-handle {
display: none;
}
.toolbar-pinned .streaming-container {
width: 100%;
background-color: #212F3E;
display: flex;
align-items: center;
overflow: hidden;
height: calc(100% - 45px );
}
.toolbar-pinned .streaming-container .photon-dcv-view {
height: auto;
width: auto;
margin: 0 auto;
box-sizing: border-box;
border-radius: 0;
border: none;
position: relative;
}
.toolbar-pinned .streaming-container .photon-dcv-view canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
resize: none;
}
.toolbar-pinned .streaming-container .photon-dcv-view .photon-dcv-view-canvas-holder {
margin: 0 auto;
outline: none;
}
.toolbar-unpinned .streaming-container {
height: 100%;
}
.toolbar-invisible .streaming-container {
height: 100%;
}
.toolbar-mobile-keyboard .streaming-container {
align-items: start;
}
.toolbar-unpinned.toolbar-compressed .toolbar-handle {
animation-name: extending-toolbar-handle;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.toolbar-unpinned.toolbar-compressed .toolbar-handle:hover {
filter: opacity(100%);
}
@media (hover: none) {
.toolbar-unpinned.toolbar-compressed .toolbar-handle:hover {
filter: opacity(100%);
}
}
.toolbar-unpinned.toolbar-compressed .toolbar {
animation-name: compressing-toolbar;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.toolbar-unpinned.toolbar-compressed .toolbar .toolbar-section {
overflow: hidden;
}
.toolbar-mobile-fullscreen .toolbar-handle {
margin-top: 20px;
}
.toolbar-mobile-fullscreen .streaming-container {
padding-top: 20px;
}
.toolbar-mobile-extended .toolbar {
margin-top: 20px;
}
.toolbar-handle {
filter: opacity(30%);
display: block;
width: 350px;
height: 22.5px;
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgNy44NEwxMiAxMi40Mmw0LjU5LTQuNThMMTggOS4yNWwtNiA2LTYtNnoiLz4gICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
background-position: center center;
background-repeat: no-repeat;
background-color: #fff;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
z-index: 900;
cursor: pointer;
border: 1px solid #000;
border-top: none;
border-radius: 0 0 5px 5px;
}
@keyframes fade-in-submenu {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.toolbar .toolbar-group .with-submenu.on > ul.submenu {
visibility: visible !important;
animation-name: fade-in-submenu;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: linear;
z-index: 200;
}
.toolbar .toolbar-group .with-submenu > a[disabled] + ul.submenu {
visibility: hidden !important;
}
.toolbar.hide-all-submenu .toolbar-group .with-submenu:hover > ul.submenu {
visibility: hidden !important;
}
.toolbar {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
margin: 0;
width: 100%;
height: 45px;
background: #fff;
border-bottom: 1px solid #bbb;
z-index: 899;
display: block;
position: absolute;
overflow: inherit;
/* Provide a fallback style for browsers
that don't support :focus-visible */
/* Remove the focus indicator on mouse-focus for browsers
that do support :focus-visible */
/* Draw a very noticeable focus style for
keyboard-focus on browsers that do support
:focus-visible */
}
@keyframes toolbar-menu-item-clicking {
to {
background-color: #CCCCCC;
color: #FFFFFF;
fill: #FFFFFF;
font-weight: bold;
font-size: 95%;
}
}
.toolbar .toolbar-item {
display: inline-block;
}
.toolbar .toolbar-item:focus {
outline: 10px black;
background: lightgrey;
}
.toolbar .toolbar-item:focus:not(:focus-visible) {
background: transparent;
}
.toolbar .toolbar-item:focus-visible {
color: #249ED5;
background: #eee;
}
.toolbar .clicking-item {
animation: toolbar-menu-item-clicking 0.1s forwards linear;
}
.toolbar .launching-app {
animation: toolbar-menu-item-clicking 0.25s linear;
}
.toolbar .toolbar-group {
padding: 0 15px;
position: relative;
display: inline-block;
line-height: 45px;
height: 100%;
vertical-align: top;
}
.toolbar .toolbar-group:first-child {
padding-left: 0;
}
.toolbar .toolbar-group:last-child {
padding-right: 0;
}
.toolbar .toolbar-group .button-text {
display: inline-block;
padding: 0 5px;
}
.toolbar .toolbar-group a svg.photon-icon,
.toolbar .toolbar-group button svg.photon-icon {
height: 22.5px;
width: 22.5px;
fill: #757575;
}
.toolbar .toolbar-group a svg.photon-icon-keyboard,
.toolbar .toolbar-group button svg.photon-icon-keyboard {
height: 80%;
width: 80%;
fill: #757575;
}
.toolbar .toolbar-group a svg.photon-icon-keyboard-selected,
.toolbar .toolbar-group button svg.photon-icon-keyboard-selected {
height: 80%;
width: 80%;
fill: #249ED5;
}
.toolbar .toolbar-group a:hover svg.photon-icon,
.toolbar .toolbar-group button:hover svg.photon-icon {
fill: #249ED5;
}
@media (hover: none) {
.toolbar .toolbar-group a:hover svg.photon-icon,
.toolbar .toolbar-group button:hover svg.photon-icon {
fill: #757575;
}
.toolbar .toolbar-group a:hover svg.photon-icon-keyboard,
.toolbar .toolbar-group button:hover svg.photon-icon-keyboard {
height: 80%;
width: 80%;
fill: #757575;
}
.toolbar .toolbar-group a:hover svg.photon-icon-keyboard-selected,
.toolbar .toolbar-group button:hover svg.photon-icon-keyboard-selected {
height: 80%;
width: 80%;
fill: #249ED5;
}
}
.toolbar .toolbar-group a:not(.no-click):active,
.toolbar .toolbar-group button:not(.no-click):active {
animation: toolbar-menu-item-clicking 0.1s forwards linear;
}
.toolbar .toolbar-group .with-submenu {
position: relative;
overflow: visible;
display: inline-block;
vertical-align: top;
}
.toolbar .toolbar-group .with-submenu:hover {
background: #eee;
}
@media (hover: none) {
.toolbar .toolbar-group .with-submenu:hover {
background: #fff;
}
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu {
max-height: calc(90vh - 45px );
overflow: auto;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li {
height: auto;
min-width: 250px;
width: auto;
background: #fff;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog {
border: none;
padding: 0;
margin: 0;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li a.button-more-apps {
border-top: 1px solid #ccc;
text-align: left;
width: 100%;
padding: 20px;
height: auto;
display: block;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-fleet-name {
display: none;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list {
margin-top: 10px;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app {
width: 100%;
height: 48px;
padding: 0;
float: none;
margin: 0;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a {
padding: 8px;
padding-left: 15px;
box-sizing: border-box;
display: block;
border: 1px solid transparent;
color: #757575;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a:hover {
background: #EFEFEF;
color: #249ED5;
}
@media (hover: none) {
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a:hover {
background: transparent;
color: #757575;
}
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a .app-icon {
display: block;
float: left;
align-items: center;
height: 30px;
width: 30px;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a .app-icon > img {
width: auto;
height: 100%;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list li.photon-app a .app-name.bottom {
display: inline-block;
width: 195px;
align-items: center;
text-align: left;
height: 30px;
line-height: 30px;
padding: 0;
padding-left: 10px;
margin-top: 0;
font-size: small;
}
.toolbar .toolbar-group .with-submenu .submenu.app-start-menu > li .photon-catalog-app-list .app-name {
display: none;
}
.toolbar .toolbar-group > .with-submenu {
height: 43px;
}
.toolbar .toolbar-group .with-submenu > ul.submenu {
position: absolute;
overflow: visible;
min-width: 100px;
width: auto;
margin: 0;
border-top: 1px solid #ccc;
z-index: 100;
padding: 0;
left: 0;
top: 41px;
background: inherit;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
visibility: hidden;
transition: 0s all;
transition-delay: 0.1s;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li {
display: block;
height: 44px;
width: 250px;
overflow: visible;
text-overflow: ellipsis;
margin: 0;
padding: 0;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li.divider {
height: 1px;
background: #757575;
padding: 0;
margin: 0;
border: 0;
display: block;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu {
width: 100%;
height: 100%;
/*
These background properties are for the right arrow icon
*/
background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22photon-icon%20photon-icon-arrow-right%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpolygon%20fill-rule%3D%22evenodd%22%20points%3D%225.388%2011.071%206.096%2011.778%2010.309%207.314%206.066%203.071%205.359%203.778%208.895%207.314%22%3E%3C/polygon%3E%0A%3C/svg%3E);
background-position: right center;
background-repeat: no-repeat;
background-color: #fff;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu:hover {
background-color: inherit;
}
@media (hover: none) {
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu:hover {
background-color: inherit;
}
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu > a,
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu > button {
background: inherit;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu > ul.submenu {
top: 0;
left: 245px;
border-top: none;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li .with-submenu > ul.submenu > li {
width: auto;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li a {
width: auto;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
white-space: nowrap;
}
.toolbar .toolbar-group .with-submenu > ul.submenu > li a i {
margin-right: 10px;
}
.toolbar .toolbar-section {
width: auto;
height: 44px;
max-height: inherit;
display: block;
overflow: inherit;
}
.toolbar .toolbar-section button,
.toolbar .toolbar-section a {
max-height: inherit;
overflow: hidden;
}
.toolbar .toolbar-section.toolbar-left {
position: absolute;
top: 0;
left: 0;
}
.toolbar .toolbar-section.toolbar-center {
display: block;
text-align: center;
}
.toolbar .toolbar-section.toolbar-bottom {
padding: 0;
width: 100%;
background-color: lightslategrey;
height: 44px;
display: inline-flex;
overflow-x: auto;
align-items: center;
-webkit-overflow-scrolling: touch;
}
.toolbar .toolbar-section.toolbar-right {
position: absolute;
top: 0;
right: 0;
}
.toolbar .toolbar-section.toolbar-right .toolbar-group {
padding: 0;
}
.toolbar .toolbar-section.toolbar-right .toolbar-group .with-submenu .submenu {
right: 0;
left: auto;
}
.toolbar .btn-icon-only {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.toolbar .btn-icon-only:hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
@media (hover: none) {
.toolbar .btn-icon-only:hover {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-icon-only[disabled]:hover {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-icon-only[disabled] {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-icon-only [class*='icon-photon'] {
font-size: 18px;
}
.toolbar a {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.toolbar a:active,
.toolbar a:visited {
color: inherit;
}
.toolbar a:hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
.toolbar a[disabled]:hover {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar a[disabled] {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-keyboard-toggle {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 5px;
margin-right: 5px;
}
.toolbar .btn-keyboard-toggle:hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
@media (hover: none) {
.toolbar .btn-keyboard-toggle:hover {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-keyboard-toggle[disabled]:hover {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-keyboard-toggle[disabled] {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-keyboard-toggle [class*='icon-photon'] {
font-size: 18px;
}
@media (hover: none) {
.toolbar .btn-keyboard-toggle:hover a {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-label-with-icon {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
justify-content: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
/* Disable selection/copy in UIWebView */
align-items: center;
vertical-align: top;
padding: 0px;
margin-left: 5px;
margin-right: 5px;
}
.toolbar .btn-label-with-icon:hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
@media (hover: none) {
.toolbar .btn-label-with-icon:hover {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-label-with-icon[disabled]:hover {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-label-with-icon[disabled] {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-label-with-icon [class*='icon-photon'] {
font-size: 18px;
}
@media (hover: none) {
.toolbar .btn-label-with-icon:hover a {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-label-with-icon .photon-icon:first-child {
margin: 0px;
}
.toolbar .btn-label-with-icon a {
text-decoration: none;
}
.toolbar .btn-with-label {
color: #757575;
margin: 0;
height: 44px;
width: 44px;
box-sizing: border-box;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
padding: 0 10px;
}
.toolbar .btn-with-label:hover {
text-decoration: none;
color: #249ED5;
background: #eee;
}
@media (hover: none) {
.toolbar .btn-with-label:hover {
background: #fff;
text-decoration: none;
color: #757575;
}
}
.toolbar .btn-with-label[disabled]:hover {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-with-label[disabled] {
text-decoration: none;
color: #ccc !important;
opacity: 0.4;
cursor: not-allowed;
}
.toolbar .btn-with-label [class*='icon-photon'] {
font-size: 18px;
}
.toolbar .btn-with-label .photon-icon:first-child {
margin-right: 0px;
}
.toolbar .shortcuts-menu {
list-style-type: none;
width: auto;
height: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
flex-flow: row;
align-items: center;
justify-content: space-between;
padding: 5px;
margin: 0;
}
.toolbar .shortcuts-menu .li-vertical-divider {
width: 1px;
background-color: white;
height: 100%;
margin-left: 5px;
margin-right: 5px;
}
.toolbar .shortcuts-item {
width: auto;
height: 100%;
display: inline-block;
align-items: center;
justify-content: center;
padding-left: 5px;
padding-right: 5px;
}
.toolbar .shortcuts-item a {
width: auto;
min-width: 50px;
height: 100%;
display: inline-flex;
white-space: nowrap;
text-decoration: none;
background: #fff;
color: grey;
padding-left: 5px;
padding-right: 5px;
}
.toolbar .shortcuts-item-selected {
width: auto;
height: 100%;
display: inline-block;
align-items: center;
justify-content: center;
padding-left: 5px;
padding-right: 5px;
}
.toolbar .shortcuts-item-selected a {
width: auto;
min-width: 50px;
height: 100%;
display: inline-flex;
white-space: nowrap;
text-decoration: none;
background: #fff;
color: grey;
padding-left: 5px;
padding-right: 5px;
}
.toolbar .shortcuts-item-selected a {
min-width: 50px;
height: 100%;
display: inline-flex;
white-space: nowrap;
background: lightblue;
color: grey;
text-decoration: none;
}
.toolbar .button-ib-commands {
padding-left: 10px;
padding-right: 10px;
justify-content: flex-start;
}
.toolbar .ib-user-mode-select-container {
display: inline-flex;
height: 45px;
align-items: center;
vertical-align: top;
}
.toolbar .ib-user-mode-select-container .ib-user-mode-select-picker .btn {
line-height: 13.5px;
}
.clipboard-buffer {
background: transparent;
color: transparent;
border: none;
width: 10px;
height: 10px;
overflow: hidden;
position: absolute;
top: -10px;
left: -10px;
}
.ui-notification {
border-radius: 0px;
position: fixed;
z-index: 9999;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
width: 300px;
color: #9A9A9A;
background: #ffffff;
-webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.ui-notification.clickable {
cursor: pointer;
}
.ui-notification.clickable:hover {
opacity: 0.7;
}
.ui-notification.killed {
opacity: 0;
-webkit-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
}
.ui-notification > h3 {
position: relative;
display: flex;
align-items: center;
margin: 1px 1px 0 1px;
padding: 5px 15px;
text-align: left;
line-height: 14px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #bbb;
height: 35px;
font-weight: normal;
background: #212F3E;
border: none;
}
.ui-notification > h3 .photon-icon {
margin-right: 10px;
width: 16px;
height: 16px;
fill: #bbb;
}
.ui-notification > h3 span {
overflow: inherit;
text-overflow: inherit;
white-space: inherit;
}
.ui-notification > h3 a.btn-close {
position: absolute;
z-index: 10000;
color: inherit;
right: 0;
top: 9.5px;
font-size: inherit;
line-height: inherit;
display: block;
height: auto;
width: auto;
}
.ui-notification > h3 a.btn-close:hover {
cursor: pointer;
}
.ui-notification > h3 a.btn-close .photon-icon {
width: 16px;
height: 16px;
fill: #bbb;
}
.ui-notification a {
color: #212F3E;
text-decoration: underline;
}
.ui-notification a:hover {
text-decoration: underline;
}
.ui-notification > .message {
margin: 30px;
}
.ui-notification > .user-options {
margin: 30px 30px 10px 30px;
}
.ui-notification > .user-options > .to-right {
float: right;
}
.ui-notification > .clearfix.text-center > .alert-button {
margin: 0 0 15px 0;
padding: 6px 12px;
}
.photon-app-header {
overflow: hidden;
}
.photon-app-header h1.amazon-logo {
width: 80px;
margin: 28px auto 0;
}
.photon-app-header h1.amazon-logo img {
width: 100%;
}
.photon-app-header .branding {
text-align: center;
margin: 60px 0 0;
color: #fff;
font-size: 60px;
}
.photon-app-header .branding img {
display: block;
max-width: 450px;
padding-bottom: 10px;
margin: 0 auto;
}
.call-for-action {
font-size: 24px;
color: #249ED5;
text-align: center;
margin: 0 0 90px;
padding: 0;
}
.call-for-action .content {
color: inherit;
font-size: inherit;
text-align: inherit;
}
p.helpful-links a:link,
p.helpful-links a:visited {
color: #DDDDDD;
padding: 0 0.4em;
}
p.helpful-links a:hover,
p.helpful-links a:active {
color: #FFFFFF;
}
p.helpful-links {
margin-top: 56px;
text-align: center;
font-size: 14px;
color: #DDDDDD;
}
footer {
display: block;
text-align: center;
font-size: 14px;
color: #249ED5;
margin-bottom: 10px;
}
.photon-footer-aws-logo {
height: 29px;
width: 48px;
display: block;
text-align: center;
margin: 0 auto;
}
.user-profile {
position: absolute;
overflow: inherit;
display: inline-block;
line-height: 45px;
top: 0;
right: 0;
vertical-align: top;
box-sizing: border-box;
}
.user-profile:hover ul.submenu {
display: block;
}
.user-profile a,
.user-profile button {
cursor: pointer;
background-color: transparent;
text-decoration: none;
color: #A6ABB2;
padding-left: 10px;
padding-right: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.user-profile a svg.photon-icon,
.user-profile button svg.photon-icon {
height: 22.5px;
width: 22.5px;
fill: #A6ABB2;
}
.user-profile a:hover,
.user-profile button:hover {
color: #249ED5;
}
.user-profile a:hover svg.photon-icon,
.user-profile button:hover svg.photon-icon {
fill: #249ED5;
}
@media (hover: none) {
.user-profile a:hover,
.user-profile button:hover {
color: #A6ABB2;
}
.user-profile a:hover svg.photon-icon,
.user-profile button:hover svg.photon-icon {
fill: #A6ABB2;
}
}
.user-profile a:active,
.user-profile button:active {
color: #249ED5;
}
.user-profile a:active svg.phone-icon,
.user-profile button:active svg.phone-icon {
fill: #249ED5;
}
.user-profile a.user-profile-dropdown,
.user-profile button.user-profile-dropdown {
float: right;
}
.user-profile ul {
list-style-type: none;
padding: 0;
}
.user-profile ul.submenu {
display: none;
z-index: 100;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
background-color: #fff;
box-sizing: border-box;
clear: both;
}
.user-profile ul.submenu > li {
cursor: pointer;
}
.user-profile ul.submenu > li:hover {
background-color: #eee;
}
.user-profile ul.submenu > li:hover a {
color: #249ED5;
}
@media (hover: none) {
.user-profile ul.submenu > li:hover {
background-color: #fff;
}
.user-profile ul.submenu > li:hover a {
color: #A6ABB2;
}
}
.user-profile .photon-icon {
margin-right: 10px;
}
i.down {
border: solid;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3.5px;
margin-left: 10px;
margin-right: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* mixin start */
/* mixin end*/
.domain-join-login-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5000;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
font-size: 16px;
}
.model-dialog.alert {
max-width: 30%;
min-height: 180px;
min-width: 435px;
position: relative;
}
.model-dialog.alert .title-bar {
cursor: default;
}
.domain-join-login-label {
clear: both;
float: left;
margin-left: 15px;
width: 105px;
padding-top: 5px;
}
.form-signin {
max-width: 600px;
margin: 0 auto;
background-color: white;
min-height: 320px;
width: 100%;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dj-fleet-form-signin {
min-width: 406px;
max-width: 600px;
margin: 0 auto;
padding: 20px 40px;
background-color: white;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.modain-join-login-form-control {
width: 390px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.modain-join-login-form-control:disabled {
margin: 0 0 0 0;
background: #dddddd;
cursor: not-allowed;
}
.domain-join-login-button-group {
padding-top: 15px;
margin-right: 29px;
}
.domain-join-login-button {
padding: 5px 10px !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
background: #249ED5;
color: white;
box-sizing: border-box;
}
.domain-join-login-button.log-in {
width: 100px;
}
.domain-join-button-options-container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.domain-join-button-options-container .domain-join-options {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin-top: 20px;
}
.domain-join-button-options-container .domain-join-options > a {
width: 25%;
min-width: 100px;
margin-right: 10%;
margin-top: 5px;
color: white;
}
.domain-join-button-options-container .domain-join-options > p {
width: 70%;
}
.domain-join-header {
font-size: inherit;
}
.select-user-container {
display: flex;
justify-content: space-around;
align-items: center;
}
.select-user-container > a {
border: 1px solid #ccc !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
border: 2px solid #ccc !important;
flex: 1;
text-align: center;
text-decoration: none;
cursor: pointer;
font-weight: bold;
background-color: #ccc;
color: white;
}
.select-user-container > a.select-local-user {
padding: 10px;
}
.select-user-container > a.select-directory-user {
padding: 10px;
}
.select-user-container > a.active {
background-color: white;
color: black;
border: none !important;
}
.directory-user-content,
.local-user-content {
padding: 30px;
margin-left: 15px;
}
.directory-user-content .alert {
margin-right: 28px;
font-size: 14px;
}
.non-dj-message {
margin-bottom: 50px;
}
.info-alert-container {
min-height: 230px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #9A9A9A;
}
.info-dialog.alert {
max-width: 30%;
min-height: 180px;
min-width: 435px;
position: relative;
}
.warning-dialog {
position: fixed;
z-index: 999;
top: 50px;
right: 10px;
}
.warning-dialog .ui-notification {
position: relative;
}
.photon-catalog-page-viewport {
width: 100%;
height: 100%;
overflow: auto;
margin: 0;
}
.photon-catalog-page-viewport .toolbar h1.branding {
display: block;
border-right: 1px solid #ccc;
}
.photon-catalog-page-viewport .content {
margin: 0 auto;
color: #ffffff;
}
.photon-catalog-page-viewport .photon-app-catalog-container {
width: 100%;
height: auto;
background: #fff;
padding: 50px;
margin-top: 20px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
border: 1px solid #CCCCCC;
}
.photon-catalog-page-viewport .photon-app-catalog-container .photon-catalog {
padding: 0;
}
.photon-catalog-page-viewport .photon-app-catalog-container .photon-catalog .photon-catalog-app-list {
margin: 0 auto;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport {
max-width: 100%;
margin: 0 auto;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport .photon-catalog-group {
width: auto;
text-align: center;
margin: 0 auto;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport .photon-catalog-group ul.photon-catalog-app-list {
display: inline-block;
width: auto;
margin: 0 auto;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport li > a {
position: relative;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport .app-name.top {
display: none !important;
}
.photon-catalog-page-viewport .photon-app-catalog-viewport .app-name.bottom {
color: #666;
}
ul.stack-list {
list-style-type: none;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
ul.stack-list li.stack-item a {
min-width: 287px;
max-width: 287px;
background-color: #249ED5;
margin-bottom: 12px;
min-height: 45px;
display: block;
padding: 0.5em;
color: #FFFFFF;
text-decoration: none;
line-height: 22.5px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
ul.stack-list li.stack-item a:hover {
background-color: #1B77A0;
cursor: pointer;
}
.bread-crumb {
margin-bottom: 20px;
}
.feedback-viewport {
color: #000;
}
.feedback-viewport .photon-app-catalog-container {
padding: 10px;
min-height: 270px;
}
.feedback-viewport .feedback-content {
max-width: 315px;
color: #000;
position: relative;
bottom: 50px;
}
.feedback-viewport .feedback-content .header {
background: #249ED5;
padding: 20px;
margin-bottom: 15px;
color: #fff;
}
.feedback-viewport .feedback-content p.content {
color: inherit;
}
.feedback-viewport .feedback-content .btn-skip {
margin-right: 10px;
text-transform: uppercase;
}
.feedback-viewport .desc-content {
width: 100%;
height: 150px;
margin: 5px 0 10px 0;
padding: 0.5em;
}
.feedback-viewport .custom-stars a:hover {
text-decoration: none;
}
.feedback-viewport .button .material-icons {
font-size: 28px;
display: none;
}
.feedback-viewport .custom-stars .star-button.star-on .material-icons {
color: #FFFFFF;
display: inline;
}
.feedback-viewport .custom-stars .star-button.star-off .material-icons {
color: #75C9E7;
display: inline;
}
.feedback-viewport footer {
margin-bottom: 20px;
}
.feedback-viewport .session-expire-message {
text-align: center;
line-height: 270px;
color: #757575;
font-size: 30px;
}
.oauth-domain-selector {
width: 60%;
height: auto;
margin: 50px auto;
}
.oauth-domain-selector h1 {
font-size: 20px;
text-align: center;
padding: 10px;
}
.oauth-domain-selector ul {
border-radius: 15px;
background: #FFFFFF;
overflow: hidden;
padding: 0;
}
.oauth-domain-selector ul li {
list-style: none;
border: none;
border-bottom: 1px #CCCCCC solid;
margin: 0;
color: #249ED5;
overflow: hidden;
}
.oauth-domain-selector ul li:last-child {
border-bottom: none;
}
.oauth-domain-selector ul li a {
display: block;
width: 100%;
height: 50px;
line-height: 30px;
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
color: #249ED5;
}
.oauth-domain-selector ul li a:hover {
color: #FFFFFF;
background: #249ED5;
text-decoration: none;
}
/* Phone Portrait */
@media (max-width: 600px) {
.oauth-domain-selector {
width: 100%;
}
.oauth-domain-selector ul {
border-radius: 0;
}
}
@font-face {
font-family: 'Amazon Ember';
src: url('media/fonts/amazon-ember-lt.woff') format('woff'), url('media/fonts/amazon-ember-lt.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
.curtain {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
color: #666666;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
}
.curtain-translucent {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
color: #666666;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
background: rgba(0, 0, 0, 0.5);
background-image: none;
}
.spinner-container {
/*.spinner-card.mobile {
width: 200px;
height: 200px;
}
.spinner-card.mobile .inner-spinner {
width: 200px;
height: 200px;
}*/
}
.spinner-container .message {
text-align: center;
color: #fff;
margin-top: 20px;
font-size: 20px;
}
.spinner-container .spinner-card {
position: relative;
margin: 0 auto;
}
@media only screen and (max-width: 600px) {
.spinner-container .spinner-card {
width: 200px;
height: 200px;
}
}
@media only screen and (min-width: 601px) {
.spinner-container .spinner-card {
width: 150px;
height: 150px;
}
}
.spinner-container .spinner-card md-progress-circular.gold-spinner {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
@media only screen and (max-width: 600px) {
.spinner-container .spinner-card md-progress-circular.gold-spinner svg {
width: 200px !important;
height: 200px !important;
transform-origin: 100px 100px 100px !important;
}
}
@media only screen and (min-width: 601px) {
.spinner-container .spinner-card md-progress-circular.gold-spinner svg {
width: 150px !important;
height: 150px !important;
transform-origin: 75px 75px 75px !important;
}
}
.spinner-container .spinner-card md-progress-circular.gold-spinner path {
stroke: #f2bf25;
stroke-width: 3% !important;
}
.spinner-container .spinner-card .inner-spinner {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
z-index: 1;
}
@media only screen and (max-width: 600px) {
.spinner-container .spinner-card .inner-spinner {
width: 200px;
height: 200px;
}
}
.spinner-container .spinner-card .inner-spinner circle {
stroke-width: 1%;
fill: transparent;
-webkit-transform-origin: center;
transform-origin: center;
transition: stroke-dashoffset 225ms linear;
stroke: #cfcdce;
stroke-dasharray: 361.283px;
}
.spinner-container .loading-labels {
flex-direction: column;
box-sizing: border-box;
display: flex;
max-width: 100%;
place-content: stretch center;
align-content: stretch;
justify-content: center;
align-items: stretch;
position: absolute;
text-align: center;
top: 0;
left: 0;
height: 150px;
width: 150px;
}
@media only screen and (max-width: 600px) {
.spinner-container .loading-labels {
width: 200px;
height: 200px;
}
}
.spinner-container .loading-labels .loading-label {
display: block;
/*font-size: 0.54rem;*/
text-transform: uppercase;
letter-spacing: 0.14rem;
margin: 0;
font-weight: 700;
}
.spinner-container .loading-labels .percentage-label {
display: block;
/*font-size: 0.45rem;*/
text-transform: uppercase;
letter-spacing: 0.15rem;
margin-top: 3px;
font-weight: 700;
}
.circular-progress svg {
margin: 0 auto;
display: block;
}
.circular-progress svg g .circle {
fill: transparent;
}
.circular-progress svg g path.background {
fill: #264A62;
}
.circular-progress svg g path.foreground {
fill: #5190AB;
}
.circular-progress svg g text.percentage-text {
fill: #5190AB;
font-size: 40px;
text-anchor: middle;
baseline-shift: -20px;
}
.circular-progress .progress-container .message {
display: block;
text-align: center;
min-height: 20px;
max-height: 20px;
margin-top: 0;
font-size: 20px;
color: #fff;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(4px, 0, 0);
}
}
.shake {
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.a-disabled {
pointer-events: none;
color: #9A9A9A;
text-decoration: none;
}
/* mixin start */
/* mixin end */
.assignment-list-container,
.assignment-list-container-transparent-background {
width: 100%;
background-color: #FFFFFF;
max-height: 774px;
height: auto;
padding-bottom: 50px;
overflow: auto;
}
.assignment-list-container .assignments-menu {
text-align: center;
padding: 0;
width: 287px;
margin: auto;
box-sizing: border-box;
font-size: 18px;
}
.assignment-list-container .assignments-menu ul.assignment-list {
list-style-type: none;
padding: 0;
position: relative;
}
.assignment-list-container .assignments-menu ul.assignment-list li.stack-item a {
max-width: 287px;
background-color: #249ED5;
margin-bottom: 12px;
min-height: 45px;
display: block;
align-items: center;
padding: 0.5em;
color: #FFFFFF;
text-decoration: none;
line-height: 22.5px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.assignment-list-container .assignments-menu ul.assignment-list li.stack-item a:hover {
background-color: #1B77A0;
cursor: pointer;
}
.assignment-list-container div.stack-error {
font-size: 16px;
color: #9A9A9A;
display: flex;
justify-content: center;
align-items: center;
min-height: 387px;
}
.assignment-list-container div.all-catalog {
right: 0;
left: 0;
text-align: center;
padding-top: 25px;
margin-bottom: 25px;
}
.a-disabled .assignment-list-container div.all-catalog > a[disabled] {
pointer-events: none;
color: #9A9A9A;
text-decoration: none;
}
.assignment-list-container div.all-catalog > a.disabled {
pointer-events: none;
color: #9A9A9A;
text-decoration: none;
}
.assignment-list-container .arrow {
margin-left: 10px;
margin-right: 10px;
color: #9A9A9A;
}
.action {
font-size: 24px;
text-align: center;
margin-bottom: 15px;
padding: 0;
box-sizing: border-box;
color: #fff;
}
/*userpool-alert css begin*/
.userpools-alert-model-container {
min-height: 382px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #9A9A9A;
}
.model-dialog.alert {
max-width: 30%;
min-height: 180px;
min-width: 435px;
position: relative;
}
.model-dialog.alert .title-bar {
cursor: default;
}
.assignment-list-container-transparent-background {
background-color: transparent !important;
}
.alert-button {
min-width: 150px;
margin: 0 0 30px 0;
}
.custom-button {
min-width: 150px;
margin: 30px 0 30px 0;
}
/*userpool-alert css end*/
/* app css stylesheet */
html,
body {
height: 100%;
width: 100%;
overflow: hidden;
overflow-y: auto;
font-family: 'Amazon Ember', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, 'Lucida Grande', sans-serif;
}
body {
color: #666666;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
}
body > .main-viewport {
height: 100%;
width: 100%;
}
textarea {
resize: none;
}
.clearfix {
clear: both;
margin: 0;
padding: 0;
}
.btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 12px 24px;
}
.btn-primary {
background: #249ED5;
text-transform: uppercase;
}
.invisible {
opacity: 0;
}
@keyframes do-spin {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
div.loading,
div.error-no-instance {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 99999;
}
div.loading > span,
div.error-no-instance > span {
text-align: center;
}
div.loading .app-stream-loading-image,
div.error-no-instance .app-stream-loading-image {
background: url("media/appstream20-loading-animated-logo.gif") no-repeat 100%;
display: block;
width: 116px;
height: 116px;
}
.spinner-container h2 {
font-weight: normal;
font-size: 150%;
}
.spinner-container .spinner {
display: block;
/*border: 20px solid #264A62;
border-top: 20px solid #5190AB;*/
border-radius: 50%;
width: 200px;
height: 200px;
animation: do-spin 2s linear infinite;
margin: 0 auto;
}
.spinner-container .message {
display: block;
text-align: center;
min-height: 20px;
max-height: 20px;
margin-top: 20px;
}
.spinner-container .message-animation {
animation-name: fadein;
animation-duration: 1s;
animation-timing-function: linear;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.loading.curtain {
background: rgba(200, 200, 200, 0.5);
}
#photon-hidden-autocopy-clipboard-data {
display: none;
}
.form-signin {
max-width: 406px;
min-height: 382px;
padding: 38px 58px;
margin: 26px auto 0 auto;
background-color: white;
}
.form-signin ul.list-disc {
list-style-type: disc;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-group p {
font-size: 16px;
}
.form-signin .checkbox {
font-weight: normal;
}
.form-signin .form-control {
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 114%;
margin-bottom: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #8DA7C8;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.form-signin .header {
min-height: 53px;
}
.form-signin a {
color: #249ED5 !important;
}
.form-signin .btn {
font-size: 16px;
}
.form-signin .btn-info {
margin-top: 20px;
background-color: #249ED5 !important;
border-color: #249ED5 !important;
}
.form-signin .btn-info:hover {
background-color: #1B77A0 !important;
border-color: #1B77A0 !important;
}
.form-signin .align-center {
text-align: center;
}
.form-signin .top-gap {
margin-top: 115px;
}
.userpools-p {
max-width: 500px;
}
ul {
list-style-type: none;
}
.active-assignment {
font-size: 2em;
}
.call-for-action {
font-size: 24px;
color: #249ed5;
text-align: center;
margin: 0 0 90px;
padding: 0;
}
.call-for-action .content {
margin: 0 auto;
color: #ffffff;
}