.frames_border
{
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 0px solid yellow;
background-color: rgba(0,0,0,0.5);
overflow: hidden;
display: none;
}
.frames_frame
{
width: 100%;
height: 100%;
overflow: auto;
}
.ui-messagebox
{
}
.ui-messagebox-icon
{
float:left;
margin: 1em 2.5em 20px 0;
width: 3em;
height: 3em;
background: no-repeat center center;
background-size: cover;
}
.ui-messagebox-text
{
}
.ui-messagebox-text-enhanced
{
color: red;
}
.ui-spinner-blocker
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.ui-spinner-circle
{
position: absolute;
border: 16px solid #f3f3f3;
border-top: 16px solid #34A0ff;
border-radius: 50%;
left: calc(50% - 76px);
top: calc(50% - 76px);
width: 120px;
height: 120px;
opacity: 1;
animation: ui-spinner-circle-animation 2s linear infinite;
}
@keyframes ui-spinner-circle-animation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.ui-spinner-percent
{
display: flex;
color: white;
font-size: 32px;
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 50px);
width: 100px;
height: 100px;
opacity: 1;
justify-content: center;
align-items: center;
}