body, html {
    height: 100%
}

html {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    background: #fff
}


dl, ol, p, ul {
    margin-bottom: 16px
}

.fieldset:last-child, fieldset:last-child, ol:last-child, p:last-child, ul:last-child {
    margin-bottom: 0
}

a:hover {
    color: #529AD5
}

.small, small {
    font-size: 11px;
    line-height: 13px;
    color: #999
}

.strong {
    font-weight: 700
}

h1, h2 {
    padding: 0;
    color: #000
}

h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 26px
}

h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 32px 0 22px
}

h3 {
    font-size: 21px;
    line-height: 25px;
    margin: 30px 0 20px
}

h4 {
    font-size: 16px;
    line-height: 19px;
    margin: 25px 0 15px
}

h5 {
    margin: 20px 0 10px
}

h6 {
    font-size: 11px;
    text-transform: uppercase
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

.thin, .thin h1 {
    font-weight: 300;
    font-family: 'Open Sans', sans-serif
}

.underline {
    padding-bottom: .15em;
    border-bottom: 1px solid
}

.big-text {
    font-size: 18px;
    line-height: 24px
}

.intro {
    font-style: italic;
    color: #afafaf
}

.left-border {
    border-left: 2px solid;
    padding-left: 10px
}

.wrapped {
    display: block;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.boxed {
    display: block;
    padding: 16px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.money-percent-column {
    max-width: 55px;
    text-align: center;
}

.float-left {
    float: left
}

.float-right {
    float: right !important
}

.clear-both {
    clear: both
}

.with-padding {
    padding: 20px !important
}

.with-mid-padding {
    padding: 10px !important
}

.mid-padding-bottom {
    padding-bottom: 10px !important
}

.with-small-padding {
    padding: 5px !important
}

.no-padding {
    padding: 0 !important
}

.mid-padding-top {
    padding-top: 8px;
}

.mid-margin-bottom, .mid-margin-left, .mid-margin-right, .mid-margin-top, .small-margin-bottom, .small-margin-left, .small-margin-right, .small-margin-top {
    display: block
}

.margin-top {
    margin-top: 16px !important
}

.mid-margin-top {
    margin-top: 8px !important
}

.small-margin-top {
    margin-top: 4px !important
}

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

.margin-right {
    margin-right: 16px !important
}

.mid-margin-right {
    margin-right: 8px !important
}

.small-margin-right {
    margin-right: 4px !important
}

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

.margin-left {
    margin-left: 16px !important
}

.mid-margin-left {
    margin-left: 8px !important
}

.small-margin-left {
    margin-left: 4px !important
}

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

.margin-bottom {
    margin-bottom: 16px !important
}

.mid-margin-bottom {
    margin-bottom: 8px !important
}

.small-margin-bottom {
    margin-bottom: 4px !important
}

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

.relative {
    position: relative
}

.hidden-on-mobile, .only-on-desktop, .only-on-tablet {
    display: none
}

.big-menu > li, li.title-menu {

}

.message-menu > li {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(0, 0, 0, .15)
}

#access, #profile {
    border-bottom: 1px solid #fff;
}

.big-menu, .title-menu {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}



#profile .user-card .user-card-box {
    border: none;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}

#profile .user-card .user-card-left {
    width: 75px;
}

#profile .user-card a .user-name {
    font: inherit;
    color: #737373;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
}

#profile .user-card img {
    border-radius: 3px;
}

#profile .user-card a .user-position {
    color: #737373;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    font-weight: 100;

}

#profile .user-card a .user-location {
    font: inherit;
    color: #737373;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    font-weight: 100;

}

#profile .user-card a .user-skillometer {
    margin-top: 4px;
}

.dark-text-bevel, .message-menu > li {
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75)
}

#title-bar {
    position: relative
}

@-webkit-keyframes animate-thin-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -20px 0
    }
}

@-moz-keyframes animate-thin-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -20px 0
    }
}

@-ms-keyframes animate-thin-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -20px 0
    }
}

@-o-keyframes animate-thin-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -20px 0
    }
}

@-webkit-keyframes animate-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -40px 0
    }
}

@-moz-keyframes animate-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -40px 0
    }
}

@-ms-keyframes animate-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -40px 0
    }
}

@-o-keyframes animate-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -40px 0
    }
}

@-webkit-keyframes animate-big-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -80px 0
    }
}

@-moz-keyframes animate-big-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -80px 0
    }
}

@-ms-keyframes animate-big-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -80px 0
    }
}

@-o-keyframes animate-big-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: -80px 0
    }
}

.columns {
    margin-left: -2.25%
}

.columns:last-child {
    margin-bottom: -20px
}

.columns > div {
    float: left;
    margin: 0 0 20px 2.25%
}

.column, .one-column {
    width: 6.0833%
}

.two-columns {
    width: 14.4167%
}

.three-columns, .three-columns-tablet {
    width: 22.75%
}

.four-columns, .four-columns-tablet {
    width: 31.0833%
}

.six-columns, .six-columns-mobile, .six-columns-tablet {
    width: 47.75%
}

.eight-columns, .eight-columns-mobile {
    width: 64.4167%
}

.eleven-columns {
    width: 89.4167%
}

.twelve-columns, .twelve-columns-mobile, .twelve-columns-mobile-landscape, .twelve-columns-mobile-portrait, .twelve-columns-tablet {
    width: 97.75%
}

.new-row {
    clear: left
}

.mobile-panels > .panel-content > .back {
    display: block
}

.definition > dt {
    font-weight: 700;
    color: #000;
    margin-bottom: 4px
}

.definition > dd {
    font-style: italic;
    margin-bottom: 10px;
    padding-left: 16px
}

.blocks-list > li > [class*=" icon-"], .blocks-list > li > [class^=icon-]:before {
    border: 1px solid transparent
}

.tag {
    padding: 0 4px 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

small.tag {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 1px 2px;
    vertical-align: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tabs > li > a, .with-left-arrow, .with-right-arrow {
    position: relative
}

.tabs > li > a:after, .with-left-arrow:after, .with-right-arrow:after {
    display: block;
    content: '';
    width: 15px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin: -11px 0 0;
    padding: 0;
    border: 0
}

.with-left-arrow:after {
    left: 7px;
    background: url(/img/standard/sprites.png) -209px 0 no-repeat
}

.tabs > li > a:after, .with-right-arrow:after {
    right: 7px;
    background: url(/img/standard/sprites.png) -224px 0 no-repeat
}

.tabs > li > a:after, .with-right-arrow.grey-arrow:after {
    background-position: -224px -20px
}

.block-arrow {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1px 0 0 -6px;
    border: 6px solid transparent;
    border-top-color: inherit
}

.block-arrow > span {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    margin: -7px -6px -5px;
    border: 6px solid transparent;
    border-top-color: #e4e7eb
}

.silver-gradient > .block-arrow > span {
    border-top-color: #d6dadf
}

.orange-gradient > .block-arrow > span {
    border-top-color: #ff9e00
}

.blue-gradient > .block-arrow > span {
    border-top-color: #00438d
}

.translucid > .block-arrow > span, .notification > .block-arrow > span,
.black-gradient > .block-arrow > span {
    border-top-color: #000000;
}

.count,
.close {
    position: absolute;
    z-index: 88;
    top: 0;
    padding: 0 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    height: 16px;
    min-width: 12px;
    text-align: center;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border-width: 1px;
    border-style: solid;
    font-weight: 700;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 3px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 3px rgba(0, 0, 0, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 3px rgba(0, 0, 0, .75);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.count {
    right: 6%;
    margin: -10px 0 0 0;
}

.close {
    cursor: pointer;
}

.block {
    border: 1px solid #bfbfbf;
    position: relative;
    background-color: #fff;
    color: #666;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.block-title {
    display: block;
    position: relative;
    padding: 18px 19px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    -webkit-text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.info-spot {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    vertical-align: middle;
    position: relative;
    margin: -1px 0 1px;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    cursor: help
}

.info-spot .rbc-info-bubble {
    display: none;
}

.info-spot:hover .rbc-info-bubble {
    display: block;
}

.info-spot:hover .rbc-icon-info-bubble {
    margin-top: -9px;
    margin-left: -10px;
    padding: 8px 11px;
    background: #4c4c4c;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.full-width .edit .info-spot {
    position: absolute;
    right: -28px
}

.info-spot > [class*=" rbc-icon-"], .info-spot > [class^=rbc-icon-] {
    position: absolute;
    font-size: 17px;
    top: 0;
    left: 1px
}

.info-spot:hover > [class*=" rbc-icon-"], .info-spot:hover > [class^=rbc-icon-] {
    color: #fff;
    z-index: 99
}

.rbc-info-bubble {
    display: none;
    position: absolute;
    z-index: 98;
    top: -5px;
    left: 15px;
    min-width: 100px;
    padding: 8px 11px;
    margin-top: -4px;

    background: #4c4c4c;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 0 5px 5px;
    -moz-border-radius: 0 5px 5px;
    border-radius: 0 5px 5px
}

.info-spot:hover > .rbc-icon-info-bubble {
    display: block
}

.info-spot:hover > .rbc-icon-info-bubble:before {
    margin-right: -7px;
}

.info-spot:hover > .rbc-icon-info-bubble {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.info-bubble:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 26px;
    width: 21px;
    background-color: inherit;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius: 13px 0 0 13px;
    border-radius: 13px 0 0 13px
}

.on-top > .info-bubble {
    top: auto;
    bottom: -5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0
}

.on-top > .info-bubble:before {
    top: auto;
    bottom: 0
}

.js.touch .info-spot:hover > [class*=" rbc-icon-"], .js.touch .info-spot:hover > [class^=rbc-icon-] {
    color: inherit
}

[class*=" icon-"]:before, [class^=icon-]:before {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    font-family: EntypoRegular;
    font-size: 2em;
    line-height: .42;
    margin: -.5em .115em -.5em -.077em
}

.button-icon.icon:before, .button-icon > .icon:before, .button.icon:before, .button > .icon:before {
    font-size: 2.3em;
    margin-top: -.65em;
    margin-bottom: -.65em
}

.icon-size2:before {
    font-size: 3.5em;
    margin-top: -1.25em;
    margin-bottom: -1.25em;
    vertical-align: -.1em
}

.icon-redo.icon-size2:before {
    font-size: 2.8em
}

.icon-size3:before {
    font-size: 4.5em;
    margin-top: -1.75em;
    margin-bottom: -1.75em;
    vertical-align: -.171em
}

.icon-size4:before {
    font-size: 7em;
    margin-top: -3em;
    margin-bottom: -3em;
    vertical-align: middle
}

.icon-size5:before {
    font-size: 10em;
    margin-top: -4.5em;
    margin-bottom: -4.5em;
    vertical-align: middle
}

:root .icon-size2:before, :root .icon-size3:before, :root .icon-size4:before, :root .icon-size5:before {
    font-size: .25em \0/ IE9
}

[class*=" icon-"]:empty:before, [class^=icon-]:empty:before {
    margin-right: -.077em;
    margin-left: -.077em
}

.left-icon {
    padding-left: 20px;
    position: relative;
    min-height: 16px
}

.wrapped.left-icon {
    padding-left: 30px
}

.boxed.left-icon {
    padding-left: 36px
}

.big-left-icon {
    padding-left: 38px;
    position: relative;
    min-height: 32px
}

.wrapped.big-left-icon {
    padding-left: 48px
}

.boxed.big-left-icon {
    padding-left: 54px
}

.huge-left-icon {
    padding-left: 68px;
    position: relative;
    min-height: 64px
}

.wrapped.huge-left-icon {
    padding-left: 78px
}

.boxed.huge-left-icon {
    padding-left: 84px
}

.big-left-icon:before, .huge-left-icon:before, .left-icon:before {
    position: absolute;
    display: block;
    margin: 0
}

.left-icon:before {
    top: 0;
    left: -1px;
    font-size: 30px;
    line-height: 18px
}

.wrapped.left-icon:before {
    top: 12px;
    left: 9px
}

.boxed.left-icon:before {
    top: 16px;
    left: 15px
}

.big-left-icon:before {
    top: -1px;
    left: -2px;
    font-size: 60px;
    line-height: 36px
}

.wrapped.big-left-icon:before {
    top: 9px;
    left: 8px
}

.boxed.big-left-icon:before {
    top: 15px;
    left: 14px
}

.huge-left-icon:before {
    top: -3px;
    left: -5px;
    font-size: 120px;
    line-height: 72px
}

.wrapped.huge-left-icon:before {
    top: 7px;
    left: 5px
}

.boxed.huge-left-icon:before {
    top: 13px;
    left: 11px
}

.icon-plus:before {
    content: '\f016'
}

.icon-minus:before {
    content: '\f019'
}

.icon-info:before {
    content: '\f01e'
}

.icon-left-thin:before {
    content: '\f08d'
}

.icon-up-thin:before {
    content: '\f08f'
}

.icon-right-thin:before {
    content: '\f08e'
}

.icon-down-thin:before {
    content: '\f08c'
}

.icon-level-up:before {
    content: '\f094'
}

.icon-level-down:before {
    content: '\f093'
}

.icon-switch:before {
    content: '\f097'
}

.icon-infinity:before {
    content: '\f0c3'
}

.icon-squared-plus:before {
    content: '\f018'
}

.icon-squared-minus:before {
    content: '\f01b'
}

.icon-home:before {
    content: '\f022'
}

.icon-keyboard:before {
    content: '\f03b'
}

.icon-erase:before {
    content: '\f0c4'
}

.icon-pause:before {
    content: '\f09a'
}

.icon-forward:before {
    content: '\f09e'
}

.icon-backward:before {
    content: '\f09f'
}

.icon-next:before {
    content: '\f09c'
}

.icon-previous:before {
    content: '\f09d'
}

.icon-hourglass:before {
    content: '\f064'
}

.icon-stop:before {
    content: '\f099'
}

.icon-triangle-up:before {
    content: '\f087'
}

.icon-play:before {
    content: '\f098'
}

.icon-triangle-right:before {
    content: '\f086'
}

.icon-triangle-down:before {
    content: '\f084'
}

.icon-triangle-left:before {
    content: '\f085'
}

.icon-adjust:before {
    content: '\f068'
}

.icon-cloud:before {
    content: '\f0b3'
}

.icon-star:before {
    content: '\f008'
}

.icon-star-empty:before {
    content: '\f009'
}

.icon-cup:before {
    content: '\f047'
}

.icon-list:before {
    content: '\f011'
}

.icon-moon:before {
    content: '\f0b6'
}

.icon-heart-empty:before {
    content: '\f007'
}

.icon-heart:before {
    content: '\f006'
}

.icon-music-note:before {
    content: '\f000'
}

.icon-beamed-note:before {
    content: '\f001'
}

.icon-thumbs:before {
    content: '\f010'
}

.icon-flag:before {
    content: '\f02b'
}

.icon-tools:before {
    content: '\f057'
}

.icon-gear:before {
    content: '\f056'
}

.icon-warning:before {
    content: '\f03f'
}

.icon-lightning:before {
    content: '\f0b5'
}

.icon-record:before {
    content: '\f09b'
}

.icon-thunder-cloud:before {
    content: '\f0b4'
}

.icon-voicemail:before {
    content: '\f0c9'
}

.icon-plane:before {
    content: '\f0b7'
}

.icon-mail:before {
    content: '\f005'
}

.icon-pencil:before {
    content: '\f037'
}

.icon-feather:before {
    content: '\f038'
}

.icon-cross:before {
    content: '\f013'
}

.icon-cross-round:before {
    content: '\f014'
}

.icon-squared-cross:before {
    content: '\f015'
}

.icon-question:before {
    content: '\f01c'
}

.icon-quote:before {
    content: '\f034'
}

.icon-plus-round:before {
    content: '\f017'
}

.icon-minus-round:before {
    content: '\f01a'
}

.icon-right:before {
    content: '\f082'
}

.icon-arrow:before {
    content: '\f045'
}

.icon-fwd:before {
    content: '\f033'
}

.icon-undo:before {
    content: '\f090'
}

.icon-redo:before {
    content: '\f091'
}

.icon-left:before {
    content: '\f081'
}

.icon-up:before {
    content: '\f083'
}

.icon-down:before {
    content: '\f080'
}

.icon-list-add:before {
    content: '\f0a7'
}

.icon-numbered-list:before {
    content: '\f0a6'
}

.icon-left-fat:before {
    content: '\f089'
}

.icon-right-fat:before {
    content: '\f08a'
}

.icon-up-fat:before {
    content: '\f08b'
}

.icon-down-fat:before {
    content: '\f088'
}

.icon-add-user:before {
    content: '\f00c'
}

.icon-question-round:before {
    content: '\f01d'
}

.icon-info-round:before {
    content: '\f01f'
}

.icon-eye:before {
    content: '\f027'
}

.icon-price-tag:before {
    content: '\f028'
}

.icon-cloud-upload:before {
    content: '\f030'
}

.icon-reply:before {
    content: '\f031'
}

.icon-reply-all:before {
    content: '\f032'
}

.icon-code:before {
    content: '\f035'
}

.icon-extract:before {
    content: '\f036'
}

.icon-printer:before {
    content: '\f039'
}

.icon-refresh:before {
    content: '\f03a'
}

.icon-speech:before {
    content: '\f03c'
}

.icon-chat:before {
    content: '\f03d'
}

.icon-card:before {
    content: '\f041'
}

.icon-directions:before {
    content: '\f042'
}

.icon-marker:before {
    content: '\f043'
}

.icon-map:before {
    content: '\f044'
}

.icon-compass:before {
    content: '\f046'
}

.icon-trash:before {
    content: '\f048'
}

.icon-page:before {
    content: '\f049'
}

.icon-page-list-inverted:before {
    content: '\f04d'
}

.icon-pages:before {
    content: '\f04a'
}

.icon-frame:before {
    content: '\f04b'
}

.icon-drawer:before {
    content: '\f052'
}

.icon-rss:before {
    content: '\f054'
}

.icon-path:before {
    content: '\f058'
}

.icon-cart:before {
    content: '\f05a'
}

.icon-shareable:before {
    content: '\f059'
}

.icon-login:before {
    content: '\f05d'
}

.icon-logout:before {
    content: '\f05e'
}

.icon-volume:before {
    content: '\f062'
}

.icon-expand:before {
    content: '\f06a'
}

.icon-reduce:before {
    content: '\f06b'
}

.icon-new-tab:before {
    content: '\f06c'
}

.icon-publish:before {
    content: '\f06d'
}

.icon-browser:before {
    content: '\f06e'
}

.icon-arrow-combo:before {
    content: '\f06f'
}

.icon-pie-chart:before {
    content: '\f0c5'
}

.icon-language:before {
    content: '\f0cb'
}

.icon-air:before {
    content: '\f0cf'
}

.icon-database:before {
    content: '\f0d4'
}

.icon-drive:before {
    content: '\f0d5'
}

.icon-bucket:before {
    content: '\f0d6'
}

.icon-thermometer:before {
    content: '\f0d7'
}

.icon-down-round:before {
    content: '\f070'
}

.icon-left-round:before {
    content: '\f071'
}

.icon-right-round:before {
    content: '\f072'
}

.icon-up-round:before {
    content: '\f073'
}

.icon-chevron-down:before {
    content: '\f074'
}

.icon-chevron-left:before {
    content: '\f075'
}

.icon-chevron-right:before {
    content: '\f076'
}

.icon-chevron-up:before {
    content: '\f077'
}

.icon-chevron-small-down:before {
    content: '\f078'
}

.icon-chevron-small-left:before {
    content: '\f079'
}

.icon-chevron-small-right:before {
    content: '\f07a'
}

.icon-chevron-small-up:before {
    content: '\f07b'
}

.icon-chevron-thin-down:before {
    content: '\f07c'
}

.icon-chevron-thin-left:before {
    content: '\f07d'
}

.icon-chevron-thin-right:before {
    content: '\f07e'
}

.icon-chevron-thin-up:before {
    content: '\f07f'
}

.icon-progress-0:before {
    content: '\f0a0'
}

.icon-progress-1:before {
    content: '\f0a1'
}

.icon-progress-2:before {
    content: '\f0a2'
}

.icon-progress-3:before {
    content: '\f0a3'
}

.icon-back-in-time:before {
    content: '\f0ab'
}

.icon-network:before {
    content: '\f0ae'
}

.icon-mailbox:before {
    content: '\f0b0'
}

.icon-download:before {
    content: '\f0b1'
}

.icon-buoy:before {
    content: '\f0ba'
}

.icon-tag:before {
    content: '\f0bb'
}

.icon-dot:before {
    content: '\f0be'
}

.icon-two-dots:before {
    content: '\f0bf'
}

.icon-ellipsis:before {
    content: '\f0c0'
}

.icon-suitcase:before {
    content: '\f0bd'
}

.icon-flow-cascade:before {
    content: '\f0d9'
}

.icon-flow-branch:before {
    content: '\f0da'
}

.icon-flow-tree:before {
    content: '\f0db'
}

.icon-flow-line:before {
    content: '\f0dc'
}

.icon-flow-parallel:before {
    content: '\f0dd'
}

.icon-brush:before {
    content: '\f0c1'
}

.icon-paper-plane:before {
    content: '\f0b8'
}

.icon-magnet:before {
    content: '\f0c2'
}

.icon-gauge:before {
    content: '\f0df'
}

.icon-traffic-cone:before {
    content: '\f0e0'
}

.icon-creative-commons:before {
    content: '\f0e1'
}

.icon-cc-by:before {
    content: '\f0e2'
}

.icon-cc-nc:before {
    content: '\f0e3'
}

.icon-cc-nc-eu:before {
    content: '\f0e4'
}

.icon-cc-nc-jp:before {
    content: '\f0e5'
}

.icon-cc-sa:before {
    content: '\f0e6'
}

.icon-cc-nd:before {
    content: '\f0e7'
}

.icon-cc-pd:before {
    content: '\f0e8'
}

.icon-cc-zero:before {
    content: '\f0e9'
}

.icon-cc-share:before {
    content: '\f0ea'
}

.icon-cc-remix:before {
    content: '\f0eb'
}

.icon-github:before {
    content: '\f0ec'
}

.icon-github-circled:before {
    content: '\f0ed'
}

.icon-flickr:before {
    content: '\f0ee'
}

.icon-flickr-circled:before {
    content: '\f0ef'
}

.icon-vimeo:before {
    content: '\f0f0'
}

.icon-vimeo-circled:before {
    content: '\f0f1'
}

.icon-twitter:before {
    content: '\f0f2'
}

.icon-twitter-circled:before {
    content: '\f0f3'
}

.icon-facebook:before {
    content: '\f0f4'
}

.icon-facebook-circled:before {
    content: '\f0f5'
}

.icon-facebook-squared:before {
    content: '\f0f6'
}

.icon-gplus:before {
    content: '\f0f7'
}

.icon-gplus-circled:before {
    content: '\f0f8'
}

.icon-pinterest:before {
    content: '\f0f9'
}

.icon-pinterest-circled:before {
    content: '\f0fa'
}

.icon-tumblr:before {
    content: '\f0fb'
}

.icon-tumblr-circled:before {
    content: '\f0fc'
}

.icon-linkedin:before {
    content: '\f0fd'
}

.icon-linkedin-circled:before {
    content: '\f0fe'
}

.icon-dribbble:before {
    content: '\f0ff'
}

.icon-dribbble-circled:before {
    content: '\f100'
}

.icon-stumbleupon:before {
    content: '\f101'
}

.icon-stumbleupon-circled:before {
    content: '\f102'
}

.icon-lastfm:before {
    content: '\f103'
}

.icon-lastfm-circled:before {
    content: '\f104'
}

.icon-rdio:before {
    content: '\f105'
}

.icon-rdio-circled:before {
    content: '\f106'
}

.icon-spotify:before {
    content: '\f107'
}

.icon-spotify-circled:before {
    content: '\f108'
}

.icon-qq:before {
    content: '\f109'
}

.icon-instagrem:before {
    content: '\f10a'
}

.icon-dropbox:before {
    content: '\f10b'
}

.icon-evernote:before {
    content: '\f10c'
}

.icon-flattr:before {
    content: '\f10d'
}

.icon-skype:before {
    content: '\f10e'
}

.icon-skype-circled:before {
    content: '\f10f'
}

.icon-renren:before {
    content: '\f110'
}

.icon-sina-weibo:before {
    content: '\f111'
}

.icon-paypal:before {
    content: '\f112'
}

.icon-picasa:before {
    content: '\f113'
}

.icon-soundcloud:before {
    content: '\f114'
}

.icon-mixi:before {
    content: '\f115'
}

.icon-behance:before {
    content: '\f116'
}

.icon-google-circles:before {
    content: '\f117'
}

.icon-vkontakte:before {
    content: '\f118'
}

.icon-smashing:before {
    content: '\f119'
}

.icon-db-shape:before {
    content: '\f11b'
}

.icon-bullet-list:before {
    content: '\f11a'
}

.icon-db-logo:before {
    content: '\f11c'
}

.icon-pictures:before {
    content: '\f00e'
}

.icon-globe:before {
    content: '\f0b2'
}

.icon-leaf:before {
    content: '\f0b9'
}

.icon-graduation-cap:before {
    content: '\f0ca'
}

.icon-mic:before {
    content: '\f05f'
}

.icon-palette:before {
    content: '\f0a5'
}

.icon-ticket:before {
    content: '\f0cc'
}

.icon-movie:before {
    content: '\f00d'
}

.icon-target:before {
    content: '\f0a4'
}

.icon-music:before {
    content: '\f002'
}

.icon-trophy:before {
    content: '\f0a9'
}

.icon-like:before {
    content: '\f02c'
}

.icon-unlike:before {
    content: '\f02d'
}

.icon-bag:before {
    content: '\f05b'
}

.icon-user:before {
    content: '\f00a'
}

.icon-users:before {
    content: '\f00b'
}

.icon-light-bulb:before {
    content: '\f065'
}

.icon-new:before {
    content: '\f040'
}

.icon-water:before {
    content: '\f0cd'
}

.icon-droplet:before {
    content: '\f0ce'
}

.icon-credit-card:before {
    content: '\f0d0'
}

.icon-monitor:before {
    content: '\f0ac'
}

.icon-briefcase:before {
    content: '\f0bc'
}

.icon-save:before {
    content: '\f0d1'
}

.icon-cd:before {
    content: '\f0af'
}

.icon-folder:before {
    content: '\f051'
}

.icon-page-list:before {
    content: '\f04c'
}

.icon-calendar:before {
    content: '\f05c'
}

.icon-line-graph:before {
    content: '\f0c6'
}

.icon-bar-graph:before {
    content: '\f0c7'
}

.icon-clipboard:before {
    content: '\f0d2'
}

.icon-paperclip:before {
    content: '\f024'
}

.icon-ribbons:before {
    content: '\f02a'
}

.icon-book:before {
    content: '\f050'
}

.icon-read:before {
    content: '\f04f'
}

.icon-phone:before {
    content: '\f055'
}

.icon-megaphone:before {
    content: '\f0d3'
}

.icon-outbox:before {
    content: '\f02f'
}

.icon-inbox:before {
    content: '\f02e'
}

.icon-box:before {
    content: '\f053'
}

.icon-newspaper:before {
    content: '\f04e'
}

.icon-mobile:before {
    content: '\f0ad'
}

.icon-wifi:before {
    content: '\f0a8'
}

.icon-camera:before {
    content: '\f00f'
}

.icon-swap:before {
    content: '\f095'
}

.icon-loop:before {
    content: '\f096'
}

.icon-cycle:before {
    content: '\f092'
}

.icon-light-down:before {
    content: '\f066'
}

.icon-light-up:before {
    content: '\f067'
}

.icon-mute:before {
    content: '\f060'
}

.icon-loud:before {
    content: '\f061'
}

.icon-battery:before {
    content: '\f0aa'
}

.icon-search:before {
    content: '\f003'
}

.icon-key:before {
    content: '\f0d8'
}

.icon-lock:before {
    content: '\f025'
}

.icon-unlock:before {
    content: '\f026'
}

.icon-bell:before {
    content: '\f03e'
}

.icon-ribbon:before {
    content: '\f029'
}

.icon-link:before {
    content: '\f023'
}

.icon-revert:before {
    content: '\f021'
}

.icon-flashlight:before {
    content: '\f004'
}

.icon-area-graph:before {
    content: '\f0c8'
}

.icon-clock:before {
    content: '\f063'
}

.icon-rocket:before {
    content: '\f0de'
}

.icon-forbidden:before {
    content: '\f069'
}

.big-menu {
    margin: 0;
    min-height: 0;
    list-style-type: none
}

.big-menu > li {
    padding: 16px 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    position: relative
}

.big-menu > li > a {
    display: block;
    position: relative;
    margin: -16px -15px;
    padding: 16px 20px 16px 15px;
    color: inherit;
    cursor: pointer;
    border-left: 0 solid #404040;
    border-left: 0 solid rgba(0, 0, 0, .5);
    -webkit-transition: border-left-width 100ms, padding-right 100ms;
    -moz-transition: border-left-width 100ms, padding-right 100ms;
    -ms-transition: border-left-width 100ms, padding-right 100ms;
    -o-transition: border-left-width 100ms, padding-right 100ms;
    transition: border-left-width 100ms, padding-right 100ms
}

.big-menu > li > .current, .big-menu > li > a:hover {
    border-left-width: 4px;
}

.big-menu > li > .current:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: #404040
}

.title-menu {
    margin: 0;
    min-height: 0;
    list-style-type: none
}

li.title-menu {
    padding: 1px 8px 3px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.message-menu {
    margin: 0;
    min-height: 0;
    list-style-type: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none
}

.message-menu > li {
    padding: 9px 65px 10px 30px;
    min-height: 41px;
    color: #4c4c4c;
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    position: relative
}

.message-menu > li > a {
    display: block;
    margin: -9px -65px -10px -30px;
    padding: 9px 69px 10px 30px;
    min-height: 41px;
    color: #4c4c4c;
    position: relative
}

.message-status {
    float: left;
    margin: -1px 0 0 -22px;
    width: 16px;
    text-align: center
}

.message-status > span {
    height: 16px;
    font-weight: 700
}

.message-info {
    position: absolute;
    top: 9px;
    right: 7px;
    width: 50px;
    margin-left: 0;
    list-style-type: none;
    text-align: right
}

.message-info > span {
    display: block;
    float: right;
    height: 16px
}

.new-message, .unstarred {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 16px;
    white-space: nowrap
}

.unstarred {
    background: url(/img/standard/sprites.png) -16px -34px no-repeat
}

.new-message {
    background: url(/img/standard/sprites.png) -32px -34px no-repeat
}

.message-menu > li > a {
    border-left: 0 solid #404040;
    border-left: 0 solid rgba(0, 0, 0, .5);
    -webkit-transition: border-left-width 100ms, padding-right 100ms;
    -moz-transition: border-left-width 100ms, padding-right 100ms;
    -ms-transition: border-left-width 100ms, padding-right 100ms;
    -o-transition: border-left-width 100ms, padding-right 100ms;
    transition: border-left-width 100ms, padding-right 100ms
}

.navigable {
    overflow: hidden;
    position: relative;
    padding: 0
}

.navigable > .load {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10%;
    padding: 0;
    margin: 0;
    cursor: wait;
    background: url(/img/standard/loaders/loading16_anthracite.gif) center 4px no-repeat #000
}

.navigable ul.fixed {
    position: absolute;
    left: 0;
    width: 100%
}

.navigable ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: none
}

.navigable-ajax, .navigable-ajax-loaded {
    cursor: pointer
}

.back {
    position: relative;
    padding: 16px 15px 16px 16px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    cursor: pointer
}

.back > .back-arrow {
    display: block;
    width: 11px;
    height: 9px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 11px;
    background: url(/img/standard/sprites.png) -187px 0 no-repeat
}

.custom-scroll {
    overflow: hidden !important
}

.button-height {
    line-height: 34px;
    margin-top: -2px;
    margin-bottom: -2px
}

.disabled, .disabled .button, .disabled button, .disabled input, .disabled span, :disabled {
    cursor: not-allowed !important
}

.button {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    position: relative;
    text-align: center;
    font-weight: 300;
    text-transform: none;
    padding: 6px 11px;
    font-size: 13px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 6px;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    background-position: center center !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased
}

.button.full-width {
    width: 100%;
    margin: 0;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.button-height .button.float-left, .button-height .button.float-right {
    margin-top: 2px
}

.button:focus {
    outline: 0;
}

.input .button {
    margin-top: -1px;
    margin-bottom: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input .button:last-child {
    margin-right: -9px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button.anthracite-gradient, .button.green-gradient, .button.red-gradient {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .25)
}

.button.anthracite-gradient {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6)
}

.button.green-gradient, .button.red-gradient {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .35)
}

.button.active, .button:active {
    border: 1px solid transparent;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .45), 0 1px 1px rgba(255, 255, 255, .35);
}

.button.disabled, .button:disabled, .disabled .button, .disabled .select-arrow, .disabled .select-value {
    box-shadow: none !important;
    text-shadow: none !important
}

.button.disabled, .button:disabled, .disabled .button {
    border-width: 1px;
    border-style: solid
}

.button > .button-icon {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    text-align: left;
    font-weight: 700;
    padding: 0 10px;
    line-height: inherit;
    height: inherit
}

.ie7 .button > .button-icon {
    margin: -1px 9px -1px 0
}

@-moz-document url-prefix() {
    .button > .button-icon {
        margin-left: -15px
    }
}

.button.full-width > .button-icon {
    float: left
}

.button > .button-icon.right-side {
    margin: -1px -12px -1px 9px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.ie7 .button > .button-icon.right-side {
    margin: -1px 0
}

@-moz-document url-prefix() {
    .button > .button-icon.right-side {
        margin-right: -15px
    }
}

.button.full-width > .button-icon.right-side {
    float: right
}

.active > .button-icon, :active > .button-icon {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .75);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .75)
}

.active > .button-icon.anthracite-gradient, .active > .button-icon.black-gradient, .active > .button-icon.blue-gradient, .active > .button-icon.grey-gradient, :active > .button-icon.anthracite-gradient, :active > .button-icon.black-gradient, :active > .button-icon.blue-gradient, :active > .button-icon.grey-gradient {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6)
}

.active > .button-icon.white-gradient, :active > .button-icon.white-gradient {
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75)
}

