-ms-viewport {
    width: device-width
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    zoom: 1
}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: none
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1px 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p, pre {
    margin: 1em 0
}

pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

small {
    font-size: 75%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl, menu, ol, ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu, ol, ul {
    padding: 0 0 0 40px
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

img, iframe, object, embed {
    vertical-align: middle
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    box-sizing: content-box;
    outline: none;
    border-radius: none;
    box-shadow: none
}

button, input {
    line-height: normal
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}

button[disabled], input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

label {
    cursor: default
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    text-align: left;
    caption-side: top
}

th {
    text-align: left
}

@font-face {
    font-family: 'unisim-icon';
    font-style: normal;
    font-weight: normal;
    src: url("../font/unisim-icon.eot");
    src: url("../font/unisim-icon.eot?#iefix") format('embedded-opentype'), url("../font/unisim-icon.woff") format('woff'), url("../font/unisim-icon.ttf") format('truetype'), url("../font/unisim-icon.svg#unisim-icon") format("svg")
}

/*
 *	Simply fast class
 */
.reset {
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.reset td, .reset th {
    border: none;
    background: none;
    padding: 0
}

.reset > li, .reset > dt, .reset > dd {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    float: none;
    width: auto
}

.reset > li:before {
    display: none;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    background: none
}

.l {
    float: left;
    display: inline
}

.r {
    float: right;
    display: inline
}

.cb {
    clear: both
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cfx {
    zoom: 1;
}

.cfx:after, .cfx:before {
    content: '';
    display: table;
    clear: both
}

.break {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.ctx {
    zoom: 1;
    display: table-cell;
}

.ie7 .ctx {
    display: block
}

.ctx:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "
}

.hide, .js .jsHide {
    display: none
}

.out, .js .jsOut {
    position: absolute;
    left: -5000px;
    top: -5000px
}

.vhide {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.lower {
    text-transform: lowercase
}

.upper {
    text-transform: uppercase
}

.bold {
    font-weight: bold
}

.thin {
    font-weight: normal
}

.semi {
    font-weight: 600
}

.italic {
    font-style: italic
}

.normal {
    font-style: normal
}

.top {
    vertical-align: top
}

.middle {
    vertical-align: middle
}

.bottom {
    vertical-align: bottom
}

.big {
    font-size: 16px
}

.bigger {
    font-size: 18px
}

.biggest {
    font-size: 30px
}

.small {
    font-size: 12px
}

.error, .red {
    color: #c00
}

.green {
    color: #678713
}

.grey {
    color: #999
}

.light {
    color: #868686
}

.nowrap {
    white-space: nowrap
}

/*
 * Typo
 */
body {
    font: normal 14px/1.5 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.2;
    margin: 1.3em 0 .5em;
    color: #2f2f2f
}

h1, .h1 {
    font-size: 32px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 20px;
    margin-bottom: .7em
}

h4 {
    font-size: 18px;
    margin-bottom: .7em
}

h5, h6 {
    font-size: 15px;
    margin-bottom: .6em
}

p {
    margin: 0 0 1.2em
}

.big + .bigger {
    margin-top: -.5em
}

blockquote {
    margin: .8em 0 .3em;
}

blockquote p {
    margin: 0
}

a {
    color: #67ab2b;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: underline;
}

a:hover {
    color: #000;
    text-decoration: none
}

ul, ol {
    margin: 0 0 1.2em 5px;
    list-style: none;
    padding: 0
}

li {
    padding: 0 0 0 20px;
    margin: 0 0 .5em;
}

li ol, li ul {
    margin: .5em 0 0
}

ul li {
    position: relative;
}

ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 2px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #4bb749
}

ol {
    counter-reset: item;
}

ol li {
    background: none;
    position: relative;
}

ol li:before, ol li .ie-counter {
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    color: #4bb749;
    font-weight: bold;
    text-align: left
}

dl {
    margin: 0 0 1.5em
}

dt {
    font-weight: bold;
    margin: 0
}

dd {
    margin: 0 0 .75em;
    padding: 0
}

table {
    width: 100%;
    clear: both;
    margin: 0 0 1.2em;
    empty-cells: show;
    border-collapse: collapse;
    border: 1px solid #e5e4e4
}

caption {
    font-weight: bold;
    text-align: left;
    padding: 0 0 10px;
    caption-side: top
}

td, th {
    vertical-align: top;
    padding: 7px 8px;
    border: 1px solid #e5e4e4
}

th {
    font-weight: bold;
    text-align: left;
    border-top: none;
    background: #e5e4e4
}

thead td, thead th {
    vertical-align: middle
}

hr {
    font-size: 0;
    line-height: 0;
    height: 1px;
    border: none;
    background: #e5e4e4;
    color: #e5e4e4;
    margin: 30px 0
}

form hr {
    margin: 24px 0
}

img.l {
    margin: 0 20px 20px 0
}

img.r {
    margin: 0 0 20px 20px
}

.ie7 a[href] * {
    cursor: pointer
}

/*
 *	Grid
 */
.row, .page-hd, #header, .form-add-players, .crossroad-players, .box-hd {
    position: relative;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.row:after, .page-hd:after, #header:after, .form-add-players:after, .crossroad-players:after, .box-hd:after, .row:before, .page-hd:before, #header:before, .form-add-players:before, .crossroad-players:before, .box-hd:before {
    content: '';
    display: table;
    clear: both
}

.row-main {
    margin: 0 auto
}

.grid {
    display: block;
    text-align: left;
    font-size: 0;
    margin-left: -20px
}

.col {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

.ie7 .col {
    display: inline;
    zoom: 1
}

@media (min-width: 651px) {
    .col {
        margin-bottom: 30px
    }
}

.col-1-1 {
    width: 100%
}

.col-1-1.col-fixed {
    width: 100%
}

.push-1-1 {
    left: 100%
}

.pull-1-1 {
    left: -100%
}

.col-1-2 {
    width: 50%
}

.col-1-2.col-fixed {
    width: 100%
}

.push-1-2 {
    left: 50%
}

.pull-1-2 {
    left: -50%
}

.col-1-3 {
    width: 33.333333333333336%
}

.col-1-3.col-fixed {
    width: 100%
}

.push-1-3 {
    left: 33.333333333333336%
}

.pull-1-3 {
    left: -33.333333333333336%
}

.col-2-3 {
    width: 66.66666666666667%
}

.col-2-3.col-fixed {
    width: 100%
}

.push-2-3 {
    left: 66.66666666666667%
}

.pull-2-3 {
    left: -66.66666666666667%
}

.col-1-4 {
    width: 25%
}

.col-1-4.col-fixed {
    width: 100%
}

.push-1-4 {
    left: 25%
}

.pull-1-4 {
    left: -25%
}

.col-2-4 {
    width: 50%
}

.col-2-4.col-fixed {
    width: 100%
}

.push-2-4 {
    left: 50%
}

.pull-2-4 {
    left: -50%
}

.col-3-4 {
    width: 75%
}

.col-3-4.col-fixed {
    width: 100%
}

.push-3-4 {
    left: 75%
}

.pull-3-4 {
    left: -75%
}

.col-1-5 {
    width: 20%
}

.col-1-5.col-fixed {
    width: 100%
}

.push-1-5 {
    left: 20%
}

.pull-1-5 {
    left: -20%
}

.col-2-5 {
    width: 40%
}

.col-2-5.col-fixed {
    width: 100%
}

.push-2-5 {
    left: 40%
}

.pull-2-5 {
    left: -40%
}

.col-3-5 {
    width: 60%
}

.col-3-5.col-fixed {
    width: 100%
}

.push-3-5 {
    left: 60%
}

.pull-3-5 {
    left: -60%
}

.col-4-5 {
    width: 80%
}

.col-4-5.col-fixed {
    width: 100%
}

.push-4-5 {
    left: 80%
}

.pull-4-5 {
    left: -80%
}

@media (min-width: 651px) {
    .col-t-1-1 {
        width: 100%
    }

    .col-t-1-1.col-fixed {
        width: 100%
    }

    .push-t-1-1 {
        left: 100%
    }

    .pull-t-1-1 {
        left: -100%
    }

    .col-t-1-2 {
        width: 50%
    }

    .col-t-1-2.col-fixed {
        width: 100%
    }

    .push-t-1-2 {
        left: 50%
    }

    .pull-t-1-2 {
        left: -50%
    }

    .col-t-1-3 {
        width: 33.333333333333336%
    }

    .col-t-1-3.col-fixed {
        width: 100%
    }

    .push-t-1-3 {
        left: 33.333333333333336%
    }

    .pull-t-1-3 {
        left: -33.333333333333336%
    }

    .col-t-2-3 {
        width: 66.66666666666667%
    }

    .col-t-2-3.col-fixed {
        width: 100%
    }

    .push-t-2-3 {
        left: 66.66666666666667%
    }

    .pull-t-2-3 {
        left: -66.66666666666667%
    }

    .col-t-1-4 {
        width: 25%
    }

    .col-t-1-4.col-fixed {
        width: 100%
    }

    .push-t-1-4 {
        left: 25%
    }

    .pull-t-1-4 {
        left: -25%
    }

    .col-t-2-4 {
        width: 50%
    }

    .col-t-2-4.col-fixed {
        width: 100%
    }

    .push-t-2-4 {
        left: 50%
    }

    .pull-t-2-4 {
        left: -50%
    }

    .col-t-3-4 {
        width: 75%
    }

    .col-t-3-4.col-fixed {
        width: 100%
    }

    .push-t-3-4 {
        left: 75%
    }

    .pull-t-3-4 {
        left: -75%
    }

    .col-t-1-5 {
        width: 20%
    }

    .col-t-1-5.col-fixed {
        width: 100%
    }

    .push-t-1-5 {
        left: 20%
    }

    .pull-t-1-5 {
        left: -20%
    }

    .col-t-2-5 {
        width: 40%
    }

    .col-t-2-5.col-fixed {
        width: 100%
    }

    .push-t-2-5 {
        left: 40%
    }

    .pull-t-2-5 {
        left: -40%
    }

    .col-t-3-5 {
        width: 60%
    }

    .col-t-3-5.col-fixed {
        width: 100%
    }

    .push-t-3-5 {
        left: 60%
    }

    .pull-t-3-5 {
        left: -60%
    }

    .col-t-4-5 {
        width: 80%
    }

    .col-t-4-5.col-fixed {
        width: 100%
    }

    .push-t-4-5 {
        left: 80%
    }

    .pull-t-4-5 {
        left: -80%
    }
}

@media (min-width: 1000px) {
    .col-d-1-1 {
        width: 100%
    }

    .col-d-1-1.col-fixed {
        width: 100%
    }

    .push-d-1-1 {
        left: 100%
    }

    .pull-d-1-1 {
        left: -100%
    }

    .col-d-1-2 {
        width: 50%
    }

    .col-d-1-2.col-fixed {
        width: 100%
    }

    .push-d-1-2 {
        left: 50%
    }

    .pull-d-1-2 {
        left: -50%
    }

    .col-d-1-3 {
        width: 33.333333333333336%
    }

    .col-d-1-3.col-fixed {
        width: 100%
    }

    .push-d-1-3 {
        left: 33.333333333333336%
    }

    .pull-d-1-3 {
        left: -33.333333333333336%
    }

    .col-d-2-3 {
        width: 66.66666666666667%
    }

    .col-d-2-3.col-fixed {
        width: 100%
    }

    .push-d-2-3 {
        left: 66.66666666666667%
    }

    .pull-d-2-3 {
        left: -66.66666666666667%
    }

    .col-d-1-4 {
        width: 25%
    }

    .col-d-1-4.col-fixed {
        width: 100%
    }

    .push-d-1-4 {
        left: 25%
    }

    .pull-d-1-4 {
        left: -25%
    }

    .col-d-2-4 {
        width: 50%
    }

    .col-d-2-4.col-fixed {
        width: 100%
    }

    .push-d-2-4 {
        left: 50%
    }

    .pull-d-2-4 {
        left: -50%
    }

    .col-d-3-4 {
        width: 75%
    }

    .col-d-3-4.col-fixed {
        width: 100%
    }

    .push-d-3-4 {
        left: 75%
    }

    .pull-d-3-4 {
        left: -75%
    }

    .col-d-1-5 {
        width: 20%
    }

    .col-d-1-5.col-fixed {
        width: 100%
    }

    .push-d-1-5 {
        left: 20%
    }

    .pull-d-1-5 {
        left: -20%
    }

    .col-d-2-5 {
        width: 40%
    }

    .col-d-2-5.col-fixed {
        width: 100%
    }

    .push-d-2-5 {
        left: 40%
    }

    .pull-d-2-5 {
        left: -40%
    }

    .col-d-3-5 {
        width: 60%
    }

    .col-d-3-5.col-fixed {
        width: 100%
    }

    .push-d-3-5 {
        left: 60%
    }

    .pull-d-3-5 {
        left: -60%
    }

    .col-d-4-5 {
        width: 80%
    }

    .col-d-4-5.col-fixed {
        width: 100%
    }

    .push-d-4-5 {
        left: 80%
    }

    .pull-d-4-5 {
        left: -80%
    }
}

[data-icon]:before, [class^="icon-"]:before, [class*=" icon-"]:before, .icon:before, .link-region:after, .inp-user:after, .inp-select-item:after, #user .name:after, #user .time:after, #user .admin:after, #user .logout:after, #menu-main a:after, .table-users td:first-child:before, .box-countdown:after {
    font-family: "unisim-icon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[data-icon]:before {
    content: attr(data-icon)
}

.icon-btn-tick:before {
    content: "a"
}

.icon-pause:before {
    content: "b"
}

.icon-play:before, #menu-main .item-menu a:after {
    content: "e"
}

.icon-btn-back:before {
    content: "f"
}

.icon-trash:before {
    content: "g"
}

.icon-btn-save:before {
    content: "h"
}

#user .logout:after {
    content: "i"
}

#menu-main .item-finance a:after {
    content: "j"
}

