.modal-body { max-height: 400px; overflow-y: auto; }

.vertical-align { display: table; width: 100%; height: 100%; }
.vertical-align-middle { display: table-cell; vertical-align: middle; }
.vertical-align-bottom { display: table-cell; vertical-align: bottom; }

/* filters */
nav.filters .tab-pane:after { display: none; }
nav.filters .tab-pane { max-height: none; }
nav.filters .filter-collapsed-values.open{max-height:none}
nav.filters .filter-collapsed-values:after{content:"";pointer-events:none;position:absolute;width:100%;height:20px;bottom:29px;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}
nav.filters .filter-collapsed-values>div{padding-bottom: 20px;}
nav.filters .filter-show-values{position: absolute;bottom: -1px;left: -1px;right: -1px;background: #f5efe8;border-top: 1px solid #ddd; height: 30px;}
nav.filters .filter-show-values a{display: inline-block;width: 30px;height: 20px;background: #fff;position: relative;top: -1px;left: 50%;margin-left: -15px;border: 1px solid #ddd;border-top-color: #fff;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;text-align: center}
nav.filters .filter-load-values {text-align: center;padding-top:10px;}
nav.filters .filter-load-values a{text-decoration: none;border-bottom: 1px dashed #3c5a78;}
nav.filters .filter-load-values a:hover,nav.filters .filter-load-values a:focus{border:none}

/* spritesheets */
.spritesheet-main {display: inline-block;background: url('./../images/spritesheets/main.png') no-repeat -5000px 0;}

.spritesheet-main-small-social-vkontakte { background-position: -70px -14px; }
.spritesheet-main-small-social-facebook { background-position: -116px -14px; }
.spritesheet-main-small-social-google-plus { background-position: -47px -14px; }
.spritesheet-main-small-social-twitter { background-position: -93px -14px; }
.spritesheet-main-small-social-youtube { background-position: -24px -14px; }
.spritesheet-main-small-social-rss { background-position: -1px -14px; }

.spritesheet-main-default-oauth {width: 30px;height: 30px;display: inline-block;}
.spritesheet-main-default-oauth-vk {background-position: -65px -37px}
.spritesheet-main-default-oauth-facebook {background-position: -1px -37px}
.spritesheet-main-default-oauth-google {background-position: -97px -37px}
.spritesheet-main-default-oauth-mailru {background-position: -129px -37px}
.spritesheet-main-default-oauth-steam {background-position: -193px -37px}
.spritesheet-main-default-oauth-twitter {background-position: -33px -37px}
.spritesheet-main-default-oauth-yandex {background-position: -161px -37px}

.spritesheet-main-game-gta-5 { background-position: -85px -135px; width: 32px; }
.spritesheet-main-game-gta-4 { background-position: -48px -135px; width: 38px; }
.spritesheet-main-game-gta-san-andreas { background-position: -116px -135px; width: 41px; }
.spritesheet-main-game-gta-vice-city { background-position: 0 -135px; width: 47px; }

.spritesheet-main-game-icon-gta-san-andreas-mobile {background-position:-45px -102px;width:20px;height:20px}
.spritesheet-main-game-icon-gta-4 {background-position:-67px -102px;width:20px;height:20px}
.spritesheet-main-game-icon-gta-5 {background-position:-89px -102px;width:20px;height:20px}
.spritesheet-main-game-icon-gta-6 {background-position:-111px -102px;width:20px;height:20px}
.spritesheet-main-game-icon-gta-san-andreas {background-position:-23px -102px;width:20px;height:20px}
.spritesheet-main-game-icon-gta-vice-city {background-position:-1px -102px;width:20px;height:20px}

.spritesheet-main-age-rating {background-position: 0 -181px; width: 41px; height: 31px;}

/* menu */
header .menu .main>ul>li {height:60px}
header .menu .main>ul>li>a>div {display: block; height:40px; background: url('./../images/spritesheets/main.png') no-repeat -5000px 0;}
header .menu .main>ul>li>a>div>span{display: none}

header .menu .main>ul>li>div>div:not(:last-child){background: url('./../images/menu/separator.png') no-repeat 100% 40%;}

header .menu .main>ul>li.gta-5>a>div {width:118px; background-position: -295px -312px;}
header .menu .main>ul>li.gta-4>a>div {width:125px; background-position: -169px -312px;}
header .menu .main>ul>li.gta-vice-city>a>div {width:168px; background-position: 0 -312px;}

header .menu .main>ul>li.gta-5:hover>a>div, header .menu nav>ul>li.gta-5.active>a>div,
header .menu .main>ul>li.gta-4:hover>a>div, header .menu nav>ul>li.gta-4.active>a>div,
header .menu .main>ul>li.gta-vice-city:hover>a>div, header .menu nav>ul>li.gta-vice-city.active>a>div {background-position-y: -353px;}

header .menu .main>ul>li.gta-san-andreas>a>div {width:205px; background-position: -276px -229px;}
header .menu .main>ul>li.gta-mobile>a>div {width:126px; background-position: 0 -229px;}
header .menu .main>ul>li.gta-classics>a>div {width:147px; background-position: -128px -229px;}

header .menu .main>ul>li.gta-san-andreas:hover>a>div, header .menu nav>ul>li.gta-san-andreas.active>a>div,
header .menu .main>ul>li.gta-mobile:hover>a>div, header .menu nav>ul>li.gta-mobile.active>a>div,
header .menu .main>ul>li.gta-classics:hover>a>div, header .menu nav>ul>li.gta-classics.active>a>div {background-position-y: -270px;}

@media(max-width:1200px){
    header .menu .main>ul>li.gta-5>a>div {width: 67px; background-position-x: -347px;}
    header .menu .main>ul>li.gta-4>a>div {width: 68px; background-position-x: -228px;}
    header .menu .main>ul>li.gta-vice-city>a>div {width:108px; background-position-x: -62px;}
    header .menu .main>ul>li.gta-san-andreas>a>div {width: 148px; background-position-x: -334px;}
}

.oicon { background: url('./../images/spritesheets/main.png') no-repeat -496px 30px; padding-left: 25px !important; display: inline-block; }
.oicon.oicon-car { background-position-y:-3px;}
.oicon.oicon-bike { background-position-y:-44px;}
.oicon.oicon-helicopter { background-position-y:-105px;}
.oicon.oicon-plane { background-position-y: -65px;}
.oicon.oicon-mod { background-position-y:-24px;}
.oicon.oicon-clothes { background-position-y:-183px;}
.oicon.oicon-boat { background-position-y:-124px;}
.oicon.oicon-weapon { background-position-y:-84px;}
.oicon.oicon-patch {background-position-y:-384px;}
.oicon.oicon-train { background-position-y:-224px; }
.oicon.oicon-bicycle { background-position-y:-142px; }
.oicon.oicon-map { background-position-y:-204px; }
.oicon.oicon-clip { background-position-y:-244px; }
.oicon.oicon-flash { background-position-y:-264px; }
.oicon.oicon-unlock { background-position-y:-285px; }
.oicon.oicon-script { background-position-y:-304px; }
.oicon.oicon-skin { background-position-y:-323px; }
.oicon.oicon-guide { background-position-y:-347px; }
.oicon.oicon-faq { background-position-y:-365px; }
.oicon.oicon-cheat { background-position-y:-457px; }
.oicon.oicon-program { background-position-y:-162px; }
.oicon.oicon-trailer { background-position-y:-401px; }
.oicon.oicon-dot { background-position-y:-418px; }
.oicon.oicon-rc { background-position-y:-438px; }

/* charts */
#chart-mods .btn-group { display: table; width: 100%; }
#chart-mods .btn { display: table-cell; width: auto; float: none; padding: 3px 5px 0; line-height: normal; }
sup.value-increment, sup.value-decrement{top:-1em}
#chart-users .header {line-height: 33px;font-weight: bold;text-transform: uppercase;padding-bottom: 7px;color: #fff;background: #fff url('./../images/spritesheets/main.png') no-repeat -49px -181px;margin:0 auto;width:230px;}
#chart-mods nav, #chart-users nav {position:relative}
#chart-mods nav .loading, #chart-users nav .loading {position:absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff url('./../images/layout/loading-wide.gif') no-repeat center;}

.position-up, sup.value-increment{color:#008000}
.position-down, sup.value-decrement{color:#ff0000}

#chart-users-view ul li a{font-size: 18px}
#chart-users-view ul li.active a{text-decoration: none;}
#chart-users-view table {margin-top: 20px;}
#chart-users-view table thead a{color: #555;}
#chart-users-view table tbody{font-size:16px;}
#chart-users-view table tbody td{vertical-align: middle}

#chart-users-view table tbody tr.gold td, #chart-users-view table tbody tr.silver td, #chart-users-view table tbody tr.bronze td, #chart-users-view table tbody tr.self td {font-size: 24px;line-height: 48px;}
#chart-users-view table tbody tr.gold td{background: rgba(218,165,32,.35)}
#chart-users-view table tbody tr.silver td{background: rgba(192,192,192,.35)}
#chart-users-view table tbody tr.bronze td{background: rgba(205,127,50,.35)}
#chart-users-view table tbody tr.self td{background: #dff0d8}
#chart-users-view table .thumbnail {padding: 0; display: inline-block; margin: 0 10px 0 0;}

.user-chart-period { position: relative; float: right; width: 388px; height: 110px; margin: 20px 0 20px 20px; background: url('./../images/pages/chart/period.png') no-repeat center 0; }
.user-chart-period div { position: absolute; font-size: 10px; color: #ce4332; line-height: 12px; text-align: center; }
.user-chart-period-start { top: 80px; left: 40px; }
.user-chart-period-end { top: 80px; left: 250px; }

/* mod download */
#mod .links .mod-download { background: transparent; overflow: visible; }
#mod .links .mod-download > a {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    padding: 10px 80px 10px 30px;
}
#mod .links .mod-download > a span {
    display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
}
#mod .links .mod-download button { display: block; padding: 10px 15px;}
@media(max-width:400px){
    #mod .links .mod-download > a { padding: 10px; }
    #mod .links .mod-download button { padding: 10px;}
}
#mod .links .mod-download ul { right: 0; display: none; }
#mod .links .mod-download.open > ul.dropdown-menu { display: block; }
#mod .links .mod-download ul li { display: block; }
#mod .links .mod-download ul li a { display: block; color: #262626; }


/* language flags */
.spritesheet-flag {
    display: inline-block;
    background: url('./../images/spritesheets/main.png') no-repeat -5000px -1px;
    height: 11px;
    width: 14px;
    vertical-align: middle;
    margin-top: -2px;
}
.spritesheet-flag-en {
    background-position-x: -65px;
}
.spritesheet-flag-ru {
    background-position-x: -33px;
}
.spritesheet-flag-fr {
    background-position-x: -1px;
}
.spritesheet-flag-de {
    background-position-x: -49px;
}
.spritesheet-flag-es {
    background-position-x: -81px;
}
.spritesheet-flag-pt {
    background-position-x: -17px;
}
/* mod view */
#mod .parameters .tooltip-inner {width:auto;max-width:300px}

div.bb-left { margin: 0 10px 8px 0; float: left; }
div.bb-right { margin: 0 0 10px 10px; float: right; }
div.bb-center { margin: 0 0 10px 0; text-align: center; }
.spoiler { border: 1px solid #ccc; }
.spoilerTitle { padding: 0 5px; background: #ddd; }
.spoilerText { padding: 0 5px; border-top: 1px solid #ccc; background: #fcfcfc; }


#report-parameters .form-group {min-height:32px; margin: 0 0 15px;}
#report-parameters .form-group .checkbox {margin-top:5px}
#report-parameters .form-group .input-group-btn {width:auto}
#report-parameters .form-group label {text-align:left!important;font-weight:normal}
#report-parameters .form-group .parameter-dependency {margin-top: 20px;width: 100%;float: left;}
#report-parameters .form-actions{ padding: 19px 20px 20px; margin-top: 10px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5;}
#report-parameters .minicolors.minicolors-focus {z-index:5}
#report-parameters .minicolors .minicolors-swatch {max-width:38px}

.gta-5-vehicle { position: relative; min-height: 130px; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #ccc; }
.gta-5-vehicle .info { width: 65%; float: right; }
.gta-5-vehicle .info a { position: absolute; bottom: 10px; right: 10px; }
.gta-5-vehicle .info .stat { padding: 3px 10px; }
.gta-5-vehicle .info .stat .bar { float: right; width: 65%; background: url('./../images/pages/vehicles/stat-bg.png'); }
.gta-5-vehicle .info .stat .bar div { display: block; background: url('./../images/pages/vehicles/stat.png'); }
.gta-5-vehicle .info .stat .bar div span { margin-left: 5px; font-weight: bold; color: #fff; }
.gta-5-vehicle .image { width: 35%; }

#mod-form .form-actions, #mod-media .form-actions { padding: 19px 20px 20px; margin-top: 10px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; }

/* mod form */

#mod-form {}
#modGame { width: auto; display: inline-block; }
#modGameIcon { display: inline-block; vertical-align: middle; margin-left: 10px;}
#modCategoryId { width: auto; min-width: 150px }
#mod-form #modText {resize:vertical}
#mod-form-extended .nav > li > a {text-decoration:none}
#mod-form-extended .nav > li > a > span {font-size:11px}
#mod-form-extended > .loading {margin: 50px 0}
.mod-text-counter {font-size:10px;color:#ccc;text-align:right;margin-bottom:0}
.mod-check-likeness {text-decoration:none;display:inline-block;border-bottom: 1px dotted #ccc;cursor: pointer;color: #525252}
.mod-check-likeness:hover, .mod-check-likeness:active, .mod-check-likeness:focus {text-decoration:none;color: #525252}

/* mod media */

.mod-video-service { display: inline-block; background: #fff url('./../images/layout/video-services.png') no-repeat; width: 25px; height: 25px; margin-right: 15px; text-decoration: none; }
.mod-video-service-youtube { background-position: 0 0; }
.mod-video-service-vimeo { background-position: 50% 0; }
.mod-video-service-vk { background-position: 100% 0; }
.mod-video-service:hover { background-position-y: 50% }
.mod-video-service-active { background-position-y: 100% }

/* mod moderation */

.moderation-message { resize: none; margin-bottom: 0 !important; }
#moderation-messages blockquote {padding:0 0 0 15px}
#moderation-messages blockquote p {font-size: 12px;line-height:18px;margin:5px 0;}
#moderation-messages blockquote small {font-size:11px}

#moderation-timer span.strong { font-weight: bold; font-size: 18px; line-height: 30px; }
#moderation-approve-form span.label, #moderation-ratings span.label { padding: 5px 6px; float: right; margin-top: 3px; font-size: 14px}

#modInfoHasErrors {font-size: 16px;padding: 2px 5px;position: absolute;left: -20px;top: 5px;}
#modGameVersion { width: auto; display: inline-block; }
#modGameIconVersion { display: inline-block; vertical-align: middle; margin-left: 10px;}
#modCategoryIdVersion { width: auto; min-width: 150px }
#moderation-form-extended > .loading {margin: 50px 0}
#moderation-edit .mod-info textarea {resize:vertical}
.moderation-diff-highlight {background-color:#ff4a56;width:3px;left:-2px;position: absolute;}
.moderation-group-placeholder{background:url('../images/layout/striped.png') repeat #fff;border-top: 1px solid #fff;}

.noUiSlider { margin-top: 10px; display: inline-block; }