/* Base */
html { position: relative; min-height: 100%; }
body { padding-top: 70px; margin-bottom: 60px; background-color: #f4f6f9; color: #333; }
.container { width: 100%; max-width: 1300px; }
textarea { resize: none; }
.clearfix_10 { clear: both; margin-bottom: 10px; }
.height_10 { height: 10px; margin-top: 5px; }
.ancor { padding-top: 52px; margin-top: -52px; }
a { outline: none !important; }
.ad-container { margin: 20px 0 20px 0; text-align: center; display: block; clear: both; float: none; }

/* Arrows */
.arrow-link{display:inline-flex;align-items:center;text-decoration:none!important;background:transparent;border:none;border-radius:0;font-size:inherit;font-weight:inherit;color:#202124;line-height:inherit;transition:color .3s ease;cursor:pointer}
.arrow-link i{font-size:.85em;color:inherit;margin-left:10px;transition:transform .3s ease;position:relative;top:0}
.category-header .arrow-link i{top:1px}
.collection-header-row .arrow-link i,.comments-header-row .arrow-link i,.sidebar-block-header .arrow-link i{top:-1px}
.arrow-link:hover,.arrow-link:hover i{color:#4CAF50}
.arrow-link:hover i{transform:translateX(5px)}

/* Breadcrumb */
.breadcrumb { background-color: #ffffff; border: 1px solid #e1e4e8; border-radius: 12px; padding: 10px 20px; margin-bottom: 25px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); font-size: 14px;}
.breadcrumb > li > a { color: #5f6368; text-decoration: none; transition: color 0.2s; font-weight: 500; }
.breadcrumb > li > a:hover { color: #4CAF50; }
.breadcrumb > .active { color: #202124; font-weight: 600; }
.breadcrumb > li + li:before { content: "›" !important; color: #b0bec5; padding: 0 10px; font-size: 16px; line-height: 1; vertical-align: -1px; }
.breadcrumb .glyphicon-home { font-size: 14px; top: 0px; }

/* App Card */
.app-card-cont { margin-bottom: 15px; padding: 0 5px; }
.app-card { display: block; padding: 5px; border: 1px solid #e1e4e8; border-radius: 10px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); overflow: hidden; position: relative; transition: box-shadow 0.3s ease-in-out; text-decoration: none; color: #333; }
.app-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-decoration: none; }
.app-icon { margin-top: 10px; object-fit: cover; }
.app-info { padding: 4px; }
.app-title { display: block; font-weight: bold; font-size: 14px; margin: 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.app-description { min-height: 69px; font-size: 12px; color: #666; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* Collection Card */
.collection-card-cont { margin-bottom: 15px; padding: 0 5px; }
.collection-card { display: flex; align-items: center; padding: 10px; border: 1px solid #e1e4e8; border-radius: 10px; background-color: #fff; text-decoration: none; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,0.05); overflow: hidden; transition: box-shadow 0.3s ease-in-out; }
.collection-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-decoration: none; }
.media-left { margin-right: 15px; }
.collection-icon { object-fit: cover; border-radius: 50%; width: 64px; height: 64px; }
.collection-info { flex: 1; }
.collection-title { font-weight: bold; font-size: 15px;margin-bottom: 4px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collection-description { font-size: 13px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* Collection Single-App Card */
.collection-header-row {display: flex;align-items: center;justify-content: flex-start; margin: 30px 0 8px 0; font-size: 18px; font-weight: 700; color: #202124;}
.collection-box {background-color: #ffffff;border-radius: 12px; padding: 25px 25px 10px 25px; border: 1px solid #e1e4e8; box-shadow: 0 2px 5px rgba(0,0,0,0.02); margin-bottom: 30px;}
.collection-box .app-preview { display: block; text-decoration: none; text-align: center; margin-bottom: 15px; }
.collection-box .app-preview img { border-radius: 12px; margin-bottom: 8px; transition: transform 0.2s; box-shadow: 0 2px 5px rgba(0,0,0,0.05); width: 100%; height: auto; display: inline-block; }
.collection-box .app-preview:hover img { transform: translateY(-3px); }
.collection-box .app-name { display: block; font-size: 14px; font-weight: 600; color: #3c4043; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}

/* Page Title */
.page_icon { margin: 0 15px 0 10px; vertical-align: middle; width: 45px; height: 45px; }
.page_title { margin-bottom: 10px; display: flex; align-items: center; }
.page_title h1 { font-size: 180%; margin: 0; padding: 0; }

/* Soft Title */
.soft_icon { box-shadow: 0 10px 25px rgba(0,0,0,0.2); border-radius: 16px; }
.soft_name h1 { font-weight: 600; color: #202124; font-size: 24px; margin-top: 0px; letter-spacing: -0.5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.soft_name h1 small { color: #5f6368; font-weight: 500; font-size: 0.6em; margin-left: 8px; vertical-align: middle; }
#rating { margin: 7px 0 0 -2px; height: 25px; display: flex; justify-content: center; align-items: center; }
.page_title_bottom { margin-top: 3px; display: flex; justify-content: center; align-items: center; }
div.vote-wrap { overflow: hidden; height: 30px; }
div.vote-block { position: relative; }
div.vote-hover { float: left; cursor: pointer; }
div.vote-stars, div.vote-active { position: absolute; left: 0; top: 0; }
div.vote-result { color: #adadad; font-size: 13px; margin-top: 2px; padding-left: 95px; }
div.vote-success { clear: both; color: #adadad; font-size: 12px; height: 20px; margin: -5px 0 0 5px; }
@media (min-width: 768px) {
  .soft_icon { margin: 7px 5px 0; float: left; width: 60px; height: 60px; }
  .soft_name { padding-left: 20px; }
  .soft_title h1 { padding-top: 11px; text-align: left; }
  .soft_title #rating, .page_title_bottom { text-align: left; justify-content: flex-start; }
}
@media (max-width: 767px) {
  .soft_icon { width: 150px; height: 150px; margin: 8px 0 5px; }
  .soft_title h1 { text-align: center; padding-top: 10px; justify-content: center; }
  .soft_title #rating, .page_title_bottom { text-align: center; justify-content: center; }
  div.vote-result { color: #606060; font-size: 14px; }
}
@media (min-width: 992px) and (max-width: 1200px) { .soft_name { padding-left: 45px; } }

/* Forms */
.help-block { margin-top: -2px; margin-bottom: 5px !important; }
.error_block { height: 10px; margin-top: 5px; }
.input-hidden { display: none; }
.btn-gray { background-color: #DDDDDD; color: #3A3A3A; }
.btn-gray:hover { background-color: #949699; color: white; }

/* Mainpage */
.jumbotron{background-color:#ffffff;border:none!important;border-left:5px solid #4CAF50!important;border-radius:4px!important;box-shadow:0 5px 15px rgba(0,0,0,0.03)!important;padding:20px 25px!important;margin:0 0 30px 0!important}
.jumbotron h1{font-size:22px;margin-top:0;margin-bottom:8px;font-weight:600;color:#3C546D} 
.jumbotron p{font-size:14px;font-weight:400;color:#6c757d;line-height:1.6}
.main_prog_wrapper{display:block;margin-bottom:30px;padding-left:5px}
.category-header{display:flex;align-items:center;padding:10px 5px;margin-bottom:20px}
.category-header .titleimg{margin-right:15px}
.category-header .titleimg img{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.08);object-fit:cover;display:block}
.category-header .maincat_left{display:flex;flex-direction:column;justify-content:center}
.category-header .title h2{margin:0;line-height:1.2;font-size:20px;font-weight:700;}
.category-header .title p{font-size:14px;color:#7f8c8d;margin:5px 0 0 0}

/* Login */
.login-or { position: relative; font-size: 18px; color: #aaa; margin: 20px 0; padding: 10px 0; }
.span-or { display: block; position: absolute; left: 50%; top: -2px; margin-left: -25px; background-color: #fff; width: 50px; text-align: center; }
.hr-or { background-color: #cdcdcd; height: 1px; margin: 0 !important; }

/* Top Panel */
.logo { background: url(../images/logo.png) no-repeat center/cover; width: 200px; height: 24px; overflow: hidden; margin-top: -2px; }
.navbar-fixed-top .dropdown-menu { min-width: 0px; }
.navbar-default { background-color: #ffffff; border-color: #e1e4e8; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.search { padding: 0 6px !important; }
.modal-open[style="padding-right: 17px;"] .navbar-fixed-top,
.modal-open[style="padding-right: 17px;"] .navbar-fixed-bottom { padding-right: 17px; }
.user-avatar { width: 19px; height: 19px; margin-right: 5px; vertical-align: -4px; }
.big-icon { margin-right: 5px; font-size: 19px; vertical-align: -3px; }
.full-text { display: none; }
@media (max-width: 767px) {
  .full-text { display: inline; }
  .short-text { display: none; }
}

/* Lists */
.list-group-item img { margin-right: 10px; }
.list-group a { color: #1688ad; }
.list-group a:hover { color: #23527C; text-decoration: underline; }
.list-overflow-hidden a { overflow: hidden; height: 36px; }

/* Sidebar */
.sidebar-block-header{display:flex;align-items:center;justify-content:flex-start;font-size:18px;font-weight:700;margin-bottom:15px;color:#202124;}
.sidebar .list-group { background-color: #ffffff; border: 1px solid #e1e4e8; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); overflow: hidden; padding: 0; margin-bottom: 25px; }
.sidebar .list-group-item.sidebar-lgi { border: none !important; border-bottom: 1px solid #f2f4f7 !important; margin: 0; border-radius: 0 !important; padding: 12px 15px; font-size: 14px; font-weight: 500; color: #3c4043; transition: all 0.2s; background-color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.sidebar .list-group-item.sidebar-lgi:last-child { border-bottom: none !important; }
.sidebar .list-group-item.sidebar-lgi:hover { background-color: #f8f9fa !important; text-decoration: none; color: #4CAF50 !important; padding-left: 18px; }
.sidebar-lgi img { margin-right: 12px; border-radius: 8px; vertical-align: middle; width: 24px; height: 24px; object-fit: cover; }

/* Inside Page */
.page_content { background-color: #ffffff; padding: 30px; border-radius: 16px; border: 1px solid #e1e4e8; box-shadow: 0 2px 8px rgba(0,0,0,0.03); font-size: 16px; line-height: 1.7; color: #3c4043; margin: 20px 0 0 0;}
.page_content p { margin-bottom: 20px;}
.page_content h2 { font-weight: 700; font-size: 22px; margin-top: 30px; margin-bottom: 15px; color: #202124; }

/* Category Page */ 
.page_title { display: flex; align-items: center; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 2px solid #f5f7f9; }
.page_title .page_icon { width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); object-fit: cover; margin-right: 20px; }
.page_title h1 { font-size: 24px; font-weight: 600; color: #202124; margin: 0; line-height: 1.1; letter-spacing: -0.5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.15); }
.page_title h1 small { display: block; font-size: 14px; font-weight: 400; color: #5f6368; margin-top: 6px; text-shadow: none; letter-spacing: normal; }  
.category_prog_wrapper .cat-nav { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 20px 0; list-style: none; }
.category_prog_wrapper .cat-nav li { margin: 0; padding: 0; }
.category_prog_wrapper .cat-nav li h3 { margin: 0; display: inline-block; }
.category_prog_wrapper .cat-nav li h3 a { display: inline-block; padding: 7px 18px; background-color: #ffffff; color: #3c4043; border: 1px solid #dadce0; border-radius: 50px; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); text-transform: none; }
.category_prog_wrapper .cat-nav li h3 a:hover { background-color: #e8f5e9; color: #4CAF50; border-color: #4CAF50; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(76,175,80,0.2); }

/* Subcategory Page */
.subcat-list{margin-bottom: 0px;}
.subcat-list .list-group-item {padding: 5px 15px; margin: 0 -15px; background-color: transparent;}

/* Program Page */
.btn-download { background-color: #4CAF50; color: #fff; font-size: 18px; font-weight: 700; padding: 18px 30px; border-radius: 50px; border: none; box-shadow: 0 8px 20px rgba(76, 175, 80, 0.4); transition: all 0.3s ease; margin-top: 30px; margin-bottom: 10px; white-space: normal; line-height: 1.3; }
.btn-download:hover { background-color: #43a047; box-shadow: 0 12px 25px rgba(76, 175, 80, 0.5); transform: translateY(-2px); color: #fff; }
.comments-section { margin-top: 30px; margin-bottom: 30px; }
.comments-header-row { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;  font-size: 18px; font-weight: 700;color: #202124;}
.comments-box { background-color: #ffffff; border-radius: 12px; padding: 25px; border: 1px solid #e1e4e8; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.no-comments {color: #5f6368;font-style: italic;}

.rs-status-box{margin:16px 0 22px;padding:14px 16px;background:#f9f9f9;border:1px solid #ddd;border-left:4px solid #bbb;border-radius:12px;font-size:14px;line-height:1.45;color:#333;box-shadow:0 3px 8px rgba(0,0,0,.05)}.rs-status-online{border-left-color:#5cb85c}.rs-status-offline{border-left-color:#d9534f;background:#fffafa}.rs-status-line{font-size:14px;line-height:1.55;margin-bottom:5px}.rs-line-title{font-size:15px}.rs-label,.rs-label-title{color:#333;font-weight:700}.rs-value{color:#333;font-weight:400}.rs-status-part{display:inline}.rs-status-value{font-weight:700}.rs-status-online .rs-status-value{color:#3c763d;display:inline-flex;align-items:center}.rs-status-offline .rs-status-value{color:#c9302c;display:inline-flex;align-items:center}.rs-status-sep{display:inline-block;margin:0 7px;color:#ccc;font-size:12px}.rs-blink-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.rs-dot-green{background-color:#5cb85c;animation:rsBlink 1.5s infinite ease-in-out}.rs-dot-red{background-color:#d9534f;animation:rsBlink 1.5s infinite ease-in-out}@keyframes rsBlink{0%,100%{opacity:1}50%{opacity:.3}}.rs-status-meta{margin-top:10px;font-size:13px;display:flex;align-items:center}.rs-action-link{color:#337ab7;font-weight:700;text-transform:uppercase;text-decoration:none;border-bottom:1px dashed #337ab7;padding-bottom:1px}.rs-action-link:hover{border-bottom-style:solid;color:#23527c}.rs-action-btn{background-color:#d9534f;color:#fff!important;font-weight:700;text-transform:uppercase;text-decoration:none;padding:6px 16px;border-radius:6px;transition:background-color .2s;box-shadow:0 2px 4px rgba(217,83,79,.2);display:inline-block}.rs-action-btn:hover{background-color:#c9302c}@media(max-width:767px){.rs-status-line{font-size:13px;line-height:1.55}.rs-status-meta{margin-top:8px;font-size:12px}} 

/* Similar Section */
.similar-section {margin-top: 30px;margin-bottom: 30px;}
.similar-header-row {display: flex;align-items: center;justify-content: flex-start; margin: 30px 0 8px 0; font-size: 18px; font-weight: 700; color: #202124;}
.mainrow { display: flex;flex-wrap: wrap; margin: 0 -5px; }

/* Comments */
.commentlist{margin-top:20px}
.comment-wrapper{position:relative;margin-bottom:15px;scroll-margin-top:70px}
.comment-children{margin-left:20px;border-left:2px solid #e1e4e8;padding-left:15px;margin-top:10px}
.comment-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e1e4e8;box-shadow:0 2px 5px rgba(0,0,0,.02);transition:box-shadow .2s}
.comment-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.05)}
.comment-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.header-left{display:flex;align-items:center}
.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid #f1f3f4}
.comment-meta-info{display:flex;flex-direction:column;justify-content:center;line-height:1.2}
.author-name{font-weight:700;color:#202124;font-size:14px}
.comment-date{font-size:11px;color:#9aa0a6;margin-top:2px}
.comment-context-badge{display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #e1e4e8;border-radius:20px;padding:4px 10px;height:26px;white-space:nowrap;margin-left:10px}
.version-text{font-weight:600;color:#5f6368;font-size:11px;margin-right:8px;font-family:monospace}
.badge-separator{width:1px;height:12px;background-color:#dadce0;margin:0 6px;display:none}
.comment-context-badge .glyphicon{font-size:11px;margin:0 1px;line-height:1}
.comment-context-badge .filled-star{color:#fbbc04}
.comment-context-badge .empty-star{color:#dadce0}
.comment-content{font-size:14px;color:#3c4043;line-height:1.5;margin-bottom:12px;padding-left:52px;word-wrap:break-word}
.comment-actions{display:flex;align-items:center;justify-content:space-between;padding-left:52px}
.btn-reply{font-size:13px;font-weight:600;color:#5f6368;text-decoration:none!important;display:inline-flex;align-items:center;transition:color .2s}
.btn-reply i{margin-right:5px;font-size:11px}
.btn-reply:hover{color:#4CAF50}
.admin-controls a{margin-left:10px;color:#9aa0a6;font-size:12px;text-decoration:none}
.admin-controls a:hover{color:#202124}
.admin-controls .text-danger:hover{color:#d93025}
.reply-form-wrapper{margin-top:15px;padding-left:52px}
.reply-form-wrapper textarea{border-radius:8px;border:1px solid #dadce0;resize:vertical;box-shadow:none;font-size:14px;padding:10px;width:100%}
.reply-form-wrapper textarea:focus{border-color:#4CAF50;outline:0}
.reply-form-wrapper .btn-success{margin-top:8px;border-radius:20px;padding:6px 20px;font-weight:600;font-size:13px;background-color:#4CAF50;border:none}
.reply-form-wrapper .btn-success:hover{background-color:#43a047}
.form-header-row{margin-top:40px;margin-bottom:15px}
.form-title{font-size:18px;font-weight:700;color:#202124;margin:0}
.comment-form-card{background:#fff;border-radius:12px;padding:30px;border:1px solid #e1e4e8;box-shadow:0 2px 5px rgba(0,0,0,.02);margin-bottom:40px}
.comment-form-card .form-group{margin-bottom:20px}
.comment-form-card label.control-label{font-size:14px;font-weight:700;color:#3c4043;margin-bottom:8px;display:block}
.comment-form-card .help-block{font-size:12px;color:#9aa0a6;margin-top:-5px;margin-bottom:10px}
.rating-block{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed #e1e4e8}
.styled-textarea{border:1px solid #dadce0;border-radius:8px;padding:15px;font-size:14px;background-color:#f8f9fa;resize:vertical;box-shadow:none!important;transition:all .2s}
.styled-textarea:focus{background-color:#fff;border-color:#4CAF50;outline:0}
.custom-checkbox label{font-size:13px;color:#5f6368;font-weight:400;padding-left:20px;cursor:pointer}
.custom-checkbox input[type=checkbox]{margin-top:2px}
.btn-submit-custom{background-color:#4CAF50;color:#fff;font-weight:600;border:none;padding:10px 35px;border-radius:25px;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:10px;outline:0!important}
.btn-submit-custom:hover{background-color:#43a047;color:#fff;box-shadow:0 3px 8px rgba(76,175,80,.2)}
.btn-submit-custom:active{transform:translateY(1px)}
@media(max-width:500px){
.comment-children{margin-left:10px;padding-left:10px}
.comment-content,.comment-actions,.reply-form-wrapper{padding-left:0}
.comment-card{padding:15px}
.comment-context-badge{padding:4px 6px}
.version-text{display:none}
.comment-form-card{padding:20px}
.btn-submit-custom{width:100%;display:block}
} 
.alert{margin-top:20px;margin-bottom:20px;border-radius:12px;clear:both;padding-bottom:5px;position:relative;box-shadow:0 2px 5px rgba(0,0,0,.02)}
.alert-danger{background-color:#fdecea;color:#d93025;border:1px solid #fad2cf}
.alert-success{background-color:#e6f4ea;color:#1e8e3e;border:1px solid #ceead6}

/* Star Rating (plugin) */
.rating-loading { width: 25px; height: 25px; font-size: 0; color: #fff; background: url(../images/loading.gif) top left no-repeat; border: none }
.rating-container .rating-stars { position: relative; cursor: pointer; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap }
.rating-container .rating-input { position: absolute; cursor: pointer; width: 100%; height: 1px; bottom: 0; left: 0; font-size: 1px; border: none; background: 0 0; padding: 0; margin: 0 }
.rating-disabled .rating-input,
.rating-disabled .rating-stars { cursor: not-allowed }
.rating-container .star { display: inline-block; margin: 0 3px; text-align: center }
.rating-container .empty-stars { color: #aaa }
.rating-container .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #fde16d; white-space: nowrap; overflow: hidden; -webkit-text-stroke: 1px #777; text-shadow: 1px 1px #999 }
.rating-rtl { float: right }
.rating-animate .filled-stars { transition: width .25s ease; -o-transition: width .25s ease; -moz-transition: width .25s ease; -webkit-transition: width .25s ease }
.rating-rtl .filled-stars { left: auto; right: 0; -moz-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); -webkit-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); -o-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0) }
.rating-rtl.is-star .filled-stars { right: .06em }
.rating-rtl.is-heart .empty-stars { margin-right: .07em }
.rating-lg { font-size: 3.91em }
.rating-md { font-size: 3.13em }
.rating-sm { font-size: 2.5em }
.rating-xs { font-size: 2em }
.rating-xl { font-size: 4.89em }
.rating-container .clear-rating { color: #aaa; cursor: not-allowed; display: inline-block; vertical-align: middle; font-size: 60%; padding-right: 5px }
.clear-rating-active { cursor: pointer !important }
.clear-rating-active:hover { color: #843534 }
.rating-container .caption { color: #999; display: inline-block; vertical-align: middle; font-size: 60%; margin-top: -.6em; margin-left: 5px; margin-right: 0 }
.rating-rtl .caption { margin-right: 5px; margin-left: 0 }
@media print { .rating-container .clear-rating { display: none } }

/* All Updates */
.updates-list { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; }
.updates-list .update-card { background: #ffffff; border-radius: 12px; padding: 12px 15px; border: 1px solid #e1e4e8; }
.updates-list .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.updates-list .soft-meta { display: flex; align-items: center; gap: 12px; }
.updates-list .soft-icon { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
.updates-list .soft-name-block { display: flex; flex-direction: column; line-height: 1.2; }
.updates-list .soft-title { font-weight: 600; font-size: 15px; color: #3b5998; text-decoration: none; }
.updates-list .soft-title:hover { text-decoration: underline; }
.updates-list .soft-version { font-size: 13px; color: #777; }
.updates-list .update-label { font-size: 12px; color: #99aab5; }
.updates-list .card-body { padding-left: 25px; }
.updates-list .news_data { font-size: 14px; line-height: 1.5; color: #4a4a4a; }
.updates-list .empty-data { color: #abb8c3; font-style: italic; }
@media (max-width: 600px) { .updates-list .card-body { padding-left: 25px; margin-top: 10px; } }

/* Footer */
.footer { width: 100%; border-top: 1px solid #E5E5E5; padding-top: 10px; text-align: center; margin-bottom: -50px; background-color: #ffffff; }
.footer p { color: #333; }

/* Pagination */
.text-center{text-align:center}
.pagination-modern{margin:25px 0;display:inline-block;padding-left:0;list-style:none}
.pagination-modern>li{display:inline}
.pagination-modern>li>a,.pagination-modern>li>span{color:#555;margin:0 3px;width:38px;height:38px;line-height:36px;text-align:center;padding:0;border-radius:50%!important;transition:all .3s;border:1px solid #ddd;background:#fff;float:left;text-decoration:none}
.pagination-modern>li>a:hover{color:#fff;background:#337ab7;border-color:#337ab7;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}
.pagination-modern>.active>span{background:#337ab7!important;border-color:#337ab7!important;color:#fff!important;cursor:default}
.pagination-modern>.disabled>span{color:#ccc;background:0 0;border:none;width:auto;padding:0 10px}
.pagination-modern>.disabled>span:hover{background:0 0}

/*  Fancybox  */
body.compensate-for-scrollbar { overflow: hidden }
.fancybox-active { height: auto }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 }
.fancybox-container * { box-sizing: border-box }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto }
.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71) }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1) }
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 }
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-toolbar { right: 0; top: 0 }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 }
.fancybox-is-open .fancybox-stage { overflow: hidden }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 }
.fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous { display: block }
.fancybox-slide--image { overflow: hidden; padding: 44px 0 }
.fancybox-slide--image:before { display: none }
.fancybox-slide--html { padding: 6px }
.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle }
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5,0,.14,1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in }
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content { cursor: grab }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing }
.fancybox-container [data-selectable=true] { cursor: text }
.fancybox-image,
.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% }
.fancybox-spaceball { z-index: 1 }
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% }
.fancybox-slide--video .fancybox-content { background: #000 }
.fancybox-slide--map .fancybox-content { background: #e5e3df }
.fancybox-slide--iframe .fancybox-content { background: #fff }
.fancybox-iframe,
.fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% }
.fancybox-iframe { left: 0; position: absolute; top: 0 }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 }
.fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px }
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited { color: #ccc }
.fancybox-button:hover { color: #fff }
.fancybox-button:focus { outline: none }
.fancybox-button.fancybox-focus { outline: 1px dotted }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none }
.fancybox-button div { height: 100% }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% }
.fancybox-button svg path { fill: currentColor; stroke-width: 0 }
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) { display: none }
.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 }
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 }
.fancybox-close-small:hover { color: #fff; opacity: 1 }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden }
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none }
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px }
.fancybox-navigation .fancybox-button div { padding: 7px }
.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) }
.fancybox-caption {
  background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding:max(0px)) {
  .fancybox-caption { padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)) }
}
.fancybox-caption--separate { margin-top: -50px }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all }
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited { color: #ccc; text-decoration: none }
.fancybox-caption a:hover { color: #fff; text-decoration: underline }
.fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 }
@keyframes a { to { transform: rotate(1turn) } }
.fancybox-animated { transition-timing-function: cubic-bezier(0,0,.25,1) }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%,0,0) }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%,0,0) }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) }
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1) }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5,1.5,1.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5,.5,.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0,0,0) translate3d(-100%,0,0) }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0,0,0) translate3d(100%,0,0) }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%,0,0) scale(.1) skew(-10deg) }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%,0,0) scale(.1) skew(10deg) }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) }

@media (max-height: 576px) {
  .fancybox-slide { padding-left: 6px; padding-right: 6px }
  .fancybox-slide--image { padding: 6px 0 }
  .fancybox-close-small { right: -6px }
  .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px }
  .fancybox-caption { padding-left: 12px; padding-right: 12px }
  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px,env(safe-area-inset-left));
      padding-right: max(12px,env(safe-area-inset-right));
    }
  }
}
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px }
.fancybox-share p { margin: 0; padding: 0 }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap }
.fancybox-share__button:link,
.fancybox-share__button:visited { color: #fff }
.fancybox-share__button:hover { text-decoration: none }
.fancybox-share__button--fb { background: #3b5998 }
.fancybox-share__button--fb:hover { background: #344e86 }
.fancybox-share__button--pt { background: #bd081d }
.fancybox-share__button--pt:hover { background: #aa0719 }
.fancybox-share__button--tw { background: #1da1f2 }
.fancybox-share__button--tw:hover { background: #0d95e8 }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px }
.fancybox-share__button svg path { fill: #fff }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% }
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; width: 212px; z-index: 99995 }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden }
.fancybox-show-thumbs .fancybox-thumbs { display: block }
.fancybox-show-thumbs .fancybox-inner { right: 212px }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3) }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px }
.fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 99991 }
.fancybox-thumbs__list a:focus:before { opacity: .5 }
.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 }
@media (max-width: 576px) {
  .fancybox-thumbs { width: 110px }
  .fancybox-show-thumbs .fancybox-inner { right: 110px }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px) }
}