.icon-basket:before {
    content: "l"
}

#menu-main .item-communication a:after {
    content: "m"
}

.icon-open:before {
    content: "n"
}

.icon-settings:before, #user .admin:after {
    content: "o"
}

#user .time:after, .box-countdown:after {
    content: "p"
}

.icon-end:before, .icon-remove-s:before, .icon-btn-minus:before, .icon-btn-remove-s:before, .inp-select-item:after {
    content: "q"
}

#menu-main .item-dashboard a:after {
    content: "r"
}

.icon-btn-coin:before {
    content: "s"
}

.icon-delete:before {
    content: "t"
}

.icon-trash:before {
    content: "g"
}

.icon-btn-add:before, .icon-btn-add-s:before {
    content: "v"
}

.link-region:after {
    content: "w"
}

.box-user .avatar .icon:before, .table-users td:first-child:before {
    content: "z"
}

.inp-user:after, #user .name:after {
    content: "A"
}

#menu-main .item-resources a:after {
    content: "B"
}

#menu-main .item-reports a:after {
    content: "D"
}

#menu-main .item-sale a:after {
    content: "F"
}

#menu-main .item-products a:after {
    content: "G"
}

.icon-stop:before {
    content: "E"
}

.icon, .icon:before {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em
}

.icon:before {
    display: block;
}

.icon-basket {
    font-size: 18px;
    color: #a8a8a8;
}

a:hover .icon-basket {
    color: #4d980d
}

.icon-delete {
    font-size: 18px;
    color: #a8a8a8;
}

a:hover .icon-delete {
    color: #000
}

.icon-open {
    font-size: 18px;
    color: #a8a8a8;
}

a:hover .icon-open {
    color: #25772d
}

.icon-settings {
    font-size: 18px;
    color: #a8a8a8;
}

a:hover .icon-settings {
    color: #386143
}

.icon-trash {
    font-size: 18px;
    color: #a8a8a8;
}

a:hover .icon-trash {
    color: #b62929
}

.icon-pause {
    font-size: 16px;
    color: #949494;
}

a:hover .icon-pause {
    color: #000
}

.icon-play {
    font-size: 20px;
    color: #949494;
}

a:hover .icon-play {
    color: #000
}

.icon-stop {
    font-size: 17px;
    color: #949494;
}

a:hover .icon-stop {
    color: #000
}

.icon-end {
    font-size: 19px;
    color: #949494;
}

a:hover .icon-end {
    color: #d70101
}

.icon-remove-s {
    font-size: 13px;
    color: #b82723;
}

a:hover .icon-remove-s {
    color: #f00
}

.icon-btn-add {
    font-size: 16px;
}

.icon-btn-minus {
    font-size: 18px;
}

.icon-btn-add-s {
    font-size: 14px;
}

.icon-btn-remove-s {
    font-size: 16px;
}

.icon-btn-save {
    font-size: 15px;
}

.icon-btn-tick {
    font-size: 20px;
}

.icon-btn-tick-s {
    background: url("../img/bg/sprite.png?1393418713487") -262px -104px no-repeat;
    width: 12px;
    height: 11px
}

.icon-btn-back {
    font-size: 22px;
}

.icon-btn-coin {
    font-size: 16px;
}

.status {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    overflow: hidden;
    font: 0/0 a;
    color: transparent;
    text-decoration: none
}

.status-online {
    background: #20ad4e
}

.status-offline {
    background: #d75041
}

.v-overflow-placeholder {
    display: block;
}

.js .v-overflow-placeholder {
    overflow: hidden
}

table .v-overflow-placeholder {
    height: 18px
}

.v-overflow-placeholder.is-placeholder {
    white-space: nowrap
}

.round-status {
    display: block;
    text-align: center;
    color: #6b706e;
    font-size: 16px;
    margin: 0;
}

