edge css

gistfile1.txt

/* normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

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

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

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

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

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

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

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

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

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica-,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #428bca;
    text-decoration: none
}

a:hover,a:focus {
    color: #2a6496;
    text-decoration: underline
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

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

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16.1px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted {
    color: #999
}

.text-primary {
    color: #0093db
}

.text-warning {
    color: #c09853
}

.text-danger {
    color: #b94a48
}

.text-success {
    color: #468847
}

.text-info {
    color: #3a87ad
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Helvetica Neue",Helvetica-,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999
}

h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,h2 small,h3 small {
    font-size: 65%
}

h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,h5 small,h6 small {
    font-size: 75%
}

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

h2,.h2 {
    font-size: 30px
}

h3,.h3 {
    font-size: 24px
}

h4,.h4 {
    font-size: 18px
}

h5,.h5 {
    font-size: 14px
}

h6,.h6 {
    font-size: 12px
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,ul ol,ol ul,ol ol {
    margin-bottom: 0
}

.list-unstyled,.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px
}

dt,dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .dl-horizontal dd:before,.dl-horizontal dd:after {
        content: " ";
        display: table
    }

    .dl-horizontal dd:after {
        clear: both
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

blockquote p {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote small {
    display: block;
    line-height: 1.42857;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right p,blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small:before {
    content: ''
}

blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

q:before,q:after,blockquote:before,blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

code,pre {
    font-family: Monaco,Menlo,Consolas,"Courier- New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre.prettyprint {
    margin-bottom: 20px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

@media (min-width: 768px) {
    .container {
        max-width: 750px
    }

    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px
    }

    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }

    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table thead>tr>th,.table thead>tr>td,.table tbody>tr>th,.table tbody>tr>td,.table tfoot>tr>th,.table tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed thead>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>th,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>th,.table-condensed tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    float: none;
    display: table-column
}

table td[class*="col-"],table th[class*="col-"] {
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
    border-color: #c9e2b3
}

.table>thead>tr>td.danger,.table>thead>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th {
    background-color: #f2dede;
    border-color: #eed3d7
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
    border-color: #e6c1c7
}

.table>thead>tr>td.warning,.table>thead>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
    border-color: #fbeed5
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
    border-color: #f8e5be
}

@media (max-width: 768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0;
        background-color: #fff
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

select[multiple],select[size] {
    height: auto
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    height: auto
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle
}

.form-control:-moz-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6)
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.radio,.checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle
}

.radio label,.checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.radio+.radio,.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],fieldset[disabled] input[type="checkbox"],.radio[disabled],fieldset[disabled] .radio,.radio-inline[disabled],fieldset[disabled] .radio-inline,.checkbox[disabled],fieldset[disabled] .checkbox,.checkbox-inline[disabled],fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm {
    height: auto
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 45px;
    line-height: 45px
}

textarea.input-lg {
    height: auto
}

.has-warning .help-block,.has-warning .control-label {
    color: #c09853
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e
}

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3
}

.has-error .help-block,.has-error .control-label {
    color: #b94a48
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
}

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede
}

.has-success .help-block,.has-success .control-label {
    color: #468847
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
}

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8
}

.form-control-static {
    margin-bottom: 0;
    padding-top: 7px
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group,.navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control,.navbar-form .form-control {
        display: inline-block
    }

    .form-inline .radio,.navbar-form .radio,.form-inline .checkbox,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],.navbar-form .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"],.navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0
    }
}

.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

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

.btn:hover,.btn:focus {
    color: #333;
    text-decoration: none
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #d8d8d8;
    border-color: #ccc
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .btn-default.dropdown-toggle {
    color: #333;
    background-color: #c4c4c4;
    border-color: #adadad
}

.btn-default:active,.btn-default.active,.open .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {
    background-color: #d8d8d8;
    border-color: #ccc
}

.btn-primary {
    color: #fff;
    background-color: #0093db;
    border-color: #0082c2
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0078b2;
    border-color: #005984
}

.btn-primary:active,.btn-primary.active,.open .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active {
    background-color: #0093db;
    border-color: #0082c2
}

.btn-warning {
    color: #fff;
    background-color: #a02a5c;
    border-color: #8c2550
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #802249;
    border-color: #5b1835
}

.btn-warning:active,.btn-warning.active,.open .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
    background-color: #a02a5c;
    border-color: #8c2550
}

.btn-danger {
    color: #fff;
    background-color: #e43436;
    border-color: #e11e20
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d31c1e;
    border-color: #ab1718
}

.btn-danger:active,.btn-danger.active,.open .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active {
    background-color: #e43436;
    border-color: #e11e20
}

.btn-success {
    color: #fff;
    background-color: #61a72f;
    border-color: #559329
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #4f8726;
    border-color: #3a631c
}

.btn-success:active,.btn-success.active,.open .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active {
    background-color: #61a72f;
    border-color: #559329
}

.btn-info {
    color: #fff;
    background-color: #5d1e86;
    border-color: #4f1971
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #461765;
    border-color: #2c0e3f
}

.btn-info:active,.btn-info.active,.open .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {
    background-color: #5d1e86;
    border-color: #4f1971
}

.btn-link {
    color: #428bca;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0
}

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

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent
}

.btn-link:hover,.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none
}

.btn-lg,.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm,.btn-group-sm>.btn,.btn-xs,.btn-group-xs>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,.btn-group-xs>.btn {
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

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

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: ""
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #0093db
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #0093db
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #999
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImage-transform@mixin Microsoft.gradient(enabled = false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        float: right
    }
}

.btn-default .caret {
    border-top-color: #333
}

.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret {
    border-top-color: #fff
}

.dropup .btn-default .caret {
    border-bottom-color: #333
}

.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret {
    border-bottom-color: #fff
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group>.btn:focus,.btn-group-vertical>.btn:focus {
    outline: none
}

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

.btn-toolbar:before,.btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn-group {
    float: left
}

.btn-toolbar>.btn+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn-group+.btn-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle,.btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret,.btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret,.dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified .btn {
    float: none;
    display: table-cell;
    width: 1%
}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control .input-lg,.input-group-lg>.input-group-addon .input-lg,.input-group-lg>.input-group-btn>.btn .input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.input-group-lg>.form-control select.input-lg,.input-group-lg>.input-group-addon select.input-lg,.input-group-lg>.input-group-btn>.btn select.input-lg {
    height: 45px;
    line-height: 45px
}

.input-group-lg>.form-control textarea.input-lg,.input-group-lg>.input-group-addon textarea.input-lg,.input-group-lg>.input-group-btn>.btn textarea.input-lg {
    height: auto
}

.input-group-sm>.form-control .input-sm,.input-group-sm>.input-group-addon .input-sm,.input-group-sm>.input-group-btn>.btn .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm>.form-control select.input-sm,.input-group-sm>.input-group-addon select.input-sm,.input-group-sm>.input-group-btn>.btn select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm>.form-control textarea.input-sm,.input-group-sm>.input-group-addon textarea.input-sm,.input-group-sm>.input-group-btn>.btn textarea.input-sm {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -4px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:active {
    z-index: 2
}

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

.nav:before,.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #999
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eee;
    border-color: #428bca
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

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

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

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

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 5px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #0093db
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tabbable:before,.tabbable:after {
    content: " ";
    display: table
}

.tabbable:after {
    clear: both
}

.tab-content>.tab-pane,.pill-content>.pill-pane {
    display: none
}

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

.nav .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca
}

.nav a:hover .caret {
    border-top-color: #2a6496;
    border-bottom-color: #2a6496
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:before,.navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:before,.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before,.navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -15px
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }

    .navbar-collapse .navbar-text:last-child {
        margin-right: 0
    }
}

.container>.navbar-header,.container>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,.container>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    z-index: 1030;
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    max-height: 50px
}

.navbar-brand:hover,.navbar-brand:focus {
    text-decoration: none
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: -7.5px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left
    }

    .navbar-right {
        float: right
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-text {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        margin-left: 15px;
        margin-right: 15px
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e6e6e6
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #999
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .navbar-nav>li>a {
    color: #999
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #999;
    border-bottom-color: #999
}

.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
    background-color: #eee
}

.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0093db;
    border-color: #0093db;
    cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label[href]:hover,.label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.label-default {
    background-color: #999
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: gray
}

.label-primary {
    background-color: #0093db
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #0071a8
}

.label-success {
    background-color: #61a72f
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #4a7f24
}

.label-info {
    background-color: #5d1e86
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #40155c
}

.label-warning {
    background-color: #a02a5c
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #781f45
}

.label-danger {
    background-color: #e43436
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #ca1b1d
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.btn .badge {
    position: relative;
    top: -1px
}

a.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #428bca;
    background-color: #fff
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #0093db;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #61a72f
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5d1e86
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #a02a5c
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #e43436
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #0093db;
    border-color: #0093db
}

.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
    color: #a8e2ff
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-body {
    padding: 15px
}

.panel-body:before,.panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-width: 1px 0
}

.panel>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel>.list-group .list-group-item:last-child {
    border-bottom: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.table {
    margin-bottom: 0
}

.panel>.panel-body+.table {
    border-top: 1px solid #ddd
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #0093db
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0093db;
    border-color: #0093db
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #0093db
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #0093db
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-warning {
    border-color: #fbeed5
}

.panel-warning>.panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #fbeed5
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #fbeed5
}

.panel-danger {
    border-color: #eed3d7
}

.panel-danger>.panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #eed3d7
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #eed3d7
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

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

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #356635
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #2d6987
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853
}

.alert-warning hr {
    border-top-color: #f8e5be
}

.alert-warning .alert-link {
    color: #a47e3c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-danger hr {
    border-top-color: #e6c1c7
}

.alert-danger .alert-link {
    color: #953b39
}

.modal-open {
    overflow: hidden
}

body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom {
    margin-right: 15px
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

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

.modal-footer:after {
    clear: both
}

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

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

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

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

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

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

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

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

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

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

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

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

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

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

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 400px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow,.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px
}

.popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25)
}

.popover.right .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px
}

.popover.bottom .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25)
}

.popover.left .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width:device-width
}

@media screen and (max-width: 400px) {
@    -ms-viewport {
        width: 320px
    }
}

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

.visible-xs {
    display: none !important
}

tr.visible-xs {
    display: none !important
}

th.visible-xs,td.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm,td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md,td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg,td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm {
    display: none !important
}

tr.visible-sm {
    display: none !important
}

th.visible-sm,td.visible-sm {
    display: none !important
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs,td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md,td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg,td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md {
    display: none !important
}

tr.visible-md {
    display: none !important
}

th.visible-md,td.visible-md {
    display: none !important
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs,td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm,td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg,td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg {
    display: none !important
}

tr.visible-lg {
    display: none !important
}

th.visible-lg,td.visible-lg {
    display: none !important
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs,td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm,td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md,td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs,td.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }

    tr.hidden-xs {
        display: none !important
    }

    th.hidden-xs,td.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important
    }

    tr.hidden-xs.hidden-sm {
        display: none !important
    }

    th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important
    }

    tr.hidden-xs.hidden-md {
        display: none !important
    }

    th.hidden-xs.hidden-md,td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important
    }

    tr.hidden-xs.hidden-lg {
        display: none !important
    }

    th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm,td.hidden-sm {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important
    }

    tr.hidden-sm.hidden-xs {
        display: none !important
    }

    th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }

    tr.hidden-sm {
        display: none !important
    }

    th.hidden-sm,td.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important
    }

    tr.hidden-sm.hidden-md {
        display: none !important
    }

    th.hidden-sm.hidden-md,td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important
    }

    tr.hidden-sm.hidden-lg {
        display: none !important
    }

    th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md,td.hidden-md {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important
    }

    tr.hidden-md.hidden-xs {
        display: none !important
    }

    th.hidden-md.hidden-xs,td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important
    }

    tr.hidden-md.hidden-sm {
        display: none !important
    }

    th.hidden-md.hidden-sm,td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }

    tr.hidden-md {
        display: none !important
    }

    th.hidden-md,td.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important
    }

    tr.hidden-md.hidden-lg {
        display: none !important
    }

    th.hidden-md.hidden-lg,td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg,td.hidden-lg {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important
    }

    tr.hidden-lg.hidden-xs {
        display: none !important
    }

    th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important
    }

    tr.hidden-lg.hidden-sm {
        display: none !important
    }

    th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md {
        display: none !important
    }

    tr.hidden-lg.hidden-md {
        display: none !important
    }

    th.hidden-lg.hidden-md,td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }

    tr.hidden-lg {
        display: none !important
    }

    th.hidden-lg,td.hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

tr.visible-print {
    display: none !important
}

th.visible-print,td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,td.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }

    tr.hidden-print {
        display: none !important
    }

    th.hidden-print,td.hidden-print {
        display: none !important
    }
}

body {
    font-family: "Roboto",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    color: #333333
}

p {
    font-size: 14px;
    line-height: 21px
}

h2 small {
    font-size: 17px
}

.table th,.table td {
    border-top: none
}

.input-pico {
    width: 20px
}

.input-nano {
    width: 40px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 280px
}

.input-xlarge {
    width: 320px
}

.input-xxlarge {
    width: 450px
}

.input-xxxlarge {
    width: 530px
}

.input-pico,.input-nano,.input-small,.input-medium,.input-large,.input-xlarge,.input-xxlarge,.input-xxxlarge {
    line-height: 26px;
    padding: 2px 4px;
    border-radius: 0;
    border-width: 1px
}

.breadcrumb {
    padding: 7px 20px;
    margin: 10px 0 18px 0;
    background-color: none;
    background-image: none;
    background: none;
    border: none;
    font-size: 16px
}

.tooltip {
    font-size: 14px;
    line-height: 20px;
    z-index: 9999
}

.popover {
    display: block !important;
    width: 350px !important;
    min-width: 250px !important;
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial
}

.popover p {
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial
}

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td {
    vertical-align: middle
}

.container {
    max-width: none;
    min-height: 100%
}

.dropdown-menu {
    z-index: 2500
}

.label-inverse {
    background-color: #000000
}

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td {
    padding: 6px 8px
}

.btn {
    border: none
}

.btn-toolbar {
    margin-top: 0;
    margin-bottom: 0
}

.panel {
    margin: 20px 30px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.form-horizontal .control-label {
    margin-bottom: 10px
}

.modal-body {
    clear: both
}

.navbar {
    min-height: 41px
}

.nav-pills>li>a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #CCCCCC;
    color: #444
}

.panel-footer {
    overflow: hidden
}

.form-horizontal .form-inline .form-group,.form-horizontal .navbar-form .form-group {
    margin-left: 0;
    margin-right: 0
}

.navbar {
    z-index: 99
}

.brand-nav {
    height: 75px;
    padding: 0 20px;
    position: relative;
    background: #f7f7f7
}

.brand-nav .logo {
    padding: 8px 8px 0 8px
}

.logo a {
    float: left
}

.logo span {
    line-height: 34px
}

.brand-nav .open .dropdown-toggle {
    color: #000
}

.upload {
    border-top: solid 1px #CCC;
    width: 400px;
    padding-top: 10px;
    margin-top: 10px
}

.upload .progress {
    margin-top: 8px;
    border: solid 1px #555;
    -moz-border-radius: 3;
    -webkit-border-radius: 3;
    -khtml-border-radius: 3;
    border-radius: 3
}

.upload .progress .bar {
    height: 10px;
    background: #3EC144
}

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

.nav {
    margin-bottom: 0px
}

.footer {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    padding: 10px 25px;
    font-size: 10px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    background-color: #eee
}

.nav-tabs>li:first-child {
    margin-left: 20px
}

.caret {
    margin-top: 8px;
    margin-left: 6px;
    cursor: pointer
}

.desc .caret {
    border-top: 4px solid #000000;
    border-bottom: 0
}

.asc .caret {
    border-bottom: 4px solid #000000;
    border-top: 0
}

.centerer {
    margin: auto
}

.login,.settings,.change_password {
    width: 440px
}

.welcome {
    width: 800px
}

.signup {
    width: 450px;
    margin-top: 10px
}

.errors-page {
    width: 900px;
    padding: 40px 0 300px 0
}

.errors-page h2 {
    color: #999999;
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px 20px 20px
}

fieldset.tabbed {
    padding: 20px 0
}

.tabbed h4 {
    margin-bottom: 20px
}

.nav>li>a {
    color: #000000
}

.navbar-inner .notice {
    position: absolute;
    right: 170px;
    top: 15px
}

#notifications-holder {
    float: right;
    margin: 16px 10px 0 0;
    position: relative
}

#notification-toggle-link {
    font-weight: bold;
    font-size: 12px
}

#notifications {
    list-style: none;
    border: 1px solid #777;
    margin: 0;
    padding: 4px 6px;
    width: 250px;
    position: absolute;
    top: 30px;
    left: -15px;
    background: #FFF;
    z-index: 99999;
    display: none
}

#notifications-holder h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0
}

#notifications h3 {
    font-size: 15px;
    margin: 0 0 8px 2px;
    line-height: 15px
}

#notifications li {
    background: url("navigation-000-white.png") no-repeat 0 2px;
    padding: 0 0 0 24px;
    margin: 0 0 5px 0;
    font-size: 12px
}

#notifications h4 {
    font-size: 13px
}

#notifications p {
    margin: 0
}

#embed-code {
    width: 575px;
    cursor: text;
    font-size: 12px;
    line-height: 16px;
    border-color: #3A87AD
}

input[readonly],select[readonly],textarea[readonly] {
    cursor: text
}

input[readonly].property-key {
    cursor: default
}

select .hidden {
    display: none
}

.property-key-select select {
    width: 160px
}

.type {
    font-style: italic;
    color: #777
}

.error input,.error select,.error .chosen-container,.error .action-button,.error textarea {
    border: 1px solid #FF3636
}

.error label {
    color: red
}

.subtle {
    color: #888888;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    color: #888888
}

.subtle2 {
    color: #555555;
    font-size: 12px;
    text-decoration: none;
    margin: 6px 0 0 0
}

.subtle2 a {
    color: #555555;
    font-size: 12px;
    text-decoration: none;
    margin: 6px 0 0 0
}

.half-width .controls {
    float: left;
    margin: 0 20px 0 0
}

.half-width input {
    width: 90px
}

.half-width label {
    margin: 0 20px 0 0
}

.light {
    color: #888888
}

#fieldset-two,#fieldset-three,#fieldset-four,#fieldset-five,#fieldset-six,#fieldset-eight {
    position: absolute;
    top: 0;
    display: none;
    padding-bottom: 50px
}

.nav-tabs a {
    outline: none
}

#edit-application-form .form-actions {
    left: 20px;
    margin: 0;
    padding: 0;
    border: none;
    background: none
}

.has-errors a {
    color: #FF0000 !important
}

#appModal .pull-left {
    margin-right: 12px !important;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0.5px
}

.form-message {
    display: inline;
    color: red;
    font-weight: bold;
    margin: 0 0 0 10px;
    line-height: 28px
}

.processing-message {
    padding: 0 10px;
    font-weight: bold
}

.notice {
    background: url("exclamation-white.png") no-repeat left 1px;
    padding-left: 25px !important
}

.control-group.thin {
    width: 225px;
    float: left;
    clear: none
}

.control-group .videoInfoPosition {
    width: 175px;
    float: left;
    display: none;
    clear: none;
    margin: 0
}

.videoInfoPosition .controls {
    margin-left: 0
}

.radios label {
    display: inline;
    margin: 0 12px 0 0;
    position: relative;
    top: 2px
}

.control-group {
    position: relative;
    margin-bottom: 25px
}

.control-group:before,.control-group:after {
    content: " ";
    display: table
}

.control-group:after {
    clear: both
}

.control-group.hover {
    background: #F9F9F9
}

.control-group.radios {
    height: 20px
}

.nav-tabs>.active>a {
    border-width: 0 0 3px 0;
    border-color: #6695C4;
    padding-bottom: 8px;
    color: #000000
}

.nav-tabs>.active>a:active {
    border-width: 0 0 3px 0;
    border-color: #6695C4;
    padding-bottom: 8px;
    color: #000000
}

.as-tab {
    border-bottom: 3px solid #FFFFFF;
    padding: 8px 10px;
    color: #000000;
    background: rgba(243,243,243,0.85)
}

.as-tab.active {
    border-bottom: 3px solid #6695C4;
    padding-bottom: 5px
}

.as-tab:hover {
    border-bottom: 3px solid #99B5D1;
    text-decoration: none;
    padding-bottom: 5px
}

.as-tab span.show-on-hover {
    display: none
}

.as-tab:hover span.show-on-hover {
    display: inline-block
}

.nav-tabs>li>a {
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px
}

.tabbable .nav-tabs>li>a:hover {
    border-bottom: 3px solid #99B5D1;
    padding-bottom: 8px;
    background: inherit
}

.tabbable .nav-tabs>.active>a:hover {
    border-width: 0 0 3px 0;
    border-color: #6695C4;
    padding-bottom: 8px
}

.preview-trigger-content.for-thumbnail {
    display: block;
    position: relative;
    overflow: hidden
}

.show-50 {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.show-70 {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

#loading-notice {
    color: #888888;
    font-weight: bold;
    position: fixed;
    left: 50%;
    top: -100px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 10px 0 28px;
    background: #F8F8F8;
    margin: 0 0 0 -101px;
    width: 165px;
    z-index: 99999;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 1px 1px 4px rgba(50,50,50,0.3);
    -moz-box-shadow: 1px 1px 4px rgba(50,50,50,0.3);
    box-shadow: 1px 1px 4px rgba(50,50,50,0.3)
}

#loading-notice.show {
    top: 8px
}

#long-loading-notice {
    color: #888888;
    font-weight: bold;
    position: fixed;
    left: 50%;
    top: -100px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 10px 0 28px;
    background: #F8F8F8;
    margin: 0 0 0 -101px;
    width: 250px;
    z-index: 99999;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 1px 1px 4px rgba(50,50,50,0.3);
    -moz-box-shadow: 1px 1px 4px rgba(50,50,50,0.3);
    box-shadow: 1px 1px 4px rgba(50,50,50,0.3)
}

#long-loading-notice.show {
    top: 50%
}

#alert-display {
    font-weight: bold;
    position: fixed;
    left: 50%;
    top: 8px;
    line-height: 20px;
    font-size: 13px;
    padding: 10px;
    margin: 0 0 0 -240px;
    width: 480px;
    z-index: 99999;
    text-align: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

#alert-display .close {
    right: 0;
    top: -10px
}

.search-filter-data h6 {
    float: left;
    margin-right: 8px;
    padding-top: 1px
}

.boolean span {
    display: none
}

.control-group .radio {
    padding: 5px 0 0 0
}

.control-group .radio input {
    float: left;
    margin: 7px 0 0 0;
    padding: 2px
}

.control-group .radio label {
    float: left;
    line-height: 26px;
    margin: 0 18px 0 0;
    padding: 0 0 0 4px
}

.controls .slider {
    margin: 4px 0;
    width: 217px
}

.ui-widget.slider {
    font-size: 11px;
    margin-top: 10px
}

form .ui-slider .ui-slider-handle {
    cursor: pointer
}

#bitrate-exact-input {
    display: none;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    margin-top: 5px;
    width: 80px
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1)
}

::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2)
}

::-webkit-scrollbar-thumb:hover {
    background: #AAA
}

::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3)
}

.upload-pane-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 305px
}

.upload-pane-content:before,.upload-pane-content:after {
    content: " ";
    display: table
}

.upload-pane-content:after {
    clear: both
}

#super-search {
    position: relative
}

#super-search .open-icon {
    position: absolute;
    right: 8px;
    top: 1px;
    line-height: 31px;
    text-align: center;
    width: 23px;
    display: block;
    font-size: 18px;
    z-index: 920;
    cursor: pointer
}

#super-search .close-icon {
    position: absolute;
    right: 14px;
    top: 5px;
    cursor: pointer
}

#super-search .close-icon b {
    display: block;
    width: 18px;
    height: 18px;
    background: url("chosen-sprite.png") no-repeat scroll -45px 5px transparent
}

#super-search .advanced {
    display: none;
    position: absolute;
    top: 33px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    padding: 15px;
    z-index: 99999;
    width: 300px
}

.box-shadow {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

.form-search {
    margin: 0
}

.no-underline {
    text-decoration: none !important
}

.no-underline:hover {
    text-decoration: none !important
}

.playlist-icon {
    text-decoration: none !important;
    color: #000;
    display: inline-block;
    line-height: 20px;
    width: 20px;
    text-align: center;
    outline: none
}

.playlist-icon.active {
    border: 1px solid #ccc
}

.loading-status {
    color: green;
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px
}

.playlist-icon:hover {
    text-decoration: none !important;
    color: #A9A9A9
}

.ui-sortable li,.thumbnails li {
    cursor: move
}

#dimensions {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0
}

#dimensions li {
    float: left;
    padding: 3px 3px 9px 3px;
    text-align: center;
    border: 1px solid #EEEEEE;
    margin: 0 5px;
    cursor: pointer
}

#dimensions.small li {
    font-size: 11px;
    padding: 3px 5px 6px 5px;
    margin: 0 4px
}

#dimensions li:last-child {
    margin-right: 0
}

#dimensions .hover {
    border: 1px solid #ccc
}

#dimensions .selected {
    border: 1px solid #A0B3D9;
    background: #D8E6FB
}

#dimensions span {
    display: block;
    margin-bottom: 3px;
    color: #777
}

#dimensions .model-player {
    background: #eee;
    border: 1px solid #ccc;
    clear: left;
    display: block;
    margin: 0 8px
}

.size300x250 .model-player {
    width: 45px;
    height: 30px
}

.size480x360 .model-player {
    width: 72px;
    height: 54px
}

.size480x270 .model-player {
    width: 72px;
    height: 41px
}

.size640x360 .model-player {
    width: 96px;
    height: 54px
}

.size1280x720 .model-player {
    width: 256px;
    height: 144px
}

.small .size300x250 .model-player {
    width: 30px;
    height: 25px
}

.small .size480x360 .model-player {
    width: 48px;
    height: 36px
}

.small .size480x270 .model-player {
    width: 48px;
    height: 27px
}

.small .size640x360 .model-player {
    width: 64px;
    height: 36px
}

.small .size1280x720 .model-player {
    width: 128px;
    height: 72px
}

#dimensions #custom-dimensions div {
    border: none;
    background: none;
    margin-bottom: 2px
}

#custom-dimensions {
    margin-right: 0 !important;
    width: 130px
}

#custom-dimensions label {
    width: 40px !important;
    padding-right: 5px;
    color: #777777;
    font-size: 11px
}

.small #custom-dimensions label {
    width: 35px !important;
    padding-right: 5px;
    color: #777777;
    font-size: 11px
}

.control-group.error {
    border: 1px solid #B94A48
}

#custom-dimensions #aspect div {
    color: #777;
    font-size: 11px;
    padding-top: 5px;
    float: left;
    clear: none;
    margin: 1px
}

#aspect i {
    padding: 2px
}

#aspect .active span {
    border-width: 1px;
    border-style: solid;
    border-color: #888888 #D3D3D3 #D3D3D3 #888888;
    background: #EEEEEE;
    top: -1px;
    left: 1px
}

#aspect span {
    border: 1px solid #D8E6FB;
    background: none;
    float: left;
    display: block;
    width: 42px;
    height: 18px;
    padding: 0 2px 0 2px;
    position: relative;
    top: -2px;
    left: 0
}

.small #aspect span {
    width: 40px
}

#profile-nav {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12px;
    height: 35px;
    line-height: 35px
}

#profile-nav li {
    float: left;
    padding: 0 10px
}

.category-group {
    margin: 0 0 8px 0;
    background: #F9F9F9;
    border: 1px solid #cccccc;
    padding: 0;
    width: 475px;
    position: relative
}

.category-group.open {
    background: #DFF0D8
}

.category-group .category-name {
    cursor: pointer;
    display: block;
    padding: 0 10px;
    line-height: 28px;
    width: 455px;
    background: rgba(0,0,0,0.07)
}

.category-group .category-items {
    display: none;
    padding: 10px 6px 6px 6px
}

.open .category-items {
    display: block
}

.btn {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px
}

.btn-group .btn:last-child,.btn-group .dropdown-toggle,.btn-group .btn:first-child {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px
}

input[type="radio"] {
    margin-right: 15px
}

.popover-help {
    font-size: 14px !important;
    display: inline-block;
    width: 17px;
    height: 17px;
    color: #B8B8B8 !important;
    font-weight: bold;
    line-height: 14px !important;
    text-align: center;
    margin-left: 2px;
    padding: 0 !important;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.popover-help:hover {
    color: #666 !important;
    text-decoration: none
}

.popover-error {
    color: red !important;
    border: 1px solid red
}

.popover-error:hover {
    color: red !important;
    border: 1px solid red
}

h4 {
    margin: 0 0 15px 0
}

.underlined {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 25px
}

.controls {
    padding-top: 5px
}

.section {
    border-bottom: 1px solid #DFDFDF;
    padding: 20px 0
}

.modal .section {
    border-width: 3px;
    padding: 0 0 10px 0
}

.toggle-link {
    padding-left: 20px
}

.toggler .toggle-link {
    background: url("plus-box.gif") no-repeat 0 0
}

.toggler-open .toggler .toggle-link {
    background: url("plus-box.gif") no-repeat 0 0
}

.toggler-open .toggle-link,.toggler-open .toggler-open .toggle-link {
    background: url("minus-box.gif") no-repeat 0 0
}

.toggler .toggler-content,.toggler-open .toggler .toggler-content {
    display: none
}

.toggler-open .toggler-content,.toggler-open .toggler-open .toggler-content {
    display: block;
    margin-bottom: 10px
}

.toggler-content form {
    margin-bottom: 0
}

.toggler .toggler {
    background: #EFEFEF;
    border-left: 5px solid #DFDFDF;
    margin-left: 20px;
    padding: 10px 10px 2px 20px;
    margin-bottom: 15px
}

.toggler .toggler .toggler-content {
    margin-bottom: 0
}

.selected-disabled {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
    outline: none
}

.selected-disabled:hover {
    text-decoration: none
}

#content-target {
    padding-top: 0 !important
}

#content-target .preview-trigger-content {
    float: left;
    margin-right: 15px
}

#content-target .resource-item {
    overflow: hidden;
    width: 300px;
    margin-bottom: 4px;
    padding: 8px 60px 8px 10px;
    border: 1px solid #DFDFDF;
    position: relative;
    cursor: move;
    background: #FFFFFF;
    clear: left
}

.resource-item p {
    font-size: 12px;
    line-height: 16px
}

#content-target .resource-item.hover {
    border: 1px solid #CCCCCC
}

#content-target .close {
    position: absolute;
    top: 2px;
    right: 10px
}

.selectable {
    cursor: pointer
}

#form-cue-points .control-group {
    margin: 0
}

#form-cue-points td {
    background: none !important
}

.modelThumb {
    float: left;
    clear: none;
    background: #eee;
    border: 1px solid #ccc;
    margin: 2px 0 0 2px
}

.modelThumb.first-col {
    clear: left;
    margin-left: 8px !important
}

.modelThumb.last-col {
    margin-right: 0 !important
}

#checkbox-for-thumbnails {
    float: left
}

.locked li {
    cursor: default !important
}

.ui-sortable-helper {
    -webkit-box-shadow: 4px 4px 6px #888;
    -moz-box-shadow: 4px 4px 6px #888;
    box-shadow: 4px 4px 6px #888
}

.align-left {
    text-align: left
}

.fileupload-buttonbar .btn {
    cursor: pointer
}

.fileupload-buttonbar .btn span {
    cursor: pointer
}

.brand-nav-login {
    background-color: #F5F5F5;
    background-image: none;
    height: 80px;
    min-width: 600px;
    padding: 0 20px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 1031;
    border-bottom: 1px solid #cccccc
}

.brand-nav-login .logo {
    padding: 10px 15px
}

#login-form {
    margin-top: 18px
}

#login-form input {
    width: 170px
}

.header-login {
    width: 1000px;
    margin: 0 auto
}

.header-login #main-logo {
    margin-top: 14px;
    text-indent: -2000px
}

.main-background {
    width: 1000px;
    margin: 0 auto
}

.terms_agreement {
    float: left;
    width: 410px;
    color: #888888;
    margin-bottom: 20px
}

.footer-login {
    width: 100%;
    background-color: #D9D9D9
}

.footer-login div {
    width: 1000px;
    margin: 0 auto;
    font-size: 10px
}

.footer-login p {
    padding: 0 0 25px 0;
    border-top: 1px solid #CCC;
    font-size: 20px;
    line-height: 32px;
    margin: 25px 0 0 0
}

#landing-page {
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    padding: 10px 0 10px 0
}

.clear:before,.clear:after {
    content: " ";
    display: table
}

.clear:after {
    clear: both
}

#sponsor-legal-agreement {
    width: 400px;
    margin-top: -15px;
    margin-bottom: 10px
}

#sponsor-legal-agreement label {
    float: right;
    width: 375px;
    color: #888888;
    margin: 0;
    line-height: 25px
}

.user-resource-group {
    margin-top: 10px
}

.user-resource {
    margin-top: 5px;
    margin-left: 20px
}

.user-resource-group-label {
    font-size: 20px
}

.user-resource-label {
    font-size: 15px
}

.user-permission-label {
    font-size: 13px
}

input[type="checkbox"].user-permission-name {
    float: left;
    margin-right: 5px
}

input[type="radio"].user-permission-read {
    float: left;
    margin-right: 5px
}

input[type="radio"].user-permission-write {
    float: left;
    margin-right: 5px;
    margin-left: 20px
}

#playlists-target {
    position: relative
}

#page-content {
    width: 1000px;
    margin: 10px auto 25px auto;
    padding-bottom: 10px;
    overflow: hidden
}

#page-content h4 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 600
}

#page-content h2 {
    font-size: 40px;
    margin: 30px 0 20px 0
}

#page-content p {
    font-size: 15px;
    line-height: 24px
}

#page-content .section {
    overflow: hidden;
    margin: 15px 0 0 0;
    border: none
}

#page-content .section:before,#page-content .section:after {
    content: " ";
    display: table
}

#page-content .section:after {
    clear: both
}

#page-content .section p {
    line-height: 20px
}

#page-content .section h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 50px;
    margin: 20px 0 0 0;
    line-height: 65px
}

#page-content .section h4 {
    font-weight: 600;
    font-size: 30px;
    color: #000000;
    margin: 0 0 20px 0;
    line-height: 30px
}

#page-content .section ul {
    margin: 0 0 20px 20px;
    padding: 0;
    width: 455px
}

#page-content .section li {
    margin: 0 0 15px 0;
    font-size: 15px;
    line-height: 20px
}

#page-content .section .demo {
    float: right;
    margin: 55px 0 30px 10px
}

.os-purple {
    color: #a93861
}

.os-blue {
    color: #2d94d2
}

.os-green {
    color: #76aa12
}

.os-red {
    color: #e93e36
}

.brand-nav-login {
    background: #F5F5F5
}

.not-logged-in .container {
    background: #FFFFFF
}

.token-table-holder,.user-table-holder {
    width: 600px;
    margin: 20px
}

#forgotten-password {
    clear: left;
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    line-height: 11px
}

#password_login {
    margin-bottom: 0
}

.select-label {
    width: 470px
}

#upload-pane {
    position: fixed;
    right: 85px;
    bottom: 0;
    width: 775px;
    border-left: 2px solid #2c91cf;
    border-right: 2px solid #2c91cf;
    border-bottom: 10px solid #72A6DB;
    z-index: 9999999;
    background: #ffffff
}

#upload-pane #table-uploads {
    width: 748px !important;
    margin-left: 10px
}

#upload-pane .pane-body {
    height: 350px;
    overflow: hidden;
    font-size: 12px
}

.pane-body button {
    font-size: 12px
}

.pane-controls {
    height: 30px;
    background: #efefef;
    border-bottom: 15px solid #FFFFFF
}

.pane-controls .btn-group {
    margin: 0
}

.pane-controls .btn-group a {
    float: left;
    line-height: 30px;
    display: block;
    font-size: 14px;
    padding: 0 10px
}

.pane-controls .btn-group a:hover {
    background: #DFDFDF
}

.pane-controls .dropdown-menu li a:hover {
    background: #FFFFFF
}

#upload-pane .btn-group {
    margin-right: 0
}

.pane-controls .caret {
    margin-top: 13px
}

#upload-pane table {
    table-layout: fixed
}

#upload-pane .start,#upload-pane .cancel,#upload-pane .response {
    text-align: center
}

#upload-pane th,#upload-pane td {
    padding: 4px;
    word-wrap: break-word;
    border-top: 1px solid #EFEFEF
}

#upload-pane .progress {
    width: 135px;
    margin: 7px 3px
}

#upload-pane .pane-header {
    background: #2a74bf;
    position: relative;
    height: 30px;
    color: #ffffff;
    cursor: pointer
}

#upload-pane .pane-header.hover {
    background: #2a74bf
}

.pane-header .status-message {
    font-size: 13px;
    line-height: 30px;
    padding-left: 15px;
    font-weight: bold
}

#upload-pane .pane-header .progress {
    width: 275px;
    float: right;
    position: absolute;
    right: 65px;
    top: 5px;
    margin: 0
}

#upload-pane .progress-extended {
    width: 400px;
    position: absolute;
    top: 5px;
    left: 15px;
    background: #2a74bf
}

#upload-pane .pane-header .icon-toggle {
    position: absolute;
    cursor: pointer;
    padding: 2px
}

#upload-pane .icon-minus {
    right: 30px;
    top: 10px
}

#upload-pane .icon-remove {
    right: 10px;
    top: 7px
}

#fileupload {
    margin: 0
}

.for-thumbnail>i {
    color: #0088CC;
    cursor: pointer
}

#uploadThumbForm table {
    display: none;
    margin-left: 15px
}

.act-as-btn {
    cursor: pointer;
    margin-left: 8px
}

.non-link {
    cursor: default
}

.thumbnails.preview>li {
    height: auto
}

.thumbnails.preview .thumbnail {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 120px;
    min-height: 40px;
    padding-bottom: 30px;
    margin-bottom: 5px
}

.thumbnail .short-description,.thumbnail .long-description,.thumbnail .tags {
    color: #888;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 3px
}

.thumbnails.preview .thumbnail>p>strong {
    font-weight: normal;
    background: #efefef;
    padding: 0 3px;
    display: inline-block
}

.preview .thumbnail-img-holder {
    position: absolute;
    top: 10px;
    left: 10px
}

.thumbnail .remove {
    position: absolute;
    right: 8px;
    top: 8px;
    float: left
}

.thumbnail-image a {
    display: block;
    float: left;
    position: relative
}

.thumbnails .thumbnail p {
    font-size: 12px;
    line-height: 18px
}

tbody .thumbnail-img-holder {
    margin-right: 0;
    margin-bottom: 0
}

.thumbnail {
    border: 1px solid #ddd;
    background-color: #FFF
}

.preview-smart {
    list-style: none
}

.preview-smart>li {
    width: 500px;
    height: 85px;
    margin: 5px
}

.preview-smart .preview-smart-video {
    -webkit-box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    -moz-box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    height: inherit
}

.preview-smart .preview-smart-video .thumbnail-image {
    width: 90px;
    position: absolute;
    margin: 6px 5px 0 4px
}

.preview-smart .preview-smart-video .thumbnail-info {
    position: absolute;
    left: 180px;
    width: 300px;
    height: 65px
}

.preview-smart .preview-smart-video .short-description,.preview-smart .preview-smart-video .long-description,.preview-smart .preview-smart-video .tags {
    color: #3F3535;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 3px
}

.preview-smart .preview-smart-video .thumbnail-metadata {
    position: relative;
    top: 50px;
    left: 420px
}

.thumbnail-name {
    height: 23px;
    width: 170px;
    overflow: hidden
}

.thumbnail-name p {
    width: 1000px;
    margin-left: 5px
}

.thumbnail-name .fader {
    position: absolute;
    width: 60px;
    height: 30px;
    z-index: 11px;
    bottom: 5px;
    right: 6px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(68%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 )
}

.playlist-manage-thumbnails {
    list-style: none
}

.playlist-manage-thumbnails>li {
    margin: 0 0 5px 0;
    display: block;
    position: relative;
    background-color: #FFF;
    height: 80px
}

.playlist-manage-thumbnails .video-thumb-placeholder {
    height: 55px;
    line-height: 55px;
    width: 107px
}

.playlist-manage-thumbnails a.move-down {
    position: absolute;
    top: 45px;
    right: 110px
}

.playlist-manage-thumbnails a.move-up {
    position: absolute;
    top: 10px;
    right: 110px
}

.playlist-manage-thumbnails a.move-top {
    position: absolute;
    top: 10px;
    right: 150px
}

.playlist-manage-thumbnails a.move-bottom {
    position: absolute;
    top: 45px;
    right: 150px
}

.playlist-manage-thumbnails .thumbnail-position {
    position: absolute;
    right: 50px;
    top: 30px;
    width: 35px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    color: white;
    background-color: #428bca;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 7px
}

.playlist-manage-thumbnails .remove {
    position: absolute;
    top: 25px;
    right: 15px
}

a:hover i {
    text-decoration: none
}

#import-list td {
    word-wrap: break-word;
    height: 40px
}

.mrss-valid {
    color: #029916;
    font-weight: bold;
    margin-top: 8px;
    font-size: 12px
}

.left-pane {
    clear: left;
    margin-right: 300px
}

.full-width {
    margin-top: 100px
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
    background: #ffffff
}

.table tbody tr:hover td,.table tbody tr:hover th {
    background: #F9F9F9
}

.status-icon-circle {
    position: relative;
    top: -1px;
    margin-right: 1px
}

.status-icon-circle:hover {
    text-decoration: none
}

#multi-playlist-notice {
    line-height: 40px;
    font-weight: bold
}

#right-pane-topper {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px
}

#right-pane-topper p span {
    line-height: 30px;
    margin: 0 12px 0 0;
    padding: 0;
    font-size: 30px;
    font-weight: 300
}

#right-pane-topper .resource-id {
    line-height: 25px;
    margin: 0;
    background: none repeat scroll 0 0 rgba(243,243,243,0.85);
    color: #666666;
    font-size: 13px;
    padding: 0 8px;
    margin: 0 0 0 20px;
    float: left
}

#right-pane-topper .resource-labels {
    margin: 5px 10px 10px 10px
}

.breadcrumb .resource-id {
    line-height: 25px;
    margin: 0;
    background: none repeat scroll 0 0 rgba(243,243,243,0.85);
    color: #666666;
    font-size: 12px;
    padding: 0 8px;
    margin: 0 7px;
    float: none
}

#playlist-preview {
    margin: 0 40px 20px 0;
    height: 100%;
    width: 500px
}

.show-at-small-width {
    display: none
}

.input-prepend .add-on,.input-append .add-on {
    line-height: 16px;
    height: 16px
}

.btn-on.active {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880
}

.label-box {
    background: #E8E8E8;
    border: 1px solid #E5E5E5;
    color: #999;
    margin: 3px 4px 0 0;
    display: block;
    float: left
}

.label-box a {
    color: #888;
    padding: 0 5px;
    line-height: 17px;
    font-size: 12px;
    float: left;
    display: block
}

.label-box a:hover {
    color: #555;
    text-decoration: none;
    background: #D8D8D8
}

.label-box .remove-label {
    font-size: 14px;
    line-height: 16px;
    color: #666666
}

@-moz-document url-prefix() {
    .label-box .remove-label {
        line-height: 14px;
        padding-bottom: 3px
    }
}

.content-label:hover {
    color: #333333;
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #cccccc
}

.show-space .margin-if-in-show-space {
    margin-left: 20px
}

.audit-page .hide-in-audit-page {
    display: none
}

.unsaved {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    color: #FFFFFF;
    text-shadow: none
}

.resource-id {
    float: right;
    margin: 0 20px 0 0;
    line-height: 28px
}

.start-page {
    padding: 30px
}

.start-page h2 {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    color: #61a72f
}

.start-page h3 {
    color: #3165b4;
    margin-bottom: 15px
}

.start-page>ul {
    width: 400px;
    margin: 0 0 20px 40px
}

.start-page li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px
}

.start-page li a i {
    font-size: 12px;
    font-weight: bold
}

.sidebar-section {
    padding: 10px 20px
}

.sidebar-section:first-of-type {
    margin-top: 10px
}

.sidebar-section:before,.sidebar-section:after {
    content: " ";
    display: table
}

.sidebar-section:after {
    clear: both
}

.sidebar-section h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1
}

.sidebar-section ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.sidebar-section li {
    margin: 0 0 4px 0;
    position: relative;
    padding-left: 20px
}

.sidebar-section li i {
    width: 20px;
    text-align: center;
    color: #777;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px
}

.sidebar-section a {
    font-size: 13px;
    line-height: 20px
}

.sidebar-section .sidebar-subsection {
    background: #FFFFFF;
    border: 1px solid #999;
    padding: 15px 15px 0 15px
}

.sidebar-labels>li {
    padding: 0
}

.quick-labels {
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
    max-width: 500px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 38px;
    left: -1px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.quick-labels .adv-op-wrap {
    padding: 1px;
    background: #CCC
}

.icon-status {
    font-size: 10px
}

.icon-status-pending_asset,.icon-status-unknown {
    color: #666666
}

.icon-status-ready {
    color: #339900
}

.icon-status-pending {
    color: #FFCC00
}

.icon-status-failure {
    color: #FF0000
}

#previewModal.app-preview {
    width: auto;
    height: auto;
    margin: 0;
    left: 250px;
    right: 250px;
    top: 30px;
    bottom: 90px;
    max-height: none
}

.hour-select {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    padding: 0
}

.live-edit-fields .hour-select {
    left: 0
}

.live-edit-fields .table-striped tbody tr:nth-child(2n+1) td,.live-edit-fields .table-striped tbody tr:nth-child(2n+1) th {
    background: none
}

.hour-select li {
    display: block;
    float: left;
    width: 11%;
    height: 14px;
    background: #e1e1e1;
    margin: 1px
}

.hour-select .spacer {
    width: 60px;
    background: none
}

.hour-select .dayname {
    height: 15px;
    background: none;
    font-size: 11px;
    line-height: 15px;
    text-align: center
}

.dayname {
    cursor: pointer
}

.hour-select .hour.hover {
    background: #D0D0D0
}

.hour-select .hour.selected {
    background: #B8B8B8
}

.hour-select .hour.selected.hover {
    background: #A8A8A8
}

.hour-select .ui-selecting {
    background: #CCCCCC
}

.hour-select .ui-selected {
    background: #999999;
    color: white
}

.hour-select .hour-label {
    display: block;
    background: none;
    clear: left;
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    width: 60px;
    color: #666666;
    position: relative;
    cursor: pointer
}

.hour-label .time {
    position: absolute;
    left: 0
}

.hour-label .icon {
    position: absolute;
    right: 8px
}

#inventory-list-container {
    max-height: 270px;
    overflow: auto
}

#inventory-list-container .table th,#inventory-list-container .table td {
    padding: 5px 8px
}

.geo-target .remove {
    margin-left: 40px
}

.dupe-control-group {
    margin-left: 12px;
    color: #CCCCCC;
    font-size: 14px;
    text-decoration: none;
    line-height: 25px
}

.dupe-control-group:hover {
    color: #666666
}

.remove-control-group {
    margin-left: 4px;
    color: #CCCCCC;
    font-size: 14px;
    text-decoration: none
}

.remove-control-group:hover {
    color: #666666
}

.placement-widgets-list {
    list-style: none;
    margin-left: 15px
}

.show-apps {
    padding: 3px
}

.show-apps:hover {
    text-decoration: none
}

.radio-label-pair input,.radio-label-pair label {
    float: left
}

.show-more {
    font-weight: bold;
    margin-left: 10px;
    float: left;
    line-height: 18px
}

.more-options {
    display: none
}

#previewModal.app-preview {
    width: auto;
    height: auto;
    margin: 0;
    left: 250px;
    right: 250px;
    top: 30px;
    bottom: 90px;
    max-height: none
}

.draft .pause,.draft .resume {
    display: none
}

.active .start,.active .resume {
    display: none
}

.paused .start,.paused .pause {
    display: none
}

.hidden-dropdown .btn {
    background: none;
    border-color: #FFFFFF
}

.hidden-dropdown .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none
}

.hidden-dropdown .dropdown-toggle i {
    display: none
}

.hidden-dropdown .dropdown-toggle:hover {
    border: 1px solid #e1e1e1
}

.hidden-dropdown .dropdown-toggle:hover i {
    display: inline-block
}

.about-page .section-container p,.nav-container p,.section-container li {
    font-size: 18px !important;
    line-height: 28px !Important
}

.about-page .nav-container {
    padding: 25px 45px
}

.about-page .mg-nav {
    display: inline;
    background-color: #f2f2f2;
    padding: 25px 40px;
    border: 1px solid #f2f2f2;
    margin: 0px 15px
}

.about-page .mg-nav a {
    color: #4c4c4c;
    text-decoration: none;
    font-size: 28px;
    line-height: 32px
}

.about-page .section-container {
    position: relative;
    width: 100%;
    margin: 25px 0
}

.about-page #page-content h3 {
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin: 10px 0
}

.about-page #page-content h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    margin: 5px 0
}

.about-page #page-content ul {
    padding: 15px 35px
}

.about-page .break {
    padding: 10px 0
}

.about-page .break:before,.about-page .break:after {
    content: " ";
    display: table
}

.about-page .break:after {
    clear: both
}

.about-page .screens {
    width: 300px;
    margin: 15px 45px
}

.about-page .section-container h3 {
    font-size: 28px;
    line-height: 36px
}

.campaign-paused .field-edit,.placement-paused .field-edit {
    display: none !important
}

.campaign-paused .placement-status-toggle .pause,.campaign-paused .placement-status-toggle .delete,.campaign-paused .placement-status-toggle .resume {
    display: none !important
}

.content-summary-info {
    float: left;
    width: 520px;
    padding: 0 20px 0 0
}

.services {
    margin-left: 50px
}

.service-description {
    text-align: left;
    color: #999;
    font-weight: normal;
    font-size: 11px
}

.service_icon {
    height: 40px;
    pointer-events: none
}

#remove_service:hover {
    opacity: 0.4;
    filter: alpha(opacity=40)
}

@media all and (max-width: 1450px) {
    .show-at-wide-width {
        display: none
    }
}

@media all and (max-width: 1300px) {
    .hide-at-medium-width {
        display: none
    }
}

@media all and (max-width: 1000px) {
    .hide-at-small-width {
        display: none
    }

    .show-at-small-width {
        display: inherit
    }
}

@media all and (max-width: 800px) {
    .hide-at-extra-small-width {
        display: none
    }

    .join-os-list {
        margin-bottom: 65px !important
    }

    .btn-learn-more {
        bottom: 20px !important
    }
}

.checkSuggest {
    width: 15px;
    position: relative;
    display: inline
}

.checkSuggest label {
    cursor: pointer;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 0;
    background: #eee;
    border: 1px solid #D5D5D5
}

.checkSuggest label:after {
    opacity: 0.1;
    filter: alpha(opacity=10);
    content: '';
    position: absolute;
    width: 8px;
    height: 4px;
    background: transparent;
    left: 1px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkSuggest label:hover::after {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.checkSuggest input[type=checkbox]:checked+label:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.suggest-category {
    display: inline;
    position: relative;
    left: 2px;
    top: 2px
}

.suggestedCategory {
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0 12px 2px 9px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px
}

.comment-body {
    clear: both;
    margin: 0 20px
}

.comment-body form {
    position: absolute;
    right: 10px;
    top: 10px
}

.comment {
    clear: both;
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #e1e1e1
}

.comment:last-child {
    border-bottom: none
}

.comment-meta {
    margin-bottom: 10px
}

.comment-meta h5 {
    float: left;
    font-style: italic;
    font-size: 20px;
    margin: 0 20px
}

.comment-date {
    margin-left: 10px
}

.comment-responses {
    float: left;
    margin: 0 20px;
    line-height: 35px;
    font-size: 12px
}

.comment-responses a {
    color: #888888;
    text-decoration: none
}

.comment-text {
    width: 100%
}

.preview-wys {
    margin-top: -25px;
    margin-bottom: 15px;
    width: 500px
}

.preview-wys h4 {
    font-size: 18px;
    font-style: bold
}

.comments-wrap {
    margin: 20px 0px 20px 0px;
    padding-top: 10px
}

#contacts_chosen {
    float: right;
    margin: 5px 20px 0 0
}

.comments-new {
    margin-top: 10px;
    padding: 20px 20px 20px 20px;
    background: none repeat scroll 0 0 rgba(229,229,229,0.85);
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.comments-menu {
    padding: 0;
    height: 45px;
    background: none repeat scroll 0 0 rgba(229,229,229,0.85);
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.comments-list {
    background: #ffffff;
    margin-bottom: 40px
}

.edit-wysi-main {
    width: 550px;
    padding: 20px;
    background: none repeat scroll 0 0 #DFF0D8;
    border: 2px solid #DDDDDD
}

.comment-author-info {
    position: relative;
    top: -2px
}

.comment-date-tooltip {
    cursor: pointer;
    text-decoration: none
}

.delete-comment {
    position: relative;
    bottom: 15px
}

.wysi-holder.error {
    border: 1px solid #FF3636
}

@-moz-document url-prefix() {
    .wysi-holder.error {
        padding: 15px 0px 15px 15px
    }
}

.value-saved {
    margin-left: 11px
}

.collection-properties {
    margin-bottom: 10px
}

#collectionsAdvanced {
    visibility: hidden
}

html {
    height: 100%
}

body {
    overflow-y: scroll;
    height: 100%;
    text-rendering: optimizelegibility
}

.container {
    background: #f7f7f7
}

#header {
    background: #FFFFFF;
    height: 75px;
    width: 100%;
    position: relative
}

.content-space {
    position: relative;
    padding-top: 40px;
    padding-bottom: 85px !important;
    background: #f7f7f7;
    height: 100%
}

.brand-nav {
    padding: 0 20px
}

.brand-nav .logo {
    padding: 10px 8px 0 8px
}

.brand-nav .logo a {
    float: left
}

.brand-nav .logo span {
    line-height: 34px
}

#header .settings-and-help-links {
    margin-top: 18px
}

#header .settings-and-help-links .btn {
    background: none;
    color: #888;
    padding: 0 10px;
    line-height: 35px;
    display: block;
    margin: 0;
    font-size: 14px
}

#header .settings-and-help-links .btn i {
    margin-left: 5px
}

#header .settings-and-help-links .btn:hover {
    color: #666
}

.navbar-fixed-top {
    overflow: hidden;
    height: 40px;
    top: 115px
}

.back {
    line-height: 28px;
    color: #333333
}

.side-nav {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 300px;
    top: 115px;
    right: 0;
    bottom: 0;
    z-index: 997;
    background-color: #eee;
    border-left: 1px solid #e1e1e1
}

.side-nav .main-actions .btn {
    width: 260px;
    text-align: center;
    line-height: 32px;
    margin: 12px 20px
}

.side-nav.open {
    -webkit-box-shadow: -3px 0px 10px rgba(50,50,50,0.45);
    -moz-box-shadow: -3px 0px 10px rgba(50,50,50,0.45);
    box-shadow: -3px 0px 10px rgba(50,50,50,0.45)
}

.right-pane {
    position: relative
}

.loading {
    text-align: center;
    padding: 80px 40px 40px 40px;
    color: #999999;
    font-size: 17px;
    position: relative;
    left: 150px
}

.back-to-index-closer {
    position: absolute;
    right: 40px;
    top: 35px;
    font-size: 20px;
    color: #777;
    z-index: 998;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center
}

.back-to-index-closer:hover {
    color: #333
}

.pane-section {
    padding: 40px 20px 20px;
    margin: 20px 30px;
    border: 1px solid #CCCCCC;
    background: #fff;
    -webkit-box-shadow: 1px 2px 3px rgba(20,20,20,0.1);
    -moz-box-shadow: 1px 2px 3px rgba(20,20,20,0.1);
    box-shadow: 1px 2px 3px rgba(20,20,20,0.1)
}

.pane-section.gray {
    padding-left: 30px;
    background-color: #f7f7f7;
    border-bottom: 2px solid #D6D6D6;
    margin: 0
}

.pane-section.padd-bottom {
    padding-bottom: 30px
}

.pane-section h4 {
    font-size: 28px;
    font-style: italic;
    font-weight: 100;
    margin: 0;
    line-height: 40px;
    position: relative;
    top: -25px
}

.resource-table .resource-link,.resource-table .resource-title {
    color: #333333;
    font-size: 19px;
    font-weight: 300
}

.resource-table .resource-link:hover,.resource-table .resource-title:hover {
    color: #0088CC
}

tr:hover .resource-link,tr:hover .resource-title {
    color: #0088CC
}

.video-placeholder {
    background: #F4F4F4;
    display: block;
    color: #E1E1E1;
    text-align: center;
    width: 117px;
    height: 65px;
    font-size: 20px;
    background: #E8E8E8
}

.video-placeholder i {
    line-height: 65px
}

.video-placeholder.large {
    width: 500px;
    height: 281px;
    font-size: 83px;
    margin: 0 40px 20px 0
}

.video-placeholder.large i {
    line-height: 281px
}

.control-group.two-col {
    width: auto;
    height: 28px;
    margin-bottom: 20px
}

.incog {
    color: #333333;
    text-decoration: none
}

.resource-checkbox {
    display: none
}

.faux-checkbox {
    display: inline-block;
    color: #d3d3d3;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    width: 36px;
    text-align: center;
    margin-left: 10px;
    position: relative
}

.faux-checkbox i {
    width: 36px;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.faux-checkbox:hover {
    color: #222
}

tr.selected .faux-checkbox {
    color: #000000
}

tr.selected td {
    background: #e8e8e8 !important
}

tr.selected td:hover {
    background: #e8e8e8 !important
}

#utility-bar {
    position: absolute;
    z-index: 999;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    right: 0;
    top: 0;
    margin: 0;
    left: 1px;
    height: 41px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #CCCCCC;
    background-color: #D8D8D8;
    padding: 0
}

#utility-bar .btn[disabled] {
    opacity: 0.35;
    filter: alpha(opacity=35)
}

#utility-bar .btn-default {
    background-color: white;
    border-color: rgba(0,0,0,0.27);
    color: #333333
}

#utility-bar .btn-group>.btn {
    color: #444444;
    line-height: 13px;
    display: block;
    font-size: 14px
}

#utility-bar .fader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    z-index: 11px;
    background: -moz-linear-gradient(left, rgba(216,216,216,0) 0%, #d8d8d8 68%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(216,216,216,0)), color-stop(68%, #d8d8d8), color-stop(100%, #d8d8d8));
    background: -webkit-linear-gradient(left, rgba(216,216,216,0) 0%, #d8d8d8 68%, #d8d8d8 100%);
    background: -o-linear-gradient(left, rgba(216,216,216,0) 0%, #d8d8d8 68%, #d8d8d8 100%);
    background: -ms-linear-gradient(left, rgba(216,216,216,0) 0%, #d8d8d8 68%, #d8d8d8 100%);
    background: linear-gradient(to right, rgba(216,216,216,0) 0%, #d8d8d8 68%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d8d8d8', endColorstr='#d8d8d8',GradientType=1 )
}

.utility-bar-right {
    margin-right: 300px;
    float: right
}

.utility-bar-right.narrow {
    margin-right: 80px
}

.filter-item {
    padding: 6px 10px;
    margin: 5px 0 0 6px;
    font-style: italic;
    color: #666666;
    background: #E0E0E0
}

.filter-item a {
    margin-left: 6px;
    color: #B0B0B0
}

.filter-item a:hover {
    text-decoration: none;
    color: #555555
}

.filter-item:hover {
    background: #E8E8E8
}

#search-form {
    position: relative;
    height: 30px;
    margin: 23px 0 0 15px
}

#search-form .popover-help {
    position: absolute;
    top: 7px;
    right: 72px
}

#search-query {
    padding-left: 40px;
    padding-right: 20px;
    height: 30px;
    float: left;
    width: 390px;
    margin-right: 15px
}

.profile-nav-dropdown {
    display: none
}

@media (max-width: 1050px) {
    #search-query {
        width: 360px
    }

    .dashboard-item-summary {
        padding: 0 !important
    }

    .dashboard-item-summary h3 {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 22px !important
    }

    #profile-nav {
        display: none
    }

    .profile-nav-dropdown {
        display: block
    }
}

@media (max-width: 950px) {
    #search-query {
        width: 320px
    }

    .dashboard-item-summary {
        padding: 0 !important
    }

    .dashboard-item-summary h3 {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important
    }
}

@media (max-width: 850px) {
    #search-form {
        margin-left: 0
    }

    #search-query {
        width: 230px
    }

    .left-pane {
        margin-right: 0
    }

    .dashboard-large-icon {
        font-size: 40px !important
    }

    .dashboard-items h2 {
        font-size: 22px !important;
        margin-top: 15px
    }

    .left-pane .loading {
        left: 0 !important
    }

    .dashboard-items-vertical li {
        height: 220px !important
    }

    .dashboard-item-summary h3 {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 18px !important
    }
}

@media (max-width: 605px) {
    #contacts_chosen {
        margin-bottom: 20px
    }

    .comment h5 {
        font-size: 18px;
        width: 100%
    }

    .comment .comment-date-tooltip {
        margin-left: 10px
    }

    .comment .comment-body {
        font-size: 12px
    }
}

.search-scope {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    margin: 0;
    line-height: 30px;
    font-size: 14px
}

.search-scope .btn {
    background: none;
    background-color: none;
    border: none;
    color: #999999;
    height: 30px;
    font-weight: normal
}

.search-scope .dropdown-menu {
    width: 420px
}

.search-scope .dropdown-menu .dropdown-section {
    clear: left;
    overflow: hidden;
    padding: 0 12px
}

.search-scope .dropdown-menu .dropdown-section .dropdown-header {
    color: #777777;
    font-size: 12px;
    line-height: 30px;
    text-align: right;
    padding-right: 12px
}

.search-scope .dropdown-menu .dropdown-section li {
    float: left;
    line-height: 22px;
    padding: 0 5px 0 0;
    width: 80px
}

.search-scope .dropdown-menu .dropdown-section li a {
    color: #222222
}

.search-scope .dropdown-menu .dropdown-section li .btn {
    font-size: 12px;
    text-align: left;
    width: 90px
}

#search-form .btn-submit {
    line-height: 30px;
    padding: 0 20px
}

.asset-table {
    height: 400px;
    overflow-y: scroll
}

.dashboard-items {
    margin: 20px 20px 10px 20px;
    list-style: none;
    padding: 0;
    padding: 0 0 20px 0;
    overflow: hidden
}

.dashboard-items>li {
    float: left;
    position: relative;
    height: 185px
}

.dashboard-items>li .sub-dashboard-links {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    opacity: 0
}

.dashboard-items>li .sub-dashboard-links a {
    display: block;
    text-align: center;
    font-size: 22px;
    outline: none;
    color: #999;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

.dashboard-items>li .sub-dashboard-links a:hover {
    color: #555;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dashboard-items>li.hover {
    background-color: #f3f3f3
}

.dashboard-items>li.hover .sub-dashboard-links {
    display: block
}

.dashboard-items h2 {
    font-size: 31px;
    font-weight: 100;
    margin-top: 10px;
    font-family: "Roboto",Arial,sans-serif
}

.dashboard-items.dashboard-items-small {
    float: left;
    margin: 20px 0 0 40px;
    border-top: 1px solid #e1e1e1;
    padding: 20px 0 0 0
}

.dashboard-items.dashboard-items-small li {
    height: 120px
}

.dashboard-items.dashboard-items-small .dashboard-item-link {
    width: 130px;
    height: 120px;
    padding: 20px 20px 0 20px
}

.dashboard-items.dashboard-items-small .dashboard-item-link h2 {
    font-size: 20px;
    margin-top: 5px
}

.dashboard-items.dashboard-items-small .dashboard-item-link .dashboard-large-icon {
    font-size: 32px
}

.dashboard-items.dashboard-items-small .dashboard-item-link:hover {
    color: #888
}

.dashboard-item-icon-title h2 {
    margin-top: 14px
}

.dashboard-item-summary {
    text-align: left;
    color: #333333;
    padding: 10px 0;
    position: relative
}

.dashboard-item-summary h3 {
    font-size: 16px;
    margin: 2px 0 14px 0;
    color: #999999;
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
    padding: 0 10px
}

.dashboard-item-summary p {
    font-size: 13px;
    color: #666666;
    display: none
}

.dashboard-items-vertical li {
    height: 255px
}

.dashboard-items-vertical li .dashboard-item-link {
    height: 100%;
    padding: 10px 0;
    width: 100%
}

.dashboard-items-vertical li .dashboard-item-link .dashboard-item-icon-title {
    width: 100%
}

.dashboard-items-vertical li .dashboard-item-link .dashboard-item-summary {
    width: 100%
}

.dashboard-item-link {
    width: 210px;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    display: block;
    outline: none !important;
    border: none !important
}

.dashboard-item-link:hover {
    text-decoration: none
}

.dashboard-large-icon {
    font-size: 50px
}

.tooltip-inner {
    max-width: 300px !important
}

.resource-grid {
    list-style: none;
    margin: 20px;
    padding: 0
}

.resource-grid>li {
    float: left;
    margin: 0 3px 25px 3px;
    display: block;
    position: relative;
    padding: 10px;
    width: 242px;
    height: 185px;
    display: block;
    background: #FFFFFF;
    overflow: hidden
}

.resource-grid>.selected .faux-checkbox {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block
}

.resource-grid>.selected .meta {
    top: 132px;
    left: 9px;
    right: 9px
}

.resource-grid .grid-thumbnail {
    background-color: #F4F4F4;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    width: 220px;
    height: 123px;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    text-align: center;
    line-height: 123px;
    color: #ccc;
    font-size: 24px
}

.resource-grid>li .meta {
    position: absolute;
    overflow: hidden;
    height: 50px;
    top: 133px;
    left: 10px;
    right: 10px;
    z-index: 90
}

.resource-grid>li .meta .fader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 11px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(68%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 68%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 )
}

.resource-grid>li .options {
    position: absolute;
    overflow: hidden;
    top: 15px;
    right: 2px;
    z-index: 835
}

.resource-grid .name {
    position: absolute;
    left: 0;
    margin: 0;
    top: 4px;
    z-index: 10px;
    font-weight: normal;
    white-space: nowrap;
    line-height: 22px;
    font-family: "Roboto",Arial,sans-serif
}

.resource-grid .owner {
    left: 0;
    bottom: 5px;
    position: absolute;
    margin: 0;
    font-size: 13px
}

.resource-grid .date {
    right: 0;
    bottom: 5px;
    position: absolute;
    margin: 0;
    font-size: 13px
}

.resource-grid .resource-link {
    font-size: 16px
}

.resource-grid .resource-link:hover {
    text-decoration: none
}

.resource-grid.resource-grid-small li {
    width: auto;
    height: 112px
}

.resource-grid.resource-grid-small .meta {
    top: 88px;
    height: 22px
}

.resource-grid.resource-grid-small .meta .fader {
    height: 18px
}

.resource-grid.resource-grid-small .meta h4 {
    font-size: 13px;
    line-height: 16px
}

.resource-grid.resource-grid-small .closer {
    position: absolute;
    top: -2px;
    right: 2px;
    font-size: 10px;
    color: #e1e1e1
}

.resource-grid.resource-grid-wide>li {
    width: 375px;
    height: 127px
}

.resource-grid.resource-grid-wide>li .meta {
    top: 75px
}

.resource-grid.resource-grid-wide>li.selected .meta {
    top: 74px
}

.resource-grid.resource-grid-wide .playlist-thumbs {
    cursor: pointer
}

td>.small-thumbnails {
    border: 2px solid #fff;
    height: 69px !important;
    width: 355px !important
}

tr.selected .small-thumbnails {
    border: 2px solid #0093DB !important;
    -webkit-box-shadow: 1px 2px 4px rgba(0,147,219,0.5);
    -moz-box-shadow: 1px 2px 4px rgba(0,147,219,0.5);
    box-shadow: 1px 2px 4px rgba(0,147,219,0.5)
}

.playlist-thumbs {
    display: block;
    width: 500px;
    height: 281px;
    background: #e1e1e1;
    margin-bottom: 20px
}

.playlist-thumbs img {
    float: left;
    width: 250px;
    height: 140px
}

.playlist-thumbs .thumbnail-placeholder {
    float: left;
    width: 250px;
    height: 140px
}

.playlist-thumbs .thumbnail-placeholder i {
    color: #ccc;
    font-size: 65px;
    text-align: center;
    display: block;
    height: 140px;
    line-height: 140px
}

.playlist-thumbs.small-thumbnails {
    width: 351px;
    height: 65px;
    margin-bottom: 0;
    position: relative
}

.playlist-thumbs.small-thumbnails img {
    width: 117px;
    height: 65px
}

.playlist-thumbs.small-thumbnails .thumbnail-placeholder {
    width: 117px;
    height: 65px
}

.playlist-thumbs.small-thumbnails .thumbnail-placeholder i {
    font-size: 19px;
    height: 65px;
    line-height: 65px
}

.boxed-button-container {
    margin: 0 10px 0 0
}

.boxed-button-container>.btn {
    background: #fff;
    border: 1px solid #e1e1e1;
    color: #333333;
    font-weight: normal;
    font-size: 15px;
    font-family: "Roboto",Arial,sans-serif;
    margin: 4px 0 0 0;
    padding: 0 15px;
    height: 31px;
    line-height: 29px
}

.boxed-button-container>.btn-primary {
    background: #0093DB !important;
    color: #FFFFFF !important
}

.quick-scope-toggler i {
    margin-right: 15px
}

.quick-scope-toggler .icon-caret-down {
    margin-right: 0
}

.quick-nav-back-li {
    width: 50px;
    text-align: center;
    height: 40px
}

.quick-nav-back-li a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 40px
}

.quick-nav-back-li a:hover {
    background: #C8C8C8 !important
}

.resource-crumb,.resource-crumb i {
    font-size: 14px;
    line-height: 39px !important;
    padding: 0 6px
}

.resource-crumb {
    font-family: "Roboto",Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    position: relative
}

.resource-crumb span {
    position: absolute;
    width: 4000px;
    white-space: nowrap
}

.resource-table {
    margin-bottom: 0
}

.sort-direction {
    font-size: 16px;
    margin-left: 5px
}

.load-next-page {
    margin: 20px;
    display: block;
    clear: both
}

.load-next-page-spinner {
    text-align: center;
    margin-bottom: 20px;
    color: #888;
    font-size: 40px
}

.index-resource-item .label-inverse {
    font-size: 12px;
    background: #000000;
    background: rgba(0,0,0,0.7);
    color: #e1e1e1
}

.index-resource-item .count,.index-resource-item .duration {
    position: absolute;
    left: 10px;
    bottom: 7px
}

.index-resource-item .card-select {
    position: absolute;
    right: 20px;
    bottom: 57px;
    z-index: 985
}

.index-resource-item .card-select i {
    position: relative;
    top: 1px
}

.index-resource-item.selected .card-select {
    right: 19px;
    bottom: 56px
}

.video-thumb-placeholder {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #999999;
    display: block;
    font-size: 18px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    width: 117px
}

.campaign-index-placements-list-item {
    float: left;
    width: 200px;
    position: relative;
    height: 180px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin: 4px 8px;
    background: #f8f8f8
}

.campaign-index-placements-list-item .placement-name-link {
    color: #428BCA;
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 177px
}

.campaign-index-placements-list-item p {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 2px 0
}

.placement-list-lock-link {
    color: #999;
    position: absolute;
    right: 15px;
    top: 10px
}

.placement-slider-wrap {
    min-height: 190px
}

#quick-nav-sidebar {
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 0;
    background: #ffffff;
    z-index: 1000;
    width: 220px;
    height: 3000px;
    -webkit-box-shadow: 3px 8px 10px rgba(50,50,50,0.45);
    -moz-box-shadow: 3px 8px 10px rgba(50,50,50,0.45);
    box-shadow: 3px 8px 10px rgba(50,50,50,0.45)
}

.quick-nav-header {
    background: #eee;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #E5E5E5;
    height: 41px;
    padding-right: 0;
    margin: 0 0 0 1px
}

.quick-nav-header .quick-scope .icon-caret-down {
    color: #FFFFFF
}

.quick-nav-links {
    list-style: none;
    padding: 0;
    margin: 5px 0
}

.quick-nav-links li {
    font-family: "Roboto",Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0
}

.quick-nav-links li a {
    color: #333333;
    padding-left: 15px;
    padding: 0 20px 0 63px;
    display: block;
    outline: none;
    line-height: 32px
}

.quick-nav-links li a:hover {
    background: #f7f7f7;
    text-decoration: none;
    color: #111111
}

.quick-nav-links li a:active {
    outline: none
}

.quick-nav-links li a i {
    color: #444444;
    margin-right: 13px;
    text-align: center;
    float: left;
    display: block;
    width: 20px;
    line-height: 32px
}

.quick-nav-border-bottom {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important
}

.support-pane {
    position: fixed;
    top: 41px;
    bottom: 0;
    right: 0;
    left: 100%;
    background: #fff;
    border-left: 1px solid #CCCCCC;
    z-index: 998;
    overflow: auto;
    -webkit-box-shadow: 3px 0px 30px rgba(50,50,50,0.75);
    -moz-box-shadow: 3px 0px 30px rgba(50,50,50,0.75);
    box-shadow: 3px 0px 30px rgba(50,50,50,0.75)
}

.sidebar-toggler {
    position: absolute;
    right: 9px;
    top: 76px;
    z-index: 1090
}

.file-not-found {
    width: 1130px;
    padding: 0 40px 0 0;
    text-align: center;
    margin: 0 auto
}

.file-not-found h2 {
    color: #666;
    font-family: "Roboto",Arial,sans-serif;
    text-align: left;
    font-weight: 300;
    font-size: 36px;
    position: relative;
    left: -25px;
    padding: 170px 0 0 0
}

.file-not-found p {
    position: relative;
    left: -25px
}

.file-not-found img {
    float: left
}

.manageLabelPane .resource-labels {
    margin: 5px 10px 10px 10px
}

.app-preview-action {
    position: absolute;
    top: 30px;
    right: 50px
}

.app-preview-action a {
    margin-right: 10px
}

.dashboard-item-help-text {
    position: absolute;
    color: #999;
    top: 20px;
    left: 20px;
    right: 20px;
    font-size: 15px;
    display: none;
    font-style: italic;
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 400
}

.dashboard-item-help-text:hover {
    color: #777;
    text-decoration: none
}

.qq-uploader-dnd {
    cursor: pointer
}

.qq-uploader-dnd .icon-upload {
    font-size: 72px;
    color: #999;
    display: block;
    margin-bottom: 10px
}

.qq-uploader-dnd .huge-add-files-area {
    height: 200px;
    width: 100%;
    text-align: center
}

.qq-uploader-dnd .qq-upload-button {
    width: 100%;
    padding-top: 50px !important;
    line-height: 40px !important;
    background: #D8D8D8;
    color: #333
}

.qq-upload-button {
    background: #D8D8D8 !important
}

.qq-upload-button-small {
    padding: 6px 12px !important;
    width: auto !important
}

.qq-uploader-btn {
    cursor: pointer
}

.qq-uploader-btn .qq-upload-button {
    width: 100%;
    padding-top: 50px !important;
    line-height: 40px !important
}

#asset-replace .qq-upload-drop-area span {
    top: 0px
}

.encode-thumbnails {
    list-style: none
}

.encode-thumbnails>li {
    margin-bottom: 5px;
    display: block;
    position: relative;
    width: 450px;
    height: 115px
}

.encode-thumbnails .encode-thumbnail {
    padding: 5px 5px;
    line-height: 1;
    background: #FFFFFF;
    -webkit-box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    -moz-box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    box-shadow: 2px 3px 2px rgba(50,50,50,0.15);
    height: 115px
}

.encode-thumbnails .encode-thumbnail .thumbnail-position {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.encode-thumbnails .encode-thumbnail .thumbnail-image {
    width: 150px
}

.encode-thumbnails .encode-thumbnail .thumbnail-name {
    position: relative;
    bottom: 90px;
    left: 150px
}

.supportCenter-content {
    padding: 10px 30px 30px 30px;
    overflow: hidden
}

.supportCenter-content h2 {
    font-size: 32px
}

.supportCenter-content .upcase-header {
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 40px 0 15px 0
}

.black-link-list a {
    color: #333333
}

.tile {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 1px 2px 3px rgba(20,20,20,0.1);
    -moz-box-shadow: 1px 2px 3px rgba(20,20,20,0.1);
    box-shadow: 1px 2px 3px rgba(20,20,20,0.1);
    margin: 2px;
    padding: 10px
}

.tile.hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 2px 4px rgba(30,30,30,0.2);
    -moz-box-shadow: 1px 2px 4px rgba(30,30,30,0.2);
    box-shadow: 1px 2px 4px rgba(30,30,30,0.2)
}

.tile.selected {
    border: 2px solid #0093DB !important;
    padding: 9px;
    -webkit-box-shadow: 1px 2px 4px rgba(0,147,219,0.5);
    -moz-box-shadow: 1px 2px 4px rgba(0,147,219,0.5);
    box-shadow: 1px 2px 4px rgba(0,147,219,0.5)
}

.tile.tight {
    padding: 3px
}

.tile.tight.selected {
    padding: 2px
}

.small-sub-heading {
    color: #777;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1
}

.placement-summary-counts {
    list-style: none;
    margin: 0;
    padding: 0
}

.placement-summary-counts li {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px
}

.show-when-bulk-select {
    position: relative
}

.no-borders td {
    border-top: none !important
}

.banner {
    padding: 10px 40px 30px 40px;
    margin: 20px;
    background: #D8EAF2;
    overflow: hidden;
    border: 2px solid #24B5EE
}

.banner h1 {
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 50px;
    margin-bottom: 20px
}

.banner p {
    font-size: 17px;
    margin-bottom: 17px
}

.banner .action-box {
    margin-top: 30px
}

.header-tooltip {
    top: -25px;
    position: relative
}

.header-tooltip h4 {
    display: inline;
    top: 0px
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

.not-logged-in .brand-nav-login {
    background: #FFFFFF
}

.not-logged-in .container-fluid {
    margin-top: 80px;
    background: #ffffff
}

.not-logged-in .content-space {
    margin-left: 0px
}

.not-logged-in #header {
    height: 80px
}

.login-area-wrap {
    padding: 25px 0 10px 0;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

#landing-page {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 10px !important;
    border-bottom: 1px solid #e1e1e1;
    background-position: 50% 50%;
    margin: 0;
    background: #F5F5F5
}

#main-logo {
    background-image: url("mediagraph_logo.png");
    background-position: 3px 50%;
    background-repeat: no-repeat;
    width: 200px;
    height: 55px;
    display: block;
    visibility: none;
    margin: 0;
    text-indent: -2000px;
    outline: none
}

.registration-form {
    width: 420px;
    margin-top: 25px;
    float: right
}

.registration-form input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.registration-form .error input {
    border: 1px solid red
}

.registration-form .form-group {
    margin-bottom: 10px
}

@media all and (max-width: 900px) {
    .registration-form {
        float: left;
        clear: left;
        position: relative;
        left: 50%;
        margin-left: -210px;
        margin-top: 0
    }

    .join-os-summary {
        position: relative;
        left: 50%;
        margin-left: -200px;
        width: 400px
    }

    .main-welcome-header {
        margin-right: auto;
        margin-left: auto;
        width: 500px
    }
}

.main-welcome-header {
    font-size: 32px;
    line-height: 33px;
    margin-bottom: 12px;
    font-family: "Roboto",Arial,sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 12px auto
}

#submit-register {
    line-height: 22px;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px
}

.join-os-summary {
    float: left
}

.signup {
    margin-top: 10px
}

.join-os-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    overflow: hidden
}

.join-os-item {
    padding: 16px 0 16px 60px;
    margin: 0 0 10px 0;
    font-size: 16px;
    background-position: 2px 50%;
    background-repeat: no-repeat
}

.join-os-item h5 {
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    margin: 0
}

.join-os-item h5 span {
    font-weight: bold
}

.join-os-discover {
    background-image: url("discover_icon.png")
}

.join-os-manage {
    background-image: url("manage_icon.png")
}

.join-os-transact {
    background-image: url("transact_icon.png")
}

.join-os-enhance {
    background-image: url("enhance_icon.png")
}

#error-messages {
    margin: 0 0 10px 0;
    list-style: none;
    padding: 0;
    clear: left
}

.registration_form #submit {
    clear: left
}

.terms-agreement {
    float: left;
    width: 410px;
    margin-bottom: 10px;
    color: #666666
}

.terms-agreement a {
    color: #666666
}

.os-page-topper {
    height: 3px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1033;
    background: #e43436;
    background: -moz-linear-gradient(left, #e43436 0%, #a02a5c 20%, #5d1e86 40%, #2351bf 60%, #0093db 80%, #24b5ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e43436), color-stop(20%, #a02a5c), color-stop(40%, #5d1e86), color-stop(60%, #2351bf), color-stop(80%, #0093db), color-stop(100%, #24b5ee));
    background: -webkit-linear-gradient(left, #e43436 0%, #a02a5c 20%, #5d1e86 40%, #2351bf 60%, #0093db 80%, #24b5ee 100%);
    background: -o-linear-gradient(left, #e43436 0%, #a02a5c 20%, #5d1e86 40%, #2351bf 60%, #0093db 80%, #24b5ee 100%);
    background: -ms-linear-gradient(left, #e43436 0%, #a02a5c 20%, #5d1e86 40%, #2351bf 60%, #0093db 80%, #24b5ee 100%);
    background: linear-gradient(to right, #e43436 0%, #a02a5c 20%, #5d1e86 40%, #2351bf 60%, #0093db 80%, #24b5ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e43436', endColorstr='#24b5ee',GradientType=1 )
}

.brand-nav-login {
    background-color: #F5F5F5;
    background-image: none;
    height: 80px;
    min-width: 600px;
    padding: 0 20px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 1031;
    border-bottom: 1px solid #e1e1e1
}

.brand-nav-login .logo {
    padding: 10px 15px
}

.brand-nav-login .logo a {
    float: left
}

.brand-nav-login .logo span {
    line-height: 34px
}

.header-login {
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    position: relative
}

.footer-login {
    width: 100%;
    background-color: #D9D9D9
}

.footer-login div {
    width: 1000px;
    margin: 0 auto;
    font-size: 10px
}

.footer-login p {
    padding: 0 0 25px 0;
    border-top: 1px solid #CCC;
    font-size: 20px;
    line-height: 32px;
    margin: 25px 0 0 0
}

#landing-page {
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    padding: 10px 0 10px 0
}

.footer-login-page {
    padding: 10px 0;
    position: relative;
    background: #FFFFFF;
    box-shadow: none;
    z-index: auto
}

.footer-login-page .footer-wrap {
    width: 100%;
    max-width: 1040px;
    padding: 0;
    margin: 15px auto 50px auto;
    overflow: hidden
}

.footer-wrap {
    padding: 0;
    overflow: hidden
}

.footer-nav {
    list-style: none;
    margin: 0 0 5px 20px;
    padding: 2px 0;
    font-size: 12px;
    overflow: hidden;
    color: #777777
}

.footer-nav li {
    float: left;
    margin-right: 23px;
    line-height: 23px
}

.footer-nav a {
    color: #777777;
    text-decoration: none
}

.footer-nav a:hover {
    text-decoration: underline;
    color: #0093DB
}

#login-form .btn-info {
    text-transform: uppercase;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 7px;
    font-size: 13px
}

.login-form-holder {
    position: absolute;
    top: 3px;
    right: 0
}

.first-actions {
    float: left;
    padding: 18px 0;
    margin-right: 5px;
    position: absolute;
    font-size: 15px;
    right: 0;
    top: 0;
    width: 335px
}

.first-actions a {
    margin: 10px 18px;
    line-height: 20px;
    float: right;
    display: block;
    outline: none;
    border: none;
    color: #777777
}

.first-actions a:hover {
    text-decoration: none;
    color: #333
}

#uploadPaneForm {
    margin: 0;
    display: none
}

.btn-learn-more {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding: 10px 25px;
    color: #FFFFFF;
    background: #5D1E86;
    text-shadow: none;
    box-shadow: none;
    position: absolute;
    left: 0;
    bottom: 10px
}

.btn-learn-more:hover {
    background: #662193;
    background-image: none;
    color: #FFFFFF;
    text-shadow: none
}

.adv-op-wrap {
    background: #e1e1e1;
    padding: 2px;
    overflow: hidden;
    width: 654px;
    margin-bottom: 20px
}

.adv-op-wrap>div {
    background: #FFFFFF;
    height: auto;
    width: 320px;
    float: right;
    overflow: auto
}

.option-scroller {
    height: 182px;
    overflow: auto
}

.adv-op-left {
    margin-right: 10px
}

.adv-op-wrap a.adv-op-action {
    position: absolute;
    right: 14px;
    top: 0;
    line-height: 20px;
    color: #0088CC
}

.adv-op-wrap .option {
    clear: both;
    display: block;
    padding: 1px 75px 1px 14px;
    position: relative;
    line-height: 19px
}

.adv-op-wrap .add-all {
    float: right
}

.adv-op-wrap .remove-all {
    float: right;
    margin-right: 10px
}

.adv-op-wrap a.remove-link {
    color: #CCCCCC;
    font-size: 11px
}

.adv-op-wrap .bulk-box {
    background: #efefef;
    border: 1px solid #ffffff;
    padding: 3px 6px;
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    height: auto;
    font-size: 12px;
    line-height: 23px
}

.adv-op-wrap .create-box {
    background: #efefef;
    border: 1px solid #ffffff;
    padding: 3px 6px;
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    height: auto;
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 0;
    padding: 6px 10px;
    border-top: 1px solid #e1e1e1
}

.adv-op-wrap div.option.hidden,.adv-op-wrap div.option.filtered {
    display: none !important
}

.live-search .live-search-input {
    width: 150px;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 22px;
    float: left;
    margin: 0 5px 2px 5px
}

.create-box .live-create-input {
    width: 150px;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 22px;
    float: left;
    margin: 0 5px 2px 5px;
    width: 150px;
    margin: 0 8px 2px 1px
}

.create-box .icon-spinner {
    line-height: 15px;
    position: relative;
    left: 9px;
    top: 2px
}

.live-search i {
    float: left;
    display: block;
    height: 21px;
    line-height: 21px;
    margin: 2px 0
}

.adv-op-left .move-down-icon,.adv-op-left .move-up-icon {
    display: none
}

.adv-op-right .icon-reorder {
    color: #CCCCCC;
    font-size: 13px;
    position: absolute;
    left: 8px;
    top: 2px
}

.adv-op-left .icon-reorder {
    display: none
}

.adv-op-right .option {
    cursor: move;
    position: relative;
    padding-left: 25px
}

.error .adv-op-wrap {
    padding: 3px;
    border: 1px solid #FF3636
}

.error .live-search-input {
    border: 1px solid #CCCCCC !important
}

.add-more-link {
    display: none
}

.adv-op-expand {
    float: right;
    font-weight: bold;
    font-size: 11px
}

.adv-op-wrap.compact {
    width: 354px
}

.adv-op-wrap.vertical {
    width: 354px
}

.adv-op-wrap.vertical .adv-op-right .bulk-box {
    display: none
}

.adv-op-wrap.compact .adv-op-right .bulk-box {
    display: none
}

.adv-op-wrap.minimized {
    background: #FFFFFF
}

.adv-op-wrap.minimized .add-more-link {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 19px;
    padding: 0 10px 0 8px;
    background-repeat: #ffffff;
    background: #FFFFFF
}

.adv-op-wrap.vertical>div,.adv-op-wrap.compact>div {
    padding-right: 0;
    width: 350px;
    height: auto
}

.adv-op-wrap.vertical .adv-op-right,.adv-op-wrap.compact .adv-op-right {
    float: left;
    height: auto;
    position: relative
}

.adv-op-wrap.vertical .adv-op-left,.adv-op-wrap.compact .adv-op-left {
    float: left;
    clear: both;
    margin-right: 0;
    position: relative
}

.adv-op-wrap.minimized .adv-op-left {
    display: none
}

.adv-op-wrap.vertical .adv-op-right .option,.adv-op-wrap.compact .adv-op-right .option {
    padding-right: 90px
}

.adv-op-wrap.vertical .adv-op-right a.adv-op-action,.adv-op-wrap.compact .adv-op-right a.adv-op-action {
    left: 312px
}

.adv-op-wrap.vertical .adv-op-left .bulk-box,.adv-op-wrap.compact .adv-op-left .bulk-box {
    padding: 5px 6px;
    height: auto
}

.adv-op-wrap.vertical .adv-op-left .option-scroller {
    overflow: auto;
    height: 120px
}

.adv-op-wrap.compact .adv-op-left .option-scroller {
    height: 140px !important;
    overflow: auto
}

.adv-op-wrap.compact .add-more-link {
    display: none !important
}

.adv-op-wrap.compact .adv-op-right .bulk-box {
    display: none
}

.adv-op-wrap.vertical .adv-op-right .option-scroller {
    overflow: auto;
    height: auto;
    max-height: 130px;
    padding-bottom: 0
}

.adv-op-wrap.compact .adv-op-right .option-scroller {
    height: auto;
    max-height: 80px;
    padding-bottom: 0
}

.adv-op-right .option-scroller .option:first-of-type {
    margin-top: 5px
}

.adv-op-right .option-scroller .option:last-of-type {
    margin-bottom: 5px
}

.adv-op-wrap.minimized .adv-op-right .option-scroller .option:first-of-type {
    margin-top: 0
}

.adv-op-wrap.minimized .adv-op-right .option-scroller .option:last-of-type {
    margin-bottom: 0
}

.adv-op-wrap.minimized.vertical .adv-op-right .option-scroller,.adv-op-wrap.minimized.compact .adv-op-right .option-scroller {
    height: auto;
    margin-bottom: 18px;
    padding-bottom: 0
}

.adv-op-wrap.vertical a.remove-all,.adv-op-wrap.vertical a.add-all {
    display: none
}

.adv-op-wrap.compact a.remove-all,.adv-op-wrap.compact a.add-all {
    display: none
}

.adv-op-opener {
    color: #333333;
    padding: 0 15px;
    background: #efefef;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    display: inline-block
}

.adv-op-opener.open {
    margin-bottom: 10px
}

.adv-op-opener:hover {
    color: #333333;
    text-decoration: none;
    border: 1px solid #CCCCCC
}

.error .adv-op-opener {
    border: 1px solid #FF3636
}

.adv-op-wrap .create-box .live-create-submit {
    line-height: 15px;
    font-size: 13px;
    padding: 2px 4px
}

.live-edit-instance {
    padding: 3px;
    background: #e8e8e8;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 1px 2px 3px rgba(20,20,20,0.4);
    -moz-box-shadow: 1px 2px 3px rgba(20,20,20,0.4);
    box-shadow: 1px 2px 3px rgba(20,20,20,0.4)
}

.live-edit-instance .live-edit {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px
}

.live-edit-instance .popover-help {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none
}

.live-edit-open {
    display: block !important
}

.field-value span {
    margin-right: 12px
}

.live-edit-show span {
    font-weight: bold;
    line-height: 26px
}

.live-edit-show span.normal {
    font-weight: normal
}

.live-edit-show {
    padding: 3px 30px 3px 9px;
    border: none;
    margin-bottom: 0;
    cursor: pointer;
    position: relative
}

.live-edit-show:hover {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #E8E8E8;
    padding: 2px 29px 2px 8px
}

.live-edit-show:hover .popover-help {
    right: 4px;
    top: 4px;
    display: inline-block
}

.controls.live-edit-fields {
    margin-left: 32px !important
}

.live-edit-fields.hide,.live-edit-show.hide {
    display: none !important
}

.live-edit-fields .btn {
    margin-top: 15px
}

.live-edit-fields .controls {
    clear: left
}

.field-value {
    padding: 3px 30px 3px 9px;
    border: none;
    margin-bottom: 0;
    cursor: pointer;
    position: relative
}

.field-value .popover-help {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none
}

.field-value:hover {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #E8E8E8;
    padding: 2px 29px 2px 8px
}

.field-value:hover .popover-help {
    right: 4px;
    top: 4px;
    display: inline-block
}

.live-edit-placeholder {
    font-style: italic;
    color: #999999
}

.live-edit .loading-spinner {
    margin: 5px 0 0 35px;
    font-size: 20px;
    color: #666666
}

h2 p.field-value {
    font-size: 20px;
    line-height: 36px
}

.field-meta {
    width: 100%;
    text-align: center;
    clear: both;
    height: 20px;
    display: none
}

.field-edit {
    font-weight: normal !important;
    line-height: 20px;
    font-size: 13px;
    color: #999
}

.field-edit:hover {
    text-decoration: none;
    color: #777777
}

h2 .field-edit {
    font-size: 12px
}

.live-edit-btn {
    clear: left;
    margin: 5px
}

.chosen-select {
    width: 100%
}

.chosen-select-deselect {
    width: 100%
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle
}

.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #999;
    border-top-color: #d9d9d9;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.25);
    box-shadow: 0 8px 8px rgba(0,0,0,0.25);
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
    right: 0
}

.chosen-container .chosen-results {
    color: #555;
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    line-height: 1.42857;
    list-style: none;
    margin: 0;
    padding: 5px 6px
}

.chosen-container .chosen-results li em {
    background: #feffde;
    font-style: normal
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    color: #999;
    font-weight: bold
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item
}

.chosen-container .chosen-results li.highlighted {
    background-color: #428bca;
    color: white
}

.chosen-container .chosen-results li.highlighted em {
    background: transparent
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #999
}

.chosen-container .chosen-results .no-results {
    background: #eee;
    display: list-item
}

.chosen-container .chosen-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1
}

.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 1.42857;
    text-indent: -5000px;
    width: 9px
}

.chosen-container .chosen-results-scroll-down {
    bottom: 0
}

.chosen-container .chosen-results-scroll-down span {
    background: url("chosen-sprite.png") no-repeat -4px -3px
}

.chosen-container .chosen-results-scroll-up span {
    background: url("chosen-sprite.png") no-repeat -22px -3px
}

.chosen-container-single .chosen-single {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
    background-repeat: repeat-x;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    color: #555;
    display: block;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single abbr {
    background: url("chosen-sprite.png") right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 12px;
    width: 12px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: right -11px
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
    background-position: right 2px
}

.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px
}

.chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png") no-repeat 0 7px;
    display: block;
    height: 100%;
    width: 100%
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000
}

.chosen-container-single .chosen-search input {
    background: url("chosen-sprite.png") no-repeat 100% -20px,#fff;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    margin: 1px 0;
    padding: 4px 20px 4px 4px;
    width: 100%
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px
}

.chosen-container-multi .chosen-choices {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    cursor: text;
    height: auto !important;
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices .search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices .search-field input {
    background: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #555;
    height: 32px;
    margin: 0;
    padding: 4px;
    outline: 0
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices .search-choice {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #eee;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 6px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url("chosen-sprite.png") right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 5px;
    width: 12px
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -11px
}

.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px
}

.chosen-container-multi .chosen-results {
    margin: 0 0 0 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container-active .chosen-single {
    border: 1px solid rgba(82,168,236,0.8);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #eee;
    border: 1px solid rgba(82,168,236,0.8);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
    border-left: none
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px
}

.chosen-container-active .chosen-choices {
    border: 1px solid rgba(82,168,236,0.8);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s
}

.chosen-container-active .chosen-choices .search-field input {
    color: #111 !important
}

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    padding: 0 8px 0 0;
    overflow: visible
}

.chosen-rtl .chosen-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl
}

.chosen-rtl .chosen-single div {
    left: 7px;
    right: auto
}

.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto
}

.chosen-rtl .chosen-choices .search-field input {
    direction: rtl
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices .search-choice {
    margin: 6px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
    background-position: right top;
    left: 4px;
    right: auto
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results .group-option {
    padding-left: 0;
    padding-right: 15px
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input {
    background: url("chosen-sprite.png") no-repeat -28px -20px,#fff;
    direction: rtl;
    padding: 4px 5px 4px 20px
}

@font-face {
    font-family:'FontAwesome';src:url("http://onescreen-cdn.s3.amazonaws.com/os/static/css/font_os/font/os.eot?v=3.2.1");src:url("http://onescreen-cdn.s3.amazonaws.com/os/static/css/font_os/font/os.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("http://onescreen-cdn.s3.amazonaws.com/os/static/css/font_os/font/os.woff?v=3.2.1") format("woff"),url("http://onescreen-cdn.s3.amazonaws.com/os/static/css/font_os/font/os.ttf?v=3.2.1") format("truetype"),url("http://onescreen-cdn.s3.amazonaws.com/os/static/css/font_os/font/os.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal
}[class^="icon-"],[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}[class^="icon-"]:before,[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em
}

a [class^="icon-"],a [class*=" icon-"] {
    display: inline
}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.1428571428571428em;
    text-align: right;
    padding-right: 0.2857142857142857em
}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.4285714285714286em
}

.icons-ul {
    margin-left: 2.142857142857143em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit
}[class^="icon-"].hide,[class*=" icon-"].hide {
    display: none
}

.icon-muted {
    color: #eeeeee
}

.icon-light {
    color: #ffffff
}

.icon-dark {
    color: #333333
}

.icon-border {
    border: solid 1px #eeeeee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}[class^="icon-"].pull-left,[class*=" icon-"].pull-left {
    margin-right: .3em
}[class^="icon-"].pull-right,[class*=" icon-"].pull-right {
    margin-left: .3em
}[class^="icon-"],[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0
}

.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: none
}

.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin {
    display: inline-block
}

.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em
}

.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em
}

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

.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em
}

.nav-list [class^="icon-"],.nav-list [class*=" icon-"] {
    line-height: inherit
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em
}

.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-stack,a .icon-spin {
    display: inline-block;
    text-decoration: none
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before {
    display: inline-block
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-alt:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-power-off:before,.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-gear:before,.icon-cog:before {
    content: "\f013"
}

.icon-trash:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file-alt:before {
    content: "\f016"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

.icon-rotate-right:before,.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-mail-forward:before,.icon-share-alt:before {
    content: "\f064"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

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

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

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder-close:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-gears:before,.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-up-alt:before {
    content: "\f087"
}

.icon-thumbs-down-alt:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-unchecked:before,.icon-check-empty:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a4"
}

.icon-hand-left:before {
    content: "\f0a5"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a8"
}

.icon-circle-arrow-right:before {
    content: "\f0a9"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paperclip:before,.icon-paper-clip:before {
    content: "\f0c6"
}

.icon-save:before {
    content: "\f0c7"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-rotate-left:before,.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-text-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign-alt:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f100"
}

.icon-double-angle-right:before {
    content: "\f101"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before,.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-smile:before {
    content: "\f118"
}

.icon-frown:before {
    content: "\f119"
}

.icon-meh:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard:before {
    content: "\f11c"
}

.icon-flag-alt:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-reply-all:before {
    content: "\f122"
}

.icon-mail-reply-all:before {
    content: "\f122"
}

.icon-star-half-full:before,.icon-star-half-empty:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-off:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-empty:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-sign-left:before {
    content: "\f137"
}

.icon-chevron-sign-right:before {
    content: "\f138"
}

.icon-chevron-sign-up:before {
    content: "\f139"
}

.icon-chevron-sign-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-rss-sign:before {
    content: "\f143"
}

.icon-play-sign:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-sign-alt:before {
    content: "\f146"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-sign:before {
    content: "\f14a"
}

.icon-edit-sign:before {
    content: "\f14b"
}

.icon-external-link-sign:before {
    content: "\f14c"
}

.icon-share-sign:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-collapse:before {
    content: "\f150"
}

.icon-collapse-top:before {
    content: "\f151"
}

.icon-expand:before {
    content: "\f152"
}

.icon-euro:before,.icon-eur:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before,.icon-usd:before {
    content: "\f155"
}

.icon-rupee:before,.icon-inr:before {
    content: "\f156"
}

.icon-yen:before,.icon-jpy:before {
    content: "\f157"
}

.icon-renminbi:before,.icon-cny:before {
    content: "\f158"
}

.icon-won:before,.icon-krw:before {
    content: "\f159"
}

.icon-bitcoin:before,.icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-by-alphabet:before {
    content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e"
}

.icon-sort-by-attributes:before {
    content: "\f160"
}

.icon-sort-by-attributes-alt:before {
    content: "\f161"
}

.icon-sort-by-order:before {
    content: "\f162"
}

.icon-sort-by-order-alt:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-sign:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-sign:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stackexchange:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-sign:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-sign:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun:before {
    content: "\f185"
}

.icon-moon:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.icon-brightcove:before {
    content: "\e000"
}

.table-list-enum {
    margin: 20px 50px
}

.table-list-enum th,.table-list-enum td {
    border: 1px solid #058dc7;
    padding: 5px 10px;
    width: 200px;
    height: 25px
}

.table-list-enum th {
    background-color: #e0eff6
}

.getting-started {
    font-size: 14px;
    line-height: 21px
}

.reporting-title {
    font-weight: bold;
    margin-left: 15px;
    top: 20px
}

.reporting-title-level-2 {
    font-weight: bold;
    margin: 30px 15px 5px
}

.reports-title {
    padding-top: 20px
}

#report-date-from,#report-date-to {
    background-color: rgba(5,141,199,0.1);
    border: 1px solid rgba(5,141,199,0.5);
    color: #058dc7
}

#report-date-from-compare,#report-date-to-compare {
    background-color: rgba(237,126,23,0.1);
    border: 1px solid rgba(237,126,23,0.5);
    color: #ed7e17
}

.datepicker-from {
    padding-right: 5px !important
}

.datepicker-to {
    padding-left: 5px !important
}

.export-center-outer {
    width: 100%;
    text-align: center;
    margin-bottom: 80px
}

.export-center-inner {
    display: inline-block
}

#export-selection-table th {
    font-size: 120%;
    padding: 10px 25px;
    background-color: #EEE
}

#export-selection-table td input {
    margin: 10px 6px !important
}

#accounts-dropdown {
    width: 220px !important
}

.widget-compare {
    margin-bottom: 5px
}

#iframe_container {
    margin-top: 10px
}

#search-results {
    float: left;
    width: 80%
}

#category_chosen {
    max-width: 150px;
    cursor: pointer
}

#category,#compare-to {
    width: 146px;
    padding-left: 2px;
    margin-right: 2px;
    cursor: pointer
}

#compare-box {
    cursor: pointer
}

#compare-to {
    display: inline-block
}

.label-right-space {
    margin-right: 10px
}

.nav-tabs.nav-stacked.choices,.nav-tabs.nav-stacked.selection {
    overflow: auto;
    height: 170px;
    width: 100%
}

.nav.nav-tabs.nav-stacked {
    border: 1px dashed #999
}

.nav-tabs.nav-stacked>li:first-child {
    margin-left: 0px
}

.info-large {
    display: block;
    text-align: center;
    font: 36px Arial;
    letter-spacing: 2px;
    color: #ccc;
    vertical-align: middle;
    line-height: 160px
}

.search-info-report {
    color: black;
    position: relative;
    background-color: #ccc;
    padding: 0px 4px;
    display: inline-block;
    width: 20px;
    text-align: center;
    margin: 6px 0px 0px 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.search-info-report:hover {
    text-decoration: none !important;
    color: black
}

.detail-input {
    width: 150px
}

.do-filter-search {
    margin: 1px 2px;
    color: #333;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.do-filter-search:hover {
    color: #ccc;
    background-color: #333
}

.do-filter-search.active {
    color: #333;
    background-color: #ccc
}

.filter-search-container {
    padding: 20px 10px;
    overflow: visible !important
}

.filter-search-toggle {
    border: 2px solid #ccc;
    background-color: #EBEBEB;
    padding: 8px 0px !important;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 125%
}

.filter-search-toggle:hover {
    background-color: #ccc;
    border: 2px solid #AAA
}

.filter-search-toggle i {
    padding: 0px 10px
}

.apply-reports-changes {
    color: #e0eff6;
    background-color: #058dc7;
    border: 1px solid #058dc7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.apply-reports-changes:hover {
    color: #058dc7;
    background-color: #e0eff6
}

.apply-reports-changes.active {
    color: #e0eff6;
    background-color: #058dc7
}

.export-reports {
    color: #e0eff6;
    background-color: #058dc7;
    border: 1px solid #058dc7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.export-reports:hover {
    color: #058dc7;
    background-color: #e0eff6
}

.export-reports.active {
    color: #e0eff6;
    background-color: #058dc7
}

.btn-gray-report {
    color: #333;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.btn-gray-report:hover {
    color: #ccc;
    background-color: #333
}

.btn-gray-report.active {
    color: #333;
    background-color: #ccc
}

div.date-btn-container {
    float: left
}

div.date-dashboard>button.btn {
    position: relative;
    bottom: 100px;
    left: 550px
}

div.date-dashboard {
    height: 50px;
    position: relative;
    bottom: 15px;
    left: 50%
}

h3.chart-nodata {
    margin-left: 40%
}

#total_count,#average_count {
    padding-right: 10px
}

span.larger-font {
    font-size: 150%;
    padding: 0px 4px
}

#graph_summary {
    float: left;
    height: 100%;
    padding: 2px 10px;
    text-align: center;
    background: #EBEBEB;
    border: 2px solid #ccc;
    margin-top: 15px;
    width: 100%
}

.summary {
    float: left;
    padding: 0px 12px 0px 24px
}

.data_summary {
    padding: 0px 10px
}

.data_summary h1 {
    margin: 0px;
    text-align: center
}

.data_summary h5 {
    margin: 0px 0px 5px 0px;
    text-align: center
}

#charts-buttons {
    width: 180px;
    top: -30px;
    height: 0px;
    margin: 1px
}

#chart {
    width: 96%;
    height: 220px;
    clear: both
}

.Ft {
    border-right: 1px solid #ccc;
    height: 20px;
    margin: 1px 20px;
    vertical-align: top;
    width: 0
}[class*="span"] {
    margin: 0px !important;
    padding: 0px !important
}

#overview-dimensions,#overview-usage {
    position: relative;
    top: 25px;
    width: 101% !important;
    clear: both
}

.menu-dimensions,.menu-usage {
    float: left;
    padding-left: 6px;
    height: 540px;
    width: 99%;
    border-top: 1px solid #666666
}

#menu-usage-anchor {
    margin-bottom: 25px
}

.table-link {
    cursor: pointer
}

.menu-table {
    width: 99%
}

.menu-table th {
    border-bottom: 1px solid #666666;
    padding: 9px 6px;
    margin-left: 6px;
    text-align: left;
    z-index: 2
}

.menu-table li {
    color: #058dc7;
    cursor: pointer;
    list-style-type: none;
    padding: 12px 0px 12px 6px;
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    text-decoration: underline;
    position: relative
}

.menu-table li.active {
    background: none repeat scroll 0 0 #e0eff6;
    color: #000000
}

.menu-table li:hover {
    background: none repeat scroll 0 0 #f6fafe;
    color: #000000
}

.menu-table div.dimension-title {
    float: left;
    width: 93%
}

.menu-table div.active {
    background: url("nav_child_closed_ltr.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 7px;
    width: 7px;
    position: absolute;
    top: 50%;
    right: 2px
}

.usage-title {
    width: 160px;
    font-size: 140%
}

.usage-menu-sum {
    min-width: 160px
}

#dimension-data,#usage-data {
    float: left;
    outline-style: none;
    padding-bottom: 0px;
    width: 100%
}

.reports-tables,#report-marketplace-table,#report-table {
    padding-top: 10px;
    border-top: 1px solid #808080
}

#report-marketplace-table,.report-usage-table,.report-revenue-table,#report-table {
    float: left;
    outline-style: none;
    padding: 10px 0px;
    margin-left: 15px;
    width: 97%
}

#report-custom-tables {
    padding: 15px !important;
    margin-top: 20px !important
}

#table-report-marketplace,#table-report-usage-bandwidth,#table-report-usage-storage,#table-report-usage-encoder,#table-report-usage-ad-server,#table-report-usage-click-server,.table-report-revenue,#table-report-custom,#table-report {
    width: 100%;
    padding-bottom: 60px
}

#marketplace-report-choices {
    width: 100%;
    margin: 20px 10px 0px;
    padding: 10px 0px;
    background: #D8D8D8
}

.report-marketplace-radio {
    margin-right: 0px !important;
    cursor: pointer
}

.radio-label-marketplace {
    padding-left: 5px
}

.table-with-space {
    padding-bottom: 80px;
    width: 100%;
    height: 100%
}

.dataTables_info {
    padding-top: 20px
}

.row-helper-container {
    width: 452px;
    padding: 0px;
    margin: 0px 10px
}

.input-dimension-select,.input-metric-select {
    width: 165px;
    cursor: pointer
}

.pagination-top {
    margin-top: -25px !important
}

.total-report-summary {
    color: #000000;
    font-weight: bold;
    background-color: #FFF4F4
}

.table-report-revenue-summary,.table-report-summary,.total-report-summary {
    margin: 5px 10px;
    width: 450px
}

.table-report-revenue-summary tr:first-child th,.table-report-summary tr:first-child th,.total-report-summary tr:first-child th {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    color: #000000;
    font-weight: bold;
    padding: 12px 8px 12px
}

.table-report-revenue-summary tr th,.table-report-summary tr th,.total-report-summary tr th {
    cursor: pointer
}

.table-report-revenue-summary tr th.col-number,.table-report-summary tr th.col-number,.total-report-summary tr th.col-number {
    padding-right: 0 !important;
    width: 35px;
    cursor: auto
}

.table-report-revenue-summary tr td,.table-report-summary tr td,.total-report-summary tr td {
    padding: 8px 8px 7px
}

.table-report-revenue-summary tr:last-child td,.table-report-summary tr:last-child td,.total-report-summary tr:last-child td {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080
}

.table-report-revenue-summary td,.table-report-summary td,.total-report-summary td {
    width: 210px;
    border-bottom: 1px solid #CBCBCB;
    padding: 0px 20px
}

.table-report-revenue-summary td.col-number,.table-report-summary td.col-number,.total-report-summary td.col-number {
    padding-right: 0 !important;
    width: 35px
}

.table-dimension-data,#table-report-usage-bandwidth,#table-report-usage-storage,#table-report-usage-encoder,#table-report-usage-ad_server,#table-report-usage-click_server,.table-report-revenue,#table-report-marketplace,#table-report-custom,#table-report {
    margin-bottom: 7px;
    width: 100%
}

.table-dimension-data th,#table-report-usage-bandwidth th,#table-report-usage-storage th,#table-report-usage-encoder th,#table-report-usage-ad_server th,#table-report-usage-click_server th,.table-report-revenue th,#table-report-marketplace th,#table-report-custom th,#table-report th {
    cursor: pointer;
    padding-left: 8px
}

.table-dimension-data th.dim-number,#table-report-usage-bandwidth th.dim-number,#table-report-usage-storage th.dim-number,#table-report-usage-encoder th.dim-number,#table-report-usage-ad_server th.dim-number,#table-report-usage-click_server th.dim-number,.table-report-revenue th.dim-number,#table-report-marketplace th.dim-number,#table-report-custom th.dim-number,#table-report th.dim-number {
    padding-right: 0 !important;
    width: 20px;
    cursor: auto
}

.table-dimension-data th.dim-name,.table-dimension-data th.dim-country,.table-dimension-data th.metric-percent,#table-report-usage-bandwidth th.dim-name,#table-report-usage-bandwidth th.dim-country,#table-report-usage-bandwidth th.metric-percent,#table-report-usage-storage th.dim-name,#table-report-usage-storage th.dim-country,#table-report-usage-storage th.metric-percent,#table-report-usage-encoder th.dim-name,#table-report-usage-encoder th.dim-country,#table-report-usage-encoder th.metric-percent,#table-report-usage-ad_server th.dim-name,#table-report-usage-ad_server th.dim-country,#table-report-usage-ad_server th.metric-percent,#table-report-usage-click_server th.dim-name,#table-report-usage-click_server th.dim-country,#table-report-usage-click_server th.metric-percent,.table-report-revenue th.dim-name,.table-report-revenue th.dim-country,.table-report-revenue th.metric-percent,#table-report-marketplace th.dim-name,#table-report-marketplace th.dim-country,#table-report-marketplace th.metric-percent,#table-report-custom th.dim-name,#table-report-custom th.dim-country,#table-report-custom th.metric-percent,#table-report th.dim-name,#table-report th.dim-country,#table-report th.metric-percent {
    text-align: left
}

.table-dimension-data th.dim-region,#table-report-usage-bandwidth th.dim-region,#table-report-usage-storage th.dim-region,#table-report-usage-encoder th.dim-region,#table-report-usage-ad_server th.dim-region,#table-report-usage-click_server th.dim-region,.table-report-revenue th.dim-region,#table-report-marketplace th.dim-region,#table-report-custom th.dim-region,#table-report th.dim-region {
    padding-right: 20px;
    text-align: right
}

.table-dimension-data th.metric-qty,#table-report-usage-bandwidth th.metric-qty,#table-report-usage-storage th.metric-qty,#table-report-usage-encoder th.metric-qty,#table-report-usage-ad_server th.metric-qty,#table-report-usage-click_server th.metric-qty,.table-report-revenue th.metric-qty,#table-report-marketplace th.metric-qty,#table-report-custom th.metric-qty,#table-report th.metric-qty {
    padding-right: 20px;
    text-align: right
}

.table-dimension-data tr:first-child th,#table-report-usage-bandwidth tr:first-child th,#table-report-usage-storage tr:first-child th,#table-report-usage-encoder tr:first-child th,#table-report-usage-ad_server tr:first-child th,#table-report-usage-click_server tr:first-child th,.table-report-revenue tr:first-child th,#table-report-marketplace tr:first-child th,#table-report-custom tr:first-child th,#table-report tr:first-child th {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    color: #000000;
    font-weight: bold;
    padding: 12px 20px 12px 8px
}

.table-dimension-data tr td,#table-report-usage-bandwidth tr td,#table-report-usage-storage tr td,#table-report-usage-encoder tr td,#table-report-usage-ad_server tr td,#table-report-usage-click_server tr td,.table-report-revenue tr td,#table-report-marketplace tr td,#table-report-custom tr td,#table-report tr td {
    padding: 8px 8px 7px
}

.table-dimension-data td,#table-report-usage-bandwidth td,#table-report-usage-storage td,#table-report-usage-encoder td,#table-report-usage-ad_server td,#table-report-usage-click_server td,.table-report-revenue td,#table-report-marketplace td,#table-report-custom td,#table-report td {
    border-bottom: 1px solid #CBCBCB
}

.table-dimension-data td.number,#table-report-usage-bandwidth td.number,#table-report-usage-storage td.number,#table-report-usage-encoder td.number,#table-report-usage-ad_server td.number,#table-report-usage-click_server td.number,.table-report-revenue td.number,#table-report-marketplace td.number,#table-report-custom td.number,#table-report td.number {
    text-align: right;
    vertical-align: middle;
    width: 1%
}

.table-dimension-data td.dim-name,#table-report-usage-bandwidth td.dim-name,#table-report-usage-storage td.dim-name,#table-report-usage-encoder td.dim-name,#table-report-usage-ad_server td.dim-name,#table-report-usage-click_server td.dim-name,.table-report-revenue td.dim-name,#table-report-marketplace td.dim-name,#table-report-custom td.dim-name,#table-report td.dim-name {
    text-align: left
}

.table-dimension-data td.dim-region,.table-dimension-data td.metric-qty,#table-report-usage-bandwidth td.dim-region,#table-report-usage-bandwidth td.metric-qty,#table-report-usage-storage td.dim-region,#table-report-usage-storage td.metric-qty,#table-report-usage-encoder td.dim-region,#table-report-usage-encoder td.metric-qty,#table-report-usage-ad_server td.dim-region,#table-report-usage-ad_server td.metric-qty,#table-report-usage-click_server td.dim-region,#table-report-usage-click_server td.metric-qty,.table-report-revenue td.dim-region,.table-report-revenue td.metric-qty,#table-report-marketplace td.dim-region,#table-report-marketplace td.metric-qty,#table-report-custom td.dim-region,#table-report-custom td.metric-qty,#table-report td.dim-region,#table-report td.metric-qty {
    padding-left: 8px;
    padding-right: 20px;
    text-align: right
}

.table-dimension-data td.metric-percent,#table-report-usage-bandwidth td.metric-percent,#table-report-usage-storage td.metric-percent,#table-report-usage-encoder td.metric-percent,#table-report-usage-ad_server td.metric-percent,#table-report-usage-click_server td.metric-percent,.table-report-revenue td.metric-percent,#table-report-marketplace td.metric-percent,#table-report-custom td.metric-percent,#table-report td.metric-percent {
    padding: 0px 8px;
    text-align: left
}

.table-dimension-data div.bar-data,#table-report-usage-bandwidth div.bar-data,#table-report-usage-storage div.bar-data,#table-report-usage-encoder div.bar-data,#table-report-usage-ad_server div.bar-data,#table-report-usage-click_server div.bar-data,.table-report-revenue div.bar-data,#table-report-marketplace div.bar-data,#table-report-custom div.bar-data,#table-report div.bar-data {
    background-color: #058dc7;
    display: inline;
    float: left;
    height: 1.17em;
    margin: 0 10px 0 0;
    min-width: 1px
}

.odd {
    background-color: #E3F3FA !important
}

.even {
    background-color: #FEFEFE !important
}

.odd>.sorting_1 {
    background-color: #e0eff6 !important
}

.even>.sorting_1 {
    background-color: #f6fafe !important
}

.table-container {
    width: 100%
}

.uneditable-input {
    width: 70px
}

.table-with-space-anchor {
    padding: 0px 4px !important
}

path {
    stroke: #BBB;
    stroke-width: 0.5px
}

.hidden {
    display: none
}

#usa-all-states {
    clear: both
}

#alaska-hawaii {
    float: left;
    height: 500px;
    width: 200px
}

#alaska {
    height: 300px;
    width: 200px
}

#hawaii {
    height: 200px;
    width: 200px
}

#continental-usa {
    float: left;
    height: 500px;
    width: 850px
}

.region-label {
    fill: #777;
    fill-opacity: .5;
    font-size: 20px;
    font-weight: 300;
    text-anchor: middle
}

.map-tooltips {
    text-align: center;
    font-weight: bold;
    background-color: #F7F7F7;
    padding: 3px;
    min-width: 100px
}

.reports-tooltip {
    position: absolute;
    text-align: center;
    width: 100px;
    padding: 2px;
    background: white;
    font: 12px Arial;
    border: 1px solid #E6E6E6;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.ui-datepicker {
    z-index: 3 !important
}

.circle-blue {
    color: #058dc7
}

.circle-orange {
    color: #ed7e17
}

.filter-info-report {
    position: relative;
    text-decoration: none;
    padding: 0px;
    width: 30px;
    text-align: center;
    margin-right: -8px
}

#pie-btn {
    float: right;
    right: 15px;
    margin-left: 10px;
    width: 58px;
    padding: 2px 0px 2px 3px !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.pie-btn-3quarter {
    float: left;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-top: 12px solid #FF7F0E;
    border-left: 12px solid #2CA02C;
    border-bottom: 12px solid #D62728;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px
}

.pie-btn-1quarter {
    float: left;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-right: 12px solid #1F77B4;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px
}

.pie-btn-arrow-right {
    float: left;
    margin-left: 10px;
    margin-top: 1px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #ccc;
    border-bottom: 10px solid transparent
}

.pie-btn-arrow-left {
    float: left;
    margin-left: 5px;
    margin-top: 1px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #ccc;
    border-bottom: 10px solid transparent
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

.row-fluid:before,.row-fluid:after {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid>[class*="span"] {
    float: left;
    margin-left: 2.127659574%
}

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

.row-fluid .span1 {
    width: 6.382978723%
}

.row-fluid .span2 {
    width: 14.89361702%
}

.row-fluid .span3 {
    width: 23.404255317%
}

.row-fluid .span4 {
    width: 31.914893614%
}

.row-fluid .span5 {
    width: 40.425531911%
}

.row-fluid .span6 {
    width: 48.93617020799999%
}

.row-fluid .span7 {
    width: 57.446808505%
}

.row-fluid .span8 {
    width: 65.95744680199999%
}

.row-fluid .span9 {
    width: 74.468085099%
}

.row-fluid .span10 {
    width: 82.97872339599999%
}

.row-fluid .span11 {
    width: 91.489361693%
}

.row-fluid .span12 {
    width: 99.99999998999999%
}

.no-width {
    width: 0px !important
}

.pie-arrow-right {
    position: relative;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}

.pie-arrow-left {
    position: relative;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.pie-chart-container {
    width: 500
}

svg.pie-chart {
    margin-left: 15px
}

.nvd3 .nv-legend .nv-series {
    cursor: pointer
}

.nvd3 .nv-legend .disabled circle {
    fill-opacity: 0
}

.nvd3.nv-pie .nv-slice text {
    stroke: #000;
    stroke-width: 0
}

.nvd3.nv-pie path {
    stroke: #FFF;
    stroke-width: 1px;
    stroke-opacity: 1;
    transition: "fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear";
    -moz-transition: "fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear";
    -webkit-transition: "fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear"
}

.nvd3.nv-pie path.hover {
    fill-opacity: .7
}

.nvd3.nv-pie .nv-label {
    pointer-events: none
}

.nvd3.nv-pie .nv-label rect {
    fill-opacity: 0;
    stroke-opacity: 0
}

.nvtooltip {
    position: absolute;
    background-color: #fff;
    padding: 2px 8px;
    border: 1px solid rgba(0,0,0,0.2);
    z-index: 10000;
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    pointer-events: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: "opacity 250ms linear";
    -moz-transition: "opacity 250ms linear";
    -webkit-transition: "opacity 250ms linear"
}

.dataTables_length {
    margin-bottom: 7px !important
}

.dataTables_length label {
    vertical-align: middle
}

.dataTables_length select {
    width: 66px;
    cursor: pointer
}

.dataTables_filter {
    margin-bottom: 7px !important
}

.dataTables_filter label {
    vertical-align: middle
}

.dataTables_info {
    padding-top: 8px
}

.dataTables_paginate {
    float: right;
    margin: 0
}

.dataTables_paginate ul.pagination {
    margin: 2px
}

table.table {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important
}

thead.sorting,thead.sorting_asc,thead.sorting_desc,thead.sorting_asc_disabled,thead.sorting_desc_disabled {
    cursor: pointer;
    padding-right: 20px
}

thead .sorting {
    background: url(sort_both.png) no-repeat center right
}

thead .sorting_asc {
    background: url(sort_asc.png) no-repeat center right
}

thead .sorting_desc {
    background: url(sort_desc.png) no-repeat center right
}

thead .sorting_asc_disabled {
    background: url(sort_asc_disabled.png) no-repeat center right
}

thead .sorting_desc_disabled {
    background: url(sort_desc_disabled.png) no-repeat center right
}

span.awesome-iconicon {
    width: 20px;
    heigth: 13px;
    padding: 0px !important;
    margin: 0px !important
}

table.dataTable th:active {
    outline: none
}

.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.dataTables_scrollBody table {
    border-top: none;
    margin-bottom: 0 !important
}

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

.dataTables_scrollFoot table {
    border-top: none
}

.table tbody tr.active td,.table tbody tr.active th {
    background-color: #08C;
    color: white
}

.table tbody tr.active td:hover td,.table tbody tr.active td:hover th,.table tbody tr.active th:hover td,.table tbody tr.active th:hover th {
    background-color: #0075b0 !important
}

.table-striped tbody tr.active:nth-child(odd) td,.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc
}

table.DTTT_selectable tbody tr {
    cursor: pointer
}

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px
}

div.DTTT .btn:hover {
    text-decoration: none !important
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003
}

ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important
}

ul.DTTT_dropdown.dropdown-menu li {
    position: relative
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #0088cc;
    color: white !important
}

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px
}

div.DTFC_LeftHeadWrapper table,div.DTFC_LeftFootWrapper table,div.DTFC_RightHeadWrapper table,div.DTFC_RightFootWrapper table,table.DTFC_Cloned tr.even {
    background-color: white
}

div.DTFC_RightHeadWrapper table,div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

div.DTFC_RightBodyWrapper table,div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin-bottom: 0 !important
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,div.DTFC_RightBodyWrapper tbody tr:first-child td,div.DTFC_LeftBodyWrapper tbody tr:first-child th,div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none
}

div.DTFC_RightFootWrapper table,div.DTFC_LeftFootWrapper table {
    border-top: none
}

.ui-multiselect {
    padding: 8px;
    max-width: 280px !important;
    background-color: #FFF !important;
    text-align: left;
    font-size: 14px
}

.ui-multiselect span.ui-icon {
    float: right
}

.ui-state-default,.ui-state-hover {
    background: #FFF !important
}

.ui-widget-header {
    background: #ebebeb !important
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 8px 0 8px 4px;
    background-color: #FFF
}

.ui-multiselect-header ul {
    font-size: 0.9em
}

.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 0 0
}

.ui-multiselect-header ul li .ui-multiselect-close {
    float: right;
    text-align: right;
    padding-right: 0
}

.ui-multiselect-header a {
    text-decoration: none
}

.ui-multiselect-header a:hover {
    text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
    float: left;
    margin-left: 10px
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left
}

.ui-multiselect-checkboxes {
    position: relative;
    overflow-y: scroll
}

.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 8px
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px;
    margin-right: 6px
}

.ui-multiselect-checkboxes li {
    clear: both;
    font-size: 0.9em;
    padding-right: 3px
}

.ui-multiselect-checkboxes li .ui-multiselect-optgroup-label {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid
}

.ui-multiselect-checkboxes li .ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}

* html .ui-multiselect-checkboxes label {
    border: none
}

.chartWrap {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.nvtooltip.with-3d-shadow,.with-3d-shadow .nvtooltip {
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nvtooltip.with-transitions,.with-transitions .nvtooltip {
    transition: opacity 250ms linear;
    -moz-transition: opacity 250ms linear;
    -webkit-transition: opacity 250ms linear;
    transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -webkit-transition-delay: 250ms
}

.nvtooltip.x-nvtooltip,.nvtooltip.y-nvtooltip {
    padding: 8px
}

.nvtooltip h3 {
    margin: 0;
    padding: 4px 14px;
    line-height: 18px;
    font-weight: normal;
    background-color: rgba(247,247,247,0.75);
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.nvtooltip p {
    margin: 0;
    padding: 5px 14px;
    text-align: center
}

.nvtooltip span {
    display: inline-block;
    margin: 2px 0
}

.nvtooltip table {
    margin: 6px
}

.nvtooltip table td {
    padding-right: 9px;
    padding-bottom: 3px;
    vertical-align: middle
}

.nvtooltip table td.key {
    font-weight: normal
}

.nvtooltip table td.value {
    text-align: right;
    font-weight: bold
}

.nvtooltip table td.legend-color-guide div {
    width: 8px;
    height: 8px;
    vertical-align: middle
}

.nvtooltip-pending-removal {
    position: absolute;
    pointer-events: none
}

svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 100%
}

svg text {
    font: normal 12px Arial
}

svg .title {
    font: bold 14px Arial
}

.nvd3 .nv-background {
    fill: white;
    fill-opacity: 0
}

.nvd3.nv-noData {
    font-size: 18px;
    font-weight: bold
}

.nvd3 .nv-axis {
    pointer-events: none
}

.nvd3 .nv-axis path {
    fill: none;
    stroke: #000;
    stroke-opacity: .75;
    shape-rendering: crispEdges
}

.nvd3 .nv-axis path.domain {
    stroke-opacity: .75
}

.nvd3 .nv-axis.nv-x path.domain {
    stroke-opacity: 0
}

.nvd3 .nv-axis line {
    fill: none;
    stroke: #e5e5e5;
    shape-rendering: crispEdges
}

.nvd3 .nv-axis .zero line,.nvd3 .nv-axis line.zero {
    stroke-opacity: .75
}

.nvd3 .nv-axis .nv-axisMaxMin text {
    font-weight: bold
}

.nvd3 .x .nv-axis .nv-axisMaxMin text,.nvd3 .x2 .nv-axis .nv-axisMaxMin text,.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
    text-anchor: middle
}

.nvd3.nv-stackedarea path.nv-area {
    fill-opacity: .7;
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear
}

.nvd3.nv-stackedarea path.nv-area.hover {
    fill-opacity: .9
}

.nvd3.nv-stackedarea .nv-groups .nv-point {
    stroke-opacity: 0;
    fill-opacity: 0
}

.nvd3 .nv-bars .negative rect {
    zfill: brown
}

.nvd3 .nv-bars rect {
    zfill: steelblue;
    fill-opacity: .75;
    transition: fill-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear
}

.nvd3 .nv-bars rect.hover {
    fill-opacity: 1
}

.nvd3 .nv-bars .hover rect {
    fill: lightblue
}

.nvd3 .nv-bars text {
    fill: rgba(0,0,0,0)
}

.nvd3 .nv-bars .hover text {
    fill: #000
}

.sortable-columns,.draggable-column,.ui-corner-all {
    background: #FFF !important;
    color: #555 !important
}

.data-analysis-label {
    line-height: 38px
}

.children-space .form-group {
    margin-left: 18px !important
}

.btn-generate-table {
    color: #e0eff6;
    background-color: #058dc7;
    border: 1px solid #058dc7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    line-height: 38px
}

.btn-generate-table:hover {
    color: #058dc7;
    background-color: #e0eff6
}

.btn-generate-table.active {
    color: #e0eff6;
    background-color: #058dc7
}

#sortable-col-container {
    padding: 2px 15px;
    width: 100%
}

.sortable-columns {
    width: 100%;
    height: 62px;
    padding: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.draggable-column {
    float: left;
    width: 61px;
    font-size: 14px;
    text-align: center;
    height: 48px !important;
    padding: 8px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.co-dimension {
    background-color: #FFE9BF !important;
    border: 1px solid #ed7e17;
    color: #ed7e17 !important
}

.co-metric {
    background-color: #e0eff6 !important;
    border: 1px solid #058dc7;
    color: #058dc7 !important
}

.btn-center {
    color: #e0eff6;
    background-color: #058dc7;
    border: 1px solid #058dc7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.btn-center:hover {
    color: #058dc7;
    background-color: #e0eff6
}

.btn-center.active {
    color: #e0eff6;
    background-color: #058dc7
}

.selected-col-lbl {
    margin: 15 0 0 5;
    text-align: left
}

.date-input {
    height: 35px !important
}

.date-label {
    padding: 8px
}

#date-column {
    width: 120px;
    height: 38px
}

.columns-select-container-outer {
    width: 100%;
    text-align: center
}

.columns-select-container {
    padding: 2px 8px !important;
    margin: 12px auto;
    display: inline-block
}

.notice-dim {
    clear: both
}

.billing-title {
    margin: 25px;
    text-align: center
}

.period-header {
    cursor: pointer;
    width: 450px
}

tr:not(.period-header) {
    width: 400px !important
}

.billing-table-container {
    max-width: 450px !important;
    margin: 20px auto !important
}

.billing-table {
    background-color: #EEE;
    padding-bottom: 140px !important
}

.billing-table tr.high-billing-row {
    border: 3px solid #FFF
}

.expand-rows {
    float: left;
    font-size: 120%
}

.light-background {
    background-color: #F7F7F7
}

.high-billing-row {
    height: 40px
}

.bill-row-1 {
    font-weight: bold;
    font-size: 120%
}

.bill-row-bold {
    font-weight: bold
}

.bill-row-2 {
    padding-top: 10px;
    text-align: right
}

.bill-row-3 {
    text-align: right
}

#ending-date {
    font-weight: normal;
    font-size: 13px
}

.bill-inner-table {
    text-align: right
}

.data-net {
    border-left: 3px solid #FFF
}

.bill-row-total {
    font-weight: bold;
    background-color: #DDD
}

#current-billing-pie-container {
    max-width: 450px !important;
    height: 600px !important;
    margin: 20px auto !important
}

.legend-color {
    height: 14px;
    width: 14px;
    margin: 13px 0px 13px 8px;
    float: right
}

#contents-color {
    background-color: #1f77b4
}

#audiences-color {
    background-color: #aec7e8
}

#inventories-color {
    background-color: #ff7f0e
}

#bandwidth-color {
    background-color: #ffbb78
}

#storage-color {
    background-color: #2ca02c
}

#encoder-color {
    background-color: #98df8a
}

#display-ads-served-color {
    background-color: #ff9896
}

#video-ads-served-color {
    background-color: #d62728
}

#click-server-color {
    background-color: #9467bd
}

.multibar-chart {
    height: 500px;
    margin: 10px;
    min-width: 350px !important;
    min-height: 350px !important
}

.slideBrowser-wrap {
    overflow: hidden;
    padding: 0 32px
}

.slideBrowser-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0
}

.slideBrowser-li {
    float: left
}

.slideBrowser-button-holder {
    font-size: 15px;
    text-align: center;
    outline: none;
    position: absolute;
    top: 0;
    bottom: 0;
    color: #777777;
    z-index: 410;
    width: 38px;
    background: #ffffff
}

.slideBrowser-fader-right {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )
}

.slideBrowser-fader-left {
    left: 0
}

.slideBrowser-button {
    display: block;
    font-size: 60px;
    color: #777;
    height: 85px;
    line-height: 79px;
    margin: -45px 0 0 0;
    padding: 1px 6px;
    position: absolute;
    top: 50%;
    text-decoration: none !important
}

.slideBrowser-button:hover {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 0 5px;
    color: #222222;
    text-decoration: none !important
}

.slideBrowser-button-slide-right {
    right: 0
}

.slideBrowser-button-slide-left {
    left: 0
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-in-up {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

div.hopscotch-bubble .hopscotch-nav-button {
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    text-decoration: none !important;
    width: auto;
    padding: 0 10px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    *zoom: 1;
    white-space: nowrap;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

div.hopscotch-bubble .hopscotch-nav-button:hover {
    *zoom: 1;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25)
}

div.hopscotch-bubble .hopscotch-nav-button:active {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25) inset
}

div.hopscotch-bubble .hopscotch-nav-button.next {
    border-color: #1b5480;
    color: #fff;
    margin: 0 0 0 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    background-color: #287bbc;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
    background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: linear-gradient(top, #287bbc 0%, #23639a 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
    background-color: #2672ae;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
    background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.prev {
    border-color: #a7a7a7;
    color: #444;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f2f2f2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
    background-color: #e8e8e8;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9));
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%)
}

div.hopscotch-bubble {
    background-color: #ffffff;
    border: 5px solid #000000;
    border: 5px solid rgba(0,0,0,0.5);
    color: #333;
    font-family: Helvetica, Arial;
    font-size: 13px;
    position: absolute;
    z-index: 999999;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box
}

div.hopscotch-bubble.animate {
    -moz-transition-property: top, left;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: top, left;
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-property: top, left;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-property: top, left;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: top, left;
    transition-duration: 1s;
    transition-timing-function: ease-in-out
}

div.hopscotch-bubble.invisible {
    opacity: 0
}

div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all {
    display: none
}

div.hopscotch-bubble h3 {
    color: #000;
    font-family: Helvetica, Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin: -1px 15px 0 0;
    padding: 0
}

div.hopscotch-bubble .hopscotch-bubble-container {
    padding: 15px;
    position: relative;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

div.hopscotch-bubble .hopscotch-content {
    font-family: Helvetica, Arial;
    font-weight: normal;
    line-height: 17px;
    margin: -5px 0 11px;
    padding-top: 8px
}

div.hopscotch-bubble .hopscotch-bubble-content {
    margin: 0 0 0 40px
}

div.hopscotch-bubble.no-number .hopscotch-bubble-content {
    margin: 0
}

div.hopscotch-bubble .hopscotch-bubble-close {
    color: #000;
    background: transparent url("sprite-green-0.3.png") -192px -92px no-repeat;
    display: block;
    padding: 8px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    top: 0;
    right: 15px
}

div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
    display: none
}

div.hopscotch-bubble .hopscotch-bubble-number {
    background: transparent url("sprite-green-0.3.png") 0 0 no-repeat;
    color: #fff;
    display: block;
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 31px;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 30px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container {
    position: absolute;
    width: 34px;
    height: 34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
    width: 0;
    height: 0
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    top: -22px;
    left: 10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 17px solid #ffffff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    border-bottom: 17px solid #000000;
    border-bottom: 17px solid rgba(0,0,0,0.5);
    border-left: 17px solid transparent;
    border-right: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
    bottom: -39px;
    left: 10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 17px solid #ffffff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -24px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-top: 17px solid #000000;
    border-top: 17px solid rgba(0,0,0,0.5);
    border-left: 17px solid transparent;
    border-right: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
    top: 10px;
    left: -22px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    border-bottom: 17px solid transparent;
    border-right: 17px solid #ffffff;
    border-top: 17px solid transparent;
    position: relative;
    left: 7px;
    top: -34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 17px solid #000000;
    border-right: 17px solid rgba(0,0,0,0.5);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
    top: 10px;
    right: -39px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    border-bottom: 17px solid transparent;
    border-left: 17px solid #ffffff;
    border-top: 17px solid transparent;
    position: relative;
    left: -7px;
    top: -34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
    border-left: 17px solid #000000;
    border-left: 17px solid rgba(0,0,0,0.5);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-actions {
    margin: 10px 0 0;
    text-align: right
}

.qq-uploader {
    position: relative;
    width: 100%
}

.qq-upload-button {
    display: block;
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #ccc;
    border-bottom: 1px solid #DDD;
    color: #000
}

.qq-upload-button-hover {
    background: #ddd
}

.qq-upload-button-focus {
    outline: 1px dotted #000000
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #eee;
    text-align: center
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
    font-family: "Roboto",Arial,sans-serif;
    font-size: 26px;
    font-weight: 300
}

.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px
}

.qq-upload-drop-area-active {
    background: #eee
}

.qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.qq-upload-list li {
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #FFF0BD
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-finished,.qq-upload-delete {
    margin-right: 12px
}

.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-drop-processing {
    display: none
}

.qq-drop-processing-spinner {
    display: inline-block;
    background: url("processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom
}

.qq-upload-finished {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-upload-retry,.qq-upload-delete {
    display: none;
    color: #000000
}

.qq-upload-cancel,.qq-upload-delete {
    color: #000000
}

.qq-upload-retryable .qq-upload-retry {
    display: inline
}

.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete {
    font-size: 12px;
    font-weight: normal
}

.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold
}

.qq-upload-failed-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline
}

.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000
}

.qq-upload-list li.qq-upload-success {
    background-color: #DFF0D8;
    color: #468847;
    border: 1px solid #D6E9C6
}

.qq-upload-list li.qq-upload-fail {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48
}

.qq-progress-bar {
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    width: 0%;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px;
    display: none
}

INPUT.qq-edit-filename {
    position: absolute;
    opacity: 0;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.qq-upload-file.qq-editable {
    cursor: pointer
}

.qq-edit-filename-icon.qq-editable {
    display: inline-block;
    cursor: pointer
}

INPUT.qq-edit-filename.qq-editing {
    position: static;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: -5px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.qq-edit-filename-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 5px
}

INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {
    display: none
}

.supportCenter-wrap {
    background: #F0F0F0;
    overflow: hidden
}