:root{
    
    --brand-color: hsl(356, 93%, 54%);
    --brand-color-shadow: hsla(356, 93%, 54%, 0.1);
    --brand-color-hover: hsl(356, 93%, 49%);
    --brand-gray: #949494;
    --neutral-color: hsl(0, 0%, 25%);
    --neutral-color-35: hsl(0, 0%, 35%);
    --neutral-color-30: hsl(0, 0%, 30%);
    --neutral-color-20: hsl(0, 0%, 20%);
    --neutral-color-15: hsl(0, 0%, 15%);
    --brand-black: #1a1a1a;
    --body-background: #282828;
    --body-color: #e6e6e6;

    --simple-white: #ffffff;

    --padding: 1rem;

    --icon-size: 20px;

    --font-default-size: 1vw;
    --font-normal: 1.2rem;
    
    --default-transition-duration: 0.25s;
    --default-transition-method: linear;
    --default-transition-target: all;
    --default-transition: var(--default-transition-target) var(--default-transition-duration) var(--default-transition-method);

    --background-box: var(--body-color);
    --background-header: var(--neutral-color);
    
    --color-box: var(--brand-black);
    --color-box-highlighted: var(--brand-color);
    --color-header: var(--body-color);

}

@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

body {
    background: var(--brand-black);
    color: var(--body-color);
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    margin: 0;
    max-height: 100%;
    min-height: 100%;
    padding: 0;
    overflow-x: hidden;
}

html {
    font-size: var(--font-default-size);
    height: 100%;
    margin: 0;
    max-height: 100%;
    min-height: 100%;
    padding: 0;
}

.content-app-editor-nest-news {
    background-color: var(--brand-gray);
}

.content-app-editor-nest-products {
    background-color: var(--brand-gray);
}

.content-app-editor-news {
    background-color: var(--body-color);
    color: var(--brand-black);
    font-size: 1rem;
    height: 60vh;
    max-height: 60vh;
    min-height: 60vh;
}

.content-app-editor-news div {
    overflow-x: hidden;
    overflow-y: auto;
}

.content-app-editor-products {
    background-color: var(--body-color);
    color: var(--brand-black);
    font-size: 1rem;
    height: 60vh;
    max-height: 60vh;
    min-height: 60vh;
}

.content-app-editor-products div {
    overflow-x: hidden;
    overflow-y: auto;
}

.content-bigbox {
    padding: 5vmin 20vmin 5vmin 20vmin;
}

.content-bigbox-body {
    max-height: 60vh;
    padding: 0 2vw 0 2vw;
    margin-bottom: 3vh;
    margin-top: 3vh;
    overflow-y: scroll;
}

.content-bigbox-btn {
    padding-bottom: 5vmin;
    text-align: center;
}

.content-bigbox-card {
    background-color: var(--background-box);
    color: var(--color-box);
    overflow: hidden;
    border-radius: 2vmin;
}

.content-bigbox-card-dataeditor {
    background-color: var(--neutral-color-35);
    color: var(--body-color);
}

.content-bigbox-card-docupload {
    background-color: var(--neutral-color-35);
    color: var(--body-color);
}

.content-bigbox-header {
    background-color: var(--background-header);
    color: var(--color-header);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.2vmin;
    padding-bottom: 1.5vmin;
    padding-top: 1.5vmin;
    text-align: center;
}

.content-bigbox-item-content h1 {
    color: var(--color-box-highlighted);
    font-size: 1.5rem;
    font-weight: 600;
}

.content-bigbox-item-content p {
    font-size: 1.25rem;
}

.content-bigbox-item-content span {
    color: var(--color-box-highlighted);
    font-weight: 600;
}

.content-bigbox-item-icon {
    color: var(--color-box-highlighted);
    font-size: 4rem;
    height: 100%;
    min-height: 100%;
    line-height: 4rem;
    text-align: center;
    vertical-align: middle;
}

.content-bigbox-item-icon span {
    font-size: 4rem;
    font-weight: 200;
}

.content-bigbox-item-row {
    margin-bottom: 2vh;
    margin-top: 2vh;
}

.content-bigbox-list {
    height: 60vh;
    min-height: 60vh;
}

.content-btn {
    background-color: var(--neutral-color);
    color: var(--body-color);
    display: inline-block;
    transition: var(--default-transition);
}

.content-btn-account {
    background-color: var(--brand-gray);
    color: var(--brand-black);
}

.content-btn-account:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-btn-bigbox {
    border-radius: 1vmin;
    padding: 0.5vmin 5vmin 0.5vmin 5vmin;
}