.round-status .current {
    display: block;
    width: 84px;
    height: 88px;
    font-size: 75px;
    font-weight: bold;
    line-height: 88px;
    color: #252525;
    padding-top: 9px;
    margin: 0 auto 8px !important;
    text-align: center;
    background: #fff;
    background: #fff -webkit-linear-gradient(top, #fff 0%, #f5f5f5 50%, #fff 51%);
    background: #fff -moz-linear-gradient(top, #fff 0%, #f5f5f5 50%, #fff 51%);
    background: #fff -o-linear-gradient(top, #fff 0%, #f5f5f5 50%, #fff 51%);
    background: #fff -ms-linear-gradient(top, #fff 0%, #f5f5f5 50%, #fff 51%);
    background: #fff linear-gradient(to bottom, #fff 0%, #f5f5f5 50%, #fff 51%);
    border-bottom: 5px solid #469400
}

@media (min-width: 651px) {
    .fixed-height {
        overflow: hidden;
    }

    .fixed-height.js-fixed {
        overflow: visible
    }

    .fixed-height .box-bd {
        overflow-y: auto
    }

    .fixed-height-300 {
        height: 300px
    }

    .fixed-height-342 {
        height: 342px
    }

    .fixed-height-297 {
        height: 297px
    }

    .fixed-height-315 {
        height: 315px
    }
}

.link-region {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 23px;
}

.link-region:after {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.page-hd {
    margin-bottom: 25px;
    line-height: 44px;
}

.page-hd p {
    margin: 0
}

.page-hd .r {
    float: none;
    display: block
}

@media (min-width: 651px) {
    .page-hd {
        min-height: 44px
    }

    .page-hd .r {
        float: right
    }

    .page-hd .menu-tabs {
        float: left
    }
}

@media (min-width: 1000px) {
    .page-hd .title {
        float: left;
        margin: 0 25px 0 0;
        line-height: 44px
    }
}

@media (max-width: 650px) {
    .page-hd select, .page-hd .selectBox {
        width: 100%
    }
}

.msg-load {
    position: relative;
    display: block;
    padding-left: 21px;
}

.msg-load:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    background: url("../img/bg/ajax-s.gif") no-repeat
}

/*
 *	Forms
 */
.inp-text, .ui-timepicker-input, .inp-select {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cecece;
    padding: 9px 10px 7px;
    height: 36px;
    background: #fff 100% 50% no-repeat;
    color: #171717 !important;
    font: 14px/18px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.inp-text:hover, .ui-timepicker-input:hover, .inp-select:hover {
    border-color: #56af08
}

.inp-text:focus, .ui-timepicker-input:focus, .inp-select:focus {
    border-color: #9e9e9e
}

.inp-text[disabled], .ui-timepicker-input[disabled], .inp-select[disabled], .inp-text.selectBox-disabled, .ui-timepicker-input.selectBox-disabled, .inp-select.selectBox-disabled, .inp-text[disabled]:hover, .ui-timepicker-input[disabled]:hover, .inp-select[disabled]:hover, .inp-text.selectBox-disabled:hover, .ui-timepicker-input.selectBox-disabled:hover, .inp-select.selectBox-disabled:hover {
    border: 1px solid #cecece;
    cursor: default;
    background-color: #eee
}

.inp-text[readonly], .ui-timepicker-input[readonly], .inp-select[readonly], .inp-text.selectBox-readonly, .ui-timepicker-input.selectBox-readonly, .inp-select.selectBox-readonly {
    background-color: #eee
}

.error .inp-text, .error .ui-timepicker-input {
    background: #feecec;
    border-color: #e82f44
}

textarea.inp-text {
    height: auto
}

.inp-fix {
    position: relative;
    display: block;
}

.inp-fix .inp-text {
    display: block;
    width: 100%
}

.inp-fix .inp-inline {
    width: auto;
    display: inline-block
}

.inp-row {
    margin: 0 0 10px;
}

.inp-row .inp-label {
    display: block;
    text-align: left;
    color: #8e8e8e;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px
}

.inp-row .inp-static {
    display: block;
    line-height: 18px
}

.inp-desc {
    display: block;
    margin: 5px 0 0;
    line-height: 18px
}

.inp-inline {
    display: inline-block;
}

* + .inp-inline, .inp-inline + * {
    margin-left: 7px
}

.inp-inline + * + .inp-inline {
    margin-left: 12px
}

.vhide + .inp-inline {
    margin-left: 0
}

.inp-inline + span {
    display: inline-block;
    position: relative;
    top: 1px;
}

.inp-inline + span.small {
    top: 2px
}

.inp-inner-label {
    color: #c7c7c7;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    padding: 9px 10px 7px;
    background: #fff;
    pointer-events: none
}

.inp-date:after {
    content: '';
    width: 26px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 1px;
    background: url("../img/bg/date.png") 0 0 no-repeat;
    pointer-events: none
}

.inp-date .inp-text {
    padding-right: 30px
}

.inp-user:after {
    font-size: 22px;
    color: #7b7b7b;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 15px;
    pointer-events: none
}

.inp-user .inp-text {
    padding-left: 54px
}

.inp-pass:after {
    content: '';
    width: 16px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 17px;
    background: url("../img/bg/pass.png") 0 0 no-repeat;
    pointer-events: none
}

.inp-pass .inp-text {
    padding-left: 54px
}

.inp-l {
    padding-top: 15px;
    padding-bottom: 13px;
    height: 48px
}

@media (min-width: 651px) {
    .inp-row {
        padding: 0 0 0 125px;
        min-height: 36px;
    }

    .inp-row .inp-label {
        float: left;
        padding: 10px 0 0;
        margin: 0 0 0 -125px;
        width: 112px;
        text-align: right
    }

    .inp-row .inp-static {
        padding-top: 10px
    }

    .box-highlight .inp-row {
        padding-left: 110px;
    }

    .box-highlight .inp-row .inp-label {
        margin-left: -110px;
        width: 97px
    }
}

.inp-item {
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.inp-item input {
    position: absolute;
    left: -5500px;
}

.inp-item input + *:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    background: url("../img/bg/sprite.png?1393418713487") -198px -190px no-repeat;
    width: 17px;
    height: 16px
}

.inp-item input[type="checkbox"] + * {
    margin-left: 5px
}

.inp-item input:checked + *:before {
    background: url("../img/bg/sprite.png?1393418713487") -219px -190px no-repeat
}

.inp-item input[type="radio"] + *:before {
    background: url("../img/bg/sprite.png?1393418713487") -2px -240px no-repeat;
    width: 14px;
    height: 13px;
    top: 1px
}

.inp-item input[type="radio"]:checked + *:before {
    background: url("../img/bg/sprite.png?1393418713487") -224px -154px no-repeat
}

.inp-list {
    display: block;
}

.inp-list .inp-item {
    display: block
}

.inp-list-inline {
    margin-left: -10px;
}

.inp-list-inline .inp-item {
    display: inline-block;
    margin-left: 10px
}

.inp-select {
    padding-right: 5px
}

.inp-fix .inp-select {
    display: block;
    width: 100%
}

@-moz-document url-prefix() {
    select.inp-select {
        text-indent: -2px
    }
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .inp-select {
        -webkit-appearance: button;
        background-image: url("../img/bg/select.png");
        padding-right: 25px
    }

    .selectBox-dropdown, .selectBox-dropdown-menu {
        -webkit-appearance: none
    }
}

.selectBox-dropdown {
    position: relative;
    text-decoration: none;
    padding-right: 25px;
    cursor: pointer;
}

.selectBox-dropdown a {
    text-decoration: none
}

.selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25px;
    background: url("../img/bg/select.png") 100% 50% no-repeat
}

.selectBox-dropdown-menu {
    position: absolute;
    background: #fff;
    z-index: 102;
    margin: 0;
    padding: 0;
    height: auto;
    border: 1px solid #cecece;
    font-size: 13px;
    line-height: 15px;
    overflow: auto;
    max-height: 241px;
}

.selectBox-dropdown-menu li {
    padding: 0;
    margin: 0;
    background: none;
}

.selectBox-dropdown-menu li:before {
    display: none
}

.selectBox-dropdown-menu li + li {
    border-top: 1px solid #f3f3f3
}

.selectBox-dropdown-menu a {
    display: block;
    text-decoration: none;
    color: #2f2f2f;
    padding: 8px 10px 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.selectBox-dropdown-menu .selectBox-hover a, .selectBox-dropdown-menu .selectBox-selected a, .selectBox-dropdown-menu .selectBox-selected.selectBox-hover a {
    color: #4ea700;
    background-color: #d4dccc;
    cursor: pointer
}

.inp-select-list {
    display: block;
    font-size: 0;
    margin: 0 0 0 -10px
}

.inp-select-list > * {
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 14px
}

.ie7 .inp-select-list > * {
    display: inline;
    zoom: 1
}

.inp-select-item {
    position: relative;
    line-height: 30px;
    background: #d4d4d4;
    padding: 1px 26px 0 16px;
    margin: 0 0 10px 10px !important;
    cursor: pointer;
}

.inp-select-item:after {
    font-size: 13px;
    color: #b82723;
    position: absolute;
    top: 9px;
    right: 8px
}

.inp-select-item:hover:after {
    color: #f00
}

.btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
}