.active .button-icon.green-gradient, .active .button-icon.orange-gradient, .active .button-icon.red-gradient, :active .button-icon.green-gradient, :active .button-icon.orange-gradient, :active .button-icon.red-gradient {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .35)
}

.disabled .button-icon, :disabled > .button-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none
}

.button.tiny {
    padding: 0 5px;
    line-height: 16px;
    height: 16px;
    font-size: 11px;
    min-width: auto;
    font-weight: 400;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.input .button.tiny:last-child {
    margin-right: -3px
}

.button.tiny:active {
    padding: 1px 6px
}

.button.tiny:disabled {
    padding: 0 5px
}

.button.compact {
    padding: 0 8px;
    line-height: 22px;
    height: 22px
}

.input .button.compact {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button.compact:active {
    padding: 1px 9px
}

.button.compact.disabled, .button.compact:disabled {
    padding: 0 8px
}

.compact > .button-icon {
    margin: -1px 4px -1px -9px;
    padding: 0 6px
}

.compact > .button-icon.right-side {
    margin: -1px -9px -1px 4px
}

.button.big {
    padding: 0 12px;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.button.big:active {
    padding: 1px 13px
}

.button.big:disabled {
    padding: 0 12px
}

.big > .button-icon {
    margin: -1px 8px -1px -13px;
    padding: 0 11px
}

.big > .button-icon.right-side {
    margin: -1px -13px -1px 8px
}

.huge > .button-icon {
    margin: -1px 15px -1px -19px;
    padding: 0 18px
}

.huge > .button-icon.right-side {
    margin: -1px -19px -1px 15px
}

.big-message, .message {
    display: block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    line-height: 16px;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, .3)
}

.message {
    padding: 6px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000
}

.message .icon {
    margin-top: -3px
}

.big-message {
    padding: 16px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0, 0, 0, .6)
}

.message.black-gradient {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 5px rgba(0, 0, 0, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 5px rgba(0, 0, 0, .4);
    color: #fff
}

.message.simpler {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.big-message-icon {
    float: left;
    text-align: center
}

.big-message-icon.with-text:before {
    font-size: 24px;
}

.big-message-icon.right-side {
    float: right;
}

.standard-tabs {
    border: 1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    zoom: 1
}

.tabs {
    list-style-type: none;
    -webkit-transition: -webkit-transform .6s linear;
    -moz-transition: -moz-transform .6s linear;
    -o-transition: -o-transform .6s linear;
    transition: transform .6s linear;
}

.tabs > li {
    padding: 12px 30px 12px 12px;
    border-top: 1px solid #ccc;
    color: silver
}

.tabs > li:first-child {
    border-top: 0
}

.tabs > li > a {
    display: block;
    margin: -12px -30px -12px -12px;
    padding: 12px 30px 12px 12px;
    color: #666
}

.tabs > li > a:focus {
    outline: 0
}

.tabs-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden
}

.tabs-back {
    display: block;
    padding: 12px 12px 12px 30px;
    color: #666;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.tabs-active > .tabs, .tabs-active > .tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.tabs-active > .tabs-content {
    left: 100%
}

.tabs-animated {
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms
}

.tab-opened > .tabs {
    left: -110%
}

.tab-opened > .tabs-content {
    left: 0
}

.inner-tabs > .tabs-content > .tabs-back {
    display: none
}

#top-notifications,
#bottom-notifications {
    position: absolute; /* This is for older iOS devices that do not support position: fixed */
    position: fixed;
    z-index: 999400;
    right: 0;
    left: 0;
    text-align: left;
}

#notifications-top-right {
 padding-top: 45px;
}

#top-notifications {
    top: 0;
}

#bottom-notifications {
    bottom: 0;
}

#top-notifications > ul,
#bottom-notifications > ul {
    list-style-type: none;
    margin: 0;
}

.notification > .close {
    right: 0;
    font-size: 14px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: rgb(249, 249, 249);
    color: #B1B1B1;
    text-shadow: none;
}

.notification > a,
.notification > div {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    color: inherit;
    margin: 0;
}

.notification.no-title > a,
.notification.no-title > div {
    color: white;
}

.notification > a > h3,
.notification > div > h3 {
    color: #99C624;
    font-size: 15px;
    text-transform: lowercase;
    line-height: 19px;
    margin-bottom: 4px;
    font-weight: bold;
    font-variant: small-caps;
}

.notification > a > b,
.notification > div > b,
.notification > div > a {
    color: white;
}

.notification.silver-gradient.no-title > a, .notification.silver-gradient.no-title > div,
.notification.silver-gradient > a > h3, .notification.silver-gradient > div > h3,
.notification.white-gradient.no-title > a, .notification.white-gradient.no-title > div,
.notification.white-gradient > a > h3, .notification.white-gradient > div > h3,
.notification.silver-gradient > a > b, .notification.silver-gradient > div > b,
.notification.white-gradient > a > b, .notification.white-gradient > div > b {
    color: #333333;
}

.notification-icon {
    float: left;
    margin: 7px 6px 7px 8px;
}

.notification > .block-arrow {
    display: none;
}

.extra-notifications {
    padding: 2px 6px;
    font-weight: bold;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #f0f0f0;
    font-size: 12px;
    margin-bottom: 0;
}

.more-notifications {
    padding: 3px 7px;
    cursor: pointer;
}

#tooltips, #tooltips-over {
    position: absolute;
    top: 0;
    left: 0;
}

#tooltips {
    z-index: 999100;
}

#tooltips-over {
    z-index: 999500;
}

.tooltip {
    position: absolute;
    white-space: nowrap;
    max-width: 300px;
}

.message.inner-tooltip {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    min-width: 16px;
    max-width: 250px;
    z-index: 89;
    pointer-events: none;
    white-space: nowrap;
}

.message.inner-tooltip.right {
    left: 100%;
    top: 50%;
    bottom: auto;
    margin: -15px 0 0 10px;
}

.message.inner-tooltip.bottom {
    top: 100%;
    bottom: auto;
    margin: 10px 0 0 0;
}

.message.inner-tooltip.left {
    left: auto;
    right: 100%;
    top: 50%;
    bottom: auto;
    margin: -15px 10px 0 0;
}

.message.inner-tooltip.right.compact,
.message.inner-tooltip.left.compact {
    margin-top: -10px;
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:link {
    -webkit-tap-highlight-color: #349edb
}

#main-title:after, #main-title:before, #profile:after, #profile:before, .clearfix:after, .clearfix:before, .columns:after, .columns:before, .definition.inline:after, .definition.inline:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

#main-title:after, #profile:after, .clearfix:after, .columns:after, .definition.inline:after {
    clear: both
}

#main-title, #profile, .clearfix, .columns, .definition.inline {
    zoom: 1
}

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

.invisible {
    visibility: hidden
}

.icon-position {
    display: inline-block;
    opacity: .6;
    background: url(/img/icon-position.png) no-repeat;
    width: 12px;
    height: 12px
}

.icon-role {
    display: inline-block;
    opacity: .6;
    background: url(/img/icon-role.png) -2px center no-repeat;
    width: 12px;
    height: 12px
}

.icon-role2 {
    display: inline-block;
    opacity: .8;
    background: url(/img/icon-role2.png) no-repeat;
    width: 12px;
    height: 12px
}

.permission-name-row th {
    width: 36px !important;
    overflow: hidden
}

.permission-name {
    width: 100%;
    max-width: 50px;
    line-height: 70px;
    overflow: hidden
}

.permission-name span {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    margin: 10px 0
}

.permission-name span:after {
    content: " ";
    float: left;
    margin-top: 100%
}

.icon-sprint {
    background: url(/img/icons/sprint.png);
    width: 16px;
    height: 16px;
    margin-top: 2px;
    opacity: .6
}