.content-btn-bigbox-cancel {
    background-color: var(--neutral-color);
    color: var(--body-color);
    margin-left: 2.5vmin;
}

.content-btn-bigbox-cancel:hover {
    background-color: var(--brand-black);
    color: var(--brand-color);
}

.content-btn-bigbox-delete {
    background-color: var(--neutral-color);
    color: var(--body-color);
    margin-left: 2.5vmin;
}

.content-btn-bigbox-delete:hover {
    background-color: var(--brand-black);
    color: var(--brand-color);
}

.content-btn-bigbox-images {
    max-width: 80%;
    min-width: 80%;
    width: 80%;
}

.content-btn-bigbox-inactive {
    background-color: var(--brand-gray);
    color: var(--neutral-color);
    margin-left: 2.5vmin;
}

.content-btn-bigbox-inactive:hover {
    background-color: var(--brand-gray);
    color: var(--neutral-color);
}

.content-btn-bigbox-ok {
    margin-right: 2.5vmin;
}

.content-btn-bigbox-upload {
    background-color: var(--neutral-color);
    color: var(--body-color);
    margin-left: 2.5vmin;
}

.content-btn-bigbox-upload:hover {
    background-color: var(--brand-black);
    color: var(--brand-color);
}

.content-btn-card {
    background-color: var(--brand-gray);
    color: var(--brand-black);
    margin-bottom: 1vh;
    margin-top: 1vh;
}

.content-btn-card:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-btn-document {
    background-color: var(--neutral-color-35);
    max-width: 100%;
    min-width: 100%;
    padding-top: 0.1vmin;
    padding-bottom: 0.1vmin;
    width: 100%;
}

.content-btn-document:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-btn-login {
    border-radius: 1vmin;
    padding: 0.5vmin 5vmin 0.5vmin 5vmin;
}

.content-btn-page {
    display: inline-block;
}

.content-btn-page:hover {
    background-color: var(--body-color);
    color: var(--neutral-color);
}

.content-btn-primary {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-btn-primary:hover {
    background-color: var(--neutral-color);
    color: var(--body-color);
}

.content-btn-smallbox {
    border-radius: 1vmin;
    padding: 0.5vmin 5vmin 0.5vmin 5vmin;
}

.content-btn-smallbox-cancel {
    background-color: var(--neutral-color);
    color: var(--body-color);
    margin-left: 2.5vmin;
}

.content-btn-smallbox-cancel:hover {
    background-color: var(--brand-black);
    color: var(--brand-color);
}

.content-btn-user {
    background-color: var(--brand-gray);
    color: var(--brand-black);
    max-width: 40%;
    min-width: 40%;
    padding-bottom: 0;
    padding-top: 0;
    width: 40%;
}

.content-btn-user:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-btn-user-thin {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    max-width: 30%;
    min-width: 30%;
    width: 30%;
}

.content-card {
    background-color: var(--neutral-color);
    border-radius: 1vmin;
}

.content-card-body-row {
    padding: 1vmin;
}

.content-card-btn-nest-account {
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.content-card-category-list-header-row {
    font-weight: 600;
    padding-bottom: 2vh;
    padding-top: 2vh;
}

.content-card-category-list-nest {
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.content-card-header-row {
    background-color: var(--neutral-color-20);
    border-radius: 1vmin 1vmin 0 0;
    padding: 1vmin;
}

.content-card-input input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 75%;
    transition: var(--default-transition);
}

.content-card-input input:disabled {
    border: 0;
    color: var(--body-color);
}

.content-card-input input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-card-input span {
    display: inline-block;
    margin-right: 5%;
    text-align: right;
    width: 15%;
}

.content-card-input-news-link input {
    width: 70%;
}

.content-card-input-products-link input {
    width: 70%;
}

.content-card-input-nest-account {
    text-align: left;
}

.content-card-input-nest-account input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 90%;
    transition: var(--default-transition);
}

.content-card-input-nest-account input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-card-label-account {
    text-align: right;
}

.content-card-row-account {
    padding-bottom: 1vmin;
    padding-top: 1vmin;
}

.content-card-select {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 75%;
    transition: var(--default-transition);
}

.content-card-select-images {
    max-width: 80%;
    min-width: 80%;
    width: 80%;
}

.content-card-user-list-header-row {
    font-weight: 600;
    padding-bottom: 2vh;
    padding-top: 2vh;
}

.content-card-value-account {
    text-align: left;
}

.content-category-list-item-btn span {
    border-radius: 0.5vmin;
    cursor: default;
    padding-left: 0.5vmin;
    padding-right: 0.5vmin;
    transition: var(--default-transition);
}

.content-category-list-item-btn span:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-category-list-item-label {
    font-size: 0.75rem;
    overflow: hidden;
    white-space: nowrap;
}

.content-category-list-item-label input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 100%;
    transition: var(--default-transition);
}