.ie7 .btn {
    display: inline;
    zoom: 1
}

.btn > span {
    position: relative;
    display: block;
    border-top: 1px solid #7ac53b;
    border-bottom: 2px solid #63933d;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    padding: 2px 10px 0;
    font: 600 15px/36px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: #76ad48;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    text-align: center
}

.btn:hover > span {
    background: #8abd60
}

.btn .icon {
    margin-right: 6px;
    position: relative;
    top: -1px
}

.btn .icon-btn-back {
    top: -2px
}

@media (min-width: 651px) {
    .btn {
        min-width: 145px
    }

    .btn.btn-s {
        min-width: 110px
    }

    .btn.btn-icon {
        min-width: 0
    }

    .btn > span {
        padding: 2px 15px 0
    }
}

.btn-secondary > span {
    border-top-color: #959595;
    border-bottom-color: #767676;
    background-color: #898989
}

.btn-secondary:hover > span {
    background: #9b9b9b
}

.btn-danger > span {
    border-top-color: #ff0404;
    border-bottom-color: #b70000;
    background-color: #d70000
}

.btn-danger:hover > span {
    background: #ef0000
}

.btn-add > span, .btn-remove > span {
    border-top-color: #ededed;
    border-bottom-color: #d0d0d0;
    background-color: #e1e1e1;
    color: #808080
}

.btn-add:hover > span, .btn-remove:hover > span, .btn-link:hover .btn-add > span, .btn-link:hover .btn-remove > span {
    border-top-color: #8ccd8b;
    background: #4bb749;
    color: #fff
}

.modal-close-link:hover .btn-add > span, .modal-close-link:hover .btn-remove > span {
    color: #fff;
    background: #b82723;
    border-top-color: rgba(255, 0, 0, 0.5)
}

.btn-back > span {
    border-top-color: #66c264;
    border-bottom-color: #3a8e38;
    background-color: #4bb749
}

.btn-back:hover > span {
    background: #59bd58
}

.btn-s > span {
    height: 29px;
    line-height: 29px;
    font-size: 14px
}

.btn-l > span {
    height: 41px;
    line-height: 41px
}

.btn-block {
    display: block;
    width: 100% !important
}

.btns {
    margin-top: 20px;
}

.btns .btn + .btn {
    margin-left: 17px
}

.btn-icon .icon {
    margin: 0
}

.btn-icon .icon-btn-back {
    margin-right: -6px
}

.btn-link {
    text-decoration: none;
    color: #afaaaa;
}

.btn-link .middle {
    display: inline-block;
    padding-top: 1px;
    margin: 0 8px
}

.btn-link:hover {
    color: #afaaaa
}

.ui-datepicker {
    display: none;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 25px 20px 25px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    width: 270px;
    min-height: 213px;
}

@media (min-width: 651px) {
    .ui-datepicker {
        width: 370px;
        padding-right: 130px
    }

    .ui-datepicker:after {
        content: '';
        position: absolute;
        right: 100px;
        top: 35px;
        bottom: 25px;
        width: 1px;
        background: #e6e6e6
    }
}

.ui-datepicker-header {
    position: relative;
    margin: 0 0 17px
}

.ui-datepicker-calendar {
    margin: 0;
    border: none;
    font-size: 12px;
    font-weight: 600;
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    background: none;
    padding: 0;
    border: none;
    text-align: center;
    text-transform: uppercase;
    color: #a8a8a8;
    padding-bottom: 4px;
}

.ui-datepicker-calendar td + td, .ui-datepicker-calendar th + td, .ui-datepicker-calendar td + th, .ui-datepicker-calendar th + th {
    padding-left: 15px
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar th a {
    text-decoration: none;
    color: #565656
}

.ui-datepicker-calendar td .ui-state-highlight, .ui-datepicker-calendar th .ui-state-highlight {
    color: #4bb749
}

.ui-datepicker-calendar th {
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 9px
}

.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 3px;
    left: 0;
    cursor: pointer;
    background: url("../img/bg/sprite.png?1393418713487") -262px -225px no-repeat;
    width: 9px;
    height: 11px;
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
    display: none
}

.ui-datepicker-prev:hover {
    background: url("../img/bg/sprite.png?1393418713487") -262px -240px no-repeat
}

.ui-datepicker-next {
    left: auto;
    right: 0;
    background: url("../img/bg/sprite.png?1393418713487") -262px -195px no-repeat;
}

.ui-datepicker-next:hover {
    background: url("../img/bg/sprite.png?1393418713487") -262px -210px no-repeat
}

.ui-datepicker-title {
    text-align: center;
    font: bold 14px/18px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #4bb749;
    text-transform: uppercase
}

.ui-datepicker-year, .ui-datepicker-current, .ui_tpicker_time_label, .ui_tpicker_minute_label, .ui_tpicker_hour_label {
    display: none
}

.ui-timepicker-div {
    width: 84px;
    padding-top: 15px;
}

@media (min-width: 651px) {
    .ui-timepicker-div {
        position: absolute;
        right: 0;
        top: 0;
        padding-right: 8px
    }
}

.ui_tpicker_time {
    font: bold 16px/18px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    margin: 0 0 20px
}

.ui_tpicker_minute, .ui_tpicker_hour {
    position: relative;
    padding: 16px 0 40px;
    width: 36px;
    float: left;
}

.ui_tpicker_minute .ui-spinner-up, .ui_tpicker_hour .ui-spinner-up, .ui_tpicker_minute .ui-spinner-down, .ui_tpicker_hour .ui-spinner-down {
    position: absolute;
    left: 50%;
    top: 50px;
    background: url("../img/bg/sprite.png?1393418713487") -262px -119px no-repeat;
    width: 12px;
    height: 8px;
    margin-left: -6px;
    cursor: pointer;
}

.ui_tpicker_minute .ui-spinner-up .ui-button-text, .ui_tpicker_hour .ui-spinner-up .ui-button-text, .ui_tpicker_minute .ui-spinner-down .ui-button-text, .ui_tpicker_hour .ui-spinner-down .ui-button-text {
    display: none
}

.ui_tpicker_minute .ui-spinner-up, .ui_tpicker_hour .ui-spinner-up {
    top: 0;
    background: url("../img/bg/sprite.png?1393418713487") -262px -20px no-repeat;
}

.ui_tpicker_minute .ui-spinner-up:hover, .ui_tpicker_hour .ui-spinner-up:hover {
    background: url("../img/bg/sprite.png?1393418713487") -262px -92px no-repeat
}

.ui_tpicker_minute .ui-spinner-down:hover, .ui_tpicker_hour .ui-spinner-down:hover {
    background: url("../img/bg/sprite.png?1393418713487") -262px -80px no-repeat
}

.ui_tpicker_hour, .ui_tpicker_minute {
    margin: 0;
}

.ui_tpicker_hour:after, .ui_tpicker_minute:after {
    content: 'hod.';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #a9a9a9;
    font-size: 14px
}

.ui_tpicker_minute {
    float: right;
}

.ui_tpicker_minute:before {
    content: ':';
    position: absolute;
    left: -8px;
    top: 19px;
    color: #c5c5c5
}

.ui_tpicker_minute:after {
    content: 'min.'
}

.ui-timepicker-input {
    padding: 5px 5px 3px;
    text-align: center;
    width: 100% !important;
    height: 28px
}

.ui-datepicker-buttonpane {
    position: absolute;
    bottom: 17px;
    right: 15px
}

button.ui-datepicker-close {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
    border-top: 1px solid #7ac53b;
    border-bottom: 2px solid #63933d;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    width: 70px;
    line-height: 36px;
    padding: 2px 0 0;
    background: #76ad48;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    text-align: center;
}

.ie7 button.ui-datepicker-close {
    display: inline;
    zoom: 1
}

button.ui-datepicker-close:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
    background: url("../img/bg/sprite.png?1393418713487") -242px -121px no-repeat;
    width: 16px;
    height: 13px
}

.ie7 button.ui-datepicker-close:after {
    display: inline;
    zoom: 1
}

button.ui-datepicker-close:hover {
    background: #8abd60
}

/*
 *	Plugins
 */
.jqplot-target {
    position: relative;
    color: #666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em
}

.jqplot-target canvas {
    vertical-align: middle
}

.jqplot-axis {
    font-size: .75em
}

.jqplot-xaxis {
    margin-top: 10px
}

.jqplot-x2axis {
    margin-bottom: 10px
}

.jqplot-yaxis {
    margin-right: 10px
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px
}

.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre
}

.jqplot-xaxis-tick {
    top: 0;
    left: 15px;
    vertical-align: top
}

.jqplot-x2axis-tick {
    bottom: 0;
    left: 15px;
    vertical-align: bottom
}

