html,body { margin:0; padding:0; font-family: 'Open Sans', sans-serif; color: #000; font-size: 14px; background: #fbfbfb; position: relative; min-height: 100%; height: 100%; }

.wrap { width: 100%; max-width: 1200px; min-width: 1200px; margin: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrap.article { max-width: 1115px; min-width: 1115px; }
.clear { width: 100%; clear: both; }
.f-left { float: left; }
.f-right { float: right; }
a img { border: 0; }
.hidden { display: none !important; }
.pr { position: relative; }
.bold { font-weight: bold; }
a { color: #000; text-decoration: none; }
.ib { display: inline-block !important; }
.i { display: inline !important; }
.gap { height: 15px; width: 100%; clear: both; }
.red { color: red; }
.green { color: green; }
.tac { text-align: center; }
.s { background-image: url('img/sprite.png'); }

.panel { height: 47px; width: 100%; background: #000 !important; color: #fff; z-index: 10; top: 0; margin-bottom: 30px; }
.panel .frontend { position: absolute; top: 14px; left: 320px; font-size: 15px; color: #fff; z-index: 1; }
.panel .frontend.collapsed { left: 70px; }
.panel .project-switch { opacity: 0.3; }
.panel .project-switch.active { opacity: 1; }
.panel .project-switch a { display: block; margin: 10px 10px; float: right; }
.panel .project-switch.refresher a { width: 99px; height: 25px; background: url(img/sprite.png) no-repeat 0 -100px; }
.panel .project-switch.fitcult a { width: 78px; height: 25px; background: url(img/sprite.png) no-repeat -150px -100px; }
.panel .project-switch.minikiwi a { width: 108px; height: 25px; background: url(img/sprite.png) no-repeat -300px -100px; }
.panel .project-switch.filmkult a { width: 103px; height: 25px; background: url(img/sprite.png) no-repeat 0 -150px; }
.panel .project-switch.newsound a { width: 100px; height: 25px; background: url(img/sprite.png) no-repeat -150px -150px; }
.panel .project-switch.freshfem a { width: 85px; height: 26px; background: url(img/sprite.png) no-repeat -300px -150px; }
.panel .project-switch.insider a { width: 74px; height: 26px; background: url(img/sprite.png) no-repeat 0 -200px; }
.panel .project-switch.blog a { width: 62px; height: 25px; background: url(img/sprite.png) no-repeat -150px -200px; }
.panel .project-switch.market a { width: 88px; height: 25px; background: url(img/sprite.png) no-repeat -300px -200px; }
.main-body { max-width: 100%; padding: 0 15px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.with-menu { padding-left: 315px; }
.main-body .notice { width: 100%; margin-bottom: 30px; text-align: center; background: #fef8f8; border: solid brown 2px; padding: 25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main-body .notice a { color: #17acdd; font-weight: bold; }

.login .form { width: 300px; margin: 100px auto; text-align: center; }
.login .form .title { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.login .form input[type="text"], .login .form input[type="password"] { margin-bottom: 10px; font-size: 15px; font-style: italic; background: #fff; border: solid #b1b1b1 1px; width: 100%; height: 40px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.login .form input[type="text"]:focus, .login .form input[type="password"]:focus { font-style: normal; }
.login .form input[type="submit"] { background: #000; color: #fff; display: block; border: 0; height: 40px; padding: 10px 15px; font-weight: bold; font-size: 15px; margin: 15px auto; cursor: pointer; }
.login ol { margin: 0; }
.login ol li { margin: 10px 0; }
.login .error { position: absolute; margin-top: 28px; max-width: 300px; font-size: 15px; font-weight: bold; color: brown; }

.white-box { background: #fff; border: solid 1px #eaeaea; width: 100%; -moz-box-shadow: 0 0 1px 2px #eee; -webkit-box-shadow: 0 0 1px 2px #eee; box-shadow: 0 0 1px 2px #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.white-box .title { font-size: 20px; font-weight: bold; line-height: 26px; color: #222; border-bottom: solid 1px #eaeaea; padding: 15px; position: relative; }
.white-box .content { padding: 15px; }
.white-box .content.lh { line-height: 26px; }
.white-box .content.lh { line-height: 26px; }
.white-box.half { width: 49%; float: left; }
.white-box.half.right { float: right; }
.white-box .content ol li { list-style-type: none; padding: 8px 0; }

.menu { background: #323232; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 300px; z-index: 1; }
.menu.collapsed { width: 0; z-index: 1; }
.menu .head { background: #1f1f1f; height: 47px; padding: 0 0 0 16px; position: relative; color: #fff; font-size: 20px; font-weight: 600; line-height: 47px; }
.menu .switch { width: 57px; height: 47px; background: url(img/sprite.png) no-repeat 17px 14px; float: right; cursor: pointer; }
.menu-show { width: 57px; height: 47px; background: url(img/sprite.png) no-repeat -32px 14px; float: left; cursor: pointer; position: relative; z-index: 1; }
.menu .items { padding: 0 15px 15px 15px; height: calc(100% - 50px); overflow: auto; }
.menu .items a { color: #fff; }
.menu .items .title { font-size: 18px; font-weight: bold; color: #fff; display: block; margin-top: 15px; }
.menu .items .title .arrow { display: inline-block; margin: 0 0 0 15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #fff; transition: linear 0.2s all; }
.menu .items .title.collapsed .arrow { transform: rotate(-90deg); }
.menu .items ul { list-style-type: none; color: #fff; font-size: 15px; line-height: 23px; padding-left: 0; margin: 5px 0; }
.menu .items ul li a:before { content: '//'; margin-right: 10px; }
.menu .items ul li.add a:before { content: '+'; margin: 0 10px 0 3px; }
.menu .items ul li .alert { display: inline-block; width: 16px; height: 15px; background: url(img/sprite.png) no-repeat -300px -250px; vertical-align: top; margin: 4px 0 0; }
.menu .items ul.collapsed { display: none; }
.menu .items ul.sub { padding-left: 15px; }
.menu .items ul.sub li a:before { content: '/'; }

.project { width: 33%; text-align: center; margin: 50px 0; display: inline-block; }
.project img { max-width: 90%; }

.divider { width: 94%; height: 2px; border-top: solid #000 1px; border-bottom: solid #000 1px; margin: 30px auto; }
.left-half { width: 48%; float: left; clear: left; }
.left-half span.settings { text-decoration: underline; cursor: pointer; }
.right-half { width: 48%; float: right; }

.rollout { margin-bottom: 30px; }
.rollout .item { border-bottom: dotted 2px #d1d1d1; padding: 12px 0; }
.rollout .item.closed { cursor: pointer; height: 40px; overflow: hidden; }
.rollout .item .date { color:#888787; margin:0; }
.rollout .item .edit-links { font-weight: 700; margin-top: 20px; text-align: center; }
.rollout .item .article-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rollout .item .edit-comment { border: 1px solid #b1b1b1; font-family: "Open Sans", Helvetica, Arial, Tahoma; height: 60px; padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rollout .more-links { margin-top: 12px; text-align: center; }
.rollout .more-links a { color: #00a69c; }

.nav-links { float: left; }
.nav-links a { font-size: 15px; padding: 5px 12px; font-weight: bold; }
.nav-links a.active, .nav-links a:hover { background: #eee; }
.filter { float: right; text-align: right; }
.filter .switch { cursor: pointer; display: inline-block; padding: 1px 10px 10px; position: relative; }
.filter .switch .icon { width: 17px; height: 15px; background: url(img/sprite.png) no-repeat -250px 0; float: left; margin-top: 3px; }
.filter .switch .text { display: inline-block; font-size: 15px; margin-left: 10px; vertical-align: middle; }
.filter .switch .options { display: none; background: #fff; border: solid #ccc 1px; padding: 10px; width: 740px; position: absolute; top: 0; right: 0; margin-top: 30px; margin-right: -139px; }
.filter .switch .gap { width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; z-index: 2; display: none; }
.filter .switch.active { background: #fff; border-left: solid #ccc 1px; border-right: solid #ccc 1px; border-top: solid #ccc 1px; padding: 0 9px 10px; margin-bottom: 45px;}
.filter .switch.active .options { display: block; }
.filter .switch.active .gap { display: block; }
.filter .search { display: inline-block; margin-left: 20px; position: relative; }
.filter .search input[type="text"] { -moz-border-radius: 2px; -moz-box-sizing: border-box; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-sizing: border-box; border: 1px solid #e7e7e7; border-radius: 2px; box-sizing: border-box; color: #c5c5c5; font-size: 11px; font-weight: 600; height: 27px; margin-right: 24px; padding: 0 5px; width: 90px; }
.filter .search input[type="text"]:focus { outline: none; }
.filter .search input[type="submit"] { -moz-appearance: none; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-appearance: none; -webkit-border-radius: 2px; appearance: none; background: #fff url(img/sprite.png) no-repeat -144px -44px; border: 1px solid #e7e7e7; border-radius: 2px; cursor: pointer; height: 27px; overflow: hidden; position: absolute; right: 0; text-indent: -500px; top: 0; width: 27px; }

.articles .table-wrap .table { border: 2px solid #dadada; font-size: 13px; width: 100%; }
.articles .table-wrap .table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; box-sizing: border-box; padding: 0 20px; line-height: 18px; }
.articles .table-wrap .table td.status { border-right: 0; padding: 0; width: 10px; position: relative; cursor: pointer; }
.articles .table-wrap .table td.status.rozpracovany, .articles .table-wrap .table td.status.rozpracovany .activator { background: #db6a6a; }
.articles .table-wrap .table td.status.aktivny, .articles .table-wrap .table td.status.aktivny .activator { background: #92d457; }
.articles .table-wrap .table td.status.pasivny, .articles .table-wrap .table td.status.pasivny .activator { background: #57bed4; }
.articles .table-wrap .table td.status.nacasovany, .articles .table-wrap .table td.status.nacasovany .activator { background: #ffb238; }
.articles .table-wrap .table td.status.private, .articles .table-wrap .table td.status.private .activator { background: #ffb238; }
.articles .table-wrap .table td.status.public, .articles .table-wrap .table td.status.public .activator { background: #92d457; }
.articles .table-wrap .table td.status.blocked, .articles .table-wrap .table td.status.blocked .activator { background: #db6a6a; }
.articles .table-wrap .table td.status.unpublished, .articles .table-wrap .table td.status.unpublished .activator { background: #57bed4; }
.articles .table-wrap .table td.status.blog:hover .activator { width: 130px; }
.articles .table-wrap .table td.title { padding: 11px 20px; }
.articles .table-wrap .table td.title .icon-lock { width: 20px; height: 17px; background: url(img/sprite.png) no-repeat -292px 0; position: absolute; }
.articles .table-wrap .table td.status-full { width: 190px; }
.articles .table-wrap .table td.category { text-align: center; white-space: nowrap; }
.articles .table-wrap .table td.comments { text-align: center; }
.articles .table-wrap .table td.time { text-align: center; }
.articles .table-wrap .table td.rating { text-align: center; }
.articles .table-wrap .table td.views { text-align: center; }
.articles .table-wrap .table td.lang { border-right: 0; width: 31px; }
.articles .table-wrap .table tr.onhold { background:#fff38b; cursor: move; }
.articles .table-wrap .table td.status-full span { display:inline-block; vertical-align:middle; }
.articles .table-wrap .table td.status-full .icon { height:25px; margin-right:5px; width:30px; }
.articles .table-wrap .table td.status-full .icon-edit { background: url(img/sprite.png) no-repeat -450px 3px; }
.articles .table-wrap .table td.status-full .icon-check { background: url(img/sprite.png) no-repeat -100px -42px; }
.articles .table-wrap .table td.status-full .icon-ok { background: url(img/sprite.png) no-repeat -400px 3px; }
.articles .table-wrap .table td.status-full .icon-time { background: url(img/sprite.png) no-repeat -350px 3px; }
.articles .table-wrap .table td.status-full .icon-denied { background: url(img/sprite.png) no-repeat -100px 3px; }
.articles .table-wrap .table td.status-full .icon-link { background: url(img/sprite.png) no-repeat -50px -47px; }
.articles .table-wrap .table td.status .activator { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; transition: width 0.1s ease 0.1s; -webkit-transition: width 0.1s ease 0.1s; }
.articles .table-wrap .table td.status .activator select { position: absolute; top: 11px; left: 11px; }
.articles .table-wrap .table td.status .activator select option { }
.articles .table-wrap .table td.status:hover .activator { width: 105px; }

.paginator { width: 100%; height: 40px; margin: auto; margin-bottom: 11px; font-weight: bold; color: #acacac; padding: 9px 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid #e2e2e2 1px; }
.paginator a { color: #acacac; text-decoration: none; }
.paginator .current, .paginator .next, .paginator .prev {color: #000}
.paginator .num { width: 200px; margin: auto; text-align: center; }
.paginator .next { position: absolute; top: 0; right: 0; height: 28px; border-left: solid #e2e2e2 1px; padding: 10px 30px 0; background: #f9f9f9; }
.paginator .prev { position: absolute; top: 0; left: 0; height: 28px; border-right: solid #e2e2e2 1px; padding: 10px 30px 0; background: #f9f9f9; }

.article .left-side { width: 745px; float: left; position: relative; }
.article .right-side { width: 360px; float: right; }
.article h2 { font-size: 18px; padding: 12px 30px 12px 0; border-bottom: 2px dotted #d6d6d6; }
.article h2 .view-count { font-weight: normal; }
.article h2 .time { font-weight: normal; }
.article .input[type="text"], .article .input[type="number"] { width: 100%; height: 40px; padding: 0 8px; border: 1px solid #b1b1b1; font-family: "Open Sans", Helvetica, Arial, Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article .textarea { width: 100%; height: 90px; padding: 8px; border: 1px solid #b1b1b1; resize: none; font-family: "Open Sans", Helvetica, Arial, Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article .textarea.wysiwyg { height: 500px; }
.article .textarea.wysiwyg.h200 { height: 200px; }
.article .wysiwygAd-wrapper { margin-top: 20px; }
.article .wysiwygAd-wrapper label { float: left; }
.article .left-side label { display: inline-block; float: left; font-size: 15px; font-weight: 700; padding-top: 5px; line-height: 25px; }
.article .lang { border: 1px solid #9e9e9e; border-bottom: 0; cursor: default; display: inline-block; float: right; padding: 5px 10px; }
.article .lang-switch .lang { background: #ddd; cursor: pointer; }
.article .lang-switch .lang.active { background: #fff; cursor: default; }
.article .lang-switch .lang.sk { border-right: 0; }
.article .lang-switch-ad .lang { background: #ddd; cursor: pointer; }
.article .lang-switch-ad .lang.active { background: #fff; cursor: default; }
.article .lang-switch-ad .lang.sk { border-right: 0; }
.article .char-cnt { display: inline-block; float: right; font-size: 16px; margin: 3px 10px 0 0; }
.article .char-cnt .warning { display: none; color: #fff; background: #e06f09; font-size: 13px; padding: 2px 7px; border-radius: 3px; margin: 0 15px 0 0; }
.article .credits { border: 1px solid #eaeaea; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.article .credits h4 { float: left; padding: 0 15px; margin: 0; line-height: 45px; border-right: 1px solid #eaeaea; }
.article .credits .links { text-align: center; line-height: 45px; font-size: 13px; }
.article .credits .links a { padding: 0 5px; }
.article .credits .links a:hover { text-decoration: underline; }
.article .credits-table { width: 100%; }
.article .input[type="submit"] { width: 101px; background: #000; color: #fff; border: 0; height: 40px; padding: 10px 0; font-weight: bold; font-size: 15px; margin: 10px auto 13px; cursor: pointer; text-align: center; }
.article .input[type="submit"]:disabled { background: grey; }
.article .buttons { border-bottom: 2px dotted #d6d6d6; }
.article .buttons .button { width: 33%; float: left; }
.article .buttons .button a { width: 101px; background: #000; color: #fff; display: block; border: 0; padding: 10px 0; font-weight: bold; font-size: 15px; margin: 10px auto 13px; text-align: center; }
.article .buttons .button a.close { background: #777; color: #fff; }
.article .buttons .button a.delete { background: #ddd; color: #000; }
.article .notice { font-weight: bold; color: chocolate; text-align: center; line-height: 30px; display: none; }
.article .notice a { padding: 0 10px; font-size: 16px; }
.article .notice a:hover { text-decoration: underline; }
.article .right-side label { display: block; font-size: 13px; margin-bottom: 5px; }
.article .select { -moz-appearance: none; -moz-border-radius: 7px; -moz-box-sizing: border-box; -ms-border-radius: 7px; -o-border-radius: 7px; -webkit-appearance: none; -webkit-border-radius: 7px; -webkit-box-sizing: border-box; appearance: none; background: url(img/select-arrow.png) no-repeat #FFF; background-position: 92% center; background-size: 12px auto; border: 1px solid #cacdcd; border-radius: 7px; cursor: pointer; font-size: 14px; height: 37px; padding: 0 30px 0 8px !important; width: 100%; box-sizing: border-box; border: 1px solid #b1b1b1; }
.article .select.modal { background-position: 98% center; }
.article .round-corners { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.article .related-list { border: 1px solid #cacdcd; cursor: pointer; padding: 8px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.article .related-list .icon { background: url(img/sprite.png) no-repeat -200px 0; display: block; height: 21px; position: absolute; right: 8px; top: 8px; width: 21px; }
.article .related-list span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 330px; display: inline-block; }
.article .related-list .click { color: #777; font-style: italic; }
.article .image-links { float: left; margin-left: 10px; line-height: 25px; }
.article .linked-fields { display: none; }
.article .actions { text-align: center; }
.article .save-close { width: auto !important; padding: 0 15px !important; margin: 10px 0 13px 15px !important; }
.article .save.save-switch { width: auto !important; padding: 0 15px !important; margin: 10px 0 13px 15px !important; background: rgb(84, 182, 178) !important; }
.ArticleCredits { display: flex; width: 100%; justify-content: space-between; }
.ArticleCredits-Stats { display: flex; justify-content: flex-end; }
.ArticleCredits-Stats-Words { display: flex; align-items: center; margin: 0 0 0 20px; font-weight: bold; }

.article .gallery .box { border: solid #cccccc 1px; border-radius: 3px; margin: 10px 0; }
.article .gallery .box .header { background: #e5ebec; padding: 20px; position: relative; }
.article .gallery .box .header .pick-photo { border: 0; background: #3579a6; border-radius: 3px; color: #fff; font-weight: bold; font-size: 13px; text-align: center; line-height: 48px; padding: 0 25px; cursor: pointer; }
.article .gallery .box .header input { border: solid #b1b1b1 1px; border-radius: 3px; line-height: 48px; padding: 0 120px 0 20px; font-size: 14px; float: right; width: 560px; height: 48px; }
.article .gallery .box .header .add { border: 0; border-radius: 3px; background: #000; color: #fff; font-weight: bold; font-size: 14px; line-height: 36px; padding: 0 30px; position: absolute; top: 26px; right: 26px; cursor: pointer; }
.article .gallery .box .items { max-height: 500px; overflow: auto; padding: 20px; }
.article .gallery .box .items .item { margin: 0 -10px 25px -10px; display: flex; flex-flow: row nowrap; }
.article .gallery .box .items .item .image { flex: 0 0 140px; width: 140px; text-align: center; margin: 0 10px; }
.article .gallery .box .items .item .image .wrapper { display: block; width: 140px; height: 140px; overflow: hidden; border-radius: 3px; margin: 0 0 10px; position: relative; background: #000; }
.article .gallery .box .items .item .image .wrapper img { max-height: 100%; }
.article .gallery .box .items .item .image .wrapper .remove { display: none; background: #fff url(img/sprite.png) -246px -246px no-repeat; width: 16px; height: 16px; background-color: #fff; border-radius: 16px; position: absolute; top: 5px; right: 5px; box-shadow: 0 0 7px 1px #000; cursor: pointer; }
.article .gallery .box .items .item:hover .image .wrapper .remove { display: block; }
.article .gallery .box .items .item .image label { font-size: 12px; color: #666666; float: none; padding: 0; }
.article .gallery .box .items .item .info { flex: 1 1; margin: 0 10px;}
.article .gallery .box .items .item .info label { padding: 0; font-size: 13px; color: #666666; }
.article .gallery .box .items .item .info textarea { padding: 5px 10px; border: solid #b1b1b1 1px; border-radius: 3px; box-sizing: border-box; height: 60px; }
.article .gallery .box .items .item .info input { padding: 5px 10px; border: solid #b1b1b1 1px; border-radius: 3px; box-sizing: border-box; }
.article .gallery .box .items .item.youtube .image img { opacity: 0.5; }
.article .gallery .box .items .item.youtube .image .icon { width: 42px; height: 42px; background: url(img/sprite.png) -350px -250px; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; }
.article .gallery .box .items .item.facebook .image .icon, .article .gallery .box .items .item.instagram .image .icon, .article .gallery .box .items .item.twitter .image .icon, .article .gallery .box .items .item.pinterest .image .icon { width: 42px; height: 42px; background: url(img/sprite.png) -400px -250px; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; }
.article .gallery .box .items .clear {display: none; clear: none;}
.article .article-link-row {display:flex; justify-content: space-between; align-items: center; position:relative}

.popup { display: none; width: 680px; height: 495px; padding: 10px 20px; position: absolute; left: 50%; margin-left: -380px; z-index: 100; background: #fff; -moz-box-shadow: 0 0 7px 0px #000; -webkit-box-shadow: 0 0 7px 0px #000; box-shadow: 0 0 7px 0px #000; }
.popup .results  { overflow: auto; height: 425px; margin: 10px 0; }
.popup .results, .popup .selection { line-height: 25px; }
.popup .results .item, .popup .selection .item { width: 100%; background: #fff; }
.popup .results .item:hover, .popup .selection .item:hover { background: #e5ffd2; }
.popup .results .item a, .popup .selection .item a { color: #000; text-decoration: none; }
.popup .results .num_items { position: absolute; top: 0; right: 0; margin: 4px 20px 0 0; text-align: right; }
.popup .space { height: 400px; overflow: auto; }
.popup .title { font-size: 25px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px dotted #d6d6d6; }
.popup .dotted-line { margin-bottom: 10px; }
.popup .subtitle { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.popup .subtitle.mb0 { margin-bottom: 0; }
.popup .subtitle.mt5 { margin-top: 5px; }
.popup.categories .left-area { width: 50%; float: left; }
.popup.categories .right-area { width: 50%; float: right; }
.popup.categories select { width: 50%; }
.popup.categories #category-tree { border: 0; }
.popup.categories #category-tree li { line-height: 20px; }
.close-button { background: #e5e5e5; margin: auto; padding: 0 15px; text-align: center; color: #000; font-weight: bold; font-size: 16px; border: solid #cdcdcd 1px; cursor: pointer; line-height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.close-button.green { background: #ade9b2; }
.popup.related input { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #b1b1b1; box-sizing:border-box; font-family:"Open Sans", Helvetica, Arial, Tahoma; height:40px; padding:0 8px; width:100%; margin-bottom: 10px; }
.update-button { display: block; background-color: #3778cb; color: #fff; font-size: 16px; text-align: center; padding: 0 50px; line-height: 45px; border: 0; border-radius: 3px; margin: 0 auto 40px; font-weight: bold; cursor: pointer; }
.popup ul.checkboxes { list-style-type: none; padding: 0; margin: 20px 0 0 0;}
.popup ul.checkboxes li label { margin-left: 6px; }
.black-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 99; opacity: 0.7; }

.article-image .delete-link { position: absolute; top: 15px; right: 15px; font-weight: bold; color: brown; font-size: 15px; }
.article-image .tmp-file { text-align: center; padding: 15px; background: #eee; }
.article-image .preview { text-align: center; padding: 15px; }
.article-image .preview form { margin: 15px auto; }
.article-image .img-title { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.article-image .uploaded-img { position: static !important; }
.article-image .thumbnails { margin: 15px 0; border: solid 1px #eaeaea; }
.article-image .thumbnails .types { border-bottom: solid 1px #eaeaea; text-align: center; line-height: 50px; font-size: 16px; }
.article-image .thumbnails .types a { padding: 0 30px; }
.article-image .thumbnails .types a.selected { font-weight: bold; border-bottom: solid #000 2px; line-height: 45px; display: inline-block; }
.article-image .thumbnails .previews .type { display: none; padding: 20px 0 30px; }
.article-image .thumbnails .previews .type.visible { display: block; }
.article-image .thumbnails .previews .thumb { width: 50%; float: left; text-align: center; padding: 10px 0 0; }
.article-image .thumbnails .previews .caption { display: inline-block; margin-bottom: 10px; }
.article-image .thumbnails.cover .previews .thumb { width: 100%; float: none; }
.article-image .thumbnails.cover .previews .thumb .image img { max-width: 100%; }

form.simple { }
form.simple label { display: block; font-weight: bold; margin: 5px 0; }
form.simple label.inline { font-weight: normal; }
form.simple input[type="text"], form.simple input[type="password"], form.simple input[type="url"], form.simple input[type="email"], form.simple input[type="number"] { width: 300px; height: 37px; padding: 0 8px; margin-bottom: 10px; border: 1px solid #b1b1b1; font-family: "Open Sans", Helvetica, Arial, Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.simple select { margin-bottom: 10px; -moz-appearance: none; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; appearance: none; background: url(img/select-arrow.png) no-repeat #FFF; background-position: 95% center; background-size: 12px auto; border: 1px solid #cacdcd; cursor: pointer; font-size: 14px; height: 37px; padding: 0 30px 0 8px !important; width: 300px; box-sizing: border-box; border: 1px solid #b1b1b1; }
form.simple textarea { width: 100%; height: 90px; padding: 8px; border: 1px solid #b1b1b1; resize: none; font-family: "Open Sans", Helvetica, Arial, Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.simple .input-describe { color: grey; padding: 0 15px; font-size: 13px; }
form.simple .input-describe.nopad { padding: 0; }
form.simple .input-describe:before { content: '// ' }

.page .table { border: 2px solid #dadada; font-size: 13px; width: 100%; }
.page .table thead tr td { font-weight: bold; border-bottom: solid #ccc 2px; }
.page .table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; box-sizing: border-box; padding: 0 10px; line-height: 33px; }
.page .table tr:nth-of-type(even) { background: #efefef; }
.page .table tr.manual:nth-of-type(odd) { background: #ffdcb7; }
.page .table tr.manual:nth-of-type(even) { background: #ffe9d2; }
.page .table tr:hover, .page .table tr.manual:hover { background: #fffcc8; }
.page .table tr .hover { display: none; font-weight: bold; text-align: center; }
.page.scorecard .table tr .hover { text-align: left; }
.page .table tr:hover .visible { display: none; }
.page .table tr:hover .hover { display: block; }
.page .table a { display: block; }
.page .permissions { width: 100%; }
.page .permissions label { font-weight: normal; }
.page .later { float: right; width: 180px; }
.page .line { display: block; width: 200px; height: 1px; border-top: solid #000 1px; }

.scorecard table tbody td { text-align: right; }

.page .logs { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around; }
.page .logs .third label { font-weight: bold; }
.page .logs .third select { margin: 0 15px; -moz-appearance: none; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; appearance: none; background: url(img/select-arrow.png) no-repeat #FFF; background-position: 92% center; background-size: 12px auto; border: 1px solid #b1b1b1; cursor: pointer; font-size: 14px; height: 37px; padding: 0 30px 0 8px !important; box-sizing: border-box; }
.page .logs .third input { margin: 0 15px; -moz-appearance: none; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; appearance: none; border: 1px solid #b1b1b1; cursor: pointer; font-size: 14px; height: 37px; padding: 0 8px 0 8px !important; box-sizing: border-box; }
.custom-page label { display: inline-block; float: left; font-size: 15px; font-weight: 700; padding-top: 5px; line-height: 25px; }

.rules p { line-height: 24px; }

.profile input[type="text"] { width: 100% !important; }
.profile .avatar { width: 100px; }
.profile .cover { width: 283px; }
.profile .avatar, .profile .cover { height: 100px; background: #ddd; text-align: center; line-height: 100px; background-size: cover; }
.profile .avatar a, .profile .cover a { display: block; }
.profile .avatar:hover, .profile .cover:hover { background: #ccc; background-image: none !important; }

.icon.project-1 { width: 18px; height: 20px; background: url(img/sprite.png) no-repeat -200px -50px; margin: auto; }
.icon.project-2 { width: 22px; height: 20px; background: url(img/sprite.png) no-repeat -250px -50px; margin: auto; }
.icon.project-3 { width: 20px; height: 20px; background: url(img/sprite.png) no-repeat -300px -50px; margin: auto; }
.icon.project-4 { width: 21px; height: 20px; background: url(img/sprite.png) no-repeat -400px -50px; margin: auto; }
.icon.project-5 { width: 20px; height: 20px; background: url(img/sprite.png) no-repeat -450px -50px; margin: auto; }
.wallet .third { width: 33%; float: left; text-align: center; }
.wallet .third .price { font-size: 16px; font-weight: bold; }
.wallet .icon-msg { width: 20px; height: 19px; background: url(img/sprite.png) no-repeat -350px -50px; margin: auto; display: block; }
.wallet .article-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 230px; }
.wallet table tr.updated .price { background: #ffdfd0; }
.wallet table tr.closed .price { background: #dbffd0; }
.wallet table tr.smaller { background: #f5b0b0 !important; }
.wallet table tr.bigger { background: #ade9b2 !important; }
.wallet .new-entry, .wallet .new-custom-entry { margin: 10px 0; display: none; }
.wallet .new-entry input[type="text"], .wallet .new-custom-entry input[type="text"] { float: left; width: 600px; height: 37px; padding: 0 8px; margin-bottom: 10px; border: 1px solid #b1b1b1; font-family: "Open Sans", Helvetica, Arial, Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wallet .new-entry input[type="submit"], .wallet .new-custom-entry input[type="submit"] { display: none; float: left; width: 101px; background: #000; color: #fff; border: 0; height: 37px; padding: 10px 0; font-weight: bold; font-size: 15px; cursor: pointer; text-align: center; }
.wallet .new-entry select { display: none; float: left; margin: 0 15px; -moz-appearance: none; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; appearance: none; background: url(img/select-arrow.png) no-repeat #FFF; background-position: 92% center; background-size: 12px auto; border: 1px solid #b1b1b1; cursor: pointer; font-size: 14px; height: 37px; padding: 0 30px 0 8px !important; box-sizing: border-box; }
.wallet .points { float: right; font-weight: normal; font-size: 15px; }
.wallet .points .hint { font-style: italic; color: grey; cursor: pointer; }
.wallet .new-custom-entry .price { width: 100px !important; margin: 0 10px; }
.wallet .new-custom-entry input[type="submit"] { display: block; }

.wallet .month-list table { border: 2px solid #dadada; font-size: 13px; width: 100%; }
.wallet .month-list table thead td { font-weight: bold; }
.wallet .month-list table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; box-sizing: border-box; padding: 0 10px; line-height: 30px; }
.wallet .month-list table tbody tr:nth-child(odd) td { background: #eee; }
.wallet .month-list table tbody tr:hover td { background: #fffacd; }
.wallet .month-list table a.table-link { display: block; width: 100%; height: 100%; }
.wallet .month-list table .status-opened { color: green; }
.wallet .month-list table .status-closed { color: brown; }
.wallet .month-list.parent table { display: none; }
.wallet .month-list.parent .month-stats.active { display: block; }
.wallet .month-list.parent .month-stats.active table { display: table; }
.wallet .month-list table.active { display: table; }
.wallet .month-list table a.leave-message { display: block; width: 100%; height: 100%; }
.wallet .month-list table .price-col { width: 15%; }
.wallet .month-list table tr.private td { background: #d6ffb2 !important; }
.wallet table .price input { width: 40px; }
.wallet table .paid-input { width: 50px; }
.wallet .nav-links .openned-cnt { color: green; font-weight: normal; }
.wallet .nav-links .openned-cnt.warning { color: red; font-weight: bold; }
.wallet table.user-info { width: 100%; }
.wallet table.user-info td { line-height: 25px; }
.wallet table .note { font-style: italic; font-weight: normal; }
form.message textarea { width: 100%; height: 100px; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 5px; border: 1px solid #dadada; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.wallet table.settings thead td { font-weight: bold; }
.wallet table.settings td { width: 20%; }
.wallet table.settings input[type="text"] { width: 80px; }

.wallet .stats-switch { position: absolute; top: 35px; right: 0; display: none; }
.wallet .stats-switch.active { display: block; }
.wallet .month-stats { margin-bottom: 20px; display: none; }
.wallet .month-stats tbody td { border: 0; border-right: 0; border-bottom: 0 !important; background: transparent !important; }
.wallet .month-stats thead td { border-bottom: solid #dadada 1px; border-right: 0; }
.wallet .month-stats tr td:nth-of-type(3) { border-right: solid #dadada 1px; }
.wallet .month-stats .grey { color: grey; font-style: italic; }
.wallet .month-select { display: inline-block; }

.ml15 { margin-left: 15px; }
.mb15 { margin-bottom: 15px; }

.newsletter table { clear: both; margin: 20px 10px 0 0; width: calc(100% - 10px); border: 2px solid rgb(205, 205, 205); }
.newsletter table td { padding: 10px; font-size: 13px; border-bottom: 1px solid; border-right: 1px solid; border-color: rgb(215, 215, 215); }
.newsletter .table .main { background-color: rgb(235, 235, 235); }
.newsletter .table .link { color: blue; text-decoration: underline; cursor: pointer; }
.newsletter .table .link:hover { opacity: .5; }
.newsletter .table_stats { width: 500px; }
.newsletter .name { clear: both; margin: 20px 0 0 0; min-width: 0px; min-height: 0px; font-weight: bold; }
.newsletter .add { margin: 20px 0 0 0; min-width: 0px; min-height: 0px; }
.newsletter .add .name { min-width: 0px; min-height: 0px; font-weight: bold; }
.newsletter .add .error { display: none; clear:both; margin: 10px 0 0 0; min-width: 0px; min-height: 0px; color: red; font-size: 12px; }
.newsletter .add .success { display: none; clear:both; margin: 10px 0 0 0; min-width: 0px; min-height: 0px; color: green; font-size: 12px; }
.newsletter .add input[type="text"] { clear: both; margin: 10px 0 0 0; padding: 0 10px; width: 600px; height: 30px; line-height: 30px; background: transparent; border: 1px solid #b1b1b1; font-size: 14px; }
.newsletter .add input[type="text"]:focus { outline-color: transparent; }
.newsletter .add select { margin: 10px 0 0 10px; padding: 0 10px; width: 130px; height: 30px; line-height: 30px; background: transparent; border: 1px solid #b1b1b1; font-size: 14px; }
.newsletter .add input[type="submit"] { margin: 10px 0 0 10px; padding: 0 10px; min-width: 0px; height: 30px; line-height:30px; background-color: #eee; border: none; font-size: 14px; font-weight: bold; cursor: pointer; }
.newsletter .add input[type="submit"]:hover { opacity: .75; }

.quizzes input { font-family: 'Open Sans', sans-serif; color: #92979d; font-size: 14px; }
.quizzes .head { position: relative; height: 44px; color: #323232; }
.quizzes .head .title { float: left; height: 44px; line-height: 44px; font-size: 24px; font-weight: 900; }
.quizzes .head .button { float: left; margin: 0 0 0 40px; padding: 0 20px; height: 44px; border-radius: 4px; background-color: #3679cb; cursor: pointer; }
.quizzes .head .button:hover { opacity: .75; }
.quizzes .head .button .text { display: inline-block; vertical-align: top; height: 44px; line-height: 44px; color: #fff; font-weight: bold; }
.quizzes .head .button .icon { display: inline-block; vertical-align: top; margin: 17px 0 0 5px; width: 10px; height: 10px; background-position: 0 -250px; }
.quizzes .head input { float: right; padding: 0 46px 0 20px; width: 150px; height: 42px; line-height: 42px; border-radius: 4px; background-color: #e0e6e7; border: 1px solid #c1c2c4; }
.quizzes .head > .filter { float: right; margin: 0 20px 0 0; padding: 0 20px; height: 44px; background-color: #92979d; cursor: pointer; border-radius: 4px; }
.quizzes .head > .filter:hover { opacity: .75; }
.quizzes .head .filter .text { display: inline-block; vertical-align: top; height: 44px; line-height: 44px; color: #fff; font-weight: bold; }
.quizzes .head .filter .icon { display: inline-block; vertical-align: top; margin: 16px 0 0 5px; width: 17px; height: 12px; background-position: -50px -250px; }
.quizzes .head .filters { float: right; height: 44px; display: none; }
.quizzes .head .filters .filter { position: relative; float: left; margin: 0 20px 0 0; width: 100px; height: 44px; }
.quizzes .head .filters .filter .name { font-size: 12px; text-align: center; opacity: .5;  }
.quizzes .head .filters .filter select { position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; cursor: pointer; }
.quizzes > .head > .icon { position: absolute; margin: auto; right: 15px; top: 0; bottom: 0; width: 16px; height: 16px; background-position: -100px -250px; }
.quizzes .table { margin: 30px 0 0 0; }
.quizzes .table-wrap .table td.title { padding: 0 20px; }
.quizzes .table-wrap .table td.title a { display: block; line-height: 40px; }
.quizzes .table-wrap .table tr:hover td { background: #fffcc8; }

.quiz input { font-family: 'Open Sans', sans-serif; color: #323232; font-size: 16px; }
.quiz label { display: block; font-weight: bold; }
.quiz label.radio { display: inline; font-weight: normal; }
.quiz > label { font-size: 18px; margin: 0 0 5px; }
.quiz > input[type="text"] { width: calc(49% - 10px); padding: 5px; }
.quiz .question { display: flex; border-bottom: dotted #ccc 1px; }
.quiz .question .head { font-size: 18px; margin: 10px 0; }
.quiz .question .head .red { cursor: pointer; }
.quiz .question .left { flex-grow: 1; }
.quiz .question .left label { margin: 10px 0 5px; }
.quiz .question .left input[type="text"] { width: calc(50% - 50px); padding: 5px; box-sizing: border-box; }
.quiz .question .left .remove-answer { cursor: pointer; display: inline-block; width: 20px; height: 20px; background-image: url('img/icon-bin.svg'); background-size: 100%; }
.quiz .question .left > button { margin: 15px 0; }
.quiz .question > .right { width: 300px; padding: 20px; }
.quiz .question .loader { width: 16px; height: 16px; background-image: url('img/loader.gif'); background-size: 100%; }
.quiz input[type="submit"] { margin: 25px 0; padding: 10px 20px; background-color: #111; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; border: 0; text-transform: uppercase; }
.quiz input[type="submit"]:hover { opacity: .75; }

.stats .picker { float: left; }
.stats .graph { max-height: 400px; position: relative; margin: 20px 0; }
.stats .graph canvas { display: none; }
.stats table .selected td { background: #fffacd !important; }
.stats .type { float: right; }
.stats .type span { cursor: pointer; }
.stats .type span.selected { font-weight: bold; cursor: default; }
.stats .step { margin: 5px 0 0 10px; float: left; }

.wallet-settings input[type="number"] { width: 100px; }
.wallet-settings .change { line-height: 30px; cursor: pointer; }
.wallet-settings .change:hover, .wallet-settings .change.active { background: #ade9b2; }
.wallet-settings .changelog .old { color: red; }
.wallet-settings .changelog .new { color: green; font-weight: bold; }

.thumbs img { margin-bottom: 20px; display: inline-block; }
.thumbs .warning { display: inline-block; border: solid red 3px; border-radius: 5px; padding: 10px; margin: 0 0 20px; font-weight: bold; }

.ArticleEdit-Layout[data-display="0"] {display: none;}
.ArticleEdit-Layout-ButtonList {display: flex; flex-flow: row nowrap; margin: 0 -5px;}
.ArticleEdit-Layout-Button {
	display: block; width: 48px; height: 40px; margin: 5px; cursor: pointer;
	border: 1px solid #b1b1b1; border-radius: 2px;
	background-position: center center; background-repeat: no-repeat; background-size: 32px 32px;
}
.ArticleEdit-Layout-Button[data-type="1"] {background-image: url(img/article-layout-1.svg);}
.ArticleEdit-Layout-Button[data-type="2"] {background-image: url(img/article-layout-2.svg);}
.ArticleEdit-Layout-Button[data-type="3"] {background-image: url(img/article-layout-3.svg);}
.ArticleEdit-Layout-Button[data-active="1"] {background-color: #cce5ff;}
.ArticleEdit-Layout-Button input {visibility: hidden; margin: 0; width: 100%; height: 100%;}

.plus-table { border-spacing: 0; border-radius: 3px; display: inline-table; text-align: center; }
.plus-table:first-of-type { margin: 0 15px 0 0; }
.plus-table tbody td:not(.legend) { background: #FBFBFB; font-size: 13px; color: #4F5152; padding: 15px; border-bottom: solid #ccc 1px; border-right: solid #ccc 1px; }
.plus-table tbody td:not(.legend) .bold { font-size: 16px; }
.plus-table tbody tr:nth-of-type(2n) td:not(.legend) { background: #EFF1F3; }
.plus-table .legend { background: #202020; color: #fff; font-size: 15px; font-weight: 700; padding: 15px; }
.plus-table .trial { border-left-style: double; border-left-color: #ccc; }

.Shortener-Url { border: 0; font-family: 'Open Sans', sans-serif; background: transparent; font-size: 14px; width: 220px; }
.Shortener-Url:focus { outline: none; }

@media print {
	body { font-size: 12px; }
	.panel, .menu, .close-button { display: none; }
	.main-body { padding: 0; }
	.with-menu { padding: 0; }
	.white-box { border: 0; }
	.wrap { min-width: 0; }
}