.icon-stairs {
    background: url(/img/icons/stairs.png);
    width: 16px;
    height: 16px;
    opacity: .3 !important
}

.icon-puzzle {
    background: url(/img/icons/puzzle.png);
    width: 16px;
    height: 16px;
    opacity: .5
}

.icon-coins {
    background: url(/img/icons/coins.png);
    width: 16px;
    height: 16px;
    opacity: .8
}

.icon-queue {
    background: url(/img/icons/queue.png);
    width: 16px;
    height: 16px;
    opacity: .8
}

.icon-event {
    background: url(/img/icons/event.png);
    width: 16px;
    height: 16px;
    opacity: .5
}

.icon-requirement {
    background: url(/img/icons/requirement.png);
    width: 16px;
    height: 16px;
    opacity: .5
}

.icon-task {
    background: url(/img/icons/task.png);
    width: 16px;
    height: 16px;
    opacity: .9
}

.page-item-left-icon .icon-coins, .page-item-left-icon .icon-defect, .page-item-left-icon .icon-event, .page-item-left-icon .icon-puzzle, .page-item-left-icon .icon-queue, .page-item-left-icon .icon-requirement, .page-item-left-icon .icon-sprint, .page-item-left-icon .icon-task {
    position: absolute;
    top: -2px;
    left: -2px
}

.silver {
    color: #ccc !important
}

.icon-silver:before {
    color: #ccc
}

.anthracite {
    color: #4c4c4c !important
}

.grey {
    color: #a5a5a5 !important
}

.light-grey {
    color: #D0D0D0 !important
}

.light-grey-bg {
    background-color: #D0D0D0 !important
}



.white {
    color: #fff !important
}

.icon-white:before {
    color: #fff
}

.red {
    color: #FF714C !important
}

.orange {
    color: #ffae00 !important
}

.green {
    color: #99c624 !important
}

.darkgreen {
    color: #799d1d !important
}

.icon-green:before {
    color: #99c624
}

.blue {
    color: #0059a0 !important
}

.big-menu {
    color: #fff
}

.notification {
    opacity: 0;
    left: 100%;
    color: #888;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    border-color: rgb(237, 237, 237);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.3);
}

.back {
    background-color: #e8e8e8;
    color: #868686;
    font-weight: 100;
    border-bottom: 1px solid #fff;
}

.checkbox, .input, .progress, .slider {
    border-color: #ccc;
    color: rgb(119, 119, 119)
}

.input:disabled {
    -webkit-text-fill-color: #999
}

.modal {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: #ddd;
    color: white;
    border-color: #A9A9A9;
}

.block-title, .button, .button:visited, .table > tfoot > tr > td, .table > thead > tr > td, .table > thead > tr > th, .tabs-back {
    color: #777;
    border-color: #D8D8D8;
    background: rgba(252, 252, 252, 1);
}

.no-touch .select-arrow:hover, a.select-value:hover {
    border-color: #CCC #999 #999 #CCC;
    background: #F6F6F6
}

a.button:hover, button.button {
    -webkit-font-smoothing: antialiased;
}

a.button:hover, button.button:hover, .button:hover {
    opacity: 0.8;
    -webkit-font-smoothing: antialiased;
}

a.button:hover {
    color: #777;
}

.glossy > .select-arrow, .glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f7), to(#dcdce0), color-stop(0.5, #dededf), color-stop(0.5, #d1d1d2));
    background: -webkit-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -moz-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -ms-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -o-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0)
}

.glossy > .select-arrow:hover, .glossy > a.select-value:hover {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
    background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb)
}

.button.active, .button.active:hover, a.button:active, button.button:active {
    background-color: #F5F4F4;
}