.jqplot-yaxis-tick {
    right: 0;
    top: 15px;
    text-align: right
}

.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0;
    padding: 1px 5px 1px 5px;
    z-index: 2;
    font-size: 1.5em
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0;
    top: 15px;
    text-align: left
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute
}

.jqplot-yaxis-label {
    margin-right: 10px;
    font-size: 11pt;
    position: absolute
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
    font-size: 11pt;
    margin-left: 10px;
    position: absolute
}

.jqplot-meterGauge-tick {
    font-size: .75em;
    color: #999
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
    width: auto
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #ccc;
    position: absolute;
    font-size: .75em
}

td.jqplot-table-legend {
    vertical-align: middle
}

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #ccc;
    padding: 1px
}

div.jqplot-table-legend-swatch {
    width: 0;
    height: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid
}

.jqplot-title {
    top: 0;
    left: 0;
    padding-bottom: .5em;
    font-size: 1.2em
}

table.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em
}

.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px
}

.jqplot-point-label {
    font-size: .75em;
    z-index: 2
}

td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: .7em
}

.jqplot-error {
    text-align: center
}

.jqplot-error-message {
    position: relative;
    top: 46%;
    display: inline-block
}

div.jqplot-bubble-label {
    font-size: .8em;
    padding-left: 2px;
    padding-right: 2px;
    color: #333
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(229, 229, 229, 0.7)
}

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(245, 245, 245, 0.3)
}

.tab-holder {
    position: relative
}

.tab-fragment.jsOut {
    width: 100%
}

.slider-label {
    color: #868686;
    text-align: center;
    line-height: 18px;
    padding-bottom: 7px;
}

.slider-label .l, .slider-label .r {
    width: 30px
}

.slider-label span {
    position: relative;
    display: block
}

.slider-label .center:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 1px solid #d3d2d2;
    height: 7px
}

.slider {
    margin: 0 0 40px
}

.js-slider {
    height: 10px;
}

.slider-label + .js-slider {
    margin: 0 15px
}

.sk-slider-range {
    display: block;
    height: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #cbcaca
}

.sk-slider-pane {
    position: relative;
    display: block;
    margin: 0 32px
}

.sk-slider-handle {
    position: absolute;
    top: -6px;
    background: url("../img/bg/sprite.png?1393418713487") -104px -64px no-repeat;
    width: 64px;
    height: 24px;
    margin-left: -32px
}

.modal-overlay, .modal-overlay .bg, .modal-overlay .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.modal-overlay .bg {
    background: #000;
    opacity: .3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30)
}

.modal-overlay .loader {
    background: url("../img/bg/ajax.gif") 50% 50% no-repeat;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.modal-overlay {
    position: fixed
}

.modal-overlay.loaded .loader {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.modal-holder {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 101;
    padding: 80px 10px;
}

@media (max-width: 650px) {
    .modal-holder {
        padding-top: 120px
    }
}

.modal {
    position: relative;
    background: #f4f3f3;
    color: #494949;
    border: 1px solid #7f7f7f;
    padding: 15px 20px;
    max-width: 440px;
    margin: 0 auto;
    text-align: center;
}

.modal > *:last-child, .modal .btns {
    margin-bottom: 0
}

.modal .semi, .modal strong, .modal .bold {
    color: #2f2f2f
}

.modal .msg-load {
    display: inline-block
}

.modal .inp-row {
    text-align: left
}

.modal .modal-close-link {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

.modal-title {
    font: 600 18px/22px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-bottom: 1px solid #dfdfdf;
    color: #2f2f2f;
    padding: 0 0 8px;
    margin: 0 0 25px
}

.modal-round-end, .modal-next {
    max-width: 600px;
}

.modal-round-end .biggest, .modal-next .biggest {
    margin: 40px 0 21px
}

.modal-round-end .msg-load, .modal-next .msg-load {
    margin-bottom: 40px
}

.modal-regions p {
    margin-bottom: 15px
}

.modal-regions .box-highlight, .box .modal-regions .box-highlight {
    margin-bottom: 13px
}

.modal-regions .btns {
    margin-top: 13px
}

.modal-change-payment {
    max-width: 390px
}

.modal-get-loan {
    max-width: 330px
}

.modal-edid-game {
    background: none;
    border: none;
    padding: 60px 0 0;
    max-width: 790px;
}

.modal-edid-game .grid {
    margin-left: -10px
}

.modal-edid-game .col {
    padding-left: 10px;
    margin-bottom: 10px
}

.modal-edid-game .modal {
    position: static;
    width: auto;
    max-width: none
}

.modal-change-players .form-add-players {
    margin: 30px 20px 20px
}

.modal-change-time .modal-title {
    margin-bottom: 20px
}

/*
 *	Widths
 */
.w-40, .inp-fix .w-40 {
    width: 40px;
    max-width: 100%
}

.w-50, .inp-fix .w-50 {
    width: 50px;
    max-width: 100%
}

.w-60, .inp-fix .w-60 {
    width: 60px;
    max-width: 100%
}

.w-75, .inp-fix .w-75 {
    width: 75px;
    max-width: 100%
}

.w-100, .inp-fix .w-100 {
    width: 100px;
    max-width: 100%
}

.w-125, .inp-fix .w-125 {
    width: 125px;
    max-width: 100%
}

.w-150, .inp-fix .w-150 {
    width: 150px;
    max-width: 100%
}

.w-160, .inp-fix .w-160 {
    width: 160px;
    max-width: 100%
}

.w-175, .inp-fix .w-175 {
    width: 175px;
    max-width: 100%
}

.w-200, .inp-fix .w-200 {
    width: 200px;
    max-width: 100%
}

.w-225, .inp-fix .w-225 {
    width: 225px;
    max-width: 100%
}

.w-250, .inp-fix .w-250 {
    width: 250px;
    max-width: 100%
}

.w-275, .inp-fix .w-275 {
    width: 275px;
    max-width: 100%
}

.w-300, .inp-fix .w-300 {
    width: 300px;
    max-width: 100%
}

.w-325, .inp-fix .w-325 {
    width: 325px;
    max-width: 100%
}

.w-350, .inp-fix .w-350 {
    width: 350px;
    max-width: 100%
}

.w-375, .inp-fix .w-375 {
    width: 375px;
    max-width: 100%
}

.w-400, .inp-fix .w-400 {
    width: 400px;
    max-width: 100%
}

.w-425, .inp-fix .w-425 {
    width: 425px;
    max-width: 100%
}

.w-450, .inp-fix .w-450 {
    width: 450px;
    max-width: 100%
}

.w-475, .inp-fix .w-475 {
    width: 475px;
    max-width: 100%
}

.w-500, .inp-fix .w-500 {
    width: 500px;
    max-width: 100%
}

#mq {
    position: absolute;
    top: -5000px;
    left: 0;
}

@media (min-width: 651px) {
    #mq {
        left: 10px
    }
}

@media (min-width: 1000px) {
    #mq {
        left: 20px
    }
}

@media (min-width: 1260px) {
    #mq {
        left: 30px
    }
}

html {
    height: 100%
}

body {
    position: relative;
    color: #2f2f2f;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.page-admin {
    background: #f5f5f5
}

/*
 *	Base layout
 */
#header {
    z-index: 200;
    background: #062549;
    color: #fff;
    padding: 10px 0 16px;
}

#header a {
    color: #fff
}

@media (min-width: 651px) {
    #header {
        padding: 10px 20px 16px
    }
}

#logo {
    background: url("../img/bg/sprite.png?1393418713487") -2px -64px no-repeat;
    width: 98px;
    height: 24px;
    display: block;
    font: 100%/1 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
}

@media (min-width: 651px) {
    #logo {
        margin-left: 0
    }
}

#user {
    float: right;
    margin: -10px 0 -16px;
    font-size: 0;
    padding-right: 57px;
}

#user > span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #f5f5f5;
    font-size: 15px;
    padding: 14px 15px 13px
}

#user .name {
    padding-left: 40px;
}

#user .name:after {
    font-size: 20px;
    color: #f5f5f5;
    position: absolute;
    left: 13px;
    top: 14px
}

#user .time {
    padding-left: 40px;
    white-space: nowrap;
}

#user .time:after {
    font-size: 20px;
    color: #f5f5f5f;
    position: absolute;
    left: 12px;
    top: 14px
}

#user .time strong {
    font-weight: normal
}

#user .time .text {
    display: none
}

#user .time .sep {
    margin: 0 2px
}

#user .admin {
    padding-left: 32px;
    border-left: none;
    font-weight: bold;
}

#user .admin:after {
    font-size: 20px;
    color: #259025;
    position: absolute;
    left: 0;
    top: 14px
}

#user .round {
    white-space: nowrap
}

#user .logout, #user .menu {
    position: absolute;
    right: 20px;
    top: 9px;
    width: 46px;
    height: 31px;
    background: #062549;
    color: #062549;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#user .logout:hover, #user .menu:hover {
    background: #f5f5f5;
}

