* {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* prevent tap highlight color / shadow */
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selection-all,
.selection-all * {
    -webkit-touch-callout: default !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
    cursor: copy;
}

.selection,
.selection *,
.input,
.input *,
input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
textarea {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor: text;
}

html, body {
    overflow: hidden;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px;
    color: #000;
    background-color: #fff;
    cursor: default;
}

.logo-main {
    width: 300px;
    height: 300px;
    top: 40%;
    position: relative;
    display: block;
    margin: -62px auto 0;
    background: url(../ico/logon/ps-icon.svg) center no-repeat transparent;
    background-size: 300px;
}

.driver-enter {
    position: relative;
    top: 52%;
    text-align: center;
    width: 100%;
}

.counter {
    display: none;
    visibility: collapse;
}

a:focus {
    outline: none;
}

.desktop a:hover, a:active {
    outline: none;
}

a, [data-window], .link {
    color: #0088cc;
    text-decoration: none;
}

.desktop a[href], .desktop [data-window], .desktop .link[data-window],
.desktop a[href] *, .desktop [data-window] *, .desktop .link[data-window] * {
    cursor: pointer !important;
}

.pointer {
    cursor: pointer;
    text-decoration: underline;
}

a.disabled {
    cursor: default;
}

abbr, .abbr {
    color: #0088cc;
    cursor: pointer;
    display: inline-block;
    border-bottom: 1px dotted #0088cc;
    height: auto;
    line-height: 16px;
}

abbr.gray, .abbr.gray {
    color: gray;
    border-bottom-color: gray;
}

abbr.black, .abbr.black {
    color: black;
    border-bottom-color: black;
}

.desktop a:hover,
.desktop [data-window]:not(button):hover,
.desktop .link:hover {
    color: #005580;
    text-decoration: underline;
    cursor: pointer;
}

a.btn:hover {
    color: #fff;
    text-decoration: none;
}

.b, .bold {
    font-weight: bold !important;
}

.s {
    text-decoration: line-through !important;
}

.u {
    text-decoration: underline !important;
}

.i {
    font-style: italic !important;
}

pre {
    font-family: monospace
}

.images-preload {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.flex {
    display: flex !important;
}

.flex .max-width {
    flex: 1;
}

.round {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.img-rounded {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
    -webkit-border-radius: 500px;
    border-radius: 500px;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

h2 {
    font-size: 1.5em;
    margin: 36px 0 0 0;
}

h2:first-child {
    margin-top: 8px;
}

fieldset {
    padding: 10px;
    border: 1px solid #c0c0c0;
}

.zebra > fieldset {
    padding: 4px;
    margin: 0 0 1px 0;
    border: none;
}

.zebra > fieldset:nth-child(odd) {
    background-color: #d5d5d5
}

.zebra > fieldset:nth-child(even) {
    background-color: #b7b7b7
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-float {
    float: none !important;
}

.close, A.close:hover {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: red;
    text-shadow: 1px 1px 0 #ffffff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-decoration: none;
}

.close-white, A.close:hover {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.pull-right-affix {
    position: absolute !important;
    right: 0 !important;
}

.pull-top-affix {
    position: absolute !important;
    top: 0 !important;
}

.pull-bottom-affix {
    position: absolute !important;
    bottom: 0 !important;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.justify {
    text-align: justify !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
}

.middle {
    text-align: center;
    vertical-align: middle;
}

.container-wrap > .middle {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
}

.container-flex {
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: relative;
    display: block; /* flexbox setup */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
}

.container-flex:before, .container-flex:after {
    display: table;
    line-height: 0;
    content: "";
}

.container-flex:after {
    clear: both;
}

.container-flex > [class*="vspan"], .container-flex > div, .container-flex > ul {
    display: block;
    position: relative; /*width: 100%;*/ /*height:auto;*/
    min-height: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0;
}

.container-flex-horizontal {
    /* flexbox setup */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
}

.container-flex-horizontal > [class*="hspan"], .container-flex-horizontal > div, .container-flex-horizontal > ul {
    display: block;
    position: relative;
    height: 100%; /*width:auto;*/
    min-width: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0;
}

.container-flex .vspan0, .container-flex .hspan0 {
    -moz-box-flex: 10.0; /* Firefox */
    -webkit-box-flex: 10.0; /* Safari and Chrome */
}

.line11 {
    line-height: 11px;
}

.line12 {
    line-height: 12px;
}

.line13 {
    line-height: 13px;
}

.line14 {
    line-height: 14px;
}

.line16 {
    line-height: 16px;
}

.line18 {
    line-height: 18px;
}

.line20 {
    line-height: 20px;
}

.line21 {
    line-height: 21px;
}

.line25 {
    line-height: 25px;
}

.line34 {
    line-height: 34px;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

.red {
    color: red !important;
}

.crimson {
    color: #800000 !important;
}

.orange {
    color: #ff6c00 !important;
}

.yellow {
    color: yellow !important;
}

.skin {
    color: #ffdead !important;
}

.gold {
    color: gold !important;
}

.coral {
    color: coral !important;
}

.green {
    color: green !important;
}

.money-green {
    color: #43a047 !important;
}

.ltgreen {
    color: lightgreen !important;
}

.lime {
    color: lime !important;
}

.blue {
    color: blue !important;
}

.dkblue {
    color: darkblue !important;
}

.violet {
    color: blueviolet !important;
}

.gray {
    color: gray !important;
}

.ltgray {
    color: lightgray !important;
}

.black {
    color: black !important;
}

.white {
    color: white !important;
}

.help {
    color: gray;
    line-height: normal;
}

.help-inline {
    height: 21px;
    line-height: 21px;
}

.help-block {
    display: block;
    line-height: normal;
    padding: 4px;
}

.container {
    /*top:0; bottom:0; right:0; left:0; position:absolute;*/
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: relative;
    display: block; /* flexbox setup */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
}

.container:before, .container:after {
    display: table;
    line-height: 0;
    /*content: "";*/
}

.container:after {
    clear: both;
}

.container > [class*="vspan"], .container > div, .container > ul {
    display: block;
    position: relative; /*width: 100%;*/ /*height:auto;*/
    min-height: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container-horizontal {
    /* flexbox setup */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
}

.container-horizontal > [class*="hspan"], .container-horizontal > div, .container-horizontal > ul {
    display: block;
    position: relative;
    height: 100%; /*width:auto;*/
    min-width: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container .vspan0, .container .hspan0 {
    -moz-box-flex: 10.0; /* Firefox */
    -webkit-box-flex: 10.0; /* Safari and Chrome */
}

.container .vspan1, .container .hspan1 {
    /*width:10%;*/
    -moz-box-flex: 1.0; /* Firefox */
    -webkit-box-flex: 1.0; /* Safari and Chrome */
}

.container .vspan2, .container .hspan2 {
    /*width:20%;*/
    -moz-box-flex: 2.0; /* Firefox */
    -webkit-box-flex: 2.0; /* Safari and Chrome */
}

.container .vspan3, .container .hspan3 {
    /*width:30%;*/
    -moz-box-flex: 3.0; /* Firefox */
    -webkit-box-flex: 3.0; /* Safari and Chrome */
}

.container .vspan4, .container .hspan4 {
    /*width:40%;*/
    -moz-box-flex: 4.0; /* Firefox */
    -webkit-box-flex: 4.0; /* Safari and Chrome */
}

.container .vspan5, .container .hspan5 {
    /*width:50%;*/
    -moz-box-flex: 5.0; /* Firefox */
    -webkit-box-flex: 5.0; /* Safari and Chrome */
}

.container .vspan6, .container .hspan6 {
    /*width:60%;*/
    -moz-box-flex: 6.0; /* Firefox */
    -webkit-box-flex: 6.0; /* Safari and Chrome */
}

.container .vspan7, .container .hspan7 {
    /*width:70%;*/
    -moz-box-flex: 7.0; /* Firefox */
    -webkit-box-flex: 7.0; /* Safari and Chrome */
}

.container .vspan8, .container .hspan8 {
    /*width:80%;*/
    -moz-box-flex: 8.0; /* Firefox */
    -webkit-box-flex: 8.0; /* Safari and Chrome */
}

.container .vspan9, .container .hspan9 {
    /*width:90%;*/
    -moz-box-flex: 9.0; /* Firefox */
    -webkit-box-flex: 9.0; /* Safari and Chrome */
}

.container .vspan10, .container .hspan10 {
    /*width:100%;*/
    -moz-box-flex: 10.0; /* Firefox */
    -webkit-box-flex: 10.0; /* Safari and Chrome */
}

.container .hspan1_3p {
    width: 33.3%;
}

.container .hspan06 {
    width: 6px;
    min-width: 6px;
}

.container .hspan12 {
    width: 12px;
}

.container .hspan16 {
    width: 16px;
}

.container .hspan50 {
    width: 50px;
}

.container .hspan100 {
    width: 100px;
}

.container .hspan120 {
    width: 120px;
}

.container .hspan130 {
    width: 130px;
}

.container .hspan140 {
    width: 140px;
}

.container .hspan150 {
    width: 150px;
}

.container .hspan160 {
    width: 160px;
}

.container .hspan180 {
    width: 180px;
}

.container .hspan200 {
    width: 200px;
}

.container .hspan220 {
    width: 220px;
}

.container .hspan230 {
    width: 230px;
}

.container .hspan240 {
    width: 240px;
}

.container .hspan250 {
    width: 250px;
}

.container .hspan260 {
    width: 260px;
}

.container .hspan280 {
    width: 280px;
}

.container .hspan300 {
    width: 300px;
}

.container .hspan328 {
    width: 328px;
}

.container .hspan350 {
    width: 350px;
}

.container .hspan360 {
    width: 360px;
}

.container .hspan400 {
    width: 400px;
}

.container .hspan450 {
    width: 450px;
}

.container .hspan480 {
    width: 480px;
}

.container .hspan500 {
    width: 500px;
}

.container .hspan600 {
    width: 600px;
}

.container .hspan650 {
    width: 650px;
}

.container .hspan670 {
    width: 670px;
}

.container .hspan700 {
    width: 700px;
}

.container .hspan800 {
    width: 800px;
}

.container .hspan900 {
    width: 900px;
}

.container .vspan12 {
    height: 12px;
}

.container .vspan16 {
    height: 16px;
}

.container .vspan20 {
    height: 20px;
}

.container .vspan30 {
    height: 30px;
}

.container .vspan40 {
    height: 40px;
}

.container .vspan50 {
    height: 50px;
}

.container .vspan60 {
    height: 60px;
}

.container .vspan70 {
    height: 70px;
}

.container .vspan80 {
    height: 80px;
}

.container .vspan90 {
    height: 90px;
}

.container .vspan100 {
    height: 100px;
}

.container .vspan110 {
    height: 110px;
}

.container .vspan120 {
    height: 120px;
}

.container .vspan130 {
    height: 130px;
}

.container .vspan140 {
    height: 140px;
}

.container .vspan150 {
    height: 150px;
}

.container .vspan160 {
    height: 160px;
}

.container .vspan170 {
    height: 170px;
}

.container .vspan180 {
    height: 180px;
}

.container .vspan190 {
    height: 190px;
}

.container .vspan200 {
    height: 200px;
}

.container .vspan210 {
    height: 210px;
}

.container .vspan220 {
    height: 220px;
}

.container .vspan230 {
    height: 230px;
}

.container .vspan240 {
    height: 240px;
}

.container .vspan250 {
    height: 250px;
}

.container .vspan300 {
    height: 300px;
}

.container .vspan350 {
    height: 350px;
}

.container .vspan400 {
    height: 400px;
}

.container .vspan500 {
    height: 500px;
}

.container .vspan600 {
    height: 600px;
}

.container .vspan700 {
    height: 700px;
}

.container .vspan800 {
    height: 800px;
}

.container .vspan900 {
    height: 900px;
}

.container .vspan1000 {
    height: 1000px;
}

.container .container-footer-white {
    padding: 0 6px;
    border-top: 1px solid #fff;
    height: 34px;
    line-height: 32px;
}

.r {
    text-align: right;
}

.c {
    text-align: center
}

img {
    border: none;
}

.trim {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upper {
    text-transform: uppercase;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0;
}

input[type=radio] {
    /* bottom: 2px; */
}

input[type=date],
input[type=time],
input[type=datetime-local] {
    line-height: 21px;
}

input[type=file] {
    margin: 0;
}

input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
textarea,
select,
.input {
    height: 21px;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    border-color: #b3b2b4 #e4e7ed #dde1e6;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

input[type]:not([type=radio]):not([type=checkbox]):not([type=button]).time {
    background: url(/assets/ico/form/timeselect.png) right center no-repeat;
    padding-right: 18px !important;
}

input[type]:not([type=radio]):not([type=checkbox]):not([type=button]).calculator {
    background: url(/assets/ico/nav/calculator.png) right center no-repeat;
    padding-right: 18px !important;
}

.edited {
    background: url(/assets/ico/nav/edit.png) 2px center no-repeat;
    padding-left: 20px !important;
}

input[type]:not([type=radio]):not([type=checkbox]):not([type=button]).support {
    background: url(/assets/ico/nav/support.png) right center no-repeat;
    padding-right: 18px !important;
}

input[type=password] + .switch,
input[type=text] + .switch {
    position: absolute;
    right: 3px;
    top: 1px;
    width: 18px;
    height: 18px;
    background: url(/assets/ico/form/eye-closed.png), radial-gradient(ellipse at center, rgb(255 212 164) 0%, rgb(255 213 88 / 34%) 100%);
    border-radius: 50%;
    cursor: pointer;
}

input[type=password] + .switch.active,
input[type=text] + .switch.active {
    background: url(/assets/ico/form/eye-open.png), radial-gradient(ellipse at center, rgb(255 212 164) 0%, rgb(255 213 88 / 34%) 100%);
}

input[type=password] + .show-password,
input[type=text] + .show-password {
    position: absolute;
    right: 3px;
    top: 0;
    width: 32px;
    height: 32px;
    background: url(/assets/ico/form/password-visible.png);
    cursor: pointer;
}

input[type=password] + .show-password.active,
input[type=text] + .show-password.active {
    background: url(/assets/ico/form/password-hidden.png);
}

input[readonly] + .switch,
input[disabled] + .switch {
    display: none;
}

.form-big input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.form-big textarea,
.form-big select,
.form-big .input,
.form-big label {
    font-size: 18px;
    height: 28px;
    line-height: 28px;
}

.form-big h1 {
    font-size: 24px;
}

.input .hint {
    text-align: left;
    color: Gray;
    font-size: 11px;
}

.input.multiline {
    height: auto;
}

.input.padding {
    padding: 2px 6px 6px;
}

.noborder {
    border: none !important;
}

input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
textarea,
.input {
    padding: 0 3px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none; /* mobile firefox too! */
}

.input-link {
    padding: 0 4px;
}

textarea {
    resize: none;
    display: block;
    padding: 4px;
}

.input {
    display: inline-block;
}

.input a {
    color: #000;
}

.input a.link {
    color: #0088cc;
    text-decoration: none;
}

input[type=tel] {
    height: 21px;
}

input[type=date],
input[type=datetime-local] {
    width: 118px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(../ico/form/date-picker.png) no-repeat right center;
}

input[type=datetime-local],
input[type=datetime-local].default,
input[type=date].ui-date {
    width: 156px;
}

input[type=date].input-block-level,
input[type=datetime-local].input-block-level {
    width: 100%;
    min-height: 21px;
}

input[type=date]::-webkit-datetime-edit,
input[type=datetime-local]::-webkit-datetime-edit {
    padding: 0;
}

input[type=time]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
    width: 24px;
    height: 10px;
    background-color: transparent;
    margin: 0;
    padding-left: 24px;
    overflow: hidden;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=date]::-webkit-calendar-picker-indicator:hover,
input[type=datetime-local]::-webkit-calendar-picker-indicator:hover {
    background-color: transparent;
}

input[readonly], textarea[readonly], .input-readonly:not(a):not(.link):not([data-window]), input[type]:not([type=radio]):not([type=checkbox]):not([type=button])[disabled], textarea[disabled], .input-disabled:not(a):not(.link):not([data-window]) {
    background-color: #F7F7F7;
    color: #000;
}

.input-group {
    position: relative;
}

.input-group input,
.input-group select,
.input-group .input,
.input-group label,
.input-group .chosen-container {
    float: left;
    border-right-width: 0;
    display: block;
}

.input-group input:last-child,
.input-group select:last-child,
.input-group .input:last-child {
    float: none;
    border-right-width: 1px;
}

.input-group input,
.input-group .input {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-group input:first-child,
.input-group .input:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.input-group input:last-child,
.input-group .input:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.input-group.header input:first-child,
.input-group.header .input:first-child {
    -webkit-border-radius: 2px 0 0 0;
    border-radius: 2px 0 0 0;
}

.input-group.header input:last-child,
.input-group.header .input:last-child {
    -webkit-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
}

.input-group.center input:first-child,
.input-group.center .input:first-child {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-group.center input:last-child,
.input-group.center .input:last-child {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-group.center input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.input-group.footer input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.input-group.footer-one input[type]:not([type=radio]):not([type=checkbox]):not([type=button]) {
    border-top: none;
}

.input-group.footer input:first-child,
.input-group.footer .input:first-child {
    -webkit-border-radius: 0 0 0 2px;
    border-radius: 0 0 0 2px;
}

.input-group.footer input:last-child,
.input-group.footer .input:last-child {
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}

.input-group.footer-one input,
.input-group.footer-one .input {
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.input-group.header-one input,
.input-group.header-one .input {
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.input-group .p10 {
    width: 10%;
}

.input-group .p15 {
    width: 15%;
}

.input-group .p20 {
    width: 20%;
}

.input-group .p23 {
    width: 23.3333333%;
}

.input-group .p25 {
    width: 25%;
}

.input-group .p30 {
    width: 30%;
}

.input-group .p35 {
    width: 35%;
}

.input-group .p37 {
    width: 37.5%;
}

.input-group .p40 {
    width: 40%;
}

.input-group .p45 {
    width: 45%;
}

.input-group .p50 {
    width: 50%;
}

.input-group .p60 {
    width: 60%;
}

.input-group .p70 {
    width: 70%;
}

.input-group .p75 {
    width: 75%;
}

.input-group .p80 {
    width: 80%;
}

.input-group .p100 {
    width: 100%;
}

.input-address input {
    outline: none;
    height: 23px;
}

.input-address input:focus:not([readonly=readonly]) {
    background-color: #fffcdf;
}

.input-address input[readonly=readonly] {
    color: gray;
}

.input-address-view input[readonly=readonly] {
    color: black;
}

.input-address .caret {
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
}

.input-address .caret-button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    cursor: pointer;
}

.input {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.input [class^="icon-"],
.input [class*=" icon-"],
.input .input-icon-share {
    position: absolute;
    right: 1px;
    top: 1px;
}

.input .input-icon-share-fix {
    right: 3px;
}

.input-wrap {
    height: auto;
    min-height: 21px;
    white-space: normal;
    display: block;
    overflow: overlay;
}

.wrap {
    white-space: normal !important;
    overflow: overlay !important;
}

.datepicker {
    width: 100px;
}

.checkbox, .radio {
    padding: 0;
    margin: 0;
    line-height: 12px;
    white-space: nowrap;
}

.checkbox input[type=checkbox] {
    margin: 0 3px 0 0;
}

.radio input[type=radio] {
    margin: 0 3px 0 0;
}

.input-block-level {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 21px;
    height: 21px;
}

.input-block-level.nav-icon, .input-readonly.nav-icon {
    padding-left: 24px;
    background-position: 3px center;
    vertical-align: middle;
    line-height: inherit;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.relative {
    position: relative !important;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040 !important;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050 !important;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #FFFDE7;
    border: 3px solid #5890C1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-top {
    top: 30px;
    margin-top: 0;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
    top: 50%;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: rgba(249, 219, 56, 0.13);
}

.modal-header .close {
    margin-top: 0;
}

.modal-header h3 {
    margin: 0;
    line-height: 20px;
    font-size: 16px;
}

.modal-title * {
    font-size: inherit;
}

.modal-title .nav-icon {
    margin: 2px 3px 0 0;
}

.modal-body {
    max-height: 600px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #ecf5ff;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before, .modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-large {
    width: 900px;
    margin-left: -450px;
}

.modal-small {
    width: 400px;
    margin-left: -200px;
}

.modal-alert {
    width: 240px;
    margin-left: -120px;
}

.modal-alert .modal-body {
    text-align: center;
}

.modal-alert .modal-footer {
    padding: 0 15px 15px;
    background-color: #fff;
    border-top: none;
    text-align: center;
}

.tooltip * {
    font-size: 11px;
}

.tooltip {
    position: absolute;
    z-index: 9990;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    margin-top: -3px;
}

.tooltip.right {
    margin-left: 3px;
}

.tooltip.bottom {
    margin-top: 3px;
}

.tooltip.left {
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.shadowed {
    -webkit-box-shadow: 2px 2px 4px 1px gray;
    box-shadow: 2px 2px 4px 1px gray;
    margin-bottom: 6px;
}

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: block;
}

.desktop .nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    /* background-color: #eeeeee; */
}

.nav > li > a > img {
    max-width: 0;
}

.nav > .pull-right {
    float: right;
}

.nav-header {
    display: block;
    padding: 0 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #627080;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    text-align: center;
}

.mobile .nav-header, .mobile .nav-header * {
    line-height: 50px !important;
    font-size: 20pt !important;
}

.mobile .nav-header * {
}

.container-nav-white .nav-header {
    color: #000;
    text-shadow: none;
    text-transform: none;
}

.nav li + .nav-header {
    margin-top: 2px;
    margin-bottom: 2px;
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 4px;
}

.nav-list > li {
    position: relative;
}

.nav-icon.nav-icon-bg-white {
    cursor: alias;
    background-position: center;
    background-color: white;
    border-radius: 35%;
}

.nav-list > li > .nav-icon-right {
    position: absolute;
    right: -13px;
    top: 1px;
    width: 22px;
    height: 20px;
}

.form-horizontal .form-group > :first-child .nav-icon-right {
    margin-right: 5px;
    float: right;
    top: -5px;
    width: 22px;
    height: 20px;
}

.nav-list > li > a, .nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 #fff;
}

.nav-list > li > a,
.desktop .nav-list > li > a {
    padding: 1px 14px;
    text-decoration: none;
    color: #000;
}

.nav-list > li > a:hover {
    font-weight: bold;
}

.nav-list-icon > li > a,
.desktop .nav-list-icon > li > a {
    padding: 1px 14px 1px 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mobile .nav-list-icon > li > a {
    line-height: 32px;
    font-size: 16pt;
    padding: 0 6px 0 40px;
    background-size: contain;
    margin: 5px 0;
}

.nav-list > .active > a,
.desktop .nav-list > .active > a,
.desktop .nav-list > .active > a:hover,
.nav-list > .active > a:focus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #7E949E;
    font-weight: bold;
}

.nav-list > .editor.active > a,
.desktop .nav-list > .editor.active > a,
.desktop .nav-list > .editor.active > a:hover,
.nav-list > .editor.active > a:focus {
    background-color: transparent;
    color: #000;
    text-shadow: none;
}

.nav-list > .editor input[type=checkbox] {
    position: relative;
    float: left;
    left: -28px;
    top: 5px;
}

.nav-list .divider {
    height: 2px;
    margin: 6px -15px 0;
    overflow: hidden;
    background-image: url(../img/divider-h.png);
    background-repeat: repeat-x;
}

/*------ TABS ------ */
.nav-tabs, .nav-pills {
    /*zoom: 1;*/
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
    display: table;
    line-height: 0;
    content: "";
}

.nav-tabs:after, .nav-pills:after {
    clear: both;
}

.nav-tabs > li, .nav-pills > li {
    float: left;
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs-shadow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 6px;
    z-index: 999;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(1, rgba(0, 0, 0, 0)));
}

.nav-tabs-singleline {
    /*overflow: hidden;*/
}

.nav-tabs-inverse {
    background-color: #0f0f0f;
    /*height: 26px;*/
    line-height: 26px;
    padding: 0;
    margin: 0;
    border: none;
    background-image: linear-gradient(bottom, #0F0F0F 0%, #222222 100%);
    background-image: -o-linear-gradient(bottom, #0F0F0F 0%, #222222 100%);
    background-image: -moz-linear-gradient(bottom, #0F0F0F 0%, #222222 100%);
    background-image: -webkit-linear-gradient(bottom, #0F0F0F 0%, #222222 100%);
    background-image: -ms-linear-gradient(bottom, #0F0F0F 0%, #222222 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0F0F0F), color-stop(1, #222222));
}

.menu-item {
    position: relative;
    overflow: visible;
}

.menu-item > .nav-tabs-singleline {
    display: none;
    flex-direction: column;
    width: max-content;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 2000;
    border-radius: 0 0 3px 3px;
}

.menu-item > .nav-tabs > li {
    float: none;
}

.menu-item:hover > .nav-tabs-singleline {
    display: flex;
}

.menu-item:hover > .nav-tabs-inverse > li > .nav-icon {
    margin-left: 10px;
}

.menu-item:hover > .nav-tabs-inverse > li > a {
    padding-left: 25px;
    margin: 2px 10px 2px 0;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

.menu-item > .nav-tabs-inverse > li:last-child > a {
    margin: 2px 10px 4px 0;
}

.menu-item > .nav-tabs-singleline .nav-tabs-singleline {
    top: 0;
    left: 100%;
}

.menu-item > .nav-tabs-inverse > li.menu-caret > .nav-icon:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid #b1b1b1;
    margin-top: 9px;
    margin-left: 4px;
    position: absolute;
    right: 0;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-inverse > li > a {
    padding: 1px 15px 1px;
    margin: 0;
    line-height: 24px;
    color: #b1b1b1;
    text-decoration: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.mobile .nav-tabs-inverse > li > a {
    line-height: 32px;
    font-size: 16pt;
    padding: 0 10px 0 40px;
}

.mobile .nav-tabs-inverse > li > a > span {
    font-size: 20pt;
}

.nav-tabs-inverse > li:first-child > .nav-icon {
    margin-left: 10px;
}

.desktop .nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.desktop .nav-tabs-inverse > li > a:hover {
    border: none;
    color: #fff;
    background-color: transparent;
}

.nav-tabs > .active > a,
.desktop .nav-tabs > .active > a:hover {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-inverse > li > .nav-icon {
    position: relative;
}

.nav-tabs-inverse > li > .nav-icon:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    left: 0;
}

.mobile .nav-tabs-inverse > li > .nav-icon:before {
    width: 54px;
}

.nav-tabs-inverse > .active > .nav-icon:before,
.nav-tabs-inverse > li > .nav-icon:hover:before {
    display: none;
}

.nav-tabs-inverse > li.menu-caret > .nav-icon:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #b1b1b1;
    border-bottom: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 9px;
    margin-left: 4px;
}

.nav-tabs-inverse > li.menu-caret.active > .nav-icon:after {
    border-top-color: #fff;
}

.menu-item > .nav-tabs-inverse > li.menu-caret.active > .nav-icon:after {
    border-left-color: #fff;
    border-top-color: transparent;
}

.nav-tabs-inverse > .active > a,
.desktop .nav-tabs-inverse > .active > a:hover,
.desktop .nav-tabs-inverse > .active > a:focus {
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #425761;
    position: relative;
}

.nav-tabs-inverse > .active.menu-caret > a,
.desktop .nav-tabs-inverse > .active.menu-caret > a:hover,
.desktop .nav-tabs-inverse > .active.menu-caret > a:focus {
    background-color: darkcyan;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills > .active > a,
.desktop .nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.desktop .nav-tabs.nav-stacked > li > a:hover {
    z-index: 2;
    border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.desktop .nav > .dropdown.active > a:hover {
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
.desktop .nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none;
    height: 100%;
}

.tab-content > .active, .pill-content > .active {
    display: block;
}

.row {
    width: 100%;
}

.row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
}

.row:after {
    clear: both;
}

.row [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 21px;
    margin-left: 2.127659574468085%; /*margin-left: 2.074468085106383%;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-mini [class*="span"] {
    margin-left: 6px;
}

.row [class*="span"]:first-child {
    margin-left: 0;
}

.row [class*="span"]:last-child:not(:first-child) {
    float: right;
}

.row .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.127659574468085%;
}

.row .span333 {
    width: 333px;
}

.row .span12 {
    width: 100%; /*width: 99.94680851063829%;*/
}

.row .span11 {
    width: 91.48936170212765%; /*width: 91.43617021276594%;*/
}

.row .span10 {
    width: 82.97872340425532%; /*width: 82.92553191489361%;*/
}

.row .span9 {
    width: 74.46808510638297%; /*width: 74.41489361702126%;*/
}

.row .span8 {
    width: 65.95744680851064%; /*width: 65.90425531914893%;*/
}

.row .span7 {
    width: 57.44680851063829%; /*width: 57.39361702127659%;*/
}

.row .span6 {
    width: 48.93617021276595%; /*width: 48.88297872340425%;*/
}

.row .span6_5 {
    width: 45.880851063829784%
}

.row .span5 {
    width: 40.42553191489362%; /*width: 40.37234042553192%;*/
}

.row .span4 {
    width: 31.914893617021278%; /*width: 31.861702127659576%;*/
}

.row .span3 {
    width: 23.404255319148934%; /*width: 23.351063829787233%;*/
}

.row .span2 {
    width: 14.893617021276595%; /*width: 14.840425531914894%;*/
}

.row .span1 {
    width: 6.382978723404255%; /*width: 6.329787234042553%;*/
}

.row .offset12 {
    margin-left: 104.25531914893617%; /*margin-left: 104.14893617021275%;*/
}

.row .offset12:first-child {
    margin-left: 102.12765957446808%; /*margin-left: 102.02127659574467%;*/
}

.row .offset11 {
    margin-left: 95.74468085106382%; /*margin-left: 95.6382978723404%;*/
}

.row .offset11:first-child {
    margin-left: 93.61702127659574%; /*margin-left: 93.51063829787232%;*/
}

.row .offset10 {
    margin-left: 87.23404255319149%; /*margin-left: 87.12765957446807%;*/
}

.row .offset10:first-child {
    margin-left: 85.1063829787234%; /*margin-left: 84.99999999999999%;*/
}

.row .offset9 {
    margin-left: 78.72340425531914%; /*margin-left: 78.61702127659572%;*/
}

.row .offset9:first-child {
    margin-left: 76.59574468085106%; /*margin-left: 76.48936170212764%;*/
}

.row .offset8 {
    margin-left: 70.2127659574468%; /*margin-left: 70.10638297872339%;*/
}

.row .offset8:first-child {
    margin-left: 68.08510638297872%; /*margin-left: 67.9787234042553%;*/
}

.row .offset7 {
    margin-left: 61.70212765957446%; /*margin-left: 61.59574468085106%;*/
}

.row .offset7:first-child {
    margin-left: 59.574468085106375%; /*margin-left: 59.46808510638297%;*/
}

.row .offset6 {
    margin-left: 53.191489361702125%; /*margin-left: 53.085106382978715%;*/
}

.row .offset6:first-child {
    margin-left: 51.063829787234035%; /*margin-left: 50.95744680851063%;*/
}

.row .offset5 {
    margin-left: 44.68085106382979%; /*margin-left: 44.57446808510638%;*/
}

.row .offset5:first-child {
    margin-left: 42.5531914893617%; /*margin-left: 42.4468085106383%;*/
}

.row .offset4 {
    margin-left: 36.170212765957444%; /*margin-left: 36.06382978723405%;*/
}

.row .offset4:first-child {
    margin-left: 34.04255319148936%; /*margin-left: 33.93617021276596%;*/
}

.row .offset3 {
    margin-left: 27.659574468085104%; /*margin-left: 27.5531914893617%;*/
}

.row .offset3:first-child {
    margin-left: 25.53191489361702%; /*margin-left: 25.425531914893618%;*/
}

.row .offset2 {
    margin-left: 19.148936170212764%; /*margin-left: 19.04255319148936%;*/
}

.row .offset2:first-child {
    margin-left: 17.02127659574468%; /*margin-left: 16.914893617021278%;*/
}

.row .offset1 {
    margin-left: 10.638297872340425%; /*margin-left: 10.53191489361702%;*/
}

.row .offset1:first-child {
    margin-left: 8.51063829787234%; /*margin-left: 8.404255319148938%;*/
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px; /*margin-right: .3em;*/
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/active states of certain elements */
.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png");
}

.nav-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon48 {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.datagrid-thumb .thumbnails .span-photos .icon-float {
    position: absolute;
    right: 3px;
    top: 3px;
    background-color: transparent;
}

.btn-toggle.active .nav-icon,
.nav-icon-next-16 .nav-icon,
.nav-icon-next-16.nav-icon {
    background-position: -16px 0;
}

.icon24 {
    display: inline-block;
    width: 24px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.btn-large > .icon24 {
    vertical-align: middle;
    margin: 0;
}

.nav-tabs .nav-icon {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 25px;
    padding-right: 7px;
}

.mobile .nav-tabs .nav-icon {
    background-size: contain;
    background-position-x: 3px;
}

.nav-tabs .nav-icon:empty {
    height: 24px;
    padding: 1px 13px;
}

.icon32 {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    *margin-right: .3em;
}

.btn-icon > .nav-icon {
    margin-right: 4px;
}

.glyphicons-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-image: url(../img/glyphicons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    *margin-right: .3em;
}

.glyphicons-icon-small {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-image: url(../img/glyphicons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.label, .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.label-text {
    font-size: 11.844px;
    font-weight: bold;
    white-space: nowrap;
}

.label-normal, .badge-normal {
    font-weight: normal;
    text-shadow: none;
}

td.label {
    display: table-cell;
    padding: 0 2px;
    vertical-align: middle;

    -webkit-border-radius: 0;
    border-radius: 0;
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.desktop a.label:hover,
.desktop a.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important, .badge-important {
    background-color: #b94a48;
}

.label-important[href], .badge-important[href] {
    background-color: #953b39;
}

.label-warning, .badge-warning {
    background-color: #f89406;
}

.label-warning[href], .badge-warning[href] {
    background-color: #c67605;
}

.label-success, .badge-success {
    background-color: #468847;
}

.label-success[href], .badge-success[href] {
    background-color: #356635;
}

.label-info, .badge-info {
    background-color: #3a87ad;
}

.label-info[href], .badge-info[href] {
    background-color: #2d6987;
}

.label-info.pointer, .badge-info.pointer {
    text-decoration: none;
}

.label-inverse, .badge-inverse {
    background-color: #333333;
}

.label-inverse[href], .badge-inverse[href] {
    background-color: #1a1a1a;
}

.label-dev {
    text-transform: uppercase;
    font-size: 7px;
    line-height: 9px;
    display: inline-block;
    padding: 0 2px;
    position: relative;
}

A .label-dev {
    left: 4px;
    top: -2px;
}

.form .split {
    margin-right: 24px;
}

.form-horizontal div, .form-horizontal label, .form-horizontal .form-group a.input {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-horizontal div.chosen-container {
    display: inline-block;
    vertical-align: top;
}

label[disabled] {
    color: #cfcfcf;
}

/*.form-horizontal .form-group > div, .form-horizontal .form-group > label {
	line-height: 21px;
}*/
.list-params .divider,
.form-header .divider,
.form-horizontal .divider {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #ffffff;
    height: 0;
    width: 100%;
    margin: 10px 0;
}

.form-horizontal .divider:not(:empty) {
    margin: 12px 0;
}

.form-horizontal .divider:not(:empty) > * {
    position: absolute;
    top: -11px;
    display: inline;
    padding: 0 9px;
    margin-left: 9px;
    height: 21px;
    background-color: silver;
    color: darkblue;
    font-size: 13px;
    font-weight: bold;
}

.container-form .divider:not(:empty) > * {
    background-color: #f0f0f0;
    color: #002538;
}

.list-params .divider {
    margin: 16px 0 0 0;
}

.form-horizontal .divider-small {
    margin: 6px 0;
}

.form-horizontal .divider-mono {
    border-top: 1px solid #000;
    border-bottom: none;
}

.form-header {
    background-color: #EAEAEB;
}

.form-header .scroll-padding {
    padding-top: 3px;
    padding-bottom: 3px;
}

.form-header .divider {
    margin: 0;
}

.w10 {
    width: 10px !important;
}

.mw10 {
    min-width: 10px;
}

.w15 {
    width: 15px !important;
}

.mw15 {
    min-width: 15px;
}

.w20 {
    width: 20px !important;
}

.mw20 {
    min-width: 20px;
}

.w24 {
    width: 24px !important;
}

.mw24 {
    min-width: 24px;
}

.w25 {
    width: 25px !important;
}

.mw25 {
    min-width: 25px;
}

.w30 {
    width: 30px !important;
}

.mw30 {
    min-width: 30px;
}

.w35 {
    width: 35px !important;
}

.mw35 {
    min-width: 35px;
}

.w40 {
    width: 40px !important;
}

.mw40 {
    min-width: 40px;
}

.w45 {
    width: 45px !important;
}

.mw45 {
    min-width: 45px;
}

.w50 {
    width: 50px !important;
}

.mw50 {
    min-width: 50px;
}

.w55 {
    width: 55px !important;
}

.mw55 {
    min-width: 55px;
}

.w60 {
    width: 60px !important;
}

.mw60 {
    min-width: 60px;
}

.w65 {
    width: 65px !important;
}

.mw65 {
    min-width: 65px;
}

.w70 {
    width: 70px !important;
}

.mw70 {
    min-width: 70px;
}

.w75 {
    width: 75px !important;
}

.mw75 {
    min-width: 75px;
}

.w80 {
    width: 80px !important;
}

.mw80 {
    min-width: 80px;
}

.w85 {
    width: 85px !important;
}

.mw85 {
    min-width: 85px;
}

.w90 {
    width: 90px !important;
}

.mw90 {
    min-width: 90px;
}

.w95 {
    width: 95px !important;
}

.mw95 {
    min-width: 95px;
}

.w100 {
    width: 100px !important;
}

.mw100 {
    min-width: 100px;
}

.w106 {
    width: 106px !important;
}

.mw106 {
    min-width: 106px;
}

.w110 {
    width: 110px !important;
}

.mw110 {
    min-width: 110px;
}

.w120 {
    width: 120px !important;
}

.mw120 {
    min-width: 120px;
}

.w126 {
    width: 126px !important;
}

.mw126 {
    min-width: 126px;
}

.w140 {
    width: 140px !important;
}

.mw140 {
    min-width: 140px;
}

.w150 {
    width: 150px !important;
}

.mw150 {
    min-width: 150px;
}

.w160 {
    width: 160px !important;
}

.mw160 {
    min-width: 160px;
}

.w180 {
    width: 180px !important;
}

.mw180 {
    min-width: 180px;
}

.w190 {
    width: 190px !important;
}

.mw190 {
    min-width: 190px;
}

.w200 {
    width: 200px !important;
}

.mw200 {
    min-width: 200px;
}

.w220 {
    width: 220px !important;
}

.mw220 {
    min-width: 220px;
}

.w240 {
    width: 240px !important;
}

.mw240 {
    min-width: 240px;
}

.w260 {
    width: 260px !important;
}

.mw260 {
    min-width: 260px;
}

.w280 {
    width: 280px !important;
}

.mw280 {
    min-width: 280px;
}

.w300 {
    width: 300px !important;
}

.mw300 {
    min-width: 300px;
}

.w340 {
    width: 340px !important;
}

.mw340 {
    min-width: 340px;
}

.w350 {
    width: 350px !important;
}

.mw350 {
    min-width: 350px;
}

.w25p {
    width: 25% !important;
}

.mw25p {
    min-width: 25%;
}

.w33p {
    width: 33% !important;
}

.mw33p {
    min-width: 33%;
}

.w50p {
    width: 50% !important;
}

.mw50p {
    min-width: 50%;
}

.w66p {
    width: 66% !important;
}

.mw66p {
    min-width: 66%;
}

.w75p {
    width: 75% !important;
}

.mw75p {
    min-width: 75%;
}

.w100p {
    width: 100% !important;
}

.mw100p {
    min-width: 100% !important;
}

.form-group small {
    font-size: 11px;
    line-height: normal;
    color: Gray;
}

.form-group {
    margin-bottom: 6px;
    width: 100%;
    color: #000;
}

.form-big .form-group {
    margin-bottom: 12px
}

.form-group.nomargin {
    margin-bottom: 0;
}

.form-columns-2:before,
.form-columns-2:after,
.form-columns-3:before,
.form-columns-3:after,
.form-columns-4:before,
.form-columns-4:after,
.form-columns-7:after,
.form-group:before,
.form-group:after,
.form-horizontal .divider:before,
.form-horizontal .divider:after {
    display: table;
    line-height: 0;
    content: "";
}

.form-columns-7:after, .form-columns-4:after, .form-columns-3:after, .form-columns-2:after, .form-group:after {
    clear: both;
}

.form-group .form-group:before,
.form-group .form-group:after {
    clear: none;
}

.form-group .checkbox,
.form-group .radio {
    display: inline-block;
    line-height: 21px;
}

.form-group .dropdown-menu .checkbox {
    display: block;
}

.form-group .dropdown-menu .checkbox + .checkbox {
    margin-left: 0;
}

.form-group .checkbox + .checkbox {
    margin-left: 6px;
}

.form-group .btn-group .multicheck-button {
    width: auto;
    height: 21px;
    line-height: 19px;
}

.form-group .row [class*="span"] {
    /*line-height: normal;*/
    min-height: 0;
}

.form-group-buttons button {
    margin: 0;
}

.form-group-buttons label {
    line-height: 26px;
}

.form-horizontal .form-group > :first-child {
    width: 114px;
    float: left;
    padding-left: 2px;
}

.form-horizontal .form-group > :last-child {
    margin-left: 114px;
    width: auto;
    float: none;
    display: block;
}

.form-horizontal.label-short .form-group > :first-child {
    width: 70px;
}

.form-horizontal.label-short .form-group > :last-child {
    margin-left: 70px;
}

.form-horizontal.label-small .form-group > :first-child {
    width: 130px;
}

.form-horizontal.label-small .form-group > :last-child {
    margin-left: 130px;
}

.form-horizontal.label-medium .form-group > :first-child {
    width: 160px;
}

.form-horizontal.label-medium .form-group > :last-child {
    margin-left: 160px;
}

.form-horizontal.label-large .form-group > :first-child {
    width: 200px;
}

.form-horizontal.label-large .form-group > :last-child {
    margin-left: 200px;
}

.form-horizontal.label-huge .form-group > :first-child {
    width: 240px;
}

.form-horizontal.label-huge .form-group > :last-child {
    margin-left: 240px;
}

.form-horizontal-large .form-group > :first-child,
.form-horizontal .form-group-large > :first-child {
    width: 144px;
}

.form-horizontal-large .form-group > :last-child,
.form-horizontal .form-group-large > :last-child {
    margin-left: 144px;
}

.form-horizontal.wizzard .form-group > :last-child {
    margin-left: 20px;
}

.form-horizontal.vertical .form-group > :first-child {
    width: auto;
    float: none;
    padding-left: 2px;
    margin-bottom: 2px;
    display: block;
}

.form-horizontal.vertical .form-group > :last-child {
    margin-left: 0;
    width: auto;
    float: none;
    display: block;
}

.form-horizontal .form-group .fill {
    margin-left: 0;
}

.form-horizontal .form-group.margin-bottom {
    margin-bottom: 20px;
}

.form-horizontal .form-group label.right {
    text-align: right;
    padding-right: 8px;
}

.form-horizontal .form-group > div > input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.form-horizontal .form-group > div > select,
.form-horizontal .form-group > div > textarea,
.form-horizontal .form-group > div > .chosen-container {
    width: 100%;
}

ul.form-columns-2,
ul.form-columns-3,
ul.form-columns-4,
ul.form-columns-7 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.form-columns-2 > li,
.form-columns-3 > li,
.form-columns-4 > li,
.form-columns-7 > li,
.form-columns-2 > .form-group,
.form-columns-3 > .form-group,
.form-columns-4 > .form-group,
.form-columns-7 > .form-group {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-columns-2 > li:nth-child(odd),
.form-columns-2 > .form-group:nth-child(odd) {
    padding-right: 8px;
}

.form-columns-2 > li:nth-child(even),
.form-columns-2 > .form-group:nth-child(even) {
    padding-left: 8px;
}

.form-columns-3 > li,
.form-columns-3 > .form-group {
    width: 33.3%;
}

.form-columns-3 > li:nth-child(3n+1), .form-columns-3 > .form-group:nth-child(3n+1),
.form-columns-3 > li:nth-child(3n+2), .form-columns-3 > .form-group:nth-child(3n+2) {
    padding-right: 4px;
}

.form-columns-3 > li:nth-child(3n+2), .form-columns-3 > .form-group:nth-child(3n+2),
.form-columns-3 > li:nth-child(3n+3), .form-columns-3 > .form-group:nth-child(3n+3) {
    padding-left: 4px;
}

.form-columns-4 > li,
.form-columns-4 > .form-group {
    width: 25%;
}

.form-columns-4 > li:nth-child(4n+1), .form-columns-4 > .form-group:nth-child(4n+1),
.form-columns-4 > li:nth-child(4n+2), .form-columns-4 > .form-group:nth-child(4n+2),
.form-columns-4 > li:nth-child(4n+3), .form-columns-4 > .form-group:nth-child(4n+3) {
    padding-right: 2px;
}

.form-columns-4 > li:nth-child(4n+2), .form-columns-4 > .form-group:nth-child(4n+2),
.form-columns-4 > li:nth-child(4n+3), .form-columns-4 > .form-group:nth-child(4n+3),
.form-columns-4 > li:nth-child(4n+4), .form-columns-4 > .form-group:nth-child(4n+4) {
    padding-left: 2px;
}

.form-columns-7 > li,
.form-columns-7 > .form-group {
    width: 14.28571428571429%;
}

.form-columns-2 + .divider {
    margin-top: 4px;
}

.form-columns-2 + .divider.margin-top {
    margin-top: 14px;
}

.checkbox-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.checkbox-list li {
    display: inline-block;
    width: 110px;
    float: left;
}

.checkbox-list li:last-child {
    float: none;
}

.checkbox-list-vertical li {
    width: auto;
    display: block;
}

.checkbox-list-small li {
    width: 50px;
}

.form-horizontal h2 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 6px 2px;
}

.form-horizontal h2:first-child {
    margin-top: 0;
}

.form-horizontal .divider + h2 {
    margin-top: 0;
}

.form-indent .form-group {
    padding-left: 8px;
}

.groups b {
    display: block;
    margin-top: 12px;
    margin-bottom: 4px;
}

.groups b:first-child {
    margin-top: 0;
}

.cover {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 200px;
}

.cover-300 {
    height: 300px;
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
    display: table;
    line-height: 0;
    content: "";
}

.thumbnails:after {
    clear: both;
}

.row-fluid .thumbnails {
    margin-left: 0;
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.thumbnail:hover, li.span-photos:hover {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #555555;
}

.btn .label, .btn .badge {
    position: relative;
}

.btn-mini .label, .btn-mini .badge {
    top: 0;
}

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: #a2a2a2;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
}

.btn-inline:first-child {
    margin-left: 0;
}

.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6; /*background-color: #d9d9d9;*/ /* Buttons in IE7 don't get borders, so darken on hover */
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: 32px;
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    line-height: 19px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.toolbar .btn.btn-small {
    min-height: 21px;
    margin: 3px 0;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini {
    padding: 1px 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #ffffff;
    background-color: #f89406;
    *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9;
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #ffffff;
    background-color: #bd362f;
    *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.desktop .btn-inverse:hover,
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
    text-decoration: none;
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #0088cc !important;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.btn-link:hover {
    color: #005580;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover {
    color: #333333;
    text-decoration: none;
}

.btn-link.white {
    text-decoration: underline;
    color: #fff;
    outline: none;
}

.btn-link-image {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
}

.btn-inline {
    padding: 0 3px !important;
    vertical-align: top;
    width: 24px !important;
    margin-left: 6px;
    height: 21px !important;
    float: left;
}

.btn-inline .nav-icon {
    display: block;
}

.btn-pull-right {
    position: absolute;
    right: 18px;
    margin-top: 3px;
}

.btn-floatless {
    padding: 0 3px !important;
    vertical-align: top;
    width: 24px !important;
    margin-left: 6px;
    height: 21px !important;
}

.form-horizontal .multiselect-checkboxes,
.multiselect-checkboxes {
    display: inline-block;
}

.multiselect-checkboxes li {
    float: none;
    padding-left: 0 !important;
}

.multiselect-dropdown-toggle {
    background: #F7F7F7;
    cursor: pointer;
    padding: 0 10px 0 3px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #b3b2b4 #e4e7ed #dde1e6;
}

.multiselect-dropdown-toggle:after {
    content: '';
    position: absolute;
    top: 44%;
    right: 8px;
    border-top: 5px solid #888;
    border-right: 4px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 4px solid transparent;
}

.select-default {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.select-default .caret {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
}

.select-default .caret-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    cursor: pointer;
}

.select-default select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 15px;
    padding-left: 2px;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(45%, #ebebeb), color-stop(47%, #dddddd), color-stop(100%, #cfcfcf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cfcfcf', GradientType=0); /* IE6-9 */
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #a2a2a2;
    border-bottom-color: #707070;
}

.select-default select::-ms-expand {
    display: none;
}

.select-default.inline {
    width: auto;
    display: inline-block;
}

.toolbar-filter .btn-group, .toolbar .btn-group {
    vertical-align: middle;
    display: inline-block;
}

.btn-group {
    position: relative;
    white-space: nowrap;
    font-size: 0;
}

.btn-group .btn {
    display: inline-block;
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 5px;
    padding-left: 5px;
    min-width: 0;
    width: 18px;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn .caret {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 4px;
    top: 0;
}

.btn.dropdown-toggle .caret {
    right: 3px;
}

.btn-default-gray .caret,
.btn-default-black .caret {
    border-top-color: #fff;
}

.btn-default {
    color: #000;
    padding: 0 10px;
    border-color: #a2a2a2;
    border-bottom-color: #707070;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    background-image: none;
    line-height: normal;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*outline:rgba(255,255,255,0.5) solid 1px;	 outline-offset:-2px;*/
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(45%, #ebebeb), color-stop(47%, #dddddd), color-stop(100%, #cfcfcf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 45%, #dddddd 47%, #cfcfcf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cfcfcf', GradientType=0); /* IE6-9 */
}

.btn-default.shotcut {
    display: block;
    position: relative;
}

.btn-default.shotcut i {
    right: 8px;
    position: absolute;
    font-style: normal;
    color: #dadada;
    line-height: 32px;
    font-size: 13px;
}

.btn-default-green.shotcut i {
    color: #193b05;
    text-shadow: none;
}

.btn-default-red.shotcut i {
    color: #4b1403;
    text-shadow: none;
}

.btn-default-action {
    border-color: #6767c4;
    border-bottom-color: #3a3a94;
}

.btn-default::-moz-focus-inner {
    /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}

A.btn-default {
    line-height: inherit;
}

.btn-icon-text {
    padding-left: 6px;
    padding-right: 7px;
}

.btn-icon-text [class^="icon-"],
.btn-icon-text [class*=" icon-"],
.btn-icon-text .nav-icon {
    margin-right: 5px !important;
    vertical-align: sub;
}

.btn-default i {
    position: relative;
    top: -1px;
    margin-right: 4px;
    vertical-align: middle;
}

.btn-default-primary {
    min-width: 96px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-default:hover,
.select-default select:hover {
    color: #000;
    text-decoration: none;
    border-color: #3c7eb0;
    background-image: none;
    background: #ecf4fd; /* Old browsers */
    background: -moz-linear-gradient(top, #ecf4fd 0%, #dcedfe 45%, #c0e5fa 47%, #aad7f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf4fd), color-stop(45%, #dcedfe), color-stop(47%, #c0e5fa), color-stop(100%, #aad7f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecf4fd 0%, #dcedfe 45%, #c0e5fa 47%, #aad7f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecf4fd 0%, #dcedfe 45%, #c0e5fa 47%, #aad7f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecf4fd 0%, #dcedfe 45%, #c0e5fa 47%, #aad7f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecf4fd 0%, #dcedfe 45%, #c0e5fa 47%, #aad7f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf4fd', endColorstr='#aad7f5', GradientType=0); /* IE6-9 */
}

.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-default:focus,
.btn-inline:focus {
    outline: none;
    outline-offset: 0;
}

.btn.active, .btn:active {
    border-color: #a2a2a2;
    background-color: #bdbdbd;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-default:active, .select-default select:active, .select-default select:focus {
    border-color: #3c7eb0;
    background-image: none;
    background-color: #abd8f6;
    background: -moz-linear-gradient(top, #c3e4f5 0%, #c3e4f5 45%, #abd8f6 47%, #94c9ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3e4f5), color-stop(45%, #c3e4f5), color-stop(47%, #abd8f6), color-stop(100%, #94c9ef));
    background: -webkit-linear-gradient(top, #c3e4f5 0%, #c3e4f5 45%, #abd8f6 47%, #94c9ef 100%);
    background: -o-linear-gradient(top, #c3e4f5 0%, #c3e4f5 45%, #abd8f6 47%, #94c9ef 100%);
    background: -ms-linear-gradient(top, #c3e4f5 0%, #c3e4f5 45%, #abd8f6 47%, #94c9ef 100%);
    background: linear-gradient(to bottom, #c3e4f5 0%, #c3e4f5 45%, #abd8f6 47%, #94c9ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3e4f5', endColorstr='#94c9ef', GradientType=0);
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default.disabled, .btn-default[disabled] {
    border-color: #a2a2a2;
    border-bottom-color: #707070;
    background-image: none;
}

.btn-default-color .caret {
    border-top-color: #fff;
    margin-left: 5px;
}

.btn-default-color,
.btn-default-color[disabled],
.btn-default-color:hover,
.btn-default-color:active {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    border-color: #0F0F0F;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.btn-default-color[disabled] {
    color: Silver;
    opacity: 1;
}

.btn-default-large.btn-default-color {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
}

.form-color.red,
.btn-default-red, .btn-default-red[disabled], .btn-default-red:not(.inactive):active[disabled],
.btn-default-red:hover, .btn-default-red:focus {
    background: #f53d05;
    background: -moz-linear-gradient(top, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f53d05), color-stop(5%, #d32603), color-stop(95%, #7b0f00), color-stop(100%, #9f1400));
    background: -webkit-linear-gradient(top, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -o-linear-gradient(top, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -ms-linear-gradient(top, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: linear-gradient(to bottom, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53d05', endColorstr='#9f1400', GradientType=0);
}

.btn-default-red:not(.inactive):active, .btn-default-red.active {
    background: #f53d05;
    background: -moz-linear-gradient(bottom, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f53d05), color-stop(5%, #d32603), color-stop(95%, #7b0f00), color-stop(100%, #9f1400));
    background: -webkit-linear-gradient(bottom, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -o-linear-gradient(bottom, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: -ms-linear-gradient(bottom, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    background: linear-gradient(bottom to, #f53d05 0%, #d32603 5%, #7b0f00 95%, #9f1400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53d05', endColorstr='#9f1400', GradientType=0);
}

.form-color, .form-color.gray,
.btn-default-gray, .btn-default-gray[disabled], .btn-default-gray:not(.inactive):active[disabled],
.btn-default-gray:hover, .btn-default-gray:focus {
    background: #838383;
    background: -moz-linear-gradient(top, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838383), color-stop(5%, #6c6c6c), color-stop(95%, #434242), color-stop(100%, #5c5b5b));
    background: -webkit-linear-gradient(top, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -o-linear-gradient(top, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -ms-linear-gradient(top, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: linear-gradient(to bottom, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#5c5b5b', GradientType=0);
}

.btn-default-gray:not(.inactive):active, .btn-default-gray.active {
    background: #838383;
    background: -moz-linear-gradient(bottom, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #838383), color-stop(5%, #6c6c6c), color-stop(95%, #434242), color-stop(100%, #5c5b5b));
    background: -webkit-linear-gradient(bottom, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -o-linear-gradient(bottom, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: -ms-linear-gradient(bottom, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    background: linear-gradient(bottom to, #838383 0%, #6c6c6c 5%, #434242 95%, #5c5b5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#5c5b5b', GradientType=0);
}

.form-color.black,
.btn-default-black, .btn-default-black[disabled], .btn-default-black:not(.inactive):active[disabled],
.btn-default-black:hover, .btn-default-black:focus {
    background: #3e3e3e;
    background: -moz-linear-gradient(top, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(5%, #3a3a3a), color-stop(95%, #252525), color-stop(100%, #2c2c2c));
    background: -webkit-linear-gradient(top, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -o-linear-gradient(top, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -ms-linear-gradient(top, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: linear-gradient(to bottom, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#2c2c2c', GradientType=0);
}

.btn-default-black:not(.inactive):active, .btn-default-black.active {
    background: #3e3e3e;
    background: -moz-linear-gradient(bottom, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3e3e3e), color-stop(5%, #3a3a3a), color-stop(95%, #252525), color-stop(100%, #2c2c2c));
    background: -webkit-linear-gradient(bottom, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -o-linear-gradient(bottom, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: -ms-linear-gradient(bottom, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    background: linear-gradient(bottom to, #3e3e3e 0%, #3a3a3a 5%, #252525 95%, #2c2c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#2c2c2c', GradientType=0);
}

.form-color.green,
.btn-default-green, .btn-default-green[disabled], .btn-default-green:not(.inactive):active[disabled],
.btn-default-green:hover, .btn-default-green:focus {
    background: #83b740;
    background: -moz-linear-gradient(top, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #83b740), color-stop(5%, #6bab1a), color-stop(95%, #357506), color-stop(100%, #417c15));
    background: -webkit-linear-gradient(top, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -o-linear-gradient(top, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -ms-linear-gradient(top, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: linear-gradient(to bottom, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83b740', endColorstr='#417c15', GradientType=0);
}

.btn-default-green:not(.inactive):active, .btn-default-green.active {
    background: #83b740;
    background: -moz-linear-gradient(bottom, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #83b740), color-stop(5%, #6bab1a), color-stop(95%, #357506), color-stop(100%, #417c15));
    background: -webkit-linear-gradient(bottom, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -o-linear-gradient(bottom, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: -ms-linear-gradient(bottom, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    background: linear-gradient(bottom to, #83b740 0%, #6bab1a 5%, #357506 95%, #417c15 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83b740', endColorstr='#417c15', GradientType=0);
}

.form-color.yellow,
.btn-default-yellow, .btn-default-yellow[disabled], .btn-default-yellow:not(.inactive):active[disabled],
.btn-default-yellow:hover, .btn-default-yellow:focus {
    background: #f9db38;
    background: -moz-linear-gradient(top, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9db38), color-stop(5%, #f0c12f), color-stop(95%, #d9800b), color-stop(100%, #ed980c));
    background: -webkit-linear-gradient(top, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -o-linear-gradient(top, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -ms-linear-gradient(top, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: linear-gradient(to bottom, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9db38', endColorstr='#ed980c', GradientType=0);
}

.btn-default-yellow:not(.inactive):active, .btn-default-yellow.active {
    background: #f9db38;
    background: -moz-linear-gradient(bottom, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f9db38), color-stop(5%, #f0c12f), color-stop(95%, #d9800b), color-stop(100%, #ed980c));
    background: -webkit-linear-gradient(bottom, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -o-linear-gradient(bottom, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: -ms-linear-gradient(bottom, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    background: linear-gradient(bottom to, #f9db38 0%, #f0c12f 5%, #d9800b 95%, #ed980c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9db38', endColorstr='#ed980c', GradientType=0);
}

.form-color.purple,
.btn-default-purple, .btn-default-purple[disabled], .btn-default-purple:not(.inactive):active[disabled],
.btn-default-purple:hover, .btn-default-purple:focus {
    background: #3d94ea;
    background: -moz-linear-gradient(top, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b70c2), color-stop(5%, #3d94ea), color-stop(95%, #2b68bc), color-stop(100%, #2b70c2));
    background: -webkit-linear-gradient(top, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -o-linear-gradient(top, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -ms-linear-gradient(top, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: linear-gradient(to bottom, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b70c2', endColorstr='#2b70c2', GradientType=0);
}

.btn-default-purple:not(.inactive):active, .btn-default-purple.active {
    background: #3d94ea;
    background: -moz-linear-gradient(bottom, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #2b70c2), color-stop(5%, #3d94ea), color-stop(95%, #2b68bc), color-stop(100%, #2b70c2));
    background: -webkit-linear-gradient(bottom, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -o-linear-gradient(bottom, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: -ms-linear-gradient(bottom, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    background: linear-gradient(bottom to, #2b70c2 0%, #3d94ea 5%, #2b68bc 95%, #2b70c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b70c2', endColorstr='#2b70c2', GradientType=0);
}

.btn-default-large {
    padding: 6px 12px !important;
    font-size: 14px !important;
}

.btn-default-large small {
    display: block;
    font-size: 11px;
}

.container-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
}

.container-editor {
    position: relative;
    margin: 0 auto;
}

.container-editor-padding {
    padding: 10px 24px;
}

body.mobile > .container-wrap {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

.container-form {
    background-color: #F0F0F0;
}

.container-form.inactive {
    background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    background-size: 14px 14px;
}

.container-form-fieldset {
    border: none;
}

.border {
    border: 1px solid #d5d5d5;
}

.border-top {
    border-top: 1px solid #d5d5d5;
}

.border-right {
    border-right: 1px solid #d5d5d5;
}

.border-bottom {
    border-bottom: 1px solid #d5d5d5;
}

.border-left {
    border-left: 1px solid #d5d5d5;
}

.border-hide {
    border: none !important;
}

.border-top-hide {
    border-top: none !important;
}

.border-right-hide {
    border-right: none !important;
}

.border-bottom-hide {
    border-bottom: none !important;
}

.border-left-hide {
    border-left: none !important;
}

.border-contrast {
    border-color: #333333 !important;
}

.border-thin {
    border-width: thin !important;
}

.padding-small1 {
    padding: 1px !important;;
}

.padding-top-small1 {
    padding-top: 1px !important;
}

.padding-right-small1 {
    padding-right: 1px !important;
}

.padding-bottom-small1 {
    padding-bottom: 1px !important;
}

.padding-left-small1 {
    padding-left: 1px !important;
}

.padding-small2 {
    padding: 2px !important;;
}

.padding-top-small2 {
    padding-top: 2px !important;
}

.padding-right-small2 {
    padding-right: 2px !important;
}

.padding-bottom-small2 {
    padding-bottom: 2px !important;
}

.padding-left-small2 {
    padding-left: 2px !important;
}

.padding-small {
    padding: 3px !important;;
}

.padding-top-small {
    padding-top: 3px !important;
}

.padding-right-small {
    padding-right: 3px !important;
}

.padding-bottom-small {
    padding-bottom: 3px !important;
}

.padding-left-small {
    padding-left: 3px !important;
}

.padding {
    padding: 6px !important;;
}

.padding-top {
    padding-top: 6px !important;
}

.padding-right {
    padding-right: 6px !important;
}

.padding-bottom {
    padding-bottom: 6px !important;
}

.padding-left {
    padding-left: 6px !important;
}

.padding-x {
    padding: 12px !important;;
}

.padding-top-x {
    padding-top: 12px !important;
}

.padding-right-x {
    padding-right: 12px !important;
}

.padding-bottom-x {
    padding-bottom: 12px !important;
}

.padding-left-x {
    padding-left: 12px !important;
}

.padding-large {
    padding: 18px !important;;
}

.padding-top-large {
    padding-top: 18px !important;
}

.padding-right-large {
    padding-right: 18px !important;
}

.padding-bottom-large {
    padding-bottom: 50px !important;
}

.padding-left-large {
    padding-left: 18px !important;
}

.padding-left-16 {
    padding-left: 16px !important;
}

.margin-small1 {
    margin: 1px !important;
}

.margin-top-small1 {
    margin-top: 1px !important;
}

.margin-right-small1 {
    margin-right: 1px !important;
}

.margin-bottom-small1 {
    margin-bottom: 1px !important;
}

.margin-left-small1 {
    margin-left: 1px !important;
}

.margin-small2 {
    margin: 2px !important;
}

.margin-top-small2 {
    margin-top: 2px !important;
}

.margin-right-small2 {
    margin-right: 2px !important;
}

.margin-bottom-small2 {
    margin-bottom: 2px !important;
}

.margin-left-small2 {
    margin-left: 2px !important;
}

.margin-small {
    margin: 3px !important;
}

.margin-top-small {
    margin-top: 3px !important;
}

.margin-right-small {
    margin-right: 3px !important;
}

.margin-bottom-small {
    margin-bottom: 3px !important;
}

.margin-left-small {
    margin-left: 3px !important;
}

.margin {
    margin: 6px !important;
}

.margin-top {
    margin-top: 6px !important;
}

.margin-right {
    margin-right: 6px !important;
}

.margin-bottom {
    margin-bottom: 6px !important;
}

.margin-left {
    margin-left: 6px !important;
}

.margin-x {
    margin: 12px !important;
}

.margin-top-x {
    margin-top: 12px !important;
}

.margin-right-x {
    margin-right: 12px !important;
}

.margin-bottom-x {
    margin-bottom: 12px !important;
}

.margin-left-x {
    margin-left: 12px !important;
}

.margin-large {
    margin: 18px !important;
}

.margin-top-large {
    margin-top: 18px !important;
}

.margin-left-large {
    margin-left: 18px !important;
}

.margin-right-large {
    margin-right: 18px !important;
}

.margin-bottom-large {
    margin-bottom: 50px !important;
}

tr.selected .border-top,
tr.selected .border-right,
tr.selected .border-bottom,
tr.selected .border-left {
    border-color: #fff;
}

.container-border {
    border: 1px solid #808080;
}

.container-border-top {
    border-top: 1px solid #808080;
}

.container-border-right {
    border-right: 1px solid #808080;
}

.container-border-bottom {
    border-bottom: 1px solid #808080;
}

.container-border-left {
    border-left: 1px solid #808080;
}

.container-shadow {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}

.container-fill {
    border: none;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.container-nav {
    width: 200px;
    overflow: hidden;
    border-right: 1px solid #808080;
    background-color: #EAEAEB;
}

.container-nav-gradient {
    background-image: linear-gradient(top, #EAEDF2 0%, #D1D8DF 100%);
    background-image: -o-linear-gradient(top, #EAEDF2 0%, #D1D8DF 100%);
    background-image: -moz-linear-gradient(top, #EAEDF2 0%, #D1D8DF 100%);
    background-image: -webkit-linear-gradient(top, #EAEDF2 0%, #D1D8DF 100%);
    background-image: -ms-linear-gradient(top, #EAEDF2 0%, #D1D8DF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEDF2), color-stop(1, #D1D8DF));
}

.container-nav-test {
    background: #ade0ed;
    background: -moz-linear-gradient(left, #ade0ed 0%, #d9edf2 91%, #f7fbfc 100%);
    background: -webkit-linear-gradient(left, #ade0ed 0%, #d9edf2 91%, #f7fbfc 100%);
    background: linear-gradient(to right, #ade0ed 0%, #d9edf2 91%, #f7fbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ade0ed', endColorstr='#f7fbfc', GradientType=1);
}

.container-nav-local {
    background: #fefcea;
    background: -moz-linear-gradient(left, #fefcea 0%, #ffffb5 100%);
    background: -webkit-linear-gradient(left, #fefcea 0%, #ffffb5 100%);
    background: linear-gradient(to right, #fefcea 0%, #ffffb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#ffffb5', GradientType=1);
}

.container-inverse {
    background-color: #1a1a1a;
}

.container-nav-slider {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.7);
}

.container-nav-slider-button {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2999;
    width: 3px;
    background-color: rgba(173, 173, 173, 0.88);
    border-right: 1px solid #6b6b6b;
    border-left: none;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: default;
}

.container-nav-slider-right {
    left: auto;
    right: 0;
    -webkit-box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.7);
    box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.7);
    overflow: inherit;
}

.container-nav-slider-button-right {
    left: auto;
    right: 0;
    height: 50%;
    border-left: 1px solid #6b6b6b;
    border-right: none;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.mobile .container-nav-slider-button.container-nav-slider-button-right {
    width: auto;
    height: 26px;
    bottom: 2px;
    top: auto;
    right: 1px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    -webkit-border-radius: 4px;
    border-radius: 25%;
    line-height: 26px;
    background: none;
}

.container-nav-desktop {
    width: 48px;
}

.container-nav-mini {
    width: 120px;
}

.container-nav-small {
    width: 170px;
}

.mobile .container-nav {
    width: 300px;
}

.container-nav-xsmall {
    width: 190px;
}

.container-nav-large {
    width: 240px;
}

.container-nav-xlarge {
    width: 520px;
}

.container-nav-right {
    border-left: 1px solid #808080;
    border-right: none;
    width: 201px;
}

.container-nav-panel {
    border-bottom: 1px solid #c6c6c7;
    color: #000;
}

.container-nav-panel label.header {
    display: block;
    font-weight: bold;
    padding: 2px 8px 0;
    margin: 0;
}

.container-nav-panel .header + .scroll-text {
    padding-top: 0;
}

.container-nav-panel-noborder {
    border-bottom: none;
}

.container-white {
    background-color: #fff;
}

.container-gray {
    background-color: #444444;
}

.container-chart {
    background-color: #F3F3F3;
}

.container-overflow {
    overflow: hidden;
}

.container-text {
    background-color: #fff;
    padding: 10px 12px;
    line-height: 17px;
    color: #333;

    -webkit-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.container-text:last-child {
    margin-bottom: 0;
}

.container-text > P:first-child {
    margin-top: 0;
}

.container-text li {
    margin-bottom: 10px;
}

.container-text ol.level1 {
    margin-left: 0;
    padding-left: 1.5em;
}

.container-text-header {
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 12px 4px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.container-text-header-inline {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 12px 4px;
    border-bottom: 1px solid gray;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.container-text-header-inline + .container-text {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

ul.container-text {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    list-style-type: none;
}

ul.container-text li:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

ul.container-text li:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

ul.container-text li {
    display: block;
    margin: 0;
    padding: 5px 12px;
    border-bottom: 1px solid gray;
}

ul.statistic-filter li {
    cursor: pointer;
}

ul.statistic-filter li:hover .title {
    text-decoration: underline;
}

ul.statistic li {
    padding-top: 4px;
    padding-bottom: 4px;
}

ul.statistic li span {
    height: 24px;
    line-height: 24px;
    display: block;
}

ul.statistic li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.statistic li .count {
    float: right;
    font-weight: bold;
    padding-left: 10px;
}

ul.statistic li img {
    float: left;
    display: block;
    margin-right: 10px;
}

ul.statistic li .help {
    line-height: normal;
    font-size: 11px;
}

ul.statistic li i {
    font-style: normal;
}

ul.statistic li .rating {
    float: right;
    margin-left: 4px;
    position: relative;
    top: 3px;
}

.scroll-y {
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-yy {
    overflow-y: scroll;
    overflow-x: hidden;
}

.scroll-x {
    overflow-x: scroll;
}

.scroll-xx {
    overflow-x: auto;
}

.scroll-padding {
    padding: 10px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-padding-q {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-margin-q {
    margin: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-padding2 {
    padding: 16px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-padding3 {
    padding: 0 14px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-padding-wizzard {
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-margin2 {
    margin: 16px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-text {
    line-height: 14px;
    padding: 3px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-text-large {
    padding: 8px 12px;
}

.scroll-text-q {
    padding: 6px 4px;
}

.scroll-compact ::-webkit-scrollbar {
    width: 6px;
}

.scroll-compact ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}

.scroll-compact ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.scroll-compact .scroll-y,
.scroll-compact .scroll-yy,
.scroll-compact .scroll-x {
    margin: 3px;
}

.scroll-compact .scroll-padding {
    padding: 7px 11px;
}

.chart400 {
    width: 100%;
    height: 400px;
}

.chart300 {
    width: 100%;
    height: 300px;
}

.chart-header {
    line-height: 16px;
}

.chart-header b {
    display: block;
}

.chart-header small {
    font-size: 11px;
    color: Gray;
}

.chart-detailng {
    list-style-type: none;
    margin: 0;
    color: #707070;
}

.chart-detailng .total {
    color: #000;
}

.chart-detailng li {
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}

.chart-detailng label {
    font-weight: bold;
    display: inline-block;
    width: 50%;
}

.chart-detailng big {
    font-weight: bold;
    font-size: 18px;
    color: #328CB7;
    width: 50%;
    display: inline-block;
}

.chart-detailng span {
    display: inline-block;
    margin-right: 8px;
    height: 8px;
}

.chart-detailng .title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid;
    display: block;
}

.chart-detailng * + .title {
    margin-top: 8px;
}

.dev {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #222222, #111111);
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.dev h1 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
    height: 26px;
    width: 300px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -150px;
}

.traffic {
    background-color: #fff;
    background-position: center 6px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 93px;
    width: 100%;
}

.statusbar {
    border-top: 1px solid #d5d5d5;
    background-color: #EAEAEB;
    height: 24px;
    line-height: 23px;
    padding: 0 4px;
    top: auto;
    color: #000;
}

.statusbar-large {
    height: 28px;
    line-height: 26px;
    border-bottom: 1px solid #d5d5d5;
}

.statusbar.container-inverse {
    background-color: #1a1a1a;
    border: none;
    color: white;
    padding-left: 8px;
}

.vertical-stacked-small {
    padding: 5px;
}

.vertical-stacked-small > * {
    margin-bottom: 5px;
}

.vertical-stacked-small input:last-child, .vertical-stacked-small select:last-child, .vertical-stacked-small textarea:last-child {
    margin-bottom: 0;
}

.vertical-stacked-small .split {
    margin-right: 10px;
}

input.input-text,
.select-list,
.ui-date-range {
    padding: 0 4px;
    border: 1px solid #afaeb0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.select-list {
    padding: 0;
}

.input-search {
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbZJREFUeNqMUj1PwlAUfYUSGj5MIUIgSGQwhjhACQkjwkDihIuLk/UfsLgzOLhhZISB6GgXgomr/gABN4grhuoAYgrhS+t5TTEVTPQmt/fm9p137z3nMaqqEoZhCDW/37+LkIMLcB5+Bz/vdrv3ZMmYBRCgI6vVWrHb7cRisWi16XRKhsMhmUwmFYCPjUDTopPNZqt4vV4lk8mcNRqNdL1eT4uimKM1nudFnNk3Aln6cTqdJ3CSSCQuCoVCEd1kWsc0zfl8/iFJUhHxFKXqN5KOGovFnuPxOFLVt7wLanwymXyKRCLqyqgmk2lNW1jv9IMEhnnDrp907xWg2+1uGFj9YahFR6PRNoiTV4ChUOiaRo7jqkYw8k0ALmm3QCBwsyIHbD2bzV51Op29fr9P6W9qzLGs4HK5NHkgy/tgMEhClkf6z5zP5+keo3a7/dBqtRSM5TObzTvQ0+fxeORwOCzhsi3w4MSuh5DtVlGUF8b4cnRWN+AOfaIxXC6VSqlyuVyczWaOXq83wAVRdolBSoD8iyQSjRQcDAZfBUEYE33HPw3nHLVa7QAvKoWc/TdQB3MaCPYlwADIksXLETWO3gAAAABJRU5ErkJggg==);
}

.input-flat {
    border: none;
    background-color: transparent;
    padding: 0 8px;
    outline: none;
}

.ui-date-range {
    background-color: #fff;
    border-color: #b3b2b4 #e4e7ed #dde1e6;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 22px;

}

.ui-date-range .ui-date,
.ui-date-range .ui-datetime,
.ui-date-range input[type=checkbox] {
    height: 20px;
}

.ui-date-range > span {
    display: inline-block;
    line-height: 18px !important;
    height: auto;
    padding: 0 6px;
    position: relative;
}

.ui-date-range .ui-date,
.ui-date-range .ui-datetime {
    border: none !important;
    border-right: 1px solid #e4e7ed !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clear-button {
    position: relative;
}

.ui-date:not([disabled]):after,
.ui-datetime:not([disabled]):after,
.clear-button:after {
    content: '\000D7';
    position: absolute;
    text-align: center;
    right: 16px;
    top: 0;
    font-size: 15px;
    color: #9494ff;
    font-weight: bold;
    cursor: pointer;
}

.ui-date:not([disabled]):hover:after,
.ui-datetime:not([disabled]):hover:after,
.clear-button:hover:after {
    color: blue;
}

.clear-button:after {
    right: 0;
    width: 16px;
    line-height: 21px;
}

.clear-button input:not([disabled]) {
    padding-right: 14px;
}

.iphone {
    /*position:absolute;	 left:0;	 right:0;	 bottom:0;*/
    height: 280px;
    display: block;
    background-image: url(../ico/form/phone.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #0A0A0A;
    text-align: center;
}

.iphone-dev {
    position: relative;
    top: 50%;
    display: none;
}

.desktop .iphone:hover {
    background-position: -199px top;
}

.desktop .iphone:hover .iphone-dev {
    display: inline-block;
}

.toolbar-filter {
    padding: 3px 6px 6px;
    margin: 0;
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    min-height: 34px;
    line-height: 25px;
    /* overflow: hidden; */
    list-style-type: none;
    white-space: nowrap;
    /* min-width: 800px; */
    background-color: #F0F0F0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toolbar-filter-min {
    min-width: 1200px;
}

.toolbar-filter > li {
    float: left;
    display: block;
    height: 22px;
    /*overflow: hidden;*/
    padding: 0;
    margin: 3px 3px 0 0;
    line-height: normal;
    position: relative;
}

.toolbar-filter > li span {
    vertical-align: top;
    line-height: 23px;
}

.toolbar-filter > li .chosen-container-single .chosen-single span {
    line-height: 21px;
}

.toolbar-filter > li span .i-date-range-dropdown {
    float: left;
    margin-top: -1px;
    line-height: 21px;
}

.toolbar-filter > li span input[type=checkbox] {
    margin-top: 2px;
    float: left;
}

.toolbar-filter > li label {
    vertical-align: middle;
    line-height: 23px;
    padding: 0;
    margin: 0 2px 0 0;
}

.toolbar-filter > li input[type=checkbox] {
    margin-right: 2px;
    outline: none;
}

.dropdown-menu li input[type=checkbox] {
    height: 18px;
    margin-right: 5px;
}

.dropdown-menu input[type=checkbox].pull-right {
    margin: 4px 0 0 6px;
}

.toolbar-filter > li.no-margin {
    margin-right: 1px;
}

.toolbar-filter > .divider {
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #ffffff;
    height: 22px;
    width: 0;
    margin: 3px 6px 0 3px;
}

.toolbar-filter select,
.toolbar-filter button,
.toolbar-filter input,
.toolbar-filter .input {
    display: inline-block;
    height: 22px;
    /* line-height:22px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toolbar-filter .btn {
    padding: 0 4px;
    display: block;
}

.toolbar-filter .btn-group .btn {
    display: inline-block;
}

.toolbar-filter .btn.btn-icon {
    padding: 2px 4px;
}

.toolbar-filter #filter-search {
    width: 140px;
}

.toolbar-filter > li.pull-right {
    float: right;
}

.toolbar-filter > .middle {
    line-height: 22px;
}

.toolbar {
    list-style-type: none;
    background-color: #e8e8e8;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin: 0;
    padding: 4px 6px;
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    /* height:40px; */
    /* line-height:30px; */
    /*overflow:hidden;*/
    position: absolute;
    display: block;
    white-space: nowrap;
    /* min-width: 800px; */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.toolbar-inverse {
    border-top: none;
    border-bottom: none;
    background-color: #1A1A1A;
    padding: 6px;
    color: #fff;
}

.toolbar-inverse A {
    color: #fff;
    text-decoration: none;
}

.desktop .toolbar-inverse A:hover {
    color: #fff;
    text-decoration: underline;
}

.toolbar .btn {
    min-height: 30px;
    /*height:30px;*/
    line-height: normal;
    min-width: 22px;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border-color: #a2a2a2;
    border-bottom-color: #707070;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toolbar-inverse .btn, .editor-toolbar .btn {
    border-color: #0F0F0F;
}

.toolbar > li {
    float: left;
    display: block;
    /* height:30px; */
    /* overflow:hidden; */
    padding: 0;
    margin: 0 3px 0 0;
    position: relative;
}

.toolbar > li.divider {
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #ffffff;
    height: 30px;
    width: 0;
    margin: 0 6px 0 3px;
}

.toolbar > li.pull-right {
    float: right;
}

.toolbar > li > input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.toolbar > li.clear-button:after {
    margin: 5px 0 4px;
}

.toolbar > li > input[type]:not([type=radio]):not([type=checkbox]):not([type=button]).toolbar-input {
    line-height: 28px;
    height: 28px;
    margin: 1px 0;
    padding: 2px 4px;
    font-size: 18px;
}

.toolbar > li > .ui-date-range {
    margin: 4px 0 4px;
}

.toolbar > li > label {
    margin-right: 2px;
    line-height: 30px;
}

.toolbar .middle {
    line-height: 30px;
}

.toolbar .left {
    line-height: 30px;
}

.toolbar .btn-icon-text {
    padding-left: 6px;
    padding-right: 10px;
}

.toolbar .btn-icon-text img {
    float: left;
    margin-right: 3px;
}

.toolbar .btn img {
    position: relative;
    vertical-align: middle;
    display: block;
    width: 16px;
    height: 16px;
}

.toolbar A.btn {
    line-height: 24px;
}

.toolbar A.btn img {
    display: inline-block;
}

.toolbar .strech {
    height: 30px;
}

.toolbar .select-default select {
    /* height:30px; */
    margin-top: 5px;
}

.toolbar .select-default > .caret {
    top: 16px;
}

.toolbar .btn-icon, .btn-icon {
    padding: 0 6px;
    text-align: center;
}

.toolbar-filter .btn-icon-text > span {
    line-height: 16px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.toolbar-filter .btn-icon-text > span:first-child {
    margin-left: 0;
}

.toolbar-filter .btn-icon-text > span > img {
    vertical-align: top;
    margin-right: 2px;
}

A.btn-icon {
    padding: 0 5px;
    text-align: center;
}

.toolbar .btn-icon-fix, .btn-icon-fix {
    padding-left: 4px;
}

.toolbar .btn-icon-only, .btn-icon-only {
    padding-left: 6px;
    padding-right: 6px;
}

.toolbar-fill {
    min-width: 0;
}

.toolbar-stretch * {
    height: 100%;
}

.toolbar-large .btn {
    padding: 0 18px;
    height: 34px;
}

.toolbar-large .padding-small {
    padding: 0 9px;
}

.toolbar-inverse-large {
    height: 74px;
    padding: 14px 12px;
    overflow: hidden;
    white-space: nowrap;
}

.toolbar-inverse-large li {
    margin-right: 6px;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 210px;
    height: 20px;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider.slider-vertical {
    height: 80px;
    width: 20px;
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid gray;
}

.slider-selection {
    display: none;
    position: absolute;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    /*opacity: 0.8;*/
    border: 0 solid transparent;
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.slider-handle.triangle {
    background: transparent none;
}

.dropup, .dropdown {
    position: relative;
}

.dropdown-toggle {
    /*margin-bottom: -3px;*/
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-bottom: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.caret.up {
    border-top: none;
    border-bottom: 4px solid #000000;
}

.caret.link, .link .caret {
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.i-date-range-dropdown .caret {
    margin-left: 4px;
    margin-top: -3px;
    vertical-align: middle;
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    overflow: auto;
    max-height: 242px;
}

.dropdown-menu.drop-up {
    top: unset;
    bottom: 100%;
}

.dropdown-menu.sub {
    overflow: initial;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    width: auto;
    height: 0;
    min-height: 0;
    margin: 3px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu li > a,
.dropdown-menu li > label {
    display: block !important;
    float: none !important;
    padding: 3px 20px 3px 12px;
    clear: both;
    line-height: 20px !important;
    white-space: nowrap;
    height: 20px;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
}

.dropdown-menu li > a {
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

.dropdown-menu li > label {
    padding: 0 20px 0 12px;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > li > a > [class*="icon-"] {
    margin-right: 4px;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
    color: #999999;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
}

.dropdown-menu.open + .caret {
    border-bottom: 4px solid #000;
    border-top: none;
}

.open {
    z-index: 1000;
}

.open > .dropdown-menu {
    display: block;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}

.toolbar > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:before,
.ui-date-range .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 6px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.toolbar > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:after,
.ui-date-range .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 7px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

/*#region datagrid*/
.datagrid {
    z-index: 999;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000;
    background-color: #fff;
}

.datagrid .request-error {
    padding: 26px 8px;
}

.datagrid TABLE {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.datagrid div.datagrid-header {
    position: absolute;
    display: inline;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 999;
}

.datagrid .datagrid-header tr {
    border-bottom: solid 1px #d5d5d5;
    background-image: linear-gradient(bottom, rgb(242, 242, 243) 0%, rgb(247, 247, 248) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(242, 242, 243) 0%, rgb(247, 247, 248) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(242, 242, 243) 0%, rgb(247, 247, 248) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(242, 242, 243) 0%, rgb(247, 247, 248) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(242, 242, 243) 0%, rgb(247, 247, 248) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(242, 242, 243)), color-stop(0.65, rgb(247, 247, 248)), color-stop(0.65, rgb(255, 255, 255)), color-stop(1, rgb(255, 255, 255)));
}

.datagrid .datagrid-header td {
    background-color: #FFF9C4;
}

.datagrid .datagrid-header th[data-sort] {
    position: relative;
}

.datagrid .datagrid-header th[data-sort]:hover {
    cursor: pointer;
    background-image: linear-gradient(bottom, rgb(188, 229, 255) 0%, rgb(192, 233, 255) 65%, rgb(230, 242, 255) 65%, rgb(232, 244, 255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(188, 229, 255) 0%, rgb(192, 233, 255) 65%, rgb(230, 242, 255) 65%, rgb(232, 244, 255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(188, 229, 255) 0%, rgb(192, 233, 255) 65%, rgb(230, 242, 255) 65%, rgb(232, 244, 255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(188, 229, 255) 0%, rgb(192, 233, 255) 65%, rgb(230, 242, 255) 65%, rgb(232, 244, 255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(188, 229, 255) 0%, rgb(192, 233, 255) 65%, rgb(230, 242, 255) 65%, rgb(232, 244, 255) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(188, 229, 255)), color-stop(0.65, rgb(192, 233, 255)), color-stop(0.65, rgb(230, 242, 255)), color-stop(1, rgb(232, 244, 255)));
}

.datagrid .datagrid-header th .sort {
    background-image: url(/assets/img/sort-down.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 8px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -4px;
}

.datagrid .datagrid-header th .sort-up {
    background-image: url(/assets/img/sort-up.png);
}

.datagrid .datagrid-body {
    overflow: auto;
    overflow-y: scroll;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}

.datagrid.overflow-auto .datagrid-body {
    overflow-y: auto;
}

.datagrid .datagrid-content {
    position: relative;
}

.datagrid THEAD TR {
    height: 21px;
}

.datagrid TBODY TR {
    border-bottom: solid 1px #d5d5d5;
}

.desktop .datagrid TBODY TR:hover {
    background: #f3fafd !important;
    color: #0064FF !important;
}

.desktop .datagrid TBODY TR.yellow:hover {
    color: #000000 !important;
}

.desktop .datagrid-nohover TBODY TR:hover {
    background-color: transparent !important;
}

.datagrid TBODY TR.marked {
    background-color: Yellow;
}

.desktop .datagrid TBODY TR.selected,
.datagrid TBODY TR.selected {
    background: #0088CF !important;
}

.datagrid TBODY TR.selected td {
    border-right-color: transparent;
}

.datagrid TBODY TR.selected [class^="icon-"],
.datagrid TBODY TR.selected [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png") !important;
}

.datagrid TBODY TR.selected td:not(.keep-color):not(.keep-appearance), .datagrid TBODY TR.selected td:not(.keep-color):not(.keep-appearance) * {
    color: #fff !important;
}

.datagrid TBODY TR.selected td:not(.keep-background):not(.keep-appearance), .datagrid TBODY TR.selected td:not(.keep-background):not(.keep-appearance) * {
    background-color: transparent !important;
}

.datagrid TBODY TR.selected img.i-16, .datagrid TBODY TR.selected img.i-12 {
    -webkit-filter: contrast(2) invert(100%);
}

.datagrid TBODY TR.selected img.i-16.no-inv, .datagrid TBODY TR.selected img.i-12.no-inv {
    -webkit-filter: none;
}

.datagrid TBODY .row [class*="span"] {
    min-height: 0;
}

.datagrid TBODY TR TD .label {
    margin: 1px 0;
    border: 1px solid transparent;
    padding-top: 1px;
    padding-bottom: 1px;
}

.datagrid TBODY TR.selected TD .label {
    background-color: transparent !important;
    border: 1px solid #fff;
    text-shadow: none;
}

.datagrid-single TBODY TR TD .label {
    padding-top: 0;
    padding-bottom: 0;
}

.datagrid TBODY TR.selected TD.label {
    text-shadow: none;
    background-color: Transparent !important;
}

.datagrid TBODY TD:last-child {
    border-right: none;
}

.datagrid TBODY TD:first-child {
    border-left: none;
}

.datagrid.datagrid-footer {
    padding-bottom: 24px;
}

.datagrid .datagrid-footer {
    position: absolute;
    background-color: #F3F3F4;
    z-index: 905;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    border-top: solid 1px #BFBFBF;
    padding: 1px 6px 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datagrid .datagrid-footer .block {
    display: inline-block !important;
    margin: 0 34px 0 0;
}

.datagrid .datagrid-footer .block.footer-small {
    margin: 0;
}

.datagrid .datagrid-footer .block.footer-small + .block > span {
    display: none;
}

.datagrid .datagrid-footer .block.footer-small + .block {
    margin: 0 2px;
}

.datagrid .datagrid-footer .pages {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.datagrid .datagrid-footer .pages LI {
    display: inline-block;
    margin: 0 3px;
}

.datagrid .datagrid-footer .pages LI a {
    display: block;
    min-width: 20px;
    text-align: center;
    background-color: #C5CAE9;
}

.datagrid .datagrid-footer .pages .counter {
    margin: 0 0 0 20px;
}

.datagrid .datagrid-footer .pages LI a:hover {
    text-decoration: none;
}

.datagrid .datagrid-footer .pages LI.active a,
.datagrid .datagrid-footer .pages LI a[disabled] {
    color: #795548;
    font-weight: bold;
    cursor: default;
}

.datagrid TH {
    vertical-align: middle;
    text-align: left;
    padding: 0 4px;
    font-weight: normal;
    border-left: 1px solid #BFBFBF;
    position: relative;
}

.datagrid-bolder TH {
    font-weight: bold;
}

.datagrid TH[title]:after {
    content: " ";
    background-image: url(../img/has-title.png);
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.form-group[title] > label:first-child:after,
.form-group > label[title]:first-child:after,
.form-group[data-original-title] > label:first-child:after,
.form-group > label[data-original-title]:first-child:after,
.form-group.tooltipstered > label:first-child:after,
.form-group > label.tooltipstered:first-child:after,
.titled[title]:after,
.titled.tooltipstered:after {
    content: "i";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 1px;
    right: 2px;
    font-size: 10px;
    line-height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0000908f;
    color: white;
    text-align: center;
    font-family: serif;
}

.titled[title]:after {
    position: initial;
    display: inline-block;
    margin-left: 3px;
    vertical-align: super;
}

.form-group[title] > label.warning:first-child:after,
.form-group > label.warning[title]:first-child:after,
.form-group[data-original-title] > label.warning:first-child:after,
.form-group > label.warning[data-original-title]:first-child:after,
.titled.warning[title]:after,
.form-group.tooltipstered > label.warning:first-child:after,
.form-group > label.warning.tooltipstered:first-child:after,
.titled.warning.tooltipstered:after {
    content: "!";
    background-color: red;
}

.datagrid TH.bold-border, .datagrid TD.bold-border {
    border-left-width: 2px;
}

.datagrid TH:first-child {
    border-left: none;
}

.datagrid TH.vertical {
    vertical-align: bottom;
    text-align: center;
    width: 18px;
    padding: 4px;
}

.datagrid TH.vertical > span {
    display: block;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
}

.datagrid TH > div:not(class^="line") {
    line-height: 21px;
    overflow: hidden;
    z-index: 999;
}

.datagrid TH > div img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.datagrid-single TD img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.datagrid TD img.avatar {
    position: relative;
    top: 2px;
}

.datagrid TD {
    cursor: pointer;
    border-left: solid 1px #d5d5d5;
    padding: 2px 2px;
    word-wrap: break-word;
}

.datagrid small {
    color: #333;
}

.datagrid small, .datagrid small * {
    font-size: 90%;
}

.datagrid small.green {
    color: Green;
}

.datagrid small.red {
    color: Red;
}

.datagrid-noborder TBODY TR {
    border-bottom: none;
}

.datagrid-single TH, .datagrid-single TD {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 3px;
    /*height:21px;
	vertical-align:middle;*/
}

.datagrid-header-center .datagrid-header td {
    text-align: center;
}

.datagrid-scroll-h .datagrid-body {
    overflow-x: scroll;
}

.datagrid-disable-scroll-h .datagrid-body {
    overflow-x: hidden;
}

.datagrid-disable-scroll-v .datagrid-body {
    overflow-y: hidden;
}

.datagrid-disable-scroll .datagrid-body {
    overflow: hidden;
}

.datagrid-auto-scroll .datagrid-body {
    overflow-y: auto;
}

.datagrid-transparent {
    background-color: Transparent;
}

.datagrid-striped TD {
    border-right: none;
    border-left: none;
    line-height: 16px;
}

.datagrid-striped.size11 TD {
    line-height: 14px;
}

.datagrid-striped-noborder TBODY TR,
.datagrid-striped-noborder TBODY TD {
    border: none;
}

.datagrid-vertical-top .datagrid-body TD {
    vertical-align: top;
}

.datagrid .trim {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datagrid TH.c {
    padding-left: 0;
    padding-right: 0;
}

.datagrid .c {
    text-align: center;
}

.datagrid .l {
    text-align: left;
}

.datagrid .r {
    text-align: right;
}

.datagrid .b {
    font-weight: bold;
}

.datagrid .e {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../ico/form/row.png);
}

.datagrid td.nav-icon {
    padding-left: 24px;
    background-position: 3px center;
    vertical-align: middle;
    display: table-cell;
    line-height: inherit;
}

.datagrid td.nav-icon.level2 {
    padding-left: 28px;
    background-position: 8px 2px;
}

.datagrid .i-folder {
    background-position: 4px center;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(../png/folder.png);
}

.datagrid TR.selected .i-folder {
    background-image: url(../png/folder-selected.png);
}

.datagrid .i-folder.right {
    background-position: right center;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(../png/folder-right.png);
}

.datagrid TR.selected .i-folder.right {
    background-image: url(../png/folder-right-selected.png);
}

.datagrid .color {
    display: inline-block;
    width: 90%;
    height: 9px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datagrid TR.selected .e {
    background-image: url(../ico/form/row-selected.png);
}

.datagrid .min-width {
    min-width: 50px;
}

.text-green {
    color: #004000;
}

.text-red {
    color: red;
}

.text-orange {
    color: orange;
}

.text-lime {
    color: #218c21;
}

.text-link {
    color: #0088cc;
}

.text-crimson {
    color: #800000;
}

.text-purple {
    color: #800080;
}

.backlight-red {
    color: #fff;
    background-color: Red;
}

.backlight-orange {
    color: #fff;
    background-color: #FF8000;
}

.backlight-green {
    color: #fff;
    background-color: #218C21;
}

.backlight-yellow {
    color: #000;
    background-color: YELLOW;
}

.backlight-purple {
    color: #fff;
    background-color: PURPLE;
}

.backlight-pink {
    color: #fff;
    background-color: #FF3C61;
}

.backlight-gray {
    color: #000;
    background-color: #DADADA;
}

.backlight-white {
    color: #000000;
    background-color: #FFF;
}

.backlight-warning {
    color: #ff9999;
    background-color: #B71C1C;
}

.backlight-crimson {
    color: #fff;
    background-color: #800000;
}

.backlight-day {
    color: #000;
    background: linear-gradient(to right, #f4d238 0%, #feff4a 32%);
}

.backlight-night {
    color: #fff;
    background: linear-gradient(to right, #0e0e0e 0%, #7d7e7d 100%);
}

.backlight-red a, .backlight-red [data-window], .backlight-red .link,
.backlight-green a, .backlight-green [data-window], .backlight-green .link,
.backlight-purple a, .backlight-purple [data-window], .backlight-purple .link,
.backlight-pink a, .backlight-pink [data-window], .backlight-pink .link,
.backlight-warning a, .backlight-warning [data-window], .backlight-warning .link {
    color: #FFEE58;
}

.text-shadow-black {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
}

.no-text-shadow {
    text-shadow: none !important;
}

[class^="led"][class*="nav-icon"], [class*=" led"][class*="nav-icon"] {
    padding: 0 4px 0 22px;
    background-repeat: no-repeat;
    background-position: 3px 1px;
    line-height: 18px;
    height: 18px;
}

[class^="led"], [class*=" led"] {
    display: inline-block;
    min-width: 8px;
    height: 17px;
    line-height: 17px;
    padding: 0 2px;
    margin-right: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #000;
    background-color: #F9FBE7;
    vertical-align: top;
    margin-top: 1px;
}

.led-icon {
    padding: 0 !important;
    width: 18px;
    background-position: center !important;
}

[class^="led"]:empty, [class*=" led"]:empty {
    background-color: transparent;
}

.led-1 {
    color: #fff;
    background-color: #ff7400;
}

.led-2 {
    color: #444;
    background-color: #F48FB1;
}

.led-3 {
    color: #fff;
    background-color: #388E3C;
}

.led-4 {
    color: #fff;
    background-color: #5f9ea0;
}

.led-5 {
    color: #000;
    background-color: #d6c6c6;
}

.led-6 {
    color: #981212;
    background-color: #fbbc6d;
}

.led-7 {
    color: #fff;
    background-color: #314e5d;
}

.led-8 {
    color: #fff;
    background-color: #66b7fd;
}

.led-9 {
    color: #f00;
    background-color: #FFF176;
}

.led-10 {
    color: #fff;
    background-color: #8E24AA;
}

.led-11 {
    color: #fe4;
    background-color: #00796B;
}

.led-12 {
    color: #fe4;
    background-color: #2b70c2;
}

.led-13 {
    color: #fff;
    background-color: #0088cc;
}

.led-14 {
    color: #fff;
    background-color: #673AB7;
}

.led-15 {
    color: #000;
    background-color: #a4e456;
}

.led-16 {
    color: #000;
    background-color: #ffde29;
}

.led-17 {
    color: #fff;
    background-color: #5c5b5b;
}

.led-18 {
    color: #fff;
    background-color: #9f1400;
}

.led-19 {
    color: #fff;
    background-color: #064188;
}

.led-20 {
    color: #000;
    background-color: #ffbd51;
}

.led-green {
    color: #ff0 !important;
    background-color: #388E3C !important;
}

.led-ltgreen {
    color: #fff !important;
    background-color: #8bff9b !important;
}

.led-orange {
    color: #fff !important;
    background-color: #ff7400 !important;
}

.led-red {
    color: #fff !important;
    background-color: #ff0000 !important;
}

.led-blue {
    color: #fff !important;
    background-color: #0088cc !important;
}

.datagrid td.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.datagrid td .padding-default {
    padding-left: 2px;
    padding-right: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datagrid .group {
    border-bottom: 2px solid #000;
    height: 26px;
    background: #e1ffff;
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: linear-gradient(to bottom, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ffff', endColorstr='#b1d8f5', GradientType=0);
}

.datagrid .group-yellow {
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
}

.datagrid .group-green {
    background: #e9f9e0;
    background: -moz-linear-gradient(top, #e9f9e0 0%, #96f293 75%, #a7db90 100%);
    background: -webkit-linear-gradient(top, #e9f9e0 0%, #96f293 75%, #a7db90 100%);
    background: linear-gradient(to bottom, #e9f9e0 0%, #96f293 75%, #a7db90 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f9e0', endColorstr='#a7db90', GradientType=0);
}

.datagrid .group-purple {
    background: #AE43E0;
    background: -moz-linear-gradient(top, #AE43E0 0%, #7F2AA6 75%, #AE43E0 100%);
    background: -webkit-linear-gradient(top, #AE43E0 0%, #7F2AA6 75%, #AE43E0 100%);
    background: linear-gradient(to bottom, #AE43E0 0%, #7F2AA6 75%, #AE43E0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AE43E0', endColorstr='#460067', GradientType=0);
}

.datagrid .group-small {
    height: initial;
}

.datagrid .group TD {
    font-weight: bold;
    padding: 2px 3px 2px 3px;
    border-right: none;
}

.datagrid .group TD:first-child {
    padding: 2px 8px 2px 8px;
}

.datagrid .group.collapsed TD:first-child {
    padding: 2px 8px 2px 20px;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-image: url(../ico/form/collapsed.png);
}

.datagrid .empty TD {
    padding: 20px 18px;
    border-right: none;
    line-height: 16px;
    color: Gray;
}

.desktop .datagrid TR.group-inverse:hover,
.datagrid TR.group-inverse {
    background-color: #333 !important;
    color: #fff !important;
    border-bottom: none !important;
}

.datagrid .group-small TD {
    padding: 1px 4px;
    font-size: 11px;
    line-height: normal;
}

.datagrid tr.hide {
    display: none;
}

.datagrid-editor TD {
    overflow: visible;
}

.datagrid-editor TD.row {
    background-color: #E8E8E8;
    color: #000;
}

.datagrid-editor TR.selected TD.row {
    background-color: #006aa1;
}

.datagrid-editor TD.delete {
    padding: 0;
    text-align: center;
    vertical-align: bottom;
}

.datagrid-editor TD.delete button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: Transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    background-image: url("../img/glyphicons-halflings.png");
    background-repeat: no-repeat;
    background-position: -456px 0;
}

.datagrid-editor TR.selected TD.delete button {
    background-image: url("../img/glyphicons-halflings-white.png");
}

.datagrid-editor TD input[type]:not([type=radio]):not([type=checkbox]):not([type=button]),
.datagrid-editor TD select,
.datagrid-editor TD .chosen-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: none;
    outline: none;
    background-color: Transparent;
    display: block;
    position: relative;
}

.datagrid-editor TD .chosen-container-single .chosen-single {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
}

.datagrid-editor TD input[type]:not([type=radio]):not([type=checkbox]):not([type=button]):not([readonly]):not([disabled]):focus,
.datagrid-editor TD select:focus,
.datagrid-editor TD select:focus option {
    outline: blue solid 2px;
    outline-offset: 0;
    background-color: #fff !important;
    color: #000 !important;
}

.datagrid .middle {
    text-align: center !important;
    vertical-align: middle !important;
}

.datagrid .middle .avatar {
    position: relative;
    left: 2px;
    top: -1px;
}

.datagrid-thumb TBODY TR,
.datagrid-thumb TBODY TD {
    border: none;
    cursor: default;
}

.desktop .datagrid-thumb TBODY TR:hover {
    background-color: Transparent !important;
}

.datagrid-thumb TD {
    border-right: none;
    border-left: none;
    line-height: normal;
}

.datagrid-thumb .thumbnails {
    padding: 0;
    margin: 0;
}

.datagrid-thumb .thumbnails .span1 {
    width: 150px;
    margin: 7px;
}

.datagrid-thumb .thumbnails .span1 .thumbnail {
    height: 170px;
    overflow: hidden;
}

.datagrid-thumb .thumbnails .span1 A {
    height: 26px;
    overflow: hidden;
    display: inline-block;
}

.datagrid-thumb .thumbnails .span1 .thumbnail > .avatar {
    margin-top: 6px;
    cursor: pointer;
}

.datagrid-thumb .thumbnails .span-photos {
    position: relative;
    width: 160px;
    display: block;
    box-sizing: border-box;
    margin: 7px;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.datagrid-thumb .thumbnails .span-photos.hide {
    display: none;
}

.datagrid-thumb .thumbnails .span-photos .thumbnail, .thumbnail-only {
    text-align: center;
    height: 160px;
    max-height: 150px;
    max-width: 150px;
    width: 150px;
    min-height: 150px;
    overflow: hidden;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    padding: 0;
}

.datagrid-thumb .thumbnails .span-photos:hover {
    border-color: #0064FF;
}

.datagrid-thumb .thumbnails .span-photos .thumb-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #000 !important;
}

.span-photos:hover .thumb-desc {
    color: #0064FF !important;
}

.datagrid-thumb .thumbnails .span-photos.selected .thumb-desc {
    color: #fff !important;
}

.span-photos.selected {
    background-color: #4869CC;
}

.datagrid-thumb .thumbnails .span-photos A {
    overflow: hidden;
    display: inline-block;
}

.datagrid-thumb .thumbnails .span-photos .thumbnail > .avatar {
    cursor: pointer;
}

.datagrid-thumb .thumbnail .caption {
    line-height: normal;
    margin-bottom: 8px
}

.datagrid-no-border TBODY TR {
    border-bottom: none;
}

.datagrid-no-border TBODY TD {
    border: none;
}

.datagrid-border-h TBODY TD {
    border-right: none;
}

/*#endregion*/
.i-12 {
    height: 12px;
    width: 12px;
}

.i-16 {
    height: 16px;
    width: 16px;
}

.i-18 {
    height: 18px;
    width: 18px;
}

.i-24 {
    height: 24px;
    width: 24px;
}

.i-32 {
    height: 32px;
    width: 32px;
}

.drivers-source {
    font-size: 11px;
}

.drivers-source-item {
    min-height: 36px;
}

.drivers-source-item td {
    padding: 2px 0;
    line-height: 13px;
}

.desktop .drivers-source-item:hover .icons {
    background-color: #f3fafd;
}

.desktop .datagrid TBODY TR.selected .icons,
.datagrid TBODY TR.selected .icons {
    /*background-color: #BBE4FE;*/
    background-color: #0088CF;
}

.drivers-source-item-group td {
    background-color: #333;
    color: #fff;
    padding: 3px 3px;
    line-height: normal;
    font-size: 10px;
    font-weight: bold;
}

.datagrid TBODY TR.drivers-source-item-group {
    border-bottom: none;
    border-top: none;
}

.driver-status-2,
.color-status-2,
.desktop .datagrid TBODY TR.selected .color-status-2 {
    background-color: #fff79d;
}

.driver-status-3,
.color-status-3,
.desktop .datagrid TBODY TR.selected .color-status-3 {
    background-color: #52de42;
}

.driver-status-1,
.bg-cancelled,
.color-status-1,
.desktop .datagrid TBODY TR.selected .color-status-1 {
    background-color: #fecbdd;
}

.driver-status-5,
.color-status-5,
.desktop .datagrid TBODY TR.selected .color-status-5 {
    background-color: #deeaf7;
}

.color-status-1,
.color-status-2,
.color-status-3 {
    opacity: 0.6;
}

.bg-ltblue {
    background-color: #ccf6ff;
}

.bg-green {
    background-color: #cdfecd;
}

.bg-yellow {
    background-color: #FFF9C4;
}

.bg-orange {
    background-color: #FFE0B2;
}

.bg-purple {
    background-color: #D1C4E9;
}

.bg-red {
    background-color: #fecccd;
}

.bg-econom {
    background-color: #f65f97;
}

.bg-comfort {
    background-color: #ef9b0f;
}

.bg-bussines {
    background-color: #149664;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gradient-taxi {
    background: #fff589;
    background: -moz-linear-gradient(-45deg, #fff589 0%, #ffb805 100%);
    background: -webkit-linear-gradient(-45deg, #fff589 0%, #ffb805 100%);
    background: linear-gradient(135deg, #fff589 0%, #ffb805 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff589', endColorstr='#ffb805', GradientType=1);
}

.bg-contain {
    background-size: contain;
}

.bg-cover {
    background-size: cover;
}

.buttons:before, .buttons:after {
    display: table;
    line-height: 0;
    /*content: "";*/
}

.buttons:after {
    clear: both;
}

.buttons {
    /*-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-align: right;
    border-top: 1px solid #dfdfdf;
    padding: 8px 10px 8px;
}

.buttons button,
.buttons a {
    display: inline-block;
    float: right;
}

.buttons .split {
    display: inline-block;
    width: 24px;
}

.form .buttons button {
    float: none;
}

.form .nav-tabs-shadow {
    position: absolute;
    top: auto;
    bottom: auto;
}

.buttons .btn-split {
    margin-left: 30px;
}

.buttons-gray {
    text-align: left;
    border-top: none;
    background-color: #444444;
    color: #fff;
    min-height: 38px;
}

.buttons-gray * {
    color: #fff;
}

.buttons-left {
    text-align: left;
    width: 100%;
}

.buttons-left button,
.buttons-left a {
    display: inline-block;
    float: left;
}

.buttons-center {
    text-align: center;
    width: 100%;
}

.buttons-center button,
.buttons-center a {
    display: inline-block;
    float: none;
}

.buttons .btn + .btn,
.buttons .btn + input[type=hidden] + .btn {
    margin-right: 6px;
}

.buttons-left .btn + .btn {
    margin-left: 6px;
    margin-right: 0;
}

.btn-default .nav-icon {
    top: 0;
}

.btn-icon-only i.nav-icon {
    margin-right: 0 !important;
}

.btn-icon-default {
    padding: 0 5px;
}

.form .buttons .btn + .btn {
    margin-right: 0;
    margin-left: 3px;
}

.avatar-list {
    padding: 4px;
    position: relative;
}

.avatar-list .avatar {
    vertical-align: middle;
    margin-right: 4px;
}

.datagrid TD .avatar-list .avatar {
    position: relative;
    top: -8px;
}

img.avatar,
span.avatar {
    display: inline-block;
    width: 54px;
    height: 54px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
}

span.avatar {
    background-color: #eee;
    line-height: 50px;
    color: gray;
    font-size: 36px;
    text-align: center;
    cursor: pointer;
}

img.avatar-small {
    width: 24px;
    height: 24px;
}

img.avatar-large {
    width: 80px;
    height: 80px;
}

img.avatar-xlarge {
    width: 120px;
    height: 120px;
}

img.avatar-fullsize {
    max-width: 100%;
    max-height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: initial;
    height: initial;
    top: 0 !important;
}

.avatar-q {
    width: 100%;
    background-color: White;
    border: 1px solid gray;
    padding: 14px 0;
    text-align: center;
}

.datagrid TD .avatar-center {
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: 150px !important;
    display: block !important;
}

.avatar-car {
    width: 100px;
    padding: 3px 0 0;
    position: absolute;
    bottom: 0;
    left: 50px;
    border: none;
}

.avatar-car img {
    width: 100%;
}

.list-params {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.list-params li {
    padding: 0 0 0 0;
    margin: 0 0 6px 0;
    white-space: nowrap;
}

.list-params .param-small {
    margin-bottom: 3px;
}

.list-params .group {
    font-weight: bold;
    margin-top: 6px;
    padding-left: 0;
}

.list-params .group:first-child {
    margin-top: 0;
}

.list-params .group + .group {
    margin-top: 0;
}

.list-params li b {
    font-weight: normal;
    border-bottom: 1px dotted #999999;
}

.list-params strong {
    display: block;
    margin: 0 0 2px 0;
}

.list-params .newline {
    display: block;
    margin-top: 4px;
}

.list-params li a,
.desktop .list-params li a:hover {
    text-decoration: underline;
}

.list-params li.split {
    margin-bottom: 14px;
}

.list-params li.split-top {
    margin-top: 14px;
}

.list-params .disable, .list-params .disable a,
.desktop .list-params .disable a:hover {
    color: gray;
}

.list-params > li > .list-params {
    margin-left: 16px;
    margin-top: 6px;
}

.list-params > li.level2 {
    margin-left: 16px;
}

.list-params > li.level3 {
    margin-left: 32px;
}

.list-params > li.last {
    margin-bottom: 0;
}

.list-params .help {
    padding: 4px 4px;
}

.list-params .shift {
    padding: 4px 2px;
    display: inline-block;
}

.list-params .row [class*="span"] {
    min-height: 0;
    height: auto;
    line-height: 21px;
}

.modal-map .modal-body {
    padding: 0;
    height: 400px;
    overflow: hidden;
}

.modal-map .modal-body iframe {
    border: 0;
    height: 400px;
    width: 100%;
}

.lock-object {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    color: Gray;
}

html.log {
    overflow-y: auto;
}

html.log body {
    padding: 8px 4px;
    line-height: 14px;
}

html.log body * {
    font-size: 11px;
}

.zoom-control {
    display: block;
    position: absolute;
    top: 38px;
    right: 32px;
    z-index: 999;
}

#lightbox .lb-details .lb-number {
    color: #ffc4c4;
}

#lightbox .lb-outerContainer {
    position: initial;
}

#lightbox .lb-close {
    position: fixed;
    top: 10px;
    right: 10px;
}

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(../images/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}

.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}

.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(../images/colorpicker_overlay.png);
}

.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../images/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}

.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}

.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(../images/colorpicker_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0;
}

.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}

.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(../images/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}

.colorpicker_hex input {
    right: 6px;
}

.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}

.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}

.colorpicker_rgb_r {
    background-image: url(../images/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}

.colorpicker_rgb_g {
    background-image: url(../images/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}

.colorpicker_rgb_b {
    background-image: url(../images/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}

.colorpicker_hsb_h {
    background-image: url(../images/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}

.colorpicker_hsb_s {
    background-image: url(../images/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}

.colorpicker_hsb_b {
    background-image: url(../images/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}

.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/colorpicker_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}

.colorpicker_focus {
    background-position: center;
}

.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_slider {
    background-position: bottom;
}

.color-picker {
    cursor: pointer;
}

.color-picker,
.color-picker-readonly {
    position: relative;
    width: 100%;
    height: 21px;
    border-color: #b3b2b4 #e4e7ed #dde1e6;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.color-picker-w30 {
    width: 30px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
}

.Status_2 {
    background-color: #F16097;
}

.Status_3 {
    /*background-color:#F5990E;*/
    background-color: #61c3ff;
}

.Status_5 {
    background-color: #179662;
}

.driver-category-0 {
    background-color: #DEEAF7;
}

.driver-category-1 {
    background-color: #E0F4E9;
}

.driver-category-2 {
    background-color: #DDEDDD;
}

.driver-category-3 {
    background-color: #ECECDC;
}

.driver-category-4 {
    background-color: #FBF7E3;
}

.driver-category-5 {
    background-color: #F0E7E0;
}

.driver-category-6 {
    background-color: #F0DFE0;
}

.license-valid {
    display: block;
    margin-top: 5px;
}

.datagrid TBODY TR.selected .no-gps {
    background-color: Transparent;
    border: 1px solid #fff;
}

.check-number-list {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.check-number-list .scroll-y {
    padding: 4px 6px;
}

.check-number-item {
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 110px;
    margin-bottom: 10px;
    background-position: center bottom;
    position: relative;
}

.check-number-item:last-child {
    margin-bottom: 0;
}

.check-number-item .check-number-item-date {
    color: #fff;
    visibility: hidden;
    font-style: normal;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    bottom: 4px;
    left: 6px;
    line-height: 10px;
}

.check-number-item:hover .check-number-item-date {
    visibility: visible;
}

.check-number-item .status-icon {
    width: 16px;
    height: 16px;
    background-position: left top;
    display: block;
    position: relative;
    top: 4px;
    left: 4px;
}

.status-icon {
    background-position: center 5px;
    background-repeat: no-repeat;
}

.datagrid-single TD.status-icon {
    background-position: center center;
}

.status-icon-cancel {
    background-image: url(/assets/ico/form/icon-status-cancel.png);
}

.selected TD.status-icon-cancel {
    background-image: url(/assets/ico/form/icon-status-cancel-white.png);
}

.status-icon-pause {
    background-image: url(/assets/ico/form/icon-status-pause.png);
}

.selected TD.status-icon-pause {
    background-image: url(/assets/ico/form/icon-status-pause-white.png);
}

.status-icon-ok {
    background-image: url(/assets/ico/form/icon-status-ok.png);
}

.selected TD.status-icon-ok {
    background-image: url(/assets/ico/form/icon-status-ok-white.png);
}

.status-icon-fake {
    background-image: url(/assets/ico/form/icon-status-fake.png);
}

.status-icon-empty {
    background-image: url(/assets/ico/form/stock_draw-circle-unfilled_9690.png);
}

.status-icon-cancel-16 {
    background-image: url(/assets/ico/form/16/icon-status-cancel.png);
}

.selected TD.status-icon-cancel-16 {
    background-image: url(/assets/ico/form/16/icon-status-cancel-white.png);
}

.status-icon-pause-16 {
    background-image: url(/assets/ico/form/16/icon-status-pause.png);
}

.selected TD.status-icon-pause-16 {
    background-image: url(/assets/ico/form/16/icon-status-pause-white.png);
}

.status-icon-ok-16 {
    background-image: url(/assets/ico/form/16/icon-status-ok.png);
}

.selected TD.status-icon-ok-16 {
    background-image: url(/assets/ico/form/16/icon-status-ok-white.png);
}

.status-icon-fake-16 {
    background-image: url(/assets/ico/form/16/icon-status-fake.png);
}

.selected TD.status-icon-fake-16 {
    /*background-image:url(/assets/ico/form/16/icon-status-ok-white.png);*/
}

.next-check {
    font-style: italic;
    font-size: 11px;
    color: Gray;
    margin-bottom: 6px;
}

.support .support-items {
    background-color: #fff;
}

.support .support-items .item-images {
    padding-top: 5px;
}

.support .support-items .date {
    color: Gray;
    font-size: 11px;
}

.support tr.selected .date {
    color: #fff;
}

.support .item-driver {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 260px;
}

.support .next-check {
    display: none;
}

.support .support-items td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 4px;
    font-size: 13px;
    line-height: 14px;
}

.support .support-content {
    overflow-y: auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support .checkbox {
    font-size: 11px;
    color: #fff;
}

.support .photos {
    border-top: 2px solid #222;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.support .answers {
    border-top: 2px solid #222;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.support .answers P {
    font-size: 12px;
    color: #fff;
    margin: 0;
    border-bottom: 1px dotted #fff;
    display: inline-block;
    width: auto;
    cursor: pointer;
    padding: 0;
}

.support .answers .dropdown-menu {
    z-index: 9999;
    width: 600px;
}

.support .answers .dropdown-menu A {
    overflow: hidden;
    text-overflow: ellipsis;
}

.support .answers .btn-group {
    display: inline-block;
}

.support .support-responce {
    padding: 8px;
    border-top: 2px solid #222;
}

.support .support-responce .dropup .caret {
    border-bottom-color: #fff;
}

.support .support-responce textarea {
    margin: 0 0 6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
}

.support .support-content .popover {
    display: block;
    position: relative;
    width: 90%;
    margin-bottom: 12px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.support .support-content .popover .popover-msg {
    white-space: pre-line;
}

.support .support-content .popover .popover-title {
    padding: 4px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.support .support-content .popover.responce {
    background-color: #EEDC82;
    width: 80%;
}

.support .support-content .popover.responce .arrow {
    border-right-color: #EEDC82;
}

.support .support-content .popover.yandex {
    background-color: #ABC4DD;
    width: 80%;
}

.support .support-content .popover.yandex .arrow {
    border-right-color: #ABC4DD;
}

.support .support-responce {
    border-top: 1px solid #2D2D2E;
}

.check-thumb-number {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    font-size: 20px;
    display: block;
    position: absolute;
    line-height: normal;
    /* bottom:3px; */
    left: 8px;
    color: #fff;
    font-style: normal;
}

.size9, .size9 * {
    font-size: 9px !important;
}

.size10, .size10 * {
    font-size: 10px !important;
}

.size11, .size11 * {
    font-size: 11px !important;
}

.size16, .size16 * {
    font-size: 16px !important;
}

.size21, .size21 * {
    font-size: 21px !important;
}

.size26, .size26 * {
    font-size: 26px !important;
}

.size-big {
    font-size: 32px;
}

#paid-balance {
    display: inline-block;
    margin-right: 16px;
    min-width: 56px;
}

.container-nav-desktop {
    border: none;
}

.container-nav-desktop ul {
    margin: 0;
    padding: 0;
}

.container-nav-desktop ul > li {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container-nav-desktop ul > li.divider {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #ffffff;
    height: 0;
    width: 100%;
    margin: 10px 0;
}

.container-nav-desktop a {
    position: relative;
    display: block;
    width: 34px;
    height: 38px;
    margin: 4px auto 10px;
}

.container-nav-desktop .glyphicons-icon {
    width: 34px;
    height: 38px;
}

.schedule-filter {
    position: fixed;
    bottom: 30px;
    left: 10px;
    z-index: 999;
}

.error {
    display: block;
    max-width: 75%;
    min-width: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    background-color: #FFDADA;
    border: 2px solid #FF2222;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #AB2222;
    position: fixed;
    right: 5%;
    bottom: 45px;
    text-align: left;
    z-index: 9999;
}

.error.hide {
    display: none;
}

.error .arrow {
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #FF2222;
    border-bottom-width: 0;
    position: absolute;
    bottom: -8px;
    right: 33%;
    z-index: 999;
}

.error .content {
    line-height: normal;
    padding-right: 20px;
    max-height: 211px;
    overflow-y: auto;
}

.error .content strong {
    display: block;
    margin-bottom: 5px;
}

.error .content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.error .content ul > li {
    padding: 0;
    margin: 0;
    overflow-wrap: break-word;
}

.error .content ul > li[data-field] {
    cursor: pointer;
    color: #733406;
}

.error .close {
    font-size: 16px;
    top: 4px;
    cursor: pointer;
    position: absolute;
    right: 7px;
    width: 20px;
    text-align: center;
    background: inherit;
    opacity: 1;
}

.error .close:hover {
    /* color:#fff; */
    opacity: 1.0;
    text-shadow: none;
}

.checkitem {
    padding: 0 0 10px 4px;
}

TR.groups-item .e {
    background-position: right 10px;
}

TR.groups-item .nav-icon {
    background-position: 7px center;
}

TD.groups-item {
    line-height: normal;
    padding: 4px 2px;
}

TD.groups-item b {
    display: block;
    margin: 0;
}

TD.groups-item small {
    color: Gray;
    font-size: 11px;
}

.container > ul.editor-toolbar,
.editor-toolbar {
    border: none;
    padding: 6px;
    background-color: rgba(26, 26, 26, 0.5);
    position: relative;
    min-width: 0;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1999;
}

.editor-form {
    min-height: 500px;
    max-width: 95%;
    border: 2px solid gray;
}

.editor-form-min {
    min-height: 300px;
}

.editor-form-min-400 {
    min-height: 400px;
}

.editor-scroll-padding {
    /* padding:42px 4px 20px; */
}

.loading {
    position: absolute;
    left: 6px;
    bottom: 4px;
    padding: 2px 8px;
    z-index: 1999;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.context-menu-list {
    margin: 0;
    padding: 0;

    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;

    border: 1px solid #ccc;
    background: #F5F5F5;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.context-menu-item {
    white-space: nowrap;
    padding: 0 0 0 28px;
    line-height: 24px;
    background-color: #F5F5F5;
    color: #000;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.context-menu-item.icon {
    background-position: 5px 4px;
    display: block;
    width: auto;
    height: auto;
}

.context-menu-separator {
    padding-bottom: 0;
    border-bottom: 1px solid #ccc;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.context-menu-item.hover {
    cursor: pointer;
    background-color: #0081c2;
    color: #fff;
}

.context-menu-item.disabled {
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #F5F5F5;
}

.context-menu-submenu > span:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 7px;
    margin-right: 8px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.context-menu-submenu:hover > span:after {
    border-left-color: #fff;
}

.context-menu-submenu.icon-callto.hover {
    background-image: url(/assets/ico/nav/phone-white.png);
}

/* vertically align inside labels */
.context-menu-input > label > * {
    vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}

.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}

.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    /*right: -5px;*/
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-item span {
    padding-right: 14px;
}

.context-menu-accesskey {
    text-decoration: underline;
}

.panel-phone-information {
    background-color: #1a1a1a;
    padding: 8px 0 4px;
}

.panel-phone-information .phone-number {
    color: #fff;
    font-size: 21px;
    text-align: center;
    bottom: 0;
    padding: 0;
    margin: 0;
    border: none;
    display: block;
    width: 100%;
    height: auto;
    min-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.panel-phone-information .phone-status {
    text-align: center;
    color: #fff;
    min-height: 20px;
}

.autocomplete-suggestions.custom {
    position: absolute;
    width: 100%;
    margin-top: 25px;
    max-height: 180px;
    z-index: 9999;
}

.autocomplete-suggestion small {
    display: block;
    font-size: 11px;
    color: #aaa;
    margin-bottom: 3px;
}

.autocomplete-suggestions.custom .autocomplete-suggestion {
    cursor: pointer;
}

.autocomplete-suggestions.custom .autocomplete-suggestion:hover {
    background: #F0F0F0;
}

.form-balance {
    text-align: right;
    color: #fff !important;
    line-height: normal;
    background-color: #000000;
}

.form-balance.green {
    background-color: #0E5D0E;
}

.form-balance.red {
    background-color: #920000;
}

.form-balance.orange {
    background-color: #D05E00;
}

.form-balance big {
    font-size: 50px;
    font-family: Consolas, serif;
    display: block;
}

.form-balance small {
    font-size: 20px;
    display: block;
}

.calendar {
    overflow: hidden;
    height: 43px;
}

/*.calendar strong {
	background-color:#fff;
	float:left;
	display:block;
	padding:0 4px;
	border-right:1px solid silver;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:43px;
}

.calendar strong {
	text-transform:uppercase;
	font-weight:normal;
}
 */
.calendar span,
.calendar strong {
    text-transform: lowercase;
    background-color: #fff;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 0;
    border-right-width: 1px;
    border-style: solid;
    border-color: silver;
    padding: 4px;
    line-height: normal;
    color: silver;
}

.calendar strong {
    font-weight: normal;
}

.calendar span:hover {
    color: #000;
}

.calendar span i,
.calendar strong i {
    color: #000;
    font-style: normal;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 11px;
    border-radius: 30px;
    border: 1px solid transparent;
}

.calendar strong i {
    width: auto;
    /*text-transform:none;*/
}

.calendar span.active i {
    cursor: pointer;
    background-color: green;
    border: 1px solid green;
    color: #fff;
}

.calendar span.create:hover i {
    cursor: pointer;
    background-color: gray;
    border: 1px solid gray;
    color: #fff;
}

.calendar span.today i {
    color: red;
    border: 1px solid red;
    background-color: #fff;
}

.calendar span.active.today i {
    color: #fff;
    background-color: red;
    border-color: red;
}

.calendar .text,
.calendar .text:hover {
    color: silver;
    border: none;
}

.calendar .old {
    color: #fff;
    background-color: #313131;
    border-color: #313131;
}

.calendar .old:hover,
.calendar .old i {
    color: #fff;
}

.calendar-container {
    width: 210px;
    background-color: #313131;
}

.calendar-container .calendar {
    width: auto;
    overflow: visible;
}

.calendar-container span,
.calendar-container strong {
    border-right: none;
    border-bottom: 1px solid silver;
}

.calendar-container span {
    width: 14.28571428571429%;
}

.calendar-container strong {
    display: block;
    width: auto;
    /*line-height:24px;
	padding-top:4px;*/
}

.calendar-container .text {
    display: none;
}

.calendar-wrap .calendar {
    overflow: hidden;
    width: auto;
    height: 87px;
}

.calendar-wrap .calendar span,
.calendar-wrap .calendar strong {
    border-bottom-width: 1px;
}

.calendar-table td {
    background-color: #fff;
}

.calendar-table th.old,
.calendar-table td.old {
    filter: brightness(0.95);
    -webkit-filter: brightness(0.95);
}

.calendar-table th {
    line-height: 14px;
    padding: 2px 4px;
}

.calendar-table .calendar-item {
    height: 38px;
}

.calendar-table td.day {
    line-height: 14px;
    vertical-align: middle;
    /*padding:5px 0px 4px 0;*/
}

.calendar-table td.day i {
    font-style: normal;
    color: gray;
    display: block;
    font-size: 11px;
}

.calendar-table td.active {
    background-color: #eefff6;
}

.calendar-table td.status-0 {
    background-color: #f9db38;
    color: #885100;
}

.calendar-table td.status-1 {
    background-color: #FF8A65;
    color: #860000;
}

.calendar-table td.status-2 {
    background-color: #b5efcf;
    color: #006304;
}

.calendar-table td.status-10 {
    background-color: #d2d2d2;
    color: #6d6d6d;
}

.alert-restore {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.80);
}

.alert-restore .container-inverse {
    padding: 6px 6px 6px 14px;
}

.alert-restore .content {
    line-height: 34px;
}

.container-new-order .alert-restore.container-nav-xlarge {
    width: auto;
    left: 0;
}

.container .hide, select.hide + .chosen-container {
    display: none;
}

.blur {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}

.photos .item {
    float: left;
    width: 16.66%;
}

.files {
    position: relative;
    top: 4px;
    padding-left: 6px;
}

.files span {
    color: gray;
    display: inline-block;
    margin-right: 12px;
}

.buttons-vertical {
    vertical-align: middle;
    padding-top: 25%;
}

.buttons-vertical .btn {
    display: block;
    margin: 0 0 6px 0;
    width: 30px;
    height: 30px;
    padding: 0;
}

.buttons-vertical .btn-split {
    margin-bottom: 20px;
}

select.invalid + .chosen-container > .chosen-single,
select.invalid + .chosen-container-multi > .chosen-choices,
select.invalid + .chosen-container-multi > .chosen-choices > li.search-choice,
.invalid {
    color: #ff2f2f !important;
    background-color: #fff3f3 !important;
    background-image: none;
}

input[type=checkbox].invalid {
    outline: 1px solid #ff2f2f;
    outline-offset: 1px;
}

[class^=label-dev-], [class*=label-dev-] {
    min-width: 9px;
    text-align: center;
    text-shadow: 0 0 1px #000000;
    color: #F7F02C;
    font-size: 10px;
    line-height: 13px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: monospace;
    float: right;
    top: 4px !important;
}

.label-dev-test {
    background-color: #2972D8;
}

.label-dev-none {
    background-color: #D4A6A6;
}

.label-dev-add {
    background-color: #489239;
}

.label-dev-quest {
    background-color: #BB92C6;
}

.label-dev-dev {
    background-color: #DC4311;
}

.label-dev-done {
    background-color: #7C7C7C;
}

.label-dev-admin {
    background-color: #FF5151;
}

.progress-bar {
    position: relative;
    display: inline-block;
    background: #27771F;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.progress-bar > span {
    display: block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43, 194, 83)), color-stop(1, rgb(84, 240, 84))
    );
    -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    height: 18px;
}

.progress-bar > span:after, .progress-bar.animated > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, rgba(255, 255, 255, .2)),
    color-stop(.25, transparent), color-stop(.5, transparent),
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.75, rgba(255, 255, 255, .2)),
    color-stop(.75, transparent), to(transparent)
    );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -webkit-border-radius: 20px 8px 8px 20px;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden;
}

.progress-bar.animated > span > span {
    -webkit-animation: move 2s linear infinite;
}

.progress-bar.animated > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

.progress-bar.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.progress-bar.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.progress-bar.nostripes > span > span,
.progress-bar.nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

.progress-bar > .title {
    position: absolute;
    width: 100%;
    line-height: 18px;
    left: 0;
    z-index: 3;
    color: #fff;
    text-align: center;
    font-size: 11px;
    text-shadow: 1px 1px 0 #000;
}

.drop-box {
    background-color: #FAEBD7;
    color: #94601C;
}

#upload-help {
    line-height: normal;
}

.drop-box-shadow {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
}

.drop-helper {
    border: 4px dashed #fff;
    border-radius: 20px;
    margin: 5%;
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 40px;
    text-align: center;
    line-height: normal;
    padding: 5%;
}

.sms-example {
    background-color: #FAEBD7;
    color: #94601C;
    border: 1px solid;
    padding: 3px 6px;
    width: 100%;
    line-height: 1.25em;
    white-space: normal;
    overflow: auto;
}

.bk-animated {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
}

.max-page-height {
    max-height: 90vh;
    overflow-y: auto;
}

.pull-down-menu {
    position: absolute;
    right: 100%;
    padding-right: 4px !important;
    top: -1px;
    display: none;
    cursor: default;
}

ul.pull-down-menu > li {
    text-align: left;
    padding: 5px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    background-color: #468847;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

ul.pull-down-menu > li:first-child {
    border-top: 1px solid #000;
    border-radius: 3px 3px 0 0;
}

ul.pull-down-menu > li:last-child {
    border-bottom: 1px solid #000;
    border-radius: 0 0 3px 3px;
}

.pull-down-menu-button:hover .pull-down-menu {
    display: block;
}

ul.pull-down-menu > li.header {
    background-color: #1E88E5;
}

ul.pull-down-menu > li small {
    font-size: 10px;
    font-weight: normal;
    min-width: 11px;
    display: inline-block;
    margin-right: 2px;
    top: -4px;
    position: relative;
}

ul.pull-down-menu > li.switch-to {
    background-color: #f89406;
    cursor: not-allowed;
}

ul.pull-down-menu > li.switch-to[data-firm] {
    cursor: pointer;
}

ul.pull-down-menu > li.switch-to.blocked {
    background-color: #5a5a5a;
    color: #cacaca;
}

ul.pull-down-menu > li.switch-to:hover {
    color: black;
    text-shadow: none;
}

.small {
    font-size: 10px;
}

.normal {
    font-weight: normal;
}

.import-park {
    display: flex !important;
    float: right !important;
}

.admin-only {
    color: #9c0f0f !important;
    text-shadow: 1px 1px 0 #f7e3e3 !important;
}

.tooltip .admin-only {
    color: #EF9A9A !important;
    text-shadow: none !important;
}

.blinked {
    animation: blinked 0.65s cubic-bezier(0.52, 0, 0, 1) infinite;
}

.blinked-slow {
    animation: blinked 1.5s cubic-bezier(0.52, 0, 0, 1) infinite;
}

@keyframes blinked {
    0% {
        opacity: 0;
    }
}

#news-title {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 6px;
    background-color: #81C784;
    color: #0b630a;
    text-shadow: 0 -1px 0 #ffffff;
    padding: 6px 96px 6px 12px;
    text-align: justify;
}

#news-text {
    overflow: auto;
    padding: 8px 0;
}

#news-title.hot {
    color: brown;
    background: sandybrown;
    text-shadow: 0 -1px 0 #FFF59D;
}

.input-image input[type=checkbox], .input-image input[type=radio] {
    opacity: 0;
    left: -9999px;
}

.input-image input[type=checkbox] + label, .input-image input[type=radio] + label {
    padding-left: 28px;
    position: relative;
}

.input-image input[type=checkbox] + label:before, .input-image input[type=radio] + label:before {
    content: "";
    background-image: url(../ico/logon/buttons-20-gray.png);
    position: absolute;
    left: 4px;
    top: 0;
    width: 20px;
    height: 20px;
}

.input-image input[type=checkbox] + label:before {
    background-position: 0 -20px;
}

.input-image input[type=radio] + label:before {
    background-position: -80px -80px;
}

.input-image input[type=checkbox]:checked + label:before {
    background-position: -20px -20px;
}

.input-image input[type=radio]:checked + label:before {
    background-position: -20px 0;
}

.input-image input[type=checkbox][disabled] + label:before {
    background-position: -40px -20px;
}

.input-image input[type=radio][disabled] + label:before {
    background-position: -40px -80px;
}

.input-image input[type=checkbox][disabled]:checked + label:before {
    background-position: -60px -20px;
}

.input-image input[type=radio][disabled]:checked + label:before {
    background-position: -60px 0;
}

.input-image-green input[type=checkbox] + label:before, .input-image-green input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-green.png);
}

.input-image-blue input[type=checkbox] + label:before, .input-image-blue input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-blue.png);
}

.input-image-red input[type=checkbox] + label:before, .input-image-red input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-red.png);
}

.input-image-green-contrast input[type=checkbox] + label:before, .input-image-green-contrast input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-green-contrast.png);
}

.input-image-blue-contrast input[type=checkbox] + label:before, .input-image-blue-contrast input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-blue-contrast.png);
}

.input-image-red-contrast input[type=checkbox] + label:before, .input-image-red-contrast input[type=radio] + label:before {
    background-image: url(../ico/logon/buttons-20-red-contrast.png);
}

.form-color * {
    font-size: 18px;
    line-height: normal;
    color: #fff9c0;
    text-shadow: -2px -1px 2px rgba(0, 0, 0, 0.5);
}

.form-color .big, .form-color BIG {
    font-size: 36px;
}

.form-color small {
    font-size: 0.75em;
    color: inherit;
}

button i.icon32 {
    vertical-align: middle;
    margin-right: 6px;
}

.btn-icon-only .icon32 {
    margin: 0 !important;
}

.sortable {
    margin: 0;
    padding: 0;
}

ol.sortable > li {
    background: #e9f9f8;
    list-style-position: inside;
    padding: 2px 6px;
    cursor: move;
    border: 1px solid lightgray;
    margin-bottom: 2px;
}

ol.block-counter {
    counter-reset: li;
    list-style: none outside none;
    margin: 0;
    padding-left: 20px;
}

ol.block-counter li {
    position: relative;
    min-height: 21px;
}

ol.block-counter > li:after {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -21px;
    top: 0;
    width: 21px;
    text-align: center;
    line-height: 21px;
}

.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(359deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/*
#translator-tool {
	left: initial;
	width: 75%;
	margin: 5% auto 0;
	position: relative;
}
*/
#btn-translate.float {
    position: absolute;
    bottom: 32px;
    right: 2px;
    z-index: 10000 !important;
}

.translate-table th,
.translate-table td {
    line-height: 14px;
    padding: 2px 4px;
}

.translate-table td .old {
    color: green;
}

.translate-table td .new {
    color: blue;
}

.shaker {
    animation: shake 0.3s;
    animation-iteration-count: 1;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.display-none {
    display: none !important;
}

.text-scroll-x {
    overflow-x: scroll !important;
}

.text-wordwrap {
    word-wrap: break-word !important;
    white-space: break-spaces !important;
}

.datagrid-editor.datagrid-editor-contrast TD input[type]:not([type=radio]):not([type=checkbox]):not([type=button]):not([readonly]):not([disabled]) {
    border: 1px solid #d5d5d5 !important;
    background: #fefefe !important;
}

.user-right-menu-list {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 25px;
    right: 11px;
    background: #0f0f0f;
    list-style-type: none;
    padding: 5px 0;
    width: 200px;
    box-shadow: 0 2px 4px 0 #777;
    z-index: 1000;
    transition: .1s;
}

.mobile .user-right-menu-list {
    width: 300px;
    top: 33px;
    right: 12px;
}

.user-right-menu:hover .user-right-menu-list,
.user-right-menu:focus .user-right-menu-list {
    visibility: initial;
}

.user-right-menu-list a {
    color: #b1b1b1;
    text-decoration: none;
    padding-left: 23px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    line-height: 18px;
}

.mobile .user-right-menu-list a {
    line-height: 32px;
    font-size: 16pt;
    padding: 0 14px 0 34px;
    background-size: contain;
}

.mobile .user-right-menu-list a * {
    font-size: 16pt;
}

.user-right-menu-list li {
    padding: 0 15px;
}

.mobile .user-right-menu-list li {
}

.user-right-menu-list li:hover {
    background: #425761;
}

.user-right-menu-list li:hover a {
    color: #fff !important;
    text-decoration: none !important;
}

.divider.dashed {
    border-top: 1px dashed #c0c0c0;
    border-bottom: 1px dashed #ffffff;
    margin: 7px 0;
}

.no-arrows {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.error_statistic, .error_statistic a {
    color: #fff !important;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.select-counter {
    float: right;
    min-width: 50px;
    text-align: right;
    cursor: pointer;
    background-color: #FAFAD2;
    padding: 0 6px;
}

.select-counter > .selected:not(:empty)::after {
    content: '/';
    margin: 0 3px;
    color: initial;
    font-weight: initial;
}

.select-counter > .selected {
    color: #800000;
    font-weight: bold;
}

.flex-list {
    --ratio: calc(19 / 14);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 100%;
    vertical-align: baseline;
    text-size-adjust: 100%;
}

.flex-list * {
    box-sizing: border-box;
}

.flex-list .item {
    --items-in-row: 2;
    flex-basis: calc(100% / var(--items-in-row));
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    display: flex;
    position: relative;
    padding: 16px;
}

.flex-list .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px 0;
    z-index: 1;
    width: 100%;
}

.flex-list .content * {
    line-height: var(--ratio);
}

.flex-list .tile-image-host {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.flex-list .tile-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    inset: 0;
}

.flex-list .item .content .item-title,
.flex-list .item .content .item-group {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    margin-bottom: 8px;
    font-size: 2.5em;
}

.flex-list .item .content .item-group {
    font-size: 2em;
    color: darkblue;
    width: 100%;
    min-height: 20px;
    text-align: right;
}

.flex-list .item .content .item-details {
    font-size: 16px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.quantity {
    font-weight: bold;
    font-size: 2.5em;
}

.difference {
    font-size: 2em;
}

.min-quantity {
    color: #6495ed;
    font-size: 2em;
}

.mobile .toolbar > li {
    padding: 4px 0 4px 8px;
}

.mobile .toolbar input {
    padding: 0 8px;
    font-size: 2.5em;
    height: 56px;
    border: 2px solid #673AB7;
    border-radius: 8px;
}

.mobile .toolbar button {
    height: 60px;
}