Your IP : 216.73.216.26
@font-face {
font-family: 'FeedbackMessage';
src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
.OSFillParent {
display: block;
width: 100%;
}
table.OSFillParent {
display: table;
}
input.OSFillParent,
button.OSFillParent,
select.OSFillParent,
textarea.OSFillParent {
display: inline-block;
box-sizing: border-box;
}
.OSInline {
display: inline-block;
vertical-align: top;
}
table.OSInline {
display: inline-table;
}
.OSAutoMarginTop {
margin-top: 10px;
}
div[class*="ThemeGrid_Width"] {
vertical-align: top;
}
[class*="ThemeGrid_Width"] {
display: inline-block;
box-sizing: border-box;
}
.ThemeGrid_Container {
box-sizing: border-box;
}
.OSBlockWidget {
display: inline;
}
body {
margin: 0;
padding: 0;
}
/* applied to the root element of the screen which is also the scroll host */
.screen-container {
overflow-y: auto;
height: 100vh;
}
/* Modal dialogs */
.background-backdrop {
display: -ms-flexbox;
display: -webkit-flex; /* iOS Safari 8.4 */
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
justify-content: center;
align-items: center;
-webkit-justify-content: center;
-webkit-align-items: center;
text-align: center;
z-index: 1000;
}
.disable-scroll {
height: 100%;
overflow: hidden;
}
/* Animations */
.slide-from-right-enter,
.slide-from-left-enter,
.slide-from-top-enter,
.slide-from-bottom-enter {
z-index: 1000;
position: fixed;
width: 100%;
}
.slide-from-right-enter.slide-from-right-enter-active,
.slide-from-right-leave.slide-from-right-leave-active,
.slide-from-left-enter.slide-from-left-enter-active,
.slide-from-left-leave.slide-from-left-leave-active,
.slide-from-top-enter.slide-from-top-enter-active,
.slide-from-top-leave.slide-from-top-leave-active,
.slide-from-bottom-enter.slide-from-bottom-enter-active,
.slide-from-bottom-leave.slide-from-bottom-leave-active,
.fade-enter.fade-enter-active,
.fade-leave.fade-leave-active {
transition: all 300ms ease;
pointer-events: none; /* disable user interaction whilst views are transitioning */
}
/* using vw and vh has better performance -> gpu accelerated
* using -webkit-transform and % for iOS Safari 8.4, Android <= 4.4 support
*/
/* Right and Left Transitions */
.slide-from-right-enter,
.slide-from-left-leave.slide-from-left-leave-active {
-webkit-transform: translateX(100%);
transform: translateX(100vw);
}
.slide-from-right-leave,
.slide-from-right-enter.slide-from-right-enter-active,
.slide-from-left-leave,
.slide-from-left-enter.slide-from-left-enter-active {
-webkit-transform: translateX(0%);
transform: translateX(0vw);
}
.slide-from-right-leave.slide-from-right-leave-active,
.slide-from-left-enter {
-webkit-transform: translateX(-100%);
transform: translateX(-100vw);
}
/* Top and Bottom Transitions */
.slide-from-top-enter,
.slide-from-bottom-leave.slide-from-bottom-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100vh);
}
.slide-from-top-enter.slide-from-top-enter-active,
.slide-from-top-leave,
.slide-from-bottom-enter.slide-from-bottom-enter-active,
.slide-from-bottom-leave {
-webkit-transform: translateY(0%);
transform: translateY(0vh);
}
.slide-from-top-leave.slide-from-top-leave-active,
.slide-from-bottom-enter {
-webkit-transform: translateY(100%);
transform: translateY(100vh);
}
/* Fade */
.fade-enter {
will-change: opacity;
opacity: 0.01;
}
.fade-enter.fade-enter-active {
opacity: 1;
}
/* Other Animations */
.os-animated-leave,
.os-animated-enter-active,
.os-animated-inline-leave,
.os-animated-inline-enter-active {
transition: all 200ms ease;
overflow: hidden;
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
body .os-animated-enter:not(.os-animated-enter-active),
body .os-animated-leave-active {
/* collapse/expand vertically */
opacity: 0;
height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
border-top: 0;
border-bottom: 0;
-webkit-transform: scale3d(1,0,1);
transform: scale3d(1,0,1);
}
body .os-animated-inline-enter:not(.os-animated-inline-enter-active),
body .os-animated-inline-leave-active {
/* collapse/expand horizontally */
-webkit-transform-origin: center center 0;
transform-origin: center center 0;
opacity: 0;
width: 0;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
border-left: 0;
border-right: 0;
-webkit-transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
}
body .os-animated-inline-enter,
body .os-animated-inline-enter-active {
display: inline-block;
}
/* Feedback Message */
.feedback-message {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
right: 0;
font-weight: 600;
word-wrap: break-word;
white-space: initial;
box-shadow: none;
padding: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
-webkit-animation-duration: 250ms;
animation-duration: 250ms;
-webkit-animation-name: feedbackMessageSlideDown;
animation-name: feedbackMessageSlideDown;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* Feedback Message Colors */
div.feedback-message-error {
background-color: #c43838;
}
div.feedback-message-info {
background-color: #3aa5fb;
}
div.feedback-message-success {
background-color: #88c057;
}
div.feedback-message-warning {
background-color: #fbb515;
}
.feedback-message-text {
padding-left: 20px;
}
.feedback-message-error i,
.feedback-message-success i,
.feedback-message-warning i,
.feedback-message-info i {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'FeedbackMessage' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
}
/* Feedback Message Icons */
.feedback-message-error i:before {
content: "\f057";
}
.feedback-message-success i:before {
content: "\f058";
}
.feedback-message-info i:before {
content: "\f05a";
}
.feedback-message-warning i:before {
content: "\f071";
}
/* Animation for Feedback Enter and Leave */
.feedback-message.feedback-message-autoclose {
-webkit-animation-duration: 5000ms;
animation-duration: 5000ms;
-webkit-animation-name: feedbackMessageSlideDownThenUp;
animation-name: feedbackMessageSlideDownThenUp;
}
/* translateZ(0) fixes rendering problems (sometimes the message won't disapear) in android 4.4 devices */
@-webkit-keyframes feedbackMessageSlideDownThenUp {
0% {
-webkit-transform: translateY(-100%) translateZ(0);
}
5% {
-webkit-transform: translateY(0) translateZ(0);
}
95% {
-webkit-transform: translateY(0) translateZ(0);
}
100% {
-webkit-transform: translateY(-100%) translateZ(0);
}
}
@keyframes feedbackMessageSlideDownThenUp {
0% {
transform: translateY(-100%) translateZ(0);
}
5% {
transform: translateY(0) translateZ(0);
}
95% {
transform: translateY(0) translateZ(0);
}
100% {
transform: translateY(-100%) translateZ(0);
}
}
/* Animation for Feedback Enter */
@-webkit-keyframes feedbackMessageSlideDown {
0% {
-webkit-transform: translateY(-100%) translateZ(0);
}
100% {
-webkit-transform: translateY(0) translateZ(0);
}
}
@keyframes feedbackMessageSlideDown {
0% {
transform: translateY(-100%) translateZ(0);
}
100% {
transform: translateY(0) translateZ(0);
}
}
/* Right-to-left */
.is-rtl {
direction: rtl;
}
.is-rtl .feedback-message-text {
padding-right: 20px;
padding-left: 0;
}