#user .logout:hover:after {
    color: #062549;
}

#user .logout:after {
    position: absolute;
    left: 13px;
    top: 6px;
    font-size: 20px;
    color: white;
}

#user .menu {
    display: none;
}

#user .menu:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 8px;
    background: url("../img/bg/sprite.png?1393418713487") -203px -154px no-repeat;
    width: 17px;
    height: 15px
}

@media (max-width: 650px) {
    #user {
        border-top: 1px solid #3ea93c;
        padding-right: 0;
        margin: 40px 0 -16px;
        display: table;
        float: none;
        width: 100%;
    }

    #user > span {
        display: table-cell;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
    }

    #user > span:first-child {
        border: none
    }

    #user > span:after {
        display: none
    }

    #user .logout {
        right: 10px
    }

    #user .menu {
        display: block;
        right: 65px
    }
}

#main .col-side {
    display: none
}

#main .col-content {
    padding: 20px 10px 10px
}

.page-admin #main .row-main {
    max-width: 840px;
    padding: 20px 10px 10px
}

@media (min-width: 651px) {
    #main .col-side {
        display: block;
        z-index: 2;
        position: absolute;
        left: 0;
        top: 50px;
        bottom: 0;
        width: 60px;
        background: #ddd;
        overflow-x: hidden
    }

    #main .col-content {
        margin-left: 60px;
        padding: 30px 20px 10px
    }

    .page-admin #main .row-main {
        padding: 30px 20px 10px
    }
}

@media (min-width: 1260px) {
    #main .col-side {
        width: 220px;
        overflow-x: visible
    }

    #main .col-content {
        margin-left: 220px
    }
}

/*
 *	Menu
 */
#menu-main {
    font-size: 16px;
    line-height: 20px;
}

#menu-main ul {
    background: #ddd
}

#menu-main li {
    border-bottom: 1px solid #c9c8c7;
    position: relative
}

#menu-main a {
    position: relative;
    zoom: 1;
    display: block;
    text-decoration: none;
    padding: 22px 20px 19px 82px;
    min-height: 20px;
    color: #151515;
    -webkit-transition: background-color 0.2s, color 0.2s;
    -moz-transition: background-color 0.2s, color 0.2s;
    -o-transition: background-color 0.2s, color 0.2s;
    -ms-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
}

#menu-main a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    border-left: 1px solid #c9c8c7;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -ms-transition: border-color 0.2s;
    transition: border-color 0.2s
}

#menu-main a:after {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 20px;
    margin: -10px 0 0 0;
    color: #727272
}

#menu-main li a:hover, #menu-main li.active > a, #menu-main li:hover > a {
    z-index: 2;
    margin: -1px 0;
    border-top: 1px solid #7eb250;
    border-bottom: 1px solid #7eb250;
    color: #fff;
    background: #9ccd63;
}

#menu-main li a:hover:before, #menu-main li.active > a:before, #menu-main li:hover > a:before {
    border-color: #7eb250
}

#menu-main li a:hover:after, #menu-main li.active > a:after, #menu-main li:hover > a:after {
    color: #c7e8a0
}

#menu-main ul ul {
    display: none;
}

#menu-main ul ul li {
    border: none;
    border-top: 1px solid #c9c8c7
}

#menu-main ul ul a:after {
    display: none
}

#menu-main li:hover ul {
    display: block
}

#menu-main .item-menu {
    display: none;
}

#menu-main .item-menu a:hover, #menu-main .item-menu.active a {
    background-color: #cdcdcd;
}

#menu-main .item-menu a:hover:after, #menu-main .item-menu.active a:after {
    color: #727272
}

#menu-main .item-menu a:hover:before, #menu-main .item-menu.active a:before {
    border-color: #aaa
}

@media (min-width: 651px) {
    #menu-main > ul {
        width: 220px
    }

    .touch #menu-main .item-menu {
        display: block
    }

    #menu-main ul ul {
        position: absolute;
        left: 100%;
        top: 1px;
        width: 220px;
    }

    #menu-main ul ul li {
        border: none;
    }

    #menu-main ul ul li + li {
        border-top: 1px solid #c1e398
    }

    #menu-main ul ul a {
        background: #a7d572;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    #menu-main ul ul a:before, #menu-main ul ul a:after {
        display: none
    }

    #menu-main ul ul li a:hover, #menu-main ul ul li.active > a, #menu-main ul ul li:hover > a {
        border: none;
        margin: 0
    }
}

@media (min-width: 1260px) {
    #menu-main .item-menu {
        display: none
    }
}

.menu-tabs ul, .box-menu-tabs ul {
    font-size: 0
}

.menu-tabs li, .box-menu-tabs li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    margin-left: 1px
}

.ie7 .menu-tabs li, .ie7 .box-menu-tabs li {
    display: inline;
    zoom: 1
}

.menu-tabs a, .box-menu-tabs a {
    display: block;
    text-align: center;
    background: #393b3a;
    color: #fff;
    padding: 14px 20px 12px;
}

.menu-tabs a:hover, .box-menu-tabs a:hover {
    background: #333534
}

.menu-tabs a.active, .box-menu-tabs a.active, .menu-tabs a.active:hover, .box-menu-tabs a.active:hover {
    cursor: default;
    background: #f4f3f3;
    color: #2a2a2a;
    text-decoration: none
}

@media (max-width: 650px) {
    .menu-tabs ul, .box-menu-tabs ul {
        display: table;
        width: 100%
    }

    .menu-tabs li, .box-menu-tabs li {
        display: table-cell
    }

    .menu-tabs a, .box-menu-tabs a {
        padding: 14px 10px 12px
    }
}

.menu-steps {
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 30px;
    padding: 5px 0 16px;
    text-align: center;
}

.menu-steps ol {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 36px;
    font-weight: 600;
    margin: 0;
    color: #919191
}

.ie7 .menu-steps ol {
    display: inline;
    zoom: 1
}

.menu-steps ol > * {
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 14px
}

.ie7 .menu-steps ol > * {
    display: inline;
    zoom: 1
}

.menu-steps li {
    text-align: left;
    padding-left: 47px;
    margin: 0 0 10px;
}

.menu-steps li:before, .menu-steps li .ie-counter {
    content: counter(item);
    width: 36px;
    height: 36px;
    font: 15px/38px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    background: #c6c6c6;
    color: #fff;
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.menu-steps li.active {
    color: #4bb749;
}

.menu-steps li.active:before, .menu-steps li.active .ie-counter {
    background: #4bb749
}

@media (max-width: 650px) {
    .menu-steps li {
        display: block
    }
}

@media (min-width: 651px) {
    .menu-steps li {
        margin: 0;
    }

    .menu-steps li + li {
        margin-left: 47px;
    }

    .menu-steps li + li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -30px;
        background: url("../img/bg/sprite.png?1393418713487") -38px -154px no-repeat;
        width: 15px;
        height: 29px;
        margin-top: -15.5px
    }
}

/*
 *	Table
 */
.table-users {
    font-size: 16px;
    line-height: 18px;
}

.table-users td {
    vertical-align: middle;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    padding: 10px 15px 7px;
}

.table-users td .icon {
    display: none
}

.table-users td:first-child {
    border-left: none;
    padding-left: 75px;
}

.table-users td:first-child:before {
    font-size: 22px;
    color: #dcd6d6;
    float: left;
    margin: -2px 0 -2px -36px;
    position: relative;
    top: 50%
}

.table-users td:first-child + td {
    width: 14px;
    text-align: center
}

.table-users tr:first-child td {
    border-top: none
}

.table-logs {
    line-height: 18px;
}

.table-logs td {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    padding: 9px 15px 7px;
}

.table-logs td:first-child {
    border-left: none
}

.table-logs tr:first-child td {
    border-top: none
}

.table-data {
    line-height: 18px;
    color: #404040;
}

.table-data td, .table-data th {
    padding: 12px 15px 10px;
}

.table-data td + td, .table-data th + td, .table-data td + th, .table-data th + th {
    padding-left: 0
}

.table-data .col-num {
    text-align: right;
    padding-right: 10px;
    width: 1px
}

.table-data .col-least {
    width: 1px;
    white-space: nowrap
}

.table-data thead th, .table-data thead td {
    padding-bottom: 13px;
    padding-top: 17px
}

.table-data thead.dark td, .table-data thead.dark th {
    background: #6b706e;
    color: #f9f9f9
}

.table-data tbody tr:nth-child(2n+1) td, .table-data tbody tr:nth-child(2n+1) th {
    background: #e9e9e9
}

.table-data tbody .semi {
    color: #1e1e1e
}

.table-data .icon, .table-data .icon:last-child {
    margin-top: -2px
}

.table-data .highlight td, .table-data .highlight:nth-child(2n+1) td, .table-data .highlight th, .table-data .highlight:nth-child(2n+1) th {
    background: #d7e0ce
}

