@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
        url('./Fonts/Quicksand-Light.woff2') format('woff2');
  }

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./Fonts/Quicksand-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
        url('./Fonts/Quicksand-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
        url('./Fonts/Quicksand-Bold.woff2') format('woff2');
}
.layer.layer-name-header.layer-name-header-small {
    height: 350px;
    min-height: auto;
}
.layer.layer-name-header.layer-name-header-small .layer-title {
    text-transform: inherit;
}
.layer.layer-name-header {
    height: 100%;
    background-color: #3174d7;
    color: white;
    z-index: 99;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    min-height: 100vh;
    position: relative;
    justify-content: center;
}
.layer.layer-name-header .layer-image img {
    width: 500px;
}
form {
    width: 100%;
}
* {
    box-sizing: border-box;
}
i + span {
    margin-left: 5px;
}
.vertical-align {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form .form-row {
    padding: 13px;
    border-bottom: 1px solid #f3f3f3;
    gap: 1rem;
    display: grid;
}
.form > :last-child {
    border-width: 0;
}
.form .form-row .form-text {
    width: 100%;
    text-align: left;
}
.form .form-row .form-text span {
    font-weight: 600;
}
.form .form-row .form-option {
    width: 100%;
    text-align: left;
}
.form .form-row textarea {
    width: 100%;
}
.form .form-row .form-row-body {
    display: flex;
    gap: 5px;
}
.form .form-row.form-row-type-html .form-row-body {
    flex-direction: column;
}
input[type="email"], input[type="number"], input[type="password"], input[type="text"] {
    cursor: initial;
    width: 100%;
    border-width: 0;
    border-bottom: 2px solid #4d4d4d;
    padding: 5px;
    font-size: 15px;
}
.layer.layer-name-plugin .sidebar img {
    border-radius: 15px;
}
.layer.layer-name-plugin .sidebar {
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.layer.layer-name-plugin .sidebar .button {
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.layer.layer-name-plugin .sidebar .block {
    transform: none;
    width: auto;
}
.layer.layer-name-plugin .sidebar .block .table .key {
    font-weight: 600;
}
.layer.layer-name-plugin .sidebar .block .table + .table {
    margin-top: 5px;
}
.layer.layer-name-plugin .sidebar .block .table {
    display: flex;
    justify-content: space-between;
}
.layer.layer-name-plugin .sidebar .block hr {
    background-color: #f4f4f4;
    border-width: 0;
    width: 100%;
    height: 2px;
}
.review-list .review-body p {
    margin-top: 10px;
}
.review hr {
    background-color: #f4f4f4;
    border-width: 0;
    height: 2px;
    width: 100%;
}
.review .review-bottom {
    text-align: right;
}
.brand {
    padding: 0;
    width: 310px;
    height: 50px;
    margin: 0;
    vertical-align: top;
}
.layer h2 {
    font-size: 40px;
    margin-top: 0;
    text-transform: uppercase;
}
.review-list .review {
    justify-content: initial !important;
    flex-direction: column;
}
.review-list .review .review-head {
    display: flex;
    align-items: center;
    gap: 10px;
    color: grey;
}
.review.review-new .review-head {
    justify-content: space-between;
    margin-bottom: 10px;
}
body {
    margin: 0;
    height: 100%;
}
html {
    background-color: #f4f4f4;
    font-family: Quicksand, sans-serif !important;
    color: #4e4e4e;
    font-size: 15px;
    overflow-y: scroll;
    min-height: 100%;
    overflow-x: hidden;
    position: relative;
    height: 100%;
}
.update-list .update, .review-list .review {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.plugin {
    padding: 10px 15px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    background-color: white;
    border-radius: 20px;
}
.update-list .update:not(:last-child), 
.review-list .review:not(:last-child)
{
    border-bottom: 2px solid #f4f4f4
}
.update-list .update .update-name {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: 600;
}
.update-list .update .update-info {
    color: grey;
}
.update-list .update .update-button {
    display: flex;
    gap: 15px;
    align-items: center;
}
.update-list .update .update-button .button-red {
    background-color: #de4b4b;
}
.update-list .update .update-button .button-orange {
    background-color: #dc963f;
}
.update-list .update .update-button a {
    color: white;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    text-transform: initial;
}
.update-list, .review-list {
     border-radius: 15px;
     box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
     background-color: white;
}
.overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    opacity: 0.5;
    z-index: 9999;
}
.navbar {
    z-index: 999;
    position: fixed;
    width: 100%;
    transition: background-color 0.3s ease;
    top: 0;
    background-color: #3174d7;
    z-index: 9999;
}

.navbar.navbar-fixed {
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 18%);
}

.navbar .navbar-button:not(.navbar-button-filled) a:after {
    display:block;
    content: '';
    border-bottom: solid 2px white;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    width: 100%;
    height: 2px;
}
.navbar .navbar-button a:hover:after {
    transform: scaleX(1);
}

.navbar .navbar-content {
    text-align: right;
    position: relative;
    padding: 15px 0;
}

.navbar.navbar-mobile .navbar-content {
    display: grid;
    text-align: center;
}

.navbar .navbar-content img {
    height: 30px;
    float: left;
    width: auto;
    margin-top: 3px;
}

.navbar.navbar-mobile .navbar-content img {
    margin: 0 auto;
    margin-bottom: 20px;
}

.layer-container, .navbar-container {
    margin: 0 auto;
    padding: 0 25px;
    max-width: 1300px;
}
.navbar-container {
    display: inherit;
}
.layer .layer-container-full {
    max-width: 100%;
}
.layer.layer-name-czech .layer-body, .layer.layer-name-source .layer-body, .layer.layer-name-speed .layer-body {
    display: flex;
    gap: 20px;
    align-items: center;
}
.navbar .navbar-button {
    margin-right: 30px;
    display: inline-block;
}

.navbar .navbar-button:not(.navbar-button-filled) {
    padding: 9px 0;
}

.navbar .navbar-button.navbar-button-filled a:hover {
    background-color: transparent;
    color: white;
}

.navbar .navbar-button.navbar-button-filled a:hover {
    background-color: white;
    color: #3174d7;
}

.navbar .navbar-button.navbar-button-filled a {
    border-color: white;
    color: white;
    padding: 10px 15px;
    font-weight: 700;
    border: 2px solid white;
    border-radius: 15px;
}

.navbar .navbar-button a {
    font-weight: 600;
    z-index: 99;
    font-size: 15px;
    align-items: center;
    text-transform: uppercase;
    display: inline-block;
    color: white;
}
.navbar .navbar-button a .navbar-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar .navbar-button a .navbar-button-content svg {
    margin-right: 5px;

}
li {
    display: inline-block;
}
.navbar a svg {
    height: 0.85em;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a, button, input {
    color: #4e4e4e;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
    width: auto;
    -webkit-appearance: push-button;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    word-break: break-word;
    display: initial;
    position: relative;
    z-index: 1;
    text-align: left;
    line-height: normal;
    border-width: 0;
}
.layer.layer-name-breadcrumb {
    padding-top: 30px;
    padding-bottom: 0;
}
.layer.layer-name-breadcrumb .layer-container {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
}
.layer.layer-name-breadcrumb a:hover {
    color: #3174d7;
}
.layer {
    padding: 40px 0;
    text-align: center;
}
.review.review-new .button {
    font-size: 15px;
    padding: 8px 12px;
    margin: 0;
    box-shadow: none;
}
.review .review-bottom .button {
    font-size: 12px;
    padding: 4px 10px;
    margin: 0;
    text-transform: initial;
    box-shadow: none;
}
.button:hover {
    background-color: #285fb1;
}
.button.button-red {
    background-color: #de4b4b;
}
.button.button-red:hover {
    background-color: #ba3f3f;
}
.review.review-new textarea {
    width: 100%;
    min-height: 100px;
}
textarea {
    width: 100%;
    visibility: inherit !important;
    font-family: Quicksand, sans-serif;
    font-size: 15px;
    padding: 5px;
    resize: vertical;
    border: 1px solid #e6e6e6;
    outline: 0;
    min-height: 150px;
}
.button.button-delete, .button.button-deletes {
    background-color: #de4b4b;
}
.button.button-edit, .button.button-edits {
    background-color: #f4970d;
}
.button {
    background-color: #3072d4;
    padding: 10px 16px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    line-height: normal;
    height: auto;
    display: inline-block;
    text-align: center;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 18%);
    border-radius: 15px;
}

.layer .layer-content {
    width: 60%;
}
.layer.layer-name-speed .layer-content {
    text-align: right;
}
.layer.layer-name-core .layer-content {
    
display: flex;
    
flex-direction: column;
    
gap: 20px;
    
width: 100%;
}
.layer.layer-name-core .block {
    width: 100%;
}
.layer.layer-name-news .block, .layer.layer-name-plugins .block  {
    padding: 0;
}
.block {
    padding: 20px 20px;
    display: inline-block;
    background-color: white;
    text-align: left;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    z-index: 99;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    align-items: end;
    vertical-align: top;
    position: relative;
    border-radius: 20px;
}
.form {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    background-color: white;
    width: 100%;
    border-radius: 15px;
}
.layer.layer-name-plugin .panel .panel-right {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}
.panel .button {
    font-size: 15px;
    gap: 10px;
    text-transform: initial;
    margin-top: 0;
}
.panel {
    text-align: right;
}
.panel .button i {
    margin-right: 7px;
}
.tab {
    display: flex;
    background: white;
    width: max-content;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    border-radius: 20px;
}
.tab :first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.tab :last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.tab a:hover {
    border-bottom-color: #3174d7;
}
.block .block-body .block-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}
.block .block-body .block-bottom .block-version {
    font-size: 17px;
    font-weight: 600;
}
.tab a {
    padding: 10px 15px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    border-bottom: 2px solid white;
    font-weight: 600;
}
.tab a.tab-button-active {
    background-color: #3174d7;
    color: white;
    border-bottom-color: #3174d7;
}
.layer.layer-name-plugin .layer-container {
    align-items: flex-start;
    width: 100%;
}
.layer.layer-name-plugin .layer-body {
    width: 100%;
    display: flex;
    gap: 20px;
}
.layer.layer-name-plugin .layer-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.layer.layer-name-plugin .plugin-name {
    margin-bottom: 0;
    text-transform: initial;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 10px;
    margin-bottom: 10px;
} 
.layer.layer-name-news .block .block-body, .layer.layer-name-plugins .block .block-body {
    padding: 15px 20px;
    display: grid;
    gap: 10px;
}

.layer.layer-name-plugins .layer-container {
    gap: 25px;
    display: grid;
}
.layer .layer-body {
    text-align: left;
    gap: 20px;
}
.layer.layer-name-plugins .layer-body {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    text-align: initial;
    flex-wrap: wrap;
    align-items: flex-start;
}
.layer .layer-image + .layer-body {
    text-align: left;
}

@media (max-width: 800px) {
    .layer.layer-name-czech .layer-container, .layer.layer-name-speed .layer-container, .layer.layer-name-source .layer-container {
        flex-direction: column;
    }

    .layer.layer-name-czech .layer-body > *, .layer.layer-name-speed .layer-body > *, .layer.layer-name-source .layer-body > * {
        width: 100%;
    }
    .layer.layer-name-czech .layer-container {
        flex-direction: column-reverse;
    }

     .layer.layer-name-header .layer-image, .layer.layer-name-czech .layer-image, .layer.layer-name-speed .layer-image, .layer.layer-name-source .layer-image {
         display: none;
     }
     .layer.layer-name-header .layer-body {
         text-align: center !important;
     }
}

.block .block-icon {
    margin-right: 10px;
    background-color: transparent;
    color: #3072d3;
    padding: 10px;
    border-radius: 100px;
    font-size: 25px;
    float: left;
}
.layer .layer-image {
    width: 40%;
    position: relative;
    display: flex;
    justify-content: center;
}

.block .block-icon + .block-body {
    margin-left: 60px;
}
.layer.layer-name-core .layer-body, .layer.layer-name-news .layer-body, .layer.layer-name-statistics .layer-body, .layer.layer-name-functions .layer-body, .layer.layer-name-plugins .layer-body {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    align-items: flex-start;
    display: grid;
}
.layer.layer-name-core .layer-body {
    align-items: center;
}
.layer.layer-name-news .layer-container, .layer.layer-name-plugins.layer-body {
    align-items: flex-start;
}
.layer.layer-name-brands .layer-body {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.layer .layer-title + .layer-container {
    margin-top: 40px;
}
.layer.layer-name-core .layer-container {
    gap: 20px;
}
.layer .layer-image img {
    width: 300px;
    margin: 0 auto;
    display: block;
    transition: opacity 0.3s ease;
}
.block .block-type {
    color: #878787;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -10px;
}
.block .block-title {
    color: #4e4e4e;
    font-size: 25px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}
.layer-title {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
}
.block .block-text {
    color: #878787;
    font-size: 15px;
}
.layer .layer-text {
    font-size: 17px;
    line-height: 25px;
    color: #878787;
}
.layer.layer-name-footer .button.button-circle:hover {
    background-color: #202020;
    color: white !important;
}
.button.button-circle {
    transition: background-color 0.3s ease;
    background-color: #3072d3;
    width: max-content;
    color: white;
    border-radius: 100%;
    padding: 10px;
    font-size: 18px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layer.layer-name-footer .layer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: initial;
    width: auto;
}
.layer.layer-name-footer a {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.layer.layer-name-footer .layer-container > :last-child a, .layer.layer-name-header .layer-title {
    text-transform: none;
}

.layer.layer-name-footer a:not(.button-circle):hover {
    color: #3072d3;
}

.layer.layer-name-footer > :last-child a {
    color: grey;
    text-transform: none;
    font-weight: 400;
}
.layer.layer-name-footer > .layer-content {
    background-color: #3072d3;
    padding: 20px 0;
    color: white;
}
.layer.layer-name-footer > .layer-container {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.layer.layer-name-footer {
    padding: 0;
    background-color: #282828;
    bottom: 0;
    /* position: absolute; */
    margin-top: auto;
    width: 100%;
}
@keyframes animate-fade-in-right
{
   0% { transform: translate(100px,0px); opacity: 0;  }
   100% { transform: translate(0px,0px); opacity: 1;  }
}
.layer.layer-name-header .layer-description {
    font-size: 30px;
    display: block;
    opacity: 0;
    animation: animate-fade-in-right 1s ease 1s forwards;
}
.layer.layer-name-header .layer-title {
    word-break: break-all;
    font-weight: 500;
    font-size: 60px;
    opacity: 1;
    display: block;
}
.layer.layer-name-header:not(.layer-name-header-small) .layer-title
{
    animation: animate-fade-in-right 1s ease .1s forwards;
    opacity: 0;
}

.layer.layer-name-header .layer-body .button {
    padding: 10px 30px;
    line-height: normal;
    font-size: 20px;
    height: auto;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    border: 2px solid white;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 18%);
    opacity: 0;
    color: white;
    animation: animate-fade-in-right 1s ease 2s forwards;
    transform: color 0.3s ease, background 0.3s ease;
}
.layer.layer-name-header .button.button-filled {
    background-color: white;
    color: #3174d7;
    margin-right: 30px;
    opacity: 0;
    animation: animate-fade-in-right 1s ease 1.5s forwards;
}
.layer.layer-name-header .button:hover {
    background-color: white;
    color: #3174d7;
}
.layer.layer-name-header .button.button-filled:hover {
    background-color: transparent;
    color: white;
}
.layer.layer-name-header .layer-body {
    text-align: left;
    width: auto;
}
.navbar.navbar-mobile {
    display: none;
}
.navbar.navbar-mobile.navbar-opened {
    transform: translateX(0);
}
.navbar.navbar-mobile {
    position: fixed;
    width: 250px;
    transition: transform 0.5s ease;
    height: 100%;
    transform: translateX(-250px);
    box-shadow: none;
    z-index: 999999;
}
.navbar.navbar-mobile.navbar-opened + .page {
    transform: translatex(250px);
}
.page {
    transition: transform 0.5s ease;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.navbar.navbar-mobile .navbar-button {
    display: block;
    margin: 0;
    text-align: center;
    padding: 0;
}
.navbar.navbar-mobile .navbar-button-collapse {
    display: none;
}
.navbar.navbar-mobile .navbar-button a {
    padding: 15px 0;
    color: white;
    width: 100%;
    display: block;
    text-align: center;
    border-width: 0;
}
.navbar.navbar-mobile .navbar-button a:hover {
    background-color: white;
    color: #3174d7;
}
.navbar.navbar-default .navbar-button.navbar-button-collapse {
    display: none;
    transition: transform 0.5s ease;
}
.navbar.navbar-mobile .navbar-button a:hover {
    background-color: white;
    color: #3174d7;
}
.navbar.navbar-mobile .navbar-button a:after {
    display: none;
}
.navbar .navbar-button i + span {
    margin-left: 5px;
}
.navbar.navbar-mobile.navbar-opened + .page::before {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #000000;
}
.page::before {
    top: 0;
    left: 0;
    content: "";
    background-color: transparent;
    opacity: 1;
    position: absolute;
    transition: background 0.5s ease;
}
.navbar.navbar-mobile.navbar-opened + .page .navbar .navbar-button-collapse {
    transform: translateX(-250px);
}
@media (max-width: 900px)
{
    .navbar.navbar-mobile {
        display: block;
    }

    .navbar.navbar-default .navbar-button.navbar-button-collapse {
        display: inline-block;
        margin-right: 0;
    }
    
    .navbar.navbar-default .navbar-content > .navbar-button:not(.navbar-button-collapse) {
        display: none;
    }
}
.layer.layer-name-brands a:hover :last-child {
    opacity: 1;
}
.layer.layer-name-brands a :last-child {
    opacity: 0;
}
.layer.layer-name-brands a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
}
.layer.layer-name-brands a img {
    position: absolute;
    width: 180px;
    vertical-align: top;
    max-height: 80px;
    transition: 0.3s ease opacity;
}
.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #3174d7;
    color: #fff;
    z-index: 99;
    display: none;
}
.cookie .cookie-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.cookie a {
    color: #282828;
    background-color: #e9ec2e;
    padding: 5px 10px;
    font-weight: 600;
    display: block;
    float: right;
}
.cookie a:hover {
    color: #fff;
    background-color: #282828;
}

.profile {
    position: relative;
    display: inline-block;
    padding: 0!important;
}
.profile-image.profile-image-30x30 {
    width: 30px;
    height: 30px;
}
.profile-image {
    border-radius: 100%;
    background-color: #a9a9a9;
    color: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    font-size: 30px;
}
img {
    max-width: 100%;
}
label.label {
    padding: 2px 7px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    padding-left: 22px;
    position: relative;
    background-color: #3174d7;
    text-transform: none;
}
.label i {
    font-size: 10px;
    margin-right: 5px;
    display: flex;
    position: absolute;
    align-items: center;
    left: 7px;
    bottom: 0;
    top: 0;
}
.block .block-image {
    width: 100%;
    object-fit: cover;
    height: 200px;
    border-radius: 0;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
    display: flex;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
p {
    margin: 0;
}
.block.block-two-column .block-image {
    width: 320px;
    position: relative;
    padding: 0 !important;
    height: auto;
}
.layer.layer-name-statistics .block {
    text-align: center;
    background-color: transparent;
    box-shadow: none;
}
.layer.layer-name-statistics .block-number {
    display: block;
    font-size: 50px;
    color: #3072d3;
    font-weight: 600;
}
.layer.layer-name-statistics .block-title {
    font-size: 20px;
}
.panel .panel-right > * {
    display: inline-block;
}
.panel.panel-footer .panel-bottom {
    justify-content: flex-end;
    margin: 0;
}
.panel .dropdown.dropdown-opened > a {
    color: #3174d7;
}
.panel .panel-right .dropdown > a {
    line-height: 41px;
    font-weight: 500;
    background-color: #fff;
    display: flex;
    z-index: 90;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #4e4e4e;
    border-radius: 15px;
}
.dropdown .dropdown-text {
    padding: 0 15px;
}
.dropdown .dropdown-row > a:hover {
    background-color: #f4f4f4;
    color: #3174d7;
}
.dropdown .dropdown-arrow {
    padding: 0 10px;
    background-color: #f4f4f4;
    transition: 0.3s background ease, 0.3s color ease;
    display: flex;
    align-items: center;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.dropdown-content:before {
    color: #4e4e4e;
    position: absolute;
    border: 0 solid transparent;
    top: -9px;
    left: 14px;
    border: 8px solid transparent;
    border-top-width: 0;
    border-bottom-color: #3174d7;
    background-color: transparent;
    padding: 0;
    content: "";
}
.dropdown-menu:hover,
.dropdown.dropdown-opened > a + .dropdown-menu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}
.dropdown-content {
    position: relative;
    border-top: 2px solid #3174d7;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    min-width: 170px;
    background-color: #fff;
    text-align: left;
    border-radius: 15px;
}
.dropdown-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    z-index: 999;
    padding-top: 7px;
}
.dropdown-type-form .dropdown-row a:hover {
    background-color: transparent !important;
}
.dropdown-content .dropdown-head {
    padding: 8px 12px;
    line-height: normal;
    border-bottom: 2px solid #f3f3f3;
    font-weight: 600;
}
.dropdown-content .dropdown-bottom {
    padding: 12px;
    border-top: 2px solid #f3f3f3;
}
.dropdown-content .dropdown-body {
    padding: 10px 0;
}
.dropdown-content .button {
    display: block;
    height: auto;
    line-height: normal;
    padding: 6px 16px;
    width: 100%;
}
.dropdown-content a i {
    font-size: 13px;
}
a.username {
    font-weight: 700;
}
.profile-image.profile-image-25x25 {
    width: 25px;
    height: 25px;
}
.dropdown-content .dropdown-body .dropdown-row > a {
    padding: 6px 16px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    word-break: normal;
    height: auto;
    color: #4e4e4e;
    gap: 15px;
}
.dropdown-head + .dropdown-body {
    max-height: 250px;
    overflow-y: auto;
}
.window {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: max-content;
    margin-top: 150px;
    z-index: 999999;
    max-width: 450px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    border-radius: 15px;
}
.window.window-alert .window-content {
    background-color: #de4b4b;
    color: #fff;
    flex-direction: row;
    justify-content: normal;
}
.window.window-alert .window-icon i {
    display: none;
    width: 15px;
    text-align: center;
}
.window.window-alert {
    margin-top: 50px;
    bottom: 0;
    right: 25px;
    top: initial;
    left: initial;
    width: initial;
}
.opacity {
    z-index: 99999;
    background-color: #00000070;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.window .window-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.window .window-icon {
    background-color: #0000001a;
    padding: 0 15px;
    display: flex;
    align-items: center;
}
.window .window-content textarea {
    height: 80px;
    min-height: 80px;
    max-height: 200px;
}
.window .window-content .window-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 15px;
    margin-top: 15px;
    color: #fff;
}
.window .window-content .window-body {
    font-weight: 600;
    padding: 20px;
    max-height: 500px;
    overflow-y: auto;
}
.window.window-alert .window-content .window-body {
    word-break: break-word;
    padding: 15px 19px;
}
.window .window-content .window-description {
    padding: 20px;
    font-weight: 600;
}
.window .window-content .window-bottom {
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
}
.window .window-content .window-bottom .button {
    width: 100%;
    font-weight: 700;
    color: #4e4e4e;
    background-color: #ddd;
    font-size: 15px;
    margin: 0;
    border-radius: 0;
}
.window .window-bottom .button:hover {
    background-color: #4e4e4e !important;
    color: #fff !important;
}
.window .window-content .window-bottom .button.button-confirm {
    background-color: #3174d7;
    color: #fff;
}
.window .window-body > :not(:last-child) {
    margin-bottom: 20px;
}
.window .window-content .window-head {
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    background-color: transparent;
    color: #3174d7;
    border-bottom: 2px solid #f3f3f3;
    box-shadow: none;
    display: flex;
    align-items: center;
}
.page-alert {
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    background-color: #de4b4b;
    width: 100%;
    display: flex;
    text-align: left;
}
.page-alert .page-alert-body .page-alert-button {
    background-color: #00000038;
    color: #fff;
    padding: 4px 8px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    min-width: max-content;
}
.page-alert .page-alert-body .page-alert-button i {
    margin-right: 5px;
}
.page-alert .page-alert-body {
    padding: 13px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-alert .page-alert-body .page-alert-content.page-alert-content-clear {
    min-height: 26px;
    display: flex;
    align-items: center;
}
.page-alert .page-alert-icon {
    padding: 13px 19px;
    background-color: #0000001a;
    display: flex;
    align-items: center;
    font-size: 18px;
}
.page-alert .page-alert-icon i {
    width: 15px;
    text-align: center;
}
.page-alert-close {
    margin-left: 15px;
    color: #fff;
    float: right;
    font-size: 18px;
    cursor: pointer;
}
.page-alert .page-alert-body .page-alert-content .page-alert-title {
    font-weight: 500;
}
.page-alert.page-alert-type-warning {
    background-color: #de4b4b;
}
.page-alert.page-alert-type-success {
    background-color: #4caf50;
}
.page-alert.page-alert-type-info {
    background-color: #3174d7;
}
.page-alert.page-alert-type-notice {
    background-color: #f4970d;
}
.checkbox label.label {
    display: block;
    padding: 4px 10px;
    border-radius: 0;
}
input[type="checkbox"] + label .checkbox-icon {
    color: transparent;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px;
    transition: all 0.3s ease;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
input[type="checkbox"],
input[type="radio"] {
    display: none;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: left;
}
label.label input[type="checkbox"] + label .checkbox-icon {
    width: 16px !important;
    height: 16px !important;
    border-width: 0 !important;
    background-color: #00000038 !important;
    padding: 2px;
    margin-right: 5px;
}
input[type="checkbox"] + label > i,
input[type="radio"] + label > i {
    border: 2px solid #3174d7;
}
input[type="checkbox"]:checked + label > i,
input[type="radio"]:checked + label > i {
    background-color: #3174d7;
}
input[type="checkbox"]:checked + label .checkbox-icon {
    background-color: #3174d7;
    color: #fff;
}
input[type="checkbox"] + label .checkbox-icon {
    border: 2px solid #3174d7;
}
.page-column .page-column-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 20px !important;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: #a9a9a9;
    color: #00000091;
    align-items: center;
    font-size: 50px;
    font-weight: 500;
    margin: 0 auto;
    background-color: #3174d7;
    color: #fff;
}
.page-column .page-column-icon i {
    font-size: 40px;
}
.page-column {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    text-align: center;
    width: 300px;
    margin: 0 25px;
}
.page-column .page-column-title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #3174d7;
    font-weight: 700;
    text-transform: uppercase;
}
.page-column.page-column-big {
    width: 500px;
}
.page-column a,
.page-column label {
    color: #3174d7;
    font-weight: 600;
    text-align: center;
}
.html-full,
.html-full body {
    height: 100%;
    overflow: auto;
}
.html-full .page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.page-column input {
    background-color: #fff;
    padding: 15px 15px;
    border-width: 0;
    color: #8a8a8a !important;
    font-weight: 700;
    font-size: 16px;
    min-width: 300px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding-left: 45px;
}
.layer.layer-name-czech .layer-image .layer-image-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}
.form .attachment-list.attachment-list-images .delete {
    background-color: #de4b4b;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.33rem;
    padding: 0.13rem 0.53rem;
    font-size: 0.87rem;
    transition: background-color 0.3s ease;
    margin-top: 0.33rem;
    cursor: pointer;
    position: absolute;
    top: 0.2rem;
    right: 0;
    z-index: 99;
}
.attachment-list.attachment-list-images img {
    height: 6.67rem;
}
.attachment-list.attachment-list-images .attachment {
    position: relative;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    display: inherit;
}
.attachment-list.attachment-list-images {
    flex-direction: row;
}
.block .block-attachment, .attachment-list {
    display: flex;
    flex-direction: column;
    gap: 0.67rem;
}
.form .attachment-list.attachment-list-images .delete:hover {
    background-color: #4e4e4e !important;
    color: #fff !important;
}
.plugin .plugin-images {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.plugin .plugin-images img {
    height: 100px;
}
.update .update-info .update-compatible > :not(:last-child):after {
    content: ", ";
    white-space: pre;
}
.update .update-info .update-compatible {
    font-weight: 600;
    font-size: 13px;
}
.opacity.opacity-show,
.window.window-show {
    animation: 0.5s ease-in-out forwards fadeIn;
}
.opacity.opacity-hide,
.window.window-hide {
    animation: 0.5s ease-in-out forwards fadeOut;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.opacity, .window {
    visibility: hidden;
}