.content-category-list-item-label input:disabled {
    border: 0;
    color: var(--body-color);
}

.content-category-list-item-label input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-category-list-item-row {
    padding-bottom: 0.5vh;
    padding-top: 0.5vh;
}

.content-category-list-item-row:nth-child(odd) {
    background-color: var(--neutral-color-30);
}

.content-category-list-item-value {
    transition: var(--default-transition);
}

.content-category-list-item-value:hover {
    background-color: #F2C52C20;
    transition: var(--default-transition);
}

.content-category-list-item-value-off {
    color: #F71E2A;
}

.content-category-list-item-value-on {
    color: #45FF73;
}

.content-copy-news-link {
    align-self: center;
    height: auto;
    max-width: 5%;
    width: 5%;
    text-align: left;
    transition: var(--default-transition);
}

.content-copy-news-link:hover {
    color: var(--brand-color);
}

.content-copy-products-link {
    align-self: center;
    height: auto;
    max-width: 5%;
    width: 5%;
    text-align: left;
    transition: var(--default-transition);
}

.content-copy-products-link:hover {
    color: var(--brand-color);
}

.content-dataeditor-item input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    max-width: 100%;
    min-width: 100%;
    transition: var(--default-transition);
    width: 100%;
}

.content-dataeditor-item input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-dataeditor-item-row {
    padding-bottom: 1vmin;
    padding-top: 1vmin;
}

.content-doc-upload-input-headline span {
    color: var(--brand-gray);
}

.content-doc-upload-input-item input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 100%;
    transition: var(--default-transition);
}

.content-doc-upload-input-item input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-doc-upload-label {
    overflow: hidden;
    white-space: nowrap;
}

.content-doc-upload-row-headline {
    background-color: var(--neutral-color);
    color: var(--body-color);
    font-weight: 600;
    margin-bottom: 1vh;
    padding-bottom: 1vh;
    padding-top: 1vh;
}

.content-doc-upload-row-item {
    margin-bottom: 1vh;
    padding-bottom: 1vh;
    padding-top: 1vh;
}

.content-doc-upload-row-item:nth-child(odd) {
    background-color: #0000001a;
}

.content-document-item-row {
    padding-bottom: 0.5vmin;
    padding-top: 0.5vmin;
}

.content-document-item-row:hover {
    color: var(--brand-color);
    transition: var(--default-transition);
}

.content-document-item-row:nth-child(odd) {
    background-color: #0000001a;
}

.content-document-name {
    overflow: hidden;
    white-space: nowrap;
}

.content-document-item-row input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    width: 100%;
    transition: var(--default-transition);
}

.content-document-item-row input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-document-selector-list-item {
    margin-bottom: 1vmin;
    margin-top: 1vmin;
    padding-left: 2vmin;
    padding-right: 2vmin;
}

.content-document-selector-list-item span {
    background-color: #0000001a;
    border-radius: 1vmin;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
    padding: 0.25vmin 1vmin 0.25vmin 1vmin;
    transition: var(--default-transition);
    width: 100%;
    white-space: nowrap;
}