.table-data .highlight-light td, .table-data .highlight-light:nth-child(2n+1) td, .table-data .highlight-light th, .table-data .highlight-light:nth-child(2n+1) th {
    background: #e0f0e0
}

.table-data tbody tr td.highlight, .table-data tbody tr th.highlight {
    background: #d7e0ce
}

.table-data .bdt {
    border-top: 1px solid #cbcbcb
}

.table-data-bordered-v td + td, .table-data-bordered-v th + td, .table-data-bordered-v td + th, .table-data-bordered-v th + th {
    padding-left: 15px
}

.table-data-bordered-v td, .table-data-bordered-v th {
    border-left: 1px solid #cbcbcb;
}

.table-data-bordered-v td:first-child, .table-data-bordered-v th:first-child {
    border-left: none
}

.table-data-s td, .table-data-s th {
    padding: 12px 10px 10px;
}

.table-data-s td + td, .table-data-s th + td, .table-data-s td + th, .table-data-s th + th {
    padding-left: 0
}

.table-data-s thead th, .table-data-s thead td {
    padding-bottom: 5px;
    padding-top: 7px
}

.table-data-s.table-data-bordered-v td + td, .table-data-s.table-data-bordered-v th + td, .table-data-s.table-data-bordered-v td + th, .table-data-s.table-data-bordered-v th + th {
    padding-left: 10px
}

.table-sum-desc {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 0 .3em;
    margin: 0 0 .8em;
    border-bottom: 1px solid #cacaca
}

.ie7 .table-sum-desc {
    display: inline;
    zoom: 1
}

.table-sum {
    width: auto;
    margin: 0 auto;
}

.table-sum td {
    padding-top: 3px;
}

.table-sum td + td {
    padding-left: 20px
}

.table-sum tr:first-child td {
    padding-top: 0
}

/*
 *	Form
 */
.box .form-capital {
    margin-top: 30px
}

.form-capital .current {
    position: relative;
    padding-bottom: 13px;
    text-align: center;
    line-height: 1;
    color: #656565;
}

.form-capital .current:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    right: 25%;
    border-bottom: 1px solid #e4e4e4
}

.form-capital .current strong {
    display: block;
    font-size: 40px;
    color: #141414;
}

.form-capital .current strong + br {
    display: none
}

.form-capital .slider {
    margin: 42px 0 50px
}

.box .form-communication {
    margin: 10px 10px 0
}

.box .form-sale {
    margin: 10px 10px 0
}

.form-change-payment .bigger {
    margin-bottom: 15px
}

.form-change-payment .slider {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.form-get-loan .inp-row, .form-get-loan .box-highlight {
    margin-left: 20px;
    margin-right: 20px
}

.form-get-loan .box-highlight {
    margin-top: 25px;
    margin-bottom: 30px
}

.form-login {
    position: relative;
    background: #fff;
    border: 1px solid #c1bfbf;
    color: #939393;
    padding: 135px 50px 0;
    width: 230px;
    margin: 0 auto;
}

.form-login, .form-login:first-child {
    margin-top: 70px
}

.form-login:after {
    content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    background: url("../img/bg/sprite.png?1393418713487") -2px -2px no-repeat;
    width: 236px;
    height: 58px;
    margin-left: -118px
}

.form-login p {
    margin: 0 0 22px
}

.form-login .btns {
    margin-bottom: 19px
}

@media (max-width: 650px) {
    .form-login {
        padding-left: 25px;
        padding-right: 25px
    }

    .form-login, .form-login:first-child {
        margin-top: 20px
    }
}

.form-add-players {
    background: #fcfbfb;
    border: 3px solid #f6f6f6;
    margin: 0 0 15px;
    padding: 12px 20px 10px;
}

.form-add-players .crossroad-players {
    border-bottom: 3px solid #f6f6f6;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.form-add-players .firm-remove {
    float: right;
    margin: -5px 0 0
}

.form-add-players .inp-row {
    max-width: 290px;
    margin: 0 auto;
}

.form-add-players .inp-row .inp-inline {
    width: 160px;
    margin-right: 5px
}

.form-add-players .inp-row + .inp-row {
    margin-top: 10px
}

@media (max-width: 650px) {
    .form-add-players .firm-remove {
        float: none;
        margin: 0 0 15px
    }
}

.form-add-players-dark {
    background: #e4e4e4;
    border-color: #e4e4e4;
}

.form-add-players-dark .crossroad-players {
    border-color: #ebebeb
}

.form-change-name {
    margin: 43px auto 0;
    max-width: 240px;
}

.form-change-name .btns {
    margin-top: 43px
}

.form-change-time .inp-label {
    color: #0b0b0b
}

@media (min-width: 651px) {
    .form-change-time .inp-row {
        padding-left: 195px;
    }

    .form-change-time .inp-row .inp-label {
        margin-left: -195px;
        width: 180px
    }
}

.form-new-game-summary {
    padding: 0 15px;
}

.form-new-game-summary h2 {
    margin-bottom: 21px
}

.form-new-game-summary table.reset {
    width: auto;
}

.form-new-game-summary table.reset td, .form-new-game-summary table.reset th {
    padding-bottom: 7px;
}

.form-new-game-summary table.reset td + td, .form-new-game-summary table.reset th + td {
    padding-left: 12px
}

.form-new-game-summary .btns {
    margin-top: 45px
}

.form-new-game-summary .col-l {
    margin-bottom: 18px
}

@media (min-width: 651px) {
    .form-new-game-summary .col-l {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 220px;
        padding: 0 5% 0 0;
        border-right: 3px solid #ebebeb;
        margin: 0 -3px 0 0
    }

    .form-new-game-summary .col-r {
        overflow: hidden;
        padding: 0 0 0 5%;
        border-left: 3px solid #ebebeb
    }
}

.form-new-game-settings {
    padding: 0 15px;
}

.form-new-game-settings .btns {
    margin-top: 25px
}

.form-new-game-settings .inp-row {
    margin: 0 0 20px
}

@media (min-width: 651px) {
    .form-new-game-settings .inp-row {
        padding-left: 170px;
        max-width: 260px;
        margin: 0 auto 20px;
    }

    .form-new-game-settings .inp-row .inp-label {
        margin-left: -170px;
        width: 157px
    }
}

@media (max-width: 650px) {
    .form-new-game-settings .w-160 {
        width: 100%
    }
}

.form-change-firm > p {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto
}

.form-change-firm .inp-row {
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -15px;
    padding: 5px 20px;
    background: #e4e4e4;
    text-align: center;
}

.form-change-firm .inp-row .inp-label {
    text-align: center
}

.form-change-firm .inp-row .btn {
    margin-top: 5px
}

.form-change-firm .crossroad-players {
    margin-top: 25px
}

@media (min-width: 651px) {
    .form-change-firm .inp-row {
        padding: 5px 5px 5px 100px;
    }

    .form-change-firm .inp-row .inp-label {
        text-align: right
    }

    .form-change-firm .inp-row .inp-fix {
        padding-right: 115px
    }

    .form-change-firm .inp-row .btn {
        position: absolute;
        top: 1px;
        right: 0;
        margin: 0
    }

    .form-change-firm .inp-row .inp-label {
        margin-left: -100px;
        width: 92px
    }
}

/*
 *	Crossroads
 */
.news-item {
    overflow: hidden;
}

.news-item + .news-item {
    margin-top: 20px
}

.news-img {
    float: left;
    border: 1px solid #d0d0d0;
    margin-right: 20px;
    margin-bottom: 17px;
}

.news-img + .text {
    overflow: hidden;
    zoom: 1;
    min-width: 150px
}

.news-title {
    font: 600 18px/22px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 0;
    margin-bottom: 6px
}

.news-desc {
    margin-bottom: 0
}

.js-news .news-item {
    margin: 0
}

.crossroad-stats {
    background: #fafafa
}

.stats-item {
    position: relative;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
}

.crossroad-stats .stats-item {
    padding: 18px 15px 13px 15px
}

.stats-item + .stats-item {
    border-top: 1px solid #e5e4e4;
    background: #f4f3f3
}

.stats-item strong {
    display: block;
    font-weight: bold;
    font-size: 36px;
    line-height: 1;
    color: #1e2329;
    text-transform: none;
    white-space: nowrap;
}

.stats-item strong + br {
    display: none
}

.stats-item .icon {
    display: none;
    position: absolute;
    right: 7px;
    top: 17px
}

.stats-item .icon-arrow-up {
    background: url("../img/bg/sprite.png?1393418713487") -114px -92px no-repeat;
    width: 47px;
    height: 28px
}

.stats-item .icon-arrow-down {
    background: url("../img/bg/sprite.png?1393418713487") -63px -92px no-repeat;
    width: 47px;
    height: 28px
}

.stats-title {
    font: bold 19px/1.1 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-right: 15px;
    text-align: right;
    color: #aeaeae;
}

.crossroad-stats .stats-title {
    padding-top: 18px;
    margin: 0 0 -9px
}

@media (min-width: 651px) {
    .stats-title {
        padding-right: 65px
    }

    .crossroad-stats .stats-item {
        padding-right: 65px
    }

    .stats-item .icon {
        display: block
    }
}

.crossroad-graph-labels {
    position: relative;
    margin: 0 0 12px;
    padding: 0 12px 0;
}

.crossroad-graph-labels ul {
    font-size: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    line-height: 17px
}

.crossroad-graph-labels ul > * {
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 13px
}

.ie7 .crossroad-graph-labels ul > * {
    display: inline;
    zoom: 1
}

.crossroad-graph-labels ul > * > * {
    white-space: normal
}

.js .crossroad-graph-labels ul {
    overflow-x: hidden
}

.crossroad-graph-labels .sk-carousel {
    overflow: hidden;
    zoom: 1;
}

.crossroad-graph-labels .sk-carousel ul {
    overflow: visible
}

.crossroad-graph-labels li {
    position: relative;
    padding-left: 18px;
}

.crossroad-graph-labels li + li {
    margin-left: 16px
}

.crossroad-graph-labels li span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 1px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.crossroad-graph-labels li span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 12px;
    background: rgba(255, 255, 255, 0.2)
}

