@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;
}