.content-document-selector-list-item span:hover {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-form-hidden {
    display: none;
}

.content-home-tile {
    background-color: var(--neutral-color);
    border-radius: 2vmin;
    color: var(--body-color);
    font-size: 2rem;
    padding: 2vmin;
    transition: var(--default-transition);
    width: 100%;
}

.content-home-tile:hover {
    color: var(--brand-color);
}

.content-home-tile span {
    display: block;
    font-size: 5rem;
    font-weight: 200;
    margin-bottom: 2vh;
}

.content-home-tile-disallowed {
    color: var(--neutral-color);
    transition: none;
}

.content-home-tile-disallowed:hover {
    color: var(--neutral-color);
}

.content-home-tiles-row {
    padding-bottom: 2vh;
    padding-top: 2vh;
}

.content-image-nest img {
    max-height: 100%;
    max-width: 100%;
}

.content-image-selector-list-item {
    background-color: var(--body-color);
    height: 20vh;
    max-height: 20vh;
    margin: 1vmin;
    min-height: 20vh;
    padding: 0.1vmin;
    transition: var(--default-transition);
}

.content-image-selector-list-item:hover {
    background-color: var(--brand-color-shadow);
}

.content-image-side-list-imagelist-item {
    background-color: var(--neutral-color-20);
    height: 8vh;
    max-height: 8vh;
    margin: 1vmin;
    min-height: 8vh;
    padding: 0.1vmin;
    transition: var(--default-transition);
}

.content-image-side-list-imagelist-item:hover {
    background-color: var(--brand-color);
}

.content-image-side-list-imagelist-item-active {
    background-color: var(--brand-color);
}

.content-images-list-item {
    background-color: var(--body-color);
    height: 20vh;
    max-height: 20vh;
    margin: 1vmin;
    min-height: 20vh;
    padding: 0.1vmin;
    transition: var(--default-transition);
}

.content-images-list-item:hover {
    background-color: var(--brand-color);
}

.content-images-list-item-active {
    background-color: var(--brand-color) !important;
}

.content-log-entry-row {
    padding-bottom: 0.5vmin;
    padding-top: 0.5vmin;
}

.content-log-entry-row:nth-child(odd) {
    background-color: #0000001a;
}

.content-login-btn {
    padding-bottom: 4vmin;
    padding-top: 2vmin;
}

.content-login-card {
    background-color: var(--brand-gray);
    overflow: hidden;
    border-radius: 2vmin;
}

.content-login-header {
    background-color: var(--neutral-color);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.2vmin;
    margin-bottom: 2vmin;
    padding-bottom: 1.5vmin;
    padding-top: 1.5vmin;
}

.content-login-input {
    padding-left: 5vmin;
    text-align: left;
}

.content-login-input input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    transition: var(--default-transition);
}

.content-login-input input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-login-input span {
    color: var(--brand-color);
    display: inline-flex;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-left: 1vw;
    transition: var(--default-transition);
    vertical-align: middle;
}

.content-login-input span:hover {
    color: var(--body-color);
}

.content-login-input-row {
    background-color: var(--brand-gray);
    padding-bottom: 1vmin;
    padding-top: 1vmin;
    transition: var(--default-transition);
}

.content-login-label {
    padding-right: 5vmin;
    text-align: right;
}

.content-login-logo {
    padding-bottom: 10vh;
}

.content-main-content {
    height: 100%;
    margin: 0;
    max-height: 100%;
    min-height: 100%;
    padding: 0;
    z-index: 100;
}