.crossroad-graph-labels li:hover {
    text-decoration: underline;
    cursor: pointer
}

.crossroad-graph-labels .prev, .crossroad-graph-labels .next {
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -10px;
    background: url("../img/bg/sprite.png?1393418713487") -242px -81px no-repeat;
    width: 10px;
    height: 16px;
}

.crossroad-graph-labels .prev.disabled, .crossroad-graph-labels .next.disabled {
    opacity: .5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: default
}

.crossroad-graph-labels .prev.off, .crossroad-graph-labels .next.off {
    display: none
}

.crossroad-graph-labels .next {
    left: auto;
    right: -5px;
    background: url("../img/bg/sprite.png?1393418713487") -171px -216px no-repeat
}

.crossroad-games {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    padding: 50px 0 0;
}

.crossroad-games .title {
    font: 30px/1.2 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    color: #6b706e;
    margin: 0 0 50px
}

.crossroad-games li {
    margin: 0 0 15px;
}

.crossroad-games li a {
    display: block;
    background: #e8e8e8;
    border: 1px solid #c1bfbf;
    font: 600 20px/1.3 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    padding: 20px 15px 17px;
}

.crossroad-games li a:hover {
    color: #000;
    background: #fff;
    text-decoration: none
}

.crossroad-players {
    margin: 0 0 18px;
    text-align: left;
}

.crossroad-players .title {
    margin: 0;
    float: left;
    margin-right: 15px;
    font-weight: 600;
    line-height: 21px
}

.crossroad-players h3.title {
    font-size: 14px
}

.crossroad-players h2.title {
    font-size: 20px
}

.crossroad-players .list, .crossroad-players .list:last-child {
    margin: 0 0 -5px -3px
}

.crossroad-players .item {
    margin-left: 4px
}

.crossroad-players .icon-remove-s {
    color: #666
}

.crossroad-players a:hover .icon-remove-s {
    color: #f00
}

.crossroad-players .icon {
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

.crossroad-players-edit .item {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    padding: 2px 1px 0 5px;
    margin-bottom: 5px;
    margin-left: 3px
}

.crossroad-players-edit .title {
    padding-top: 2px
}

/*
 *	Box
 */
.box {
    border: 1px solid #c1bfbf;
    border-width: 0 1px 1px;
    background: #f4f3f3;
}

.box + .box {
    margin-top: 20px
}

.box-bd {
    position: relative;
    padding: 10px;
    overflow-x: auto;
}

.box-bd *:last-child {
    margin-bottom: 0
}

.box-hd {
    position: relative;
    background: #6b706e;
    color: #f9f9f9;
    padding: 14px 11px 10px;
    margin: 0 -1px;
}

.box-hd a {
    color: #fff;
}

.box-hd a:hover {
    text-decoration: none
}

.box-title {
    font: normal 24px/28px 'Myriad Pro', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #fff;
    margin: 0
}

.box-action {
    line-height: 40px;
    padding-top: 2px;
}

.box-action, .box-action:first-child {
    margin-top: 5px;
    margin-bottom: 0
}

.box-action > * {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px
}

.box-action > *:not([class]) {
    position: relative;
    top: 2px
}

@media (min-width: 651px) {
    .box-bd {
        padding: 15px
    }

    .box-hd {
        padding: 14px 16px 10px
    }

    .box-title {
        float: left
    }

    .box-action {
        float: right;
        margin-left: 10px;
    }

    .box-action, .box-action:first-child {
        margin-top: -10px;
        margin-bottom: -4px
    }

    .box-action > * {
        margin-right: 0;
        margin-left: 5px
    }

    .box-action .btn, .box-action .inp-select {
        margin-right: -9px
    }
}

.box-menu-tabs, .box-menu-tabs:first-child {
    margin: 8px 0 -10px 0
}

@media (min-width: 651px) {
    .box-menu-tabs {
        float: right;
        margin-left: 10px
    }

    .box-menu-tabs, .box-menu-tabs:first-child {
        margin: -6px -8px -10px 0
    }
}

.box-user .box-title {
    float: none;
    position: relative;
    height: 28px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 20px 25px 20px 0;
}

.box-user .box-title .status {
    position: absolute;
    right: 0;
    top: 50%;
    border: 3px solid #636766;
    margin-top: -8px
}

.box-user .box-bd {
    padding: 0
}

.box-user .avatar {
    position: relative;
    top: 3px;
    float: left;
    line-height: 58px;
    font-size: 0;
    width: 46px;
    margin: 0 5px 0 0;
}

.box-user .avatar .icon {
    font-size: 46px;
    color: #aaa;
}

.box-user .avatar img {
    max-width: 100%;
    width: auto !important;
    height: auto !important
}

.box-logs .box-bd {
    padding: 0
}

@media (max-width: 650px) {
    .box-logs .box-action {
        line-height: 20px;
        margin-bottom: 5px
    }
}

.box-news .box-bd {
    padding-top: 20px;
    padding-bottom: 20px
}

.box-firm-stats .box-bd {
    padding: 0
}

.box-firm-stats .grid {
    margin: 0;
}

.box-firm-stats .grid:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #e5e4e4
}

.box-firm-stats .col {
    padding: 0;
    margin: 0
}

.box-highlight {
    background: #e1e2d5;
    border: 1px solid #d1d1d1;
    padding: 13px 15px;
    color: #414141;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.box .box-highlight {
    margin: 20px 0 22px
}

.box-highlight strong {
    color: #010101
}

.box-round .box-bd {
    padding-bottom: 10px
}

.box-data .box-bd {
    padding: 0
}

.box-countdown {
    position: relative;
    background: #828282;
    margin: 0 -1px;
    color: #fff;
    padding: 15px 15px 15px 60px;
    text-transform: uppercase;
    line-height: 1;
    font-size: 48px;
    white-space: nowrap;
    overflow: hidden;
}

.box-countdown:after {
    font-size: 38px;
    color: #275b3c;
    position: absolute;
    top: 50%;
    left: 11px;
    margin-top: -19px
}

.box-countdown .dig, .box-countdown .sep {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.box-countdown .sep {
    color: #c7c7c7;
    position: relative;
    top: -3px;
    margin: 0 3px
}

.box-countdown .num {
    display: block;
    margin-bottom: -3px
}

.box-countdown .text {
    display: block;
    font-size: .229em
}

.box-firm-graph .box-bd {
    padding: 0;
    overflow-x: hidden;
}

.box-firm-graph .box-bd img {
    max-width: 100%;
    height: auto
}

.box-game-graph .box-bd {
    padding-bottom: 0;
    padding-top: 18px;
    overflow-x: hidden
}

.box-admin-games .table-data .col-least {
    white-space: normal
}

.box-admin-new-game .box-bd {
    background: #fff;
    padding-bottom: 25px;
    color: #707070
}

.box-admin-new-game .semi, .box-admin-new-game .bold {
    color: #1d1d1d
}

/*
 *	Graph
 */
.graph-firms-rank {
    height: 290px;
}

.graph-firms-rank .jqplot-data-label {
    color: #fff
}

.graph-firms-rank .jqplot-table-legend {
    background: none;
    border: none;
    font-size: 14px;
    line-height: 18px;
}

.graph-firms-rank .jqplot-table-legend td {
    padding: 8px 10px 8px 0 !important;
    border-top: 1px solid #dedede;
}

.graph-firms-rank .jqplot-table-legend td:first-child {
    padding-left: 10px !important
}

.graph-firms-rank .jqplot-table-legend tr:first-child td {
    border-top: none
}

.graph-firms-rank .jqplot-table-legend-swatch-outline {
    border: none;
    padding: 0
}

.graph-firms-rank .jqplot-table-legend-swatch {
    width: 16px;
    height: 16px;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.graph-game {
    height: 210px;
}

.graph-game .jqplot-yaxis {
    width: 40px
}

:first-child {
    margin-top: 0
}