@import url("https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,300italic,300,100italic,100,700,700italic,900,900italic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
.wrap {
    width: 600px;
    margin: 0 auto
}
.progress-radial {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #734977;
    background-color: #734977
}
.progress-radial .overlay {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
    line-height: 60px;
    font-size: 16px
}
.progress-0 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(90deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-5 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(108deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-10 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(126deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-15 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(144deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-20 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(162deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-25 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(180deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-30 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(198deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-35 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(216deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-40 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(234deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-45 {
    background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(252deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-50 {
    background-image: linear-gradient(-90deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-55 {
    background-image: linear-gradient(-72deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-60 {
    background-image: linear-gradient(-54deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-65 {
    background-image: linear-gradient(-36deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-70 {
    background-image: linear-gradient(-18deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-75 {
    background-image: linear-gradient(0deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-80 {
    background-image: linear-gradient(18deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-85 {
    background-image: linear-gradient(36deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-90 {
    background-image: linear-gradient(54deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-95 {
    background-image: linear-gradient(72deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
.progress-100 {
    background-image: linear-gradient(90deg, #734977 50%, transparent 50%, transparent), linear-gradient(270deg, #734977 50%, #f5f5f5 50%, #f5f5f5)
}
#ft-dialog-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1001
}
#ft-dialog-overlay.visible {
    display: block
}
.ft-pop-up {
    position: fixed !important;
    z-index: 1002;
    background-color: none;
    display: none;
    width: 547px;
    padding-bottom: 30px
}
.ft-pop-up .title-box {
    font-weight: bold;
    color: #fff;
    line-height: 21px;
    margin: 0 0 9px 42px
}
.ft-pop-up .title-box span {
    visibility: hidden
}
.ft-pop-up .text-box {
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #C2C8CA;
    background-color: #FFFFFF;
    border-bottom: none;
    box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -moz-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    padding: 9px 30px;
    font: 14px Verdana;
    color: #818181
}
.ft-pop-up .text-box.error,
.ft-pop-up .text-box.warning {
    padding-left: 92px;
    min-height: 58px;
    background-image: url("/st/portal/media/images/warning-col.png");
    background-position: 40px center;
    background-repeat: no-repeat
}
.ft-pop-up .buttons-set {
    background: #fff url("/st/portal/media/images/pop-up-footer.png") no-repeat top center;
    padding: 19px 10px;
    border: 1px solid #C2C8CA;
    border-top: none;
    box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -moz-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    text-align: center;
    clear: both
}
.ft-pop-up .buttons-set .button {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    position: relative;
    min-width: 70px;
    height: 42px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    font: 14px Verdana;
    line-height: 42px;
    white-space: nowrap;
    padding: 0 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px 1px rgba(157, 159, 160, 0.7);
    -moz-box-shadow: 1px 1px 3px 1px rgba(157, 159, 160, 0.7);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(157, 159, 160, 0.7)
}
.ft-pop-up .buttons-set .button:active {
    box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3);
    -moz-box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3)
}
.ft-pop-up .buttons-set .button.ok {
    background-color: #189966
}
.ft-pop-up .buttons-set .button.ok:hover {
    background-color: #158558
}
.ft-pop-up .buttons-set .button.error {
    background-color: #E10000
}
.ft-pop-up .buttons-set .button.error:hover {
    background-color: #C40000
}
.ft-pop-up .buttons-set .button.warning {
    background-color: #F9C44D
}
.ft-pop-up .buttons-set .button.warning:hover {
    background-color: #E7B235
}
.ft-pop-up .buttons-set .button.cancel {
    background-color: #E3EAEC
}
.ft-pop-up .buttons-set .button.cancel span {
    color: #000
}
.ft-pop-up .buttons-set .button.cancel:hover {
    background-color: #B9BFC1
}
.ft-pop-up .buttons-set .button.cancel:hover span {
    color: #000
}
@font-face {
    font-family: 'proXBlk';
    src: url("/st/portal/media/fonts/pfdintextcondpro-xblack.eot");
    src: url("/st/portal/media/fonts/pfdintextcondpro-xblack.eot?#iefix") format("embedded-opentype"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.woff") format("woff"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.ttf") format("truetype"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.svg#pf_din_text_cond_proXBlk") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'promedium';
    src: url("/st/portal/media/fonts/pfdintextcondpro-medium.eot");
    src: url("/st/portal/media/fonts/pfdintextcondpro-medium.eot?#iefix") format("embedded-opentype"), url("/st/portal/media/fonts/pfdintextcondpro-medium.woff") format("woff"), url("/st/portal/media/fonts/pfdintextcondpro-medium.ttf") format("truetype"), url("/st/portal/media/fonts/pfdintextcondpro-medium.svg#pf_din_text_cond_promedium") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Days';
    src: local("Days"), local("Days Regular"), url("/st/portal/media/fonts/days/days.woff") format("woff");
    font-weight: normal;
    font-style: normal
}
html {
    zoom: 1
}
input,
select,
textarea,
button {
    outline: none
}
* {
    outline: none
}
.blue-text {
    color: #009C9F
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.inline {
    display: inline-block;
    *display: inline
}
.pos-relative {
    position: relative
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}
.clearfix {
    clear: both
}
.clearfix:after {
    clear: both
}
input::-ms-clear {
    display: none
}
.hide {
    display: none
}
a {
    font: 14px Verdana;
    color: #cc0f8d;
    text-decoration: underline
}
a:hover {
    color: #b20d7b;
    text-decoration: none
}
.row-container:after {
    content: ' ';
    display: block;
    clear: both
}
.row-fluid {
    margin-left: -15px;
    margin-right: -15px
}
.row-fluid-min {
    margin-left: -5px;
    margin-right: -5px
}
.row {
    position: relative;
    min-height: 1px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.row .pull-right {
    float: right
}
.row.fluid {
    padding-left: 15px;
    padding-right: 15px
}
.row.fluid-min {
    padding-left: 5px;
    padding-right: 5px
}
.row.fluid-left {
    padding-left: 15px
}
.row.fluid-right {
    padding-right: 15px
}
.row.fluid-left-min {
    padding-left: 5px
}
.row.fluid-right-min {
    padding-right: 5px
}
.row.fluid-right-min2 {
    padding-right: 10px
}
.row.fluid-left-max {
    padding-left: 97px
}
.row.span1 {
    width: 8.3333333333333%
}
.row.span2 {
    width: 16.666666666%
}
.row.span3 {
    width: 25%
}
.row.span4 {
    width: 33.33333333333333%
}
.row.span5 {
    width: 41.66666666666667%
}
.row.span6 {
    width: 49.99999999999%
}
.row.span7 {
    width: 58.33333333333%
}
.row.span8 {
    width: 66.66666666666666%
}
.row.span9 {
    width: 75%
}
.row.span10 {
    width: 83.3333333333%
}
.row.span11 {
    width: 90%
}
.row.span12 {
    width: 100%
}
p,
.__p {
    font: 12px Verdana;
    color: #818181;
    line-height: 16px
}
.upper {
    text-transform: uppercase
}
select,
input[type="text"],
input[type="password"],
textarea {
    width: 100%
}
select,
input[type="text"],
input[type="password"] {
    height: 29px
}
input[type="text"],
input[type="password"] {
    box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    border: none;
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
    height: 29px;
    font: 12px Verdana, Arial;
    color: #555555;
    line-height: 29px
}
.invisible {
    display: none !important
}
.visible {
    display: block
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
hr.line {
    border: none;
    margin: 0
}
hr.line.gor {
    height: 1px;
    width: 100%;
    position: relative
}
hr.line.gor:after,
hr.line.gor:before {
    content: ' ';
    width: 25%;
    height: 1px;
    position: absolute;
    top: 0;
    z-index: 1
}
hr.line.gor:before {
    left: 0
}
hr.line.gor:after {
    right: 0
}
hr.line.gor.white {
    background-color: #C2C2C2
}
hr.line.gor.white:before {
    background: -o-linear-gradient(45deg, #fff, #c2c2c2);
    background: -moz-linear-gradient(45deg, #fff, #c2c2c2);
    background: -webkit-linear-gradient(45deg, #fff, #c2c2c2);
    background: -ms-linear-gradient(45deg, #fff, #c2c2c2)
}
hr.line.gor.white:after {
    background: -o-linear-gradient(45deg, #c2c2c2, #fff);
    background: -moz-linear-gradient(45deg, #c2c2c2, #fff);
    background: -webkit-linear-gradient(45deg, #c2c2c2, #fff);
    background: -ms-linear-gradient(45deg, #c2c2c2, #fff)
}
hr.line.gor.dark {
    background-color: #9FA3A6
}
hr.line.gor.dark:before {
    background: -o-linear-gradient(45deg, #d4dadd, #9fa3a6);
    background: -moz-linear-gradient(45deg, #d4dadd, #9fa3a6);
    background: -webkit-linear-gradient(45deg, #d4dadd, #9fa3a6);
    background: -ms-linear-gradient(45deg, #d4dadd, #9fa3a6)
}
hr.line.gor.dark:after {
    background: -o-linear-gradient(45deg, #9fa3a6, #d4dadd);
    background: -moz-linear-gradient(45deg, #9fa3a6, #d4dadd);
    background: -webkit-linear-gradient(45deg, #9fa3a6, #d4dadd);
    background: -ms-linear-gradient(45deg, #9fa3a6, #d4dadd)
}
hr.line.gor.mrVer {
    margin-top: 13px
}
.field {
    position: relative
}
.field .label {
    font-family: Verdana;
    font-size: 12px;
    color: #0097AA
}
.field .label.foot {
    color: #cc0f8d;
    margin-top: 3px;
    padding-top: 0
}
.field .label-error {
    width: auto;
    z-index: 10
}
.field .label-error.position-error {
    position: absolute;
    top: 100%;
    left: 0
}
.field .label-error-login {
    position: absolute;
    z-index: 10;
    display: none;
    width: 196px;
    padding: 12px 15px;
    background: #ff0000;
    color: #fff;
    font: 12px Verdana;
    margin-top: 20px;
    box-sizing: border-box;
    top: 3px
}
.field .label-error-login.radio-block {
    top: 0;
    margin-top: 0
}
.field .label-error-login:after {
    content: ' ';
    position: absolute;
    border: 10px solid
}
.field .label-error-login.right {
    left: 100%;
    margin-left: 39px
}
.field .label-error-login.right:after {
    top: 10px;
    right: 100%;
    border-color: transparent #ff0000 transparent transparent
}
.field .label-error-login.left {
    right: 100%;
    margin-right: 39px
}
.field .label-error-login.left:after {
    top: 10px;
    left: 100%;
    border-color: transparent transparent transparent #ff0000
}
.field.error .label-error,
.field.error .label-error-login {
    display: block
}
.field.error .radio-button,
.field.error .chosen,
.field.error .form-control {
    outline: 1px solid #ff0000
}
.field.field+span.label-error {
    display: none
}
.field.field.error+span.label-error {
    display: block
}
.field-mess .form-control {
    outline: 1px solid #ff0000
}
.field-mess .label-error {
    display: block
}
.label-error {
    display: none;
    font: 10px Verdana;
    color: #FF0000
}
.label-error.visible {
    display: block
}
.cover-data-field.error {
    outline: 1px solid #ff0000
}
.cover-data-field.error+.label-error {
    display: block
}
.chosen.error {
    outline: 1px solid #ff0000
}
.form-control {
    height: 29px;
    width: 100%;
    box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    box-sizing: border-box;
    font: 14px Verdana;
    color: #555555;
    line-height: 29px
}
.form-control.error {
    outline: 1px solid #ff0000
}
.form-control.error+.label-error,
.form-control.error+.label-error-login {
    display: block
}
textarea.form-control {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Arial;
    font-size: 12px;
    color: #555;
    min-height: 70px;
    min-height: 70px
}
textarea.form-control-big {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Arial;
    font-size: 12px;
    color: #555;
    min-height: 210px;
    min-height: 210px
}
textarea.form-control.noresize {
    resize: none
}
.label {
    display: block;
    font: 14px Verdana;
    color: #818181;
    margin-left: 13px;
    padding: 10px 0 3px 0
}
.radio-style.inline {
    display: inline
}
.radio-style span.text {
    font: 14px Verdana;
    color: #818181
}
.radio-style span.radio-button {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    background: url("/st/portal/media/images/checkbox.png") no-repeat 0 -18px
}
.radio-style span.pull-left,
.radio-style span.pull-right {
    line-height: 31px;
    color: #555555
}
.radio-style input[type="radio"]+span.radio-button {
    background-image: url("/st/portal/media/images/radio.png")
}
.radio-style.radio-button {
    cursor: pointer;
    font: 12px Verdana;
    color: #000;
    line-height: 29px;
    white-space: nowrap;
    margin-top: -2px
}
.radio-style.radio-button span.radio-button {
    float: left;
    width: 74px;
    height: 29px;
    margin: 0 5px;
    border: 1px solid #EFEFEF;
    background: url("/st/portal/media/images/checkbox_button.png") no-repeat 0 -29px;
    box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4);
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(85, 85, 85, 0.4)
}
.radio-style.line-check {
    display: block;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}
.radio-style.line-check span.label-name {
    font: 12px Verdana;
    color: #555555
}
.radio-style.line-check span.radio-button {
    margin-right: 9px;
    float: left
}
.radio-style.line-check:before {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 38px;
    top: 0;
    right: 0;
    background: url("/st/portal/media/images/text-hide.png") repeat-y top right
}
.radio-style input {
    display: none
}
.radio-style input:checked+span.radio-button {
    background-position: 0 0
}
.radio-style input:checked+span.radio-button+span.label-name {
    color: #cc0f8d
}
.radio-style input.error+span.radio-button {
    outline: 1px solid #ff0000
}
.tooltip-bl {
    position: absolute
}
.btn {
    display: inline-block;
    *display: inline;
    width: auto;
    height: 42px;
    text-align: center;
    cursor: pointer;
    font: 14px Verdana;
    color: #000;
    line-height: 42px;
    box-shadow: 0 1px 2px 1px rgba(116, 116, 116, 0.3);
    -moz-box-shadow: 0 1px 2px 1px rgba(116, 116, 116, 0.3);
    -webkit-box-shadow: 0 1px 2px 1px rgba(116, 116, 116, 0.3);
    text-decoration: none;
    padding: 0 27px;
    box-sizing: border-box;
    border: 1px solid transparent;
    position: relative
}
.btn.btn-text-min {
    font-size: 12px
}
.btn:active {
    box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3);
    -moz-box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(61, 62, 62, 0.3)
}
.btn.large {
    padding: 0 37px;
    white-space: nowrap;
    height: 50px;
    cursor: pointer;
    font: 16px Verdana, Arial;
    color: #fff;
    line-height: 50px
}
.btn.sm-size {
    padding: 0 22px;
    white-space: nowrap;
    height: 29px;
    cursor: pointer;
    font: 13px Verdana, Arial;
    color: #fff;
    line-height: 29px
}
.btn.span12 {
    width: 100%;
    padding: 0
}
.btn.btn-green {
    color: #fff;
    background-color: #cc0f8d;
    background: -o-linear-gradient(90deg, #cc0f8d, #b20d7b);
    background: -moz-linear-gradient(90deg, #cc0f8d, #b20d7b);
    background: -webkit-linear-gradient(90deg, #cc0f8d, #b20d7b);
    background: -ms-linear-gradient(90deg, #cc0f8d, #b20d7b);
    border: 1px solid;
    border-color: #b20d7b #b20d7b transparent #b20d7b
}
.btn.btn-green:hover {
    background: #b20d7b
}
.btn.btn-blue {
    color: #fff;
    background-color: #186199
}
.btn.btn-blue:hover {
    background-color: #144F7D
}
.btn.btn-red {
    color: #fff;
    background-color: #E2343A
}
.btn.btn-red:hover {
    background-color: #C42D32
}
.btn.btn-white {
    background-color: #FFFFFF;
    color: #000
}
.btn.btn-white:hover {
    background-color: #F3F3F3
}
.btn.btn-gray {
    color: #fff;
    background-color: #a7b1b4
}
.btn.btn-gray:hover {
    background-color: #959da0
}
.btn[disabled="disabled"],
.btn[disabled="disabled"]:hover,
.btn[disabled="disabled"]:active {
    color: #9D9D9D;
    background: #EAEAEA;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: transparent
}
.btn:after {
    content: ' ';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    background: #555
}
.btn.btn-mini {
    height: auto;
    font-size: 13px;
    padding: 7px 12px;
    line-height: 13px
}
button.btn {
    line-height: auto
}
button.btn.large {
    line-height: auto
}
button.btn.large.btn-tools {
    line-height: 0
}
.text-green {
    font: 12px Verdana;
    color: #cc0f8d
}
.text-green a {
    text-decoration: underline;
    color: #23A18A
}
.text-green a:hover {
    text-decoration: none;
    color: #b20d7b
}
.icon-nav {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url("/st/portal/media/images/icon-nav.png") no-repeat center center;
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease
}
.icon-nav.right {
    float: right;
    margin-left: 10px;
    margin-right: 0
}
.icon-nav.deg {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.icon-row {
    float: left;
    margin-right: 6px;
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
}
.icon-row:hover {
    opacity: 0.6
}
.icon-row.right {
    float: right;
    margin-left: 6px;
    margin-right: 0
}
.icon-row.vertical {
    width: 13px;
    height: 8px
}
.icon-row.vertical.green {
    background: url("/st/portal/media/images/row-green-vertical.png") no-repeat 0 -8px
}
.icon-row.vertical.green.top {
    background-position: 0 0
}
.icon-row.vertical.blue {
    background: url("/st/portal/media/images/row-green-vertical-blue.png") no-repeat 0 -8px
}
.icon-row.vertical.blue.top {
    background-position: 0 0
}
.icon-row.gor {
    width: 7px;
    height: 13px
}
.icon-row.gor.green {
    background: url("/st/portal/media/images/row-green-gor.png") no-repeat -8px 0
}
.icon-row.gor.green.left {
    background-position: 0 0
}
.icon-row.gor.deg {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.icon-row.inline {
    float: none;
    display: inline-block;
    *display: inline
}
.icon-row.stat {
    width: 27px;
    height: 27px;
    background-image: url("/st/portal/media/images/stat-icon.png");
    background-repeat: no-repeat;
    cursor: pointer
}
.icon-row.stat:hover {
    background-position: 0 -27px;
    opacity: 1
}
.icon-row.info {
    width: 27px;
    height: 27px;
    background-image: url("/st/portal/media/images/infos-icon.png");
    background-repeat: no-repeat;
    cursor: pointer
}
.icon-row.info:hover {
    background-position: 0 -27px;
    opacity: 1
}
.icon-row.clone {
    width: 27px;
    height: 27px;
    background-image: url("/st/portal/media/images/clone-icon.png");
    background-repeat: no-repeat;
    cursor: pointer
}
.icon-row.clone:hover {
    background-position: 0 -27px;
    opacity: 1
}
.icon-row.col {
    width: 12px;
    height: 15px;
    background: url("/st/portal/media/images/column-icon.png") no-repeat 0 0
}
.icon-row.col.dd {
    margin-right: 14px;
    cursor: move
}
.icon-row.col.delete {
    background-position: -12px 0;
    margin: 0;
    cursor: pointer;
	position:relative
}
.icon-row.artist-social {
    width: 32px;
    height: 32px;
    background-image: url("/st/portal/media/images/artist_page/icons/social-artist.png");
    background-repeat: no-repeat
}
.icon-row.artist-social.in {
    background-position: 0 0
}
.icon-row.artist-social.ok {
    background-position: -36px 0
}
.icon-row.artist-social.vkontakte {
    background-position: -72px 0
}
.icon-row.artist-social.facebook {
    background-position: -108px 0
}
.icon-row.artist-social.instagram {
    background-position: -144px 0
}
.icon-row.artist-social.twitter {
    background-position: -180px 0
}
.icon-row.artist-social.google-plus {
    background-position: -216px 0
}
.icon-row.artist-social.you-tube {
    background-position: -252px 0
}
.icon-row.artist-social.other {
    background-position: -288px 0
}
.icon-row.cab.bigclose {
    width: 26px;
    height: 25px;
    background: url("/st/portal/media/images/cab/big-error.png") no-repeat;
    vertical-align: middle
}
.icon-row.cab.close-pop {
    width: 21px;
    height: 21px;
    background: url("/st/portal/media/images/cab/close-popup.png") no-repeat;
    vertical-align: middle
}
.icon-row.trackIcon {
    background-image: url("/st/portal/media/images/icon-track.png");
    background-repeat: no-repeat;
    width: 27px;
    height: 27px
}
.icon-row.trackIcon.ringtone {
    background-position: 0 -27px
}
.icon-row.trackIcon.live {
    background-position: -27px -27px
}
.icon-row.trackIcon.fuck {
    background-position: -54px -27px
}
.icon-row.trackIcon.playMusic {
    background-position: -81px -27px
}
.icon-row.trackIcon.grat {
    background-position: -108px -27px
}
.icon-row.trackIcon.album-group {
    background-position: -135px -27px
}
.icon-row.copy-info {
    background-image: url("/st/portal/media/images/addalbum-copy-info.png");
    background-repeat: no-repeat;
    width: 27px;
    height: 26px
}
.icon-row.copy-info:hover {
    background-position: 0 -26px
}
.dropdown {
    position: absolute;
    width: 135px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #F5FAFB;
    border: 1px solid #D3DADC;
    border-top: none;
    z-index: 9999
}
.dropdown:before {
    content: ' ';
    position: absolute;
    border: 9px solid;
    border-color: transparent transparent #F5FAFB transparent;
    z-index: 5
}
.dropdown.bottom-left {
    top: 100%;
    right: 0
}
.dropdown.bottom-left.mt {
    margin-top: 9px
}
.dropdown.bottom-left:before {
    bottom: 100%;
    right: 0
}
.dropdown.top-right {
    bottom: 100%;
    right: 0
}
.dropdown.top-right.mt {
    margin-bottom: 9px
}
.dropdown.top-right:before {
    top: 100%;
    right: 0;
    border-color: #F5FAFB transparent transparent transparent
}
.dropdown li a {
    font-size: 12px;
    color: #555555 !important;
    display: block;
    height: 28px;
    padding: 0 12px;
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid #D3DADC;
    text-decoration: none;
    line-height: 28px;
    cursor: pointer
}
.dropdown li a:hover,
.dropdown li a.active {
    background-color: #cc0f8d;
    background: -o-linear-gradient(90deg, #b20d7b, #cc0f8d);
    background: -moz-linear-gradient(90deg, #b20d7b, #cc0f8d);
    background: -webkit-linear-gradient(90deg, #b20d7b, #cc0f8d);
    background: -ms-linear-gradient(90deg, #b20d7b, #cc0f8d);
    border-color: #1A5D4C;
    color: #fff !important
}
.dropdown li a small {
    font-style: italic;
    font-size: 10px;
    margin-right: 4px
}
.dropdown li:first-child a {
    border-top: none
}
.dropdown li.text-left a {
    text-align: left
}
.dropdown li.icon-link a {
    padding-left: 39px;
    position: relative
}
.dropdown li.icon-link a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 9px
}
.dropdown li.icon-link.load-pic a:before {
    width: 18px;
    height: 13px;
    margin-top: -6px;
    background: url("/st/portal/media/images/artist_page/icons/load.png") no-repeat
}
.dropdown li.icon-link.load-pic:hover a:before {
    background-position: 0 -13px
}
.dropdown li.icon-link.del-pic a:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url("/st/portal/media/images/artist_page/icons/del.png") no-repeat
}
.dropdown li.icon-link.del-pic:hover a:before {
    background-position: 0 -12px
}
.dropdown li.icon-link.edit-pic a:before {
    width: 15px;
    height: 15px;
    margin-top: -7px;
    background: url("/st/portal/media/images/artist_page/icons/edit-pic.png") no-repeat
}
.dropdown li.icon-link.edit-pic:hover a:before {
    background-position: 0 -15px
}
.dropdown.center-block {
    right: 50%;
    display: block
}
.dropdown.center-block:before {
    right: 50%;
    margin-right: -9px;
    bottom: 100%
}
.dropdown.center-block.dark {
    background-color: #D4DADD
}
.dropdown.center-block.dark:before {
    border-bottom-color: #D4DADD
}
.dropdown.invisible {
    display: none !important
}
.dropdown.black-style {
    background-color: #F5FAFB;
    border: none
}
.dropdown.black-style li a:hover,
.dropdown.black-style li a.active,
.dropdown.black-style li a.active:hover {
    background-color: #000;
    color: #fff;
    border-top-color: #000
}
.dropdown.black-style li a {
    height: 24px;
    line-height: 24px
}
.dropdown-button {
    position: relative
}
.dropdown-button .dropdown {
    display: none
}
.dropdown-button:hover .dropdown {
    display: block
}
.tooltip-content {
    position: relative;
    display: inline-block;
    *display: inline;
    line-height: 0;
    vertical-align: bottom;
    top: -2px
}
.tooltip-content.pull-left,
.tooltip-content.pull-right {
    top: 1px
}
.tooltip-content i:not(.fa) {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #cc0f8d;
    font-size: 11px;
    color: #fff;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 1px 1px #B8B8B8
}
.tooltip-content i:not(.fa):hover {
    background-color: #b20d7b
}
.tooltip-content .text {
    display: none;
    position: absolute;
    padding: 14px;
    width: 249px;
    border: 1px solid #cc0f8d;
    background-color: #cc0f8d;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    z-index: 10
}
.tooltip-content .text p {
    color: inherit;
    display: block;
    white-space: normal;
    text-align: left
}
.tooltip-content .text:after,
.tooltip-content .text:before {
    content: ' ';
    position: absolute;
    border: 9px solid;
    border-color: #cc0f8d transparent transparent transparent
}
.tooltip-content .text:before {
    margin-top: 1px;
    border-color: #cc0f8d transparent transparent transparent
}
.tooltip-content .text.top,
.tooltip-content .text.top-right {
    left: -18px;
    bottom: 100%;
    margin-bottom: 9px
}
.tooltip-content .text.top:after,
.tooltip-content .text.top-right:after {
    left: 14px;
    bottom: -17px
}
.tooltip-content .text.top:before,
.tooltip-content .text.top-right:before {
    left: 14px;
    bottom: -18px
}
.tooltip-content .text.bottom {
    left: -18px;
    top: 100%;
    margin-top: 9px
}
.tooltip-content .text.bottom:after {
    border-color: transparent transparent #cc0f8d transparent;
    top: -17px;
    left: 14px
}
.tooltip-content .text.bottom:before {
    left: 14px;
    top: -19px;
    border-color: transparent transparent #cc0f8d transparent
}
.tooltip-content .text.top-left {
    right: -18px;
    bottom: 100%;
    margin-bottom: 9px
}
.tooltip-content .text.top-left:after {
    right: 14px;
    bottom: -17px
}
.tooltip-content .text.top-left:before {
    right: 14px;
    bottom: -18px
}
.tooltip-content .text.bottom-left {
    right: -18px;
    top: 100%;
    margin-top: 9px
}
.tooltip-content .text.bottom-left:after {
    border-color: transparent transparent #cc0f8d transparent;
    top: -17px;
    right: 14px
}
.tooltip-content .text.bottom-left:before {
    right: 14px;
    top: -19px;
    border-color: transparent transparent #cc0f8d transparent
}
.tooltip-content:hover .text {
    display: block
}
.tooltip-content.error i {
    background-color: #FC0000
}
.tooltip-content.error .text {
    color: #fff;
    border-color: #FC0000;
    background-color: #FC0000
}
.tooltip-content.error .text:after {
    border-top-color: #FC0000
}
.tooltip-content.error .text:before {
    margin-top: 1px;
    border-top-color: #FC0000
}
.alert {
    margin-bottom: 15px;
    border: 1px solid;
    padding: 16px 28px 15px 28px;
    position: relative
}
.alert .icon {
    float: left;
    margin-right: 15px;
    padding: 0;
    font: bold 50px Verdana;
    color: #fff;
    line-height: 40px
}
.alert h3 {
    font: 22px "Roboto", Verdana;
    margin-top: 0;
    padding-left: 0 !important;
    margin-bottom: 25px
}
.alert p {
    font: 14px "Roboto", Verdana;
    color: #fff;
    line-height: 17px
}
.alert .close {
    font-size: 36px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 6px;
    cursor: pointer;
    display: none
}
.alert .close.vis {
    display: block
}
.alert label.radio-style {
    display: block;
    margin: 13px 25px 0 0
}
.alert label.radio-style span.radio-button {
    margin-right: 16px;
    float: left
}
.alert label.radio-style span.text {
    font-size: 12px;
    font-family: "Roboto";
    float: left;
    line-height: 18px
}
.alert label.radio-style:after {
    content: ' ';
    display: block;
    clear: both
}
.alert.alert-sucsess {
    border: 1px solid;
    border-color: #b20d7b;
    background-color: #cc0f8d;
    box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17);
    -moz-box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17);
    -webkit-box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17)
}
.alert.alert-sucsess h3 {
    color: #fff
}
.alert.alert-sucsess .radio-style span.text {
    color: #fff;
    text-decoration: underline
}
.alert.alert-sucsess .close {
    color: #fff
}
.alert.alert-sucsess .close:hover {
    color: #fff
}
.alert.alert-sucsess a {
    color: #fff;
    text-decoration: underline
}
.alert.alert-sucsess a:hover {
    text-decoration: none
}
.alert.alert-gray {
    border: 1px solid;
    border-color: #C6CCCE;
    background-color: #EEF2F4;
    box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17);
    -moz-box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17);
    -webkit-box-shadow: -1px 1px 1px 1px rgba(85, 85, 85, 0.17)
}
.alert.alert-gray h3,
.alert.alert-gray p {
    color: #555555
}
.alert.alert-gray .radio-style span.text {
    color: #555555;
    text-decoration: underline
}
.alert.alert-gray .close {
    color: #AAAAAA
}
.alert.alert-gray .close:hover {
    color: #555555
}
.alert.alert-gray a {
    color: #555555;
    text-decoration: underline
}
.alert.alert-gray a:hover {
    text-decoration: none
}
.alert.alert-error {
    border-color: #FC0000;
    background-color: #FC0000
}
.alert.alert-error h3 {
    color: #fff;
    margin-bottom: 7px;
    line-height: 20px
}
.alert.alert-error .close {
    color: #fff
}
.alert.alert-error .close:hover {
    color: #fff
}
.alert-messages {
    margin: 0 0 19px 13px
}
.alert-messages .icon {
    width: 44px;
    float: left;
    margin-right: 15px;
    padding: 0;
    font: bold 50px Verdana;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 1px 2px 1px #969B9D
}
.alert-messages.green .icon {
    background-color: #cc0f8d;
    color: #fff
}
.alert-messages p {
    font: 14px Verdana;
    color: #555555;
    line-height: 18px
}
.alert-messages.alert-min p {
    font-size: 12px;
    line-height: 16px
}
.alert-messages.alert-min .icon {
    width: 33px;
    font-size: 33px;
    line-height: 35px;
    margin-right: 9px
}
.loading {
    width: 30px;
    height: 30px;
    margin-left: 15px
}
.loading .progress-radial {
    width: 30px;
    height: 30px;
    border: none;
    background-color: none
}
.loading .progress-radial .overlay {
    margin: 7px;
    width: 16px;
    height: 16px;
    padding: 0;
    background-color: #fff;
    font: 7px Verdana;
    color: #9A9A9A;
    line-height: 16px;
    text-align: center
}
.date-pic {
    background: url("/st/portal/media/images/pic.png") no-repeat 99% 4px
}
.wrapper-pdf {
    max-width: 892px;
    min-width: 480px;
    margin: 0 auto;
    padding: 0 65px
}
.wrapper-pdf .header {
    height: 110px;
    position: relative;
    margin: 0;
    padding: 0
}
.wrapper-pdf .header .user {
    width: auto;
    cursor: pointer;
    float: right;
    margin: 0;
    margin-top: 39px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    height: 40px;
    box-sizing: border-box;
    border-left: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    line-height: 30px;
    padding: 0 10px
}
.wrapper-pdf .header .user .info-user {
    width: auto;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    min-height: 20px;
    padding-top: 5px;
    padding-left: 24px;
    background: url("/st/portal/media/images/icon-user-blue.png") no-repeat 0 center
}
.wrapper-pdf .header .user .info-user .icon-row {
    margin-right: 4px;
    float: none;
    display: inline-block
}
.wrapper-pdf .header .user .info-user .name-user {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.wrapper-pdf .header .user .dropdown.bottom-left {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    min-width: 100%;
    width: auto;
    border: none;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4
}
.wrapper-pdf .header .user .dropdown.bottom-left:before,
.wrapper-pdf .header .user .dropdown.bottom-left:after {
    display: none
}
.wrapper-pdf .header .user .dropdown.bottom-left li a:hover {
    background: #44CEB0
}
.wrapper-pdf .header a.logo {
    background: url("/st/portal/media/images/logo.png") no-repeat 0 0;
    position: absolute;
    width: 163px;
    height: 77px;
    left: 0 !important;
    top: 12px;
    margin: 0;
    padding: 0
}
.wrapper-pdf .header a.authorization_kabinet {
    margin: 0;
    position: absolute;
    right: 0;
    top: 38px
}
.wrapper-pdf .block-contacts2 {
    background-color: #FCFCFC;
    padding: 50px;
    margin-bottom: 46px;
    border: 1px solid #D4D4D4
}
.wrapper-pdf .block-contacts2.shop-page {
    padding: 50px 108px 46px 108px
}
.wrapper-pdf .block-contacts2 .in-w {
    padding: 0 96px
}
.wrapper-pdf .block-contacts2 .in-w.shop-container {
    padding: 0 58px
}
@media (max-width: 860px) {
    .wrapper-pdf .block-contacts2 .in-w {
        padding: 0
    }
}
.wrapper-pdf .block-contacts2 h3 {
    font-family: "Days", Arial;
    color: #cc0f8d;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px
}
.wrapper-pdf .block-contacts2 h4 {
    font-size: 19px;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 23px;
    font-family: Verdana, Arial
}
.wrapper-pdf .block-contacts2 h4 span {
    display: block;
    font-size: 14px;
    color: #555
}
.wrapper-pdf .block-contacts2 p {
    font: 14px Verdana;
    color: #646464;
    text-indent: 20px;
    line-height: 18px;
    margin-top: 10px
}
.wrapper-pdf .block-contacts2 p.green-text {
    font-size: 18px;
    line-height: 22px;
    color: #cc0f8d
}
.wrapper-pdf .block-contacts2 p p {
    margin: 5px 0 0 25px
}
.wrapper-pdf .block-contacts2 .shop-container p {
    font-size: 16px;
    text-indent: 21px;
    line-height: 19px;
    color: #646464;
    margin-bottom: 15px
}
.wrapper-pdf .block-contacts2 .shop-container ol {
    list-style: decimal
}
.wrapper-pdf .block-contacts2 .shop-container ul {
    list-style: disc
}
.wrapper-pdf .block-contacts2 .shop-container ol,
.wrapper-pdf .block-contacts2 .shop-container ul {
    color: #cc0f8d;
    margin-bottom: 15px;
    margin-left: 48px
}
.wrapper-pdf .block-contacts2 .shop-container ol li,
.wrapper-pdf .block-contacts2 .shop-container ul li {
    margin-bottom: 5px;
    color: #cc0f8d
}
.wrapper-pdf .block-contacts2 .shop-container ol li p,
.wrapper-pdf .block-contacts2 .shop-container ul li p {
    color: #646464;
    margin: 0;
    text-indent: 0
}
.wrapper-pdf .block-contacts2 .shop-container .p-slider {
    margin-top: 50px
}
.wrapper-pdf .block-contacts2 .shop-container .logo-shop {
    margin-bottom: 40px
}
.wrapper-pdf .block-contacts2 .left-cont,
.wrapper-pdf .block-contacts2 .right-cont {
    float: left;
    width: 48%
}
.wrapper-pdf .block-contacts2 .left-cont {
    margin-right: 3.89%
}
.wrapper-pdf .block-contacts2.faq .left-cont,
.wrapper-pdf .block-contacts2.faq .right-cont {
    float: left;
    box-sizing: border-box
}
.wrapper-pdf .block-contacts2.faq .left-cont .container-border,
.wrapper-pdf .block-contacts2.faq .right-cont .container-border {
    box-sizing: border-box;
    border: 1px solid #D4D4D4;
    box-shadow: inset 1px 1px 2px 1px rgba(157, 157, 157, 0.13);
    -moz-box-shadow: inset 1px 1px 2px 1px rgba(157, 157, 157, 0.13);
    -webkit-box-shadow: inset 1px 1px 2px 1px rgba(157, 157, 157, 0.13);
    height: 372px;
    max-height: 372px;
    overflow: auto
}
.wrapper-pdf .block-contacts2.faq .left-cont h3,
.wrapper-pdf .block-contacts2.faq .right-cont h3 {
    margin-bottom: 10px;
    line-height: 30px
}
.wrapper-pdf .block-contacts2.faq .left-cont {
    width: 57.5%;
    margin-right: 2.99999999%
}
.wrapper-pdf .block-contacts2.faq .right-cont {
    width: 39.5%
}
.wrapper-pdf .block-contacts2.faq .right-cont .container-border {
    box-sizing: border-box;
    font-size: 13px;
    color: #555;
    padding: 12px 25px
}
.wrapper-pdf .block-contacts2.faq .right-cont .container-border p {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    text-indent: 0
}
.wrapper-pdf .block-contacts2 .right-cont p.green-text {
    margin: 0 0 10px 0;
    font-family: "Days", Verdana;
    text-indent: 0
}
.wrapper-pdf .block-contacts2 .right-cont ul {
    margin-left: 12px;
    margin-bottom: 15px;
    list-style: disc
}
.wrapper-pdf .block-contacts2 .right-cont ul li {
    font: 13px Verdana;
    color: #646464;
    margin-bottom: 5px
}
a.btn-login {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    width: 74px;
    height: 32px;
    border: 1px solid;
    border-color: #DDE0E0 #D6DADB #B4B8B8 #D6DADB;
    background-color: #FFFFFF;
    font-size: 13px;
    color: #000;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.28);
    -moz-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.28);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.28)
}
a.btn-login:hover {
    background-color: #F7F7F7
}
a.btn-login:active {
    background-color: #F7F7F7;
    border-color: #B4B8B8;
    box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -moz-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36)
}
table.price {
    width: 100%
}
table.price th,
table.price td {
    border-bottom: 1px solid #DFDFDF;
    text-align: left;
    height: 50px
}
table.price th {
    vertical-align: text-top;
    font: 14px Verdana;
    color: #959595;
    height: 40px
}
table.price th:first-child {
    width: 70%
}
table.price td {
    vertical-align: middle
}
table.price td:first-child {
    font: 14px Verdana;
    color: #959595
}
table.price td:first-child span {
    text-transform: uppercase;
    color: #000;
    font-weight: bold
}
table.price td:first-child+td {
    font-family: "Days", Verdana;
    color: #cc0f8d;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center
}
#dp_swf_engine {
    display: none
}
.inset-shadow {
    text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text
}
.wrap_footer_slides .loader {
    position: absolute;
    background: red;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 10px;
    background: url("/st/portal/media/images/loading.gif");
    display: none
}
.wrap_footer_slides .owl-carousel {
    width: 100%
}
.wrap_footer_slides .owl-carousel .owl-buttons .owl-prev,
.wrap_footer_slides .owl-carousel .owl-buttons .owl-next {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    z-index: 10;
    width: 16px;
    height: 27px;
    top: 50%;
    margin-top: -13px;
    background: url("/st/portal/media/images/main_page/sprite-rows-min.png") no-repeat 0 0;
    opacity: 1
}
.wrap_footer_slides .owl-carousel .owl-buttons .owl-prev {
    left: -35px
}
.wrap_footer_slides .owl-carousel .owl-buttons .owl-prev:hover {
    background-position: 0 -26px
}
.wrap_footer_slides .owl-carousel .owl-buttons .owl-next {
    right: -35px;
    background-position: -16px 0
}
.wrap_footer_slides .owl-carousel .owl-buttons .owl-next:hover {
    background-position: -16px -26px
}
.wrap_footer_slides .owl-wrapper-outer .owl-wrapper {
    margin-top: -5px
}
.wrap_footer_slides .item {
    display: block;
    outline: none;
    width: 110px;
    height: 59px;
    background-image: url(/st/portal/media/images/main_page/brands_logo.png)
}
.wrap_footer_slides .item:hover {
    outline: none;
    text-decoration: none
}
.wrap_footer_slides .item-left:after {
    content: ' ';
    display: block;
    clear: both
}
.wrap_footer_slides .item-left .item {
    float: left
}
.wrap_footer_slides .icon-1 {
    background-position: 0 0
}
.wrap_footer_slides .icon-1:hover {
    background-position: -110px 0
}
.wrap_footer_slides .icon-10 {
    background-position: 0 -59px
}
.wrap_footer_slides .icon-10:hover {
    background-position: -110px -59px
}
.wrap_footer_slides .icon-11 {
    background-position: 0 -118px
}
.wrap_footer_slides .icon-11:hover {
    background-position: -110px -118px
}
.wrap_footer_slides .icon-12 {
    background-position: 0 -177px
}
.wrap_footer_slides .icon-12:hover {
    background-position: -110px -177px
}
.wrap_footer_slides .icon-13 {
    background-position: 0 -236px
}
.wrap_footer_slides .icon-13:hover {
    background-position: -110px -236px
}
.wrap_footer_slides .icon-14 {
    background-position: 0 -295px
}
.wrap_footer_slides .icon-14:hover {
    background-position: -110px -295px
}
.wrap_footer_slides .icon-15 {
    background-position: 0 -354px
}
.wrap_footer_slides .icon-15:hover {
    background-position: -110px -354px
}
.wrap_footer_slides .icon-16 {
    background-position: 0 -413px
}
.wrap_footer_slides .icon-16:hover {
    background-position: -110px -413px
}
.wrap_footer_slides .icon-17 {
    background-position: 0 -472px
}
.wrap_footer_slides .icon-17:hover {
    background-position: -110px -472px
}
.wrap_footer_slides .icon-18 {
    background-position: 0 -531px
}
.wrap_footer_slides .icon-18:hover {
    background-position: -110px -531px
}
.wrap_footer_slides .icon-19 {
    background-position: 0 -590px
}
.wrap_footer_slides .icon-19:hover {
    background-position: -110px -590px
}
.wrap_footer_slides .icon-2 {
    background-position: 0 -649px
}
.wrap_footer_slides .icon-2:hover {
    background-position: -110px -649px
}
.wrap_footer_slides .icon-20 {
    background-position: 0 -708px
}
.wrap_footer_slides .icon-20:hover {
    background-position: -110px -708px
}
.wrap_footer_slides .icon-21 {
    background-position: 0 -767px
}
.wrap_footer_slides .icon-21:hover {
    background-position: -110px -767px
}
.wrap_footer_slides .icon-3 {
    background-position: 0 -826px
}
.wrap_footer_slides .icon-3:hover {
    background-position: -110px -826px
}
.wrap_footer_slides .icon-4 {
    background-position: 0 -885px
}
.wrap_footer_slides .icon-4:hover {
    background-position: -110px -885px
}
.wrap_footer_slides .icon-5 {
    background-position: 0 -944px
}
.wrap_footer_slides .icon-5:hover {
    background-position: -110px -944px
}
.wrap_footer_slides .icon-6 {
    background-position: 0 -1003px
}
.wrap_footer_slides .icon-6:hover {
    background-position: -110px -1003px
}
.wrap_footer_slides .icon-7 {
    background-position: 0 -1062px
}
.wrap_footer_slides .icon-7:hover {
    background-position: -110px -1062px
}
.wrap_footer_slides .icon-8 {
    background-position: 0 -1121px
}
.wrap_footer_slides .icon-8:hover {
    background-position: -110px -1121px
}
.wrap_footer_slides .icon-9 {
    background-position: 0 -1180px
}
.wrap_footer_slides .icon-9:hover {
    background-position: -110px -1180px
}
.wrap_footer_slides .icon-22 {
    background-position: 0 -1239px
}
.wrap_footer_slides .icon-22:hover {
    background-position: -110px -1239px
}
.wrap_footer_slides .owl-item {
    position: relative;
    float: left
}
.table-fresh {
    margin: 0 0 25px 16px
}
.table-fresh th,
.table-fresh td {
    vertical-align: middle;
    padding: 5px;
    height: 39px;
    box-sizing: border-box;
    border-bottom: 1px solid #C3C4C4;
    font-size: 12px;
    color: #000;
    position: relative
}
.table-fresh th:first-child:before,
.table-fresh td:first-child:before {
    content: ' ';
    position: absolute;
    width: 177px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: #C3C4C4;
    background: -o-linear-gradient(180deg, #c3c4c4, #fcfcfc);
    background: -moz-linear-gradient(180deg, #c3c4c4, #fcfcfc);
    background: -webkit-linear-gradient(180deg, #c3c4c4, #fcfcfc);
    background: -ms-linear-gradient(180deg, #c3c4c4, #fcfcfc)
}
.table-fresh th:last-child:before,
.table-fresh td:last-child:before {
    content: ' ';
    position: absolute;
    width: 177px;
    height: 1px;
    right: 0;
    bottom: -1px;
    background: #C3C4C4;
    background: -o-linear-gradient(180deg, #fcfcfc, #c3c4c4);
    background: -moz-linear-gradient(180deg, #fcfcfc, #c3c4c4);
    background: -webkit-linear-gradient(180deg, #fcfcfc, #c3c4c4);
    background: -ms-linear-gradient(180deg, #fcfcfc, #c3c4c4)
}
.table-fresh thead th {
    width: 1%;
    font-size: 12px;
    font-weight: bold;
    color: #cc0f8d
}
.btn-list {
    position: relative;
    height: auto
}
.btn-list .dropdown-btn {
    display: none;
    position: absolute;
    z-index: 5;
    left: 0;
    min-width: 100%;
    top: 100%
}
.btn-list:hover .dropdown-btn {
    display: block
}
.btn-list .btn-index {
    float: none;
    display: block
}
.modal-popup {
    overflow: hidden
}
.popupBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    overflow-y: auto;
    display: none
}
.popup-window {
    position: relative;
    width: 78%;
    min-width: 600px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    margin: 30px auto;
    box-shadow: 0 0 5px 1px rgba(18, 18, 18, 0.4)
}
.popup-window .close {
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #a7b1b4
}
.popup-window .close:hover {
    color: #121212
}
.popup-window .width-full {
    margin-right: -20px;
    margin-left: -20px
}
body[ft-type="login"] {
    background-color: #e6e2e5;
    min-width: 354px
}
[ft-type="login"] .header {
    height: 109px;
    padding-top: 53px
}
[ft-type="login"] .header a.logo {
    display: block;
    width: 250px;
    height: 114px;
    margin: 0 auto;
    background: url("/st/portal/media/images/logo_dark.png") no-repeat 0 0
}
[ft-type="login"] .content {
    width: 354px;
    margin: 0 auto;
    padding-bottom: 30px
}
[ft-type="login"] .content h1 {
    font: 21px Verdana;
    color: #000;
    line-height: 21px;
    margin: 0 0 9px 42px
}
[ft-type="login"] .content .form {
    border: 1px solid #C2C8CA;
    background-color: #fff;
    box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -moz-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4);
    -webkit-box-shadow: 2px 2px 2px 1px rgba(184, 190, 191, 0.4)
}
[ft-type="login"] .content .form .top {
    padding: 20px 27px 0 27px;
    position: relative
}
[ft-type="login"] .content .form .top hr.line {
    position: absolute;
    bottom: 0;
    left: 0
}
[ft-type="login"] .content .form .top fieldset {
    padding-bottom: 18px
}
[ft-type="login"] .content .form .top .social-buttons {
    margin-bottom: 24px;
    margin-top: 20px
}
[ft-type="login"] .content .form .top .social-buttons a {
    display: block;
    width: 100%;
    height: 35px;
    background: url("/st/portal/media/images/social-buttons.png") no-repeat center 0;
    cursor: pointer;
    box-shadow: 1px 1px 2px 1px #9B9C9D;
    -moz-box-shadow: 1px 1px 2px 1px #9B9C9D;
    -webkit-box-shadow: 1px 1px 2px 1px #9B9C9D
}
[ft-type="login"] .content .form .top .social-buttons a:active {
    box-shadow: inset 0 0 3px 1px rgba(113, 113, 113, 0.54);
    -moz-box-shadow: inset 0 0 3px 1px rgba(113, 113, 113, 0.54);
    -webkit-box-shadow: inset 0 0 3px 1px rgba(113, 113, 113, 0.54)
}
[ft-type="login"] .content .form .top .social-buttons a.facebook {
    background-position: center 0
}
[ft-type="login"] .content .form .top .social-buttons a.google {
    background-position: center -35px
}
[ft-type="login"] .content .form .top .social-buttons a.vkontakte {
    background-position: center -70px
}
[ft-type="login"] .content .form .top .radio-style {
    display: block;
    margin-top: 22px
}
[ft-type="login"] .content .form .top .radio-style a {
    display: block;
    margin-left: 35px;
    margin-top: -2px
}
[ft-type="login"] .content .form .top .text-green {
    color: #cc0f8d;
    text-align: right;
    font-size: 12px;
    padding-bottom: 5px
}
[ft-type="login"] .content .form .top .text-green a {
    font-size: 12px;
    color: inherit
}
[ft-type="login"] .content .form .tooltip-content .text p {
    color: #fff;
    font-size: 13px
}
[ft-type="login"] .content .form .bottom {
    padding: 18px 29px;
    text-align: center
}
[ft-type="login"] .content .form .bottom .btn {
    margin-bottom: 24px
}
[ft-type="login"] .content .form .bottom.non .btn {
    margin-bottom: 0
}
[ft-type="login"] .content .form p {
    font: 14px Verdana;
    color: #555
}
[ft-type="login"] .content .form p.variant {
    font: 14px Verdana;
    color: #222222;
    text-align: center
}
[ft-type="login"] .content .form p.mr-b {
    font: 14px Verdana;
    color: #818181;
    margin-bottom: 20px
}
[ft-type="login"] .content .form p.mr-b2 {
    margin-bottom: 20px
}
[ft-type="login"] .content.error .form {
    background: #fc0000 url("/st/portal/media/images/error-server-bg.png") no-repeat bottom center;
    border-color: transparent
}
[ft-type="login"] .content.error .form fieldset p {
    color: #ebeff0
}
[ft-type="login"] .alert-login {
    border: 1px solid
}
[ft-type="login"] .alert-login .pull-left {
    width: 89px;
    padding: 19px 12px
}
[ft-type="login"] .alert-login .text {
    padding: 7px;
    font: 12px Verdana;
    color: #6E6E6E
}
[ft-type="login"] .alert-login .text.pull-left {
    width: 227px;
    padding: 7px 0
}
[ft-type="login"] .alert-login .title {
    text-transform: uppercase;
    font: 14px Verdana
}
[ft-type="login"] .alert-login.alert-error {
    border-color: #FC0000;
    background-color: #F8E7E7
}
[ft-type="login"] .alert-login.alert-error .title {
    color: #FF0000
}
@font-face {
    font-family: 'proXBlk';
    src: url("/st/portal/media/fonts/pfdintextcondpro-xblack.eot");
    src: url("/st/portal/media/fonts/pfdintextcondpro-xblack.eot?#iefix") format("embedded-opentype"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.woff") format("woff"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.ttf") format("truetype"), url("/st/portal/media/fonts/pfdintextcondpro-xblack.svg#pf_din_text_cond_proXBlk") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'promedium';
    src: url("/st/portal/media/fonts/pfdintextcondpro-medium.eot");
    src: url("/st/portal/media/fonts/pfdintextcondpro-medium.eot?#iefix") format("embedded-opentype"), url("/st/portal/media/fonts/pfdintextcondpro-medium.woff") format("woff"), url("/st/portal/media/fonts/pfdintextcondpro-medium.ttf") format("truetype"), url("/st/portal/media/fonts/pfdintextcondpro-medium.svg#pf_din_text_cond_promedium") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Days';
    src: local("Days"), local("Days Regular"), url("/st/portal/media/fonts/days/days.woff") format("woff");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Engine';
    src: local("Engine Regular"), local("Engine-Regular"), url("/st/portal/media/fonts/engine/engine-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Engine';
    src: local("Engine Italic"), local("Engine-Italic"), url("/st/portal/media/fonts/engine/engine-italic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}
html,
body[ft-type="main"] {
    height: 100%;
    max-height: auto;
    padding: 0;
    margin: 0
}
* {
    font-family: 'Roboto Condensed', sans-serif
}
body[ft-type="main"] {
    min-height: 700px;
    min-width: 1024px;
    max-width: 1900px;
    max-height: 1600px;
    font-family: 'Roboto Condensed', sans-serif;
    background: url("/st/portal/media/images/main_page/bg-body.png")
}
[ft-type="main"] .page-content {
    height: 100%
}
[ft-type="main"] h1 {
    font-family: 'Days', proXBlk, sans-serif
}
[ft-type="main"] .clearfix {
    clear: both
}
[ft-type="main"] .container {
    height: 100%;
    max-height: auto;
    box-sizing: border-box;
    padding: 0 0 94px 0;
    position: relative;
    margin: 0 auto
}
[ft-type="main"] .container a.btn-reg {
    display: block;
    width: 279px;
    height: 57px;
    border-top: 1px solid #1A5D4C;
    border-left: 1px solid #1A5D4C;
    font-size: 20px;
    color: #005655;
    text-align: center;
    line-height: 57px;
    background-color: #41DBB4;
    background: -o-linear-gradient(90deg, #47c0ab, #3fe1b6);
    background: -moz-linear-gradient(90deg, #47c0ab, #3fe1b6);
    background: -webkit-linear-gradient(90deg, #47c0ab, #3fe1b6);
    background: -ms-linear-gradient(90deg, #47c0ab, #3fe1b6);
    cursor: pointer;
    box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68);
    -moz-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68);
    text-decoration: none
}
[ft-type="main"] .container a.btn-reg:hover {
    background: -o-linear-gradient(-90deg, #47c0ab, #3fe1b6);
    background: -moz-linear-gradient(-90deg, #47c0ab, #3fe1b6);
    background: -webkit-linear-gradient(-90deg, #47c0ab, #3fe1b6);
    background: -ms-linear-gradient(-90deg, #47c0ab, #3fe1b6)
}
[ft-type="main"] .container a.btn-reg:active {
    background: #47C0AB;
    box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.56);
    -moz-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.56);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.56)
}
[ft-type="main"] .container .in-block {
    width: 86%;
    max-width: 1200px;
    margin: 0 auto;
    height: inherit;
    position: relative
}
[ft-type="main"] .container .header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10
}
[ft-type="main"] .container .header .user {
    width: auto;
    cursor: pointer;
    float: right;
    margin: 0;
    margin-top: 39px;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    height: 40px;
    box-sizing: border-box;
    border-left: 1px solid #68696A;
    border-top: 1px solid #68696A;
    line-height: 30px;
    padding: 0 10px
}
[ft-type="main"] .container .header .user .info-user {
    width: auto;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    min-height: 20px;
    padding-top: 5px;
    padding-left: 24px;
    background: url("/st/portal/media/images/icon-user-blue.png") no-repeat 0 center
}
[ft-type="main"] .container .header .user .info-user .icon-row {
    margin-right: 4px;
    float: none;
    display: inline-block
}
[ft-type="main"] .container .header .user .info-user .name-user {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
[ft-type="main"] .container .header .user .dropdown.bottom-left {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    min-width: 100%;
    width: auto;
    border: none;
    border-left: 1px solid #68696A;
    border-bottom: 1px solid #68696A
}
[ft-type="main"] .container .header .user .dropdown.bottom-left:before,
[ft-type="main"] .container .header .user .dropdown.bottom-left:after {
    display: none
}
[ft-type="main"] .container .header .user .dropdown.bottom-left li a:hover {
    background: #44CEB0
}
[ft-type="main"] .container .header .in-block {
    height: 89px
}
[ft-type="main"] .container .header a.logo {
    width: 146px;
    height: 68px;
    position: absolute;
    left: 0;
    bottom: 0
}
[ft-type="main"] .container .header a.logo img {
    width: 100%;
    max-width: 100%;
    height: auto
}
[ft-type="main"] .container .header a.btn-login {
    position: absolute;
    margin-top: 0;
    right: 0;
    top: 39px;
    width: 92px;
    height: 40px;
    box-sizing: border-box;
    border-top: 1px solid #68696A;
    border-left: 1px solid #68696A;
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: Verdana, Arial;
    color: #000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68);
    -moz-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(130, 130, 130, 0.68)
}
[ft-type="main"] .container .header a.btn-login:hover {
    background-color: #F7F7F7
}
[ft-type="main"] .container .header a.btn-login:active {
    background-color: #F7F7F7;
    box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -moz-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36)
}
[ft-type="main"] .container .header .btn-container {
    position: absolute;
    right: 0;
    top: 36px;
    width: auto
}
[ft-type="main"] .container .header .btn-container:after {
    content: ' ';
    display: block;
    clear: both
}
[ft-type="main"] .container .header .btn-index {
    float: left;
    width: auto;
    height: 34px;
    background: #8E9CA3;
    background: rgba(137, 150, 156, 0.7);
    padding: 0 16px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    color: #000;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    text-decoration: none
}
[ft-type="main"] .container .header .btn-index.notlink {
    cursor: default
}
[ft-type="main"] .container .header .btn-index.fullsize {
    float: none;
    display: block;
    white-space: normal;
    line-height: 17px;
    min-height: 34px;
    height: auto;
    box-sizing: border-box;
    padding-top: 7px;
    padding-bottom: 7px
}
[ft-type="main"] .container .header .btn-index:hover:not(.notlink) {
    background: #7F97A3;
    background: rgba(126, 148, 157, 0.9)
}
[ft-type="main"] .container .header .btn-index:active:not(.notlink) {
    background: #7F97A3;
    background: rgba(126, 148, 157, 0.9);
    box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -moz-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(145, 145, 145, 0.36)
}
[ft-type="main"] .container .header .btn-index.current {
    background: #7F97A3;
    background: rgba(126, 148, 157, 0.9)
}
[ft-type="main"] .container .header .btn-index .fa-chevron-down {
    font-size: 17px;
    position: relative;
    top: -1px
}
[ft-type="main"] .container .header .lang {
    float: left;
    margin-right: 25px;
    width: auto
}
[ft-type="main"] .container .header .user-infolinks {
    float: left;
    width: auto
}
[ft-type="main"] .container .header ul.rus {
    float: left;
    position: relative;
    margin-right: 25px;
    height: 0;
    overflow: hidden;
    padding-top: 34px
}
[ft-type="main"] .container .header ul.rus:hover {
    overflow: visible;
    height: auto
}
[ft-type="main"] .container .header ul.rus li a {
    display: block;
    width: auto;
    height: 34px;
    background: #8E9CA3;
    background: rgba(137, 150, 156, 0.7);
    padding: 0 16px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    color: #000;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    text-decoration: none
}
[ft-type="main"] .container .header ul.rus li:hover:not(.current) a {
    background-color: #000;
    color: #fff;
    cursor: pointer
}
[ft-type="main"] .container .header ul.rus li.current {
    position: absolute;
    top: 0;
    left: 0
}
[ft-type="main"] .container .content {
    height: 100%;
    max-height: auto;
    overflow: hidden;
    position: relative
}
[ft-type="main"] .container .content .owl-carousel {
    height: 100%;
    max-height: auto
}
[ft-type="main"] .container .content .owl-carousel .owl-wrapper-outer,
[ft-type="main"] .container .content .owl-carousel .owl-wrapper {
    height: 100%;
    max-height: auto
}
[ft-type="main"] .container .content .owl-carousel .item {
    position: relative;
    height: 100%;
    max-height: auto
}
[ft-type="main"] .container .content .owl-carousel .item .position-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: auto;
    z-index: -1;
    text-align: center
}
[ft-type="main"] .container .content .owl-carousel .item .position-bg img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
[ft-type="main"] .container .content .owl-carousel .item .popup-info {
    position: absolute;
    top: 39px;
    left: 243px;
    z-index: 5;
    width: 346px;
    background: rgba(255, 255, 255, 0.4)
}
[ft-type="main"] .container .content .owl-carousel .item .popup-info:before {
    content: " ";
    position: absolute;
    top: 100%;
    right: 111px;
    border: 13px solid;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent
}
[ft-type="main"] .container .content .owl-carousel .item .popup-info p {
    padding: 12px 19px;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 11px;
    margin: 0
}
[ft-type="main"] .container .content .owl-carousel .item .popup-info p strong {
    font-weight: bold
}
[ft-type="main"] .container .content .owl-carousel .owl-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
    bottom: 14px;
    left: 0
}
[ft-type="main"] .container .content .owl-carousel .owl-pagination .owl-page {
    width: 23px;
    height: 12px;
    background: #CCCCCC;
    padding: 0;
    margin: 0 2px
}
[ft-type="main"] .container .content .owl-carousel .owl-pagination .owl-page span {
    display: none
}
[ft-type="main"] .container .content .owl-carousel .owl-pagination .owl-page:hover {
    background: #BEBEBE
}
[ft-type="main"] .container .content .owl-carousel .owl-pagination .owl-page.active,
[ft-type="main"] .container .content .owl-carousel .owl-pagination .owl-page.active:hover {
    background: #3F4143
}
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-prev,
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-next {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    z-index: 10;
    width: 27px;
    height: 45px;
    top: 50%;
    margin-top: -20px;
    background: url("/st/portal/media/images/main_page/sprite-rows.png") no-repeat 0 0;
    opacity: 1
}
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-prev {
    left: 21px
}
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-prev:hover {
    background-position: 0 -45px
}
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-next {
    right: 21px;
    background-position: -27px 0
}
[ft-type="main"] .container .content .owl-carousel .owl-buttons .owl-next:hover {
    background-position: -27px -45px
}
[ft-type="main"] .container .content .inner-container {
    position: relative;
    z-index: 1;
    padding-top: 187px
}
[ft-type="main"] .container .content .inner-container .in-block h1 {
    color: #fff;
    font-size: 55px;
    text-shadow: 1px 1px 1px #3B3F41
}
[ft-type="main"] .container .content .inner-container .in-block ul.info {
    margin-top: 69px;
    margin-bottom: 78px
}
[ft-type="main"] .container .content .inner-container .in-block ul.info li {
    margin-bottom: 15px
}
[ft-type="main"] .container .content .inner-container .in-block ul.info li p {
    display: inline-block;
    *display: inline;
    width: auto;
    color: #000;
    font-family: 'Engine', Arial;
    font-size: 35px;
    min-height: 43px;
    margin: 0;
    padding: 11px 11px;
    box-sizing: border-box;
    background: #CED3D4;
    background-color: rgba(255, 255, 255, 0.4)
}
[ft-type="main"] .container .content .inner-container .in-block ul.info li.dark {
    margin-bottom: 30px
}
[ft-type="main"] .container .content .inner-container .in-block ul.info li.dark p {
    background: #565A5B;
    background-color: rgba(0, 0, 0, 0.7);
    color: #DCDCDC;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000
}
[ft-type="main"] .container .content .inner-container .in-block ul.info.dark li p {
    color: #fff;
    background: #565A5B;
    background-color: rgba(0, 0, 0, 0.7)
}
@media (max-height: 700px) {
    [ft-type="main"] .container .content .inner-container .in-block ul.info {
        margin-bottom: 50px
    }
}
[ft-type="main"] .container .content .inner-container .in-block ul.info.mtopNon {
    margin-top: 0
}
[ft-type="main"] .container .content .container-right-info {
    float: right;
    width: auto
}
[ft-type="main"] .container .content .logos {
    margin-top: 54px;
    text-align: center
}
[ft-type="main"] .container .content .logos img {
    margin-bottom: 17px;
    width: auto;
    height: auto;
    max-width: 100%
}
[ft-type="main"] .container .content .sticker {
    width: 119px;
    height: 169px;
    position: relative;
    z-index: 5
}
[ft-type="main"] .container .content .sticker .bg-st {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}
[ft-type="main"] .container .content .sticker .bg-st img {
    max-width: 100%;
    height: auto;
    width: 100%
}
[ft-type="main"] .container .content .sticker .content-st {
    position: relative;
    z-index: 1
}
[ft-type="main"] .container .content .sticker .top-text {
    padding: 17px 0 6px 0;
    margin: 0 18px 7px 20px;
    font-size: 16px;
    color: #606060;
    border-bottom: 4px solid #606060;
    text-align: center
}
[ft-type="main"] .container .content .sticker .center-text {
    font-size: 24px;
    color: #606060;
    margin-bottom: 1px;
    text-align: center;
    text-transform: uppercase
}
[ft-type="main"] .container .content .sticker .big-text {
    font-size: 70px;
    color: #606060;
    font-weight: 700;
    text-align: center
}
[ft-type="main"] .container .content .gitar {
    width: 198px;
    height: auto;
    position: absolute;
    z-index: 0;
    top: -150px;
    right: 20px
}
[ft-type="main"] .container .content .gitar img {
    width: 100%;
    height: auto;
    max-width: 100%
}
@media (min-width: 1200px) {
    [ft-type="main"] .container .content .gitar {
        width: 200px
    }
}
@media (min-width: 1300px) {
    [ft-type="main"] .container .content .gitar {
        width: 220px
    }
}
@media (min-width: 1200px) {
    [ft-type="main"] .container .content .sticker {
        width: 139px;
        height: 189px
    }
    [ft-type="main"] .container .content .sticker .top-text {
        font-size: 18px;
        border-bottom-solid: 5px
    }
    [ft-type="main"] .container .content .sticker .center-text {
        font-size: 26px;
        margin-bottom: 5px
    }
    [ft-type="main"] .container .content .sticker .big-text {
        font-size: 83px
    }
    [ft-type="main"] .container .content .gitar {
        right: 120px
    }
}
@media (min-width: 1300px) {
    [ft-type="main"] .container .content .sticker {
        width: 154px;
        height: 204px
    }
    [ft-type="main"] .container .content .sticker .top-text {
        font-size: 22px;
        border-bottom-solid: 6px
    }
    [ft-type="main"] .container .content .sticker .center-text {
        font-size: 29px;
        margin-bottom: 7px
    }
    [ft-type="main"] .container .content .sticker .big-text {
        font-size: 95px
    }
    [ft-type="main"] .container .content .gitar {
        right: 55px
    }
}
[ft-type="main"] .container .footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 94px;
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 94px !important
}
[ft-type="main"] .container .footer .shop-label {
    height: 28px;
    font-size: 16px;
    font-family: Verdana, Arial;
    color: #000;
    padding: 0 18px 0 22px;
    background: #fff;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 5;
    line-height: 28px
}
[ft-type="main"] .container .footer .shop-label:before {
    content: ' ';
    position: absolute;
    border: 14px solid;
    border-color: transparent transparent #3f4143 #3f4143;
    left: 100%;
    top: 0
}
[ft-type="main"] .container .footer .slider-shops {
    height: 51px;
    background: #fff
}
[ft-type="main"] .container .footer .foot-info {
    height: 43px;
    background: url(/st/portal/media/images/main_page/bg-foot.png);
    overflow: hidden
}
[ft-type="main"] .container .footer .foot-info .left {
    float: left;
    height: 43px;
    font: 9px Verdana;
    color: #8f8f8f;
    width: auto;
    line-height: 43px
}
[ft-type="main"] .container .footer .foot-info .right {
    float: right;
    width: auto
}
[ft-type="main"] .container .footer .foot-info .right .nav-footer {
    float: left;
    line-height: 43px
}
[ft-type="main"] .container .footer .foot-info .right .nav-footer a {
    font-size: 14px;
    color: #B2B5B7;
    margin-left: 26px;
    cursor: pointer;
    font-family: Verdana, Arial;
    text-decoration: none
}
[ft-type="main"] .container .footer .foot-info .right .nav-footer a:hover {
    color: #8A8C8E
}
[ft-type="main"] .share {
    float: left;
    margin-left: 26px;
    margin-top: 8px
}
[ft-type="main"] .icon-footer {
    float: left;
    width: 27px;
    height: 27px;
    background: url(/st/portal/media/images/share.png) no-repeat 0 0;
    cursor: pointer;
    margin-left: 8px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
}
[ft-type="main"] .icon-footer:hover {
    opacity: 0.5
}
[ft-type="main"] .icon-footer.skype {
    background-position: 0 -54px
}
[ft-type="main"] .icon-footer.email {
    background-position: 0 -27px
}
[ft-type="main"] .icon-footer.vk {
    background-position: 0 0
}
[ft-type="main"] .icon-footer.fs {
    background-position: 0 -81px
}
[ft-type="main"] .icon-footer.google {
    background-position: 0 -108px
}
[ft-type="main"] .icon-footer.yt {
    background-position: 0 -135px
}
@media (min-width: 1366px) {
    [ft-type="main"] .container a.btn-reg {
        width: 357px;
        height: 65px;
        line-height: 65px
    }
    [ft-type="main"] .container .content .inner-container .in-block ul.info li p {
        font-size: 42px;
        min-height: 58px;
        padding-top: 18px
    }
}
[ft-type="main"] .counter-container {
    width: 100%;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 1
}
[ft-type="main"] .counter-container .in-block .data {
    margin-left: 231px
}
[ft-type="main"] .counter-container p {
    font-size: 17px;
    font-weight: bold;
    font-family: Verdana;
    color: #fff;
    line-height: 17px;
    margin-bottom: 9px;
    text-transform: uppercase;
    white-space: nowrap
}
[ft-type="main"] .counter-container .counter {
    margin: 0;
    padding: 0;
    width: auto
}
[ft-type="main"] .counter-container .counter li {
    height: 33px;
    width: 11px;
    background-image: url("/st/portal/media/images/main_page/counter.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 2px;
    float: left
}
[ft-type="main"] .counter-container .counter li.num-1 {
    background-position: 0 0
}
[ft-type="main"] .counter-container .counter li.num-2 {
    background-position: -19px 0;
    width: 19px
}
[ft-type="main"] .counter-container .counter li.num-3 {
    background-position: -38px 0;
    width: 17px
}
[ft-type="main"] .counter-container .counter li.num-4 {
    background-position: -57px 0;
    width: 17px
}
[ft-type="main"] .counter-container .counter li.num-5 {
    background-position: -83px 0;
    width: 18px
}
[ft-type="main"] .counter-container .counter li.num-6 {
    background-position: -102px 0;
    width: 18px
}
[ft-type="main"] .counter-container .counter li.num-7 {
    background-position: -121px 0;
    width: 18px
}
[ft-type="main"] .counter-container .counter li.num-8 {
    background-position: -146px 0;
    width: 18px
}
[ft-type="main"] .counter-container .counter li.num-9 {
    background-position: -165px 0;
    width: 17px
}
[ft-type="main"] .counter-container .counter li.num-0 {
    background-position: -184px 0;
    width: 17px
}
[ft-type="main"] .counter-container .counter li.space {
    margin-right: 8px
}
[ft-type="main"] .counter-container .counter:after {
    content: ' ';
    display: block;
    clear: both
}
html,
body {
    height: 100%
}
mark {
    background: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}
body {
    min-width: 1024px;
    font-family: Verdana, Arial;
    background-color: #ececec;
    box-sizing: border-box
}
body.artist-bg {
    min-width: 1280px
}
body.artist-view {
    min-width: 918px
}
body.pdf {
    min-width: 1024px;
    background: url("/st/portal/media/images/main_page/bg-body.png")
}
* {
    font-family: Verdana
}
strong,
b {
    font-weight: bold
}
.text-italic {
    font-style: italic !important
}
.line-nav {
    padding: 0;
    margin: 0;
    height: 0;
    width: 100%;
    background-color: #DADFDF;
    border-top: 1px solid #DADFDF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 0;
    border-right: 0
}
.line-nav.dark {
    border-top-color: #E3EAEC;
    border-bottom-color: #B6B6B6
}
.container-wrapper {
    position: relative;
    box-sizing: border-box;
    min-height: 100% !important
}
.container-wrapper .left-col {
    float: left;
    width: 250px;
    z-index: 1
}
.container-wrapper .left-col:before {
    content: ' ';
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 250px;
    box-shadow: 0 0 4px 1px rgba(130, 130, 130, 0.5);
    -moz-box-shadow: 0 0 4px 1px rgba(130, 130, 130, 0.5);
    -webkit-box-shadow: 0 0 4px 1px rgba(130, 130, 130, 0.5);
    background: url(/st/portal/media/images/column-bg.png) #581f52 no-repeat top left fixed
}
.container-wrapper .left-col .logo-container {
    height: 114px;
    position: relative
}
.container-wrapper .left-col .logo-container a {
    position: absolute;
    width: 100%;
    height: 114px;
    top: 0;
    left: 0;
    text-align: center
}
.container-wrapper .left-col .logo-container a img {
    width: auto;
    height: 114px;
    max-width: 100%
}
.container-wrapper .left-col .fix-container-nav {
    width: 250px;
    position: relative
}
.container-wrapper .left-col ul.nav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
    width: 250px
}
.container-wrapper .left-col ul.nav li {
    position: relative
}
.container-wrapper .left-col ul.nav li hr.line-nav.top {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    display: none
}
.container-wrapper .left-col ul.nav li hr.line-nav.bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    display: none
}
.container-wrapper .left-col ul.nav li i.icon-nav,
.container-wrapper .left-col ul.nav li .fa {
    visibility: hidden
}
.container-wrapper .left-col ul.nav li a {
    box-sizing: border-box;
    display: table-cell;
    height: 51px;
    width: 250px;
    vertical-align: middle;
    padding: 0 13px 0 11px;
    font: 12px Verdana;
    color: #f8d8ee;
    text-shadow: 0px -1px 0px #000;
    text-decoration: none;
    cursor: pointer;
    line-height: 16px;
    border: none;
    border-top: 1px solid #94638A
}
.container-wrapper .left-col ul.nav li a .icon-nav {
    margin-right: 14px
}
.container-wrapper .left-col ul.nav li a .fa-chevron-down {
    margin-right: 14px;
    font-size: 14px;
    position: relative;
    top: 0px
}
.container-wrapper .left-col ul.nav li a .balance {
    font: bold 19px Verdana;
    margin-top: -4px;
    position: relative;
    right: 0
}
.container-wrapper .left-col ul.nav li a .item {
    font: 20px Verdana;
    font-weight: bold;
    margin-top: -5px
}
.container-wrapper .left-col ul.nav li:hover,
.container-wrapper .left-col ul.nav li.show-dropdown {
    background: rgba(29, 29, 29, 0.2)
}
.container-wrapper .left-col ul.nav li:hover a,
.container-wrapper .left-col ul.nav li.show-dropdown a {
    color: #fff;
    border-color: #785075
}
.container-wrapper .left-col ul.nav li.active,
.container-wrapper .left-col ul.nav li.active:hover {
    background: rgba(29, 29, 29, 0.2)
}
.container-wrapper .left-col ul.nav li.active a,
.container-wrapper .left-col ul.nav li.active:hover a {
    color: #fff;
    border-color: #785075
}
.container-wrapper .left-col ul.nav li.active a,
.container-wrapper .left-col ul.nav li.active:hover a {
    color: #fff
}
.container-wrapper .left-col ul.nav li.active a .icon-nav,
.container-wrapper .left-col ul.nav li.active:hover a .icon-nav {
    background-image: url("/st/portal/media/images/icon-nav-white.png")
}
.container-wrapper .left-col ul.nav li.active a .balance,
.container-wrapper .left-col ul.nav li.active:hover a .balance {
    color: #fff
}
.container-wrapper .left-col ul.nav li.active a .item,
.container-wrapper .left-col ul.nav li.active:hover a .item {
    color: #fff
}
.container-wrapper .left-col ul.nav li ul {
    display: none
}
.container-wrapper .left-col ul.nav li ul li a {
    padding-left: 40px;
    box-sizing: border-box;
    border: none
}
.container-wrapper .left-col ul.nav li.dropdown-menu i.icon-nav,
.container-wrapper .left-col ul.nav li.dropdown-menu .fa {
    visibility: visible
}
.container-wrapper .left-col ul.nav li.dropdown-menu ul {
    background-color: none
}
.container-wrapper .left-col ul.nav li.dropdown-menu ul li:hover,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active:hover {
    background: rgba(29, 29, 29, 0.2)
}
.container-wrapper .left-col ul.nav li.dropdown-menu ul li:hover a,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active a,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active:hover a {
    color: #fff
}
.container-wrapper .left-col ul.nav li.dropdown-menu ul li:hover a .item,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active a .item,
.container-wrapper .left-col ul.nav li.dropdown-menu ul li.active:hover a .item {
    color: #fff
}
.container-wrapper .left-col ul.nav li.dropdown-menu.active ul {
    background: rgba(29, 29, 29, 0.2)
}
.container-wrapper .left-col ul.nav li.dropdown-menu.active ul li a {
    color: #434E47
}
.container-wrapper .left-col ul.nav li.dropdown-menu.active ul li:hover a,
.container-wrapper .left-col ul.nav li.dropdown-menu.active ul li:active a {
    color: #fff
}
.container-wrapper .left-col ul.nav li.dropdown-menu.show-dropdown {
    background: rgba(29, 29, 29, 0.2)
}
.container-wrapper .left-col ul.nav li.dropdown-menu.show-dropdown .fa-chevron-down {
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.container-wrapper .left-col ul.nav li.dropdown-menu.show-dropdown.current ul {
    display: block
}
.container-wrapper .content {
    float: right;
    width: 100%;
    margin-left: -250px;
    background-color: #ececec
}
.container-wrapper .content .in-wrap {
    padding: 0 30px 61px 30px;
    margin-left: 250px;
    max-width: 1100px
}
.container-wrapper .content .head {
    min-height: 57px;
    padding-top: 43px
}
.container-wrapper .content .head h1 {
    font-size: 28px;
    color: #000;
    margin-top: -5px;
    margin-left: 8px
}
.container-wrapper .content .head .user {
    width: auto;
    cursor: pointer
}
.container-wrapper .content .head .user .info-user {
    width: auto;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    min-height: 20px;
    padding-top: 5px
}
.container-wrapper .content .head .user .info-user .icon-row {
    margin-right: 4px;
    float: none;
    display: inline-block
}
.container-wrapper .content .head .user .fa {
    color: #cc0f8d
}
.container-data-p {
    margin-bottom: 35px
}
.content-datas h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 8px;
    padding-left: 8px
}
.content-datas h3 a {
    text-decoration: none;
    font-size: inherit
}
.content-datas .container-data {
    border: 1px solid #C1C7C9;
    background-color: #fff;
    margin-bottom: 35px;
    box-shadow: 0 2px 2px 1px #ccd3d5;
    -moz-box-shadow: 0 2px 2px 1px #ccd3d5;
    -webkit-box-shadow: 0 2px 2px 1px #ccd3d5
}
.content-datas .container-data .title-container {
    padding: 13px 48px 13px 29px
}
.content-datas .container-data .title-container .h4 {
    font-size: 18px;
    color: #555555
}
.content-datas .container-data .title-container .h4.pull-left {
    margin-top: 2px
}
.content-datas .container-data .title-container .select-head {
    width: 122px;
    margin-right: 21px
}
.content-datas .container-data .title-container .load-file-name {
    font-size: 12px;
    color: #CC0F8D;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 34px;
    line-height: 25px
}
.content-datas .container-data .title-container .container-fields-form {
    margin-right: 21px
}
.content-datas .container-data .title-container .container-fields-form .field {
    margin-left: 25px
}
.content-datas .container-data .title-container .container-fields-form .field:first-child {
    margin-left: 0
}
.content-datas .container-data .title-container .container-fields-form .field:after {
    content: ' ';
    display: block;
    clear: both
}
.content-datas .container-data .title-container .container-fields-form .field label {
    font-size: 18px;
    color: #555;
    margin-right: 7px;
    line-height: 29px
}
.content-datas .container-data .title-container .container-fields-form .field .field-control {
    width: 122px !important
}
.content-datas .container-data .container-fields-hide {
    padding: 14px 31px 7px 31px;
    background: #FAFCFD;
    position: relative;
    display: none
}
.content-datas .container-data .container-fields-hide:after,
.content-datas .container-data .container-fields-hide:before {
    content: ' ';
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    background: url("/st/portal/media/images/bg-container-fields.png") repeat-x 0 0;
    z-index: 0
}
.content-datas .container-data .container-fields-hide:after {
    top: 0
}
.content-datas .container-data .container-fields-hide:before {
    background-position: left bottom;
    bottom: 0
}
.content-datas .container-data .container-fields-hide.vis {
    display: block
}
.content-datas .container-data .container-fields-hide.vis+hr {
    display: none
}
.content-datas .container-data .container-fields-hide .in-block {
    position: relative;
    z-index: 1
}
.content-datas .container-data .container-fields-hide .in-block .text-padding p {
    padding: 8px 79px 10px 0;
    color: #555
}
.content-datas .container-data .container-fields-hide.nopadding {
    padding-top: 0;
    padding-bottom: 0
}
.content-datas .container-data .container-fields-hide.nopaddingAll {
    padding: 10px 15px 21px 15px
}
.content-datas .container-data .container-fields-hide h5 {
    padding: 20px 0 3px 15px;
    font-size: 12px;
    color: #555555
}
.content-datas .container-data.upload-container {
    padding: 15px 18px;
    margin-bottom: 35px
}
.content-datas .container-data.upload-container.album {
    padding: 14px 18px
}
.content-datas .check-group {
    padding-top: 10px
}
.content-datas .check-group ul {
    list-style: none
}
.content-datas .check-group ul li {
    margin-bottom: 10px
}
.inp label {
    display: block;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0 3px 3%;
    font-size: 12px;
    color: #9A9A9A
}
.shops {
    padding: 10px 30px 11px 30px
}
.shops .pull-left {
    width: 268px;
    margin-right: 36px
}
.shops .pull-left .chosen-container {
    margin-bottom: 9px
}
.btn-group-margin .btn {
    margin-right: 22px
}
.footer {
    background-color: #3f4143;
    min-height: 107px
}
.footer .right {
    width: 100%;
    float: right;
    margin-left: -250px
}
.footer .right .in-block {
    margin-left: 250px;
    padding-left: 63px;
    padding-right: 41px;
    max-width: 1056px
}
.footer .right .in-block .nav-footer {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 28px 0 12px 0
}
.footer .right .in-block .nav-footer li {
    margin-bottom: 4px
}
.footer .right .in-block .nav-footer li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.footer .right .in-block .nav-footer li a:hover {
    text-decoration: underline
}
.footer .right .in-block .share {
    padding-top: 23px;
    text-align: right;
    width: auto
}
.footer .right .in-block .share a {
    margin: 0;
    margin-left: 6px
}
.footer .left .in-block {
    padding-left: 41px;
    padding-top: 22px;
    padding-bottom: 10px
}
.footer .left .in-block p {
    width: auto;
    height: 28px;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 21px
}
.footer .left .in-block p span {
    margin-right: 16px
}
.footer .left .in-block p a {
    margin-right: 6px
}
.footer .left .in-block small {
    font: 9px Arial;
    color: #686B6C
}
.footer .icon-footer {
    float: left;
    width: 27px;
    height: 27px;
    background: url("/st/portal/media/images/share.png") no-repeat 0 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
}
.footer .icon-footer:hover {
    opacity: 0.7
}
.footer .icon-footer.skype {
    background-position: 0 -54px
}
.footer .icon-footer.email {
    background-position: 0 -27px
}
.footer .icon-footer.vk {
    background-position: 0 0
}
.footer .icon-footer.fs {
    background-position: 0 -81px
}
.footer .icon-footer.google {
    background-position: 0 -108px
}
.footer .icon-footer.yt {
    background-position: 0 -135px
}
.foot-info {
    height: 43px;
    background: url(/st/portal/media/images/main_page/bg-foot.png);
    overflow: hidden
}
.foot-info .in-block {
    width: 86%;
    max-width: 1200px;
    margin: 0 auto;
    height: inherit;
    position: relative
}
.foot-info .share {
    float: left;
    margin-left: 26px;
    margin-top: 8px
}
.foot-info .icon-footer {
    float: left;
    width: 27px;
    height: 27px;
    background: url(/st/portal/media/images/share.png) no-repeat 0 0;
    cursor: pointer;
    margin-left: 8px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
}
.foot-info .icon-footer:hover {
    opacity: 0.5
}
.foot-info .icon-footer.skype {
    background-position: 0 -54px
}
.foot-info .icon-footer.email {
    background-position: 0 -27px
}
.foot-info .icon-footer.vk {
    background-position: 0 0
}
.foot-info .icon-footer.fs {
    background-position: 0 -81px
}
.foot-info .icon-footer.google {
    background-position: 0 -108px
}
.foot-info .icon-footer.yt {
    background-position: 0 -135px
}
.foot-info .left {
    float: left;
    height: 43px;
    font: 9px Verdana;
    color: #8f8f8f;
    width: auto;
    line-height: 43px
}
.foot-info .right {
    float: right;
    width: auto
}
.foot-info .right .nav-footer {
    float: left;
    line-height: 43px
}
.foot-info .right .nav-footer a {
    font-size: 14px;
    font-family: Verdana, Arial;
    color: #B2B5B7;
    margin-left: 26px;
    cursor: pointer;
    text-decoration: none
}
.foot-info .right .nav-footer a:hover {
    color: #8A8C8E
}
.area-upload {
    position: relative;
    background: url("/st/portal/media/images/bg-upload.png");
    border: 1px solid;
    border-color: #8A8E8F #A0A5A7 transparent #A0A5A7;
    box-shadow: inset 0 2px 3px 1px rgba(138, 142, 143, 0.46)
}
.area-upload .info {
    text-align: center
}
.area-upload .info h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 5px
}
.area-upload .info p {
    font-size: 12px;
    color: #000
}
.area-upload .info p.formats {
    color: #818181
}
.area-upload.music {
    height: 140px;
    text-align: center
}
.area-upload.music .info {
    padding: 10px 20px 3px 20px
}
.area-upload.music .info p {
    margin-bottom: 20px
}
.area-upload.music .info p.formats {
    margin-bottom: 0
}
.area-upload.ringtone {
    height: 170px;
    text-align: center;
    box-sizing: border-box
}
.area-upload.ringtone .info {
    padding: 10px 20px 3px 20px
}
.area-upload.ringtone .info p {
    margin-bottom: 0
}
.area-upload.ringtone .info p.formats {
    margin-bottom: 0
}
.area-upload.ringtone .info h4 {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px
}
.area-upload.album {
    height: 256px;
    width: 256px;
    text-align: center
}
.area-upload.album .info {
    padding: 73px 20px 3px 20px
}
.area-upload.album .info img {
    margin-bottom: 5px
}
.area-upload.album .info h4 {
    margin-bottom: 15px
}
.area-upload.album .info p {
    margin-bottom: 60px
}
.area-upload.album .info p.formats {
    margin-bottom: 0
}
.area-upload .opacity-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: none;
    cursor: pointer;
    box-sizing: border-box
}
.area-upload .opacity-block .loading-upload {
    width: 81px;
    height: 81px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px
}
.area-upload .opacity-block .loading-upload .progress-radial {
    margin: 0;
    padding: 0;
    border: none;
    width: 81px;
    height: 81px
}
.area-upload .opacity-block .loading-upload .progress-radial .overlay {
    background: url("/st/portal/media/images/bg-upload.png");
    width: 51px;
    height: 51px;
    margin: 15px
}
.upload-ringtone-success {
    min-width: 1px;
    width: 1%;
    position: relative;
    display: table-cell;
    height: 121px;
    vertical-align: middle;
    text-align: center;
    background: #F5FAFB;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    padding: 10px
}
.upload-ringtone-success .title {
    font-size: 54px;
    color: #000;
    margin-bottom: 5px
}
.upload-ringtone-success .title .loading {
    width: 50px;
    height: 50px;
    margin: 0 auto
}
.upload-ringtone-success .title .loading .progress-radial {
    width: 50px;
    height: 50px
}
.upload-ringtone-success .title .loading .progress-radial .overlay {
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px
}
.upload-ringtone-success .name {
    font-size: 18px;
    color: #cc0f8d
}
.upload-ringtone-success .name .fa {
    font-size: 54px;
    color: #000;
    margin-right: 10px
}
.upload-ringtone-success .close {
    position: absolute;
    font-size: 17px;
    top: 3px;
    right: 6px;
    cursor: pointer
}
.upload-ringtone-success .close:hover {
    opacity: 0.7
}
.fluid-container-album .right {
    width: 100%;
    float: right;
    margin-left: -296px
}
.fluid-container-album .right .in-block {
    margin-left: 296px;
    padding-left: 13px
}
.fluid-container-album .right .in-block .container-data {
    padding: 18px 34px 24px 34px
}
.fluid-container-album .left {
    width: 296px
}
.fluid-container-album.select-album-s1 .right {
    margin-left: -180px
}
.fluid-container-album.select-album-s1 .right .in-block {
    margin-left: 180px;
    padding-left: 10px
}
.fluid-container-album.select-album-s1 .left {
    width: 180px
}
.fluid-container-album.album-edit-container .right {
    margin-left: -99px
}
.fluid-container-album.album-edit-container .right .in-block,
.fluid-container-album.album-edit-container .right .in-cont {
    margin-left: 99px
}
.fluid-container-album.album-edit-container .left {
    width: 99px;
    
}
.fluid-container-album.container-artist .right {
    margin-left: -256px
}
.fluid-container-album.container-artist .right .in-cont {
    padding-left: 304px
}
.fluid-container-album.container-artist .left {
    width: 256px
}
.substr {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.line-string {
    color: #555555;
    font-size: 12px;
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
    position: relative;
    display: block;
    line-height: 16px;
    white-space: nowrap
}
.line-string span.num {
    margin-right: 5px
}
.line-string span.label-data {
    font-size: 9px;
    color: #168F5F;
    font-style: italic;
    cursor: pointer;
    float: left
}
.line-string span.is-hid {
    float: left;
    margin-left: 3px
}
.line-string span.is-hid.substr {
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.line-string.substr {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.line-string .dropdown {
    display: none;
    margin-top: 10px;
    margin-right: 10px
}
.line-string.big {
    font-size: 14px;
    font-weight: bold;
    color: #000 !important
}
.line-string.big.substr {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.line-string.big.size-16 {
    font-size: 16px
}
.line-string.normal {
    font-size: 14px;
    color: #000 !important
}
.edit {
    display: inline-block;
    *display: inline;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url("/st/portal/media/images/edit-column2.png") no-repeat 0 0
}
.itunes_red {
    display: inline-block;
    *display: inline;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    top: -6px;
}
.itunes_yellow {
    display: inline-block;
    *display: inline;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: #FFFF00;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    top: -6px;
}
.itunes_green {
    display: inline-block;
    *display: inline;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: #00b700;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    top: -6px;
}
.edit.save {
    background-image: url("/st/portal/media/images/edit-column-act2.png")
}
.edit:hover {
    background-position: 0 -27px
}
.table-tracks {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}
.table-tracks li.thead,
.table-tracks li.tbody {
    width: 100%;
    display: table-row;
    background-color: #fff
}
.table-tracks li.thead div.td,
.table-tracks li.thead div.th,
.table-tracks li.tbody div.td,
.table-tracks li.tbody div.th {
    display: table-cell;
    padding: 14px 10px;
    vertical-align: top;
    border-bottom: 1px solid #C2C2C2;
    background-color: #fff
}
.table-tracks li.thead div.td.error,
.table-tracks li.thead div.th.error,
.table-tracks li.tbody div.td.error,
.table-tracks li.tbody div.th.error {
    background-image: url("/st/portal/media/images/warning-col.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-width: 39px;
    min-height: 35px
}
.table-tracks li.thead div.td.middle,
.table-tracks li.thead div.th.middle,
.table-tracks li.tbody div.td.middle,
.table-tracks li.tbody div.th.middle {
    vertical-align: middle
}
.table-tracks li.thead div.td:first-child,
.table-tracks li.thead div.th:first-child,
.table-tracks li.tbody div.td:first-child,
.table-tracks li.tbody div.th:first-child {
    position: relative
}
.table-tracks li.thead div.td:first-child:before,
.table-tracks li.thead div.th:first-child:before,
.table-tracks li.tbody div.td:first-child:before,
.table-tracks li.tbody div.th:first-child:before {
    content: ' ';
    height: 1px;
    position: absolute;
    width: 200px;
    bottom: -1px;
    left: 0;
    background: -o-linear-gradient(45deg, #fff, #c2c2c2);
    background: -moz-linear-gradient(45deg, #fff, #c2c2c2);
    background: -webkit-linear-gradient(45deg, #fff, #c2c2c2);
    background: -ms-linear-gradient(45deg, #fff, #c2c2c2);
    z-index: 2
}
.table-tracks li.thead div.td:last-child,
.table-tracks li.thead div.th:last-child,
.table-tracks li.tbody div.td:last-child,
.table-tracks li.tbody div.th:last-child {
    position: relative
}
.table-tracks li.thead div.td:last-child:before,
.table-tracks li.thead div.th:last-child:before,
.table-tracks li.tbody div.td:last-child:before,
.table-tracks li.tbody div.th:last-child:before {
    content: ' ';
    height: 1px;
    position: absolute;
    width: 200px;
    bottom: -1px;
    right: 0;
    background: -o-linear-gradient(45deg, #c2c2c2, #fff);
    background: -moz-linear-gradient(45deg, #c2c2c2, #fff);
    background: -webkit-linear-gradient(45deg, #c2c2c2, #fff);
    background: -ms-linear-gradient(45deg, #c2c2c2, #fff);
    z-index: 2
}
.table-tracks li.thead div.td.notLine:before,
.table-tracks li.thead div.td.notLine:after,
.table-tracks li.thead div.th.notLine:before,
.table-tracks li.thead div.th.notLine:after,
.table-tracks li.tbody div.td.notLine:before,
.table-tracks li.tbody div.td.notLine:after,
.table-tracks li.tbody div.th.notLine:before,
.table-tracks li.tbody div.th.notLine:after {
    display: none
}
.table-tracks li.thead div.td.th,
.table-tracks li.thead div.th.th,
.table-tracks li.tbody div.td.th,
.table-tracks li.tbody div.th.th {
    padding: 9px 10px;
    font-size: 12px;
    color: #8B8B8B;
    vertical-align: bottom
}
.table-tracks li.thead div.td.hidden-text,
.table-tracks li.thead div.th.hidden-text,
.table-tracks li.tbody div.td.hidden-text,
.table-tracks li.tbody div.th.hidden-text {
    position: relative
}
.table-tracks li.thead div.td.hidden-text:after,
.table-tracks li.thead div.th.hidden-text:after,
.table-tracks li.tbody div.td.hidden-text:after,
.table-tracks li.tbody div.th.hidden-text:after {
    content: ' ';
    position: absolute;
    width: 38px;
    height: 100%;
    top: 0;
    right: 0;
    background: url("/st/portal/media/images/text-hide-white.png") repeat-y 0 0;
    z-index: 5
}
.table-tracks li.thead div.td div.error,
.table-tracks li.thead div.th div.error,
.table-tracks li.tbody div.td div.error,
.table-tracks li.tbody div.th div.error {
    text-align: center
}
.table-tracks li.thead div.td div.error img,
.table-tracks li.thead div.th div.error img,
.table-tracks li.tbody div.td div.error img,
.table-tracks li.tbody div.th div.error img {
    cursor: pointer
}
.table-tracks li.thead div.td.col-1,
.table-tracks li.thead div.th.col-1,
.table-tracks li.tbody div.td.col-1,
.table-tracks li.tbody div.th.col-1 {
    min-width: 44px
}
.table-tracks li.thead div.td.col-9,
.table-tracks li.thead div.th.col-9,
.table-tracks li.tbody div.td.col-9,
.table-tracks li.tbody div.th.col-9 {
    padding-left: 0;
    padding-right: 0;
    font-size: 9px;
    color: #555;
    line-height: 16px
}
.table-tracks li.thead div.td.col-2,
.table-tracks li.thead div.td.col-3,
.table-tracks li.thead div.td.col-4,
.table-tracks li.thead div.td.col-5,
.table-tracks li.thead div.th.col-2,
.table-tracks li.thead div.th.col-3,
.table-tracks li.thead div.th.col-4,
.table-tracks li.thead div.th.col-5,
.table-tracks li.tbody div.td.col-2,
.table-tracks li.tbody div.td.col-3,
.table-tracks li.tbody div.td.col-4,
.table-tracks li.tbody div.td.col-5,
.table-tracks li.tbody div.th.col-2,
.table-tracks li.tbody div.th.col-3,
.table-tracks li.tbody div.th.col-4,
.table-tracks li.tbody div.th.col-5 {
    width: 22%
}
.table-tracks li.thead div.td.col-4,
.table-tracks li.thead div.th.col-4,
.table-tracks li.tbody div.td.col-4,
.table-tracks li.tbody div.th.col-4 {
    width: 30%
}
.table-tracks li.thead div.td.col-300,
.table-tracks li.thead div.th.col-300,
.table-tracks li.tbody div.td.col-300,
.table-tracks li.tbody div.th.col-300 {
    width: 300px
}
.table-tracks li.thead div.td .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.thead div.td .field .chosen-container.chosen-container-multi,
.table-tracks li.thead div.th .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.thead div.th .field .chosen-container.chosen-container-multi,
.table-tracks li.tbody div.td .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.tbody div.td .field .chosen-container.chosen-container-multi,
.table-tracks li.tbody div.th .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.tbody div.th .field .chosen-container.chosen-container-multi {
    min-height: 25px;
    height: auto
}
.table-tracks li.thead div.td .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.thead div.th .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.tbody div.td .field .chosen-container.chosen-container-multi ul.chosen-choices,
.table-tracks li.tbody div.th .field .chosen-container.chosen-container-multi ul.chosen-choices {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: none !important;
    padding: 5px
}
.table-tracks li.thead div.td .field .chosen-container.chosen-container-multi ul.chosen-choices li.search-field,
.table-tracks li.thead div.th .field .chosen-container.chosen-container-multi ul.chosen-choices li.search-field,
.table-tracks li.tbody div.td .field .chosen-container.chosen-container-multi ul.chosen-choices li.search-field,
.table-tracks li.tbody div.th .field .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
    height: 19px;
    line-height: 19px
}
.table-tracks li.thead div.td .field .chosen-container.chosen-container-multi .chosen-drop,
.table-tracks li.thead div.th .field .chosen-container.chosen-container-multi .chosen-drop,
.table-tracks li.tbody div.td .field .chosen-container.chosen-container-multi .chosen-drop,
.table-tracks li.tbody div.th .field .chosen-container.chosen-container-multi .chosen-drop {
    display: none !important
}
.table-tracks li.thead div.td .field .chosen-choices .search-field input[type="text"],
.table-tracks li.thead div.th .field .chosen-choices .search-field input[type="text"],
.table-tracks li.tbody div.td .field .chosen-choices .search-field input[type="text"],
.table-tracks li.tbody div.th .field .chosen-choices .search-field input[type="text"] {
    width: 100% !important
}
.table-tracks .table-thead {
    display: table-header-group
}
.table-tracks .table-tbody {
    display: table-row-group
}
.table-tracks.stat-shops-album li.thead div.th.col-1,
.table-tracks.stat-shops-album li.thead div.td.col-1,
.table-tracks.stat-shops-album li.tbody div.th.col-1,
.table-tracks.stat-shops-album li.tbody div.td.col-1 {
    min-width: 100%;
    width: auto
}
.table-tracks.stat-shops-album li.thead div.th.col-2,
.table-tracks.stat-shops-album li.thead div.td.col-2,
.table-tracks.stat-shops-album li.tbody div.th.col-2,
.table-tracks.stat-shops-album li.tbody div.td.col-2 {
    width: 200px
}
.table-tracks.stat-shops-album li.thead div.th.col-3,
.table-tracks.stat-shops-album li.thead div.td.col-3,
.table-tracks.stat-shops-album li.tbody div.th.col-3,
.table-tracks.stat-shops-album li.tbody div.td.col-3 {
    width: 149px
}
.table-tracks.stat-shops-album li.thead div.th.right,
.table-tracks.stat-shops-album li.thead div.td.right,
.table-tracks.stat-shops-album li.tbody div.th.right,
.table-tracks.stat-shops-album li.tbody div.td.right {
    text-align: right
}
.table-tracks.stat-shops-album li.thead div.th.center,
.table-tracks.stat-shops-album li.thead div.td.center,
.table-tracks.stat-shops-album li.tbody div.th.center,
.table-tracks.stat-shops-album li.tbody div.td.center {
    text-align: center
}
.table-tracks.stat-shops-album li.thead div.th {
    height: 30px;
    color: #555;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: none
}
.table-tracks.stat-shops-album li.thead div.th:first-child {
    position: relative
}
.table-tracks.stat-shops-album li.thead div.th:first-child:before {
    display: none
}
.table-tracks.stat-shops-album li.thead div.th:last-child {
    position: relative
}
.table-tracks.stat-shops-album li.thead div.th:last-child:before {
    display: none
}
.table-tracks.stat-shops-album li.thead.line-gray div.th {
    background: url("/st/portal/media/images/line-gray.png") repeat-x 0 0;
    height: 10px;
    padding: 0;
    margin: 0
}
.table-tracks.stat-shops-album li.tbody div.td {
    font-size: 16px;
    color: #000;
    padding-top: 12px;
    padding-bottom: 12px
}
.table-tracks.stat-shops-album li.tbody.error div.td {
    background: #FFD7D7
}
.table-tracks.stat-shops-album li.tbody.error div.td.col-3 {
    background: #FF0404;
    color: #fff
}
.table-tracks.stat-shops-album li.tbody.moder div.td {
    background: #EDEDED
}
.table-tracks.stat-shops-album li.tbody.moder div.td.col-3 {
    background: #B8B8B8;
    color: #fff
}
.table-tracks.albums li.thead div.td.center,
.table-tracks.albums li.thead div.th.center,
.table-tracks.albums li.tbody div.td.center,
.table-tracks.albums li.tbody div.th.center {
    text-align: center
}
.table-tracks.albums li.thead div.td.bottom,
.table-tracks.albums li.thead div.th.bottom,
.table-tracks.albums li.tbody div.td.bottom,
.table-tracks.albums li.tbody div.th.bottom {
    vertical-align: bottom
}
.table-tracks.albums li.thead div.td.td p,
.table-tracks.albums li.thead div.th.td p,
.table-tracks.albums li.tbody div.td.td p,
.table-tracks.albums li.tbody div.th.td p {
    color: #555555
}
.table-tracks.albums li.thead div.td.col-1,
.table-tracks.albums li.thead div.th.col-1,
.table-tracks.albums li.tbody div.td.col-1,
.table-tracks.albums li.tbody div.th.col-1 {
    min-width: 10px
}
.table-tracks.albums li.thead div.td.col-2,
.table-tracks.albums li.thead div.th.col-2,
.table-tracks.albums li.tbody div.td.col-2,
.table-tracks.albums li.tbody div.th.col-2 {
    width: 54px
}
.table-tracks.albums li.thead div.td.col-4,
.table-tracks.albums li.thead div.th.col-4,
.table-tracks.albums li.tbody div.td.col-4,
.table-tracks.albums li.tbody div.th.col-4 {
    width: 18%
}
.table-tracks.albums li.thead div.td.col-5,
.table-tracks.albums li.thead div.td.col-6,
.table-tracks.albums li.thead div.td.col-7,
.table-tracks.albums li.thead div.th.col-5,
.table-tracks.albums li.thead div.th.col-6,
.table-tracks.albums li.thead div.th.col-7,
.table-tracks.albums li.tbody div.td.col-5,
.table-tracks.albums li.tbody div.td.col-6,
.table-tracks.albums li.tbody div.td.col-7,
.table-tracks.albums li.tbody div.th.col-5,
.table-tracks.albums li.tbody div.th.col-6,
.table-tracks.albums li.tbody div.th.col-7 {
    width: 16%
}
.table-tracks.albums li.thead div.td.col-8,
.table-tracks.albums li.thead div.th.col-8,
.table-tracks.albums li.tbody div.td.col-8,
.table-tracks.albums li.tbody div.th.col-8 {
    text-align: right
}
.table-tracks.albums li.thead div.td.col-6 .field,
.table-tracks.albums li.thead div.th.col-6 .field,
.table-tracks.albums li.tbody div.td.col-6 .field,
.table-tracks.albums li.tbody div.th.col-6 .field {
    width: 120px
}
.table-tracks.albums li.thead div.td .album-img img,
.table-tracks.albums li.thead div.th .album-img img,
.table-tracks.albums li.tbody div.td .album-img img,
.table-tracks.albums li.tbody div.th .album-img img {
    width: auto;
    max-width: 60px;
    height: auto;
    max-height: 100%;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 0 2px 1px #ECECEC;
    -moz-box-shadow: 0 0 2px 1px #ECECEC;
    -webkit-box-shadow: 0 0 2px 1px #ECECEC;
    padding: 1px
}
.append-new {
    display: block;
    float: left;
    padding-top: 10px
}
.apply {
    background: #41C1AC;
    background: -o-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -moz-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -webkit-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -ms-linear-gradient(90deg, #a30c71, #cc0f8d);
    border-top: 1px solid #a30c71;
    border-right: none;
    border-bottom: none;
    color: #fff;
    display: block;
    float: right;
    text-decoration: none;
    padding: 0 25px;
    height: 38px;
    margin-right: 32px;
    cursor: pointer
}
.apply:hover {
    color: #fff;
    background: #a30c71
}
.container-table {
    padding: 10px 5px 0 10px
}
.add-album {
    height: 77px;
    padding-left: 55px;
    line-height: 70px
}
.add-album.card {
    padding-left: 25px
}
.add-album a {
    font-size: 12px;
    cursor: pointer
}
.add-album a.bolder-text {
    font-size: 14px;
    font-weight: bold
}
.total-money {
    text-align: right;
    padding: 13px 68px 13px 0
}
.total-money p {
    color: #555;
    font-size: 12px;
    line-height: 29px
}
.total-money p span {
    font-size: 29px;
    font-weight: bold;
    color: #cc0f8d;
    float: right;
    margin-left: 10px
}
.footer-container {
    background: #fff url("/st/portal/media/images/line-bg-cont-footer.png") repeat-y top center;
    padding: 18px 25px 23px 25px;
    text-align: right
}
.footer-container.left {
    text-align: left
}
.album-edit {
    padding: 17px 0 0 0
}
.album-edit.only-tracks {
    padding: 10px 0 0 0
}
.album-edit .album-edit-container .left .in-block {
    width: auto;
    padding: 0
}
.album-edit .album-edit-container .left .in-block .button-block {
    width: 29px;
    height: 70px;
    text-align: center;
    line-height: 70px
}
.album-edit .album-edit-container .left .in-block .img-album {
    width: 70px
}
.album-edit .album-edit-container .left .in-block .img-album img {
    width: auto;
    max-width: 100%;
    min-width: 68px;
    height: auto;
    max-height: 100%;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1px
}
.album-edit .album-edit-container .left .in-block .img-album p.doc {
    font-size: 11px;
    margin: 5px 0;
    color: #999;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.album-edit .album-edit-container .right .edit {
    margin-left: 25px
}
.album-edit .album-edit-container .right .in-block {
    padding: 0
}
.album-edit .album-edit-container .right .in-block .head-album {
    padding: 0 13px 10px 20px
}
.album-edit .album-edit-container .right .in-block .head-album .substr {
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.album-edit .album-edit-container .right .in-block .head-album .toggle-slide {
    cursor: pointer;
    float: left
}
.album-edit .album-edit-container .right .in-block .head-album .toggle-slide .pull-left {
    margin-right: 4px;
    width: auto
}
.album-edit .album-edit-container .right .in-block .head-album .toggle-slide.deg .icon-row {
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.album-edit .album-edit-container .right .in-block .head-album .err .err-text {
    text-transform: uppercase;
    font-size: 14px;
    color: #FF0000;
    margin-right: 10px
}
.album-edit .album-edit-container .right .in-block .head-album .err .edit {
    margin-left: 25px
}
.album-edit .album-edit-container .right .in-block .info-album {
    padding: 10px 10px 0 20px;
    color: #818181;
    font-size: 12px
}
.album-edit .album-edit-container .right .in-block .info-album.bottom,
.album-edit .album-edit-container .right .in-block .info-album:last-child,
.album-edit .album-edit-container .right .in-block .info-album:first-child+.info-album {
    padding-bottom: 3px
}
.album-edit .album-edit-container .right .in-block .info-album span {
    margin-right: 25px
}
.album-edit .album-edit-container .right .in-block .info-album span span {
    margin-right: 0
}
.album-edit .album-edit-container .right .in-block .info-album span:last-child {
    margin-right: 0
}
.info-status {
    text-transform: uppercase;
    font-size: 14px;
    color: #cc0f8d;
    white-space: nowrap
}
.line-gray {
    background: url("/st/portal/media/images/line-gray.png") repeat-x;
    margin: 0;
    padding: 0;
    height: 10px
}
.save-track {
    position: absolute;
    right: 100%;
    margin-right: 8px;
    cursor: pointer;
    top: 7px
}
.list-music {
    padding-left: 119px
}
.list-music ul li {
    padding: 0;
    background-color: #F5F5F5;
    position: relative;
    border-top: 1px solid #E8E8E8;
    position: relative
}
.list-music ul li .head-track {
    cursor: pointer;
    padding: 10px 27px 10px 15px;
    position: relative
}
.list-music ul li:nth-child(even) {
    background-color: #FDFDFD
}
.list-music ul li:nth-child(even):hover {
    background-color: #F3F3F3
}
.list-music ul li:hover {
    background-color: #F3F3F3
}
.list-music ul li span {
    float: left;
    font-size: 12px
}
.list-music ul li .icon-ringtone {
    position: absolute;
    right: 2px;
    color: #000;
    top: 5px;
    font-size: 22px
}
.list-music ul li .num-track {
    width: 3%;
    color: #818181
}
.list-music ul li .name-track {
    max-width: 63%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.list-music ul li .length-track {
    width: 19%;
    float: right;
    text-align: right;
    color: #818181
}
.list-music ul li ul.info-track {
    display: none;
    padding: 15px;
    margin: 0;
    background-color: #F5E7F5
}
.list-music ul li ul.info-track li {
    padding: 10px 27px 10px 0;
    border: none;
    background: none
}
.list-music ul li ul.info-track li:hover {
    background: none
}
.list-music ul li ul.info-track li:after {
    display: none
}
.list-music ul li.visible-info ul.info-track {
    display: block
}
.list-music ul li:after {
    content: ' ';
    position: absolute;
    height: 1px;
    top: -1px;
    width: 50%;
    left: 0;
    background: -o-linear-gradient(45deg, #fff, #e8e8e8);
    background: -moz-linear-gradient(45deg, #fff, #e8e8e8);
    background: -webkit-linear-gradient(45deg, #fff, #e8e8e8);
    background: -ms-linear-gradient(45deg, #fff, #e8e8e8)
}
.list-music ul li.cd-title {
    font-size: 18px;
    padding: 7px 0 2px 15px;
    color: #000;
    background: none
}
.list-music ul li.cd-title:hover {
    background: none
}
.list-music.player ul li .num-track:not(.play) i {
    display: none
}
.list-music.player ul li:hover .num-track,
.list-music.player ul li.player .num-track,
.list-music.player ul li .num-track.play {
    position: relative;
    visibility: hidden;
    color: #cc0f8d
}
.list-music.player ul li:hover .num-track+span,
.list-music.player ul li.player .num-track+span,
.list-music.player ul li .num-track.play+span {
    color: #cc0f8d
}
.list-music.player ul li:hover .num-track i,
.list-music.player ul li.player .num-track i,
.list-music.player ul li .num-track.play i {
    display: block;
    visibility: visible;
    content: ' ';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 0;
    background: url("/st/portal/media/images/icon-play.png") no-repeat 0 0;
    cursor: pointer
}
.list-music.player ul li:hover .num-track.play i,
.list-music.player ul li.player .num-track.play i,
.list-music.player ul li .num-track.play.play i {
    background-position: 0 -13px
}
.list-music.player ul li:hover .num-track.play.pause i,
.list-music.player ul li.player .num-track.play.pause i,
.list-music.player ul li .num-track.play.play.pause i {
    background-position: 0 0
}
.btn-player {
    display: inline-block;
    *display: inline;
    margin-right: 29px
}
.btn-player .num-track i {
    display: block;
    width: 13px;
    height: 13px;
    background: url("/st/portal/media/images/icon-play.png") no-repeat 0 0;
    cursor: pointer;
    position: relative;
    top: 2px
}
.btn-player .num-track.play i {
    background-position: 0 -13px
}
.btn-player .num-track.play.pause i {
    background-position: 0 0
}
.shops-icon {
    position: relative;
    min-height: 27px;
    width: 130px;
    padding-top: 4px;
    margin-left: 0
}
.shops-icon p {
    font-size: 14px;
    color: #000;
    text-align: right
}
.shops-icon p .pull-left {
    float: none;
    margin-right: 3px
}
.shops-icon p .icon-row {
    position: relative;
    top: -3px
}
.shops-icon.inline {
    display: inline-block;
    width: auto;
    height: auto;
    padding-top: 0;
    top: 5px
}
.shops-icon.inline.text {
    top: 0
}
.shops-icon.inline.text p .icon-row {
    top: 1px
}
.shops-icon .list-icon {
    padding: 10px 11px 0 13px;
    background-color: #F5FAFB;
    border: 1px solid #B7B7B7;
    margin: 0;
    position: absolute;
    z-index: 5;
    right: -28px;
    top: 100%;
    display: none;
    width: 326px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 1px rgba(128, 128, 128, 0.4)
}
.shops-icon .list-icon:before,
.shops-icon .list-icon:after {
    content: ' ';
    position: absolute;
    border: 9px solid;
    border-color: transparent transparent #F5FAFB transparent;
    top: -18px;
    right: 32px
}
.shops-icon .list-icon:before {
    top: -18px;
    border-bottom-color: #B7B7B7
}
.shops-icon .list-icon:after {
    top: -17px
}
.shops-icon:hover .list-icon {
    display: block
}
.shops-icon:hover .list-icon.visible-item {
    display: inline-block
}
.str-icon.pull-left {
    margin: 0 8px
}
.list-icon li,
.str-icon li {
    float: left;
    margin-right: 2px;
    margin-bottom: 12px
}
.list-icon li.clearfix,
.str-icon li.clearfix {
    float: none;
    clear: both;
    margin: 0
}
.list-icon a,
.str-icon a {
    display: block;
    width: 28px;
    height: 19px;
    background-image: url("/st/portal/media/images/icon-shops.png");
    background-repeat: no-repeat
}
.list-icon a.full-name,
.str-icon a.full-name {
    background-image: url("/st/portal/media/images/sprite_stores_artists.png");
    width: 58px;
    height: 17px
}
.list-icon a.inline,
.str-icon a.inline {
    display: inline-block;
    *display: inline
}
.list-icon a.itunes,
.str-icon a.itunes {
    background-position: 0 -31px
}
.list-icon a.itunes:hover,
.str-icon a.itunes:hover {
    background-position: 0 -5px
}
.list-icon a.itunes.full-name,
.str-icon a.itunes.full-name {
    background-position: 0 0
}
.list-icon a.itunes.full-name:hover,
.str-icon a.itunes.full-name:hover {
    background-position: 0 -22px
}
.list-icon a.youtube,
.str-icon a.youtube {
    background-position: -224px -31px
}
.list-icon a.youtube:hover,
.str-icon a.youtube:hover {
    background-position: -224px -5px
}
.list-icon a.youtube.full-name,
.str-icon a.youtube.full-name {
    background-position: 0 -49px;
    height: 16px
}
.list-icon a.youtube.full-name:hover,
.str-icon a.youtube.full-name:hover {
    background-position: 0 -71px
}
.list-icon a.google-play,
.str-icon a.google-play {
    background-position: -56px -31px
}
.list-icon a.google-play:hover,
.str-icon a.google-play:hover {
    background-position: -56px -5px
}
.list-icon a.google-play.full-name,
.str-icon a.google-play.full-name {
    background-position: 0 -140px;
    height: 14px
}
.list-icon a.google-play.full-name:hover,
.str-icon a.google-play.full-name:hover {
    background-position: 0 -158px
}
.list-icon a.spotify,
.str-icon a.spotify {
    background-position: -28px -31px
}
.list-icon a.spotify:hover,
.str-icon a.spotify:hover {
    background-position: -28px -5px
}
.list-icon a.spotify.full-name,
.str-icon a.spotify.full-name {
    background-position: 0 -91px;
    height: 18px
}
.list-icon a.spotify.full-name:hover,
.str-icon a.spotify.full-name:hover {
    background-position: 0 -113px
}
.list-icon a.rdio,
.str-icon a.rdio {
    background-position: -140px -31px
}
.list-icon a.rdio:hover,
.str-icon a.rdio:hover {
    background-position: -140px -5px
}
.list-icon a.rdio.full-name,
.str-icon a.rdio.full-name {
    background-position: 0 -249px;
    height: 13px
}
.list-icon a.rdio.full-name:hover,
.str-icon a.rdio.full-name:hover {
    background-position: 0 -266px
}
.list-icon a.mts,
.str-icon a.mts {
    background-position: -476px -31px
}
.list-icon a.mts:hover,
.str-icon a.mts:hover {
    background-position: -476px -5px
}
.list-icon a.mts.full-name,
.str-icon a.mts.full-name {
    background-position: 0 -778px;
    height: 16px
}
.list-icon a.mts.full-name:hover,
.str-icon a.mts.full-name:hover {
    background-position: 0 -800px
}
.list-icon a.muz,
.str-icon a.muz {
    background-position: -448px -31px
}
.list-icon a.muz:hover,
.str-icon a.muz:hover {
    background-position: -448px -5px
}
.list-icon a.muz.full-name,
.str-icon a.muz.full-name {
    background-position: 0 -734px;
    height: 17px
}
.list-icon a.muz.full-name:hover,
.str-icon a.muz.full-name:hover {
    background-position: 0 -755px
}
.list-icon a.zvooq,
.str-icon a.zvooq {
    background-position: -420px -31px
}
.list-icon a.zvooq:hover,
.str-icon a.zvooq:hover {
    background-position: -420px -5px
}
.list-icon a.zvooq.full-name,
.str-icon a.zvooq.full-name {
    background-position: 0 -669px;
    height: 25px
}
.list-icon a.zvooq.full-name:hover,
.str-icon a.zvooq.full-name:hover {
    background-position: 0 -698px
}
.list-icon a.yandex,
.str-icon a.yandex {
    background-position: -364px -31px
}
.list-icon a.yandex:hover,
.str-icon a.yandex:hover {
    background-position: -364px -5px
}
.list-icon a.yandex.full-name,
.str-icon a.yandex.full-name {
    background-position: 0 -548px;
    height: 23px
}
.list-icon a.yandex.full-name:hover,
.str-icon a.yandex.full-name:hover {
    background-position: 0 -578px
}
.list-icon a.opera,
.str-icon a.opera {
    background-position: -336px -31px
}
.list-icon a.opera:hover,
.str-icon a.opera:hover {
    background-position: -336px -5px
}
.list-icon a.opera.full-name,
.str-icon a.opera.full-name {
    background-position: 0 -500px;
    height: 19px
}
.list-icon a.opera.full-name:hover,
.str-icon a.opera.full-name:hover {
    background-position: 0 -522px
}
.list-icon a.tele2,
.str-icon a.tele2 {
    background-position: -560px -31px
}
.list-icon a.tele2:hover,
.str-icon a.tele2:hover {
    background-position: -560px -5px
}
.list-icon a.tele2.full-name,
.str-icon a.tele2.full-name {
    background-position: 0 -900px;
    height: 13px
}
.list-icon a.tele2.full-name:hover,
.str-icon a.tele2.full-name:hover {
    background-position: 0 -919px
}
.list-icon a.mixradio-nokia,
.str-icon a.mixradio-nokia {
    background-position: -308px -31px
}
.list-icon a.mixradio-nokia:hover,
.str-icon a.mixradio-nokia:hover {
    background-position: -308px -5px
}
.list-icon a.mixradio-nokia.full-name,
.str-icon a.mixradio-nokia.full-name {
    background-position: 0 -459px;
    height: 15px
}
.list-icon a.mixradio-nokia.full-name:hover,
.str-icon a.mixradio-nokia.full-name:hover {
    background-position: 0 -478px
}
.list-icon a.megafon,
.str-icon a.megafon {
    background-position: -532px -31px
}
.list-icon a.megafon:hover,
.str-icon a.megafon:hover {
    background-position: -532px -5px
}
.list-icon a.megafon.full-name,
.str-icon a.megafon.full-name {
    background-position: 0 -863px;
    height: 12px
}
.list-icon a.megafon.full-name:hover,
.str-icon a.megafon.full-name:hover {
    background-position: 0 -877px
}
.list-icon a.beeline,
.str-icon a.beeline {
    background-position: -504px -31px
}
.list-icon a.beeline:hover,
.str-icon a.beeline:hover {
    background-position: -504px -5px
}
.list-icon a.beeline.full-name,
.str-icon a.beeline.full-name {
    background-position: 0 -822px;
    height: 17px
}
.list-icon a.beeline.full-name:hover,
.str-icon a.beeline.full-name:hover {
    background-position: 0 -843px
}
.list-icon a.juke,
.str-icon a.juke {
    background-position: -280px -31px
}
.list-icon a.juke:hover,
.str-icon a.juke:hover {
    background-position: -280px -5px
}
.list-icon a.juke.full-name,
.str-icon a.juke.full-name {
    background-position: 0 -406px;
    height: 22px
}
.list-icon a.juke.full-name:hover,
.str-icon a.juke.full-name:hover {
    background-position: 0 -432px
}
.list-icon a.grace-note,
.str-icon a.grace-note {
    background-position: -252px -31px
}
.list-icon a.grace-note:hover,
.str-icon a.grace-note:hover {
    background-position: -252px -5px
}
.list-icon a.grace-note.full-name,
.str-icon a.grace-note.full-name {
    background-position: 0 -364px;
    height: 17px
}
.list-icon a.grace-note.full-name:hover,
.str-icon a.grace-note.full-name:hover {
    background-position: 0 -385px
}
.list-icon a.ok,
.str-icon a.ok {
    background-position: -392px -31px
}
.list-icon a.ok:hover,
.str-icon a.ok:hover {
    background-position: -392px -5px
}
.list-icon a.ok.full-name,
.str-icon a.ok.full-name {
    background-position: 0 -607px;
    height: 24px
}
.list-icon a.ok.full-name:hover,
.str-icon a.ok.full-name:hover {
    background-position: 0 -637px
}
.list-icon a.guvera,
.str-icon a.guvera {
    background-position: -196px -31px
}
.list-icon a.guvera:hover,
.str-icon a.guvera:hover {
    background-position: -196px -5px
}
.list-icon a.guvera.full-name,
.str-icon a.guvera.full-name {
    background-position: 0 -331px;
    height: 12px
}
.list-icon a.guvera.full-name:hover,
.str-icon a.guvera.full-name:hover {
    background-position: 0 -347px
}
.list-icon a.digital7,
.str-icon a.digital7 {
    background-position: -168px -31px
}
.list-icon a.digital7:hover,
.str-icon a.digital7:hover {
    background-position: -168px -5px
}
.list-icon a.digital7.full-name,
.str-icon a.digital7.full-name {
    background-position: 0 -286px;
    height: 17px
}
.list-icon a.digital7.full-name:hover,
.str-icon a.digital7.full-name:hover {
    background-position: 0 -306px
}
.list-icon a.shazam,
.str-icon a.shazam {
    background-position: -84px -31px
}
.list-icon a.shazam:hover,
.str-icon a.shazam:hover {
    background-position: -84px -5px
}
.list-icon a.shazam.full-name,
.str-icon a.shazam.full-name {
    background-position: 0 -214px;
    height: 13px
}
.list-icon a.shazam.full-name:hover,
.str-icon a.shazam.full-name:hover {
    background-position: 0 -231px
}
.list-icon a.deezer,
.str-icon a.deezer {
    background-position: -112px -31px
}
.list-icon a.deezer:hover,
.str-icon a.deezer:hover {
    background-position: -112px -5px
}
.list-icon a.deezer.full-name,
.str-icon a.deezer.full-name {
    background-position: 0 -178px;
    height: 11px
}
.list-icon a.deezer.full-name:hover,
.str-icon a.deezer.full-name:hover {
    background-position: 0 -195px
}
.text-icon li {
    margin-right: 5px
}
.text-icon a {
    text-decoration: none;
    color: #857E80;
    font-size: 12px;
    background: none;
    display: inline;
    width: auto;
    height: auto
}
.sortable-placeholder {
    position: relative;
    height: 72px;
    background-color: #fff
}
.container-profile {
    padding: 0 10px
}
.container-profile .edit-field {
    padding: 19px 0
}
.container-profile a.cancel {
    font-size: 12px;
    font-family: "Roboto Condensed";
    margin-right: 8px;
    display: block;
    line-height: 27px;
    cursor: pointer;
    color: #555
}
.container-profile .label {
    line-height: 29px;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0
}
.container-profile p.label-p {
    line-height: 29px;
    font-size: 14px;
    color: #555;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.container-profile .field-mr {
    margin-bottom: 8px;
    margin-top: 8px
}
.container-text {
    padding: 18px 23px
}
.container-text p {
    font-size: 13px;
    color: #818181;
    margin: 8px 0;
    line-height: 16px
}
.container-text.small-text p {
    font-size: 11px
}
.container-payment .checks-pay {
    padding: 22px 23px;
    list-style: none;
    margin: 0
}
.container-payment .checks-pay li {
    float: left;
    margin: 10px 35px 10px 0
}
.container-payment .checks-pay li.clearfix {
    float: none;
    margin: 0;
    padding: 0;
    clear: both
}
.container-payment .checks-pay li .radio-style .radio-button {
    margin-right: 15px;
    float: left
}
.container-payment .checks-pay li .radio-style .bolder {
    font-size: 14px;
    font-weight: bold;
    color: #555
}
.container-payment .checks-pay li .radio-style input:checked+.radio-button+.bolder {
    color: #cc0f8d
}
.container-payment .checks-pay li .radio-style:after {
    content: ' ';
    display: block;
    clear: both
}
.container-payment .checks-pay li p {
    font-size: 16px
}
.container-payment .container-card {
    padding: 33px 25px 24px 23px
}
.container-payment .container-card .datas-card {
    position: relative
}
.container-payment .container-card .datas-card .images-card {
    float: left;
    width: 81px;
    height: 67px;
    margin-left: 20px;
    position: relative
}
.container-payment .container-card .datas-card .images-card .img-box {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto
}
.container-payment .container-card .datas-card .images-card .img-box img {
    margin-top: 24px
}
.container-payment .container-card .datas-card .card {
    float: left;
    width: 459px;
    height: 264px;
    border: 1px solid #C9D3D6;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: -1px 2px 3px 1px rgba(151, 151, 151, 0.7);
    -moz-box-shadow: -1px 2px 3px 1px rgba(151, 151, 151, 0.7);
    -webkit-box-shadow: -1px 2px 3px 1px rgba(151, 151, 151, 0.7)
}
.container-payment .container-card .datas-card .card .num-card {
    padding: 0 18px 0 15px;
    margin-bottom: 19px
}
.container-payment .container-card .datas-card .card .num-card.mr-bottom {
    margin-bottom: 29px
}
.container-payment .container-card .datas-card .card .num-card .field.row {
    padding: 0 9px
}
.container-payment .container-card .datas-card .card .num-card .field.row.fix-size p {
    font-size: 12px;
    color: #8B8B8B;
    margin: 0;
    padding: 0;
    padding-left: 3%;
    padding-top: 16px;
    line-height: 15px;
    white-space: nowrap;
    position: relative
}
.container-payment .container-card .datas-card .card .num-card .field.row.fix-size p span {
    display: block
}
.container-payment .container-card .datas-card .card .num-card .field .label-error {
    padding: 0 9px
}
.container-payment .container-card .datas-card .card .num-card .field.error .label-error {
    display: block
}
.container-payment .container-card .datas-card .card .num-card .bolder-text .field .form-control {
    font-weight: bold;
    font-size: 16px;
    text-align: center
}
.container-payment .container-card .datas-card .card.card-1 {
    background-color: #F5FAFB;
    z-index: 2
}
.container-payment .container-card .datas-card .card.card-1 .in-block {
    padding: 16px 25px 0 21px
}
.container-payment .container-card .datas-card .card.card-1 .icons {
    list-style: none;
    margin: 0;
    margin-bottom: 5px
}
.container-payment .container-card .datas-card .card.card-1 .icons li {
    float: left;
    margin-left: 8px;
    width: 43px
}
.container-payment .container-card .datas-card .card.card-1 .icons li.clearfix {
    margin: 0;
    paddong: 0;
    float: none;
    clear: both
}
.container-payment .container-card .datas-card .card.card-1 .icons li a {
    display: block;
    height: 26px;
    background: url("/st/portal/media/images/icon-card.png") no-repeat 0 0
}
.container-payment .container-card .datas-card .card.card-1 .icons li a.visa {
    background-position: 0 -26px
}
.container-payment .container-card .datas-card .card.card-1 .icons li a.amex {
    background-position: 0 -52px
}
.container-payment .container-card .datas-card .card.card-1 .icons li a.discover {
    background-position: 0 -78px
}
.container-payment .container-card .datas-card .card .label-small {
    font-size: 12px;
    color: #8B8B8B;
    margin-bottom: 4px;
    display: block;
    padding-left: 3%
}
.container-payment .container-card .datas-card .card .label-small.upper {
    text-transform: uppercase
}
.container-payment .container-card .datas-card .card .label-small.center {
    text-align: center
}
.container-payment .container-card .datas-card .card .fix-size-1 {
    width: 80px;
    padding: 0;
    margin: 0;
    margin-right: 11px
}
.container-payment .container-card .datas-card .card .fix-size-1 .label-small {
    margin-left: 2px
}
.container-payment .container-card .datas-card .card .fix-size-1 .form-control {
    font-weight: bold;
    text-align: center;
    font-size: 16px
}
.container-payment .container-card .datas-card .card.card-2 {
    background-color: #E3EAEC;
    margin-left: 101px;
    margin-top: -197px;
    z-index: 1
}
.container-payment .container-card .datas-card .card.card-2 .bg {
    height: 63px;
    background: url("/st/portal/media/images/card-line-bg.png") repeat-x 0 0;
    margin-bottom: 38px;
    margin-top: 21px
}
.container-payment .container-card-result {
    padding: 20px 10px
}
.container-payment .container-card-result p {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px
}
.container-payment .container-card-result .card-pic {
    float: left;
    margin-right: 11px;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 59px;
    height: 35px
}
.container-payment .container-card-result .card-pic.visa {
    background: url("/st/portal/media/images/card_name/visa.png") no-repeat center center
}
.container-payment .container-card-result a {
    font-size: 16px
}
.container-payment .container-fields-hide.appendMoney {
    padding: 5px 27px 25px 27px
}
.container-payment .container-fields-hide.appendMoney .fluid-left-max {
    padding-top: 31px
}
.waiting {
    background: #eaeaea url("/st/portal/media/images/small-loading.gif") no-repeat 95% center
}
img.cover-image {
    width: 100%;
    height: auto;
    vertical-align: middle
}
.ajax-waiting {
    position: relative
}
.ajax-waiting:before,
.ajax-waiting:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 40px;
    min-width: 40px
}
.ajax-waiting:before {
    z-index: 9;
    background: rgba(232, 232, 232, 0.8)
}
.ajax-waiting:after {
    background: transparent url("/st/portal/media/images/loading.gif") no-repeat center center;
    z-index: 10
}
.js_color {
    color: #23a18a
}
.page h1 .field .form-control {
    color: #23a18a
}
.js_color_h3 {
    color: #23a18a
}
.js_color_year {
    color: #23a18a
}
.page .list-music .js_url_play_icon i {
    border-color: #23a18a !important
}
.page .list-music .js_url_play_icon i:before {
    border-left-color: #23a18a !important
}
.page .list-music .js_url_play_icon.play i:before {
    border-right-color: #23a18a !important
}
.page .list-music .js_url_play_icon.play.pause i:before {
    border-left-color: #23a18a !important;
    border-right-color: transparent !important
}
.js_color_background {
    background: #23a18a
}
.page .container-edit table tr td.btn.btn-green.large.js_color_background {
    background: #23a18a;
    color: #f9f9f9
}
.js_bg {
    background: #f9f9f9
}
.page .tooltip-content i:not(.fa) {
    background-color: #23a18a;
    color: #f9f9f9
}
.page .tooltip-content .text.bottom {
    background-color: #23a18a;
    border: none !important
}
.page .tooltip-content .text.bottom p {
    color: #f9f9f9
}
.page .tooltip-content .text.bottom:before,
.page .tooltip-content .text.bottom:after {
    border-bottom-color: #23a18a
}
.js_bg_left_block {
    background: #e9e9e9
}
.js_border_left {
    border-color: #B8B8B8
}
.js_left_h5 {
    color: #000
}
.js_left_simple_border {
    border-bottom-color: #CFCFCF;
    border-top-color: #6A6A6A
}
.js_left_simple_h5 {
    color: #000
}
.js_left_text {
    color: #5B696D
}
.js_simple_text {
    color: #555555
}
.js_text {
    color: #939393
}
.js_text_track_main {
    color: #23a18a
}
.js_text_track {
    color: #000
}
.page .line.gor.white.js_border_opacity {
    background-color: #E0E0E0
}
.page .line.gor.white.js_border_opacity:before {
    background: -o-linear-gradient(45deg, #f9f9f9, #e0e0e0);
    background: -moz-linear-gradient(45deg, #f9f9f9, #e0e0e0);
    background: -webkit-linear-gradient(45deg, #f9f9f9, #e0e0e0);
    background: -ms-linear-gradient(45deg, #f9f9f9, #e0e0e0)
}
.page .line.gor.white.js_border_opacity:after {
    background: -o-linear-gradient(45deg, #e0e0e0, #f9f9f9);
    background: -moz-linear-gradient(45deg, #e0e0e0, #f9f9f9);
    background: -webkit-linear-gradient(45deg, #e0e0e0, #f9f9f9);
    background: -ms-linear-gradient(45deg, #e0e0e0, #f9f9f9)
}
.js_line_gray {
    background: #E3E4E5;
    background: -o-linear-gradient(90deg, #edeeef, #e3e4e5);
    background: -moz-linear-gradient(90deg, #edeeef, #e3e4e5);
    background: -webkit-linear-gradient(90deg, #edeeef, #e3e4e5);
    background: -ms-linear-gradient(90deg, #edeeef, #e3e4e5);
    box-sizing: border-box;
    border-top: 1px solid #E3E4E5
}
.artist-page .page .icon-row.inline.vertical.green.js_url_icon_row:after {
    border-top-color: #f9f9f9
}
.artist-page .page .icon-row.inline.vertical.green.js_url_icon_row:before {
    border-top-color: #23a18a
}
.artist-page .page a {
    color: #23a18a
}
.artist-page .page .wrap-left a {
    color: #5B696D
}
.colorpicker-button {
    width: 27px;
    height: 27px;
    background: url("/st/portal/media/images/artist_page/colorpic-button.png") no-repeat -27px 0;
    background-position: 0 -27px;
    cursor: pointer;
    position: absolute
}
.colorpicker-button.pos-static {
    position: relative;
    margin-right: 10px
}
.colorpicker-button.left-position {
    right: 100%;
    margin-right: 10px;
    top: 0
}
.colorpicker-button.left-position.mr {
    margin-right: 25px
}
.colorpicker-button.left-bottom-position {
    right: 100%;
    margin-right: 10px;
    bottom: 0
}
.colorpicker-button.left-bottom-position.mr {
    margin-right: 25px
}
.colorpicker-button.right-position {
    left: 100%;
    margin-left: 10px;
    top: 0
}
.colorpicker-button.right-position.mr {
    margin-left: 25px
}
.colorpicker-button.left-position-in {
    left: 0;
    top: 0
}
.colorpicker-button.right-position-in {
    right: 0;
    top: 0
}
.colorpicker-button.bg {
    background-position: 0 0
}
.colorpicker-button .my-color {
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 3px;
    left: 4px
}
.colorpicker-button.colorpicker-button+span.label-p {
    float: left;
    line-height: 27px !important
}
.colorpicker-block {
    width: auto;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9
}
.artist-page * {
    font-family: Georgia, Arial
}
.artist-page {
    position: relative;
    height: 100%
}
.artist-page .admin {
    padding-top: 100px
}
.artist-page .admin .share {
    padding-top: 10px;
    margin-left: 15px
}
.artist-page .wrap-cont {
    max-width: 918px;
    min-width: 515px;
    height: inherit;
    position: relative;
    margin: 0 auto
}
.artist-page .top {
    background-color: #F5FAFB;
    height: 100px;
    border-bottom: 1px solid #C9C9C9;
    box-shadow: 0 0 3px 1px rgba(145, 145, 145, 0.3);
    -moz-box-shadow: 0 0 3px 1px rgba(145, 145, 145, 0.3);
    -webkit-box-shadow: 0 0 3px 1px rgba(145, 145, 145, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    box-sizing: border-box
}
.artist-page .top a.prev {
    font-size: 16px;
    display: block;
    line-height: 50px;
    margin-right: 10px
}
.artist-page .top .btn i.tools {
    display: inline-block;
    *display: inline;
    width: 30px;
    height: 30px;
    background: url("/st/portal/media/images/icon-admin-panel-tools.png") no-repeat
}
.artist-page .top .btn.btn-tools {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    padding-left: 11px;
    padding-right: 11px
}
.artist-page .top .btn-group {
    line-height: 0;
    position: absolute;
    height: auto;
    padding: 0;
    margin: 0;
    right: 0;
    top: 50%;
    margin-top: -25px;
    width: auto;
    white-space: nowrap
}
.artist-page .top .btn-group .btn {
    margin: 0 0 0 23px
}
.artist-page .top .btn-group .btn.btn-green.large {
    padding: 0 17px
}
.artist-page .top .btn-group .btn.icons {
    line-height: 60px
}
.artist-page .top .btn-group i.icon-data {
    display: inline-block;
    *display: inline;
    width: 23px;
    height: 23px;
    background: url("/st/portal/media/images/icon-admin-panel.png") no-repeat
}
.artist-page .filter-col {
    position: fixed;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    z-index: 10;
    width: 297px;
    background-color: #F5FAFB;
    box-shadow: 0 0 5px 1px rgba(125, 125, 125, 0.48);
    top: 0;
    left: 0
}
.artist-page .filter-col .border-double {
    position: relative
}
.artist-page .filter-col .border-double:after {
    content: ' ';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    border-top: 1px solid #E3E5E3;
    border-bottom: 1px solid #FFFFFF
}
.artist-page .filter-col .border-double.waiting:after {
    display: none
}
.artist-page .filter-col .close {
    height: 100px;
    padding: 0 29px 0 37px
}
.artist-page .filter-col .close p {
    font: 31px Verdana;
    color: #555;
    line-height: 110px
}
.artist-page .filter-col .close p span {
    display: inline-block;
    *display: inline;
    width: 17px;
    height: 17px;
    background: url("/st/portal/media/images/close-tools.png") no-repeat;
    cursor: pointer;
    margin-right: 7px;
    position: relative;
    top: -2px;
    transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease
}
.artist-page .filter-col .close p span:hover {
    opacity: 0.5
}
.artist-page .filter-col .line-gray-artist {
    height: 6px;
    background: url("/st/portal/media/images/line-gray-artist.png") repeat-x
}
.artist-page .filter-col .content-filter {
    padding: 14px 15px 14px 37px
}
.artist-page .filter-col .content-filter .btn-block {
    padding-right: 18px;
    margin-bottom: 0
}
.artist-page .filter-col .content-filter .btn-block .btn.btn-green {
    width: auto;
    margin-right: 7px
}
.artist-page .filter-col .content-filter .btn-block .btn {
    padding: 0 8px
}
.artist-page .filter-col .content-filter h3 {
    font: 14px Verdana;
    color: #555;
    margin-bottom: 10px;
    white-space: nowrap
}
.artist-page .filter-col .content-filter .radio-style .label-p {
    font: 12px Verdana;
    color: #555;
    margin-right: 40px
}
.artist-page .filter-col .mr-left-my-color {
    margin-left: 5px !important;
    margin-right: 0
}
.artist-page .filter-col .mb-label {
    margin-bottom: 16px
}
.artist-page .filter-col ul.colors-list {
    padding: 0;
    margin: 0 0 17px 0
}
.artist-page .filter-col ul.colors-list li {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    width: auto
}
.artist-page .filter-col ul.colors-list li label .radio-button {
    margin-right: 8px;
    float: left;
    margin-top: 3px
}
.artist-page .filter-col ul.colors-list li label .colors {
    float: left;
    height: 24px;
    width: 54px;
    box-shadow: 1px 1px 3px 1px rgba(86, 86, 86, 0.25);
    -moz-box-shadow: 1px 1px 3px 1px rgba(86, 86, 86, 0.25);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(86, 86, 86, 0.25)
}
.artist-page .filter-col ul.colors-list li label .colors span {
    display: block;
    height: 8px;
    background-color: #ccc
}
.artist-page .bg-page {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 9
}
.artist-page .line-gray-artist {
    height: 10px
}
.artist-page .cover-block {
    position: relative
}
.artist-page .cover-block .tools-pic {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    z-index: 5
}
.artist-page .cover-block .tools-pic .dropdown-button {
    padding-bottom: 9px
}
.artist-page .cover-block .tools-pic .panel-edit {
    min-width: 250px;
    position: relative;
    height: 26px;
    float: right;
    background: #D4DADD;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #B1B7B9 transparent transparent #8B9092
}
.artist-page .cover-block .tools-pic .panel-edit li a {
    color: #595959 !important
}
.artist-page .cover-block .tools-pic .panel-edit li a.icon-edit-pic:hover {
    background-color: #B7BCBE
}
.artist-page .cover-block .add-img-container {
    min-height: 125px;
    padding-top: 12px
}
.artist-page .bg-image {
    position: relative;
    z-index: 0;
    min-height: 87px
}
.artist-page .bg-image .area-upload {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 0
}
.artist-page .bg-image .img-container {
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden
}
.artist-page .bg-image .img-container img {
    width: 100%;
    max-width: 100%;
    height: auto
}
.artist-page .bg-image .img-container .delete-pic {
    width: 50px;
    height: 50px;
    display: block;
    background: #fff url("/st/portal/media/images/artist_page/delete-pic.png") no-repeat;
    opacity: 0.5;
    cursor: pointer;
    margin-left: 2px
}
.artist-page .bg-image .img-container .delete-pic:hover {
    opacity: 0.9
}
.artist-page .bg-image .img-container.default-cover {
    box-sizing: border-box;
    position: relative;
    background: url("/st/portal/media/images/bg-upload.png");
    z-index: 1;
    box-shadow: inset 0 0 3px 1px rgba(159, 159, 159, 0.7)
}
.artist-page .bg-image .img-container.default-cover .dropdown-button {
    padding-bottom: 9px;
    position: relative;
    z-index: 2;
    margin-top: 19px
}
.artist-page .bg-image .img-container.default-cover .info-load-cover {
    position: absolute;
    left: 0;
    top: 46px;
    text-align: center;
    width: 100%;
    z-index: 1
}
.artist-page .bg-image .img-container.default-cover .info-load-cover h5 {
    font: 20px Verdana;
    color: #000;
    margin-bottom: 5px
}
.artist-page .bg-image .img-container.default-cover .info-load-cover p {
    font: 12px Verdana;
    color: #555
}
.artist-page .add-album-pic {
    display: block;
    width: auto;
    height: 26px;
    padding: 0 34px 0 8px;
    background: #BABFC2;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #595959;
    line-height: 26px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    position: relative
}
.artist-page .add-album-pic:after {
    content: ' ';
    position: absolute;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 50%;
    margin-top: -7px;
    background-image: url("/st/portal/media/images/artist_page/add-album-pic.png");
    background-repeat: no-repeat
}
.artist-page .page {
    padding-bottom: 95px;
    height: 100%;
    margin-top: -87px
}
.artist-page .page .colorpicker-button,
.artist-page .page .colorpicker-block {
    display: none
}
.artist-page .page .line.gor.white.js_border_opacity.mr {
    margin: 6px 0 8px 0
}
.artist-page .page .fixbg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0
}
.artist-page .page .icon-row.inline.vertical.green {
    background: none;
    position: relative
}
.artist-page .page .icon-row.inline.vertical.green:before {
    content: ' ';
    position: absolute;
    border: 8px solid;
    border-color: transparent;
    top: 0;
    left: 50%;
    margin-left: -8px
}
.artist-page .page .icon-row.inline.vertical.green:after {
    content: ' ';
    position: absolute;
    border: 4px solid;
    border-color: transparent;
    top: 0;
    left: 50%;
    margin-left: -4px
}
.artist-page .page .header-artist {
    min-height: 100px
}
.artist-page .page .header-artist .container-edit {
    position: relative
}
.artist-page .page .header-artist .container-edit .edit-buttons {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0
}
.artist-page .page h1 {
    font-size: 60px;
    font-family: "Days", Arial;
    text-shadow: 1px 1px 1px #000;
    line-height: 82px;
    min-height: 82px;
    border: none;
    margin-bottom: 5px
}
.artist-page .page h1.opacity-bg {
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(0, 0, 0, 0.2)
}
.artist-page .page h1 .field {
    margin-bottom: 0
}
.artist-page .page h1.row {
    width: 100%
}
.artist-page .page h1 .form-control {
    text-shadow: 1px 1px 1px #000;
    font: 60px "Days", Arial;
    height: 82px;
    line-height: 82px;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    width: 100%
}
.artist-page .page .form-control {
    font: 14px Georgia;
    color: #555 !important
}
.artist-page .page h3 {
    font-family: "Days", Arial;
    font-size: 22px;
    min-height: 31px
}
.artist-page .page h3.visible_all_album {
    text-decoration: underline;
    margin-top: 20px;
    cursor: pointer
}
.artist-page .page h3.visible_all_album:hover {
    text-decoration: none
}
.artist-page .page p {
    font: 17px Georgia, Arial;
    line-height: 19px
}
.artist-page .page p.gray-small {
    font-size: 14px;
    margin-bottom: 5px
}
.artist-page .page p .bolder-age {
    font-family: "Days", Arial;
    width: 14%
}
.artist-page .page p .max-width-span {
    width: 86%
}
.artist-page .page p.min {
    font-size: 14px
}
.artist-page .page p.min textarea.form-control {
    font-family: Georgia, Arial;
    font-size: 12px;
    min-height: 100px
}
.artist-page .page .album-edit {
    padding-bottom: 7px
}
.artist-page .page .album-edit .left {
    padding-top: 0
}
.artist-page .page .album-edit .album-edit-container .button-block .icon-row.col.delete {
    display: none
}
.artist-page .page .container-edit {
    padding: 15px 5px 15px 0
}
.artist-page .page .container-edit .line-gray-artist {
    margin-top: 15px
}
.artist-page .page .container-edit .js-albums-container .line-gray-artist {
    margin-top: 0
}
.artist-page .page .container-edit.nopadding {
    padding: 0
}
.artist-page .page .container-edit.nopadding-left {
    padding: 0 0 0 48px
}
.artist-page .page .container-edit.nopadding-left:hover {
    background: none
}
.artist-page .page .container-edit.edit-hover .edit-buttons {
    display: none
}
.artist-page .page .container-edit.edit-hover:hover .edit-buttons {
    display: block
}
.artist-page .page .container-edit.disable-edit .edit-buttons {
    display: none
}
.artist-page .page .container-edit.disable-edit.edit-hover .edit-buttons {
    display: none
}
.artist-page .page .container-edit.disable-edit.edit-hover:hover .edit-buttons {
    display: none
}
.artist-page .page .container-edit .edit-buttons {
    position: relative;
    z-index: 5
}
.artist-page .page .container-edit .edit {
    background-image: url("/st/portal/media/images/artist_page/edit-column.png") !important
}
.artist-page .page .container-edit .edit.save {
    background-image: url("/st/portal/media/images/artist_page/save-column.png") !important
}
.artist-page .page .container-edit .album-edit .album-edit-container .button-block .icon-row.col.delete {
    display: inline-block;
    *display: inline
}
.artist-page .page .container-edit .cancel {
    margin-right: 8px;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 27px;
    cursor: pointer
}
.artist-page .page .right .fluid-container-album .left .in-block {
    margin-left: 0
}
.artist-page .page .right .fluid-container-album .right .head-album .line-string.big {
    font: 14px Georgia, Arial
}
.artist-page .page .right .fluid-container-album .right .head-album .line-string.normal span {
    font: 14px Georgia, Arial
}
.artist-page .page .right .edit-block {
    margin-top: 15px;
    position: relative
}
.artist-page .page .right .edit-block p {
    margin-bottom: 4px
}
.artist-page .page .right .edit-block p.mr {
    margin-top: 7px
}
.artist-page .page .right .info-groupe {
    display: table;
    width: auto;
    margin-bottom: 7px
}
.artist-page .page .right .info-groupe .tr-table {
    display: table-row
}
.artist-page .page .right .info-groupe .col-table {
    width: auto;
    display: table-cell;
    padding: 0 10px 3px 0;
    vertical-align: middle
}
.artist-page .page .right .info-groupe .col-table.min {
    width: auto
}
.artist-page .page .right .list-music {
    margin-top: 4px
}
.artist-page .page .right .list-music ul li {
    position: relative;
    border-color: transparent;
    padding: 10px 0
}
.artist-page .page .right .list-music ul li:before {
    background: transparent;
    display: none
}
.artist-page .page .right .list-music ul li hr {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}
.artist-page .page .right .list-music ul li span.num-track {
    width: 5%
}
.artist-page .page .right .list-music ul li span.name-album {
    font-size: 14px;
    width: 20%;
    max-width: 20%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px
}
.artist-page .page .right .list-music ul li span.name-track {
    font-size: 14px;
    width: 25%;
    margin-right: 4px;
    max-width: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.artist-page .page .right .list-music ul li span.name-track2 {
    font-size: 12px;
    width: 40%;
    margin-right: 4px;
    max-width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.artist-page .page .right .list-music ul li span.play-button {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    position: relative
}
.artist-page .page .right .list-music ul li span.play-button i {
    visibility: visible;
    position: absolute;
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    left: 0;
    top: 0;
    border: 1px solid;
    cursor: pointer;
    display: none
}
.artist-page .page .right .list-music ul li span.play-button i:before {
    content: " ";
    position: absolute;
    border: 5px solid;
    border-color: transparent;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -2px
}
.artist-page .page .right .list-music ul li span.play-button.play i:before {
    border-width: 0px;
    width: 3px;
    height: 7px;
    top: 2px;
    left: 2px;
    margin: 0;
    border-left: 2px solid;
    border-right: 2px solid
}
.artist-page .page .right .list-music ul li span.play-button.play.pause i:before {
    border: 5px solid;
    border-color: transparent;
    border-right-color: transparent !important;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -2px;
    width: 0;
    height: 0
}
.artist-page .page .right .list-music ul li span.length-track {
    font-size: 12px;
    color: #555;
    width: auto
}
.artist-page .page .right .list-music ul li span.slider-track {
    width: 44%;
    height: 13px
}
.artist-page .page .right .list-music ul li:hover:not(.colorpicker-block) {
    background: rgba(163, 163, 163, 0.1);
    box-shadow: inset 0 0 3px 1px rgba(142, 142, 142, 0.1)
}
.artist-page .page .right .list-music ul li:hover:not(.colorpicker-block) span.play-button i {
    display: block
}
.artist-page .page .field {
    margin-bottom: 3px
}
.artist-page .page a {
    font-size: 12px
}
.artist-page .page .left {
    padding-top: 15px
}
.artist-page .page .left h5 {
    font-family: "Days", Arial;
    font-size: 16px;
    margin-bottom: 10px
}
.artist-page .page .left h5 span {
    font-size: inherit;
    font-family: inherit;
    color: inherit
}
.artist-page .page .left .wrap-left {
    border-width: 1px;
    border-style: solid
}
.artist-page .page .left .wrap-left .area-upload.album {
    width: 254px;
    height: 254px;
    border: none;
    display: table-cell;
    vertical-align: middle
}
.artist-page .page .left .wrap-left .area-upload.album .info {
    padding: 10px 0 0 0
}
.artist-page .page .left .wrap-left .area-upload.album .info h4 {
    font-size: 20px;
    font-family: Verdana !important;
    margin-bottom: 5px
}
.artist-page .page .left .wrap-left .area-upload.album .info p {
    font-family: Verdana !important;
    font-size: 12px;
    color: #555;
    margin-bottom: 40px
}
.artist-page .page .left .wrap-left .shops-info {
    padding: 26px 14px 0 14px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin-bottom: 10px
}
.artist-page .page .left .wrap-left .shops-info .str-icon a {
    margin: 0 10px 14px 0
}
.artist-page .page .left .wrap-left .contacts {
    padding: 26px 14px 0 14px
}
.artist-page .page .left .wrap-left .contacts .visible-all-shops {
    cursor: pointer;
    text-align: center;
    margin-bottom: 17px
}
.artist-page .page .left .wrap-left .contacts .visible-all-shops a {
    font-size: 12px
}
.artist-page .page .left .wrap-left .contacts .contact-inf {
    padding-bottom: 15px
}
.artist-page .page .left .wrap-left .contacts .contact-inf .gray-small {
    margin-bottom: 5px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.artist-page .page .left .wrap-left .contacts .contact-inf .field label {
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.artist-page .page .left .wrap-left .contacts .contact-inf .field .row.span2 {
    line-height: 28px
}
.artist-page .page .left .wrap-left .social {
    padding: 0 14px 19px 14px
}
.artist-page .page .left .wrap-left .social ul.social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 23px
}
.artist-page .page .left .wrap-left .social ul.social-list li {
    margin-bottom: 12px
}
.artist-page .page .left .wrap-left .social ul.social-list li .link-user-page {
    display: block;
    height: 32px;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px
}
.artist-page .page .left .wrap-left .social ul.social-list li .form-control {
    height: 32px;
    line-height: 32px
}
.artist-page .page .left .wrap-left .social ul.social-list li .delete {
    margin-right: 8px;
    margin-top: 10px
}
.artist-page .page .simple-tools h5 {
    margin-left: 17px;
    margin-top: 25px;
    font-size: 16px
}
.artist-page .page .simple-tools .tooltip-content .text p {
    font-size: 12px;
    font-family: Verdana
}
.artist-page .page .simple-tools .chosen-drop {
    display: none
}
.artist-page .page .container-edit table {
    width: 100%;
    border: 1px solid
}
.artist-page .page .container-edit table tr td {
    width: 205px
}
.artist-page .page .container-edit table tr td:first-child {
    padding: 5px 17px;
    vertical-align: middle;
    font: 16px Georgia;
    line-height: 19px;
    border-bottom: 1px solid
}
.artist-page .page .container-edit table tr td.btn.large {
    width: 50px;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid;
    font-family: promedium, Georgia, Verdana
}
.artist-page .page .container-edit table tr:last-child td {
    border-bottom: 1px solid
}
.balance .balance-container {
    padding: 20px 13px
}
.balance .balance-container.toggle-slide {
    cursor: pointer
}
.balance .balance-container.toggle-slide:hover {
    background-color: #FAFCFD
}
.balance .balance-container.filter {
    padding: 13px
}
.balance .balance-container.filter .field {
    margin-right: 20px
}
.balance .balance-container.filter .pull-left {
    padding-top: 4px
}
.balance .balance-container .h6 {
    width: auto
}
.balance .balance-container .h6 span.t {
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    font-size: 14px;
    margin-right: 7px;
    margin-left: 8px
}
.balance .balance-container .h6.big-title {
    text-transform: uppercase;
    color: #cc0f8d;
    font-weight: bold;
    font-size: 20px
}
.balance .balance-container .icon-row {
    margin: 0
}
.balance .balance-container.target .icon-row {
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.balance .balance-container .num-big {
    font-weight: bold;
    font-size: 21px;
    color: #555
}
.balance .balance-container .num-big.green {
    color: #cc0f8d;
    font-size: 30px
}
.balance .container-fields-hide.balance-padding {
    padding: 0 5px
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody {
    background: none
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead div.th,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead div.td,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody div.th,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody div.td {
    background: none;
    padding: 10px
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .th {
    font-size: 12px;
    color: #8B8B8B
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .td p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .th p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .td p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .th p {
    color: #000;
    font-size: 12px;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .td.col-12 p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .th.col-12 p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .td.col-12 p,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .th.col-12 p {
    color: #555
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .td.col-13,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.tbody .th.col-13,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .td.col-13,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .th.col-13 {
    text-align: right
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li:last-child div.td {
    border: none
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li:last-child div.td:before,
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li:last-child div.td:after {
    display: none
}
.balance .footer-container {
    padding: 19px 15px
}
.addmoney {
    padding: 17px 25px
}
.addmoney .label {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cc0f8d;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    float: right;
    line-height: 44px;
    margin-right: 32px
}
.field.bigfield {
    float: right;
    width: auto;
    width: 215px
}
.field.bigfield input.form-control {
    height: 42px;
    font-weight: bold;
    font-size: 29px;
    color: #cc0f8d;
    line-height: 42px
}
.delete-hover {
    position: relative
}
.delete-hover .delete-popup {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-right: 15px
}
.widgets-user .delete-hover .delete-popup {
    top: 0;
    width: auto;
    white-space: nowrap;
    margin-right: 14px
}
.widgets-user .delete-hover .delete-popup .icon-row.col.dd.inline {
    margin-right: 5px
}
.widgets-user li {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.24);
    min-height: 50px;
    margin-bottom: 18px
}
.edit-photo-block {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 5;
    padding-top: 9px
}
.edit-photo-block:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 27px;
    background: #BABFC2;
    width: 100%;
    z-index: -1
}
.panel-edit {
    padding: 0 5px
}
.panel-edit li {
    width: auto
}
.panel-edit li a {
    display: block;
    height: 26px;
    min-width: 26px;
    box-sizing: border-box;
    color: #000 !important;
    text-decoration: underline;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    line-height: 26px
}
.panel-edit li a:hover {
    text-decoration: none;
    cursor: pointer
}
.panel-edit li a.icon-edit-pic {
    background-image: url("/st/portal/media/images/artist_page/tools-sprite.png");
    background-repeat: no-repeat
}
.panel-edit li a.icon-edit-pic:active {
    box-shadow: inset 0 0 3px 1px rgba(44, 44, 44, 0.34);
    -moz-box-shadow: inset 0 0 3px 1px rgba(44, 44, 44, 0.34);
    -webkit-box-shadow: inset 0 0 3px 1px rgba(44, 44, 44, 0.34)
}
.panel-edit li a.icon-edit-pic:hover {
    position: relative
}
.panel-edit li a.icon-edit-pic:hover:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(237, 237, 237, 0.8);
    left: 0;
    top: 0
}
.panel-edit li a.icon-edit-pic.plus {
    background-position: 0 0
}
.panel-edit li a.icon-edit-pic.minus {
    background-position: -27px 0
}
.panel-edit li a.icon-edit-pic.resize {
    background-position: -54px 0
}
.panel-edit li a.icon-edit-pic.save {
    background-position: -81px 0
}
#select_social_chosen .chosen-drop ul.chosen-results {
    max-height: 190px
}
.chosen-container .chosen-drop ul.chosen-results li[data-social="in"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="ok"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="vkontakte"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="facebook"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="instagram"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="twitter"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="google-plus"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="you-tube"],
.chosen-container .chosen-drop ul.chosen-results li[data-social="other"] {
    height: 38px;
    padding: 0 5px 0 55px;
    box-sizing: border-box;
    position: relative;
    color: #818181;
    font-size: 16px;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 38px
}
.chosen-container .chosen-drop ul.chosen-results li[data-social="in"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="ok"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="vkontakte"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="facebook"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="instagram"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="twitter"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="google-plus"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="you-tube"]:hover,
.chosen-container .chosen-drop ul.chosen-results li[data-social="other"]:hover {
    color: #fff
}
.chosen-container .chosen-drop ul.chosen-results li[data-social="in"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="ok"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="vkontakte"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="facebook"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="instagram"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="twitter"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="google-plus"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="you-tube"]:after,
.chosen-container .chosen-drop ul.chosen-results li[data-social="other"]:after {
    content: ' ';
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url("/st/portal/media/images/artist_page/icons/social-artist.png");
    background-repeat: no-repeat;
    left: 8px;
    top: 50%;
    margin-top: -16px
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=ok]:after {
    background-position: -36px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=vkontakte]:after {
    background-position: -72px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=facebook]:after {
    background-position: -108px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=instagram]:after {
    background-position: -144px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=twitter]:after {
    background-position: -180px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=google-plus]:after {
    background-position: -216px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=you-tube]:after {
    background-position: -252px 0
}
.chosen-container .chosen-drop ul.chosen-results li[data-social=other]:after {
    background-position: -288px 0
}
a.btn-link {
    cursor: pointer;
    font-size: 16px
}
.padding-container {
    padding: 0 25px 0 25px
}
.filters {
    padding: 20px 0 21px 0
}
.stat-page h5 {
    font-size: 18px;
    color: #555555
}
.container-table.stat {
    padding: 0 0 0 25px;
    margin: 0;
    margin-top: 15px
}
.container-table.stat .table-tracks {
    background: none
}
.container-table.stat .table-tracks li.thead {
    background: none !important
}
.container-table.stat .table-tracks li.thead div.th:first-child:before,
.container-table.stat .table-tracks li.thead div.th:last-child:before,
.container-table.stat .table-tracks li.thead div.th:first-child:after,
.container-table.stat .table-tracks li.thead div.th:last-child:after,
.container-table.stat .table-tracks li.thead div.td:first-child:before,
.container-table.stat .table-tracks li.thead div.td:last-child:before,
.container-table.stat .table-tracks li.thead div.td:first-child:after,
.container-table.stat .table-tracks li.thead div.td:last-child:after {
    content: ' ';
    display: none !important
}
.container-table.stat .table-tracks li.thead div.th div.error {
    text-align: inherit
}
.container-table.stat .table-tracks li.thead.mr-bottom .th {
    padding-bottom: 13px
}
.container-table.stat .table-tracks li.thead .th {
    background: 0;
    padding: 0;
    border: none;
    vertical-align: middle
}
.container-table.stat .table-tracks li.thead .th .chosen-container.chosen-container-multi {
    min-height: 104px
}
.container-table.stat .table-tracks li.thead .th .chosen-container.chosen-container-multi .chosen-drop {
    display: block !important
}
.container-table.stat .table-tracks li.thead .th .chosen-container-single .chosen-single span {
    width: 70px;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.container-table.stat .table-tracks li.thead .th.th[data-color] {
    padding-bottom: 13px
}
.container-table.stat .table-tracks li.thead .th label {
    display: block;
    padding-bottom: 5px;
    font-size: 11px
}
.container-table.stat .table-tracks li.thead .th .mr-top {
    margin-top: 20px
}
.container-table.stat .table-tracks li.thead .th.col-1 {
    width: 25px;
    max-width: 25px;
    box-sizing: border-box;
    text-align: center;
    padding-left: 0;
    padding-right: 5px
}
.container-table.stat .table-tracks li.thead .th.col-2 {
    width: 11px
}
.container-table.stat .table-tracks li.thead .th.col-3 {
    width: 15%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th.col-4 {
    width: 20%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th.col-5 {
    width: 20%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th.col-6 {
    width: 20%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th.col-7 {
    width: 20%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th.col-8 {
    text-align: center;
    width: 5%;
    padding-right: 11px
}
.container-table.stat .table-tracks li.thead .th .color {
    width: 11px;
    height: 29px;
    background-color: #eaeaea
}
.container-table.stat .table-tracks li.thead.c1 .th .color {
    background-color: #40DFB5
}
.container-table.stat .table-tracks li.thead.c2 .th .color {
    background-color: #6E72CF
}
.container-table.stat .table-tracks li.thead.c3 .th .color {
    background-color: #49B1D7
}
.container-table.stat .table-tracks li.thead.c4 .th .color {
    background-color: #6AD749
}
.container-table.stat .table-tracks li.thead.c5 .th .color {
    background-color: #E78E5D
}
.container-table.stat .table-tracks li.thead.c6 .th .color {
    background-color: #E9779D
}
.container-table.stat .table-tracks li.thead.c7 .th .color {
    background-color: #823051
}
.container-table.stat .table-tracks li.thead.c8 .th .color {
    background-color: #30826C
}
.container-table.stat .table-tracks li.thead.c9 .th .color {
    background-color: #623082
}
.container-table.stat .table-tracks li.thead.c10 .th .color {
    background-color: #C44444
}
.container-table.filter-page {
    padding: 0 15px;
    margin: 0
}
.container-table.filter-page .table-tracks {
    background: none
}
.container-table.filter-page .table-tracks li.thead {
    background: none !important
}
.container-table.filter-page .table-tracks li.thead div.th:first-child:before,
.container-table.filter-page .table-tracks li.thead div.th:last-child:before,
.container-table.filter-page .table-tracks li.thead div.th:first-child:after,
.container-table.filter-page .table-tracks li.thead div.th:last-child:after,
.container-table.filter-page .table-tracks li.thead div.td:first-child:before,
.container-table.filter-page .table-tracks li.thead div.td:last-child:before,
.container-table.filter-page .table-tracks li.thead div.td:first-child:after,
.container-table.filter-page .table-tracks li.thead div.td:last-child:after {
    content: ' ';
    display: none !important
}
.container-table.filter-page .table-tracks li.thead div.th div.error {
    text-align: inherit
}
.container-table.filter-page .table-tracks li.thead.mr-bottom .th {
    padding-bottom: 13px
}
.container-table.filter-page .table-tracks li.thead .th {
    background: 0;
    padding: 0;
    border: none;
    width: 14.28571%;
    vertical-align: top
}
.container-table.filter-page .table-tracks li.thead .th .chosen-container.chosen-container-multi {
    min-height: 50px
}
.container-table.filter-page .table-tracks li.thead .th .chosen-container.chosen-container-multi .chosen-drop {
    display: block !important
}
.container-table.filter-page .table-tracks li.thead .th .chosen-container-single .chosen-single span {
    width: 70px;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.container-table.filter-page .table-tracks li.thead .th .form-control,
.container-table.filter-page .table-tracks li.thead .th .chosen {
    min-height: 50px
}
.container-table.filter-page .table-tracks li.thead .th label {
    display: block;
    padding-bottom: 3px;
    font-size: 12px
}
.container-table.filter-page .table-tracks li.thead .th .mr-top {
    margin-top: 20px
}
.container-table.filter-page .table-tracks li.thead .th.col-btn {
    width: 130px
}
.container-table.filter-page .table-tracks li.thead .th:not(:first-child) {
    padding-left: 18px
}
.container-table.filter-page .table-tracks li.thead .th.sortlink+.th {
    padding-left: 23px
}
.container-table.filter-page .table-tracks li.thead:not(.bodyTable) .th label {
    margin-left: 8px
}
.btn-lg {
    font-size: 13px;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px
}
.btn-brand {
    background: #EE0690;
    color: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}
.btn-brand:hover,
.btn-brand:active {
    color: #fff
}
.button-container_ {
    padding: 27px 15px
}
.result-stat {
    padding: 13px 25px 10px 25px;
    min-height: 56px;
    box-sizing: border-box;
    background: #fff
}
.result-stat ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: auto
}
.result-stat ul li {
    float: left;
    width: auto
}
.result-stat ul li:first-child {
    font-size: 18px;
    color: #555;
    margin-right: 47px;
    padding-top: 22px
}
.result-stat ul li.inf {
    font-size: 12px;
    text-align: left;
    margin-right: 24px;
    color: #8B8B8B
}
.result-stat ul li.inf span {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #cc0f8d
}
.grafic-container {
    padding: 0 25px 25px 25px
}
.grafic-container .settings .checks-pay {
    list-style: none;
    margin: 0
}
.grafic-container .settings .checks-pay li {
    float: left;
    margin: 13px 30px 0 0
}
.grafic-container .settings .checks-pay li.clearfix {
    float: none;
    margin: 0;
    padding: 0;
    clear: both
}
.grafic-container .settings .checks-pay li a {
    font-size: 12px
}
.grafic-container .settings .checks-pay li.pull-right {
    float: right;
    margin-right: 0
}
.grafic-container .settings .checks-pay li .radio-style .radio-button {
    margin-right: 15px;
    float: left
}
.grafic-container .settings .checks-pay li .radio-style .text {
    font-size: 11px;
    float: left;
    color: #8B8B8B;
    font-weight: normal;
    white-space: nowrap;
    line-height: 18px
}
.grafic-container .settings .checks-pay li .radio-style input:checked+.radio-button+.bolder {
    color: #cc0f8d
}
.grafic-container .settings .checks-pay li .radio-style:after {
    content: ' ';
    display: block;
    clear: both
}
.grafic-container .settings .checks-pay li p {
    font-size: 16px
}
.grafic-container .settings .field {
    padding-bottom: 10px
}
.grafic-container .settings .field input.form-control {
    width: 170px
}
.nav-grafic {
    list-style: none;
    margin: 0;
    padding: 0
}
.nav-grafic:after {
    content: ' ';
    display: block;
    clear: both
}
.nav-grafic li {
    float: left
}
.nav-grafic li a {
    display: block;
    height: 29px;
    line-height: 29px;
    position: relative;
    font-size: 11px;
    color: #555555;
    cursor: pointer;
    margin-right: 25px;
    text-decoration: none;
    font-weight: bold
}
.nav-grafic li a:hover {
    color: #cc0f8d
}
.nav-grafic li a.active {
    color: #cc0f8d
}
.nav-grafic li a.active:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 4px;
    box-sizing: border-box;
    border-top: 1px solid #a30c71;
    background: -o-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -moz-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -webkit-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -ms-linear-gradient(90deg, #a30c71, #cc0f8d);
    left: 0;
    bottom: 0
}
.datepicker-container {
    width: auto
}
.datepicker-container.pos-ab {
    position: absolute;
    border: 1px solid #B2B2B2;
    display: none;
    right: 0;
    top: 100%;
    background: #fff;
    background: rgba(240, 240, 240, 0.9);
    width: 500px;
    z-index: 10;
    box-shadow: 0 0 3px 1px rgba(95, 95, 95, 0.2);
    -moz-box-shadow: 0 0 3px 1px rgba(95, 95, 95, 0.2);
    -webkit-box-shadow: 0 0 3px 1px rgba(95, 95, 95, 0.2)
}
.datepicker-container.pos-ab:before,
.datepicker-container.pos-ab:after {
    content: ' ';
    position: absolute;
    right: 16px;
    border: 10px solid;
    border-color: transparent transparent #F0F0F0 transparent;
    top: -20px
}
.datepicker-container.pos-ab:before {
    top: -21px;
    border-bottom-color: #828282
}
.datepicker-container .hasDatepicker {
    display: inline-block;
    *display: inline;
    width: 48%;
    border: none
}
.datepicker-container .hasDatepicker .ui-widget-content {
    border: none
}
.datepicker-container .hasDatepicker .ui-widget-content .ui-datepicker-title {
    padding: 0 7%
}
.datepicker-container .visible-picker {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 376px;
    position: relative;
    z-index: 1
}
.datepicker-container .visible-picker hr {
    display: none;
    visibility: hidden
}
.datepicker-container ul.nav-picker {
    float: right;
    width: 124px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    box-sizing: border-box;
    border-left: 1px solid transparent
}
.datepicker-container ul.nav-picker:after,
.datepicker-container ul.nav-picker:before {
    content: ' ';
    position: absolute;
    height: 50%;
    width: 1px
}
.datepicker-container ul.nav-picker:before {
    top: 0;
    background-image: -webkit-linear-gradient(#f0f0f0, #b6b8b9 50%);
    background-image: -moz-linear-gradient(#f0f0f0, #b6b8b9 50%);
    background-image: -ms-linear-gradient(#f0f0f0, #b6b8b9 50%);
    background-image: -o-linear-gradient(#f0f0f0, #b6b8b9 50%);
    background-image: linear-gradient(#f0f0f0, #b6b8b9 50%)
}
.datepicker-container ul.nav-picker:after {
    bottom: 0;
    background-image: -webkit-linear-gradient(#b6b8b9 50%, #f0f0f0);
    background-image: -moz-linear-gradient(#b6b8b9 50%, #f0f0f0);
    background-image: -ms-linear-gradient(#b6b8b9 50%, #f0f0f0);
    background-image: -o-linear-gradient(#b6b8b9 50%, #f0f0f0);
    background-image: linear-gradient(#b6b8b9 50%, #f0f0f0)
}
.datepicker-container ul.nav-picker li {
    display: block
}
.datepicker-container ul.nav-picker li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px 0 16px;
    height: 43px;
    color: #555;
    cursor: pointer;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    line-height: 43px;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid transparent
}
.datepicker-container ul.nav-picker li:hover a {
    background: #E0E5E9;
    border-top-color: #E0E5E9
}
.datepicker-container ul.nav-picker li.active:hover a,
.datepicker-container ul.nav-picker li.active.active a {
    border-top-color: #a30c71;
    background: #a30c71;
    background: -o-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -moz-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -webkit-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -ms-linear-gradient(90deg, #a30c71, #cc0f8d);
    color: #fff
}
.grafic {
    height: 277px;
    margin-bottom: 15px
}
.ui-datepicker-header .ui-datepicker-title select {
    height: 23px;
    line-height: 23px;
    float: left;
    width: 48% !important
}
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
    margin-right: 3.999999%
}
.ui-datepicker-header .ui-datepicker-title .chosen-container {
    width: 48% !important;
    float: left;
    margin: 0;
    margin-bottom: 8px;
    height: 23px;
    line-height: 23px
}
.ui-datepicker-header .ui-datepicker-title .chosen-container .chosen-single.chosen-default {
    height: 23px;
    line-height: 23px
}
.ui-datepicker-header .ui-datepicker-title .chosen-container .chosen-search {
    top: -23px
}
.ui-datepicker-header .ui-datepicker-title .chosen-container .chosen-search input[type="text"] {
    height: 23px;
    line-height: 23px
}
.ui-datepicker-header .ui-datepicker-title .chosen-container .chosen-drop .chosen-results li {
    padding: 2px 6px;
    font-size: 12px
}
.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month+.chosen-container {
    margin-right: 3.999999%
}
.ui-datepicker-header .ui-datepicker-title:after {
    content: ' ';
    display: block;
    clear: both
}
.ui-datepicker-header:after {
    content: ' ';
    display: block;
    clear: both
}
.text-big-success {
    font-size: 24px;
    font-weight: bold;
    color: #cc0f8d;
    margin: 13px 0
}
.collapse .ul-collapse {
    list-style: none;
    margin: 0;
    padding: 0
}
.collapse .ul-collapse li {
    position: relative
}
.collapse .ul-collapse li.group-li {
    font-size: 14px;
    color: #555;
    padding: 10px 11px 10px 12px;
    background-color: #E7ECED
}
.collapse .ul-collapse li .head {
    font-size: 14px;
    cursor: pointer;
    color: #000;
    padding: 10px 30px 10px 22px;
    position: relative
}
.collapse .ul-collapse li .head:after {
    content: ' ';
    display: block;
    clear: both
}
.collapse .ul-collapse li .head .line.gor.white {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}
.collapse .ul-collapse li .head .icon-row {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 11px
}
.collapse .ul-collapse li .collapse-content {
    overflow: hidden;
    height: 0
}
.collapse .ul-collapse li.active .head .icon-row {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.collapse .ul-collapse li.active .head .line.gor.white {
    display: none
}
.collapse .ul-collapse li.active .collapse-content {
    transition: height 0.3s ease, overflow 0.3s ease;
    -moz-transition: height 0.3s ease, overflow 0.3s ease;
    -webkit-transition: height 0.3s ease, overflow 0.3s ease;
    height: auto;
    overflow: auto;
    background-color: #F5FAFB
}
.collapse .ul-collapse li.active .collapse-content li a {
    display: block;
    padding: 7px 10px 7px 48px;
    cursor: pointer;
    font-size: 12px;
    color: #555;
    text-decoration: none
}
.collapse .ul-collapse li.active .collapse-content li:hover a {
    background-color: #EFF4F5
}
.collapse .ul-collapse li.active .collapse-content li.active a {
    background-color: #289C87;
    color: #fff;
    box-shadow: inset 1px 1px 3px 1px rgba(29, 113, 98, 0.5);
    -moz-box-shadow: inset 1px 1px 3px 1px rgba(29, 113, 98, 0.5);
    -webkit-box-shadow: inset 1px 1px 3px 1px rgba(29, 113, 98, 0.5)
}
.collapse .ul-collapse li:last-child .head .line.gor.white {
    display: none
}
.collapse .ul-collapse li:last-child .collapse-content li:last-child hr {
    display: none
}
.reports-block {
    margin-bottom: 50px
}
.reports-container {
    padding: 15px 20px 40px 25px
}
.reports-container .pull-left {
    font-size: 16px;
    margin: 4px 0 0 20px
}
.reports-container .pull-right a {
    font-size: 12px;
    display: inline-block;
    line-height: 20px
}
.reports-container+.padding-container {
    padding-bottom: 40px
}
.reports-table,
.simple-table {
    width: 100%
}
.simple-table th,
.simple-table td {
    padding: 2px
}
.reports-table thead tr td {
    font-size: 11px;
    color: #555555;
    font-weight: bold;
    padding: 0 0 5px 20px
}
.reports-table tr {
    height: 35px;
    position: relative
}
.row-line {
    height: 1px !important
}
.row-line td {
    padding: 0 !important
}
.row-line span {
    background: url("/st/portal/media/images/row.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 1px;
    width: 100%;
    display: block
}
.reports-table tbody tr td {
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 20px
}
.reports-table tbody tr td .bg {
    font-size: 36px;
    color: #cc0f8d
}
.reports-table tbody tr td:nth-child(2) {
    color: #555
}
.reports-table tbody tr.dont-report td:last-child {
    padding-left: 20px;
    text-align: left;
    color: #8b8b8b
}
.reports-table tbody tr.dont-report {
    background: #ecf1f2
}
.reports-table tbody tr td:last-child {
    /* text-align: center; */
    padding-left: 25px
}
.reports-table tr td:first-child {
    padding-left: 25px
}
.reports-table tr td:last-child {
    padding-right: 20px;
    /* width: 70px */
}
.left-col ul.nav li a .balance .fa-rub {
    font-size: 18px
}
.line-string.big.size-16 .fa-rub {
    font-size: 15px
}
.total-money p span .fa-rub {
    font-size: 27px
}
.addmoney .label .fa-rub {
    font-size: 15px;
    font-weight: bold
}
.num-big.pull-right .fa-rub {
    font-size: 19px
}
.num-big.pull-right.green .fa-rub {
    font-size: 27px
}
#js-total-value .fa-rub {
    font-size: 17px
}
.fa-rub {
    font-size: 80% !important
}
.in-block.bs,
.in-block.pp,
.in-block.wm {
    display: none
}
.in-block.bs.active,
.in-block.pp.active,
.in-block.wm.active {
    display: block
}
.dashboard-container {
    padding: 19px
}
.dashboard-container .area-chart-title,
.dashboard-container .pie-chart-header {
    font-size: 13px;
    color: #9a6e9b;
    margin-borrom: 14px
}
.dashboard-container .bar-chart-text {
    color: #9a6e9b;
    margin-bottom: 20px;
    font-size: 18px
}
.dashboard-container .relative-stats {
    margin-top: 10px
}
.dashboard-container .highcharts-container {
    margin: 0 auto
}
.dashboard-container .pie-chart-legend {
    margin-top: 12px
}
.dashboard-container .legend-row {
    margin-bottom: 10px;
    font-size: 14px
}
.dashboard-container mark {
    background: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit
}
.change-diff.up,
.change-diff.down {
    position: relative;
    padding-left: 15px
}
.change-diff.up:before,
.change-diff.down:before {
    content: ' ';
    position: absolute;
    border: 6px solid;
    border-color: transparent transparent #9a6e9b transparent;
    top: 50%;
    margin-top: -9px;
    left: 0
}
.change-diff.down:before {
    border-color: #9a6e9b transparent transparent transparent;
    margin-top: -3px
}
.result-stat.dashboard-info ul {
    width: 100%
}
.result-stat.dashboard-info ul li {
    margin-right: 35px
}
.result-stat.dashboard-info ul li:first-child {
    padding-top: 0
}
.result-stat.dashboard-info ul li.pull-right {
    float: right;
    margin-right: 0
}
.result-stat.dashboard-info ul li span {
    color: #9a6e9b;
    display: inline;
    margin: 0;
    font-size: 15px;
    font-weight: normal
}
.result-stat.dashboard-info ul li span span {
    margin-bottom: 5px
}
.result-stat.dashboard-info ul li span mark {
    font-weight: bold;
    background: none;
    color: inherit
}
.result-stat.dashboard-info ul li span.br {
    display: block;
    margin-top: 15px
}
.result-stat.dashboard-info ul li span.br.big {
    font-size: 21px;
    font-weight: bold;
    margin-top: 19px
}
.items-track .track-header {
    height: 48px;
    border-bottom: 1px solid #E7E7E7;
    background-color: #F5F5F5;
    overflow: hidden
}
.items-track .track-header .row {
    line-height: 48px;
    padding: 0 11px;
    font-size: 12px;
    color: #000
}
.items-track .track-header .row .icon-row {
    margin-top: 15px
}
.items-track .track-header .row .icon-row.col.dd {
    margin-right: 20%
}
.items-track .track-header .row .icon-row.col.delete {
    margin-top: 19px
}
.items-track .track-header .row .icon-row.trackIcon {
    margin-top: 12px;
    margin-right: 10px
}
.items-track .track-header .row .icon-row.trackIcon.ringtone {
    background-position: 0 0
}
.items-track .track-header .row .icon-row.trackIcon.live {
    background-position: -27px 0
}
.items-track .track-header .row .icon-row.trackIcon.fuck {
    background-position: -54px 0
}
.items-track .track-header .row .icon-row.trackIcon.playMusic {
    background-position: -81px 0
}
.items-track .track-header .row .icon-row.trackIcon.grat {
    background-position: -108px 0
}
.items-track .track-header .row .icon-row.trackIcon.album-group {
    background-position: -135px 0
}
.items-track .track-header .row .icon-row.trackIcon.lyrics {
    background-position: -162px 0
}

.items-track .track-header .row .loading {
    margin-top: 9px
}
.items-track .track-header .row .name-track {
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.items-track .track-header .row .fa {
    font-size: 26px;
    color: #ACACAC;
    cursor: pointer;
    margin-top: 10px;
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease
}
.items-track .track-header .row .fa:hover {
    color: #CC0F8D
}
.items-track .track-header .row .fa.deg {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}
.items-track .track-header .row .edit {
    margin-right: 24px;
    margin-top: 12px;
    background-image: url("/st/portal/media/images/edit-column2.png")
}
.items-track .track-header .row .edit.save {
    background-image: url("/st/portal/media/images/edit-column-act2.png")
}
.items-track .track-header.error {
    border-bottom-color: 1px solid #FDD4D4;
    background-color: #FDD4D4
}
.items-track .track-header.error .name-track {
    color: #FF0000
}
.items-track .simple-info .fieldset {
    padding: 10px 0;
    border-bottom: 1px solid #DFDFDF
}
.items-track .simple-info .fieldset:last-child {
    border: none
}
.items-track .simple-info .fieldset.checkboxs {
    padding: 10px 0
}
.items-track .simple-info .fieldset.checkboxs .row {
    margin-top: 3px
}
.items-track .simple-info .fieldset .radio-style {
    position: relative
}
.items-track .simple-info .fieldset .radio-style .radio-button.pull-left,
.items-track .simple-info .fieldset .radio-style .text {
    margin-top: 5px
}
.items-track .simple-info .fieldset .radio-style .text {
    font-size: 12px;
    line-height: 20px
}
.items-track .simple-info .fieldset .radio-style .icon-row {
    position: relative;
    margin-left: 10px
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span {
    color: #cc0f8d
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.ringtone {
    background-position: 0 0
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.live {
    background-position: -27px 0
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.fuck {
    background-position: -54px 0
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.playMusic {
    background-position: -81px 0
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.grat {
    background-position: -108px 0
}
.items-track .simple-info .fieldset .radio-style input:checked+span+span+.icon-row.trackIcon.album-group {
    background-position: -135px 0
}
.items-track .simple-info .fieldset .shops-block {
    padding: 0 75px
}
.items-track .simple-info .fieldset .field {
    margin-top: 17px
}
.items-track .simple-info .fieldset .field:first-child {
    margin-top: 0
}
.items-track .simple-info .fieldset .field.shops-block .field {
    margin-top: 0
}
.items-track .simple-info .fieldset .field .blue-text {
    margin-bottom: 12px;
    color: #009C9F
}
.items-track .simple-info .fieldset .field label {
    text-align: right;
    color: #009C9F;
    min-height: 29px;
    margin: 0;
    padding: 0;
    padding-top: 6px
}
.items-track .simple-info .fieldset .field .fcont {
    padding-left: 17px
}
.items-track .simple-info .fieldset .field .fcont .form-control {
    color: #555;
    padding: 0 10px
}
.items-track .simple-info .fieldset .field .fcont .chosen-container.chosen-container-multi {
    min-height: auto !important;
    height: auto !important;
    padding: 0
}
.items-track .simple-info .fieldset .field .fcont .chosen-container.chosen-container-multi .chosen-choices {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 0
}
.items-track .simple-info .fieldset .field .fcont p {
    min-height: 29px;
    padding: 6px 10px 0 10px
}
.items-track .simple-info .fieldset .field .fcont p span.label-data {
    font-size: 9px;
    color: #009C9F;
    font-style: italic;
    cursor: pointer
}
.items-track .simple-info .fieldset .field.error label,
.items-track .simple-info .fieldset .field.error .blue-text {
    color: #ff0000
}
.items-track .simple-info .fieldset .field.error label:before,
.items-track .simple-info .fieldset .field.error .blue-text:before {
    content: '! ';
    font-weight: bold;
    color: #ff0000
}
.charts-container {
    padding: 13px
}
.table-body-wrapper {
    margin-right: -13px;
    margin-left: -13px
}
.top_info {
    font-size: 19px;
    color: #9a6e9b;
    line-height: 23px;
    margin-bottom: 20px
}
.chart-date {
    font-size: 23px;
    color: #9a6e9b;
    font-weight: bold;
    margin-top: 12px
}
.lnk-graph {
    font-size: 20px;
    color: #555
}
.lnk-graph.selected {
    color: #cc0f8d
}
.albums-table {
    width: 100%;
    margin-bottom: 15px
}
.albums-table tr td {
    height: 40px;
    vertical-align: middle;
    padding: 13px;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #E7E7E7
}
.albums-table tr:first-child td {
    border-top: 1px solid #E7E7E7
}
.upload-file-container:after {
    content: ' ';
    display: block;
    clear: both
}
.upload-file-container p {
    font-size: 12px;
    float: left;
    line-height: 27px;
    margin: 0;
    color: #555
}
.upload-file-container a {
    display: inline-block;
    *display: inline;
    height: 27px;
    width: 27px;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}
.upload-file-container a:hover {
    opacity: 0.7
}
.upload-file-container a.upl-icon {
    background-image: url("/st/portal/media/images/upload-button.png");
    background-repeat: no-repeat;
    background-position: 0 0
}
.upload-file-container a.upl-icon.del-icon {
    background-position: 0 -27px
}
.upload-file-container a.icon-row.col.delete {
    margin: 6px 10px 0 0
}
.upload-file-container.is_file a.upl-icon {
    background-position: 0 -27px
}
.icons-block {
    float: left
}
.icons-block a {
    margin-left: 6px
}
a.edit-fa-icon,
.edit-fa-icon {
    font-size: 22px;
    text-decoration: none;
    color: #C8C8C8;
    cursor: pointer
}
a.edit-fa-icon:hover,
.edit-fa-icon:hover {
    color: #cc0f8d
}
.color-gray {
    font-size: 13px;
    color: #818181;
    position: relative;
    top: 5px
}
.color-gray:hover {
    color: #555;
    text-decoration: underline
}
.color-gray .fa {
    font-size: 15px;
    color: #03978D
}
.inline-icon {
    display: table;
    width: 100%
}
.inline-icon .col-inline {
    display: table-cell;
    vertical-align: middle
}
.inline-icon .col-inline.vertical-top {
    vertical-align: top
}
.inline-icon .col-icon {
    width: 43px
}
.inline-icon .icon-row {
    margin: 0;
    cursor: pointer
}
.inline-icon .icon-row:hover {
    opacity: 1
}
.inline-icon .tooltip-content {
    top: 0
}
.inline-icon .tooltip-content .text p {
    padding: 0 !important;
    min-height: 0 !important
}
.wrap-sortable-table {
    margin: 23px 0;
    max-height: 300px;
    overflow-y: auto
}
.sortable-table {
    width: 100%;
    color: #555
}
.sortable-table th,
.sortable-table td {
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 3px
}
.sortable-table td {
    font-size: 13px
}
.sortable-table td p {
    font-size: 13px;
    line-height: 18px
}
.sortable-table thead,
.sortable-table th {
    background: #fff
}
.sortable-table thead tr th:first-child,
.sortable-table tbody tr td:first-child {
    padding-left: 0
}
.sortable-table tbody tr:nth-child(odd) {
    background-color: #F5F5F5
}
.sortable-table tbody tr:nth-child(even) {
    background-color: #FFFFFF
}
.sortable-table tbody tr.active td {
    background-color: #E4CFDD;
    color: #000
}
.sortable-table tbody tr.active td p {
    color: #000
}
.btn-icon {
    font-size: 24px
}
.btn-click {
    cursor: pointer
}
.btn-click.active {
    color: #cc0f8d
}
.sortable {
    color: #009C9F;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px
}
.sortable.text-default {
    color: inherit
}
.sortable[disabled] {
    cursor: default
}
.sortable .desc,
.sortable .asc {
    display: none;
    color: #555
}
.sortable.asc i {
    display: none
}
.sortable.asc .asc {
    color: #cc0f8d;
    display: inline
}
.sortable.desc i {
    display: none
}
.sortable.desc .desc {
    color: #cc0f8d;
    display: inline
}
.info-abbr li {
    margin-bottom: 6px
}
.info-abbr li span {
    float: left;
    width: 30px;
    text-align: right;
    margin-right: 10px
}
.info-abbr li p {
    font-size: 13px;
    line-height: 24px
}
.info-abbr li:after {
    content: ' ';
    display: block;
    clear: both
}
.text-brand {
    color: #cc0f8d !important
}
.gray-block {
    background: #f0f2f3 url("/st/portal/media/images/line-gray.png") repeat-x top left;
    padding: 10px 15px;
    border-top: 1px solid #D4D6D7;
    position: relative
}
.gray-block-none-shadow {
    padding: 0 15px;
    margin-top: -13px;
    margin-bottom: 35px;
    position: relative
}
.pagination-container {
    font-size: 12px
}
.pagination-container:after {
    content: ' ';
    display: block;
    clear: both
}
.pagination-container a,
.pagination-container span {
    font-size: 12px
}
.pagination-container.pagin-center {
    text-align: center
}
.pagination-container .pagination {
    padding: 0;
    margin: 0;
    display: inline-block;
    *display: inline
}
.pagination-container .pagination:after {
    content: ' ';
    display: block;
    clear: both
}
.pagination-container .pagination li {
    float: left;
    line-height: 23px
}
.pagination-container .pagination li.prev a,
.pagination-container .pagination li.next a {
    color: #8B8B8B;
    text-decoration: none;
    cursor: pointer
}
.pagination-container .pagination li.prev {
    margin-right: 19px
}
.pagination-container .pagination li.next {
    margin-left: 19px
}
.pagination-container .pagination li .num {
    display: block;
    height: 21px;
    padding: 0 7px;
    border: 1px solid #E0E2E3;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: #F7F8F8;
    color: #8B8B8B;
    line-height: 21px;
    text-decoration: none;
    cursor: pointer
}
.pagination-container .pagination li .num:hover {
    background-color: #fff;
    color: #555
}
.pagination-container .pagination li.active .num,
.pagination-container .pagination li.active .num:hover {
    background-color: #EE0690;
    border-color: #DE0687;
    color: #fff;
    cursor: default
}
.pagination-container .pagination li span:not(.icon-row) {
    color: #8B8B8B;
    margin: 0 7px
}
.pagination-container .pagination li i {
    color: #EE0690
}
.pagination-container .left-pos {
    position: absolute;
    left: 15px
}
.pagination-container .right-pos {
    position: absolute;
    right: 15px
}
.pagination-container .visible-items {
    font-size: 12px;
    color: #EE0690;
    line-height: 23px
}
.all-search-results {
    line-height: 23px;
    color: #8B8B8B
}
.all-search-results .number-container {
    display: inline-block;
    *display: inline;
    margin-left: 11px;
    position: relative
}
.all-search-results .number-container .dropdown-items {
    display: none;
    position: absolute;
    width: auto;
    min-width: 100%;
    padding: 0;
    margin: 0
}
.all-search-results .number-container .dropdown-items.right-bottom {
    right: 0;
    top: 100%
}
.all-search-results .number-container .dropdown-items.left-bottom {
    left: 0;
    top: 100%
}
.all-search-results .number-container .dropdown-items.right-top {
    right: 0;
    bottom: 100%
}
.all-search-results .number-container .dropdown-items.left-top {
    left: 0;
    bottom: 100%
}
.all-search-results .number-container .dropdown-items li a {
    padding: 4px 7px;
    text-align: left;
    display: block;
    background-color: #F7F8F8;
    color: #8B8B8B;
    border-bottom: 1px solid #C1C1C1;
    text-decoration: none
}
.all-search-results .number-container .dropdown-items li a:hover {
    background-color: #fff;
    color: #555
}
.all-search-results .number-container .btn-visible-num {
    display: block;
    height: 21px;
    padding: 0 7px;
    border: 1px solid #E0E2E3;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: #F7F8F8;
    color: #8B8B8B;
    line-height: 21px;
    text-decoration: none;
    cursor: pointer
}
.all-search-results .number-container .btn-visible-num i {
    color: #EE0690
}
.all-search-results .number-container:hover .btn-visible-num {
    background-color: #EE0690;
    border-color: #DE0687;
    color: #fff
}
.all-search-results .number-container:hover .btn-visible-num i {
    color: #fff
}
.all-search-results .number-container:hover .dropdown-items {
    display: block;
    z-index: 10
}
.bodyTable .th .field {
    position: relative
}
.bodyTable .th .field .sortable {
    position: absolute;
    height: 100%;
    width: 13px;
    top: 0;
    left: 100%;
    margin-left: 2px;
    z-index: 10
}
.bodyTable .th .field .sortable i {
    font-size: 18px;
    display: inline;
    position: absolute;
    left: 0
}
.bodyTable .th .field .sortable.asc i,
.bodyTable .th .field .sortable.desc i {
    display: inline
}
.bodyTable .th .field .sortable i.asc {
    top: 0
}
.bodyTable .th .field .sortable i.desc {
    bottom: 0
}
.cont-p15 {
    padding: 0 15px
}
.statistics__filters-daterangepicker {
    padding-top: 6px
}
.statistics__filters-daterangepicker span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
    padding: 0
}
.comiseo-daterangepicker-presets,
.comiseo-daterangepicker-calendar {
    height: auto
}
.comiseo-daterangepicker-buttonpanel .ui-state-default,
.comiseo-daterangepicker-buttonpanel .ui-widget-content .ui-state-default,
.comiseo-daterangepicker-buttonpanel .ui-widget-header .ui-state-default {
    height: auto
}
.comiseo-daterangepicker {
    background: #fff;
    background: rgba(240, 240, 240, 0.9);
    padding: 0
}
.comiseo-daterangepicker .ui-datepicker.ui-datepicker-multi {
    background: none
}
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content {
    width: 124px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap
}
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content li.ui-menu-item {
    margin: 0;
    padding: 0;
    border: none;
    display: block
}
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content li.ui-menu-item a {
    display: block;
    white-space: nowrap;
    padding: 0 10px 0 16px;
    height: 23px;
    color: #555;
    cursor: pointer;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    max-width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    border-top: 1px solid transparent
}
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content li.ui-menu-item:hover a {
    background: #E0E5E9;
    border-top-color: #E0E5E9
}
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content li.ui-menu-item.active:hover a,
.comiseo-daterangepicker ul.ui-menu.ui-widget.ui-widget-content li.ui-menu-item.active.active a {
    border-top-color: #a30c71;
    background: #a30c71;
    background: -o-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -moz-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -webkit-linear-gradient(90deg, #a30c71, #cc0f8d);
    background: -ms-linear-gradient(90deg, #a30c71, #cc0f8d);
    color: #fff
}
.create_album_step2__ {
    margin-right: 5px;
    position: relative;
    top: 8px !important
}
.buttons-track {
    width: 119px;
    position: absolute;
    height: 32px;
    line-height: 33px;
    font-size: 14px;
    right: 100%;
    text-align: right;
    background-color: #F4F4F4;
    border-right: 1px solid #CDCDCD;
    box-sizing: border-box
}
.buttons-track .in-container {
    padding: 0 12px;
    display: inline-block
}
.buttons-track .in-container:after {
    content: ' ';
    display: block;
    clear: both
}
.buttons-track .item-icon {
    float: left;
    margin-right: 12px
}
.buttons-track .item-icon:last-child {
    margin-right: 0
}
.buttons-track .item-icon i.fa {
    font-size: 17px
}
label.style-check {
    cursor: pointer
}
label.style-check input {
    display: none
}
label.style-check input+span .active-check {
    display: none
}
label.style-check input.error:not(:checked)+span+span.text {
    color: #ff0000
}
label.style-check input.error:not(:checked)+span .empty-check {
    color: #ff0000
}
label.style-check input:checked+span .active-check {
    display: inline
}
label.style-check input:checked+span .empty-check {
    display: none
}
label.style-check input:checked+span+span.text {
    color: #cc0f8d
}
label.style-check .active-check,
label.style-check .empty-check {
    cursor: pointer;
    position: relative;
    top: 2px
}
label.style-check .active-check {
    color: #cc0f8d
}
label.style-check .empty-check {
    color: #999
}
label.style-check span.text,
label.style-check span.text-label {
    margin-left: 5px;
    color: #555
}
label.style-check.error span.text {
    color: #ff0000
}
label.style-check.error .empty-check {
    color: #ff0000
}
.tooltip-content.__ico {
    top: 0
}
.tooltip-content.__ico .text {
    bottom: 100%
}
.__disabled {
    position: relative;
    opacity: 0.5
}
.__disabled:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    top: 0;
    left: 0;
    z-index: 99999
}
.panel-controls-track {
    padding: 0 15px 10px 15px;
    line-height: 29px
}
.panel-controls-track .style-check .text-label {
    font-size: 13px;
    text-decoration: underline
}
.panel-controls-track .btn {
    margin-left: 10px
}
.panel-controls-track .pull-right .tooltip-content {
    line-height: 19px;
    top: -6px
}
.pagination-container {
    font-size: 12px
}
.pagination-container:after {
    content: ' ';
    display: block;
    clear: both
}
.pagination-container a,
.pagination-container span {
    font-size: 12px
}
.pagination-container.pagin-center {
    text-align: center
}
.pagination-container .pagination {
    padding: 0;
    margin: 0;
    display: inline-block;
    *display: inline
}
.pagination-container .pagination:after {
    content: ' ';
    display: block;
    clear: both
}
.pagination-container .pagination li {
    float: left;
    line-height: 23px
}
.pagination-container .pagination li .num {
    display: block;
    height: 21px;
    padding: 0 7px;
    border: 1px solid #E0E2E3;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: #F7F8F8;
    color: #8B8B8B;
    line-height: 21px;
    text-decoration: none;
    cursor: pointer
}
.pagination-container .pagination li .num:hover {
    background-color: #fff;
    color: #555
}
.pagination-container .pagination li .num.active {
    background-color: #EE0690;
    border-color: #DE0687;
    color: #fff;
    cursor: default
}
.pagination-container .pagination li .num.prev,
.pagination-container .pagination li .num.next {
    color: #8B8B8B;
    text-decoration: none;
    cursor: pointer
}
.pagination-container .pagination li .num.prev {
    margin-right: 19px
}
.pagination-container .pagination li .num.next {
    margin-left: 19px
}
.pagination-container .pagination li span:not(.icon-row) {
    color: #8B8B8B;
    margin: 0 7px
}
.pagination-container .pagination li i {
    color: #EE0690
}
.pagination-container .visible-items {
    font-size: 12px;
    color: #EE0690;
    line-height: 23px
}
.over-the-rainbow {
    position: absolute;
    left: -100000px
}
.comiseo-daterangepicker {
    z-index: 10000
}
.info-abbr li {
    float: left
}
.info-abbr li span {
    color: #818181;
    font: 13px Verdana;
    float: none;
    width: auto;
    text-align: right;
    margin-right: 18px;
    line-height: 24px;
    vertical-align: top
}
.info-abbr li span::after {
    content: none
}
.info-abbr li span i {
    color: #555;
    margin-right: 6px
}
.wrap-sortable-table {
    max-height: 480px
}
.album-td {
    min-width: 110px
}
.alert .close {
    top: 6px
}
.alert.alert-gray span.text {
    cursor: pointer
}
.fa-sort-streaming-desc::before {
    content: "\f161"
}
.fa-sort-streaming-asc::before {
    content: "\f160"
}
.edit.del {
    background-image: url("/st/portal/media/images/edit-del-column2.png")
}
.shop-tmpl-load .search-choice-close {
    display: none !important
}
.left5 {
    padding-left: 5px
}
.right20 {
    float: right;
    margin-right: -20px
}
.pt20 {
    padding-top: 20px;
    float: left
}
.pb10 {
    padding-bottom: 10px
}
.img-disabled {
    opacity: 0.1;
    filter: alpha(opacity=10)
}
.upload-file-container a {
    margin: 0 12px 0 6px
}
.upload-file-container a.edit-icon {
    background-position: 0 -54px
}
.upload-file-container a.save-icon {
    background-position: 0 -81px
}
.js-filename {
    display: inline-block
}
.editable {
    padding: 1px 4px;
    border: 1px inset #cc0f8d
}
.lang-switch {
    margin-left: 16px;
    float: right
}
.lang-switch a {
    display: inline-block;
    width: 16px;
    height: 11px
}
.lang-switch a.lang-inactive {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%)
}
.lang-switch a.ru {
    background-image: url("/st/portal/media/images/flags/ru.png")
}
.lang-switch a.en {
    background-image: url("/st/portal/media/images/flags/en.png")
}
.js-progress-cont {
    margin-top: 12px
}
.va-init {
    vertical-align: initial
}
.raspberry {
    color: #cc0f8d
}
.row.fluid-right-40 {
    padding-right: 40px
}
.row.row-head {
    margin: 12px 0;
    font-size: 1.4em
}
.half {
    width: 49.99999999999%
}
.inline-block {
    display: inline-block
}
.head-track.deg .icon-row {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.list-music ul li span {
    margin-right: 1em
}
.list-music ul li span.track-cell {
    padding-right: 1em;
    border-right: 1px solid lightgrey
}
.list-music ul li span.name-track {
    min-width: 35%;
    max-width: 35%;
    overflow: hidden
}
.list-music ul li span.artist-name-track {
    min-width: 30%;
    max-width: 30%;
    overflow: hidden
}
.list-music ul li span.length-track {
    float: right;
    text-align: right;
    color: #818181;
    max-width: 8%
}
.balance .container-fields-hide .in-block ul.table-tracks.balance-table li.thead .th {
    vertical-align: top
}
.pc64 {
    width: 64%
}
.content-datas .container-data .remove_btm_decor.container-fields-hide:before {
    content: none
}
.trackIcon.active.ringtone {
    background-position: 0 0
}
.trackIcon.active.live {
    background-position: -27px 0
}
.trackIcon.active.fuck {
    background-position: -54px 0
}
.trackIcon.active.playMusic {
    background-position: -81px 0
}
.trackIcon.active.grat {
    background-position: -108px 0
}
.trackIcon.active.album-group {
    background-position: -135px 0
}
.cover_size {
    text-align: center;
    font-size: 12px;
    color: #8B8B8B
}
ul.list-col-present li {
    width: 20%;
    float: left;
    margin: 4px 4px 4px 8px;
    padding: 4px;
    color: #000;
    background-color: gainsboro;
    border: 1px outset white
}
ul.list-col-present.blue li {
    background-color: aliceblue
}
ul.list-col-present.no-width li {
    width: initial
}
div.fluid-container-album div.row-container h1 {
    margin: 1em 0
}
div.fluid-container-album div.row-container .h_sub {
    margin-top: 0.5em;
    font-size: small
}
.disabled_on_click {
    background-color: darkgray !important;
    color: gray
}
.header-row {
    width: 100%
}
.sort-btn {
    margin: 0 8px 16px 0;
    height: 23px;
    line-height: 23px
}
.precreate_error {
    padding: 1em;
    margin: 1em;
    color: brown
}
.hidden {
    display: none
}

.list-icon a.amazon,
.str-icon a.amazon {
    background-position: -591px -30px
}
.list-icon a.amazon:hover,
.str-icon a.amazon:hover {
    background-position: -591px -4px
}

.list-icon a.tidal,
.str-icon a.tidal {
    background-position: -618px -30px
}
.list-icon a.tidal:hover,
.str-icon a.tidal:hover {
    background-position: -618px -4px
}

.list-icon a.oma_nda,
.str-icon a.oma_nda {
    background-position: -643px -29px
}
.list-icon a.oma_nda:hover,
.str-icon a.oma_nda:hover {
    background-position: -643px -4px
}

.list-icon a.nda_temafon_beelinemusic,
.str-icon a.nda_temafon_beelinemusic {
    background-position: -505px -31px
}
.list-icon a.nda_temafon_beelinemusic:hover,
.str-icon a.nda_temafon_beelinemusic:hover {
    background-position: -505px -5px
}