.big-message, .message, .message-menu > li {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fa), to(#e4e7eb));
    background: -webkit-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -moz-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -ms-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -o-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: linear-gradient(top, #f7f7fa, #e4e7eb);
    border-color: #ccc
}

.message.glossy, .big-message.glossy {
    background: #e8e8eb url(/img/old-browsers/colors/bg_message_glossy.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
    background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
}

.count, .close,
.extra-notifications,
.more-notifications {
    color: #ccc;
    font-weight: 300;
    text-transform: lowercase;
}

.close {
    background: #DA5F49;
    border-color: #DA5F49;
}

.extra-notifications {
    background: rgba(255, 255, 255, 0.08);
}

a.count:hover, a.close:hover {
    color: white;
    background: #d12206 url(/img/old-browsers/colors/bg_a_count_hover.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#eb671d), to(#d12206));
    background: -webkit-linear-gradient(top, #eb671d, #d12206);
    background: -moz-linear-gradient(top, #eb671d, #d12206);
    background: -ms-linear-gradient(top, #eb671d, #d12206);
    background: -o-linear-gradient(top, #eb671d, #d12206);
    background: linear-gradient(top, #eb671d, #d12206);
    border-color: #931a03;
}

.count.glossy, .close.glossy {
    background: #d42622 url(/img/old-browsers/colors/bg_count_glossy.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
    background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
}

a.count.glossy:hover, a.close.glossy:hover {
    background: #e94237 url(/img/old-browsers/colors/bg_a_count_glossy_hover.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fe9b96), to(#e94237), color-stop(0.5, #df1411), color-stop(0.5, #ce0d0c));
    background: -webkit-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -moz-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -ms-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -o-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
}

a.count:active, a.count.active, a.count.glossy:active,
a.close:active, a.close.active, a.close.glossy:active {
    background: #e4360a url(/img/old-browsers/colors/bg_a_count_active.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ce1d06), to(#e4360a));
    background: -webkit-linear-gradient(top, #ce1d06, #e4360a);
    background: -moz-linear-gradient(top, #ce1d06, #e4360a);
    background: -ms-linear-gradient(top, #ce1d06, #e4360a);
    background: -o-linear-gradient(top, #ce1d06, #e4360a);
    background: linear-gradient(top, #ce1d06, #e4360a);
}

.tag {
    background: #0059a0;
    color: #fff;
    border-color: #004795
}

.progress-bar, .slider-bar {
    color: #fff;
    border-color: #004795
}

.drop-down > .selected, :hover > .button-icon {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-color: #529AD5;
    border-color: #4b8bc0
}

.progress-bar, .slider-bar {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#65b2dd), to(#0a5db8), color-stop(0.5, #045ab2), color-stop(0.5, #004995));
    background: -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8)
}

:hover > .button-icon.glossy {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#46bde5), to(#056fc9), color-stop(0.5, #026cc4), color-stop(0.5, #005cac));
    background: -webkit-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -moz-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -ms-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -o-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9)
}

.boxed, .drop-down, .silver-bg, .wrapped {
    background: #f9f9f9;
    color: #666;
    border-color: 0;
    border: 0;
}

.silver-gradient, .silver-gradient:visited, .silver-gradient > .select-arrow, .silver-gradient > .select-value {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#efeff4), to(#d6dadf));
    background: -webkit-linear-gradient(top, #efeff4, #d6dadf);
    background: -moz-linear-gradient(top, #efeff4, #d6dadf);
    background: -ms-linear-gradient(top, #efeff4, #d6dadf);
    background: -o-linear-gradient(top, #efeff4, #d6dadf);
    background: linear-gradient(top, #efeff4, #d6dadf);
    border-color: #ccc
}

.silver-gradient > .select-arrow:hover, .silver-gradient > a.select-value:hover, :hover > .button-icon.silver-gradient {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7dbdf));
    background: -webkit-linear-gradient(top, #fefefe, #d7dbdf);
    background: -moz-linear-gradient(top, #fefefe, #d7dbdf);
    background: -ms-linear-gradient(top, #fefefe, #d7dbdf);
    background: -o-linear-gradient(top, #fefefe, #d7dbdf);
    background: linear-gradient(top, #fefefe, #d7dbdf);
    border-color: #ccc
}

.silver-gradient.glossy > .select-arrow, .silver-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f7), to(#dcdce0), color-stop(0.5, #dededf), color-stop(0.5, #d1d1d2));
    background: -webkit-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -moz-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -ms-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: -o-linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0);
    background: linear-gradient(top, #f5f5f7, #dededf 50%, #d1d1d2 50%, #dcdce0)
}

.silver-gradient.glossy > .select-arrow:hover, .silver-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.silver-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
    background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb)
}

:active > .button-icon.silver-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#bdbdbd), to(#dbdbdb)) !important;
    background: -webkit-linear-gradient(top, #bdbdbd, #dbdbdb) !important;
    background: -moz-linear-gradient(top, #bdbdbd, #dbdbdb) !important;
    background: -ms-linear-gradient(top, #bdbdbd, #dbdbdb) !important;
    background: -o-linear-gradient(top, #bdbdbd, #dbdbdb) !important;
    background: linear-gradient(top, #bdbdbd, #dbdbdb) !important
}

.black-gradient, .black-gradient:visited, .black-gradient > .select-arrow, .black-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background: -webkit-linear-gradient(top, #333, #000);
    background: -moz-linear-gradient(top, #333, #000);
    background: -ms-linear-gradient(top, #333, #000);
    background: -o-linear-gradient(top, #333, #000);
    background: linear-gradient(top, #333, #000);
    border-color: #000
}

.black-gradient > .select-arrow:hover, .black-gradient > a.select-value:hover, :hover > .button-icon.black-gradient {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#1b1b1b));
    background: -webkit-linear-gradient(top, #474747, #1b1b1b);
    background: -moz-linear-gradient(top, #474747, #1b1b1b);
    background: -ms-linear-gradient(top, #474747, #1b1b1b);
    background: -o-linear-gradient(top, #474747, #1b1b1b);
    background: linear-gradient(top, #474747, #1b1b1b);
    border-color: #000
}

.black-gradient.glossy > .select-arrow, .black-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#000), color-stop(0.04, #4f4f4f), color-stop(0.44, #262626), color-stop(0.5, #1c1c1c), color-stop(0.5, #050505));
    background: -webkit-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000);
    background: -moz-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000);
    background: -ms-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000);
    background: -o-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000);
    background: linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000)
}

.black-gradient.glossy > .select-arrow:hover, .black-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.black-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#080808), color-stop(0.04, #5c5c5c), color-stop(0.44, #303030), color-stop(0.5, #262626), color-stop(0.5, #0d0d0d));
    background: -webkit-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -moz-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -ms-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -o-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808)
}

:active > .button-icon.black-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#262626)) !important;
    background: -webkit-linear-gradient(top, #000, #262626) !important;
    background: -moz-linear-gradient(top, #000, #262626) !important;
    background: -ms-linear-gradient(top, #000, #262626) !important;
    background: -o-linear-gradient(top, #000, #262626) !important;
    background: linear-gradient(top, #000, #262626) !important
}

.black-gradient.glossy,
.glossy > .button-icon.black-gradient, .button-icon.glossy.black-gradient,
.black-gradient.glossy > .select-value, .black-gradient.glossy > .select-arrow {
    background: #000000 url(/img/old-browsers/colors/bg_black-gradient_glossy.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(black), color-stop(0.04, #4f4f4f), color-stop(0.44, #262626), color-stop(0.5, #1c1c1c), color-stop(0.5, #050505));
    background: -webkit-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black);
    background: -moz-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black);
    background: -ms-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black);
    background: -o-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black);
    background: linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black);
}

a.black-gradient.glossy:hover, button.black-gradient.glossy:hover,
.glossy:hover > .button-icon.black-gradient, :hover > .button-icon.glossy.black-gradient,
.black-gradient.glossy > a.select-value:hover, .black-gradient.glossy > .select-arrow:hover {
    background: #080808 url(/img/old-browsers/colors/bg_a_black-gradient_glossy_hover.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#080808), color-stop(0.04, #5c5c5c), color-stop(0.44, #303030), color-stop(0.5, #262626), color-stop(0.5, #0d0d0d));
    background: -webkit-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -moz-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -ms-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: -o-linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
    background: linear-gradient(top, #6b6b6b, #5c5c5c 4%, #303030 44%, #262626 50%, #0d0d0d 50%, #080808);
}

.anthracite-gradient, .anthracite-gradient:visited, .anthracite-gradient > .select-arrow, .anthracite-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#404040));
    background: -webkit-linear-gradient(top, #565656, #404040);
    background: -moz-linear-gradient(top, #565656, #404040);
    background: -ms-linear-gradient(top, #565656, #404040);
    background: -o-linear-gradient(top, #565656, #404040);
    background: linear-gradient(top, #565656, #404040);
    border-color: #282e36
}

.anthracite-gradient > .select-arrow:hover, .anthracite-gradient > a.select-value:hover, .blue-gradient > .drop-down > .selected, .green-gradient > .drop-down > .selected, .orange-gradient > .drop-down > .selected, .red-gradient > .drop-down > .selected, :hover > .button-icon.anthracite-gradient, button.anthracite-gradient:hover {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3a3a3a));
    background: -webkit-linear-gradient(top, #6d6d6d, #3a3a3a);
    background: -moz-linear-gradient(top, #6d6d6d, #3a3a3a);
    background: -ms-linear-gradient(top, #6d6d6d, #3a3a3a);
    background: -o-linear-gradient(top, #6d6d6d, #3a3a3a);
    background: linear-gradient(top, #6d6d6d, #3a3a3a);
    border-color: #282e36
}

.anthracite-gradient.glossy > .select-arrow, .anthracite-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#505050), color-stop(0.5, #444), color-stop(0.5, #292929));
    background: -webkit-linear-gradient(top, #7f7f7f, #444 50%, #292929 50%, #505050);
    background: -moz-linear-gradient(top, #7f7f7f, #444 50%, #292929 50%, #505050);
    background: -ms-linear-gradient(top, #7f7f7f, #444 50%, #292929 50%, #505050);
    background: -o-linear-gradient(top, #7f7f7f, #444 50%, #292929 50%, #505050);
    background: linear-gradient(top, #7f7f7f, #444 50%, #292929 50%, #505050)
}

.anthracite-gradient.glossy > .select-arrow:hover, .anthracite-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.anthracite-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#656565), color-stop(0.5, #5a5a5a), color-stop(0.5, #3e3e3e));
    background: -webkit-linear-gradient(top, #919191, #5a5a5a 50%, #3e3e3e 50%, #656565);
    background: -moz-linear-gradient(top, #919191, #5a5a5a 50%, #3e3e3e 50%, #656565);
    background: -ms-linear-gradient(top, #919191, #5a5a5a 50%, #3e3e3e 50%, #656565);
    background: -o-linear-gradient(top, #919191, #5a5a5a 50%, #3e3e3e 50%, #656565);
    background: linear-gradient(top, #919191, #5a5a5a 50%, #3e3e3e 50%, #656565)
}

.button.anthracite-gradient:active, :active > .button-icon.anthracite-gradient, button.anthracite-gradient:active {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#474747)) !important;
    background: -webkit-linear-gradient(top, #262626, #474747) !important;
    background: -moz-linear-gradient(top, #262626, #474747) !important;
    background: -ms-linear-gradient(top, #262626, #474747) !important;
    background: -o-linear-gradient(top, #262626, #474747) !important;
    background: linear-gradient(top, #262626, #474747) !important
}

.grey-bg {
    background: #a5a5a5;
    color: #fff;
    border-color: #666
}

.grey-gradient > .select-arrow, .grey-gradient > .select-value, li.title-menu {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#939393));
    background: -webkit-linear-gradient(top, #b3b3b3, #939393);
    background: -moz-linear-gradient(top, #b3b3b3, #939393);
    background: -ms-linear-gradient(top, #b3b3b3, #939393);
    background: -o-linear-gradient(top, #b3b3b3, #939393);
    background: linear-gradient(top, #b3b3b3, #939393);
    border-color: #666
}

.grey-gradient > .select-arrow:hover, .grey-gradient > a.select-value:hover, :hover > .button-icon.grey-gradient {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#8b8b8b));
    background: -webkit-linear-gradient(top, #d6d6d6, #8b8b8b);
    background: -moz-linear-gradient(top, #d6d6d6, #8b8b8b);
    background: -ms-linear-gradient(top, #d6d6d6, #8b8b8b);
    background: -o-linear-gradient(top, #d6d6d6, #8b8b8b);
    background: linear-gradient(top, #d6d6d6, #8b8b8b);
    border-color: #666
}

.grey-gradient.glossy > .select-arrow, .grey-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#9c9c9c), color-stop(0.5, #909090), color-stop(0.5, #757575));
    background: -webkit-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c);
    background: -moz-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c);
    background: -ms-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c);
    background: -o-linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c);
    background: linear-gradient(top, #ccc, #909090 50%, #757575 50%, #9c9c9c)
}

.grey-gradient.glossy > .select-arrow:hover, .grey-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.grey-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#ababab), color-stop(0.5, #a0a0a0), color-stop(0.5, #888));
    background: -webkit-linear-gradient(top, #d4d4d4, #a0a0a0 50%, #888 50%, #ababab);
    background: -moz-linear-gradient(top, #d4d4d4, #a0a0a0 50%, #888 50%, #ababab);
    background: -ms-linear-gradient(top, #d4d4d4, #a0a0a0 50%, #888 50%, #ababab);
    background: -o-linear-gradient(top, #d4d4d4, #a0a0a0 50%, #888 50%, #ababab);
    background: linear-gradient(top, #d4d4d4, #a0a0a0 50%, #888 50%, #ababab)
}

:active > .button-icon.grey-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#b7b7b7)) !important;
    background: -webkit-linear-gradient(top, #7a7a7a, #b7b7b7) !important;
    background: -moz-linear-gradient(top, #7a7a7a, #b7b7b7) !important;
    background: -ms-linear-gradient(top, #7a7a7a, #b7b7b7) !important;
    background: -o-linear-gradient(top, #7a7a7a, #b7b7b7) !important;
    background: linear-gradient(top, #7a7a7a, #b7b7b7) !important
}

.white-bg, .white-gradient > .drop-down {
    background: #f1f3f4;
    color: #666;
    border-color: #ccc
}

.white-gradient, .white-gradient:visited, .white-gradient > .select-arrow, .white-gradient > .select-value {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fa), to(#e4e7eb));
    background: -webkit-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -moz-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -ms-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -o-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: linear-gradient(top, #f7f7fa, #e4e7eb);
    border-color: #ccc
}

.white-gradient > .select-arrow:hover, .white-gradient > a.select-value:hover, :hover > .button-icon.white-gradient {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#edf0f2));
    background: -webkit-linear-gradient(top, #fefefe, #edf0f2);
    background: -moz-linear-gradient(top, #fefefe, #edf0f2);
    background: -ms-linear-gradient(top, #fefefe, #edf0f2);
    background: -o-linear-gradient(top, #fefefe, #edf0f2);
    background: linear-gradient(top, #fefefe, #edf0f2);
    border-color: #ccc
}

.white-gradient.glossy, .white-gradient.glossy > .select-arrow, .white-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
    background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
    background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb)
}

.white-gradient.glossy > .select-arrow:hover, .white-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.white-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefeff), to(#f5f5f7), color-stop(0.5, #f5f5f7), color-stop(0.5, #efeff1));
    background: -webkit-linear-gradient(top, #fefeff, #f5f5f7 50%, #efeff1 50%, #f5f5f7);
    background: -moz-linear-gradient(top, #fefeff, #f5f5f7 50%, #efeff1 50%, #f5f5f7);
    background: -ms-linear-gradient(top, #fefeff, #f5f5f7 50%, #efeff1 50%, #f5f5f7);
    background: -o-linear-gradient(top, #fefeff, #f5f5f7 50%, #efeff1 50%, #f5f5f7);
    background: linear-gradient(top, #fefeff, #f5f5f7 50%, #efeff1 50%, #f5f5f7)
}

:active > .button-icon.white-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f0f0f0)) !important;
    background: -webkit-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
    background: -moz-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
    background: -ms-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
    background: -o-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
    background: linear-gradient(top, #e0e0e0, #f0f0f0) !important;
    border-color: #ccc
}

.red-bg {
    background: #FF714C;
    color: #fff;
    border-color: #931a03
}

.red-gradient, .red-gradient:visited, .red-gradient > .select-arrow, .red-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e24913), to(#d52607));
    background: -webkit-linear-gradient(top, #e24913, #d52607);
    background: -moz-linear-gradient(top, #e24913, #d52607);
    background: -ms-linear-gradient(top, #e24913, #d52607);
    background: -o-linear-gradient(top, #e24913, #d52607);
    background: linear-gradient(top, #e24913, #d52607);
    border-color: #931a03
}

.red-gradient > .select-arrow:hover, .red-gradient > a.select-value:hover, :hover > .button-icon.red-gradient, button.red-gradient:hover {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#eb671d), to(#d12206));
    background: -webkit-linear-gradient(top, #eb671d, #d12206);
    background: -moz-linear-gradient(top, #eb671d, #d12206);
    background: -ms-linear-gradient(top, #eb671d, #d12206);
    background: -o-linear-gradient(top, #eb671d, #d12206);
    background: linear-gradient(top, #eb671d, #d12206);
    border-color: #931a03
}

.red-gradient.glossy, .red-gradient.glossy > .select-arrow, .red-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
    background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622)
}

.red-gradient.glossy > .select-arrow:hover, .red-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.red-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fe9b96), to(#e94237), color-stop(0.5, #df1411), color-stop(0.5, #ce0d0c));
    background: -webkit-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -moz-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -ms-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: -o-linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237);
    background: linear-gradient(top, #fe9b96, #df1411 50%, #ce0d0c 50%, #e94237)
}

.button.red-gradient:active, :active > .button-icon.red-gradient, button.red-gradient:active {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ce1d06), to(#e4360a)) !important;
    background: -webkit-linear-gradient(top, #ce1d06, #e4360a) !important;
    background: -moz-linear-gradient(top, #ce1d06, #e4360a) !important;
    background: -ms-linear-gradient(top, #ce1d06, #e4360a) !important;
    background: -o-linear-gradient(top, #ce1d06, #e4360a) !important;
    background: linear-gradient(top, #ce1d06, #e4360a) !important
}

.orange-bg {
    background: #ffae00;
    color: #fff;
    border-color: #cc9707
}

.orange-gradient, .orange-gradient:visited, .orange-gradient > .select-arrow, .orange-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#ff9e00));
    background: -webkit-linear-gradient(top, #ffb900, #ff9e00);
    background: -moz-linear-gradient(top, #ffb900, #ff9e00);
    background: -ms-linear-gradient(top, #ffb900, #ff9e00);
    background: -o-linear-gradient(top, #ffb900, #ff9e00);
    background: linear-gradient(top, #ffb900, #ff9e00);
    border-color: #cc9707
}

.orange-gradient > .select-arrow:hover, .orange-gradient > a.select-value:hover, :hover > .button-icon.orange-gradient {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcd00), to(#ff9700));
    background: -webkit-linear-gradient(top, #ffcd00, #ff9700);
    background: -moz-linear-gradient(top, #ffcd00, #ff9700);
    background: -ms-linear-gradient(top, #ffcd00, #ff9700);
    background: -o-linear-gradient(top, #ffcd00, #ff9700);
    background: linear-gradient(top, #ffcd00, #ff9700);
    border-color: #cc9707
}

.orange-gradient.glossy, .orange-gradient.glossy > .select-arrow, .orange-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd844), to(#d38800), color-stop(0.5, #ff9f01), color-stop(0.5, #da8d00), color-stop(0.8, #e59400));
    background: -webkit-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: -moz-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: -ms-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: -o-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800)
}

.orange-gradient.glossy > .select-arrow:hover, .orange-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.orange-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe326), to(#e8a400), color-stop(0.5, #ffb700), color-stop(0.5, #eca900), color-stop(0.8, #f1ae00));
    background: -webkit-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400);
    background: -moz-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400);
    background: -ms-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400);
    background: -o-linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400);
    background: linear-gradient(top, #ffe326, #ffb700 50%, #eca900 50%, #f1ae00 80%, #e8a400)
}

:active > .button-icon.orange-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8a00), to(#ffbf00)) !important;
    background: -webkit-linear-gradient(top, #ff8a00, #ffbf00) !important;
    background: -moz-linear-gradient(top, #ff8a00, #ffbf00) !important;
    background: -ms-linear-gradient(top, #ff8a00, #ffbf00) !important;
    background: -o-linear-gradient(top, #ff8a00, #ffbf00) !important;
    background: linear-gradient(top, #ff8a00, #ffbf00) !important
}

.green-bg {
    background: #99c624;
    color: #fff;
    border-color: #6d960c
}

.green-gradient, .green-gradient:visited, .green-gradient > .select-arrow, .green-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#a7cf34), to(#87ba17));
    background: -webkit-linear-gradient(top, #a7cf34, #87ba17);
    background: -moz-linear-gradient(top, #a7cf34, #87ba17);
    background: -ms-linear-gradient(top, #a7cf34, #87ba17);
    background: -o-linear-gradient(top, #a7cf34, #87ba17);
    background: linear-gradient(top, #a7cf34, #87ba17);
    border-color: #6d960c
}

.green-gradient > .select-arrow:hover, .green-gradient > a.select-value:hover, :hover > .button-icon.green-gradient, button.green-gradient:hover {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#bfdd4d), to(#80b514));
    background: -webkit-linear-gradient(top, #bfdd4d, #80b514);
    background: -moz-linear-gradient(top, #bfdd4d, #80b514);
    background: -ms-linear-gradient(top, #bfdd4d, #80b514);
    background: -o-linear-gradient(top, #bfdd4d, #80b514);
    background: linear-gradient(top, #bfdd4d, #80b514);
    border-color: #6d960c
}

.green-gradient.glossy, .green-gradient.glossy > .select-arrow, .green-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#b1dc64), to(#5eb80a), color-stop(0.5, #58b104), color-stop(0.5, #499400));
    background: -webkit-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: -moz-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: -ms-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: -o-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a)
}

.green-gradient.glossy > .select-arrow:hover, .green-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.green-gradient {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#b8e545), to(#6ac905), color-stop(0.5, #65c302), color-stop(0.5, #56ab00));
    background: -webkit-linear-gradient(top, #b8e545, #65c302 50%, #56ab00 50%, #6ac905);
    background: -moz-linear-gradient(top, #b8e545, #65c302 50%, #56ab00 50%, #6ac905);
    background: -ms-linear-gradient(top, #b8e545, #65c302 50%, #56ab00 50%, #6ac905);
    background: -o-linear-gradient(top, #b8e545, #65c302 50%, #56ab00 50%, #6ac905);
    background: linear-gradient(top, #b8e545, #65c302 50%, #56ab00 50%, #6ac905)
}

.button.green-gradient:active, :active > .button-icon.green-gradient, button.green-gradient:active {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#6dad12), to(#b0d222)) !important;
    background: -webkit-linear-gradient(top, #6dad12, #b0d222) !important;
    background: -moz-linear-gradient(top, #6dad12, #b0d222) !important;
    background: -ms-linear-gradient(top, #6dad12, #b0d222) !important;
    background: -o-linear-gradient(top, #6dad12, #b0d222) !important;
    background: linear-gradient(top, #6dad12, #b0d222) !important;
    border-color: #6d960c
}

.blue-bg {
    background: #0059a0;
    color: #fff;
    border-color: #004795
}

.blue-gradient, .blue-gradient:visited, .blue-gradient > .select-arrow, .blue-gradient > .select-value {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#006aac), to(#00438d));
    background: -webkit-linear-gradient(top, #006aac, #00438d);
    background: -moz-linear-gradient(top, #006aac, #00438d);
    background: -ms-linear-gradient(top, #006aac, #00438d);
    background: -o-linear-gradient(top, #006aac, #00438d);
    background: linear-gradient(top, #006aac, #00438d);
    border-color: #004795
}

.blue-gradient > .select-arrow:hover, .blue-gradient > a.select-value:hover {
    color: #fff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#0089c3), to(#003d86));
    background: -webkit-linear-gradient(top, #0089c3, #003d86);
    background: -moz-linear-gradient(top, #0089c3, #003d86);
    background: -ms-linear-gradient(top, #0089c3, #003d86);
    background: -o-linear-gradient(top, #0089c3, #003d86);
    background: linear-gradient(top, #0089c3, #003d86);
    border-color: #004795
}

.blue-gradient.glossy > .select-arrow, .blue-gradient.glossy > .select-value {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#65b2dd), to(#0a5db8), color-stop(0.5, #045ab2), color-stop(0.5, #004995));
    background: -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8)
}

a.blue-gradient.glossy:hover, button.blue-gradient.glossy:hover,
.blue-gradient.glossy > a.select-value:hover, .blue-gradient.glossy > .select-arrow:hover {
    background: #056fc9 url(/img/old-browsers/colors/bg_a_blue-gradient_glossy_hover.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#46bde5), to(#056fc9), color-stop(0.5, #026cc4), color-stop(0.5, #005cac));
    background: -webkit-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -moz-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -ms-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -o-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
}

.blue-gradient.glossy > .select-arrow:hover, .blue-gradient.glossy > a.select-value:hover {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#46bde5), to(#056fc9), color-stop(0.5, #026cc4), color-stop(0.5, #005cac));
    background: -webkit-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -moz-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -ms-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: -o-linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9);
    background: linear-gradient(top, #46bde5, #026cc4 50%, #005cac 50%, #056fc9)
}

.button.disabled, .button:disabled, .disabled .button, .disabled .select-arrow, .disabled .select-value {
    color: #C2C2C2 !important;
    border-color: #E8E8E8 !important;
    background-color: #F4F4F4 !important;
}

.disabled .select-arrow {
    background: transparent;
}

:disabled > .button-icon {
    color: #fff !important;
    border-color: #858c94 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#84b7d7), to(#84a4c8)) !important;
    background: -webkit-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -moz-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -ms-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -o-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: linear-gradient(top, #84b7d7, #84a4c8) !important
}

.disabled .silver-gradient > .select-arrow, .disabled .silver-gradient > .select-value, .silver-gradient.disabled > .select-arrow, .silver-gradient.disabled > .select-value, .silver-gradient:disabled {
    color: #666 !important;
    border-color: #d0d0d0 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8)) !important;
    background: -webkit-linear-gradient(top, #fafafa, #f8f8f8) !important;
    background: -moz-linear-gradient(top, #fafafa, #f8f8f8) !important;
    background: -ms-linear-gradient(top, #fafafa, #f8f8f8) !important;
    background: -o-linear-gradient(top, #fafafa, #f8f8f8) !important;
    background: linear-gradient(top, #fafafa, #f8f8f8) !important
}

.black-gradient.disabled > .select-arrow, .black-gradient.disabled > .select-value, .black-gradient:disabled, .disabled .black-gradient > .select-arrow, .disabled .black-gradient > .select-value {
    color: #fff !important;
    border-color: #595959 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#636363)) !important;
    background: -webkit-linear-gradient(top, #757575, #636363) !important;
    background: -moz-linear-gradient(top, #757575, #636363) !important;
    background: -ms-linear-gradient(top, #757575, #636363) !important;
    background: -o-linear-gradient(top, #757575, #636363) !important;
    background: linear-gradient(top, #757575, #636363) !important
}

.anthracite-gradient.disabled > .select-arrow, .anthracite-gradient.disabled > .select-value, .button.anthracite-gradient:disabled, .disabled .anthracite-gradient > .select-arrow, .disabled .anthracite-gradient > .select-value {
    color: #fff !important;
    border-color: #777 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#848484)) !important;
    background: -webkit-linear-gradient(top, #9c9c9c, #848484) !important;
    background: -moz-linear-gradient(top, #9c9c9c, #848484) !important;
    background: -ms-linear-gradient(top, #9c9c9c, #848484) !important;
    background: -o-linear-gradient(top, #9c9c9c, #848484) !important;
    background: linear-gradient(top, #9c9c9c, #848484) !important
}

.disabled .grey-gradient > .select-arrow, .disabled .grey-gradient > .select-value, .grey-gradient.disabled > .select-arrow, .grey-gradient.disabled > .select-value {
    color: #fff !important;
    border-color: #9c9c9c !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b9b9b9)) !important;
    background: -webkit-linear-gradient(top, #cdcdcd, #b9b9b9) !important;
    background: -moz-linear-gradient(top, #cdcdcd, #b9b9b9) !important;
    background: -ms-linear-gradient(top, #cdcdcd, #b9b9b9) !important;
    background: -o-linear-gradient(top, #cdcdcd, #b9b9b9) !important;
    background: linear-gradient(top, #cdcdcd, #b9b9b9) !important
}

.disabled .white-gradient > .select-arrow, .disabled .white-gradient > .select-value, .white-gradient.disabled > .select-arrow, .white-gradient.disabled > .select-value {
    color: #666 !important;
    border-color: #e0e0e0 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)) !important;
    background: -webkit-linear-gradient(top, #fff, #fafafa) !important;
    background: -moz-linear-gradient(top, #fff, #fafafa) !important;
    background: -ms-linear-gradient(top, #fff, #fafafa) !important;
    background: -o-linear-gradient(top, #fff, #fafafa) !important;
    background: linear-gradient(top, #fff, #fafafa) !important
}

.button.red-gradient:disabled, .disabled .red-gradient > .select-arrow, .disabled .red-gradient > .select-value, .red-gradient.disabled > .select-arrow, .red-gradient.disabled > .select-value {
    color: #fff !important;
    border-color: #a99e9c !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f09e81), to(#e98b7a)) !important;
    background: -webkit-linear-gradient(top, #f09e81, #e98b7a) !important;
    background: -moz-linear-gradient(top, #f09e81, #e98b7a) !important;
    background: -ms-linear-gradient(top, #f09e81, #e98b7a) !important;
    background: -o-linear-gradient(top, #f09e81, #e98b7a) !important;
    background: linear-gradient(top, #f09e81, #e98b7a) !important
}

.disabled .orange-gradient > .select-arrow, .disabled .orange-gradient > .select-value, .orange-gradient.disabled > .select-arrow, .orange-gradient.disabled > .select-value {
    color: #fff !important;
    border-color: #d0ccc3 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd25d), to(#ffc15d)) !important;
    background: -webkit-linear-gradient(top, #ffd25d, #ffc15d) !important;
    background: -moz-linear-gradient(top, #ffd25d, #ffc15d) !important;
    background: -ms-linear-gradient(top, #ffd25d, #ffc15d) !important;
    background: -o-linear-gradient(top, #ffd25d, #ffc15d) !important;
    background: linear-gradient(top, #ffd25d, #ffc15d) !important
}

.button.green-gradient:disabled, .disabled .green-gradient > .select-arrow, .disabled .green-gradient > .select-value, .green-gradient.disabled > .select-arrow, .green-gradient.disabled > .select-value {
    color: #AAA !important;
    background: #FFF !important
}

.blue-gradient.disabled > .select-arrow, .blue-gradient.disabled > .select-value, .disabled .blue-gradient > .select-arrow, .disabled .blue-gradient > .select-value {
    color: #fff !important;
    border-color: #858c94 !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#84b7d7), to(#84a4c8)) !important;
    background: -webkit-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -moz-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -ms-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: -o-linear-gradient(top, #84b7d7, #84a4c8) !important;
    background: linear-gradient(top, #84b7d7, #84a4c8) !important
}

.input:focus, input:focus {
    outline: 0
}

label {
    zoom: 1
}

.input {
    display: inline-block;
    text-align: left;
    padding: 0 0 0 9px;
    line-height: 30px;
    border: 0;
    vertical-align: baseline;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: -webkit-box-shadow 400ms;
    -moz-transition: -moz-box-shadow 400ms;
    -ms-transition: box-shadow 400ms;
    -o-transition: box-shadow 400ms;
    transition: box-shadow 400ms
}

input.input, textarea.input {
    padding-top: 5px;
    padding-bottom: 6px;
    line-height: 16px;
    resize: none;
    -webkit-font-smoothing: antialiased;
}

p > .button {
    margin-top: -7px;
    margin-bottom: -7px
}

.button-height .button {
    margin-top: 0;
    margin-bottom: 0
}

.input-unstyled {
    padding: 0 3px;
    vertical-align: baseline;
    height: 16px;
    line-height: 16px;
    border-width: 0;
    color: inherit;
    box-shadow: none;
    background: none;
}

.input > .input-unstyled {
    padding-top: 7px;
    padding-bottom: 7px
}

.input.full-width {
    display: block;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.input:disabled {
    padding: 0 8px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #999
}

input.input:disabled {
    padding-top: 5px;
    padding-bottom: 6px;
    line-height: 16px
}

input[type=checkbox], input[type=radio] {
    vertical-align: -2px
}

input:-moz-placeholder {
    color: gray
}

.placeholder {
    color: #CCC !important
}

.input.file {
    position: relative;
    padding: 0
}

.file-text {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 9px;
    overflow: hidden;
    background: 0 0
}

.input.file > .button {
    position: absolute;
    z-index: 2;
    right: 3px;
    top: 3px
}

.input.file > input {
    position: relative;
    z-index: 3;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.fieldset {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 16px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 0 rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 0 rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 0 rgba(255, 255, 255, .15)
}

.fieldset:last-child {
    margin-bottom: 0
}

.field-block {
    padding: 0 20px;
    margin: 0 -10px
}

.field-block + .field-block {
    margin-top: 10px;
    border-top: 1px dotted #ccc;
    padding-top: 10px
}

.field-block .label {
    display: block;
    padding: 0;
    color: #999;
    font-weight: 700;
    margin: 0
}

.field-block .label b {
    color: #444
}

span.select > select.withClearFunctions {
    max-width: 100%;
}

span.select {
    display: inline-block;
    zoom: 1;
    text-align: left;
    font-weight: 100;
    position: relative;
    z-index: 89;
    font-size: 13px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: #fff;
    margin: -1px 0 1px;
    padding: 0 19px 0 0;
    box-sizing: border-box;
}

.ie7 .select.replacement {
    padding-right: 19px
}

.ie7 .select.replacement.fixedWidth {
    padding-right: 0
}

span.selectMultiple {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    line-height: 0
}

span.select, span.selectMultiple {
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: -webkit-box-shadow 400ms;
    -moz-transition: -moz-box-shadow 400ms;
    -ms-transition: box-shadow 400ms;
    -o-transition: box-shadow 400ms;
    transition: box-shadow 400ms;
}

.select.focus, .selectMultiple.focus {
    -webkit-box-shadow: 0 0 0 1px rgba(51, 153, 255, .1), 0 0 3px rgba(51, 153, 255, .75);
    -moz-box-shadow: 0 0 0 1px rgba(51, 153, 255, .1), 0 0 3px rgba(51, 153, 255, .75);
    box-shadow: 0 0 0 1px rgba(51, 153, 255, .1), 0 0 3px rgba(51, 153, 255, .75);
}

.select-cloned {
    visibility: hidden
}

.select.full-width, .selectMultiple.full-width {
    width: 85%
}

.select > select, .selectMultiple > select {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0 !important;
    vertical-align: top;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.select > select {
    height: 30px;
    line-height: 26px;
    font-weight: 700;
    /*border-right: 19px solid #000*/
}

.fixedWidth > select {
    border-right: 0
}

.selectMultiple > select {
    -webkit-appearance: none;
    height: 0;
    line-height: 0;
    border: 0
}

.select.full-width > select {
    width: 100%
}

.button-height .select.float-left, .button-height .select.float-right {
    margin-top: 2px
}

.input .select:first-child {
    margin-left: -9px
}

.input .select.last-child, .input .select:last-child {
    margin-right: -9px
}

.select.open {
    position: absolute;
    z-index: 1101;
    box-sizing: content-box;
}

.select.open.over {
    z-index: 1001
}

.select-value {
    display: block;
    position: relative;
    line-height: 16px;
    color: #777;
    background-color: #fff;
    border-color: #D8D8D8;
    height: 16px;
    padding: 6px 7px 6px 8px;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    z-index: -1;
    white-space: nowrap;
    overflow: hidden
}

.replacement > .select-value {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 3px;
}

.select-value.alt {
    font-style: italic
}

.input .select-value {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input .select:first-child > .select-value, .input.large .select-value {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.select-arrow {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 18px;
    -webkit-background-clip: padding-box;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #777;
    border: 1px solid #D8D8D8;
    border-left-width: 0;

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.7)), color-stop(40%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ffffff', endColorstr='#ffffff',GradientType=1 );

}

.input .select-arrow {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input .select:last-child > .select-arrow, .input.large .select-arrow {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.select-arrow:after, .select-arrow:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 5px
}

.anthracite-gradient > .select-arrow:before, .black-gradient > .select-arrow:before, .blue-gradient > .select-arrow:before, .green-gradient > .select-arrow:before, .grey-gradient > .select-arrow:before, .orange-gradient > .select-arrow:before, .red-gradient > .select-arrow:before {
    background-position: -137px -8px
}

.anthracite-gradient > .select-arrow:after, .black-gradient > .select-arrow:after, .blue-gradient > .select-arrow:after, .green-gradient > .select-arrow:after, .grey-gradient > .select-arrow:after, .orange-gradient > .select-arrow:after, .red-gradient > .select-arrow:after {
    background-position: -137px -13px
}

.select-styled-list > .select-arrow, .select-styled-list > .select-value {
    z-index: 99
}

.list-over > .select-arrow, .list-over > .select-value {
    z-index: -2
}

.select-styled-list.list-over > .select-arrow, .select-styled-list.list-over > .select-value {
    z-index: 98
}

.select-search-wrapper {
    display: block;
    position: absolute;
    left: 1px;
    right: 15px;
    top: 1px;
    z-index: 105;
    line-height: 16px;
    padding: 5px 7px 6px 8px;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background: #fff;
    font-weight: 400
}

.select-search {
    line-height: 16px;
    padding: 0;
    border: 0;
    margin: 0;
    width: 100%;
    background: #fff
}

.drop-down {
    position: absolute;
    z-index: -2;
    top: 0;
    padding-top: 29px;
    left: 0;
    right: 0;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: .99;
    display: none
}

.selectMultiple > .drop-down {
    display: block;
    position: relative;
    z-index: auto;
    top: auto;
    padding: 0;
    left: auto;
    right: auto
}

.selectMultiple.no-bg > .drop-down {
    background: 0 0;
    border-width: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.select.list-over > .drop-down {
    z-index: -1;
    padding-top: 0
}

.reversed > .drop-down {
    top: auto;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 29px
}

.select.list-over.reversed > .drop-down {
    padding-bottom: 0
}

.select.expandable-list > .drop-down {
    padding-top: 0;
    top: 30px;
    right: auto;
    min-width: 100%;
    max-width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select.expandable-list.expand-left > .drop-down {
    left: auto;
    right: 0
}

.select.expandable-list.list-over > .drop-down {
    top: 0
}

.select.expandable-list.reversed > .drop-down {
    top: auto;
    bottom: 30px;
    padding-bottom: 0
}

.select.expandable-list.list-over.reversed > .drop-down {
    bottom: 0
}

.select.open-on-hover:hover > .drop-down, .select.open > .drop-down {
    display: block;
    border-color: #d8d8d8;

}

.disabled .drop-down {
    display: none !important
}

.disabled .selectMultiple > .drop-down, .selectMultiple.disabled > .drop-down {
    display: block !important;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.drop-down > a, .drop-down > span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    padding: 5px 10px;
    cursor: pointer;
    color: inherit
}

.drop-down > .disabled {
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    background: none !important
}

.check-list > .drop-down > a, .check-list > .drop-down > span {
    padding: 10px 10px 10px 38px;
    position: relative;
    border-top: 1px dotted !important;
    border-top-color: inherit !important;
    font-weight: 400
}

.check-list > .drop-down > .custom-vscrollbar:first-child + a, .check-list > .drop-down > .custom-vscrollbar:first-child + span, .check-list > .drop-down > a:first-child, .check-list > .drop-down > span:first-child {
    border-top: 0 !important
}

.check-list > .drop-down > a > span, .check-list > .drop-down > span > span {
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 26px;
    height: 26px;
    background: url(/img/standard/sprites.png) 0 -128px no-repeat
}

.check-list > .drop-down > .disabled > span {
    background-position: 0 -128px !important
}

.check-list > .drop-down > .selected > span {
    background-position: -26px -128px
}

.check-list.green-gradient > .drop-down > .selected > span, .check-list.orange-gradient > .drop-down > .selected > span, .check-list.red-gradient > .drop-down > .selected > span {
    background-position: -52px -128px
}

.check-list.anthracite-gradient > .drop-down > .selected > span, .check-list.black-gradient > .drop-down > .selected > span, .check-list.grey-gradient > .drop-down > .selected > span {
    background-position: -78px -128px
}

.focus > .drop-down > .focus {
    outline: dotted 1px
}

.drop-down > .selected, .no-touch .drop-down > a:hover, .no-touch .drop-down > span:hover {
    border-width: 1px;
    border-style: solid;
    padding: 4px 9px;
}

.no-touch .drop-down > .disabled:hover {
    border: 0;
    padding: 5px 10px;
    color: inherit
}

.check-list > .drop-down > .selected, .no-touch .check-list > .drop-down > a:hover, .no-touch .check-list > .drop-down > span:hover {
    padding: 10px 10px 10px 38px;
    border-width: 0;
    color: inherit;
    background: none !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    text-shadow: none !important
}

.no-touch .check-list > .drop-down > a:first-child:hover, .no-touch .check-list > .drop-down > span:first-child:hover {
    border-top: 0
}

.drop-down > a:last-child, .drop-down > span:last-child, .expandable-list.reversed > .drop-down > a:last-child, .expandable-list.reversed > .drop-down > span:last-child, .select.list-over.reversed > .drop-down > a:last-child, .select.list-over.reversed > .drop-down > span:last-child, .selectMultiple > .drop-down > a:last-child, .selectMultiple > .drop-down > span:last-child {
    -webkit-background-clip: padding-box;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.reversed > .drop-down > a:last-child, .reversed > .drop-down > span:last-child {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.expandable-list > .drop-down > a:first-child, .expandable-list > .drop-down > span:first-child, .reversed > .drop-down > a:first-child, .reversed > .drop-down > span:first-child, .select.list-over > .drop-down > a:first-child, .select.list-over > .drop-down > span:first-child, .selectMultiple > .drop-down > a:first-child, .selectMultiple > .drop-down > span:first-child {
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.drop-down > strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    padding: 5px 10px;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

.drop-down > .in-group + a, .drop-down > .in-group + span, .drop-down > a + strong, .drop-down > span + strong {
    margin-top: 7px
}

.drop-down > .in-group + .in-group {
    margin-top: 0
}

.drop-down > .in-group {
    padding-left: 20px
}

.drop-down > .in-group.selected, .no-touch .drop-down > .in-group:hover {
    padding-left: 19px
}

.no-touch .drop-down > .in-group.disabled:hover {
    padding-left: 20px
}

.check-list > .drop-down > .in-group, .no-touch .check-list > .drop-down > .in-group.selected, .no-touch .check-list > .drop-down > .in-group:hover {
    padding-left: 48px
}

.check-list > .drop-down > .in-group > span {
    left: 16px
}

.compact .select, .select.compact {
    line-height: 24px;
    height: 24px;
    padding-right: 22px
}

.compact .select > select, .select.compact > select {
    height: 24px;
    line-height: 20px
}

.compact .select.replacement, .select.compact.replacement {
    padding-right: 0
}

.input .select.compact:first-child, .input.compact .select:first-child {
    margin-left: -6px
}

.input .select.compact.last-child, .input .select.compact:last-child, .input.compact .select.last-child, .input.compact .select:last-child {
    margin-right: -6px
}

.compact .select-value {
    padding: 3px 8px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.compact .replacement > .select-value, .compact.replacement > .select-value {
    right: 22px
}

.compact .select-arrow {
    width: 21px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.compact .select-search-wrapper {
    right: 23px;
    padding: 3px 8px
}

.compact > .drop-down {
    padding-top: 23px
}

.compact.list-over > .drop-down {
    padding-top: 0
}

.compact.reversed > .drop-down {
    padding-top: 0;
    padding-bottom: 23px
}

.compact.list-over.reversed > .drop-down {
    padding-bottom: 0
}

.compact.expandable-list > .drop-down {
    padding-top: 0;
    top: 24px
}

.compact.expandable-list.list-over > .drop-down {
    top: 0
}

.compact.expandable-list.reversed > .drop-down {
    top: auto;
    bottom: 24px;
    padding-bottom: 0
}

.compact.expandable-list.list-over.reversed > .drop-down {
    bottom: 0
}


.select-light .select-arrow {
    border: 0;
}

.select-light .select-value {
    border: 0;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    cursor: pointer;
}

.select-light.focus {
    box-shadow: none;
}

.select-light select.withClearFunction {
    border-right: 0;
}


span.select-light.replacement {
    text-align: right;
    box-shadow: none;
}
span.select-light .select-arrow {
    border: 0;
    right: 1px;
    bottom: 1px;
    top: 1px;
}

span.select-light .select-value {
    border: 0;
    padding-right: 0;
    padding-left: 0;
    left: 1px;
    top: 1px;

}

span.select-light .drop-down {
    background-color: #fff;
}

.checkbox, .radio {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-width: 1px;
    border-style: solid;
    padding: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    -webkit-background-clip: padding-box;
    position: relative;
    margin-top: -2px;
    margin-bottom: 2px;
}
.checkbox > input,
.radio > input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.checkbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.radio {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.checkbox.focus,
.radio.focus {
    -webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
    -moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
    box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
}
.check-knob {
    display: none;
    position: absolute;
}
.checkbox > .check-knob {
    left: 50%;
    top: 50%;
    width: 15px;
    height: 13px;
    margin: -7px -5px;
    background: url(../../img/standard/sprites.png) no-repeat -54px -81px;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}
.black-inputs .check-knob,
.black-input > .check-knob {
    background-position: -39px -81px;
}
.radio > .check-knob {
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    background: url(../../img/standard/sprites.png) no-repeat -64px 0;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}
.black-inputs .radio > .check-knob,
.black-inputs.radio > .check-knob {
    background-position: -64px -9px;
}
.checked > .check-knob {
    display: block;
}

.checkbox.disabled, .disabled .checkbox,
.radio.disabled, .disabled .radio {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.checkbox.disabled > .check-knob, .disabled .checkbox > .check-knob {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.radio.disabled > .check-knob, .disabled .radio > .check-knob {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only screen and (min-width: 480px) {
    .select.expandable-list > .drop-down {
        max-width: 440px
    }
}

@media only screen and (min-width: 768px) {
    .fieldset.fields-list {
        background-image: url(/img/fieldset-bg.gif);
        background-repeat: repeat-y
    }

    .field-block {
        padding: 0 30px 0 230px;
        margin: 0 -10px
    }

    .field-block .label {
        float: left;
        text-align: right;
        margin: 0 0 0 -210px;
        width: 150px
    }

    .select.expandable-list > .drop-down {
        max-width: none
    }
}

textarea.full-width {
    width: 100%
}

img.full-width {
    width: 100%;
}

.input {
    background: #fff;
    border: 1px solid #D8D8D8;
}

.navigable a, .standard-tabs .tabs a {
    text-decoration: none
}

[href] {
    cursor: pointer
}

.transparent-bar {
    background: 0 0;
    border-width: 0 !important
}

.ajax-processing, .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1;
    padding: 20px 30px 0;
    text-align: center;
    font-size: 14px;
    background-color: #777;
    border-radius: 6px;
    color: #FFF
}

.ajax-processing div, .dataTables_processing div {
    margin: 10px auto
}

.label-large {
    font-size: 160%;
    color: #b7b7b7;
    font-variant: small-caps
}

.redactor_dm-notification {
    padding: 0 !important
}

.without-decoration {
    background: none !important;
    border-bottom: none !important
}

td.simple-td {
    background: none !important
}

td.td-align-right {
    text-align: right
}

.select.full-width {
    width: 100%;
}

#title-bar .columns {
    margin-bottom: 0
}


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

.arrow {
    display: inline-block;
    width: 0;
    height: 0
}

.arrow-up {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #888
}

.arrow-down {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #888
}

.arrow-right {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #888
}

.arrow-left {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #888
}

.v-text {
    display: inline-block;
    line-height: 24px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    margin: 10px 0
}

.v-text:after {
    content: " ";
    float: left;
    margin-top: 100%
}

.notification {
    margin: 0 2px 0 0;
}

.notification {
    margin-bottom: 12px
}

.notification__coins > div > h3 {
    color: #ffae00;
}

.notification__error > div > h3 {
    color: rgb(207, 85, 58);
}

.legend {
    background: 0 0;
    border: 0;
    font-variant: small-caps;
    box-shadow: none;
    text-shadow: none
}

.height-80 {
    height: 80px
}

.fieldset {
    border-radius: 7px;
    border: 1px solid #f1f1f1 !important
}

.biography-textarea {
    overflow: hidden;
    resize: none;
    height: 142px
}

.b-card-first-name, .b-card-last-name, .big-size .control-view {
    font-size: 18px;
    line-height: 20px
}

.biography_block.button-height {
    line-height: 16px !important
}

.line-height-20 {
    line-height: 20px
}

.margin-left-120 {
    margin-left: 120px
}

.margin-left-100 {
    margin-left: 100px
}

.margin-left-20 {
    margin-left: 20px
}

.biography_block .button-height {
    line-height: 16px !important
}

div.full-width, table.full-width {
    width: 100%
}

.label-color {
    color: #b7b7b7
}

.control-panel {
    text-align: right;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px
}

.with-nano-padding {
    padding: 2px
}

.as-label {
    margin-left: -120px;
    display: inline-block;
    width: 120px;
    color: #b7b7b7;
    font-variant: small-caps
}

.label-like {
    font-family: 'Open Sans', sans-serif
}

.real-white {
    background: #fff !important
}

.no-border-bottom {
    border-bottom: none !important
}

#show_main_tab_btn {
    float: left;
    position: relative
}

.no-border-top, tr.no-border-top td {
    border-top: none !important
}

.no-border-left {
    border-left: none !important
}

.no-border-right {
    border-right: none !important
}

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

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

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.no-shadow {
    text-shadow: none !important;
    box-shadow: none !important
}

.tile-info {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: .6
}

.one-row-only {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-pnl-hidden {
    padding-right: 39px !important
}

.color-placeholder {
    margin-left: 16px !important
}

.color-picker-ico {
    display: inline-block;
    vertical-align: baseline;
    height: 15px;
    margin-left: 4px;
    line-height: 30px
}

.right-calendar-menu {
    margin: 0;
    min-height: 0;
    list-style-type: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none
}

.right-calendar-menu > li, li.right-calendar-menu {
    padding: 10px 10px 10px 50px;
    font-size: 13px;
    font-weight: 400;
    min-height: 40px;
    line-height: 14px
}

.right-calendar-menu > li > a, li.right-calendar-menu > a {
    display: block;
    margin: -10px -10px -10px -50px;
    padding: 10px 14px 10px 10px;
    min-height: 40px;
    color: inherit
}

.right-calendar-menu > li time, li.right-calendar-menu time {
    float: right;
    display: block;
    width: 60px !important;
    margin-left: -40px;
    color: #CCC;
    color: rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: right;
    line-height: 12px
}

.right-calendar-menu > li time > b, li.right-calendar-menu time > b {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: -3px
}

.right-calendar-menu > li small, li.right-calendar-menu small {
    display: block
}

.right-calendar-menu > li, li.right-calendar-menu {
    color: #666;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fa), to(#e4e7eb));
    background: -webkit-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -moz-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -ms-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: -o-linear-gradient(top, #f7f7fa, #e4e7eb);
    background: linear-gradient(top, #f7f7fa, #e4e7eb);
    border-color: #ccc
}

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

.active-item {
    border-left-width: 4px !important;
    padding-right: 12px
}

.inline-desktop-only, .inline-hidden-on-mobile {
    display: inline
}

#m-header-dashboard {
    cursor: pointer !important;
    display: inline;
    width: 256px;
    text-align: left
}


#m-header-search-form {
    display: inline;
    margin-left: 0
}

#m-header-message, #m-header-search-button {
    display: none
}

#m-header-menu {
    float: right;
    margin-right: -10px;
    cursor: pointer;
    width: 40px;
    z-index: 1000
}

#m-header-task-add {
    float: right;
    line-height: 40px;
    cursor: pointer;
    width: 60px;
    z-index: 1000;
    white-space: nowrap;
    font-variant: small-caps;
    color: #868686;
}

#m-header-task-add span:before {
    right: 3px;
    position: relative;
    font-size: 11px;
}

.mobile-left-header, .mobile-right-header {
    display: none
}

.current-mobile-header {
    width: 100%
}

#left-menu {
    height: 100%;
    width: 260px;
    border-right: 1px solid #fff;
    z-index: 2
}

#left-menu-wrapper.toggle-menu {
    display: none
}

#left-menu header {
    text-align: right;
    padding: 11px 12px;
    color: #bfbfbf;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#60666c), to(#4e5458));
    background: -webkit-linear-gradient(top, #60666c, #4e5458);
    background: -moz-linear-gradient(top, #60666c, #4e5458);
    background: -ms-linear-gradient(top, #60666c, #4e5458);
    background: -o-linear-gradient(top, #60666c, #4e5458);
    background: linear-gradient(top, #60666c, #4e5458);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .5)
}

#right-menu {
    width: 300px;
    height: 100%
}

#right-menu > div {
    width: 300px;
    height: 100%;
    overflow: auto;

}

.back-text {
    position: relative
}

.m-count {
    position: relative;
    top: -7px
}

.two-from-ten-columns {
    width: 20%
}

.contract_tile {
    width: 200px;
    border: 1px solid #cacaca;
    box-shadow: 2px 2px 3px -2px #000
}

.uppercase {
    text-transform: uppercase
}

.hidden-on-tablet-portrait {
    display: block
}

.modal-normal {
    width: 50%
}

.modal-wide {
    width: 90% !important
}

@media (max-width: 1000px) {
    #right-menu {
        top: 40px
    }
}

#left-menu {
    position: relative
}

@media (max-width: 991px) {
    .breadcrumb {
        display: none
    }

    #left-menu {
        position: absolute !important;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)
    }

    #left-menu:before {
        display: none
    }

    .inline-hidden-on-mobile {
        display: inline
    }

    .inline-desktop-only {
        display: none
    }

    #left-menu {
        top: 40px;
        z-index: 50
    }

    #title-bar {
        text-align: center
    }

    #main-title {
        margin-top: 25px
    }

    .reversed.with-menu #title-bar {
        padding-left: 10px !important
    }

    #m-header-dashboard {
        width: 20px
    }

    #m-header-message {
        width: 50px;
        display: inline;
        margin-left: 0
    }
}

@media (max-width: 1024px) {
    .min-tablet-wide {
        background: red !important;
        display: none
    }
}

@media (max-width: 760px) {
    #main-wrapper {
        background: #fff
    }

    #main_tab {
        border-right: 0 !important
    }

    .hidden-on-tablet-portrait {
        display: none
    }

    .with-padding {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    #main-title {
        position: fixed;
        top: 25px;
        width: 100%;
        background-color: #ececec !important;
        border-bottom: 1px #c6c6c6 solid;
        padding-bottom: 2px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        z-index: 89;
        margin-top: 0
    }

    #main-title h1 {
        font-size: 14px;
        line-height: 18px;
        float: none;
        font-weight: 700;
        text-shadow: none !important;
        overflow: hidden;
        white-space: nowrap;
        color: #3d3d3d;
        padding-left: 2px;
        padding-right: 2px;
        margin-top: 10px
    }

    div#content {
        margin-top: 45px !important
    }

    .inline-hidden-on-mobile {
        display: none
    }

    #title-bar {
        text-align: center
    }

    #main {
        margin-top: 23px !important
    }

    .mobile-left-header {
        text-align: left;
        padding-left: 10px;
        color: #979797;
        width: 33%;
        display: inline-block
    }

    .mobile-right-header {
        text-align: right;
        padding-right: 10px;
        color: #979797;
        width: 33%;
        display: inline-block
    }

    .current-mobile-header {
        width: 33%;
        text-align: center;
        display: inline-block
    }

    .mobile-underline {
        border-bottom: 1px solid #666
    }
}

@media (max-width: 600px) {
    .modal-normal {
        width: 85%
    }

    #activity {
        display: none
    }

    #m-header-search-form {
        position: fixed;
        top: -40px;
        left: 0;
        display: block;
        width: 100% !important;
        background: #e2e2e2;
        z-index: 1;
        border-bottom: 1px #c6c6c6 solid;
        -webkit-transition: -webkit-transform .2s ease;
        -moz-transition: -moz-transform .2s ease;
        -ms-transition: -ms-transform .2s ease;
        -o-transition: -o-transform .2s ease;
        transition: transform .2s ease
    }

    #m-header-search-form.toggle-search {
        transform: translateY(200%);
        -ms-transform: translateY(200%);
        -webkit-transform: translateY(200%)
    }

    .search-container {
        width: 92%;
        margin-left: 5px;
        margin-right: 5px
    }

    .search-container input {
        width: 80%
    }

    #m-header-dashboard {
        display: inline;
        width: 20%;
        margin-left: 0;
        text-align: center
    }

    #m-header-search-button {
        display: inline;
        width: 20%;
        margin-left: 0
    }

    #m-header-message {
        margin-left: 0;
        width: 20%;
        display: inline
    }

    #m-header-menu {
        display: inline;
        width: 10%;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
}

@media (max-width: 480px) {
    #content.with-padding {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    #m-header-dashboard, #m-header-menu, #m-header-task-add {
        text-align: center
    }

    #main-title {
        position: fixed;
        top: 25px;
        width: 100%;
        background-color: #ececec;
        border-bottom: 1px #c6c6c6 solid;
        padding-bottom: 2px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        z-index: 89;
        margin-top: 0
    }

    div#content {
        margin-top: 45px
    }

    .inline-hidden-on-mobile {
        display: none
    }

    #title-bar {
        text-align: center
    }

    #main {
        margin-top: 65px
    }

    .mobile-left-header {
        text-align: left;
        padding-left: 10px;
        color: #979797;
        width: 33%;
        display: inline-block
    }

    .mobile-right-header {
        text-align: right;
        padding-right: 10px;
        color: #979797;
        width: 33%;
        display: inline-block
    }

    .current-mobile-header {
        width: 33%;
        text-align: center;
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .responsive-table-on .hide-on-desktop-only {
        display: none !important
    }
}

.responsive-table-on .hide-on-desktop-only {
    display: table-cell
}

.inline-small-label {
    margin-right: -60px !important
}

@media (max-width: 480px) {
    .inline-small-label {
        padding-left: 0 !important;
        margin-right: 0 !important
    }

    .inline-small-label > .label {
        float: none !important;
        margin-left: 0 !important
    }
}

.modal-advanced {
    background: #fff !important;
    border-color: #d3d1d1 !important
}

.modal-lb, .modal-lc, .modal-lt {
    -webkit-border-radius: 0 10px 10px 0 !important;
    -moz-border-radius: 0 10px 10px 0 !important;
    border-radius: 0 10px 10px 0 !important
}

.modal-rb, .modal-rc, .modal-rt {
    -webkit-border-radius: 10px 0 0 10px !important;
    -moz-border-radius: 10px 0 0 10px !important;
    border-radius: 10px 0 0 10px !important
}

.modal-ct {
    -webkit-border-radius: 0 0 10px 10px !important;
    -moz-border-radius: 0 0 10px 10px !important;
    border-radius: 0 10px !important
}

.modal-cc {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important
}

.modal-cb {
    -webkit-border-radius: 10px 10px 0 0 !important;
    -moz-border-radius: 10px 10px 0 0 !important;
    border-radius: 10px 10px 0 0 !important
}

.modal-advanced > .modal-bar > h3 {
    color: #c2c2c2 !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    text-shadow: none !important
}

.modal-advanced > .modal-bar > .modal-actions > li {
    background-position-y: -94px;
    background-position-x: -34px
}

.skill-block table tr td {
    padding-top: 5px;
    padding-bottom: 5px
}

.skill-block table tr td span.disabled {
    color: #ddd !important
}

.skill-block table tr td:first-child {
    padding-left: 10px;
    vertical-align: middle !important
}

.skill-mark-td {
    vertical-align: middle
}

.skill-block table tr td:first-child span:hover {
    color: #c6c6c6
}

.skill-block table tr {
    border-bottom: 1px solid #c5c5ca
}

.skill-block table tr:first-child {
    border-top: 1px solid #c5c5ca
}

.skill-block table tr:last-child {
    border-bottom: none
}

.skill-level-text {
    font-size: 40px;
    line-height: 40px
}

.tile-indicator {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.tile-indicator:hover {
    text-decoration: line-through
}

.program-people-cell {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #bebebe;
    vertical-align: middle !important;
    text-align: center;
    display: table;
    padding: 0
}

.program-people-cell:hover span {
    color: #929292 !important
}

.program-people-cell:hover {
    border-color: #929292 !important
}

.program-people-cell:hover add-msg {
    display: block
}

div#drag tr.week-data-row td {
    background: #fff;
    border: 1px solid #dfe1df
}

.collapse-skill-block-button:hover {
    color: #fcfcfc !important
}

.no-box-shadow {
    box-shadow: none !important
}

.no-border {
    border: 0 !important
}

.skill-fieldset {
    border: 1px solid #ececec
}

.skill-fieldset-collapsed {
    border-left: none;
    border-right: none;
    border-bottom: none
}

.search-category {
    color: #c6c6c6;
    padding-left: 5px;
    padding-right: 5px
}

.search-item {
    font-weight: 400;
    color: #636363;
    padding-left: 5px;
    padding-right: 10px
}

.assignee_typeahead_box {
    position: absolute;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, .75);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, .75);
    box-shadow: 0 2px 5px rgba(50, 50, 50, .75)
}

.assignee_typeahead_box tr:hover, .hover {
    background: #e9ebe9
}

.input.edit.hidden {
    display: none
}

.as-table-row {
    display: table-row
}

.as-table-cell {
    display: table-cell
}

.as-table {
    display: table
}

.task-short-block {
    border-top: 1px solid #e2e2e2;
    border-left: 5px solid #d2e4ff;
    border-bottom: 1px solid #e2e2e2
}

.cursor-pointer {
    cursor: pointer
}

.priority {
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0 2px;
    vertical-align: 1px;
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.priority-1 {
    color: #d0f0bd
}

.priority-2 {
    color: #a5e877
}

.priority-10, .priority-3, .priority-4, .priority-5, .priority-6, .priority-7, .priority-8, .priority-9 {
    color: #ff4a2d
}

table.task-work-table {
    text-align: center
}

.task-work-table td, .task-work-table th {
    padding: 5px;
    border-right: 1px solid #e9ebe9
}

.task-work-table tr {
    border-bottom: 1px solid #e9ebe9
}

.task-work-table td:last-child, .task-work-table th:last-child {
    border-right: none
}

.task-work-table tr:last-child {
    border-bottom: none
}

.work-meter {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    background-color: #e8e8e8;
    padding: 0
}

.scheduled-meter {
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    background-color: #9be85b;
    padding: 0
}

.unscheduled-meter {
    position: absolute;
    top: 1px;
    right: 0;
    height: 18px;
    background-color: #fffa86;
    padding: 0
}

.comleted-meter {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    background-color: #66bce8;
    padding: 0
}

.work-meters-placeholder {
    position: relative;
    padding: 0
}

.table-spacer {
    height: 5px;
    border: none
}

.typeahead_filter {
    position: absolute;
    max-height: 300px;
    overflow: auto;
    z-index: 999
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.info-spot {
    opacity: .6
}

.mandatory-block .control-label:after {
    content: "*"
}

.control-container {
    position: relative;
    width: 100%;
    margin-bottom: 8px
}

.control-container.with-label > .control-edit, .control-container.with-label > .control-view {
    margin-left: 100px
}

.control-label {
    float: left;
    margin-top: 4px;
    padding-right: 2px;
    width: 98px;
    color: #888
}

.checkbox-container .control-label {
    margin-top: 0
}

.control-info-label {
    float: right;
    color: #CACACA
}

.control-view {
    margin-top: 4px
}

.control-view > * {
    float: left
}

.control-view .control-view-value {
    overflow: auto;
    word-wrap: break-word;
    max-width: 100%;
}

.type-inline-editable-wysiwyg .control-view-value {
    width: 100%
}

.type-inline-editable-wysiwyg .info-spot {
    position: absolute;
    top: -25px;
    right: 10px
}

.type-inline-editable-wysiwyg ul {
    list-style: disc;
    padding-left: 2em;
}

.type-inline-editable-wysiwyg ol {
    list-style: decimal;
    padding-left: 2em;
}

.type-inline-editable-wysiwyg strong {
    font-weight: bold;
}

.type-inline-editable-wysiwyg em {
    font-style: italic;
}

.re-cancel, .re-save {
    position: relative;
    float: right;
    color: #7c7c7c
}

.re-save {
    width: 24px !important
}

.re-cancel {
    width: 34px !important
}

.re-cancel:hover, .re-save:hover {
    color: #FFF
}

.re-cancel:after, .re-save:after {
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 0;
    right: 0
}

.re-save:after {
    content: 'Save'
}

.re-cancel:after {
    content: 'Cancel'
}

.control-view > .info-spot {
    margin-left: 8px;
    margin-top: 2px;
    z-index: 1;
}

.control-container.with-tooltip > .control-edit > div {
    margin-right: 24px
}

.control-edit .info-spot {
    float: right;
    width: 20px;
    margin-top: 4px;
    z-index: 100
}

.label-top > .control-edit, .label-top > .control-view {
    margin-left: auto !important;
    margin-top: 1ex
}

.label-top > .control-label {
    float: none;
    margin-top: auto;
    width: auto
}

.control-container-inline + .control-container-inline {
    margin-left: 20px
}

.control-container-inline {
    display: inline-block;
    vertical-align: top;
    width: auto
}

.control-container-inline.with-label > .control-edit {
    float: left;
    margin-left: auto
}

.control-container-inline.with-label > .control-label {
    width: auto;
    margin-right: 5px
}

@media (max-width: 380px) {
    .control-label {
        float: none;
        width: 100%
    }

    .control-container.with-label > .control-edit, .control-container.with-label > .control-view {
        margin-left: 0
    }

    .control-info-label {
        float: right
    }

    .control-container.with-tooltip .control-info-label {
        margin-right: 24px
    }

    .control-container-inline {
        width: 100%;
        margin-left: 0
    }

    .control-container-inline.with-label > .control-edit {
        float: none
    }

    .control-container-inline.with-label > .control-label {
        width: 100%
    }
}

.currency-select {
    float: right;
    width: 58px !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    height: 29px !important;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.currency-select > .select-value {
    padding: 5px 10px 6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: 0;
    line-height: 20px;
}

.currency-input {
    margin-right: 58px
}

.currency-input > .input {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right:0;
}

.max-width-500 {
    max-width: 500px
}

.max-width-400 {
    max-width: 400px
}

.max-width-300 {
    max-width: 300px
}

.max-width-350 {
    max-width: 350px
}

.max-width-200 {
    max-width: 200px
}

.width-35 {
    width: 35px !important;
}

.max-height-100 {
    max-height: 100px
}

.width-25 {
    width: 25px !important;
}

.label-180 .control-view,
.label-180 .control-edit {
    margin-left: 182px !important;
}

.label-180 .control-label {
    width: 180px;
}

#left-menu #menu-footer, #left-menu #menu-footer a {
    font: 11px/14px Arial, sans-serif;
    color: #888
}

#left-menu #menu-footer a {
    text-decoration: underline
}

.edit .input-unstyled.datepicker {
    width: 90%
}

.required-placeholder:after {
    content: '*'
}

.standard-tabs > .tabs > li > a {
    color: #999 !important;
    line-height: 20px;
    height: 16px;
    box-shadow: none !important;
}

.standard-tabs > .tabs > li > a:hover {
    color: #666 !important;
    border-bottom-color: #5fa0c7 !important
}

.standard-tabs > .tabs > li.active > a {
    font-size: 14px !important;
    line-height: 15px;
    color: #222 !important;
    border-bottom: 1px solid #fff;
}

.dev-underconstruction {
    color: #F99 !important
}

.dev-missing {
    color: #BBB !important;
    text-shadow: #fff 1px 1px 0, #666 0 0 0 !important
}

.small-fact-value {
    margin: -6px 4px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #666;
    letter-spacing: -2px
}

.fact-value.medium {
    font-size: 40px
}

.nowrap {
    white-space: nowrap
}

#menu-content header {
    display: none
}

.navigable {
    min-height: 100%
}

.breadcrumb {
    margin: 14px 0 3px 20px;
    font-size: 13px;
    float: left;
    font-family: 'Open Sans', sans-serif
}

.breadcrumb, .breadcrumb a {
    color: #888
}

@media (max-width: 1024px) {
    body {
        background: #FFF
    }

    #main {
        top: 0;
        border: none
    }
}

.dev-debug-panel {
    position: fixed;
    font: 11px/14px Arial;
    padding: 3px;
    bottom: 14px;
    right: 5px;
    color: #333;
    background: #f9f9f9;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
    border-radius: 5px;
    opacity: .8;
    -webkit-transition-property: -webkit-transform, -webkit-right;
    transition-property: transform, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease
}

.dev-debug-panel.hide {
    transform: translate(120%, 120%);
    -ms-transform: translate(120%, 120%);
    -webkit-transform: translate(120%, 120%)
}

.dev-debug-panel-new {
    right: -200px
}

.debug-panel-0 {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    z-index: 9999
}

.debug-panel-1 {
    transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -webkit-transform: translateX(-40px);
    z-index: 9998
}

.debug-panel-2 {
    transform: translateX(-75px);
    -ms-transform: translateX(-75px);
    -webkit-transform: translateX(-75px);
    z-index: 9997
}

.debug-panel-3 {
    transform: translateX(-105px);
    -ms-transform: translateX(-105px);
    -webkit-transform: translateX(-105px);
    z-index: 9996
}

.debug-panel-4 {
    transform: translateX(-130px);
    -ms-transform: translateX(-130px);
    -webkit-transform: translateX(-130px);
    z-index: 9995
}

.debug-panel-5 {
    transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    z-index: 9994
}

.debug-panel-6 {
    transform: translateX(-165px);
    -ms-transform: translateX(-165px);
    -webkit-transform: translateX(-165px);
    z-index: 9993
}

.debug-panel-7 {
    transform: translateX(-175px);
    -ms-transform: translateX(-175px);
    -webkit-transform: translateX(-175px);
    z-index: 9992
}

.toggle-debug-panel {
    position: fixed;
    right: 15px;
    bottom: 0;
    cursor: pointer;
    z-index: 1000000
}

.dev-debug-panel-new {
    opacity: 1;
    background: #FFF;
    color: #000;
    box-shadow: -2px 2px 16px rgba(0, 0, 0, .2)
}

.dev-debug-panel-url {
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 3px;
    max-height: 45px
}

.dev-debug-panel * {
    max-width: 110px;
    overflow: hidden
}

.dev-debug-panel:hover {
    opacity: 1;
    z-index: 1000000 !important;
    font: 13px/17px Arial !important;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .3);
    color: #000
}

.dev-debug-panel a {
    color: inherit;
    text-decoration: none
}

.dev-debug-panel .chart {
    margin: 5px 0 3px
}

.menu-breadcrumb {
    padding: 8px 16px;
    color: #868686;
    font-weight: bold;
    background: #e8e8e8;
    border-bottom: 1px solid #fff;
}

div.redactor_wysiwyg.input-error, input.input-error, span.input-error, textarea.input-error {
    box-shadow: 0 0 0 1px rgb(255, 136, 136) inset, 0 2px 5px rgba(0, 0, 0, .35) inset, 0 1px 1px rgba(255, 255, 255, .5), 0 0 5px rgba(255, 0, 0, .75) !important
}

label.input-error, .form-error {
    display: block;
    color: red;
    line-height: 16px
}

.file.full-width {
    width: 100%
}

div.redfield ol li {
    margin-top: 0
}

li.border-bottom {
    border-bottom: 1px solid #CCC
}

.skills.legend {
    border: 1px solid #d2d2d2 !important;
    font-variant: normal;
    color: #666;
    box-shadow: none;
    text-shadow: none
}

.skills.fieldset {
    border-radius: 7px;
    border: 1px solid #d2d2d2 !important
}

.inline-block {
    display: inline-block
}

.inline-flex {
    display: inline-flex;
}

.skill-level-margin {
    margin: 0 20px
}

img.image-filereader {
    max-width: 100%;
    max-height: 600px
}

table.regular > tbody > tr > td, table.regular > tr > td {
    padding: 1ex
}

table.layout > tbody > tr > td {
    padding-right: 3ex
}

table.layout > tbody > tr > td:last-child {
    padding-right: 0
}

.more-info .more-info-text {
    display: none
}

.limited-text {
    word-wrap: break-word
}

.limited-text-pre {
    white-space: pre;
}

.limited-text.limit-max-height {
    max-height: 4.8em;
    overflow: hidden
}

.limited-text-block.fix-line-height {
    line-height: 130%
}

h3.underline {
    color: #999;
    font-size: 130%;
    border-bottom: 1px solid #CCC;
    margin-top: 1ex;
    font-weight: 700;
    padding-bottom: .5ex
}

.facts {
    margin-left: -20px
}

.fact {
    text-align: center;
    color: #bfbfbf;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.facts > .fact {
    float: left;
    margin: 0 0 20px 20px;
    width: 129px
}

.fact-value {
    margin: -6px 4px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    line-height: 48px;
    position: relative;
    color: #666;
    letter-spacing: -2px;
    margin-top: -58px;
    text-align: center;
}

.fact-unit {
    position: absolute;
    top: 37px;
    right: -2px;
    font-size: 11px;
    line-height: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 2px 3px;
    background: #fff;
    letter-spacing: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700
}

.fact-progress {
    display: block;
    padding-top: 4px
}

@media only screen and (min-width: 480px) {
    .facts {
        margin-left: -30px
    }

    .ie7 .facts {
        margin-bottom: 30px
    }

    .fact {
        font-size: 13px;
        line-height: 16px;
        margin-right: 20px
    }

    .facts > .fact {
        margin: 0 0 30px 30px;
        width: 180px
    }

    .fact-value {
        width: 100%;
        text-align: center;
        font-size: 38px;

    }

    .fact-value.fact-small {
        float: left;
        width: auto;
        text-align: left;
        margin-top: 0
    }

    .ie7 .fact-value {
        margin: -17px 8px -13px 0
    }

    .fact-unit {
        position: relative;
        display: inline-block;
        top: auto;
        float: left;
        font-size: 12px;
        line-height: 12px;
        padding: 0;
        vertical-align: top;
        margin: 7px 3px 0 0;
        margin-top: 11px;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .ie7 .fact-unit {
        margin-top: 19px
    }
}

.workflow-table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.workflow-table td {
    position: relative;
    width: 150px;
    vertical-align: middle;
    text-align: center;
    padding: 7px
}

.workflow-tbody td, .workflow-type-name-wrapper td {
    padding: 10px
}

.workflow-table .markup {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-right: 2px dashed #ffae00;
}

.workflow-table .state-border-green-bg {
    border-right-color: #99c624;
}

.workflow-table .state-border-orange-bg {
    border-right-color: #ffae00;
}

.workflow-table .state-border-red-bg {
    border-right-color: #dd380d;
}

.workflow-table .end-point {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    right: 20%
}

.choice-gear-button {
    display: none
}

.workflow-table .choice-gear-button {
    display: block
}

.choice-name {
    vertical-align: middle;
    text-align: center;
    padding: 0;
    border-radius: 15px
}

.choice-name.child-choice {
    border-style: dashed !important;
}

.workflow-table div.choice-name {
    position: relative;
    display: inline-block;
    height: auto;
    margin-top: 6px;
    min-width: 140px;
    min-height: 32px;
    border: 2px solid #E8E8E8;
    vertical-align: baseline;
    line-height: 28px
}

div.choice-name.choice-expiration {
    background-color: transparent !important;
    box-shadow: none;
    border: none
}

div.choice-name.choice-expiration:active {
    box-shadow: none !important;
    border: none
}

div.choice-name .choice-expiration-icon {
    display: inline-block;
    color: #777
}

.workflow-table div.choice-name:active {
    box-shadow: none !important;
    padding: 0
}

.workflow-table div.choice-name:hover {
    opacity: 1;
}

div.choice-name > span {
    display: inline-block;
    padding: 8px 0;
    line-height: 14px;
    color: #777
}

.state-name {
    margin: 0 6px;
    line-height: 16px;
    padding: 6px 0;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.workflow-table .ghost {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 80%;
    height: 60%;
    background-color: #fff;
    border: 1px dashed #DDD
}

.awards__configuration-container {
    display: flex;
    margin-bottom: 20px;
}
.awards__configuration-container .control-edit {
    margin-top: 0;
}

    .awards__configuration-name {
        flex-basis: 100px;
        padding-right: 3px;
        box-sizing: border-box;
    }

    .awards__configuration-details {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        margin-top: 2px;
    }
        .awards__configuration-item {
            display: flex;
        }

        .awards__items-container {
            flex-grow: 1;
        }

            .awards__wysiwyg-wrapper {
                position: relative;
            }

            .awards__wysiwyg-wrapper .redactor-toolbar li {
                float: right;
            }

                .awards__condition-vars,
                .awards__amount-vars {
                    position: absolute;
                    right: 0;
                    top: 49px;
                    max-width: 250px;
                    max-height: 200px;
                    padding: 5px 0;
                    border: 1px solid #eee;
                    background-color: #fff;
                    box-shadow: 0 2px 4px #ccc;
                    z-index: 1054;
                    overflow-y: auto;
                    overflow-x: hidden;
                }

                    .wysiwyg-var-item {
                        margin: 0 5px;
                        cursor: pointer;
                        padding: 3px
                    }

        .awards__configuration-add {
            cursor: pointer;
            margin-top: 5px;
        }

        .awards__configuration-remove {
            cursor: pointer;
            flex-basis: 20px;
        }

.award__item {
    display: flex;
}

    .award__item-condition {
        flex-grow: 1;
        margin-bottom: 4px;
    }

    .award__item-delete {
        flex-basis: 20px;
    }

.dashed-border {
    border: 1px dashed #DDD
}

.input.min-input {
    background: #fff;
    box-shadow: none;
    border: 1px solid #CCC
}

.min-link {
    text-decoration: none !important
}

.min-link:hover {
    color: #979797 !important
}

.cursor-move {
    cursor: move
}

.workflow-wrapper input.choice-name-input, .workflow-wrapper input.state-name-input {
    width: 70%
}

.border-bottom {
    border-bottom: 1px solid #CCC
}

.cell-height {
    line-height: 40px;
    height: 40px
}

.state-delete-button {
    line-height: 20px;
    padding-left: 6px;
    cursor: pointer
}

.drop-hover .ghost {
    background-color: #F6F6F6
}

.endpoint-drop-hover {
    border-radius: 5px;
    background-color: #F6F6F6
}

.endpoint-arrow, .endpoint-arrow-start {
    background-color: transparent
}

.endpoint-arrow:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border-radius: 20px
}

.endpoint-arrow-start:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px
}

.state-gear-button {
    float: left;
    display: inline-block;
    /*margin-left: 7px;*/
    color: #fff !important;
    cursor: pointer;
    font-size: 22px;
    position: relative;
    left: 7px;
}

.choice-gear-button {
    position: absolute;
    margin-left: -5px;
    margin-top: -12px;
    cursor: pointer;
    color: #AEAEAE !important
}

.workflow-table .state-mark {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    bottom: 2px;
    left: 47%;
    z-index: 2
}

.workflow-table .choice-expiration-icon:before {
    top: 5px;
    font-size: 33px;
    z-index: 1;
    position: relative;
}

.choice-expiration-add-button:before {
    top: 10px;
    font-size: 33px;
    position: relative;
}

.state-add-button {
    border-color: #999;
    background-color: #FFF;
    font-weight: 400;
    font-size: 16px
}

.state-add-button:hover {
    background: #FFF !important;
    border-color: #999 !important;
    color: #666 !important
}

.choice-add-button {
    border-radius: 15px
}

.choice-add-button:hover {
    color: #666 !important;
    border-color: #DDD #BBB #BBB #DDD !important;
    background: #F3F3F3 !important
}

.choice-expiration-add-button {
    color: #747474;
    font-size: 15px
}

.workflow-table .start-mark {
    background-color: #5fd85a
}

.workflow-table .end-mark {
    background-color: #f36051
}

.redactor-toolbar li a.re-customTag {
    background: 0 0;
    position: relative;
    text-indent: 0;
    width: 73px !important
}

.redactor-toolbar li a.re-customTag:before {
    position: absolute;
    content: "Custom tag";
    left: 8px;
    font-size: 13px;
    color: #444;
    text-decoration: none
}

a.re-customVar {
    background: 0 0;
    padding: 5px 10px !important;
    position: relative;
    text-indent: 0;
    width: 58px !important
}

a.re-customVar:hover:before {
    color: #fff;
}

a.re-customVar:before {
    position: absolute;
    content: "Variables";
    left: 8px;
    font-size: 13px;
    color: #444;
    text-decoration: none
}

.wf-control-panel-wrapper {
    margin-bottom: 2ex
}

.wf-control-panel-wrapper .button:active {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .4) !important;
    background: #F3F3F3
}

.wf-control-panel-buttons {
    padding: 2px 0
}

.wf-details-wrapper {
    position: absolute;
    z-index: 101;
    top: 35px;
    right: 0;
    background-color: #F9F9F9;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.wf-details-wrapper .indenter {
    float: left
}

.wf-details-header {
    border-top-color: #EBEBEB !important
}

.wf-details-header div {
    font-size: 14px;
    margin-top: 2px
}

.wf__stage-label {
    line-height: 16px;
    text-transform: lowercase;
    font-variant: small-caps;
    color: #b7b7b7;
}

.wf__state-awards-count,
.wf__choice-awards-count {
    position: absolute;
    right: 13px;
    color: #F59802;
    box-sizing: border-box;
    font-size: 13px;
    padding: 2px;
    line-height: 15px;
}

.wf__state-awards-count {
    top: -10px;
}

.wf__choice-awards-count {
    top: -19px;
}

.wf__state-awards-count > span,
.wf__choice-awards-count > span {
    font-size: 10px;

}

.required_votes_wrapper, .start-end-state {
    padding-top: 20px
}

.required_votes_wrapper .control-container {
    margin-bottom: 4px
}

.small-height {
    height: 20px
}

#required_votes {
    width: 40px;
    margin-left: 70px
}

.wf-actions-wrapper, .wf-draggable-elements-wrapper {
    position: relative;
    margin: 10px 0 20px;
    padding: 22px 0 15px 10px;
    border: 1px solid #ededed;
    border-radius: 3px;
    background-color: #FEFEFE
}

.wf-actions-label, .wf-draggable-elements-label {
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 13px;
    color: #AAA
}

.wf-entity-type-wrapper, .wf-org-structure-wrapper {
    font-size: 14px;
    margin-bottom: 16px;
    color: #888
}

.wf-org-structure-wrapper {
    margin-top: 10px;
}

.wf-entity-type-wrapper {
    line-height: 34px;
}

.wf-org-structure-wrapper .tag {
    font-size: 13px
}

.wf-entity-type-wrapper select {
    width: 150px
}

.wf-draggable-elements-wrapper a {
    min-width: 100px;
    margin-right: 20px
}

.wf-draggable-elements-wrapper a:active {
    margin-right: 21px !important
}

.wf-actions-wrapper button {
    margin-right: 20px
}

.wf-publish-button, .wf-validate-button {
    min-width: 200px
}

.wf-choice-remove {
    vertical-align: top
}

.wf-group-color {
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    border-radius: 3px
}

.choice-remove-errors {
    max-width: 300px;
    text-align: right;
    margin-right: 10px
}

.state-add-button-wrapper {
    position: relative
}

.state-add-button-wrapper .ghost {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 45%;
    height: 8px;
    border-right: 1px solid #777
}

.workflow-tbody {
    /*background-color: #f9f9f9*/
}

.workflow-type-name-wrapper td {
    position: relative;
    height: 25px
}

.workflow-type-name {
    position: absolute;
    font-size: 17px;
    top: 18px;
    background-color: #fff;
    z-index: 2
}

tr.initial-row td {
    height: 40px;
    font-size: 16px;
    color: #BBB
}

.group-wrapper {
    position: relative;
    color: #666;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid;
    border-color: transparent transparent #ccc transparent;
}

a.group-wrapper {
    padding: 0 40px;
    text-decoration: none
}

.workflow-table .group-wrapper {
    padding: 0;
    position: absolute;
    top: 0;
    width: 95%;
    white-space: nowrap;
    z-index: 2
}

.group-wrapper .group-name {
    overflow: hidden;
    margin: 0 15px 0 30px
}

.resizable-helper {
    border: 1px solid red
}

.group-wrapper:hover {
    color: #666
}

.group-wrapper:before {
    content: ' ';
    position: absolute;
    left: -1px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid #999;
}

.group-wrapper:after {
    content: ' ';
    position: absolute;
    right: -1px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 0;
    border-top: 8px solid #999;
}

td.group-cell {
    position: relative;
    padding: 0
}

.groups-row td.group-cell {
    height: 18px
}

.groups-row.empty-row td.group-cell {
    height: 12px
}

td.group-cell.group-hover {
    background-color: #EEE
}

.groups-block.dashed {
    outline: #666 dashed 1px
}

input.group-name-input {
    width: 80%;
    height: 7px;
    padding-top: 4px;
    padding-bottom: 5px;
    border: none !important
}

.group-gear-button {
    position: absolute;
    left: 15px;
    color: #A5A5A5
}

.js-plumb-label.top-label {
    margin-top: -9px;
    color: #EB8181;
    font-weight: 700
}

.js-plumb-label.bottom-label {
    margin-top: 9px;
    color: #797979;
    font-weight: 700;
    text-shadow: -1px 1px 2px rgba(255, 255, 255, 1)
}

.notification_block .re-advanced {
    position: relative;
    float: right;
    color: #7c7c7c;
    width: 80px !important
}

.notification_block .re-advanced:hover {
    color: #FFF
}

.notification_block .re-advanced:after {
    position: absolute;
    content: 'Custom tag';
    top: 7px;
    bottom: 0;
    left: 0;
    right: 0
}

.decision-maker-block .decision-maker-item {
    margin-left: 100px;
    margin-bottom: 3px
}

.decision-maker-block .decision-maker-name {
    margin-right: 5px
}

.decision-maker-block .decision-maker-checkbox {
    margin-right: 8px
}

.stack-page {
    position: fixed !important;
    top: 42px;
    bottom: 0;
    right: 0;
    border-right: none;
    background-color: #FFF;
    -webkit-box-shadow: -3px 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: -3px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: -3px 3px 10px rgba(0, 0, 0, .2);
    z-index: 100;
    overflow: auto
}

.stack-page.page-animated {
    -webkit-transition-property: -webkit-transform, -webkit-left;
    transition-property: transform, left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease
}

.stack-page.pull-right {
    left: 100%
}

.stack-page.fixed-width {
    left: 520px
}

body.dashboard-hidden .stack-page.fixed-width {
    left: 300px
}

.stack-page.expand-page {
    left: 260px !important
}

body.dashboard-hidden .stack-page.expand-page {
    left: 0 !important
}

.stack-page.fluid-width.expand-page {
    width: 100% !important
}

.stack-page.page-hide {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%)
}

.stack-page.page-left {
    left: 260px
}

body.dashboard-hidden .stack-page.page-left {
    left: 0
}

.stack-page.page-left .resize-icon {
    display: none
}

.stack-page-header {
    position: absolute;
    line-height: 36px;
    background-color: #FFF;
    opacity: .8;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1055;
    overflow: hidden;
}

.page-actions {
    position: relative;
    width: auto;
    height: 100%;
    float: left;
    line-height: 40px;
    padding-left: 10px;
    white-space: nowrap;
    margin-right: 20px;
}

.stack-page .page-actions {
    z-index: 101;
}

.page-actions > * {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 2px;
    opacity: .6;
    text-align: center
}

.page-actions > :hover {
    opacity: .8
}

.page-actions [class^="rbc-icon-"],
.page-actions [class*="rbc-icon-"] {
    vertical-align: top;
    font-size: 16px;
    margin-right: 6px;
    opacity: .6
}

.stack-page-header .dashboard_title {
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #737373;
    font-size: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:auto;
    min-width:100%;

}

.page-actions a {
    text-decoration: none;
    color: #666;
}

.page-actions a:hover {
    opacity: .8;
    color: #666;
}

.mp-page-reopen {
    vertical-align: top;
    font-size: 19px;
    opacity: .6;
    margin-left: 3px;
    color: #666
}

@media (max-width: 1300px) {
    .stack-page.fixed-width {
        left: 260px
    }
}

.dataTables_length span.select {
    z-index: 0
}

.ajax-indicator {
    min-width: 16px;
    min-height: 16px;
    background-image: url(/img/ajax.gif) !important;
    background-position: center center;
    background-repeat: no-repeat
}

.ajax-indicator.hide-content:before {
    visibility: hidden
}

.ajax-indicator.with-text {
    margin-top: 2ex;
    background-position: left center;
    padding-left: 20px;
    opacity: .7
}

.navigable .ajax-indicator {
    background-position: 95% center
}

#access .ajax-indicator * {
    opacity: .2
}

.ajax-loading {
    background: url(/img/loader_button.gif) !important
}

.ajax-progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
}

.ajax-loading-text {
    background-color: #fff;
    color: #666;
    text-shadow: 0 0;
    border-radius: 2px;
    box-shadow: none;
    display: inline-block;
    padding: 2px;
    line-height: 12px;
    opacity: 0.9;
}

input.ajax-indicator {
    background-position: 96% center;
    background-color: #EFEFEF
}

.control-container .control-view.ajax-indicator {
    background-position: 99% 1ex;
    background-repeat: no-repeat
}

.rating {
    display: inline-block;
    margin-left: -4px
}

.rating .stripe, .rating .stripe-inverted {
    border-style: solid;
    border-width: 8px 0 8px 5px;
    border-color: transparent
}

.rating .stripe {
    border-left-color: #fff;
    position: relative;
    float: right;
    margin-right: 4px;
    background: #DDD
}

.rating .stripe .stripe-inverted {
    position: absolute;
    top: -8px;
    border-left-color: #DDD
}

.rating .stripe.absent {
    background: #DDD !important
}

.rating .stripe.absent .stripe-inverted {
    border-left-color: #DDD !important
}

.page-width {
    width: 100%;
    max-width: 650px
}

.big-page-width {
    width: 100%;
    max-width: 800px
}

.dm-wrapper {
    margin-bottom: 20px
}

.dm-label {
    float: left;
    width: 85px;
    color: #888
}

.dm-container {
    position: relative;
    margin-left: 100px
}

.dm-condition {
    vertical-align: middle;
    padding: 0 10px
}

.dm-cell {
    position: relative
}

.dm-condition-btn {
    font-weight: 400;
    padding: 4px;
    border-radius: 6px;
    cursor: pointer;
    line-height: 15px;
    background-color: #FFF;
    border: 1px solid #CCC
}

.dm-condition-btn:hover {
    background-color: rgba(252, 252, 252, 1);
}

.dm-condition-btn:before {
    font-family: 'rbc-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e17b";
    padding-right: 2px;
}

.dm-label-or {
    padding: 8px 0;
    text-align: center
}

.dm-label-and {
    padding: 0 10px;
    vertical-align: middle
}

.dm-group {
    height: 100%;
    border: 1px solid #BBB;
    border-radius: 4px;
    min-width: 100px;
    font-weight: 400;
    text-align: left;
    cursor: pointer
}

.dm-remove-group {
    position: absolute;
    right: -1px;
    top: -6px;
    cursor: pointer
}

.wysiwyg-tag-wrapper {
    position: absolute;
    right: 140px;
    top: 32px;
    max-width: 200px;
    padding: 5px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 2px 4px #ccc;
    z-index: 11;
}

.wysiwyg-tag-list {
    position: absolute;
    right: 0;
    max-width: 250px;
    max-height: 200px;
    padding: 5px 0;
    border: 1px solid #eee;
    background-color: #fff;
    z-index: 1054;
    overflow-y: auto;
    overflow-x: hidden;
}

.wysiwyg-tag-container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 3px;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
}
.wysiwyg-tag-label {
    cursor: pointer;
}

.wysiwyg-tag-item,
.wysiwyg-var-item {
    margin: 0 5px;
    cursor: pointer;
    padding: 3px
}

.wysiwyg-tag-item:hover,
.wysiwyg-var-item:hover {
    background-color: #F0F0F0
}

.gauge {
    text-align: center
}

.user-icon {
    border-radius: 5px
}

.user-card {
    height: auto;
    overflow: hidden
}

.user-card .user-card-box {
    display: inline-block;
    margin: 3px;
    border-left: 5px solid;
    width: 200px;
    padding: 2ex
}

.dataTable .user-card .user-card-box, .user-profile-page .user-card .user-card-box {
    padding: 0;
    border: 0;
    width: 100%;
    box-shadow: none
}

.user-card img {
    border-radius: 5px
}

.user-card a {
    text-decoration: none
}

.user-card a .user-name {
    text-decoration: underline;
    font-weight: 700
}

.user-card .user-location {
    color: #999
}

.user-card .user-position {
    color: #999;
    font-weight: 700
}

.user-card-left {
    width: 75px;
    float: left
}

.user-profile-page .user-card-left {
    width: 100px
}

.user-card-right {
    float: none;
    width: auto;
    overflow: hidden
}

.user-profile-page .user-card .user-name {
    font-size: 22px;
    line-height: 1;
    margin-bottom: .5ex;
    padding-bottom: .5ex;
    color: #777;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid silver
}

.user-card .user-skillometer {
    margin-top: 10px
}

.user-card .skill {
    width: 5px;
    height: 5px;
    margin-right: 1px;
    margin-bottom: 2px;
    background: #CCC;
    float: left
}

.user-profile-page .user-card .skill {
    width: 8px;
    height: 8px
}

table.program-people-user-rates {
    margin: 1ex auto
}

table.program-people-user-rates input {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

table.program-people-user-rates th {
    text-align: left;
    color: #AAA;
    font-weight: 400
}

table.program-people-user-rates td, table.program-people-user-rates th {
    padding: 4px
}

table.program-people-user-rates th {
    border-bottom: 1px solid #CCC;
    font-size: 11px
}

.input::-webkit-input-placeholder {
    color: #CCC
}

.input:-moz-placeholder, .input:-ms-input-placeholder {
    color: #CCC
}

.border, table.border > tbody > tr > *, table.border > tfoot > tr > *, table.border > thead > tr > *, table.border > tr > td {
    border: 1px solid red
}

.datepicker:after{
    position: absolute;
    content: 'A';
    top: 0;
    left: 0;
}

.issues-count {
    display: block;
    font-size: 11px;
    line-height: 12px;
    height: 12px;
    padding: 1px 4px;
    min-width: 13px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    color: #737373;
    background: #f0f0f0;
}

.tab-hint {
    display: none
}

.tab-active .tab-hint {
    display: block
}

.selected-dashboard-step {
    background: #f4f4f4
}

.system {
    opacity: .7
}

.hidden-button-for-enter-to-submit-the-form {
    position: absolute;
    left: -10000px
}

.buttons-prev-next {
    display: inline-block;
}

.buttons-prev-next .button {
    vertical-align: middle;
}

.buttons-prev-next .button[href='#'] {
    background: #f3f3f3 !important;
    color: #d8d8d8 !important;
    border-color: #e2e2e2 !important
}

.item-id-link {
    font-size: 85%
}

.task-tag {
    margin-right: .5ex
}

.task-color-square {
    display: inline-block;
    width: 10px;
    height: 10px
}

.workflow-controls {
    text-align: center;
    position: relative;
}

.workflow-controls::-webkit-scrollbar {
    -webkit-appearance: none
}

.workflow-controls::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(128, 128, 128, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.workflow-controls::-webkit-scrollbar:horizontal {
    height: 6px
}

.typeahead_box {
    position: absolute;
    z-index: 95;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, .45);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, .45);
    box-shadow: 0 2px 5px rgba(50, 50, 50, .45);
    border-radius: 3px;
    max-height: 300px;
    width: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.typeahead_box table {
    text-align: left;
    width: 100%;
}

.typeahead_box td{
    box-sizing: border-box;
}

.typeahead_box table tr.dt-category-header {
    border-top: 1px solid #DFDFDF;
    color: #B2B2B2;
    line-height: 22px;
    text-transform: capitalize;
    text-indent: 5px;
}

.typeahead_box table tr.dt-category-header:first-child {
    border-top: 0;
}

.typeahead_box table tr.dt-category-header td {
    padding-top: 3px;

}

.typeahead_box table td.search-category {
    color: #c6c6c6;
    padding-left: 5px;
    padding-right: 5px
}

.typeahead_box table td.search-item {
    font-weight: 100;
    color: #636363;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.typeahead_box table tr.hover, .typeahead_box table tr:hover {
    background: #529AD5;
}

.typeahead_box table tr.hover td.search-item, .typeahead_box table tr:hover td.search-item {
    color: #fff;
}

.typeahead_box table tr.dt-category-header.hover, .typeahead_box table tr.dt-category-header:hover {
    background: #f9f9f9;
}

.hovered-upload-area > * {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.hovered-upload-area:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px dashed #000;
    background: #eaeeff !important;
    z-index: 500;
    opacity: .4;
    pointer-events: none;
}


.hovered-upload-area:after {
    position: absolute;
    content: 'Drop files here';
    color: #999;
    text-align: center;
    vertical-align: middle;
    font-size: 38px;
    top: 50%;
    margin-top: -9px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 501;
    pointer-events: none;
}

.page-item .hovered-upload-area:after {
    font-size: 20px;
}

.task-rows.hovered-upload-area:after {
    font-size: 19px;
}

.file-upload-progressbar {
    position: absolute;
    opacity: .5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -ms-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
    background: #bae0ff !important
}

.file-preview, .image-preview {
    position: relative;
    display: inline-block
}

.image-preview .button {
    position: absolute;
    right: 0
}

.task-progress {
    border: 1px solid;
    border-color: #BBB #DDD #DDD #BBB;
    border-radius: 13px;
    padding: 1px;
    width: 50px;
    display: inline-block
}

.task-progress-finished {
    width: 40%;
    height: 5px;
    border-radius: 10px
}

.entity-type-icon span {
    display: inline-block
}

#activity {
    height: 100%;
    background: #F3F3F3;
    border-right: 1px solid #CCC
}

#activity.size-1 {
    width: 258px
}

#activity.size-2 {
    width: 350px
}

#activity.size-3 {
    width: 480px
}

#activity .activity_indent {
    margin: 10px
}

#activity .activity_messages {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #CCC
}

#activity .activity_message {
    border-bottom: 1px solid #CCC;
    padding: 1ex 2ex;
    border-top: 1px solid #FFF
}

#activity .activity_message > * {
    opacity: .5
}

#activity .activity_message.unread > * {
    opacity: 1
}

#activity h3.thin + h3 {
    border-top: 1px solid #CCC
}

#activity h3.thin {
    font-size: 18px;
    font-weight: 700;
    color: #666;
    text-shadow: 1px 1px #FFF;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .05) 100%);
    padding: 1ex;
    border-top: 1px solid #F3F3F3;
    margin: 4ex 0 0
}

#activity hr {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
    height: 0;
    margin: 0
}

#activity h3 .icon {
    cursor: pointer;
    margin-right: 12px !important
}

#activity h3 .icon.icon-last {
    margin: 0 6px !important
}

.ff-fix {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto
}

.bold {
    font-weight: 700
}

.featured-image {
    text-align: center
}

img.f-img {
    margin: 1ex auto;
    max-width: 100%
}

img {
    -webkit-transition: -webkit-filter 1s ease, opacity 1s ease;
    -moz-transition: -moz-filter 1s ease, opacity 1s ease;
    -ms-transition: -ms-filter 1s ease, opacity 1s ease;
    -o-transition: -o-filter 1s ease, opacity 1s ease;
    transition: filter 1s ease, opacity 1s ease
}

.image-reloading img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

#right-menu .definition.inline {
    padding-left: 70px
}

#right-menu .definition.inline > dt {
    margin-left: -70px;
    width: 70px;
    color: #555
}

#right-menu .definition.inline > dd {
    font-style: normal
}

#right-menu .definition.not-finished.inline > dt, .not-finished {
    color: #AAA !important;
    text-shadow: 1px 1px 0 #FFF
}

.sticky-header {
    position: fixed;
    overflow: hidden;
    z-index: 1
}

.sticky-header table {
    background-color: #fff
}

.sticky-table-for-shifting {
    position: absolute;
    left: 0;
    top: 0
}

.context-menu-root {
    z-index: 200 !important
}

.dev_only_session_countdown {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 9px
}

td.middle {
    vertical-align: middle
}

.awesome-colorpicker.sp-replacer {
    border: none;
    background: 0 0;
    color: #666;
    padding: 0;
    min-width: 20px
}

.awesome-colorpicker .sp-dd {
    font-size: 12px;
    line-height: 12px
}

.awesome-colorpicker .sp-preview {
    border: none;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background-image: none
}

.awesome-colorpicker .sp-preview, .awesome-colorpicker .sp-preview .sp-preview-inner {
    border-radius: 3px
}

.awesome-colorpicker .sp-preview .sp-preview-inner {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .4), inset -1px -1px rgba(0, 0, 0, .15);
    transition: background-color .5s ease-out
}

.awesome-colorpicker .sp-preview .sp-preview-inner.sp-clear-display {
    box-shadow: none !important;
    opacity: .5
}

#main-wf-container {
    margin-top: -20px
}

.expanded-content-deferred {
    margin-top: 10px
}

span.tag.time-block {
    font-size: 12px
}

.timecard-table td {
    vertical-align: middle
}

.iphone-switch-slider-on-money {
    left: 0;
    width: 16px;
    background: url(iphone-switch/on-money.svg) 100% 3px no-repeat #AAFF9C
}

.iphone-switch-check:checked + .iphone-switch-label .iphone-switch-slider-on-money {
    width: 44px
}

.iphone-switch-slider-off-money {
    right: 0;
    background: url(iphone-switch/off-money.svg) 30px 3px no-repeat #d3d3d3
}

.workload-table {
    width: 100%;
}

.workload-table td {
    position: relative
}

.workload-cell {
    position: relative;
    height: 14px
}

.workload-cell .workload-placeholder {
    pointer-events: none;
}

.workload-week-label {
    text-align: center;
    color: #999;
    font-size: 12px;
}

.workload-placeholder {
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    height: 6px;
    background-color: #F1F1F1;
    border-radius: 2px
}

.workload-cell.expanded .workload-placeholder {
    background-color: #fff;
}

.task-workload-placeholder {
    width: 40px;
    top: 0;
    left: 0;
    height: 3px;
    position: relative
}

li.is_not_handleable > .page-item-inside > table > tbody > tr > td > .task-workload-placeholder {
    background-color: #ddd
}

.task-workload-done {
    position: absolute;
    left: 0;
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #5bcfff
}

.overloaded .task-workload-done {
    background-color: #c7423f
}

.task-workload-estimated {
    position: absolute;
    left: 0;
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255, 234, 187, .82)
}

.overloaded .task-workload-estimated {
    background-color: #ffe2d4
}

.task-workload-scheduled {
    position: absolute;
    left: 0;
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #FFCB6C
}

.overloaded .task-workload-scheduled {
    background-color: #ffc0a4
}

.task-workload-confirmed {
    position: absolute;
    left: 0;
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #A8E24B
}

.overloaded .task-workload-confirmed {
    background-color: #ff795a
}

.week-workload .workload-placeholder {
    left: 2px;
    right: 2px;
    top: 0;
    bottom: 0;
    height: auto
}

.workload-placeholder .workload-soft-scheduled {
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #bbd7e7
}

.workload-placeholder .workload-hard-scheduled {
    float: left;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #5fa0c7
}

.week-workload .workload-placeholder .workload-hard-scheduled {
    background-color: #2e76c7
}

.workload-placeholder.overloaded .workload-soft-scheduled {
    background-color: #e7b9b9
}

.workload-placeholder.overloaded .workload-hard-scheduled {
    background-color: #c7423f
}

.workload-confirmed {
    height: 100%;
    margin-left: 2px;
    background: url(/img/square2.png) left center repeat-x
}

.user-workload-row > td {
    padding-top: 2px
}

.attach-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    background: #ebebeb;
    bottom: 0
}

.item-time-ago {
    color: #999;
    font-size: 9px;
    line-height: 16px;
    padding: 0 2px;
    vertical-align: 1px
}

.dependencies-item-state {
    width: auto !important;
    font-size: 9px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0 2px;
    vertical-align: 1px
}

.task-progress-legend {
    font-size: 10px;
    line-height: 16px;
    padding: 0 2px;
    vertical-align: 1px
}

.margin-top-12 {
    margin-top: 12px
}

.greyed {
    background-color: #efefef
}

.greyed .workload-placeholder {
    background-color: #dedede
}

.greyed .fc-last {
    background-color: #efefef
}

.right-menu-inner {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 300px;
    padding: 12px;
    background: #EEE;
    z-index: 110;
    height: 100%
}

.week-navigation {
    margin-bottom: 10px
}

#cron-info {
    padding-left: 5px;
    font-size: 10px
}

.no-padding {
    padding: 0 !important
}

.wf-details-wrapper li {
    white-space: normal
}

.orange-bg .dt-small {
    color: #fff
}

div.search-filter-tag {
    background: 0 0
}

.search-filter-tag .key-label {
    background: #B5B5B5;
    padding: 1px 7px 2px 10px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    text-shadow: 0 0 white, 0 -1px #777;
    position: relative;
}

.search-filter-tag .operator-label {
    background: #B5B5B5;
    padding: 1px 7px 2px 0px;
    text-shadow: 0 0 white, 0 -1px #444;
    position: relative
}

.search-filter-tag .value-label {
    margin-left: 1px;
    color: #737373;
    background: #F3F3F3;
    padding: 1px 10px 2px 4px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    position: relative
}

.search-filter-tag .value-label:after {
    font-weight: 700;
    position: absolute;
    background: #eee;
    border-radius: 8px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 10px;
    display: inline-block;
    content: "x";
    color: #434343;
    border: 1px solid #dedede;
    opacity: 0;
    top: 0;
    right: 0
}

.search-filter-tag:hover {
    cursor: pointer
}

.search-filter-tag:hover .key-label, .search-filter-tag:hover .value-label, .search-filter-tag:hover .operator-label {
    opacity: .6
}

.search-filter-tag:hover .value-label:after {
    opacity: 1
}

.pin-icon {
    content: url(/img/icons/pin.svg);
    width: 16px;
    height: 16px
}

.text-align-center {
    text-align: center
}

.search-item-block {
    overflow: hidden;
}

.search-item-block > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.search-item-block .tile-item-name {
    margin-right: 25px;
    border-bottom:1px solid #ededed;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

.search-item-block .tile-open-in-context {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    background-color: #F9F9F9;
    color: #7E7E7E;
}

.search-item-block .tile-open-in-context:before {
    line-height: 28px;
}

.search-item-block table {
    height: 100%;
    background: #f9f9f9;
    width: 100%;
}

.search-item-block .tile-image {
    width:50%;
    background-size: 80%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.search-item-block .tile-item-info {
    padding: 5px;
}

.program-tile .tile-item-info,
.client-tile .tile-item-info,
.user-tile .tile-item-info {
    padding-top: 10px;
}

.search-item-image {
    background: no-repeat center/100% 100%
}

.tabs-hint {
    max-width: 560px
}

.blockquote {
    padding: 0 20px;
    line-height: 1.3;
    position: relative;
    color: #969696;
    border-left: 1px #dedede solid;
}

.blockquote:before {
    display: block;
    content: "\201C";
    font-size: 25px;
    position: absolute;
    left: 6px;
    top: -4px;
    color: #7a7a7a;
    overflow: hidden
}

.blockquote cite {
    color: silver;
    font-size: 13px;
    display: block
}

.blockquote cite:before {
    content: "\2014 \2009";
    overflow: hidden
}

[class^=activity-icon-] {
    width: 20px;
    height: 20px !important;
    background-size: 100%;
    background-position: center;
    display: inline-block;
    cursor: pointer
}

.activity-icon-type-everything {
    background-image: url(/img/icons/activity-icon-earth-30pct.png);
    background-repeat: no-repeat
}

.activity-counter {
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding-left: 3px;
    padding-right: 0;
    top: -7px;
    left: -4px;
    position: relative
}

.activity-icon-type-action-required {
    background-image: url(/img/icons/activity-icon-required-30pct.png);
    background-repeat: no-repeat
}

.activity-icon-type-change {
    background-image: url(/img/icons/activity-icon-gear-30pct.png);
    background-repeat: no-repeat
}

.activity-icon-type-workflow {
    background-image: url(/img/icons/activity-icon-required-30pct.png);
    background-repeat: no-repeat
}

.activity-icon-type-comment {
    background-image: url(/img/icons/activity-icon-chats-30pct.png);
    background-repeat: no-repeat
}

.activity-icon-type-worklog-no-risk {
    background-image: url(/img/clock.png);
    background-repeat: no-repeat;
    background-size: inherit;
    opacity: .5
}

.activity-icon-type-worklog-high-risk, .activity-icon-type-worklog-low-risk {
    background-image: url(/img/clock.png);
    background-repeat: no-repeat;
    background-size: inherit;
    opacity: .5;
    position: relative;
    top: -8px;
    left: -4px;
    width: 21px
}

.activity-icon-type-worklog-high-risk:before {
    display: inline-block;
    font-weight: bolder;
    font-style: normal;
    line-height: .42;
    font-size: .6em;
    content: '\H';
    position: relative;
    margin-left: 4px;
    top: 6px;
    left: 15px;
    opacity: 1
}

.activity-icon-type-worklog-low-risk:before {
    display: inline-block;
    font-weight: bolder;
    font-style: normal;
    line-height: .42;
    font-size: .6em;
    content: '\N';
    position: relative;
    margin-left: 4px;
    top: 6px;
    left: 15px;
    opacity: 1
}

.activity-icon-type-attachment {
    background-image: url(/img/attachment.png);
    background-repeat: no-repeat;
    background-size: inherit;
    opacity: .5
}

.activity-filter-wrapper {
    margin-left: 5px;
    width: 16px;
    height: 20px;
    display: initial
}

.activity-filter-wrapper.current {
    border-bottom: 1px #62bdf5 solid
}

.activity-counter-wrapper {
    display: inline-block;
    top: -6px;
    position: relative
}

.subscription-group-1 {
    background-color: #FEE !important;
    text-align: center
}

.subscription-group-2 {
    background-color: #FFFCF2 !important;
    text-align: center
}

.subscription-group-3 {
    background-color: #ECFFF8 !important;
    text-align: center
}

.subscription-group-4 {
    background-color: #fff !important;
    text-align: center
}

.as-link {
    color: #6d84b4
}

.as-link:hover {
    text-decoration: underline
}

ul.decision-options-list {
    list-style-type: inherit;
    margin-left: 15px !important
}

li.decision-option-item {
    padding-top: 3px;

}

li.decision-option-item:last-of-type {
    padding-bottom: 3px;
}

li.decision-option-item .tag {
    margin-right: 4px;
}

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

.access-search-input {
    width: 80%
}

.access-search-button {
    top: 0;
    height: 24px
}

.search-container {
    z-index: 10;
    top: 2px
}

.fb-button {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    position: relative;
    text-align: center;
    text-transform: none;
    padding: 2px 7px;
    font-size: 13px;
    box-sizing: content-box;
    min-width: 6px;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: padding-box;
    border-radius: 1px;
    -webkit-appearance: none;
    background-position: center center !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.users-schedule-table {
    border-collapse: initial;
}

.border-collapse-initial {
    border-collapse: initial;
}

.font16 {
    font-size: 16px;
}

.money-currency-info {
    margin-bottom: 5px;
    font-style: italic;
    color: #97979D;
}

.money-controls .button,
.money-controls .select {
    margin-bottom: 3px;
    color: #97979D;
}

.width-60 {
    width: 60px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_time:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option:hover{
    color: #666 !important;
    background: #FAFAFA !important;
}

div.xdsoft_datetimepicker {
    color: #666 !important;
    font-family: Arial, Helvetica, sans-serif;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_time,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option{
    font-size: 13px;
}

.green-btn{
    background-color: rgba(153, 198, 36, 1);
    border-color: #8CAE34;
    color: #fff;
    font-weight: 200;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);

}

.red-btn{
    background-color: rgba(237, 104, 51, 1);
    border-color: #D06238;
    color: #fff;
    font-weight: 200;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);

}

.main-menu-buttons a {
    text-decoration: none;
}

.main-menu-buttons span:before {
    top: 3px;
    position: relative;
    font-size: 21px;
}

.rbc-icon-menu-back-arrow {
    margin-right: 5px;
}

.rbc-icon-menu-back-arrow:before {
    position: relative;
    top: 2px;
}

.standard-tabs ul.tabs {
    height: 32px;

}

.drop-down span:hover {
    background-color: #E8E8E8;
}

.drop-down span.selected:hover {
    background-color: #54a4e1;
    border-color: #509bd4
}

.info-icon:before {
    opacity: .6;
    font-size: 14px;
}

.no-text-decoration {
    text-decoration: none !important;
}

.item-duration .rbc-icon-clock:before {
    position: relative;
    top: 2px;
    left: -2px;
}

.button[class^="rbc-icon-"],
.button[class*=" rbc-icon-"] {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
    padding-left: 9px;
}

.button[class^="rbc-icon-"]:before,
.button[class*=" rbc-icon-"]:before {
    margin: 0;
    position: relative;
    font-size: 12px;
    top: 2px;
    margin-right: 1px;
}

#modals .control-edit span {
    word-wrap: break-word;
}

path.level-progress-stroke {
    stroke-width: 3;
    stroke-opacity: 1;
    fill: none;
    stroke: rgb(174, 174, 174);
    stroke-dasharray: 10, 1;
}

path.level-progress-done-stroke {
    stroke-width: 3;
    fill: none;
    stroke: rgb(104, 196, 242);
}

.header-user-level {
    float: left;
    line-height: 30px;
    margin-right: -4px;
    color: #F0BC35;
}

.header-user-stat-placeholder {
    float: left;
    height: 30px;
    margin-top: -1px;
}

.header-user-stat-line {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    color: #999;
}

.header-user-stat-line-label {
    float: left;
    width: 40px;
    font-variant: small-caps;
    color: #9E9E9E;
}

.header-user-stat-line-data {
    float: left;
}

.user-linear-progress-line-placeholder {
    stroke: rgb(174, 174, 174);
    stroke-width: 6;
    stroke-dasharray: 6, 2;
}

.user-linear-progress-line {
    stroke: rgb(104, 196, 242);
    stroke-width: 6;
    stroke-dasharray: 6, 2;
}

.user-linear-progress-line.red {
    stroke: rgb(207, 85, 58);
}

.button-group {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    font-size: 0;
}

.button-group > .button {
    border-radius: 0;
    margin-left: -1px;
}

.button-group > .active {
    border: 1px solid #d8d8d8;
}

.button-group > .button:first-child {
    margin-left: 0;
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.button-group > .button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.button-group input[type="checkbox"], .button-group input[type="radio"] {
    display: none;
}

.line-height-80 {
    line-height: 80px;
}

.mp-money-wrapper table td,
.money-wrapper table td {
    white-space: nowrap;
}

.Ractive {
    display: none;
}

path.icn-favorite {
    stroke: rgb(0, 0, 0);
    stroke-width: 1;
    fill-opacity: 0;
}

.sp-toggle-favorite.active path.icn-favorite {
    stroke: rgb(240, 141, 4);
    stroke-width: 1;
    fill-opacity: 1;
    fill: #FFCF03;
}

.user-info-wrapper {
    display:inline-block;
    vertical-align:top;
    max-width:300px;
}

.user-name-container {
    white-space: nowrap;
    cursor:pointer;
}

.user-avatar {
    display: inline-block;
}

.user-avatar img {
    vertical-align: top;
}

.timer-smart-time {
    color: #737373;
    font-size: 12px;
    padding-right: 10px;
}

.timer-money, .timer-money > small {
    color: #737373;
    font-size: 12px;
}

.wf-option:before {
    font-size: 11px;
    position: relative;
    top: 1px;
    margin-right: 2px;
    color: #fff;
}

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

.very-big-text {
    font-size: 35px;
}

.money-tab-big-label {
    min-width: 110px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left
}

.money-tab-big-value {
    font-size: 35px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    min-width:120px;
    padding-right: 15px;
}

.money-tab-small-value {
    font-size: 15px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 15px;
    min-width:120px;
    padding-right: 15px;
}

.mp-money-wrapper .money-tab-big-value {

}

.mp-money-wrapper table.qr-headers tr:nth-child(even) {
    background: inherit;
}

.tile-footer {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.icn-favorite-wrapper {
    margin-bottom:-1px;
    opacity: .6;
}

.history-table-label {
    text-transform: lowercase;
    font-variant: small-caps;
    color: #bbb;
    padding-left: 3px;
    padding-right: 3px;
}

.lowercase {
    text-transform: lowercase;
}

.login-history-table {
    font-size: 11px;
    line-height: 13px;
}

td.td-small {
    font-size: 11px;
    line-height: 13px;
}

.min-width-100 {
    min-width: 100px !important;
}

.width-90 {
    width: 90px;
}

.width-300 {
    width: 300px;
}

.small-caps {
    font-variant: small-caps
}

.entity-name {
    font-weight: 700;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    color: #737373;
    font-size: 24px;
}

.entity-controls__navigation {
    display: inline-block;
    margin-right: 10px;
    margin-top: 4px;
}

.entity-controls__edit {
    display: inline-block;
    margin-right: 10px;
    margin-top: 4px;
}

.entity-controls__appointment {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 4px;
}

.entity-controls__workflow {
    display: inline-block;
    position: relative;
    margin-top: 4px;
}

.entity-name__textarea {
    font-size: 24px;
    line-height: 32px !important;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2px !important;
}

.entity-name__editable:hover {
    background-color: #f9f9f9;
}

.tab-header-text {
    display: none;
}

.tc-layout__first-column-expanded .tab-header-text {
    display: inline-block;
}

.formula-example {
    padding: 4px 0;
    font-weight: bold;
}
.sp__form-wrapper{
    width: 500px;
    padding-right:20px;
}

button.button.expand-chart {
    position: absolute;
    right: 20px;
    top: 18px;
    padding: 0;
    border: 0;
    z-index: 1;
}
button.button.expand-chart:before {
    font-size: 18px;
}


/**/
/**/
/**/
/**/
/*Important global styles*/
/*TODO move to scss*/
/**/
/**/
/**/
/**/
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.sla-time-icon:before {
    font-size: 14px;
    position: relative;
    top: 1px;
}


.add__task-description .redactor-editor {
    padding:10px;
}

.card-config-priority {
    padding-top: 2px;
    padding-left: 2px;
}

.dp-week-selected td.dp-checked:first-of-type:before {
    font-family: "rbc-icons";
    content: '\e171';
    text-align: center;
    font-size: 14px;
    width: 26px;
    height: 26px;
    color: #3B99FC;
    left: -3px;
    margin-top: -3px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

.dp-week-selected td.dp-checked:last-of-type:before {
    font-family: "rbc-icons";
    content: '\e16f';
    text-align: center;
    font-size: 14px;
    width: 26px;
    height: 26px;
    color: #3B99FC;
    right: -8px;
    margin-top: -3px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

.cal-square {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}

tr:nth-of-type(3) .cal-square.week-selected:before {
    width: 0;
    position: absolute;
    margin-top: -16px;
    content: " ";
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #83CFFB;
}

.cal-day-square {
    font-size: 9px;
    line-height: 10px;
    width: 13px;
    vertical-align: middle;
    color: #C4C4C4;
}

.cal-month-square {
    font-size: 12px;
    line-height: 13px;
    color: #C4C4C4;
    padding-bottom: 3px;
}

select {
    min-width: 40px;
}

.instance-changer {
    background: #E8E8E8;
    border: 0;
    text-transform: uppercase;
    font-size: 10px;
    width: 90px;
    color: #7c7c7c;
    margin-bottom: 0;
}

.system-cp-button {
    line-height: 12px;
    height: 12px;
    padding: 3px;
    font-size: 10px;
    float: right;
}

.sys-info-row {
    line-height: 22px;
}

.customPaymentButton {
    float: right;
    background-color: #83CFFB;
    color: #fff;
    border-color: #73bbe3
}

.lightblue {
    color: #83CFFB;
}

.save-hidden .save-button {
    display: none;
}

.new-inst-button {
    font-size: 12px;
    line-height: 15px;
    font-variant: small-caps;
    padding-top: 7px;
    color: #8E8E8E;
    vertical-align: middle;

}

.new-inst-button.blinking {
    -webkit-animation: pulsate 1s linear 1s infinite alternate;
    animation: pulsate 1s linear 1s infinite alternate;

}

.new-inst-button:hover {

    color: #CCCCCC;
    -webkit-animation: none;
    animation: none;

}

@-webkit-keyframes pulsate {
    0% {
        color: #737373;
    }
    50% {
        color: #ff7459;
    }
    100% {
        color: #737373;
    }
}

@keyframes pulsate {
    0% {
        color: #737373;
    }
    50% {
        color: #ff7459;
    }
    100% {
        color: #737373;
    }
}