html {font-family: 'Catamaran', sans-serif; font-weight: 400; font-size: 18px; color: #14141F}
body {margin: 0; padding: 0; text-align: center; background: url("images/main_bg.jpg") center top no-repeat; background-size: 100% auto}
body.no-bg {background-image: none}
a {color: #423399}
a img {border: none}
img {max-width: 100%}
strong {font-weight: 700}
p {line-height: 1.4; margin: 0 0 30px 0}
h1 {font-size: 2.7rem; margin: 0 0 30px 0; line-height: 1.2; font-weight: 700; color: #474755}
h1 span {color: #0EB868}
h2 {font-size: 1.6rem; margin: 0 0 30px 0; line-height: 1.3; font-weight: 500}
strong.green {color: #0CBA69;}
strong.red {color: red;}
.help { cursor: help; }

.head {background-color: #464654; color: #EDF1F8; font-size: 0.9rem;
position: fixed;width: 100%;z-index: 1000;top:0}
.head a {color: #EDF1F8; text-decoration: none}
.head-in {margin: 0 auto; width: 96%; max-width: 1290px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: left;}
.head-left {display: flex; flex-wrap: wrap; align-items: center}
.logo {display: inline-block; width: 74px; height: 40px; background: url("images/logo.svg") 12px center no-repeat; padding-left: 10px; position: relative; border-right: 1px solid #61626F}
.logo:before {display: inline-block; background: url("images/arrow_left.svg") left center no-repeat; content: ""; height: 40px; width: 10px; position: absolute; left: 0; top: 0}
.overview {margin: 0 12px; height: 40px; box-sizing: border-box; padding: 10px 7px 0 35px; line-height: 1.3; background: url("images/ico_monitor.svg") 4px 10px no-repeat; border-bottom: 3px solid #0EB968}
.upgrade {display: inline-block; height: 32px; border-radius: 3px; background-color: #0CBA69; padding: 7px 15px 5px 15px; box-sizing: border-box; line-height: 1.3}
.upgrade strong {margin-left: 5px}
.head-right {display: flex; flex-wrap: wrap; align-items: center; text-align: right}
.menu {margin: 0; padding: 0; display: flex}
.menu li {list-style-type: none; height: 40px; margin-right: 22px; line-height: 1.3}
.menu li a {display: block; padding: 11px 0}
.user-menu {width: 150px; height: 40px; border-left: 1px solid #61626F; position: relative; z-index: 100}
.user-link {display: flex; align-items: center; height: 40px; width: 150px; padding-right: 16px; padding-left: 5px; justify-content: flex-end; box-sizing: border-box; background: url("images/arrow_user.svg") right center no-repeat}
.user-image {display: inline-block; vertical-align: middle; width: 26px; height: 26px; border-radius: 50%; margin-left: 10px}
.user-name {display: inline-block; vertical-align: middle; width: calc(100% - 36px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px}
.user-menu-block {display: none; margin: 0; padding: 10px 0; min-width: 150px; position: absolute; right: 0; top: 40px; background-color: #454554; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #61626F; text-align: left}
.user-menu:hover .user-menu-block {display: block}
.user-menu-block li {list-style-type: none; margin: 0 2px; line-height: 1.4}
.user-menu-block li a {display: block; padding: 5px 20px}
.user-menu-block li a:hover {background-color: #656673}
.user-menu-block li ul {margin: 0; padding: 0}
.user-menu-block li ul li {margin: 0}
.user-menu-block li ul li a {padding: 4px 20px 4px 30px; font-size: 0.9rem}

.main {margin: 0 auto; width: 96%; max-width: 1290px; padding: 60px 0; text-align: left}
.admin-title {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end}
.admin-title div {margin-bottom: 40px; line-height: 1.4; padding-left: 20px; color: #454545;margin-right: 30px;}


.admin-blocks {display: flex; flex-wrap: wrap; align-items: stretch; column-gap: 20px;}
.block {display: block; background-color: #FFFFFF; border-radius: 8px; margin: 0 0 30px 0 !important; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; position: relative; z-index: 30; padding: 25px 27px 27px 27px; box-sizing: border-box}
.block:before {content: ""; display: block; position: absolute; left: 25px; top: 0; background-color: #423399; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 4px; width: calc(100% - 50px)}
.block-no-style.wide,
.block.wide {width: calc(50% - 20px) !important;}
.block-no-style.small,
.block.small {width: calc(25% - 20px) !important}
.block.dark {background: #454554;color: #ffffff; padding: 40px 54px 0 77px; }
.block.dark.compact {padding: 40px 30px 26px 77px;}
.block.dark:before {display: none;}

.block .box-title-with-button {}
.block .box-title-with-button h2 {text-align: left;}

a.block-button {text-decoration: none;}
a.block-button:hover {background-color: #0CBA69;}
a.block-button:hover .bargraph .bargraph-item .bargraph-bar span:first-child {background-color: #0CBA69;}
a.block-button:hover .bargraph .bargraph-item .bargraph-bar span:last-child {background-color: white}
a.block-button h2 {text-decoration: none;}
a.block-button .graph span {color: #454545;text-decoration: none;}
.block-button .button {background: #423399;color: white;}

.float-right {float: right;}

.column {display: block;  margin: 0 30px 30px 0;  position: relative; z-index: 30; box-sizing: border-box}
.column.wide {width: calc(50% - 15px)}
.column.small {width: calc(25% - 23px)}
.admin-blocks .column:last-child,
.admin-blocks .block-no-style:last-child,
.admin-blocks .block:last-child {margin-right: 0}
.admin-blocks .block-no-style .block {margin-right: 30px !important;}
.admin-blocks .column .block:last-child {margin-right: 30px}
.block h2 {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1rem; font-weight: 400}
.block.dark h2 {margin: 0 0 5px 0; color: #ffffff;text-align: left; font-size: 40px; line-height: 40px;}
.block.dark.compact h2 {font-size: 36px;}
.block.dark.compact p.right {float: right;}
.block.dark p {margin: 10px 0;font-size: 18px; line-height: 24px; font-weight: 300;}
.block.dark p a {color: #ffffff;text-decoration: underline;}
.block.dark p a:hover {text-decoration: none;}
.block.dark .icon {position: absolute; top: 30px; left: 20px; font-size: 40px;}
.block.dark p a.button {background: #0CBA69; padding: 7px 22px; font-size: 18px; line-height: 30px;text-decoration: none;border: none;}
.right {text-align: right}
.graph-whole {padding-bottom: 65px}
.graph-whole .right {position: absolute; right: 27px; bottom: 27px}
.button {display: inline-block; text-decoration: none; padding: 4px 12px; border: 2px solid #423399; border-radius: 3px; font-weight: 500; line-height: 1.3; transition: all 0.2s ease-out}
.button:hover {background-color: #423399; color: #FFFFFF}

.button.primary {background-color: #0CBA69; border-color: #0CBA69; color: #ffffff;}
.button.large {padding: 7px 30px;font-size: 32px;}


.center {text-align: center}
.font-green {color: #0CBA69}
.parlay .font-green {font-size: 0.9rem; margin-left: 10px}
.service-status {padding-left: 25px; display: flex; flex-wrap: wrap; line-height: 1.3; margin-bottom: 8px; position: relative; z-index: 30}
.service-status strong {width: 55px; font-size: 0.9rem; letter-spacing: 0.1rem}
.service-status span {width: calc(100% - 55px); font-size: 0.8rem}
.service-status:before {content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 0; border-radius: 50%; vertical-align: middle; margin-top: 1px}
.service-status.red:before {background-color: #F43826}
.service-status.green:before {background-color: #0CBA69}
.service-status.orange:before {background-color: #FFA500}
.donut-chart-whole {margin-bottom: 25px; position: relative; z-index: 30}
.semi-donut {
    --percentage: 0; margin: 0 auto;
    --fill: #ff0;
    width: 130px;
    height: 65px;
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    color: var(--fill);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
}
.semi-donut::after {
    content: '';
    width: 130px;
    height: 130px;
    border: 26px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #ECF0F6 #ECF0F6 var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    -webkit-transform: rotate(calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ));
    transform: rotate(calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ));
    -webkit-animation: fillAnimation 1s ease-in;
    animation: fillAnimation 1s ease-in;
}
.chart-text {display: inline-block; font-weight: 700; line-height: 1.3; position: relative; top: -25px}
.chart-text2 {font-size: 0.8rem; line-height: 1.4; display: block}

table {width: 100%; border-collapse: collapse; margin: 0 0 20px 0}
th, td {text-align: left; vertical-align: middle; padding: 0 5px 5px 0; line-height: 1.4; color: #454545}
th {font-weight: 400; font-size: 0.7rem}
td a {font-size: 0.9rem}
td .table-link {color: #14141F; font-size: 1rem; padding-right: 20px; background: url("images/arrow_down.svg") right center no-repeat; text-decoration: none}
.row-main td {font-weight: 700}
.row-main td.no-bold {font-weight: 400}
.table-date {display: inline-block; width: 85px}
.table-date.td-red {color: #F33B28}
table .button {color: #FFFFFF; background-color: #443597; padding: 3px 10px; font-size: 1rem}
.table-link-mar {margin-left: 10px}
.upgrade2 {background-color: #EDF1F7; border-radius: 6px; padding: 15px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.upgrade2 .button {padding: 7px 12px}
.upgrade-left {width: calc(100% - 140px); font-size: 1.1rem; line-height: 1.3}
.upgrade-left .font-green {margin-left: 10px}
.font-red {color: #F12510}
.text-small {font-size: 0.75rem; line-height: 1.4; font-weight: 500}
.text-small a {text-decoration: none}
.send-to-address {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0}
.send-to-address div {margin-bottom: 20px}
.send-to-address div label {font-size: 0.75rem; line-height: 1.4; display: block; margin: 2px 0 0 30px}

.add-blocks {display: flex; flex-wrap: wrap; align-items: stretch; padding-bottom: 20px;column-gap: 20px;}
.add-block {width: calc(33.3333% - 20px); margin: 0 0 30px 0; box-sizing: border-box; background-color: #EDF1F7; border-radius: 6px; padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 30; }
.add-blocks .add-block {margin-bottom: 0;}
.add-blocks .add-block:nth-child(3n) {margin-right: 0}
.add-block span {letter-spacing: -0.13px; font-size: 1.0rem; line-height: 1.3}
.add-block .button {padding: 7px 12px}
.add-block img {display: inline-block; vertical-align: middle; margin-right: 5px}
.add-block.facebook img {margin-right: 0;}
.label {position: absolute; left: 30px; top: -10px; font-size: 0.85rem !important; display: inline-block; line-height: 1.4; padding: 2px 7px 1px 7px; color: #FFFFFF; background-color: #0EB868; border-radius: 3px}

.news-top {text-align: center; position: relative; z-index: 30; padding-bottom: 20px}
.news-top .link-more {position: absolute; right: 0; top: 5px; line-height: 1.3; font-size: 1.25rem; text-decoration: none; font-weight: 500; padding-right: 50px; background: url("images/arrow_more.svg") right center no-repeat}
.news {display: flex; flex-wrap: wrap; align-items: stretch;column-gap: 20px;}
.new {width: calc(33.3333% - 20px); margin: 0 0px 30px 0; box-sizing: border-box; position: relative; z-index: 30; padding: 30px; border: 1px solid #EDF1F7; border-radius: 10px}
.news .new:nth-child(3n) {margin-right: 0}
.new-date {line-height: 1.4; font-size: 0.8rem; color: #454545}
.new h3 {text-align: left; font-size: 1.25rem; line-height: 1.3; margin: 0 0 5px 0; color: #443597; font-weight: 500}
.new h3 a {text-decoration: none;}
.new h3 a:hover {text-decoration: underline;}
.new p {margin: 0}
.new .button {padding: 9px 20px; background-color: #443597; color: #FFFFFF}
.new-content {position: relative; z-index: 30; max-height: 155px; overflow: hidden}
.new-content .button {position: absolute; left: 0; bottom: 0}
.nc-cover {position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}
.new-content.active {max-height: none}
.new-content.active .nc-cover {display: none}
.new-content.active .button {display: none}

.footer {background-color: #ECF0F6; color: #454545}
.footer-in {margin: 0 auto; width: 96%; max-width: 1290px; padding: 50px 0 40px 0; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.footer-left, .footer-right {width: 50%}
.footer-left {padding-right: 20px; box-sizing: border-box}
.footer-logo {display: block; width: 260px; height: 45px; box-sizing: border-box; position: relative; z-index: 30; padding-left: 47px; background: url("images/footer_logo2.svg") right center no-repeat; margin-bottom: 30px}
.footer-logo:before {content: ""; display: block; width: 45px; height: 48px; position: absolute; left: 0; top: 0; background: url("images/footer_logo1.svg") left 2px no-repeat}
.footer-right {text-align: right}
.footer-menu {margin: 0; padding: 0}
.footer-menu li {line-height: 1.5; list-style-type: none; display: inline-block; margin-left: 20px}
.footer-menu li a {text-decoration: none; color: #46309D}
.footer-status {background-color: #FFFFFF; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; display: inline-block; margin-bottom: 30px; padding: 15px 15px 14px 15px; line-height: 1.5; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15rem; font-weight: 500}
.footer-status h3 {display: inline-block; margin: 0 15px 0 0; line-height: 1.5; font-size: 0.75rem; font-weight: 500}
.footer-status .fs {display: inline-block; margin-right: 12px; position: relative; z-index: 30; padding-left: 25px}
.footer-status .fs:last-child {margin: 0}
.footer-status .fs:before {content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 0; border-radius: 50%; vertical-align: middle; margin-top: 1px}
.footer-status .fs.red:before {background-color: #F43826}
.footer-status .fs.green:before {background-color: #0CBA69}


.search {width: 100%; max-width: 629px; height: 72px; box-sizing: border-box; background: url("images/ico_search.svg") 15px center no-repeat; padding: 10px 10px 10px 72px; border: 1px solid #EDF1F7; border-radius: 6px; margin: 0 auto 20px auto; text-align: left; display: flex; justify-content: space-between; align-items: center}
.search button {width: 90px; height: 48px; display: inline-block; cursor: pointer; border: none; background-color: #423399; border-radius: 3px; text-align: center; color: #FFFFFF; font-size: 1rem; font-weight: 400; font-family: 'Catamaran', sans-serif}
.search input[type=text] {border: none; height: 48px; width: calc(100% - 90px); box-sizing: border-box; padding: 10px 10px 10px 0; color: #14141F; font-size: 1.2rem; font-weight: 400; font-family: 'Catamaran', sans-serif}
.search:focus-within {border: 2px solid #454554}
.search input[type=text]:focus {font-weight: 500}
.coupon, .radio-block-whole {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.green-label, .grey-label {width: 154px; height: 40px; line-height: 1.3; padding: 8px 5px 8px 20px; text-align: left; margin-bottom: 20px; box-sizing: border-box; color: #FFFFFF; background: url("images/green_arrow.svg") left top no-repeat; background-size: 154px 40px}
.coupon .form-block, .radio-block-whole .radio-block {width: calc(100% - 170px)}
.grey-label {background: url("images/grey_arrow.svg") left top no-repeat; background-size: 154px 40px; color: #454545}
.steps {display: flex; flex-wrap: wrap; justify-content: center}
.steps span {display: inline-block; vertical-align: middle; margin: 0 50px 30px 50px; width: 40px; height: 40px; color: #454545; border: 1px solid #C6C7CD; border-radius: 50%; box-sizing: border-box; text-align: center; line-height: 38px}
.steps span.active {border-color: #454554; background-color: #454554; color: #FFFFFF}
.steps span.ok {background: url("images/ico_ok.svg") center center no-repeat; border-color: #0CBA69}


.table-block {border: 1px solid #EDF1F7; border-radius: 16px; position: relative; z-index: 30; text-align: left; padding: 25px; margin-bottom: 60px; color: #454545}
.table-block:before, .table-search table:before {content: ""; display: block; position: absolute; left: 25px; top: 0; background-color: #423399; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 4px; width: calc(100% - 50px)}
.table-search table:before {top: 4px}
.table-row {display: flex; flex-wrap: wrap; align-items: stretch}
.tb-item {width: 25%; box-sizing: border-box; border-right: 1px solid #EEF1F6; border-top: 1px solid #EEF1F6; padding: 25px 10px 0 25px}
.table-block .table-row:first-child .tb-item {border-top: none; padding: 0 10px 25px 25px}
.table-block .table-row .tb-item:first-child {padding-left: 0}
.table-block .table-row .tb-item:last-child {border-right: none; padding-right: 0}
.tb-item.wide {width: 50%}
.tb1 .tb-text1 {line-height: 1.3; font-size: 1.2rem; font-weight: 500; margin-bottom: 10px}
.tb1 .tb-text2 {line-height: 1.3; font-size: 1.6rem}
.tb1 .tb-text2 strong {color: #14141F; font-weight: 500}
.tb2 .tb-text1 {line-height: 1.3; font-size: 1.6rem; margin-bottom: 10px}
.tb2 .tb-text1 strong, .tb2 .tb-text2 strong {font-weight: 500}
.tb2 .tb-text2 {line-height: 1.3; font-size: 1.2rem}
.categories-whole {display: flex; flex-wrap: wrap; max-width: 610px; justify-content: space-between; margin: 0 auto 60px auto}
.categories {width: 46%; margin: 0; padding: 0; text-align: left}
.categories li {list-style-type: none; border-bottom: 1px solid #CAC5E2; line-height: 1.3}
.categories li a {text-decoration: none; display: block; padding: 12px}
.table-search table {border-radius: 16px; position: relative; z-index: 30; border-collapse: separate}
.table-search table tr:first-child th, .table-search table tr:first-child td {border-top: 1px solid #EDF1F7}
.table-search table tr:last-child th, .table-search table tr:last-child td {border-bottom: 1px solid #EDF1F7}
.table-search table tr th {border-left: 1px solid #EDF1F7}
.table-search table tr td:last-child {border-right: 1px solid #EDF1F7}
.table-search table tr:first-child th:first-child {border-top-left-radius: 16px}
.table-search table tr:first-child td:last-child {border-top-right-radius: 16px}
.table-search table tr:last-child th:first-child {border-bottom-left-radius: 16px}
.table-search table tr:last-child td:last-child {border-bottom-right-radius: 16px}
.table-search table tr th, .table-search table tr td {border-bottom: 1px solid #EDF1F7; padding: 10px 10px 10px 25px; vertical-align: bottom}
.table-search table tr th {font-size: 1.6rem; color: #412C97; line-height: 1}
.table-search table tr td:nth-child(3) {text-align: right; white-space: nowrap}
.table-search table tr td:last-child {font-size: 0.85rem; color: #C7C7CB}
.table-search-top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.table-search-top .search {margin-bottom: 30px}

.login-popup {width: 98%; max-width: 740px; margin: 0 auto; text-align: center}
.login-popup-main {background-color: #FFFFFF; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px; padding: 40px 30px 0 30px; margin-bottom: 40px}
.login-popup-main form {margin: 0 auto; max-width: 410px; text-align: center}
.lp-top {max-width: 410px; margin: 0 auto 40px auto; text-align: center; font-size: 0.9rem; line-height: 1.3}
.lp-top span {vertical-align: middle; display: inline-block; line-height: 1.3; margin-top: 10px}
.lp-top .lp-logo {display: inline-block; vertical-align: middle; background: url("images/popup_logo.svg") left top no-repeat; margin-right: 20px; width: 213px; height: 30px; margin-top: 0}
.login-popup-main .form-buttons {padding: 0}
.login-popup-main .form-buttons.pad {padding: 20px 0}
.login-popup-main .form-buttons a {font-size: 0.9rem; text-decoration: underline}
.login-popup .footer-status {margin: 0 auto; position: relative; top: 15px}
.login-popup-bottom {font-size: 0.8rem; line-height: 1.3}
.login-popup-bottom span {margin: 0 5px}


/* spravce-souboru */
.navigation {background-color: #EDF1F7; border-top-left-radius: 8px; border-top-right-radius: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1px 25px 5px 25px; font-weight: 500; line-height: 1.4; position: relative; z-index: 50}
.navigation.full {display: block; padding: 5px 25px}
.navigation a {text-decoration: none}
.navigation a:hover {text-decoration: underline}
.navigation-left {width: calc(100% - 200px); display: flex; flex-wrap: wrap; align-items: center}
.navigation.full .navigation-left {width: 100%}
.navigation .ico-home {display: inline-block; width: 16px; height: 18px; background: url("images/new/ico_home.svg") left top no-repeat; margin: 2px 4px 0 0; vertical-align: top}
.navigation-right {width: 200px; text-align: right; font-size: 0.7rem; text-transform: uppercase}
.zip {display: inline-block; padding: 3px 28px 2px 0; background: url("images/new/ico_zip.svg") right top no-repeat}
.add-select-whole {height: 48px; position: relative; z-index: 35}
.add-select {width: 180px; position: relative; z-index: 35; box-sizing: border-box; background: url("images/new/ico_plus.svg") 11px 9px no-repeat}
.add-link {display: inline-block; vertical-align: top; padding: 11px 23px 11px 42px; background: url("images/new/arrow_down.svg") right 20px no-repeat; min-height: 27px; text-decoration: none}
.add-link span, .mta-link span {display: none; color: #A09FA7; font-size: 0.7rem}
.add-menu, .mta-menu ul {display: none; padding: 0 5px 5px 5px; margin: 0}
.add-menu li, .mta-menu ul li {list-style-type: none; display: block}
.add-menu li a, .mta-menu ul li a {text-decoration: none; display: block; line-height: 1.4; padding: 8px 3px 8px 35px; border-radius: 4px; color: #454555}
.add-menu li a.add1 {background: url("images/new/add_ico1.svg") 8px center no-repeat}
.add-menu li a.add2 {background: url("images/new/add_ico2.svg") 9px center no-repeat}
.add-menu li a.add3 {background: url("images/new/add_ico3.svg") 10px center no-repeat}
.add-menu li a:hover, .mta-menu ul a:hover {background-color: #ECF0F6; color: #4B2CA0; text-decoration: none}
.add-select:hover {background-color: #FFFFFF; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px}
.add-select:hover .add-link {display: block; background-position: right 11px top 20px; background-image: url("images/new/arrow_up.svg")}
.add-select:hover .add-link span {display: inline-block; font-size: 0.7rem; line-height: 1.4; margin-left: 5px; text-transform: uppercase}
.add-select:hover .add-menu {display: block}
.file-manager {display: flex; flex-wrap: wrap; align-items: stretch; background-color: #FFFFFF; border-radius: 8px; margin: 0 0 30px 0; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; position: relative; z-index: 40; box-sizing: border-box}
.file-edit {display: block; padding: 25px}
.file-manager:before {content: ""; display: block; position: absolute; left: 25px; top: 0; background-color: #423399; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 4px; width: calc(100% - 50px)}
.manager-left {width: 27%; box-sizing: border-box; border-right: 1px solid #EEF1F6; padding: 25px}
.manager-right {width: 73%; box-sizing: border-box; padding: 25px}
.manager-left h2 {font-size: 1.1rem; margin-bottom: 15px; font-weight: 400; padding-right: 25px; background: url("images/new/arrow_down.svg") right center no-repeat; display: inline-block}
.manager-menu {padding: 0; margin: 0}
.manager-menu li {list-style-type: none; line-height: 1.4; font-weight: 500; font-size: 0.9rem; padding-left: 30px; background: url("images/new/closed_folder.svg") left 1px no-repeat}
.manager-menu li a {display: block; text-decoration: none; margin-bottom: 8px}
.manager-menu li a:hover {text-decoration: underline}
.manager-menu li ul {margin: 0 0 0 -20px; padding: 0}
.manager-menu li.mm-sub {background-image: url("images/new/open_folder.svg")}
.choose-file {border: 2px dashed #9C9CA3; border-radius: 8px; padding: 30px 40px; margin-bottom: 20px}
.manager-table {width: 100%; margin: 0; border-collapse: collapse}
.manager-table th {background-color: #ECF0F6; padding: 15px 20px; text-align: right; vertical-align: middle; font-size: 0.7rem; font-weight: 500; line-height: 1.4; text-transform: uppercase; color: #464646}
.manager-table tr th:first-child {border-top-left-radius: 8px; border-bottom-left-radius: 8px}
.manager-table tr th:last-child {border-bottom-right-radius: 8px; border-top-right-radius: 8px}
.manager-table .checkbox-block {margin: 0}
.manager-table .checkbox-block label {text-transform: none}
.manager-table th .checkbox-block label {color: #423399}
.manager-table th .checkbox-block label span {display: inline-block; background: url("images/new/arrow_down2.svg") right center no-repeat; padding-right: 18px}
.mt-action {display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; z-index: 40}
.mt-action:hover {z-index: 42}
.mt-action:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 28}
.mt-action-left {height: 30px; border-radius: 4px; background-color: #ECF0F6; text-align: left; margin-right: 5px; padding: 0 5px}
.mta1, .mta2, .mta3 {display: inline-block; vertical-align: middle; width: 27px; height: 30px}
.mta1 {background: url("images/new/action_ico1.svg") center center no-repeat}
.mta2 {background: url("images/new/action_ico2.svg") center center no-repeat}
.mta3 {background: url("images/new/action_ico3.svg") center center no-repeat}
.mta-menu-whole {height: 30px; position: relative; z-index: 20}
.mta-menu-whole:hover {z-index: 40}
.mta-menu {display: inline-block; width: 30px; border-radius: 4px; background-color: #ECF0F6}
.mta-link {display: block; height: 30px; background: url("images/new/dots.svg") center center no-repeat}
.mta-menu ul {display: none; font-weight: 500; font-size: 1rem}
.mta-menu:hover {width: 200px; margin-right: -170px; text-align: left; background-color: #FFFFFF; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px}
.mta-menu:hover ul {display: block}
.mta-menu:hover .mta-link {display: block; background-position: right 11px top 20px; background-repeat: no-repeat; background-image: url("images/new/arrow_up.svg"); padding: 8px}
.mta-menu:hover .mta-link:before {content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: #443597 url("images/new/dots_hover.svg") center center no-repeat; border-radius: 4px}
.mta-menu:hover .mta-link span {display: inline-block; font-size: 0.7rem; line-height: 1.4; margin-left: 5px; text-transform: uppercase}
.mta-menu ul li a {font-size: 1rem}
.mta-menu ul li a.mm1 {background: url("images/new/action_ico4.svg") 8px center no-repeat}
.mta-menu ul li a.mm2 {background: url("images/new/action_ico5.svg") 8px center no-repeat}
.mta-menu ul li a.mm3 {background: url("images/new/action_ico6.svg") 8px center no-repeat}
.mta-menu ul li a.mm4 {background: url("images/new/action_ico7.svg") 8px center no-repeat}
.mta-menu ul li a.mm5 {background: url("images/new/action_ico8.svg") 9px center no-repeat}
.mta-menu ul li a:hover {background-color: #ECF0F6; color: #4B2CA0; text-decoration: none}
.manager-table td {font-size: 0.9rem; line-height: 1.4; text-align: right; vertical-align: middle; color: #484548; padding: 5px 15px; border-bottom: 1px solid #ECF0F6}
.manager-table td .checkbox-block label {font-weight: 500; padding-left: 30px}
.manager-table td .checkbox-block label.mt-ico1 {color: #423399; background: url("images/new/table_ico1.svg") left 2px no-repeat}
.manager-table td .checkbox-block label.mt-ico2 {background: url("images/new/table_ico2.svg") 1px 2px no-repeat}
.manager-table td .checkbox-block label.mt-ico3 {background: url("images/new/table_ico3.svg") 2px 1px no-repeat}
.manager-table td .checkbox-block label.mt-ico4 {background: url("images/new/table_ico4.svg") 2px 1px no-repeat}
.manager-table td .checkbox-block label.mt-ico5 {background: url("images/new/table_ico5.svg") 2px 1px no-repeat}
.manager-table td .checkbox-block label.mt-ico6 {background: url("images/new/table_ico6.svg") 2px 1px no-repeat}
.manager-table tr th:first-child, .manager-table tr td:first-child {text-align: left}
.manager-table .back {background: url("images/arrow_back.svg") left center no-repeat; font-weight: 500; display: inline-block; padding: 12px 0 12px 50px; text-decoration: none; font-size: 1rem}
.manager-table .back:hover {text-decoration: underline}
.manager-table tr:hover td {background-color: #F8F9FB; color: #1A1A24}
.manager-table tr:hover td .mt-action:after {display: none}
.legend {text-align: center; font-size: 0.9rem; line-height: 2; color: #474457}
.legend span {display: inline-block; margin: 0 10px 10px 10px}
.legend span:before {border-radius: 4px; background-color: #EDF1F7; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; content: ""; display: inline-block; vertical-align: middle; margin-right: 5px}
.legend span.l1:before {background-image: url("images/new/action_ico1.svg")}
.legend span.l2:before {background-image: url("images/new/action_ico2.svg")}
.legend span.l3:before {background-image: url("images/new/action_ico3.svg")}
.legend span.l4:before {background-image: url("images/new/action_ico4.svg")}
.legend span.l5:before {background-image: url("images/new/action_ico5.svg")}
.legend span.l6:before {background-image: url("images/new/action_ico6.svg")}
.legend span.l7:before {background-image: url("images/new/action_ico7.svg")}
.legend span.l8:before {background-image: url("images/new/action_ico8.svg")}
.legend span:first-child {margin-right: 25px}
.legend span:first-child:before {display: none}
.navigation-select {height: 40px; margin-left: 50px}
.navigation-select label {color: #464556; text-transform: uppercase; font-size: 0.7rem; line-height: 1.4; display: inline-block; vertical-align: middle; margin-right: 5px}
.ui-selectmenu-button, .ui-selectmenu-button-open {text-align: left; width: 180px !important; box-sizing: border-box; display: inline-block; vertical-align: middle; background-color: #FFFFFF !important; background-image: none !important; vertical-align: middle; height: 40px !important; line-height: 1.2 !important; border: 2px solid #423399 !important; border-radius: 6px !important; padding: 10px 12px !important; position: relative; z-index: 50; margin: 0 0 0 0 !important; font-family: 'Catamaran', sans-serif !important; font-weight: 500 !important; font-size: 0.9rem !important; color: #141420 !important}
.ui-button {cursor: pointer}
.ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {margin: 1px 0 0 0 !important; display: inline-block; background: url("images/new/arrow_down.svg") center center no-repeat !important; width: 15px; height: 15px}
.ui-selectmenu-button-open .ui-icon, .ui-selectmenu-button-open.ui-state-hover .ui-icon, .ui-selectmenu-button-open.ui-state-focus .ui-icon, .ui-selectmenu-button-open:hover .ui-icon, .ui-selectmenu-button-open:focus .ui-icon {background-image: url("images/new/arrow_down.svg") !important}
.ui-menu {padding: 0; margin: -5px 0 0 0 !important; width: 100%; z-index: 52 !important; position: absolute !important; border: none !important; border: 2px solid #423399 !important; border-top: none !important; border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; left: 0; background-color: #FFFFFF; font-family: 'Catamaran', sans-serif !important; font-weight: 500; font-size: 0.9rem !important; color: #141420 !important}
.ui-menu li {list-style-type: none; cursor: pointer; color: #484848; padding: 10px 12px; background: none; margin: 0; text-align: left; font-family: 'Catamaran', sans-serif !important; font-size: 0.9rem !important; line-height: 1.5 !important}
.ui-menu-item-wrapper {padding: 0 !important; color:#141420}
.ui-menu li .ui-state-active {padding: 0; border: none; background-color:transparent !important}
.ui-menu-item:hover .ui-state-active {background: transparent !important}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin:0 !important}
.ui-menu li:hover {background-color: #EDF1F7;}
.ui-selectmenu-menu {padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none}
.ui-selectmenu-menu .ui-menu {overflow: auto; overflow-x: hidden; padding-bottom: 1px}
.ui-selectmenu-open {display: block}
.ui-selectmenu-text {display: block; margin-right: 17px; overflow: hidden; text-overflow: ellipsis}
.ui-selectmenu-button.ui-button {text-align: left; white-space: nowrap; width: 14em}
.ui-selectmenu-icon.ui-icon {float: right; margin-top: 0}

#frm-webadmin-php-formPhpSettings .form-block {width: 50%;float:left;}
#frm-webadmin-php-formPhpSettings .form-buttons {padding-top: 0;}
#frm-webadmin-php-formPhpSettings .form-buttons .button3 {padding:18px 22px;}

.buttonajaxloader {background: url('images/ajaxloader.svg') center center no-repeat;background-size: 30px 30px;}
.form-buttons .button3.buttonajaxloader {color: #423399;}

.icon-label {position: relative;}
.icon-label .text {margin-left: 18px; font-size: 16px; line-height: 20px; display: inline-block; padding: 5px 11px 5px 25px; background: #efefef; height: 20px;-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.icon-label .circle {position: absolute;margin-top: -3px}
.circle {display: inline-block; font-size: 26px; text-align: center; width: 36px; height: 36px; line-height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px;border-radius: 18px;}
.green.circle {background-color: #0EB868; color: #ffffff; }
.red.circle {background-color: #f23d2e; color: #ffffff; }
.clear {clear: both;}

.webadmin-tvurce-default .admin-title {display: none;}
.webadmin-tvurce .info .form-buttons button.button2,
.webadmin-tvurce .info .form-buttons button.primary {margin-left: 0;}

.webadmin-tvurce .crossroad {}
.webadmin-tvurce .crossroad .info {float: left; width: calc(100% - 780px);padding: 60px 40px 0 0;}
.webadmin-tvurce .crossroad .info h2 {font-weight: bold; text-align: left;font-size: 50px; line-height: 50px;color:#454555;}
.webadmin-tvurce .crossroad .info .icon-label {margin: 0 0 30px 0;}
.webadmin-tvurce .crossroad .info form {display: inline-block;}
.webadmin-tvurce .crossroad .sample {float: left; margin: 0 0 60px 0; width: 637px;height: 409px;padding: 31px 0 0 103px;background: url('images/tvurce/MacBook.png') center center no-repeat;}

.webadmin-tvurce .uisample {background: url('./images/tvurce/SipkaNapis.png') center 20px no-repeat;}
.webadmin-tvurce .uisample video, .webadmin-tvurce .uisample .gif {border-radius: 5px;margin: 60px 0 0 0;float: left;}
.webadmin-tvurce .uisample .info {background: url('./images/tvurce/UkazkaUI.png') left 60px no-repeat; min-height: 420px;padding: 150px 0 0 660px;}
.webadmin-tvurce .uisample .info h2 {text-align: left;line-height: 44px; margin-bottom: 20px;}
.webadmin-tvurce .cloud-1 {background: url('images/tvurce/Cloud1.png') 280px top no-repeat;}
.webadmin-tvurce .cloud-4 {background: url('images/tvurce/Cloud4.png') 0 bottom no-repeat;}

.webadmin-tvurce .advantages {margin: 120px 0 0px 0;}
.webadmin-tvurce .advantages h2 {font-weight: bold; font-size: 50px;margin-bottom: 60px;color:#454555;}
.webadmin-tvurce .advantages .button {background: #423399;padding: 9px 25px;color: #ffffff;}
.webadmin-tvurce .advantages .row {display: flex;flex-wrap: wrap;align-items: start;}
.webadmin-tvurce .advantages .row .column {flex-grow: 1;width: 33%;margin: 0 0 40px 0;}
.webadmin-tvurce .advantages .row .column .content {text-align: center;padding: 0 15px;}
.webadmin-tvurce .advantages .row .column:first-child .content {padding-left: 0px;}
.webadmin-tvurce .advantages .row .column:last-child .content {padding-right: 0px;}
.webadmin-tvurce .advantages .row .column .content img {width: 100%;}
.webadmin-tvurce .advantages .row .column .content p {padding: 0 20px;}
.webadmin-tvurce .advantages .row .column .content h3 {margin: 106px 0 20px 0;}

.webadmin-tvurce .steps {margin: 120px 0 0px 0;background: url('./images/tvurce/Spoluprace.png') left 120px no-repeat;min-height: 440px;}
.webadmin-tvurce .steps h2 {font-weight: bold; font-size: 50px;margin-bottom: 60px;color:#454555;}
.webadmin-tvurce .steps .info {padding: 0 0 0 736px;}
.webadmin-tvurce .steps .info .step {background: url('./images/tvurce/Linka.png') 10px 80px no-repeat;min-height: 160px;}
.webadmin-tvurce .steps .info .step:first-child {background-position: 10px 100px;}
.webadmin-tvurce .steps .info .step:nth-child(2n) {background: url('./images/tvurce/Linka-1.png') 60px 80px no-repeat;}
.webadmin-tvurce .steps .info .step:last-child {background: none;}
.webadmin-tvurce .steps .info .number {float:left;width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 40px; background: #0CBA69; color: #ffffff; font-size: 40px; font-weight: bold;}
.webadmin-tvurce .steps .info .step h3 {margin: 0 0 10px 110px; text-align: left;}
.webadmin-tvurce .steps .info .step.active h3 {color: #00A44A;}
.webadmin-tvurce .steps .info .step p {margin: 0 0 10px 110px;}
.webadmin-tvurce .steps .info .step .button {background: #423399;padding: 9px 25px;color: #ffffff;margin: 0 0 32px 110px;}

.webadmin-tvurce .features {margin: 120px 0 0 0;}
.webadmin-tvurce .features h2 {font-weight: bold; font-size: 50px;margin-bottom: 30px;color:#454555;}
.webadmin-tvurce .features .row  {display: flex;flex-wrap: wrap;align-items: start;margin: 0 0 30px 0;}
.webadmin-tvurce .features .row .feature {cursor: pointer; position: relative; display: block; width: calc(33% - 70px); padding: 0 20px; margin: 15px;background: #efefef; border-radius: 5px; height: 60px; line-height: 60px;text-decoration: none;font-size: 20px; color: #474457;}
.webadmin-tvurce .features .row .feature:hover,
.webadmin-tvurce .features .row .feature.active {background: #454554;color: #ffffff;}
.webadmin-tvurce .features .row .feature span {color: #423399; display: inline-block; width: 36px; height: 36px; line-height: 40px; text-align: center; background: #ffffff; border-radius: 18px; margin: 0 7px 0 0;}
.webadmin-tvurce .features .row .feature .content {display: none; z-index: 100; padding: 2px; margin: 20px 0 0 -20px; width: 410px; height: 330px; border: 2px solid #423399; border-radius: 5px;background: #efefef; position: absolute;}
.webadmin-tvurce .features .row .feature .content:before {content: ""; position: absolute; top: -12px;  margin-left: 40px; display: block; width: 24px;  height: 13px; background: url('images/feature_arrow.png') left top no-repeat;}
.webadmin-tvurce .features .row .feature:hover .content,
.webadmin-tvurce .features .row .feature.active .content {display: block;}

.webadmin-tvurce-sablony .admin-title {display: block;}
.tvurce-sablony h2 {font-weight: bold; font-size: 50px;color:#454555;}
.webadmin-tvurce-sablony .tvurce-sablony h2 {display: none;}
.tvurce-sablony .row {display: flex;flex-wrap: wrap;align-items: start;}
.tvurce-sablony .row .column-categories {width: calc(100% - 990px);}
.tvurce-sablony .row .column-categories a {display: block; padding: 0 20px; margin: 0 0 10px 0; height: 60px; line-height: 60px; font-size: 20px; color: #474457;border-radius: 5px;background: #EFEFEF;text-decoration: none;}
.tvurce-sablony .row .column-categories a span {color: #423399; display: inline-block; width: 36px; height: 36px; line-height: 40px; text-align: center; background: #ffffff; border-radius: 18px; margin: 0 7px 0 0;}
.tvurce-sablony .row .column-categories a:hover,
.tvurce-sablony .row .column-categories a.active {color: #ffffff; background: #423399;}
.tvurce-sablony .row .column-categories a:hover span,
.tvurce-sablony .row .column-categories a:active span {color: #423399;}
.tvurce-sablony .row .column-templates {width: 900px; padding: 0 0 0 90px; display: flex;flex-wrap: wrap;align-items: start; }
.tvurce-sablony .row .column-templates .template {margin: 0 80px 60px 0;width: 410px; height: 360px;box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;border-radius: 8px 8px 0 0;}
.tvurce-sablony .row .column-templates .template.hidden {display: none;}
.tvurce-sablony .row .column-templates .template .name {background: #dddddd; border-radius: 8px 8px 0 0; height: 30px; line-height: 30px; color: #666666; font-size: 16px; padding: 0 10px;}
.tvurce-sablony .row .column-templates .template .name span {display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #666666; margin: 0 6px 0 0;}
.tvurce-sablony .row .column-templates .template:nth-child(2n) {margin-right: 0;}
.tvurce-sablony .row .column-templates .template .content {height: 330px;padding: 0 0 0 0;text-align: center; position: relative;border-radius: 0 0 8px 8px;}
.tvurce-sablony .row .column-templates .template .content .zoom {display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; background:  #666666; position: absolute; margin: 30px 0 0 0; right: 30px; color: #ffffff;}
.tvurce-sablony .row .column-templates .template .content form {display: inline-block;margin: 0 10px;}
.tvurce-sablony .row .column-templates .template .content .button {}
.tvurce-sablony .row .column-templates .template .content .button.button2 {color: #423399;}
.tvurce-sablony .row .column-templates .template .content button.primary {padding: 9px 18px;color: #ffffff;font-size: 18px;margin: 242px 0 0 0;border-radius: 3px;border: 2px solid #0CBA69;}
.tvurce-sablony .row .column-templates .template .content .button.primary {background: #423399;border: 2px solid #423399;}
.tvurce-sablony .row .column-templates .template .content button {display: none;}
.tvurce-sablony .row .column-templates .template:hover .content button {display: inline-block;}
.tvurce-sablony .row .column-templates .more {width: 100%;}
.tvurce-sablony .row .column-templates .more button {padding: 9px 25px;}

.kopage-install-container {width: 740px; margin: 0 auto;}
.black-message {background: #14141F;border-radius: 5px; opacity: 0.8;display: inline-block;color: #EDF1F7;padding: 0 20px;font-size: 16px; height: 60px; line-height: 60px;}
.black-message i {color: #F43826; margin-right: 10px;}
.kopage-install-content {position: relative;margin: 30px 0 0 0; border-radius: 3px; background: #ffffff; padding: 30px 40px;}
.kopage-install-content h2 {position: relative;text-align: left;margin-bottom: 10px; font-size: 20px; color:#474457;}
.kopage-install-content h2 span {position: absolute;margin: -5px 0 0 30px;}
.kopage-install-content h2 strong {font-size: 40px;color: #151321;}
.kopage-install-content ul {padding-left: 0; margin-top: 0; float: left; width: 50%;}
.kopage-install-content ul li {list-style-type: none;}
.kopage-install-content ul li.no-icon {padding-left: 23px;}
.kopage-install-content ul li i {color: #0CBA69}
.kopage-install-content .sale {position: absolute; background: #F43826; width: 140px; height: 108px; padding: 32px 0 0 0; border-radius: 70px; text-align: center; color: #ffffff; right: -30px; top: -30px; text-transform: uppercase; font-size: 20px; line-height: 33Px;}
.kopage-install-content .sale strong {font-size: 40px; line-height: 40px; display: block;}
.kopage-install-content .price {position: absolute; right: 40px; bottom: 110px; text-align: right; font-size: 30px; line-height: 34px;color: #454554; }
.kopage-install-content .price .old {text-decoration: line-through;}
.kopage-install-content .price .current {color: #F43826; font-weight: bold;}
.kopage-install-content .price .period {font-size: 20px; line-height: 30px;}
.kopage-install-content .forms {text-align: right;}
.kopage-install-content form {display: inline-block;margin: 20px 0 0 10px;}
.kopage-install-content .button {margin: 0;}
.kopage-install-content .button.primary {border-radius: 3px;background: #423399;padding: 9px 25px;color: #ffffff;font-weight: 500;line-height: 1.3;font-size: 1rem;}

.webadmin-zalohovani-default .admin-title {display: block;}
.webadmin-zalohovani-default .admin-title h1 {text-align: center;}
.webadmin-zalohovani-default .text {width: 720px; margin: 0 auto 60px auto;}
.webadmin-zalohovani-default .block {margin-left: auto !important;margin-right: auto !important;}
.webadmin-zalohovani-default .big {font-size: 140%; margin-bottom: 80px;}
.webadmin-zalohovani-default table td {padding: 10px 20px;text-align: center;border-bottom: 1px solid #EDF1F7;}
.webadmin-zalohovani-default .more div {display: flex;flex-wrap: wrap;align-items: flex-start;}
.webadmin-zalohovani-default .more div div {width: calc(33% - 50px); margin: 0 25px;text-align: left;}
.webadmin-zalohovani-default .text .https-status {margin: 0 auto 32px auto;}
.webadmin-zalohovani-default .button.large {margin-left: 15px;}
.webadmin-zalohovani-default .block.wide {position: relative;}
.webadmin-zalohovani-default .block.wide .button {padding: 6px 30px;}
.webadmin-zalohovani-default .block.wide:after {content: "";position: absolute;display: block; width: 140px; height: 88px; background: url('./images/zalohovani/SipkaNapis.png') left top no-repeat;bottom: 10px; right: -150px;}


.webadmin-storage-https .admin-title {display: block;}
.webadmin-storage-https .admin-title h1 {text-align: center;}
.webadmin-storage-https .text {width: 620px; margin: 0 auto 60px auto;}
.webadmin-storage-https .difference {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-bottom: 40px;}
.webadmin-storage-https .difference h2 {margin-bottom: 10px;}
.webadmin-storage-https .difference div {width: 410px;margin: 0 15px;}
.webadmin-storage-https .more div {display: flex;flex-wrap: wrap;align-items: stretch;}
.webadmin-storage-https .more div div {width: calc(33% - 50px); margin: 0 25px;text-align: left;}
.webadmin-storage-https .text .https-status {margin: 0 auto 32px auto;}

.https-status {background: #454554;/*width: 410px;*/ height: 60px; line-height: 64px; border-radius: 12px;font-size: 30px; color: #ffffff; text-transform: uppercase; font-weight: bold; letter-spacing: -0.33px; display: inline-block; width: auto;padding-right: 28px;}
.https-status.https-status-positive {}
.https-status .https-status-icon {width: 80px; height: 100%; border-radius: 12px 0 0 12px;float: left;}
.https-status.https-status-positive .https-status-icon {background: #0CBA69}
.https-status.https-status-negative .https-status-icon {background: #F43826}
.https-status .https-status-text {text-align: left; float: left; padding-left: 28px;}
.https-upgrade {font-size: 24px;}
.https-upgrade .button {background: #0CBA69; border-color: #0CBA69;color: #ffffff;}

.webadmin-billing .admin-title {display: block;}
.webadmin-billing .admin-subtitle {max-width: 930px;margin: 0 auto;}
.webadmin-billing .upgrade-block {background: #EDF1F7; padding: 10px 15px; border-radius: 6px; font-size: 20px;margin: 10px 0; display: inline-block;}
.webadmin-billing .upgrade-block small {font-size: 13px;}
.webadmin-billing table .button.outlined {margin: 0 0 0 30px;border: 2px solid #423399;background: transparent;color: #423399;}
.webadmin-billing-create table tr td {padding: 10px 0;}
.webadmin-billing-create table tr.line { border-top: 1px solid #EDF1F7}
.webadmin-billing-create table tr.line:first-child { border-top: none}


.webadmin-statistiky .admin-title {display: block;}
.webadmin-statistiky .admin-subtitle {max-width: 930px; margin: 0 auto;}
.webadmin-statistiky .filter {margin: 80px 0 40px 0;}
.webadmin-statistiky .stats-disabled {margin: 0 0 40px 0;}
.webadmin-statistiky .filter .form-block {display: inline-block; font-size: 20px; margin: 0 5px;}
.webadmin-statistiky .filter .form-block .checkbox-block {margin-left: 25px;}
.webadmin-statistiky .stats .nav .form-block select,
.webadmin-statistiky .filter .form-block select { height: 50px; line-height: 50px; padding: 5px 15px 5px 15px;}
.webadmin-statistiky .filter .form-block input,
.webadmin-statistiky .stats .nav select,
.webadmin-statistiky .filter .form-block select { font-size: 20px; }
.webadmin-statistiky .filter .form-block input.readonly,
.webadmin-statistiky .filter .form-block select.readonly { border: 2px solid #EDF1F7; opacity: 0.3; }
.webadmin-statistiky .filter .form-block .checker {float: none;}
.webadmin-statistiky .filter .form-block input[name=since] {background-image: url('./images/calendar-arrow-left/calendar-arrow-left.png');}
.webadmin-statistiky .filter .form-block input[name=until] {background-image: url('./images/calendar-arrow-right/calendar-arrow-right.png');}
.webadmin-statistiky .filter .form-block input[name=since],
.webadmin-statistiky .filter .form-block input[name=until] {background-position: 15px center;background-repeat: no-repeat;padding-left:45px;}
.webadmin-statistiky .block.loading {padding: 100px 0;}
.webadmin-statistiky .stats .nav {display: grid; grid-template-columns: auto auto 370px;}
.webadmin-statistiky .stats .nav .form-block {margin-bottom: 0;}
.webadmin-statistiky .stats .nav .previous .checkbox-block {padding-top: 15px;padding-left: 20px;}
.webadmin-statistiky .stats .nav .periods {display: flex;justify-content: right;align-items: start;}
.webadmin-statistiky .stats .nav .periods .choose {border-radius: 10px;border: 2px solid #454554;padding: 3px;}
.webadmin-statistiky .stats .nav .periods .choose .btn {padding: 3px 15px;}
.webadmin-statistiky label[for=frm-webadmin-statistics-filterForm-previous] {margin-left: 0}
.loader {background: url('./images/ajaxloader.svg') center center no-repeat;min-height:200px;}


div.hp-references {
  margin: 0 0 120px 0;
  position: relative;
}

div.hp-references .glider-next,
div.hp-references .glider-prev {
  width: 56px;
  height: 66px;
  line-height: 66px;
  border-radius: 6px;
  color: #423399;
  font-size: 20px;
  top: 230px;
  background: #EDF1F7;
  opacity: 0.5;
}
div.hp-references .glider-next.disabled,
div.hp-references .glider-prev.disabled {
  opacity: 0;
}
div.hp-references .glider-next:hover,
div.hp-references .glider-prev:hover {
  background: #423399;
  color: #fff;
  opacity: 1;
}
div.hp-references h3 { margin: 132px 0 50px 0; font-weight: normal; }
div.hp-references .items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.hp-references .i {
  width: 23%;
  margin: 0 15px;
  min-width: 200px;
  box-sizing: border-box;
  xheight: 280px;
  width: 300px;
  border: 1px solid #EDF1F7;
  border-radius: 0 10px 10px 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  font-size: 16px;
  padding: 15px;
}
div.hp-references .i-title {
  display: grid;
  align-items: center;
  grid-template-columns: auto 90px;
}
div.hp-references .i-photo {
  vertical-align: middle;
  display: block;
  width: 90px;
  height:60px;
  margin-right: 10px;
  /*border-radius: 30px;*/
  background: #ccc;
}
div.hp-references h4 {
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin: 0px;
  color: #454554;
}

div.hp-references a {
  font-size: 16px;
}
div.hp-references .glider-slide.center {
  text-align: left !important;
}
div.hp-references a::before {
  content: "\A";
  white-space: pre;
  font-size: 0px;
}
div.hp-references .fa-star {
  color: #FFC200;
}
div.hp-references .i-rating { margin: 10px 0 5px 0; }
div.hp-references .i-content {
  margin: 10px 0 5px 0;
  font-size: 20px;
  line-height: 26px;
}


.individual {
  border: 1px solid #EDF1F7;
  border-radius:16px;
  padding: 0px 20px 20px 20px;
  margin: 0 30px 30px 0;
}

.individual > ul {
  margin: 0;
  padding: 0px;
  display: grid;
  list-style: none;
  grid-template-columns: 33.3% 33.3% 33.3%;
}
.individual > ul.cols-5 {
  grid-template-columns: 33.3% 16.65% 16.65% 16.65% 16.65%;
}
.individual > ul > li {
  padding: 20px;
  border-bottom: 1px solid #EDF1F7;
  border-right: 1px solid #EDF1F7;
  text-align: left;
}
.individual > ul > li:last-child { border-right: 0; }
/*.individual > ul > li:nth-child(odd) {border-right: 1px solid #EDF1F7;}*/

.individual > ul > li span {
  display: block;
}
.individual > ul > li span:first-child {
  font-size: 22px;
  font-weight: 500;
}
.individual > ul > li span:last-child {
  font-size: 30px;
  font-weight: 300;
}
.individual > ul:last-child {
  margin-bottom: 20px;
}
.individual > ul:last-child > li {
  border-bottom: 0px;
}

/* Mobile devices (575px and down) */
@media screen and (max-width: 575px) {
    .admin-blocks {
        flex-direction: column;
    }

    .block.small {
        width: 100% !important;
    }

    body {
        padding-top: 0 !important;
    }

    .menu {
        flex-direction: column;
    }

    .head-left {
        flex-wrap: nowrap;
    }

    .head-right {
        width: 100%;
        justify-content: space-between;
        text-align: left;
    }

    .head-in {
        width: 100%;
    }

    .add-blocks {
        flex-direction: column;
    }

    table, tr {
        display: flex;
        flex-direction: column;
    }

    .block.wide {
        width: 100% !important;
    }

    .news {
        flex-direction: column;
    }

    .new,
    .add-block {
        width: 100%;
    }

    .footer-left,
    .footer-right {
        width: 100%;
        padding: 0;
    }

    .footer-logo {
        margin: 0 auto 30px auto;
    }

    .footer-status {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-status h3 {
        margin: 0 auto 10px auto;
    }

    .footer-status .fs {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .pagination ul {
        padding-left: 0;
    }

    .footer-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

 .footer-menu li {
        margin: 0 0 10px 0;
    }

   .copyright {
        text-align: center;
        margin-bottom: 20px;
    }

    .upgrade {
        display: none;
    }

    .head-left {
        width: 100%;
        justify-content: space-between;
    }

    .mobile-menu {
        margin-right: 10px;
    }

    .mobile-menu-wrapper.hidden,
    .head-right,
    .overview {
        display: none;
    }

    .mobile-menu-wrapper.hidden {
        transform: translateX(100%);
    }

    .mobile-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(69,69,84,0.75);
        display: flex;
        justify-content: space-between;
        transition: transform .2s ease;
        transform: translateX(0);
    }

    .mobile-menu-wrapper a {
        color: #464654;
    }

    .mobile-menu-wrapper .user-menu-block {
        background-color: white;
    }

    .mobile-menu-wrapper .menu {
        align-items: flex-start;
    }

    .mobile-menu-wrapper .user-menu {
        margin-left: -5px;
    }

    .mobile-menu-wrapper .user-menu,
    .mobile-menu-wrapper .user-link {
        width: 100%;
        border: none;
    }

    .mobile-menu-wrapper .transparent-area {
        display: flex;
        justify-content: flex-end;
        flex: 1;
        color: white;
        padding: 30px;
        text-shadow: 0px 0px 10px black;
    }

    .mobile-menu-wrapper .sidebar-area {
        background-color: white;
        padding: 20px;
        overflow: auto;
    }

    .mobile-menu-wrapper .upgrade {
        display: block;
        color: white;
        margin-bottom: 20px;
    }

    header {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    .add-block.facebook span {
        margin: 0 10px;
    }

    .pagination ul {
        display: inline-flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination span,
    .pagination a {
        border-left-width: 1px !important;
        margin-left: -1px;
        margin-top: -1px;
    }

    .navigation {
        flex-direction: column;
    }

    .file-manager {
        flex-direction: column;
    }

    .navigation-left,
    .navigation-right,
    .manager-left,
    .manager-right,
    .block.ultrawide {
        width: 100% !important;
    }

   .block {
        margin-right: 0 !important;
    }

    .admin-title {
        justify-content: center;
    }

    .admin-blocks .form-buttons {
        display: flex;
        justify-content: center;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
    .mobile-menu-wrapper.hidden,
    .mobile-menu {
        display: none;
    }

    body {
        padding-top: 0 !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

 }

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

 }

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}

body {
  padding-top: 60px !important;
}


/* test ondra */