.content-news-image {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

.content-news-list {
    background-color: var(--neutral-color-20);
    height: 80vh;
    max-height: 80vh;
    max-width: 100%;
    min-height: 80vh;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1vmin;
    width: 100%;
}

.content-news-list-empty {
    color: var(--neutral-color-35);
    padding-top: 2vh;
}

.content-news-list-item {
    background-color: var(--neutral-color-30);
    margin-bottom: 1vmin;
    margin-top: 1vmin;
    padding: 1vmin;
    transition: var(--default-transition);
}

.content-news-list-item:hover {
    background-color: var(--brand-color);
}

.content-news-list-item-active {
    background-color: var(--brand-color);
}

.content-news-main-image-nest {
    height: 30vh;
    max-height: 30vh;
    max-width: 100%;
    min-height: 30vh;
    min-width: 100%;
    width: 100%;
}

.content-products-list {
    background-color: var(--neutral-color-20);
    height: 80vh;
    max-height: 80vh;
    max-width: 100%;
    min-height: 80vh;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1vmin;
    width: 100%;
}

.content-products-list-empty {
    color: var(--neutral-color-35);
    padding-top: 2vh;
}

.content-products-list-item {
    background-color: var(--neutral-color-30);
    margin-bottom: 1vmin;
    margin-top: 1vmin;
    padding: 1vmin;
    transition: var(--default-transition);
}

.content-products-list-item:hover {
    background-color: var(--brand-color);
}

.content-products-list-item-active {
    background-color: var(--brand-color);
}

.content-products-side-list {
    background-color: var(--neutral-color-20);
    height: 12.5vh;
    max-height: 12.5vh;
    max-width: 100%;
    min-height: 12.5vh;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1vmin;
    width: 100%;
}

.content-products-side-list-datalist-item {
    background-color: var(--neutral-color-30);
    font-size: 0.75rem;
    margin-bottom: 0.4vmin;
    margin-top: 0.4vmin;
    overflow: hidden;
    padding: 0.4vmin;
    text-align: left;
    transition: var(--default-transition);
    white-space: nowrap;
}

.content-products-side-list-datalist-item:hover {
    background-color: var(--brand-color);
}

.content-products-side-list-datalist-item span {
    font-weight: 600;
}

.content-products-side-list-datalist-item-active {
    background-color: var(--brand-color);
}

.content-products-side-list-doclist-item {
    background-color: var(--neutral-color-30);
    font-size: 0.75rem;
    margin-bottom: 0.4vmin;
    margin-top: 0.4vmin;
    overflow: hidden;
    padding: 0.4vmin;
    text-align: left;
    transition: var(--default-transition);
    white-space: nowrap;
}

.content-products-side-list-doclist-item:hover {
    background-color: var(--brand-color);
}

.content-products-side-list-doclist-item-active {
    background-color: var(--brand-color);
}

.content-products-side-list-empty {
    color: var(--neutral-color-35);
    padding-top: 0.5vh;
}

.content-products-main-image-nest {
    height: 30vh;
    max-height: 30vh;
    max-width: 100%;
    min-height: 30vh;
    min-width: 100%;
    width: 100%;
}

.content-page-btns {
    font-size: 2rem;
    height: 2rem;
    line-height: 2rem;
    max-height: 2rem;
    min-height: 2rem;
    padding-right: 1vw;
    text-align: right;
}

.content-page-btns-nest {
    position: absolute;
    right: 2vw;
    top: 2vh;
    z-index: 450;
}

.content-section-news-editor {
    border-left: 0.1vh solid var(--neutral-color-30);
    border-right: 0.1vh solid var(--neutral-color-30);
    text-align: left;
}

.content-section-part-products-list-btns {
    text-align: right;
}

.content-section-part-row {
    margin-bottom: 2vh;
    margin-top: 2vh;
}

.content-section-products-editor {
    border-left: 0.1vh solid var(--neutral-color-30);
    border-right: 0.1vh solid var(--neutral-color-30);
    text-align: left;
}

.content-smallbox {
    padding: 5vmin 30vmin 5vmin 30vmin;
}

.content-smallbox-body {
    max-height: 60vh;
    padding: 0 2vw 0 2vw;
    margin-bottom: 3vh;
    margin-top: 3vh;
    overflow-y: scroll;
}

.content-smallbox-btn {
    padding-bottom: 5vmin;
    text-align: center;
}

.content-smallbox-card {
    background-color: var(--background-box);
    color: var(--color-box);
    overflow: hidden;
    border-radius: 2vmin;
}

.content-smallbox-header {
    background-color: var(--background-header);
    color: var(--color-header);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.2vmin;
    padding-bottom: 1.5vmin;
    padding-top: 1.5vmin;
    text-align: center;
}

.content-smallbox-item-row {
    margin-bottom: 2vh;
    margin-top: 2vh;
}

.content-smallbox-list {
    height: 60vh;
    min-height: 60vh;
}

.content-span-primary {
    color: var(--brand-color);
}

.content-symbol-empty {
    color: var(--neutral-color);
}

.content-upload-progress {
    animation: spinner 4s linear infinite;
    border: 1rem solid var(--body-color);
    border-radius: 50%;
    border-top: 1rem solid var(--brand-color);
    height: 10rem;
    margin: auto;
    width: 10rem;
}

.content-user-field input {
    background-color: var(--brand-black);
    border: 0;
    color: var(--body-color);
    font-weight: 600;
    max-width: 100%;
    min-width: 100%;
    transition: var(--default-transition);
    width: 100%;
}

.content-user-field input:focus {
    background-color: var(--brand-color);
    color: var(--body-color);
}

.content-user-list-header {
    font-size: 0.75rem;
    overflow: hidden;
    white-space: nowrap;
}

.content-user-list-item-row {
    padding-bottom: 1vh;
    padding-top: 1vh;
}

.content-user-list-item-row:nth-child(odd) {
    background-color: var(--neutral-color-30);
}

.rixel-cover {
    background-color: #00000080;
    height: 100%;
    left: 0;
    max-height: 100%;
    min-height: 100%;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 200;
}

.rixel-cursor-default {
    cursor: default;
}

.rixel-disable-select {
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.rixel-flip-horizontally {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rixel-flip-vertically {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.rixel-full-height {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.rixel-full-width {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.rixel-justify-text {
    text-align: justify;
}

.rixel-no-margin-and-padding {
    margin: 0;
    padding: 0;
}

.rixel-overflow-hidden {
    overflow: hidden;
}

.rixel-toast {
    background-color: #ffffff;
    border-radius: 0.5vmin;
    bottom: 5%;
    color: #000000;
    cursor: default;
    font-size: 0.5vmin;
    left: 50%;
    max-width: 33vw;
    min-width: 33vw;
    position: absolute;
    transform: translate(-50%, 0px);
    width: 33vw;
    z-index: 500;
}

.rixel-toast-body {
    font-size: 1vw;
    font-weight: 600;
    padding: 1vmin;
}