/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #0056b3;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

pre, code, kbd, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

select {
    word-wrap: normal
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer
    }

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

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

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: 2.5rem
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

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

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

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

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

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

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

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

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

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

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

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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-sm, .col-sm-auto, .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-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

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

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

.table-sm th, .table-sm td {
    padding: .3rem
}

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

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

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

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8daff
}

    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
        border-color: #7abaff
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb
}

    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
        border-color: #8fd19e
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb
}

    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
        border-color: #86cfda
    }

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba
}

    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb
}

    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
        border-color: #ed969e
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

@media(max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

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

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size], select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

    .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip {
        display: block
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc((1em + .75rem)*3/4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

    .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
        display: block
    }

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745
    }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc((1em + .75rem)*3/4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

    .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media(min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

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

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        box-shadow: none
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-lg, .btn-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

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

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

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

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

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

@media(min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

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

@media(min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

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

@media(min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

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

@media(min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

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

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

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

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

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

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

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

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

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

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

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

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            margin-left: -1px
        }

        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-prepend, .input-group-append {
    display: -ms-flexbox;
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn:focus, .input-group-append .btn:focus {
            z-index: 3
        }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
    }

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-range:focus {
        outline: none
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

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

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

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

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container, .navbar > .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

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

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media(max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media(max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media(max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media(min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media(min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion > .card {
    overflow: hidden
}

    .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0
    }

    .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0
    }

    .accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .accordion > .card .card-header {
        margin-bottom: -1px
    }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

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

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

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

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

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

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

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

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

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

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

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

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

@media(min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media(min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media(min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media(min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px
    }

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

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

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75
    }

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

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

    .toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

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

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem)
        }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
        bottom: calc((.5rem + 1px)*-1)
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: rgba(0,0,0,.25)
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc((.5rem + 1px)*-1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: rgba(0,0,0,.25)
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
        top: calc((.5rem + 1px)*-1)
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc((.5rem + 1px)*-1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: rgba(0,0,0,.25)
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

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

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky)or(position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

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

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

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

@media(min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media(min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media(min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media(min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

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

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

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

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all
}

a {
    color: #0366d6
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac
}

html {
    font-size: 14px
}

@media(min-width:768px) {
    html {
        font-size: 16px
    }
}

.border-top {
    border-top: 1px solid #e5e5e5
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.05)
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit
}

html {
    position: relative;
    min-height: 100%
}

body {
    margin-bottom: 60px
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px
}

@charset "utf-8";
/*! fonts * Includes:fonts.css*/
@font-face {
    font-family: robotoregular;
    src: url('../webfonts/roboto-regular-webfont.eot?');
    src: url('../webfonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-regular-webfont.woff') format('woff'),url('../webfonts/roboto-regular-webfont.ttf') format('truetype'),url('../webfonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotobold';
    src: url('../webfonts/roboto-bold-webfont.eot?');
    src: url('../webfonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-bold-webfont.woff') format('woff'),url('../webfonts/roboto-bold-webfont.ttf') format('truetype'),url('../webfonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('../webfonts/roboto-bolditalic-webfont.eot?');
    src: url('../webfonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-bolditalic-webfont.woff') format('woff'),url('../webfonts/roboto-bolditalic-webfont.ttf') format('truetype'),url('../webfonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotolight';
    src: url('../webfonts/roboto-light-webfont.eot?');
    src: url('../webfonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-light-webfont.woff') format('woff'),url('../webfonts/roboto-light-webfont.ttf') format('truetype'),url('../webfonts/roboto-light-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotomedium';
    src: url('../webfonts/roboto-medium-webfont.eot?');
    src: url('../webfonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-medium-webfont.woff') format('woff'),url('../webfonts/roboto-medium-webfont.ttf') format('truetype'),url('../webfonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotothin';
    src: url('../webfonts/roboto-thin-webfont.eot?');
    src: url('../webfonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-thin-webfont.woff') format('woff'),url('../webfonts/roboto-thin-webfont.ttf') format('truetype'),url('../webfonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotothin_italic';
    src: url('../webfonts/roboto-thinitalic-webfont.eot?');
    src: url('../webfonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-thinitalic-webfont.woff') format('woff'),url('../webfonts/roboto-thinitalic-webfont.ttf') format('truetype'),url('../webfonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotothin_italic';
    src: url('../webfonts/roboto-lightitalic-webfont.eot?');
    src: url('../webfonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-lightitalic-webfont.woff') format('woff'),url('../webfonts/roboto-lightitalic-webfont.ttf') format('truetype'),url('../webfonts/roboto-lightitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../webfonts/roboto-mediumitalic-webfont.eot?');
    src: url('../webfonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-mediumitalic-webfont.woff') format('woff'),url('../webfonts/roboto-mediumitalic-webfont.ttf') format('truetype'),url('../webfonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../webfonts/robotocondensed-regular-webfont.eot?');
    src: url('../webfonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-regular-webfont.woff') format('woff'),url('../webfonts/robotocondensed-regular-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoitalic';
    src: url('../webfonts/roboto-italic-webfont.eot?');
    src: url('../webfonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-italic-webfont.woff') format('woff'),url('../webfonts/roboto-italic-webfont.ttf') format('truetype'),url('../webfonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../webfonts/robotocondensed-italic-webfont.eot?');
    src: url('../webfonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-italic-webfont.woff') format('woff'),url('../webfonts/robotocondensed-italic-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../webfonts/robotocondensed-light-webfont.eot?');
    src: url('../webfonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-light-webfont.woff') format('woff'),url('../webfonts/robotocondensed-light-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../webfonts/robotocondensed-lightitalic-webfont.eot?');
    src: url('../webfonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-lightitalic-webfont.woff') format('woff'),url('../webfonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../webfonts/robotocondensed-bold-webfont.eot?');
    src: url('../webfonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-bold-webfont.woff') format('woff'),url('../webfonts/robotocondensed-bold-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../webfonts/robotocondensed-bolditalic-webfont.eot?');
    src: url('../webfonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-bolditalic-webfont.woff') format('woff'),url('../webfonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoblack';
    src: url('../webfonts/roboto-black-webfont.eot?');
    src: url('../webfonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-black-webfont.woff') format('woff'),url('../webfonts/roboto-black-webfont.ttf') format('truetype'),url('../webfonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoblack_italic';
    src: url('../webfonts/roboto-blackitalic-webfont.eot?');
    src: url('../webfonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-blackitalic-webfont.woff') format('woff'),url('../webfonts/roboto-blackitalic-webfont.ttf') format('truetype'),url('../webfonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal
}
/*! c2m * Includes:c2m.css*/
html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: robotoregular;
    color: #999
}

input, textarea, select, a {
    font-family: inherit;
    color: inherit
}

textarea {
    resize: none
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

:-ms-input-placeholder {
    color: #ccc
}

.nodata {
    max-width: 990px;
    font-family: robotoregular;
    font-size: 20px;
    text-align: center;
    padding: 30px 0;
    border: 1px dashed #666;
    margin: 5px 5px
}

.nodataChart {
    max-width: 990px;
    font-family: robotoregular;
    font-size: 40px;
    text-align: center;
    padding: 100px 0 30px 0;
    border: 1px dashed #666;
    margin: 7px 2px 0 2px;
    height: 340px;
    box-sizing: border-box
}

    .nodataChart span {
        font-size: 22px
    }

img, a img {
    border: 0
}

input:focus, a:focus {
    outline: none
}

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

th {
    font-weight: bold
}

td, th {
    vertical-align: top;
    text-align: left
}

ul, ol, h1, h2, h3, h4, h5, h6, pre, input, textarea, p, blockquote, th, td, body, html {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

a {
    cursor: pointer;
    text-decoration: none
}

.floatLeft, img {
    float: left
}

.floatRight {
    float: right
}

.floatNone {
    float: none
}

.dispnone {
    display: none
}

.dispblock {
    display: block !important
}

.visiblen {
    visibility: hidden
}

.asteric {
    color: #f00
}

#rblDataStorage input {
    width: auto !important;
    border: 0;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    height: auto !important
}

#rblDataStorage label {
    width: auto !important;
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
    margin-right: 5px
}

#chkStorageType input, #chkDBExternal input {
    width: auto !important;
    border: 0;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    height: auto !important
}

#chkStorageType label, #chkDBExternal label {
    width: auto !important;
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
    margin-right: 5px
}

#lnkUploadFlatFileDoc, #uploadifive-lnkUploadFlatFileDoc {
    background: #ccc;
    border: 1px solid #b0b0b0;
    padding: 0 15px;
    color: #333;
    margin-right: 10px;
    font-family: robotolight;
    font-size: 13px;
    line-height: 23px
}

    #lnkUploadFlatFileDoc span.uploadify-button-text:hover {
        color: #333
    }

.onBoardPopUp .btnGrey {
    background: #ccc;
    border: 1px solid #b0b0b0;
    padding: 4px 15px;
    color: #333;
    margin-right: 10px;
    font-family: robotolight;
    font-size: 13px;
    line-height: 23px
}

.onBoardPopUp .btnunivrsl {
    background: #ccc;
    border: 0;
    padding: 5px 15px;
    color: #fff;
    margin-right: 10px;
    font-family: robotoregular;
    font-size: 14px;
    line-height: 23px;
    min-width: 90px;
    display: inline-block;
    text-align: center
}

    .onBoardPopUp .btnunivrsl.greybttn {
        background: #666
    }

    .onBoardPopUp .btnunivrsl.orngbttn {
        background: #fc4c27
    }

    .onBoardPopUp .btnunivrsl.blubttn {
        background: #00ace9
    }

.left {
    text-align: left
}

.right {
    text-align: right
}

.justify {
    text-align: justify
}

.center {
    text-align: center
}

.bottom {
    vertical-align: bottom
}

.middle {
    vertical-align: middle
}

.clear {
    clear: both
}

.flnone {
    float: none !important
}

.lh20 {
    line-height: 20px !important
}

.bn {
    border: none !important
}

.ui-helper-hidden-accessible {
    display: none !important
}

.cName {
    color: #00ace9;
    font-size: 16px;
    font-family: robotoregular
}

.w100p {
    width: 100%
}

.w90p {
    width: 90%
}

.w80p {
    width: 80%
}

.w70p {
    width: 70%
}

.w60p {
    width: 60%
}

.w50p {
    width: 50%
}

.w40p {
    width: 40%
}

.w30p {
    width: 30%
}

.w20p {
    width: 20%
}

.w10p {
    width: 10%
}

.w33p {
    width: 33%
}

.w210 {
    width: 210px !important
}

.w1000 {
    width: 1000px
}

.w1024 {
    width: 1024px
}

.w900 {
    width: 900px
}

.w880 {
    width: 880px
}

.w800 {
    width: 800px
}

.w700 {
    width: 700px
}

.w600 {
    width: 600px
}

.w500 {
    width: 500px
}

.w400 {
    width: 400px
}

.w300 {
    width: 300px
}

.w200 {
    width: 200px
}

.w100 {
    width: 100px
}

.w25 {
    width: 25px
}

.w40 {
    width: 40px !important
}

.w700p {
    width: 700px !important
}

td.dispinline > * {
    display: inline-block
}

.w915p {
    width: 915px;
    text-align: right;
    padding-right: 10px !important;
    line-height: 30px
}

.pt20 {
    padding-top: 20px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt120 {
    padding-top: 120px !important
}

.pt160 {
    padding-top: 160px !important
}

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

.pb20 {
    padding-bottom: 20px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb140 {
    padding-bottom: 140px !important
}

.pr10 {
    padding-right: 10px
}

.mt4 {
    margin-top: 4px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px !important
}

.p5x10 {
    padding: 2px 6px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb20 {
    margin-bottom: 20px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px
}

.ml210 {
    margin-left: 210px !important
}

.mr0 {
    margin-right: 0 !important
}

.borderbtm_none {
    border-bottom: none !important
}

.abs_r_b_10 {
    position: absolute;
    bottom: 10px;
    right: 0
}

.height40 {
    height: 40px
}

.minh_1 {
    min-height: 350px
}

.pos_relative {
    position: relative
}

.feedloader {
    opacity: .7;
    background: #fff;
    position: absolute;
    z-index: 5000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

.taC {
    text-align: center
}

.break-all {
    word-break: break-all
}

.croploader {
    text-align: center;
    margin: 25% auto auto
}

.facebook, .twitter, .linkedin {
    display: inline-block;
    margin: 0 0 -3px 4px
}

.login {
    color: #fff;
    padding: 7px 0 7px 15px;
    margin: 0 0 0 4px
}

.facebook:hover, .twitter:hover, .linkedin:hover {
    background: url(../images/bg_header1.gif) 0 0 repeat-x;
    color: #fff
}

.pop_imp_pad {
    padding: 15px 20px 20px !important
}

.clWht {
    color: #fff !important
}

.moreinfo {
    border-bottom: 1px solid #cbcbcb;
    display: block;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

    .moreinfo a {
        text-transform: capitalize;
        color: #fff;
        background: #cbcbcb;
        color: #fff;
        font-size: 12px;
        padding: 2px 4px;
        display: inline-block;
        width: 70px;
        text-align: center;
        margin-top: -1px;
        line-height: 17px
    }

        .moreinfo a:hover, .moreinfo a.selected {
            background: #eb593c
        }

.advanced a {
    color: #666;
    padding-left: 10px;
    display: inline-block;
    margin-bottom: 1px
}

.banner div {
    border-bottom: 1px solid #cbcbcb;
    margin: 0 auto;
    padding: 20px 0
}

.banner h1 {
    padding: 0 0 20px 0;
    font-size: 24px;
    color: #666
}

.leftPic {
    margin: 0 20px 20px 0
}

select.selectCetegorySpc {
    width: 200px !important;
    position: absolute;
    z-index: 10;
    height: 35px !important;
    line-height: 35px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px;
    box-sizing: border-box;
    left: 0
}

span.selectCetegorySpc {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-category-new.jpg) no-repeat right;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 0 5px;
    box-sizing: border-box;
    left: 0
}

.moretooltip {
    display: none;
    position: absolute;
    z-index: 1;
    margin: -5px 0 0 668px
}

    .moretooltip table {
        width: 150px
    }

.wtbg, .moreicons {
    background: #fff
}

.tooltipbg1 {
    background: url(../images/tooltip_bg1.png) 0 0 repeat-x;
    background-position: bottom
}

.tooltipbg3 {
    background: url(../images/tooltip_bg3.png) 0 0 repeat-x;
    background-position: bottom
}

.tooltipbg2 {
    background: url(../images/tooltip_bg2.png) 0 0 repeat-y;
    background-position: bottom
}

.tooltipbg4 {
    background: url(../images/tooltip_bg4.png) 0 0 repeat-y;
    background-position: bottom
}

.tooltip_arrow {
    float: none;
    margin-bottom: -3px;
    margin-left: 100px
}

    .tooltip_arrow.tooltipdays {
        margin-left: 45px
    }

    .tooltip_arrow.tooltipweek {
        margin-left: 130px
    }

    .tooltip_arrow.tooltipmonths {
        margin-left: 222px
    }

.compupQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 5000
}

#appAddPop .compupQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 0 20px;
    position: absolute;
    width: 100%;
    z-index: 5000;
    top: 230px
}

.channelupQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5000
}

.DRDocUpQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 5000
}

#fixedschema .DRDocUpQueue {
    box-sizing: border-box;
    display: inline-block;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 5000
}

#lnkDRUploadedDoc {
    color: #00ace9
}

.chUpNewQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5000
}

.SpecUpQueue {
    box-sizing: border-box;
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 5000
}

.prl {
    position: relative
}

.moreicons {
    margin: 5px 2px
}

    .moreicons td {
        text-align: center;
        padding: 10px 7px
    }

    .moreicons a {
        color: #333;
        font-size: 12px;
        line-height: 14px;
        padding: 0
    }

        .moreicons a img {
            float: none;
            margin: 0 auto
        }

        .moreicons a:hover {
            color: #666
        }

            .moreicons a:hover img {
                margin: -2px auto 2px auto
            }

.hand {
    cursor: pointer
}

.facebookSetting {
    display: none
}

.vline {
    background: url(../images/vline.png) repeat-y;
    width: 40px
}

a.dataWidgets {
    background: url(../images/data-widgets.png) no-repeat left;
    padding: 5px 0 5px 25px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

    a.dataWidgets:hover, a.api:hover, a.analytics:hover, a.events:hover, a.thingsBoard:hover, a.more:hover {
        color: #999
    }

a.api {
    background: url(../images/api.png) no-repeat left;
    padding: 5px 0 5px 25px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

a.analytics {
    background: url(../images/analytics.png) no-repeat left;
    padding: 5px 0 5px 25px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

a.events {
    background: url(../images/events.png) no-repeat left;
    padding: 5px 0 5px 25px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

a.thingsBoard {
    background: url(../images/things-board.png) no-repeat left;
    padding: 5px 0 5px 25px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

a.more {
    background: url(../images/more.png) no-repeat left;
    padding: 2px 0 5px 48px;
    display: inline-block;
    margin: 0 30px;
    color: #333
}

a.apiIcon {
    background: url(../images/api-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.dataIcon {
    background: url(../images/data-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.anyIcon {
    background: url(../images/analytics-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.eveIcon {
    background: url(../images/events-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.thingIcon {
    background: url(../images/thing-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.datastoreIcon {
    background: url(../images/data-store.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.connectionIcon {
    background: url(../images/connection-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.newsIcon {
    background: url(../images/news-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.activateIcon {
    background: url(../images/activate-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.nativeIcon {
    background: url(../images/native-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.forumsIcon {
    background: url(../images/forum-icon.png) no-repeat right;
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #333
}

a.plus {
    background: url(../images/pluslink.png) no-repeat left;
    padding: 0 0 0 15px;
    color: #333
}

a.lessInfo {
    background: url(../images/minuslink.png) no-repeat left;
    padding: 0 0 0 15px;
    color: #333
}

a.captchaRefIcon {
    background: url("../images/reload.png") no-repeat scroll left center rgba(0,0,0,0);
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 22px;
    padding: 15px
}

a.cInBorder {
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc
}

a.orangeBtn {
    background: #eb593c;
    color: #fff
}

a.blueBtn {
    background: #1fb6ec;
    color: #fff
}

    a.orangeBtn:hover, a.blueBtn:hover {
        background: #666
    }

.aautox30 {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 2px 4px;
    min-width: 92px
}

.a92x30 {
    width: 92px;
    height: 30px;
    line-height: 30px
}

.capchaLoader {
    border: 1px solid #ccc;
    display: none;
    float: left;
    height: 48px;
    text-align: center;
    width: 148px
}

.capchaDiv {
    width: 150px;
    height: 50px;
    float: left
}

.CITable {
    width: 100%
}

    .CITable td {
        padding: 5px 0 0 0
    }

    .CITable input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 430px;
        color: #999;
        margin: 0 0 5px 0
    }

    .CITable textarea {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 430px;
        resize: none;
        height: 84px;
        color: #999;
        font-family: robotoregular;
        font-size: 14px;
        line-height: 16px
    }

    .CITable h4 {
        color: #333;
        font-size: 14px;
        font-family: robotobold
    }

    .CITable input[type="radio"] {
        border: none;
        display: inline-block;
        width: 20px
    }

    .CITable input[type="checkbox"] {
        border: none;
        display: inline-block;
        width: 20px
    }

.middleSI input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 80%;
    color: #999;
    margin: 0 0 5px 0
}

.DsBytes .IFMid input, .DsBytes .IFFMid input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 100px;
    color: #999;
    margin: 0 0 5px 0
}

.ChWizardHead > div {
    display: inline
}

    .ChWizardHead > div:first-child + div > h1 {
        display: inline
    }

    .ChWizardHead > div:first-child + div > h2 {
        display: inline;
        color: #00ace9;
        font-size: 16px;
        font-family: robotoregular
    }

.add_ChDataN .cName {
    color: #00ace9;
    font-size: 16px;
    font-family: robotoregular;
    margin-top: 4px;
    float: none
}

.add_ChDataN .uploadControl {
    float: right;
    max-width: 450px;
    margin-top: 10px
}

.add_ChDataN .otherControlL {
    float: left;
    max-width: 450px;
    position: relative
}

    .add_ChDataN .otherControlL > div {
        margin-top: 5px
    }

.add_ChDataN .otherControl {
    max-width: 450px;
    position: relative
}

.add_ChDataN > div {
    padding-top: 5px
}

.add_ChDataN .categoryddl {
    height: 40px !important
}

.add_ChDataN select.selectCetegory {
    width: 100% !important
}

.add_ChDataN .channelL:nth-child(even) {
    width: 450px;
    float: left;
    margin-left: 20px;
    margin-top: 20px
}

.add_ChDataN .channelL:nth-child(odd) {
    width: 450px;
    float: left
}

.add_ChDataN .channelLBox:nth-child(even) {
    width: 460px;
    float: left;
    margin-left: 40px
}

.add_ChDataN .channelLBox:nth-child(odd) {
    width: 460px;
    float: left
}

.add_ChDataN .channelLBox .chBoxCaption {
    height: 24px
}

.add_ChDataN .btncontainer {
    margin-top: 15px
}

.add_ChDataN .tagtxt {
    width: 100%;
    margin-top: 0;
    height: 108px;
    padding: 1px 5px;
    box-sizing: border-box
}

.add_ChDataN input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px 10px;
    width: 100%;
    color: #999;
    margin: 0 0 5px 0;
    box-sizing: border-box
}

.add_ChDataN textarea {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px 10px;
    width: 100%;
    resize: none;
    height: 84px;
    color: #999;
    font-family: robotoregular;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box
}

.add_ChDataN h4 {
    color: #333;
    font-size: 14px;
    font-family: robotobold
}

.add_ChDataN input[type="radio"] {
    border: none;
    display: inline-block;
    width: 20px
}

.add_ChDataN input[type="checkbox"] {
    border: none;
    display: inline-block;
    width: 20px
}

.add_ChDataN div.nativeApiDiv > div {
    float: left
}

    .add_ChDataN div.nativeApiDiv > div:first-child {
        width: 450px;
        position: relative;
        height: 60px
    }

        .add_ChDataN div.nativeApiDiv > div:first-child + div {
            width: 450px;
            margin-left: 20px
        }

            .add_ChDataN div.nativeApiDiv > div:first-child + div + div {
                margin-top: 20px
            }

.add_ChDataN span.selectCetegory {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-category-new.jpg) no-repeat right;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292
}

.AnyTableHead {
    width: 100%
}

    .AnyTableHead td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        color: #333;
        font-weight: bold
    }

        .AnyTableHead td:first-child {
            width: 200px
        }

        .AnyTableHead td:last-child {
            width: 530px
        }

.AnyTable {
    width: 100%
}

    .AnyTable tr.altRow {
        background: #f5f5f5
    }

    .AnyTable td:first-child {
        width: 200px
    }

    .AnyTable td:last-child {
        width: 500px
    }

    .AnyTable td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

    .AnyTable tr:first-child td {
        border-top: solid 0 #ccc
    }

.AnyTEditHead {
    width: 100%
}

    .AnyTEditHead td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        color: #333;
        font-weight: bold
    }

        .AnyTEditHead td:first-child {
            width: 200px
        }

        .AnyTEditHead td:last-child {
            width: 180px
        }

.AnyTEdit {
    width: 100%;
    color: #333
}

    .AnyTEdit tr.altRow {
        background: #f5f5f5;
        height: 50px
    }

    .AnyTEdit tr.mRow {
        height: 50px;
        background: #fff !important
    }

    .AnyTEdit td:first-child {
        width: 200px
    }

    .AnyTEdit td:last-child {
        width: 150px
    }

    .AnyTEdit td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

    .AnyTEdit tr:first-child td {
        border-top: solid 0 #ccc
    }

.EventTableHead {
    width: 100%
}

    .EventTableHead td {
        padding: 10px 10px;
        border-bottom: solid 1px #ccc;
        color: #333;
        width: 250px;
        font-weight: bold
    }

        .EventTableHead td:first-child {
            width: auto
        }

        .EventTableHead td:last-child {
            width: 248px
        }

.EventTable {
    width: 100%
}

    .EventTable tr.altRow {
        background: #f5f5f5
    }

    .EventTable td:first-child {
        width: auto
    }

    .EventTable td:last-child {
        width: 230px
    }

    .EventTable td {
        padding: 10px 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        width: 250px;
        line-height: 30px
    }

    .EventTable tr:first-child td {
        border-top: solid 0 #ccc
    }

.newsTable {
    width: 100%
}

    .newsTable td {
        padding: 5px 0
    }

    .newsTable img {
        padding: 0 5px 0 0
    }

    .newsTable span.title {
        font-size: 18px;
        color: #666;
        margin: 8px 0 0 0;
        display: inline-block
    }

        .newsTable span.title a {
            font-size: 18px;
            color: #666;
            margin: 8px 0 0 0;
            display: inline-block
        }

            .newsTable span.title a:hover {
                font-size: 18px;
                color: #00ace9;
                margin: 8px 0 0 0;
                display: inline-block
            }

a.email {
    background: url(../images/email.png) no-repeat left;
    padding: 0 0 0 20px
}

.hr {
    background: url(../images/hr.png) repeat-x;
    height: 10px
}

.thingsDiv {
    width: 100%;
    border-top: solid 1px #ccc
}

    .thingsDiv .thingBox {
        border: solid 1px #ccc;
        padding: 10px;
        width: 220px;
        height: 200px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        margin: 0 5px 0 0
    }

.thingsTable {
    margin: 30px auto
}

    .thingsTable td {
        text-align: center !important
    }

        .thingsTable td img {
            margin: 10px 0 0 0;
            float: none
        }

    .thingsTable h3 {
        font-size: 17px;
        color: #333
    }

        .thingsTable h3 a {
            color: #333
        }

            .thingsTable h3 a:hover {
                color: #999
            }

    .thingsTable h5 {
        font-size: 14px;
        color: #333
    }

.connectionBox {
    width: 100%
}

    .connectionBox img {
        margin: 0 70px 0 0
    }

.forumTableHead {
    width: 100%
}

    .forumTableHead td {
        padding: 10px 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

        .forumTableHead td:last-child {
            width: 180px;
            text-align: right;
            padding-right: 55px;
            color: #333;
            font-size: 14px;
            font-weight: bold
        }

.forumTable {
    width: 100%
}

    .forumTable tr.altRow {
        background: #f5f5f5
    }

    .forumTable td:last-child {
        width: 150px;
        text-align: right;
        padding-right: 25px;
        color: #333;
        font-size: 14px;
        font-weight: bold
    }

    .forumTable td {
        padding: 10px 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

    .forumTable tr:first-child td {
        border-top: solid 0 #ccc
    }

    .forumTable h4 {
        color: #00ace9;
        font-size: 14px;
        margin: 0
    }

.forumBox {
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 16px
}

    .forumBox span {
        color: #00ace9;
        font-weight: bold
    }

    .forumBox input {
        border-left: solid 2px #666;
        border-top: solid 2px #666;
        border-bottom: solid 2px #ccc;
        border-right: solid 2px #ccc;
        padding: 5px;
        width: 400px;
        margin: 10px 10px 0 0
    }

a.greenBtn {
    display: inline-block;
    background: #eb593c;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px
}

.dataStoreBox {
    width: 100%;
    border-top: solid 1px #ccc;
    font-size: 16px
}

.dataStoreTable {
    width: 235px;
    border: solid 1px #ccc;
    color: #333;
    font-size: 13px;
    height: 85px;
    margin: 0 20px 20px 0;
    float: left
}

    .dataStoreTable h2 {
        color: #376c91;
        font-size: 14px;
        font-family: robotobold;
        margin: 10px 0 5px
    }

span.timelineName {
    border-left: 1px solid #ccc;
    display: inline-block;
    height: 25px;
    padding: 9px 0 0 10px;
    font-family: robotobold
}

span.timeRightAnchor {
    float: right
}

a.d {
    height: 25px;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 9px 10px 0 10px;
    color: #00ace9 !important;
    font-family: robotobold
}

a.w {
    height: 25px;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 9px 10px 0 10px;
    color: #666
}

a.m {
    height: 25px;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 9px 10px 0 10px;
    color: #666
}

a.time {
    border-left: 1px solid #ccc;
    color: #999;
    display: inline-block;
    height: 25px;
    padding: 5px 10px 5px;
    float: right
}

.tableView {
    width: 500px;
    float: left;
    color: #666;
    margin: 10px 0 0 66px
}

    .tableView th {
        border-top: solid 1px #ccc;
        border-right: solid 1px #ccc;
        padding: 15px 8px !important;
        text-align: center;
        float: none
    }

        .tableView th img {
            float: none
        }

        .tableView th:first-child {
            width: 100px
        }

    .tableView td {
        border-top: solid 1px #ccc;
        border-right: solid 1px #ccc;
        padding: 9px 8px !important;
        text-align: center
    }

    .tableView tr {
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc
    }

.graphViewDiv, .TableViewDiv {
    display: none
}

.bgRed {
    background: #e74c23
}

.bgBlue {
    background: #87d4db
}

.loginPopSection .loginHead {
    width: 560px;
    margin: 6% auto 3% auto;
    color: #fff
}

    .loginPopSection .loginHead h1 {
        font-size: 50px;
        font-family: robotothin;
        padding-bottom: 30px
    }

    .loginPopSection .loginHead h2 {
        font-size: 24px;
        font-family: robotothin
    }

.loginPopSection .loginBox {
    width: 500px;
    padding: 30px;
    background: url(../images/login-box.png) bottom no-repeat;
    min-height: 550px;
    margin: 0 auto;
    color: #999;
    font-family: robotolight;
    font-size: 18px
}

    .loginPopSection .loginBox input {
        border: solid 1px #ccc;
        padding: 5px 10px;
        width: 480px;
        color: #ccc;
        font-family: robotolight;
        font-size: 24px
    }

        .loginPopSection .loginBox input.name {
            border: solid 1px #ccc;
            padding: 5px 10px;
            width: 215px;
            color: #ccc;
            font-family: robotolight;
            font-size: 24px;
            margin: 0 25px 0 0
        }

        .loginPopSection .loginBox input.nameLast {
            border: solid 1px #ccc;
            padding: 5px 10px;
            width: 215px;
            color: #ccc;
            font-family: robotolight;
            font-size: 24px;
            margin: 0 0 0 0
        }

        .loginPopSection .loginBox input[type=checkbox] {
            float: left;
            margin: 3px 10px 0 0;
            width: 15px;
            border: none;
            outline: none
        }

    .loginPopSection .loginBox a {
        color: #999;
        font-family: robotolight;
        font-size: 18px
    }

        .loginPopSection .loginBox a:hover {
            color: #333
        }

        .loginPopSection .loginBox a.login {
            padding: 15px 20px;
            display: block;
            background: #00ace9;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

        .loginPopSection .loginBox a.signup {
            padding: 15px 20px;
            display: block;
            background: #eb593c;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

            .loginPopSection .loginBox a.login:hover, .loginPopSection .loginBox a.signup:hover {
                background: #333
            }

        .loginPopSection .loginBox a.faceSignup {
            background: url(../images/facebook-signup.jpg) no-repeat;
            width: 190px;
            height: 40px;
            display: block;
            text-align: center;
            float: none;
            margin: 0 auto
        }

.vmid {
    vertical-align: middle
}

#banner img {
    margin-right: 40px
}

.hBorder {
    border-bottom: 1px solid #cbcbcb
}

.padbot20 {
    padding-bottom: 20px
}

.hspace {
    height: 10px
}

.myThigs_icons {
    float: right;
    height: 20px
}

    .myThigs_icons a {
        display: inline-block;
        height: 21px;
        opacity: 90
    }

        .myThigs_icons a.link {
            background: url(../images/icons_myThings.png) no-repeat 0 -30px;
            width: 30px
        }

            .myThigs_icons a.link.unlock {
                background: url(../images/icons_myThings.png) no-repeat 0 -1px
            }

        .myThigs_icons a.play {
            background: url(../images/icons_myThings.png) no-repeat -35px 0;
            width: 16px;
            margin-left: 0
        }

            .myThigs_icons a.play.selected {
                background: url(../images/icons_myThings.png) no-repeat -35px -29px
            }

        .myThigs_icons a.pause {
            background: url(../images/icons_myThings.png) no-repeat -68px 0;
            width: 16px;
            margin-left: 11px
        }

            .myThigs_icons a.pause.selected {
                background: url(../images/icons_myThings.png) no-repeat -68px -29px
            }

        .myThigs_icons a.record {
            background: url(../images/icons_myThings.png) no-repeat -99px 0;
            width: 20px;
            margin-left: 11px
        }

            .myThigs_icons a.record.selected {
                background: url(../images/icons_myThings.png) no-repeat -99px -29px
            }

        .myThigs_icons a.delete {
            background: url(../images/icons_myThings.png) no-repeat -134px 0;
            width: 16px;
            margin-left: 11px
        }

        .myThigs_icons a.edit {
            background: url('../images/icons_myThings.png') no-repeat scroll -165px -29px transparent;
            width: 22px;
            margin-left: 15px;
            float: none
        }

        .myThigs_icons a.exclamation {
            background: url(../images/myThings_exclamationnormal.png) no-repeat;
            width: 20px;
            margin-left: 11px
        }

            .myThigs_icons a.exclamation:hover {
                background: url(../images/myThings_exclamationselected.png) no-repeat;
                width: 20px;
                margin-left: 11px
            }

        .myThigs_icons a.ch_settings, #apiParamsPanel a.ch_settings {
            background: url(../images/icons_myThings.png) no-repeat -200px -0;
            width: 21px;
            margin-left: 20px;
            margin-right: 9px
        }

        .myThigs_icons a.on_off {
            background: url(../images/icons_myThings.png) no-repeat -234px -29px;
            width: 66px;
            margin-left: 11px
        }

            .myThigs_icons a.on_off.selected {
                background-position: -234px 0
            }

body.en .myThigs_icons a.on_off, body.hi .myThigs_icons a.on_off {
    background: url(../images/icons_myThings.png) no-repeat -234px -29px;
    width: 66px;
    margin-left: 11px
}

    body.en .myThigs_icons a.on_off.selected, body.hi .myThigs_icons a.on_off.selected {
        background-position: -234px 0
    }

body.jp .myThigs_icons a.on_off {
    background: url(../images/icons_myThings_jp.png) no-repeat -234px -29px;
    width: 66px;
    margin-left: 11px
}

    body.jp .myThigs_icons a.on_off.selected {
        background-position: -234px 0
    }

.myThigs_icons a.dignoseG {
    background: url(../images/d_green.png);
    margin-left: 11px;
    background-repeat: no-repeat;
    width: 20px;
    position: relative
}

.myThigs_icons a.dignoseR {
    background: url(../images/d_red.png);
    margin-left: 11px;
    background-repeat: no-repeat;
    width: 20px;
    position: relative
}

body.en .feedapi a.on_off, body.hi .feedapi a.on_off {
    background: url(../images/icons_myThings.png) no-repeat -234px -29px;
    padding: 3px 33px;
    margin-top: 5px
}

body.jp .feedapi a.on_off {
    background: url(../images/icons_myThings_jp.png) no-repeat -234px -29px;
    padding: 3px 33px;
    margin-top: 5px
}

.feedapi a.ch_settings {
    background: url(../images/icons_myThings.png) no-repeat -200px -0;
    padding: 3px 10px;
    margin-left: 5px;
    margin-top: 5px
}

.feedapi a.subscribe {
    background: url(../images/icons_myThings.png) no-repeat -311px 2px;
    padding: 3px 10px;
    margin-left: 5px;
    margin-top: 5px
}

.feedapi a.subscribePublish {
    background: url(../images/icons_myThings.png) no-repeat -342px -25px;
    padding: 3px 12px;
    margin-left: 5px;
    margin-top: 5px
}

.feedapi a.subscribeUnPublish {
    background: url(../images/icons_myThings.png) no-repeat -342px 2px;
    padding: 3px 12px;
    margin-left: 5px;
    margin-top: 5px
}

body.en .feedapi a.on_off.selected, body.hi .feedapi a.on_off.selected {
    background-position: -234px 0
}

body.jp .feedapi a.on_off.selected {
    background-position: -234px 0
}

.feedapi a.callname {
    padding-bottom: 10px
}

.feedapi a.dignoseG {
    background: url(../images/d_green.png);
    padding: 2px 11px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.dignoseR {
    background: url(../images/d_red.png);
    padding: 2px 11px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.dignoseY {
    background: url(../images/d_yellow.GIF);
    padding: 2px 11px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.csvs, .feedapi a.csvf {
    background: url(../images/icon-export-csv.png);
    padding: 3px 10px;
    margin-left: 11px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.csvp {
    background: url(../images/d_yellow.GIF);
    padding: 3px 10px;
    margin-left: 11px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.csvd {
    background: url(../images/icon-download.png);
    padding: 3px 10px;
    margin-left: 11px;
    background-repeat: no-repeat;
    position: relative
}

    .feedapi a.csvd.disabled {
        pointer-events: none;
        cursor: default
    }

    .feedapi a.csvd.green {
        background-position: 0 -22px
    }

.rowinline #copybtn2 {
    background: url(../images/copy1_icon.png);
    padding: 0 10px;
    margin-left: 10px;
    background-repeat: no-repeat;
    position: relative
}

#DivDeveloper ul li:nth-child(3) a {
    background: url(../images/copy1_icon.png);
    padding: 0 10px;
    margin-left: 1px;
    width: 30px;
    height: 40px;
    background-repeat: no-repeat;
    position: absolute
}

.keyrow #copybtn1 {
    background: url(../images/copy1_icon.png);
    padding: 0 10px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi #copybtn4 {
    background: url(../images/copy1_icon.png);
    padding: 0 10px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative
}

.myThigs_icons a.create-dt {
    vertical-align: top;
    cursor: default
}

.feedapi a.delete {
    background: url(../images/icons_myThings.png) no-repeat -134px 0;
    padding: 3px 11px;
    margin-left: 5px
}

.feedapi a.copy {
    background: url(../images/copy_icon.png);
    padding: 3px 10px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.feedapi a.editFeed {
    background: url(../images/edit_icon.png);
    padding: 3px 11px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative
}

.mystuff {
    background: #ebebeb;
    margin-bottom: 10px
}

    .mystuff a {
        margin: 3px 0 3px 3px;
        padding: 10px;
        display: inline-block;
        background: #fff;
        text-align: center
    }

        .mystuff a.all {
            color: #00ace9;
            font-weight: bold
        }

        .mystuff a.add {
            color: #f60;
            font-weight: bold
        }

        .mystuff a:hover {
            background: #ccc;
            color: #333
        }

    .mystuff b {
        font-weight: normal
    }

        .mystuff b a.pClose {
            display: inline-block;
            font-weight: bold;
            margin: 0;
            padding: 10px 5px 10px 2px;
            margin-right: 4px
        }

.mysearch, .myPager {
    width: 100%;
    background: #ededed;
    border: 1px solid #ccc;
    border-top: none;
    line-height: 40px;
    box-sizing: border-box;
    margin-top: 0 !important;
    margin-bottom: 20px
}

.mysearch {
    padding: 0 5px
}

.feedapi .mysearch {
    margin-bottom: 0
}

.mysearch > * {
    display: inline-block;
    box-sizing: border-box
}

.mysearch > select {
    width: 20%;
    height: 30px;
    border: 1px solid #ccc;
    margin-right: 10px
}

.mysearch > input {
    width: 51%;
    height: 30px;
    border: 1px solid #ccc;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 3px 5px
}

.mysearch > a {
    width: 13%;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    line-height: 27px;
    text-align: center;
    margin: 0 2px
}

    .mysearch > a:hover {
        background: #00ace9;
        color: #fff
    }

.myPager {
    border-top: 1px solid #ccc
}

    .myPager .pager {
        float: left
    }

    .myPager .pagerResult {
        float: right;
        padding-right: 10px
    }

    .myPager .pager > a {
        font-family: robotobold;
        line-height: 22px;
        width: 22px;
        border: 1px solid #ccc;
        color: #666;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        border-radius: 3px 3px 3px 3px;
        background: #fff;
        font-size: 12px
    }

        .myPager .pager > a.active {
            background: #666;
            color: #fff;
            border: 1px solid #666
        }

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9001;
    -moz-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60)
}

.white_content {
    display: none;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4002;
    color: #000;
    vertical-align: middle !important
}

    .white_content div.data table {
        margin: 0 auto;
        width: 400px
    }

        .white_content div.data table.popCropBox {
            margin: 0 auto;
            width: 100%;
            background: #fff
        }

        .white_content div.data table td.popData {
            background: #fff
        }

    .white_content div.data a.close {
        border: 0 solid #f60;
        background: url(../images/popup_line.png) 0 0 repeat-y;
        padding: 10px;
        float: right
    }

.Popuplogo {
    border-bottom: 1px solid #000
}

.topLeft {
    background-image: url(../images/topLeft_cnr.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 20px;
    background-position: left top
}

.topCnter {
    background-image: url(../images/topCntr.png);
    background-repeat: repeat-x;
    background-position: left top
}

.topRight {
    background-image: url(../images/topRight_cnr.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 20px;
    background-position: right top
}

.leftVrtLine {
    background-image: url(../images/leftVtr.png);
    background-repeat: repeat-y;
    width: 20px;
    background-position: left top
}

.rightVrtLine {
    background-image: url(../images/rightVtr.png);
    background-repeat: repeat-y;
    width: 20px;
    background-position: right top
}

.btmLeft {
    background-image: url(../images/btmLeft_cnr.png);
    background-repeat: no-repeat;
    height: 56px;
    width: 20px;
    background-position: left top
}

.btmCnter {
    background-image: url(../images/btmCntr.png);
    background-repeat: repeat-x;
    background-position: left top
}

.btmRight {
    background-image: url(../images/btmRight_cnr.png);
    background-repeat: no-repeat;
    height: 56px;
    width: 20px;
    background-position: right top
}

.white_content div.data table td #txtIssueContent {
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    padding: 8px;
    width: 430px;
    height: 100px;
    color: #999;
    resize: none
}

.addPopup h2 {
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0 0;
    position: absolute
}

.addPopup a.closeBox {
    float: right;
    display: inline-block;
    background: url(../images/c2mimg1.png) 0 -753px;
    height: 30px;
    margin: 10px 0 0 0;
    padding: 9px 0 0 0;
    width: 25px
}

.addPopup a.addProject {
    float: right;
    display: inline-block;
    background: url(../images/popup-bdr.png) no-repeat left;
    height: 31px;
    padding: 16px 19px 0 25px;
    font-size: 14px;
    color: #00ace9;
    font-weight: bold
}

.addPopup a.cancelPopUp {
    float: right;
    display: inline-block;
    background: url(../images/popup-bdr.png) no-repeat left;
    height: 31px;
    padding: 16px 19px 0 25px;
    font-size: 14px;
    color: #eb593c;
    font-weight: bold
}

    .addPopup a.addProject:hover, .addPopup a.cancelPopUp:hover {
        color: #fff
    }

.addPopup input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    padding: 8px;
    width: 300px;
    margin: 20px;
    color: #999
}

.addPopup select {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    padding: 8px;
    width: 320px;
    margin: 20px;
    color: #999
}

a.addBtn {
    text-transform: capitalize;
    color: #fff;
    float: right;
    background: #eb593c;
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    margin-top: -5px;
    font-weight: normal
}

    a.addBtn:hover {
        background: #cbcbcb
    }

a.addBtnBlue {
    text-transform: capitalize;
    color: #fff;
    float: right;
    background: #00ace9;
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    margin-top: -5px
}

    a.addBtnBlue:hover {
        background: #cbcbcb
    }

a.addBtnGray {
    text-transform: capitalize;
    color: #fff;
    float: right;
    background: #cbcbcb;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    margin-top: -1px;
    line-height: 17px
}

    a.addBtnGray:hover {
        background: #eb593c
    }

a.editBtn {
    background: url(../images/edit.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px
}

a.editBtn1 {
    background: url(../images/edit.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: -9px 0 0 15px
}

a.addBtnL {
    text-transform: capitalize;
    color: #fff;
    float: left;
    background: #eb593c;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    margin-top: -1px;
    line-height: 17px
}

    a.addBtnL:hover {
        background: #cbcbcb
    }

.analtDataTable {
    width: 100%
}

    .analtDataTable h1 {
        font-size: 18px;
        color: #666;
        font-family: robotolight;
        margin-bottom: 15px
    }

.AddDataset {
    width: 100%
}

    .AddDataset td:first-child {
        width: 250px;
        border-right: solid 1px #ccc;
        padding-right: 10px
    }

    .AddDataset td:last-child {
        padding-left: 10px
    }

    .AddDataset input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 8px;
        width: 230px;
        margin: 0 0 20px 0;
        color: #999;
        font-family: robotoregular
    }

    .AddDataset textarea {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 8px;
        width: 230px;
        resize: none;
        height: 130px;
        color: #999;
        font-family: robotoregular;
        font-size: 14px;
        line-height: 16px
    }

.datasetOption {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #666;
    font-family: robotolight
}

    .datasetOption td {
        padding: 8px 0;
        vertical-align: middle
    }

        .datasetOption td:first-child {
            text-align: right;
            border: none;
            width: 100px;
            vertical-align: middle
        }

        .datasetOption td:last-child {
            padding: 0
        }

    .datasetOption input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 8px;
        width: 100px;
        margin: 0 0 0 0;
        color: #999
    }

a.closeButton {
    border: solid 1px #ccc;
    background: #ededed;
    color: #999;
    padding: 5px 8px
}

    a.closeButton:hover {
        border: solid 1px #ededed;
        background: #ccc;
        color: #999;
        padding: 5px 8px
    }

a.blueButton {
    border: solid 1px #ccc;
    background: #00ace9;
    color: #fff;
    padding: 10px;
    display: inline-block;
    text-align: center
}

    a.blueButton:hover {
        border: solid 1px #ededed;
        background: #ccc;
        color: #999
    }

.dataPreview {
    width: 100%;
    display: none
}

    .dataPreview h1 {
        font-size: 18px;
        color: #666;
        font-family: robotolight;
        margin-bottom: 15px;
        display: inline-block
    }

    .dataPreview img {
        float: none;
        margin: 0 0 -4px 5px
    }

.previewHead {
    width: 100%
}

    .previewHead td {
        padding: 10px 10px;
        border-bottom: solid 1px #ccc;
        color: #333;
        text-align: left;
        width: 150px
    }

.previewTable {
    width: 100%;
    color: #333
}

    .previewTable tr.altRow {
        background: #f5f5f5
    }

    .previewTable td {
        padding: 10px 10px 10px 25px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        width: 120px
    }

    .previewTable tr:first-child td {
        border-top: solid 0 #ccc
    }

.analiticsCrSec {
    width: 100%
}

    .analiticsCrSec .CrSecHead {
        display: block;
        margin-bottom: 15px
    }

        .analiticsCrSec .CrSecHead h1 {
            font-size: 14px;
            color: #666;
            font-family: robotomedium;
            float: left
        }

        .analiticsCrSec .CrSecHead a.addBtn {
            float: right
        }

    .analiticsCrSec .CrSecDsNaming, .analiticsCrSec .CrSecDsFun {
        display: block;
        margin-bottom: 15px
    }

        .analiticsCrSec .CrSecDsNaming input {
            border-color: #333 #ccc #ccc #333;
            border-style: solid;
            border-width: 1px;
            color: #999;
            font-family: robotoregular;
            padding: 2px;
            width: 192px
        }

        .analiticsCrSec .CrSecDsNaming select {
            width: 198px
        }

        .analiticsCrSec .CrSecDsNaming .dsNaming, .analiticsCrSec .CrSecDsNaming .dsFun {
            border-right: 1px solid #eee;
            display: block;
            float: left;
            margin-right: 10px;
            width: 320px
        }

            .analiticsCrSec .CrSecDsNaming .dsNaming .dsNamingList, .analiticsCrSec .CrSecDsNaming .dsFun .dsFunList {
                display: block;
                margin-bottom: 20px
            }

                .analiticsCrSec .CrSecDsNaming .dsNaming .dsNamingList span.field, .dsFun .dsFunList span.field {
                    display: inline-block;
                    width: 100px;
                    vertical-align: top
                }

        .analiticsCrSec .CrSecDsNaming .dsDesc {
            display: block
        }

        .analiticsCrSec .CrSecDsNaming .condition {
            width: 50px
        }

        .analiticsCrSec .CrSecDsNaming .dsDesc textarea {
            border-color: #333 #ccc #ccc #333;
            border-style: solid;
            border-width: 1px;
            color: #999;
            font-family: robotoregular;
            padding: 2px;
            width: 660px;
            height: 82px
        }

        .analiticsCrSec .CrSecDsNaming .optionDiv .row {
            padding-bottom: 0 !important
        }

            .analiticsCrSec .CrSecDsNaming .optionDiv .row > * {
                display: inline-block;
                padding-right: 10px;
                box-sizing: border-box
            }

            .analiticsCrSec .CrSecDsNaming .optionDiv .row input[type='text'] {
                width: 100px !important;
                height: 17px
            }

            .analiticsCrSec .CrSecDsNaming .optionDiv .row select {
                width: 90px
            }

                .analiticsCrSec .CrSecDsNaming .optionDiv .row select.spc {
                    width: 148px
                }

            .analiticsCrSec .CrSecDsNaming .optionDiv .row .big {
                width: 190px !important
            }

            .analiticsCrSec .CrSecDsNaming .optionDiv .row select.small {
                width: 100px !important
            }

        .analiticsCrSec .CrSecDsFun .dsFunColumn {
            display: block;
            float: left;
            width: 308px
        }

        .analiticsCrSec .CrSecDsFun select {
            width: 223px
        }

        .analiticsCrSec .CrSecDsFun span.field {
            display: inline-block;
            width: 75px;
            vertical-align: top
        }

        .analiticsCrSec .CrSecDsNaming .close a.closeButton {
            border: 1px solid #ccc;
            padding: 0 4px;
            margin-right: 5px
        }

        .analiticsCrSec .CrSecDsNaming .arCond a.add {
            border: 1px solid #ccc;
            padding: 0 4px
        }

.addEvents {
    width: 100%;
    border-bottom: solid 1px #ccc
}

    .addEvents th {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        padding: 15px 0 10px 0;
        font-weight: normal
    }

        .addEvents th h3 {
            font-size: 14px;
            color: #333;
            font-weight: bold;
            display: inline
        }

        .addEvents th:first-child {
            border-right: solid 1px #ccc;
            width: 425px;
            padding: 15px 15px 10px 0;
            vertical-align: middle
        }

        .addEvents th:last-child {
            padding: 15px 0 15px 15px
        }

    .addEvents td {
        border: none !important;
        padding: 15px 0
    }

        .addEvents td:first-child {
            border-right: solid 1px #ccc !important;
            width: 425px
        }

        .addEvents td:last-child {
            padding: 15px 0 15px 15px
        }

.bdrBottom {
    border-bottom: solid 1px #ccc !important
}

.addEventsLeft {
    width: 100%
}

.addEvents .addEventsLeft th {
    border: none !important
}

.addEvents .addEventsLeft td {
    border: none !important
}

.addEvents .addEventsLeft th:first-child {
    border-right: none !important;
    padding: 15px 0 !important
}

.addEvents .addEventsLeft h3 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    display: inline;
    margin: 0 20px 0 0
}

.addEventsRight {
    width: 100%
}

.addEvents .addEventsRight td {
    border: none !important;
    padding: 5px 0 !important
}

.addEvents .addEventsRight input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    padding: 8px;
    margin: 0 10px 10px 0;
    color: #999
}

.eventGridHead {
    width: 100%
}

    .eventGridHead td {
        padding: 10px 10px !important;
        border-bottom: solid 1px #ccc;
        color: #333;
        text-align: left
    }

        .eventGridHead td:first-child {
            width: 120px !important;
            padding: 10px 0 10px 50px !important
        }

.eventGridTable {
    width: 100%;
    color: #333
}

    .eventGridTable tr.altRow {
        background: #f5f5f5
    }

    .eventGridTable td {
        padding: 10px 10px 10px 25px !important;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

        .eventGridTable td:first-child {
            border-top: solid 0 #ccc;
            width: 120px !important
        }

.eventActions {
    width: 100%
}

    .eventActions td {
        width: 100px;
        padding-top: 0 !important
    }

        .eventActions td:first-child {
            width: 128px;
            padding: 0 !important
        }

    .eventActions select {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        margin: 0 10px;
        padding: 1px;
        width: 60px;
        color: #999
    }

.recipient {
    width: 100%;
    margin: 20px 0
}

    .recipient td {
        padding: 10px 0 0 10px !important;
        vertical-align: top
    }

        .recipient td:first-child {
            width: 120px;
            vertical-align: top
        }

        .recipient td:last-child {
            width: 300px
        }

.popupData {
    padding: 10px;
    background: #fff
}

    .popupData select {
        border-bottom: solid 1px #d7d7d7;
        border-right: solid 1px #d7d7d7;
        border-left: solid 1px #bbb;
        border-top: solid 1px #bbb;
        padding: 8px;
        width: 300px;
        margin: 0;
        color: #999;
        overflow: auto;
        height: 100px
    }

        .popupData select option {
            height: 20px
        }

    .popupData a.moveLeft img, .popupData a.moveRight img {
        margin: 0 10px;
        float: none
    }

    .popupData a.moveRight img {
        margin-bottom: 10px
    }

    .popupData input[type="text"] {
        border-bottom: solid 1px #d7d7d7;
        border-right: solid 1px #d7d7d7;
        border-left: solid 1px #bbb;
        border-top: solid 1px #bbb;
        color: #999;
        margin: 10px 0;
        padding: 8px 0;
        text-indent: 10px;
        width: 300px
    }

select.selectFilters {
    position: absolute;
    z-index: 10;
    width: 143px !important;
    height: 33px !important;
    line-height: 33px;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

span.selectFilters {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 143px;
    height: 33px;
    line-height: 33px;
    text-indent: 10px;
    background: url(../images/bg-filters.png) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

select.selectSortby {
    position: absolute;
    z-index: 10;
    width: 59px !important;
    height: 21px !important;
    line-height: 21px;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 12px
}

span.selectSortby {
    font-size: 12px;
    position: absolute;
    float: left;
    width: 59px;
    height: 21px;
    line-height: 21px;
    text-indent: 10px;
    background: url(../images/select-small.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 15px;
    padding: 0
}

select.selectLarge {
    position: absolute;
    z-index: 10;
    width: 392px !important;
    height: 34px !important;
    line-height: 34px;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

span.selectLarge {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 392px;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    background: url(../images/select-large.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

select.selectCetegory {
    position: absolute;
    z-index: 10;
    width: 450px !important;
    height: 35px !important;
    line-height: 35px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

span.selectCetegory {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 450px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-category.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

.DsBytes span.selectCetegory {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-category_Bytes.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

.DsBytes select.selectCetegory {
    position: absolute;
    z-index: 10;
    width: 200px !important;
    height: 35px !important;
    line-height: 35px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

.middleSI span.selectCetegory {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-category_Bytes.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

.middleSI select.selectCetegory {
    position: absolute;
    z-index: 10;
    width: 200px !important;
    height: 35px !important;
    line-height: 35px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

select.selectType {
    position: absolute;
    z-index: 10;
    width: 90px !important;
    height: 35px !important;
    line-height: 35px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

span.selectType {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: url(../images/select-type.jpg) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
}

.popBox td {
    padding: 10px 30px
}

td.head {
    background-image: url(../images/top.jpg);
    background-repeat: repeat-x;
    padding: 0 0 0 30px !important;
    border: solid 1px #333
}

td.popdata {
    border: solid 1px #333;
    background: #fff
}

.popBox h2 {
    color: #fff;
    font-size: 16px;
    margin: 13px 0 0;
    position: absolute
}

.popBox a.closeBox {
    float: right;
    display: inline-block;
    background: url(../images/c2mimg1.png) 0 -753px;
    height: 27px;
    margin: 0 0 0 0;
    padding: 17px 0 0 0;
    width: 35px
}

.newComp {
    color: #999;
    width: 100%
}

    .newComp td {
        padding: 5px;
        border: solid 0 #333
    }

.uploadPInfo {
    width: 135px;
    font-weight: bold;
    font-size: 10px;
    text-align: center
}

    .uploadPInfo span {
        font-weight: normal
    }

.uploadP {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    width: 135px;
    height: 135px;
    position: relative;
    vertical-align: middle;
    margin: 10px 0;
    line-height: 135px
}

.uploadLinkC, .uploadLinkCh {
    text-align: center
}

    .uploadLinkC a, .uploadLinkCh a {
        color: #666
    }

        .uploadLinkC a:hover, .uploadLinkCh a:hover {
            color: #999
        }

.newComp input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 430px;
    color: #999
}

.newComp textarea {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 300px;
    resize: none;
    height: 100px;
    color: #999;
    font-family: robotoregular;
    font-size: 14px;
    line-height: 16px
}

.newComp .tagBox {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 300px;
    resize: none;
    height: 100px
}

.newComp .subdomain {
    color: #444;
    line-height: 24px
}

    .newComp .subdomain input {
        width: 160px;
        height: 21px;
        padding: 2px;
        padding-top: 1px
    }

    .newComp .subdomain span.errortext {
        color: #f00
    }

    .newComp .subdomain span.succestext {
        color: #008000
    }

.addcompany input {
    width: 695px
}

.addcompany select.selectCetegory {
    width: 712px !important
}

.addcompany span.selectCetegory {
    width: 712px !important;
    background: url('../images/select-category-new.jpg') no-repeat right transparent !important;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292
}

.sendMail {
    padding-top: 20px !important
}

    .sendMail input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 300px;
        color: #999
    }

.popBoxIssue td {
    padding: 4px 30px
}

.popBoxIssue h2 {
    color: #fff;
    font-size: 16px;
    margin: 13px 0 0;
    position: absolute
}

.popBoxIssue a.closeBox {
    float: right;
    display: inline-block;
    background: url(../images/c2mimg1.png) 0 -753px;
    height: 27px;
    margin: 0 0 0 0;
    padding: 17px 0 0 0;
    width: 35px
}

.sendReport {
    color: #999
}

    .sendReport input[type='text'] {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 430px;
        color: #999
    }

.marginTop {
    padding-top: 10px !important
}

a.btnNext {
    background: #005996;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 130px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

    a.btnNext:hover {
        background: #666
    }

a.btnCancel {
    background: #ccc;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 130px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

    a.btnCancel:hover {
        background: #666
    }

a.skip {
    color: #999;
    font-size: 16px
}

    a.skip:hover {
        color: #666
    }

div.ajaxCLoader {
    background: #00ace9;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 130px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

    div.ajaxCLoader:hover {
        background: #666
    }

.newChanel {
    width: 625px !important
}

    .newChanel td {
        padding: 10px 0 !important;
        color: #999
    }

    .newChanel h1 {
        color: #999;
        font-size: 20px;
        font-family: robotolight
    }

.ChWizardHead {
    margin: 0 auto 20px
}

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

    .ChWizardHead h1 {
        padding: 0 0 10px 0;
        font-size: 18px;
        color: #333;
        font-family: robotobold
    }

.back {
    border-bottom: 1px solid #cbcbcb;
    display: block;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

    .back > a {
        text-transform: capitalize;
        color: #fff;
        float: left;
        background: #cbcbcb;
        color: #fff;
        font-size: 12px;
        padding: 2px 4px;
        display: inline-block;
        text-align: center;
        margin-top: -1px;
        line-height: 17px
    }

        .back > a:hover, .back > a.selected {
            background: #eb593c
        }

.addDataTabs {
    float: right
}

    .addDataTabs a {
        background: url("../images/tabsDot.jpg") no-repeat scroll 0 -25px rgba(0,0,0,0);
        color: #cbcbcb;
        display: inline-block;
        float: left;
        font-family: robotobold;
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 0 10px;
        padding: 0 20px;
        text-align: center;
        text-transform: capitalize
    }

        .addDataTabs a:hover {
            background: url(../images/tabsDot.jpg) no-repeat 0 0;
            color: #333
        }

        .addDataTabs a.selectTabs {
            background: url(../images/tabsDot.jpg) no-repeat 0 0;
            color: #333
        }

.DataTabsContent div[data-group="DTC"] {
    display: none
}

.DataTabsContent .checkBoxContainer {
    max-width: 450px
}

    .DataTabsContent .checkBoxContainer ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .DataTabsContent .checkBoxContainer ul li {
            float: left;
            width: 120px
        }

            .DataTabsContent .checkBoxContainer ul li label {
                float: left;
                width: 152px;
                height: 10px
            }

.iconAndroid {
    background: url(../images/android.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconWindows {
    background: url(../images/windows.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconiOS {
    background: url(../images/ios.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconBlackBerry {
    background: url(../images/BlackBerry.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconSymbian {
    background: url(../images/symbian.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconFirefox {
    background: url(../images/firefoxos.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.iconWebOS {
    background: url(../images/webos.png) no-repeat left;
    padding: 0 0 0 20px;
    color: #333
}

.AnyTEditHead .advAddDataset {
    float: right
}

.AnyTEditHead .advQueryBuilder {
    float: right;
    padding-right: 10px
}

.com_potin_wrap {
    margin-bottom: 15px
}

.blog_wrap .bcrumb_row {
    margin: -20px auto 20px;
    max-width: 1000px
}

.bcrumb_row span {
    font-size: 16px;
    padding: 0 8px
}

.blog_articles h1 {
    font-family: 'robotoregular';
    font-size: 30px;
    line-height: 30px;
    color: #5d5d5d
}

.blog_articles article .stButton {
    margin: 0
}

.blog_articles article.detail .stButton {
    margin: 0 2px
}

.blog_articles article.detail a.post_cat_link {
    text-decoration: none
}

.blog_wrap .bcrumb_row a, .blog_articles article a.post_cat_link, .blog_articles .nextprev a {
    color: #5d5d5d;
    text-decoration: none
}

    .blog_wrap .bcrumb_row a:hover, .blog_articles article a.post_cat_link:hover, .blog_articles .nextprev a:hover {
        color: #999
    }

.blog_articles .nextprev {
    overflow: auto
}

    .blog_articles .nextprev a {
        float: left;
        font-size: 16px;
        font-family: 'robotoregular'
    }

        .blog_articles .nextprev a:last-child {
            float: right
        }

.toolTip {
    padding-right: 20px;
    background: transparent url(../images/help.fw.png) no-repeat right;
    color: #fff;
    cursor: pointer;
    position: relative
}

    .toolTip:hover {
        background: transparent url(../images/help_hover.png) no-repeat right
    }

.toolTipWrapper {
    width: 275px;
    position: absolute;
    top: -30px;
    display: none;
    color: #fff;
    font-family: robotoregular !important;
    font-size: 14px !important;
    margin-left: 50px;
    line-height: 16px;
    z-index: 999
}

.toolTipWrapper1 {
    width: 275px;
    position: absolute;
    top: -90px;
    display: none;
    color: #fff;
    font-family: robotoregular !important;
    font-size: 14px !important;
    line-height: 16px;
    z-index: 999
}

.toolTipWrapper2 {
    width: 135px;
    position: absolute;
    top: -38px;
    display: none;
    color: #fff;
    font-family: robotoregular !important;
    font-size: 14px !important;
    line-height: 16px;
    margin-left: 50px;
    z-index: 999
}

.toolTipTop2 {
    width: 135px;
    height: 30px;
    background: transparent no-repeat
}

.myThigs_icons .toolTipWrapper1 {
    width: 275px;
    position: absolute;
    top: -90px;
    margin-left: -50px;
    display: none;
    color: #fff;
    font-family: robotoregular !important;
    font-size: 14px !important;
    line-height: 16px;
    z-index: 999
}

.toolTipTop {
    width: 275px;
    height: 30px;
    background: transparent no-repeat
}

.toolTipMid {
    padding: 10px 15px;
    background: #e15a3d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff !important
}

.toolTipBtm {
    height: 13px;
    background: transparent no-repeat
}

label {
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 10px;
    float: left;
    margin: 10px 35px 0 0
}

.label_check input, .label_radio input {
    margin-right: 5px;
    padding-right: 125px
}

.has-js .label_check, .has-js .label_radio {
    padding-left: 25px;
    padding-top: 2px;
    display: block
}

.has-js .label_radio {
    background: url(../images/radioBTNON.png) no-repeat
}

.has-js .label_check {
    background: url(../images/check-off.png) no-repeat
}

.has-js label.c_on {
    background: url(../images/check-on.png) no-repeat
}

.has-js label.r_on {
    background: url(../images/radioBTN.png) no-repeat
}

.has-js .label_check input, .has-js .label_radio input {
    position: absolute;
    left: -9999px
}

.NP {
    display: none
}

.heading {
    border-bottom: 1px solid #ccc;
    font-family: robotobold;
    padding: 10px 0 5px !important;
    color: #333;
    font-size: 16px
}

.infoBox {
    width: 430px;
    float: left
}

    .infoBox select {
        border-bottom: solid 2px #ccc;
        border-right: solid 2px #ccc;
        border-left: solid 2px #929292;
        border-top: solid 2px #929292;
        padding: 8px;
        width: 425px;
        resize: none;
        height: 100px
    }

.infoBoxMidd {
    width: 60px;
    float: left
}

    .infoBoxMidd a {
        display: block;
        float: left;
        margin: 11px 0 0 13px
    }

a.drop {
    background: url(../images/drop.jpg);
    width: 15px;
    height: 10px;
    float: right !important;
    display: block
}

a.plusBtn {
    background: url(../images/plus.png);
    width: 35px;
    height: 35px;
    display: inline-block
}

.mL400 {
    margin-left: 400px
}

.addURL {
    text-decoration: underline;
    color: #999
}

.viewSXML {
    color: #00ace9;
    margin: 10px 0 0 10px;
    float: left;
    text-decoration: underline
}

.inputBox {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px 8px 8px 8px;
    width: 430px;
    color: #999;
    margin: 0 0 5px 0;
    height: 15px
}

.check {
    float: right;
    background: url(../images/check-off.png);
    width: 22px;
    height: 22px;
    display: block
}

a.sendBtn {
    width: 145px;
    background: #00ace9;
    color: #fff;
    font-family: robotobold;
    padding: 9px 0 8px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 -4px
}

    a.sendBtn:hover {
        background: #333
    }

a.cancelBtn {
    margin-left: 158px !important
}

a.sendBtnBlack {
    width: 145px;
    background: #333;
    color: #fff;
    font-family: robotobold;
    padding: 9px 0 8px;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px 0
}

    a.sendBtnBlack:hover {
        background: #00ace9
    }

a.btnCancelB {
    width: 145px;
    background: #ccc;
    color: #fff;
    font-family: robotobold;
    padding: 9px 0 8px;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px 0
}

    a.btnCancelB:hover {
        background: #666
    }

.WidgetContainer {
    float: left
}

    .WidgetContainer a {
        text-decoration: none;
        color: #666
    }

    .WidgetContainer table td {
        padding: 2px 0
    }

.expand_all, .collapse_all {
    cursor: pointer
}

a.fpActive {
    background: url(../images/playa.png) no-repeat;
    padding: 2px 11px;
    margin-left: 5px
}

a.fpDisable {
    background: url(../images/playd.png);
    padding: 2px 10px;
    margin-left: 5px
}

a.fpDisablefile {
    background: url(../images/playd.png);
    padding: 2px 10px;
    margin-left: 5px
}

a.dropD {
    background: url(../images/dropD.png);
    width: 30px;
    height: 15px;
    display: block;
    margin: 10px 0 0 351px;
    position: absolute
}

a.dropL {
    background: url(../images/dropL.png);
    width: 15px;
    height: 30px;
    display: block;
    margin: 375px 0 0 225px;
    position: absolute;
    z-index: 4999;
    top: 0
}

a.backto {
    text-decoration: underline;
    color: #666;
    font-size: 16px;
    font-family: robotomedium
}

.testQ {
    float: right;
    width: 0
}

    .testQ textarea {
        background: #fff;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 293px;
        height: 60px;
        color: #999;
        margin: 0 0 5px 0;
        resize: none;
        font-size: 14px
    }

.addcomment {
    border-bottom: 1px solid #cbcbcb;
    display: block;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

    .addcomment a {
        text-transform: capitalize;
        color: #fff;
        float: right;
        background: #eb593c;
        color: #fff;
        font-size: 12px;
        padding: 2px 4px;
        display: inline-block;
        width: 100px;
        text-align: center;
        margin-top: -1px;
        line-height: 17px
    }

        .addcomment a:hover, .addcomment a.selected {
            background: #cbcbcb
        }

.bannerLink {
    border-bottom: 1px solid #cbcbcb;
    display: block;
    padding: 0 0 20px 0
}

    .bannerLink a {
        text-transform: capitalize;
        color: #fff;
        float: right;
        background: #cbcbcb;
        color: #fff;
        font-size: 12px;
        padding: 2px 4px;
        display: inline-block;
        width: 70px;
        text-align: center;
        margin-top: -1px;
        line-height: 17px
    }

        .bannerLink a:hover, .moreinfo a.selected {
            background: #eb593c
        }

.mainContainer {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px
}

.adSenseTop {
    margin: 10px 0 20px 0;
    text-align: center
}

    .adSenseTop > img {
        position: static !important;
        border: 1px !important;
        float: none !important
    }

.mainContainer .childContainer {
    width: 1000px;
    margin: 15px auto 0
}

    .mainContainer .childContainer .companyGrid, .mainContainer .childContainer .companyList, .mainContainer .childContainer .channelList, .mainContainer .childContainer .channelGrid {
        display: none
    }

    .mainContainer .childContainer .companyList, .mainContainer .childContainer .channelList {
        width: 100%
    }

.tSearchPanel {
    margin-top: 5px
}

    .tSearchPanel > div {
        float: left
    }

        .tSearchPanel > div > * {
            float: left;
            line-height: 28px
        }

    .tSearchPanel .searchFilters table input[type="text"], .tSearchPanel .orderByFilters ul li a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .tSearchPanel .searchFilters, .tSearchPanel .orderByFilters, .tSearchPanel .gridlistnav {
        border: 1px solid #ccc;
        height: 28px;
        margin-right: 10px;
        margin-bottom: 15px
    }

    .tSearchPanel .searchFilters {
        width: 347px
    }

    .tSearchPanel .orderByFilters {
        width: 220px;
        padding-left: 10px;
        position: relative
    }

    .tSearchPanel .searchFilters table {
        width: 100%;
        padding: 0
    }

        .tSearchPanel .searchFilters table input[type="text"] {
            color: #999;
            font-family: robotoregular;
            font-size: 14px;
            height: 27px;
            padding: 5px;
            width: 100%;
            border: 0
        }

        .tSearchPanel .searchFilters table a {
            background: url("../images/c2mimg1.png") -4px -655px;
            display: block;
            height: 30px;
            text-align: center;
            width: 44px;
            border: 0;
            margin-right: -1px;
            margin-top: -1px
        }

            .tSearchPanel .searchFilters table a:hover {
                background-position: -4px -709px
            }

    .tSearchPanel .orderByFilters div#orderBox {
        color: #1fb6ec;
        cursor: pointer;
        font-family: robotoregular;
        font-size: 15px;
        height: 18px;
        padding: 0;
        text-align: center;
        width: 136px
    }

    .tSearchPanel .orderByFilters a.filtters {
        background: url(../images/c2mimg1.png) 3px -25px no-repeat;
        width: 25px;
        height: 28px;
        float: right
    }

        .tSearchPanel .orderByFilters a.filtters:hover {
            background: url(../images/c2mimg1.png) 3px -583px no-repeat
        }

    .tSearchPanel .orderByFilters a.find {
        background: url(../images/c2mimg1.png) -4px -654px;
        border-top: 1px solid #ccc;
        border-left: 0 solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        display: block;
        text-align: center;
        width: 43px;
        height: 28px
    }

        .tSearchPanel .orderByFilters a.find:hover {
            background: url(../images/c2mimg1.png) -4px -708px repeat-x
        }

.AllFilters {
    display: none;
    color: #999;
    padding: 0;
    position: absolute;
    margin-left: -109px;
    margin-top: -3px;
    z-index: 99999;
    background: #fff;
    border: 1px solid #ccc
}

    .AllFilters ul li {
        list-style-type: none
    }

        .AllFilters ul li a {
            color: #999;
            font-size: 15px;
            line-height: 20px;
            padding: 5px 25px;
            display: block;
            background: #fff
        }

            .AllFilters ul li a:hover {
                color: #fff;
                background: #1fb6ec
            }

.tSearchPanel .orderByFilters .orderFilters {
    display: none;
    color: #999;
    padding: 0;
    position: absolute;
    right: -1px;
    top: 28px;
    z-index: 99999;
    background: #fff;
    border: 1px solid #ccc
}

    .tSearchPanel .orderByFilters .orderFilters ul li {
        list-style-type: none
    }

        .tSearchPanel .orderByFilters .orderFilters ul li a {
            color: #999;
            font-size: 15px;
            line-height: 20px;
            padding: 5px 25px;
            display: block;
            background: #fff
        }

            .tSearchPanel .orderByFilters .orderFilters ul li a:hover {
                color: #fff;
                background: #1fb6ec
            }

.tSearchPanel .gridlistnav {
    min-width: 245px;
    padding-left: 10px;
    display: block
}

    .tSearchPanel .gridlistnav a {
        padding: 0 5px 0 26px;
        color: #999;
        margin-left: 5px
    }

        .tSearchPanel .gridlistnav a.gridviewlink {
            background: url(../images/c2mimg1.png) 2px -128px no-repeat
        }

            .tSearchPanel .gridlistnav a.gridviewlink:hover, .tSearchPanel .gridlistnav a.gridviewlink.secleted {
                background: url(../images/c2mimg1.png) 2px -103px no-repeat;
                color: #00ace9
            }

        .tSearchPanel .gridlistnav a.listviewlink {
            background: url(../images/c2mimg1.png) 0 -153px no-repeat;
            cursor: pointer
        }

            .tSearchPanel .gridlistnav a.listviewlink:hover, .tSearchPanel .gridlistnav a.listviewlink.secleted {
                background: url(../images/c2mimg1.png) 0 -178px no-repeat;
                color: #00ace9
            }

.tSearchPanel .companySearch {
    float: right;
    padding: 5px 8px 0 0
}

.home_search, .add_show_channel {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #cbcbcb;
    margin-top: 10px
}

    .home_search span.searchHead {
        float: right
    }

        .home_search span.searchHead a {
            color: #00ace9;
            font-weight: bold;
            font-size: 15px
        }

            .home_search span.searchHead a:hover {
                color: #999
            }

    .home_search > a {
        float: left;
        border: 1px solid #cbcbcb;
        border-bottom: 0;
        color: #00ace9;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        line-height: 18px;
        padding-right: 10px
    }

        .home_search > a > span {
            background: none repeat scroll 0 0 #00ace9;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            margin-right: 5px;
            padding: 5px 10px 8px
        }

        .home_search > a:hover {
            color: #fff;
            background-color: #00ace9
        }

.searchGridHead {
    float: right;
    margin-top: -20px
}

a.moreChannels {
    background: url(../images/moreChanels.png) no-repeat center;
    display: inline-block;
    border: 0 solid #f60;
    width: 10px !important;
    height: 34px;
    float: right;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left: 5px
}

.addBig .aResetList {
    text-decoration: underline;
    border-style: none
}

    .addBig .aResetList:hover {
        color: #999;
        background: none !important
    }

.search_filters_wrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0
}

    .search_filters_wrap a {
        display: none
    }

    .search_filters_wrap div {
        padding: 3px 0
    }

    .search_filters_wrap label {
        display: inline-block;
        margin: 0 4px;
        padding: 3px 0
    }

        .search_filters_wrap label input {
            margin: -3px -2px 0 0;
            vertical-align: middle
        }

.reset_filter_wrap {
    border-bottom: 1px solid #cbcbcb;
    padding: 9px 0;
    display: none
}

    .reset_filter_wrap a {
        float: right;
        font-size: 14px;
        margin-left: 30px;
        color: #00ace9;
        font-size: 15px;
        font-weight: bold
    }

        .reset_filter_wrap a:hover {
            color: #999
        }

.companyGrid {
    margin: 0 auto
}

    .companyGrid ul, .channelGrid ul {
        margin: 0;
        padding: 0;
        background: #fff
    }

    .companyGrid > ul > li, .channelGrid > ul > li {
        list-style: none;
        display: inline-block;
        width: 191px;
        margin: 0 11px 11px 0;
        min-height: 191px;
        vertical-align: top;
        position: relative
    }

    .companyGrid ul li > img, .channelGrid ul li > img {
        position: absolute
    }

    .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
        margin: 0
    }

    .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
        background: #fff;
        width: 1000px;
        display: none;
        position: relative;
        margin: 191px 0 0 0
    }

        .companyGrid li div.cgContentArea .cgIContentArea, .channelGrid li div.cgContentArea .cgIContentArea {
            display: block;
            padding-top: 10px
        }

    .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
        margin: 191px 0 0 -202px
    }

    .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
        margin: 191px 0 0 -404px
    }

    .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
        margin: 191px 0 0 -606px
    }

    .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
        margin: 191px 0 0 -808px
    }

    .companyGrid .leftPicIconWrap {
        display: none
    }

    .companyGrid .gridLogo {
        display: block
    }

    .companyGrid .compContent1 {
        width: 100%
    }

.channelGrid .chContent1 {
    width: 100%
}

.companyList > ul > li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 0 0;
    vertical-align: top;
    position: relative
}

.channelList > ul > li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0 5px 11px 0;
    vertical-align: top;
    position: relative
}

.companyList ul li > img, .channelGrid ul li > img {
    position: absolute
}

.companyList ul li:nth-child(5n+5), .channelList ul li:nth-child(5n+5) {
    margin: 0
}

.companyList li div.cgContentArea, .channelList li div.cgContentArea {
    background: #fff;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0 0 0
}

    .companyList li div.cgContentArea .cgIContentArea, .channelList li div.cgContentArea .cgIContentArea {
        display: block;
        padding-top: 10px
    }

.companyList ul li:nth-child(5n+2) div.cgContentArea, .channelList ul li:nth-child(5n+2) div.cgContentArea {
    margin: 0 0 0 0
}

.companyList ul li:nth-child(5n+3) div.cgContentArea, .channelList ul li:nth-child(5n+3) div.cgContentArea {
    margin: 0 0 0 0
}

.companyList ul li:nth-child(5n+4) div.cgContentArea, .channelList ul li:nth-child(5n+4) div.cgContentArea {
    margin: 0 0 0 0
}

.companyList ul li:nth-child(5n+5) div.cgContentArea, .channelList ul li:nth-child(5n+5) div.cgContentArea {
    margin: 0 0 0 0
}

.companyList .gridLogo, .channelList .gridLogo {
    display: none
}

.companyList .leftPicIconWrap, .channelList .leftPicIconWrap {
    display: block
}

.channelTabsInfo .dataLinksSection .mainWidgetContainer {
    font-family: robotoregular;
    font-size: 14px;
    border: 1px solid #ccc;
    display: table;
    position: relative
}

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel {
        min-width: 195px;
        width: 195px;
        max-width: 195px;
        display: table-cell;
        border-right: 1px solid #ccc;
        position: relative
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .toggleLeftView {
        background: url(../images/bgDot-white.png) no-repeat;
        background-position: center;
        min-width: 10px;
        width: 10px;
        display: table-cell;
        background-color: #999;
        cursor: pointer
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .textDataset {
        padding-left: 10px;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
        cursor: pointer;
        color: #666;
        font-family: robotolight
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .textDatasetBold {
        font-family: robotobold
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .textDatasetLight {
        font-family: robotolight
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .axistext {
        font-family: robotobold;
        height: 30px
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .textDatasetSelect {
        padding-left: 10px;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
        cursor: pointer;
        color: #00ace9;
        font-family: robotobold
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .datasetList {
        max-height: 363px;
        overflow: auto;
        overflow-x: hidden
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .dsColumns {
        display: none;
        border-bottom: 1px solid #ccc;
        line-height: 30px
    }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .dsColumns select {
            width: 160px
        }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .dsColumns div.tblDS {
            color: #666;
            padding-left: 10px
        }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel .dsColumns a {
            background: #00ace9;
            color: #fff;
            display: inline-block;
            font-size: 12px;
            line-height: 17px;
            margin-top: -1px;
            padding: 2px 4px;
            text-align: center;
            text-transform: capitalize;
            width: 88px
        }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel {
        width: 100%;
        position: relative;
        display: table-cell
    }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .topWidgetLinks {
            border-bottom: 1px solid #ccc;
            padding: 0;
            position: relative
        }

            .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .topWidgetLinks span.widgetTitle {
                line-height: 33px;
                margin-left: 5px;
                color: #666;
                font-family: robotobold
            }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .chartViewContainer {
            padding: 5px 10px;
            min-height: 350px
        }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
            padding: 5px 10px;
            max-height: 350px;
            overflow: auto;
            width: 970px
        }

            .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer table {
                width: 100%;
                color: #666;
                font-size: 11px
            }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .topWidgetLinks span.timeRightAnchor a.moreDWM {
            background: url('../images/data-widgets-images.png') no-repeat scroll 0% 23% transparent;
            height: 22px;
            display: inline-block;
            padding: 8px 30px 0 15px
        }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .topWidgetLinks span.timeRightAnchor a.liveMode {
            background: url('../images/data-widgets-images.png') no-repeat;
            height: 25px;
            width: 45px;
            display: inline-block
        }

.rightWidgetPanel .gridViewContainer table.tablesorter {
    text-align: left
}

    .rightWidgetPanel .gridViewContainer table.tablesorter thead tr th, .rightWidgetPanel .gridViewContainer table.tablesorter tfoot tr th {
        background-color: #666;
        color: #fff;
        font-family: robotobold;
        font-size: 12px;
        text-transform: uppercase;
        border: 1px solid #ababab;
        padding: 4px;
        text-align: center
    }

    .rightWidgetPanel .gridViewContainer table.tablesorter th {
        background-image: url("../images/bg.gif");
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer
    }

    .rightWidgetPanel .gridViewContainer table.tablesorter tbody td {
        background-color: #ccc;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #ababab
    }

    .rightWidgetPanel .gridViewContainer table.tablesorter tbody tr.odd td {
        background-color: #fff
    }

.rightWidgetPanel .gridViewContainer .tablesorter-blue .headerSortUp, .rightWidgetPanel .gridViewContainer .tablesorter-blue .tablesorter-headerSortUp, .rightWidgetPanel .gridViewContainer .tablesorter-blue .tablesorter-headerAsc {
    background-color: #666;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7)
}

.rightWidgetPanel .gridViewContainer .tablesorter-blue .headerSortDown, .rightWidgetPanel .gridViewContainer .tablesorter-blue .tablesorter-headerSortDown, .rightWidgetPanel .gridViewContainer .tablesorter-blue .tablesorter-headerDesc {
    background-color: #666;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)
}

.rightWidgetPanel .gridViewContainer .tablesorter-filter-row td {
    background: #ccc;
    border: 1px solid #ababab;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.rightWidgetPanel .gridViewContainer .tablesorter-filter-row .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.rightWidgetPanel .gridViewContainer .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}

.rightWidgetPanel .gridViewContainer .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.rightWidgetPanel .gridViewContainer .tablesorter-filter {
    width: 95%;
    height: inherit;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}

.channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .topWidgetLinks span.timeRightAnchor a.OfflineMode {
    background: url('../images/data-widgets-images.png') no-repeat scroll 56% -5%;
    height: 27px;
    width: 50px;
    display: inline-block
}

span.timeRightAnchor .spdwmfilter, span.timeRightAnchor .spMoretooltips {
    position: relative;
    display: inline-block;
    float: left
}

span.timeRightAnchor .spMoretooltips {
    float: right
}

.topWidgetLinks .dwpopup {
    width: 100%;
    position: relative;
    padding: 10px;
    float: right;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

    .topWidgetLinks .dwpopup .tooltip_arrow {
        position: absolute;
        right: 20px;
        top: -19px
    }

    .topWidgetLinks .dwpopup.moretooltipEmbedinner {
        min-width: 257px
    }

.moretooltipDWM table.tblDWM {
    width: 720px
}

    .moretooltipDWM table.tblDWM td div.divDatePick {
        float: left
    }

    .moretooltipDWM table.tblDWM td div.divApply {
        float: left
    }

.moretooltipDWM .moreicons td {
    padding: 5px 7px
}

    .moretooltipDWM .moreicons td input {
        padding: 2px 5px
    }

.tooltip_arrow.tooltiparrowsocial {
    margin-left: 27px
}

.tooltip_arrow.tooltiparrowview {
    margin-left: -70px
}

.tooltip_arrow.tooltiparrowembed {
    margin-left: 100px
}

.moretooltipChart {
    display: none;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: 55px
}

    .moretooltipChart .charOptions {
        width: 170px
    }

        .moretooltipChart .charOptions > .top {
            width: 170px;
            height: 16px;
            background: url('../images/chartbox_top.png') no-repeat
        }

        .moretooltipChart .charOptions > .mid {
            width: 170px;
            background: url('../images/chartbox_mid.png') repeat-y;
            min-height: 40px;
            padding: 2px 10px;
            height: 70px
        }

        .moretooltipChart .charOptions > .bottom {
            width: 170px;
            background: url('../images/chartbox_bottom.png') no-repeat;
            height: 9px
        }

        .moretooltipChart .charOptions > .mid > .more > li {
            width: 46px;
            height: 30px;
            margin: 2px;
            list-style-type: none;
            float: left;
            text-align: center
        }

            .moretooltipChart .charOptions > .mid > .more > li img {
                margin-top: 2px;
                margin-left: 10px;
                cursor: pointer;
                cursor: hand
            }

                .moretooltipChart .charOptions > .mid > .more > li img:hover {
                    margin-top: 0;
                    margin-left: 10px;
                    cursor: pointer;
                    cursor: hand
                }

        .moretooltipChart .charOptions > .mid > .less > li {
            width: 71px;
            height: 30px;
            margin: 2px;
            list-style-type: none;
            float: left;
            text-align: center
        }

            .moretooltipChart .charOptions > .mid > .less > li img {
                margin-top: 2px;
                margin-left: 22px;
                cursor: pointer;
                cursor: hand
            }

                .moretooltipChart .charOptions > .mid > .less > li img:hover {
                    margin-top: 0;
                    margin-left: 22px;
                    cursor: pointer;
                    cursor: hand
                }

        .moretooltipChart .charOptions div.mid ul.more li em {
            margin-top: 2px;
            width: 50px;
            height: 30px;
            display: block
        }

            .moretooltipChart .charOptions div.mid ul.more li em:hover {
                margin-top: 0
            }

            .moretooltipChart .charOptions div.mid ul.more li em.chartLine {
                background: url(../images/data-widgets-images.png) no-repeat -10px -245px
            }

            .moretooltipChart .charOptions div.mid ul.more li em.chartBar {
                background: url(../images/data-widgets-images.png) no-repeat -10px -278px
            }

            .moretooltipChart .charOptions div.mid ul.more li em.chartPie {
                background: url(../images/data-widgets-images.png) no-repeat -10px -314px
            }

            .moretooltipChart .charOptions div.mid ul.more li em.chartMap {
                background: url(../images/data-widgets-images.png) no-repeat -10px -350px
            }

            .moretooltipChart .charOptions div.mid ul.more li em.chartHMap {
                background: url(../images/icon-heatMap.png) no-repeat;
                margin-left: 15px;
                margin-top: 5px
            }

        .moretooltipChart .charOptions div.mid ul.less li em.chartLine {
            background: url(../images/data-widgets-images.png) no-repeat 0 100px;
            width: 30px;
            height: 25px
        }

        .moretooltipChart .charOptions div.mid ul.less li em.chartBar {
            background: url(../images/data-widgets-images.png) no-repeat 0 100px;
            width: 30px;
            height: 25px
        }

        .moretooltipChart .charOptions div.mid ul.less li em.chartPie {
            background: url(../images/data-widgets-images.png) no-repeat 0 100px;
            width: 30px;
            height: 25px
        }

        .moretooltipChart .charOptions div.mid ul.less li em.chartMap {
            background: url(../images/data-widgets-images.png) no-repeat 0 100px;
            width: 30px;
            height: 25px
        }

        .moretooltipChart .charOptions div.mid ul.less li em.chartHMap {
            background: url(../images/icon-heatMap.png) no-repeat;
            width: 30px;
            height: 25px;
            margin-left: 15px;
            margin-top: 5px
        }

.moretooltipTimeline {
    display: none;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: 0
}

    .moretooltipTimeline .timelineTop {
        background: url('../images/chartbox_top.png') no-repeat;
        height: 14px;
        margin-left: 440px
    }

    .moretooltipTimeline .timelineOptions {
        width: 730px;
        max-height: 240px;
        overflow: auto;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,.75);
        -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,.75);
        box-shadow: 0 2px 3px -2px rgba(0,0,0,.75)
    }

        .moretooltipTimeline .timelineOptions .ulTimelineYears li {
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 10px;
            padding: 10px
        }

            .moretooltipTimeline .timelineOptions .ulTimelineYears li .timeDeselect {
                cursor: hand;
                cursor: pointer;
                color: #00ace9
            }

        .moretooltipTimeline .timelineOptions .ulTimelineMonths li {
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 10px;
            padding: 10px
        }

            .moretooltipTimeline .timelineOptions .ulTimelineMonths li .timeDeselect {
                cursor: hand;
                cursor: pointer;
                color: #00ace9
            }

        .moretooltipTimeline .timelineOptions .ulTimelineDays li {
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 10px;
            padding: 10px
        }

            .moretooltipTimeline .timelineOptions .ulTimelineDays li .timeDeselect {
                cursor: hand;
                cursor: pointer;
                color: #00ace9
            }

        .moretooltipTimeline .timelineOptions .ulTimelineHours li {
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 10px;
            padding: 10px
        }

            .moretooltipTimeline .timelineOptions .ulTimelineHours li .timeDeselect {
                cursor: hand;
                cursor: pointer;
                color: #00ace9
            }

        .moretooltipTimeline .timelineOptions .ulTimelineMinutes li {
            list-style-type: none;
            float: left;
            text-align: center;
            margin: 10px;
            padding: 10px
        }

            .moretooltipTimeline .timelineOptions .ulTimelineMinutes li .timeDeselect {
                cursor: hand;
                cursor: pointer;
                color: #00ace9
            }

.moretooltipDWM {
    display: none;
    position: absolute;
    z-index: 1;
    top: 32px;
    left: -295px
}

    .moretooltipDWM > div {
        width: 170px;
        border: 1px solid #999
    }

.moretooltipSocial {
    display: none;
    position: absolute;
    z-index: 1;
    right: -5px;
    top: 32px
}

    .moretooltipSocial table {
        width: 150px
    }

.moretooltipEmbed {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 48px
}

    .moretooltipEmbed table {
        width: 400px
    }

.channelTabsInfo a.chartbg {
    border-left: 1px solid #ccc;
    color: #999;
    display: inline-block;
    height: 25px;
    padding: 5px 10px 5px;
    float: right;
    background: url(../images/chart_bg.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    width: 43px
}

.moretooltipView {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 32px
}

    .moretooltipView table {
        width: 150px
    }

.moretooltipTimeline .timeline_wrap {
    margin: 15px 0;
    border: 1px solid #ccc;
    width: 500px;
    padding: 10px 10px 0;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

    .moretooltipTimeline .timeline_wrap ul {
        padding-top: 10px;
        position: relative;
        margin-bottom: 10px
    }

        .moretooltipTimeline .timeline_wrap ul li {
            display: inline-block;
            padding-bottom: 1px;
            width: 8.33%
        }

            .moretooltipTimeline .timeline_wrap ul li a {
                display: block;
                color: #fff;
                border-top: 1px solid #ccc;
                border-right: 1px solid #fff;
                border-bottom: 1px solid #fff;
                border-left: 1px solid #fff;
                border-bottom: 1px solid #fff;
                text-align: center;
                background-color: #c2d3e8;
                padding: 3px 0;
                cursor: text
            }

                .moretooltipTimeline .timeline_wrap ul li a.select {
                    background-color: #4c608d
                }

                    .moretooltipTimeline .timeline_wrap ul li a.select:hover {
                        background-color: #32405d;
                        cursor: pointer
                    }

                .moretooltipTimeline .timeline_wrap ul li a.selectblack {
                    background-color: #9eb8d9
                }

                    .moretooltipTimeline .timeline_wrap ul li a.selectblack:hover {
                        background-color: #5e7ebf;
                        cursor: pointer
                    }

        .moretooltipTimeline .timeline_wrap ul em {
            position: absolute;
            top: -2px;
            left: 2px;
            font-size: 12px;
            line-height: 8px;
            font-style: normal
        }

        .moretooltipTimeline .timeline_wrap ul a.hide_all {
            width: 20px;
            height: 10px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10px;
            background: url("../images/timeline-arrw.png") no-repeat scroll 0 0 rgba(0,0,0,0);
            background-size: 20px
        }

        .moretooltipTimeline .timeline_wrap ul[data-id='minutes'] li a, .moretooltipTimeline .timeline_wrap ul[data-id='days'] li a, .moretooltipTimeline .timeline_wrap ul[data-id='hours'] li a {
            padding: 0
        }

.moretooltipTimeline a.hide_top {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: 45px;
    background: url('../images/tooltip_arrow.png') repeat-x scroll -51px -4px transparent;
    background-size: 25px
}

.moreicons a.applyDate {
    background: #00ace9;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-top: -1px;
    padding: 2px 4px;
    text-align: center;
    text-transform: capitalize;
    width: 88px
}

.moreicons a.cancelDate {
    background: #eb593b;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-top: -1px;
    padding: 2px 4px;
    text-align: center;
    text-transform: capitalize;
    width: 88px
}

.bgDot {
    background: url('../images/data-widgets-images.png') no-repeat -42px -144px;
    width: 8px;
    height: 25px;
    position: absolute;
    right: 5px
}

.moreViewChart {
    background: url(../images/data-widgets-images.png) no-repeat -15px -180px;
    display: inline-block;
    width: 45px;
    height: 25px
}

.moreViewGrid {
    background: url(../images/data-widgets-images.png) no-repeat -15px -213px;
    display: inline-block;
    width: 45px;
    height: 25px
}

.topWidgetLinks a.firstlevellink {
    border-left: 1px solid #ccc;
    color: #999;
    display: inline-block;
    height: 25px;
    padding: 5px 10px;
    vertical-align: top;
    position: relative
}

    .topWidgetLinks a.firstlevellink em {
        margin-right: 10px;
        font-style: normal;
        line-height: 24px;
        background: url(../images/data-widgets-images.png) no-repeat 0 30px;
        height: 25px;
        float: left
    }

        .topWidgetLinks a.firstlevellink em.graphAnchor {
            background-position: -26px -180px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.tableAnchor {
            background-position: -15px -213px;
            width: 35px
        }

        .topWidgetLinks a.firstlevellink em.timeline {
            background-position: -22px -3px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.bgChartLine {
            background-position: -22px -38px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.bgChartPie {
            background-position: -22px -320px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.bgChartBar {
            background-position: -22px -284px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.bgChartMap {
            background-position: -22px -355px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.bgChartHMap {
            margin-right: 10px;
            font-style: normal;
            line-height: 24px;
            background: url(../images/icon-heatMap.png) no-repeat;
            height: 25px;
            float: left;
            width: 25px
        }

        .topWidgetLinks a.firstlevellink em.socialConnect {
            background-position: -22px -73px;
            width: 30px
        }

        .topWidgetLinks a.firstlevellink em.chartEmbed {
            background-position: -22px -110px;
            width: 25px
        }

.moretooltipSocial em {
    width: 50px;
    height: 30px;
    display: block
}

    .moretooltipSocial em.socialFb {
        background: url(../images/data-widgets-images.png) no-repeat -10px -387px
    }

    .moretooltipSocial em.socialTwitter {
        background: url(../images/data-widgets-images.png) no-repeat -10px -422px
    }

    .moretooltipSocial em.socialLinkedin {
        background: url(../images/data-widgets-images.png) no-repeat -10px -457px
    }

    .moretooltipSocial em.socialPinterest {
        background: url(../images/data-widgets-images.png) no-repeat -10px -492px
    }

    .moretooltipSocial em.socialGplus {
        background: url(../images/data-widgets-images.png) no-repeat -10px -528px
    }

    .moretooltipSocial em.socialPdf {
        background: url(../images/data-widgets-images.png) no-repeat -10px -562px
    }

    .moretooltipSocial em.socialXl {
        background: url(../images/data-widgets-images.png) no-repeat -10px -598px
    }

div.datepicker {
    font-size: 12px;
    width: 196px;
    height: 147px;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    display: none
}

.datepickerContainer {
    position: absolute
}

.datepickerBorderT, .datepickerBorderB, .datepickerBorderL, .datepickerBorderR, .datepickerBorderTL, .datepickerBorderTR, .datepickerBorderBL, .datepickerBorderBR {
    display: none
}

.datepickerHidden {
    display: none
}

div.datepicker table {
    border-collapse: collapse
}

div.datepicker a {
    color: #000;
    text-decoration: none;
    cursor: default;
    outline: none
}

div.datepicker table td {
    text-align: center;
    padding: 0;
    margin: 0
}

div.datepicker th {
    text-align: center;
    color: #666;
    font-weight: normal;
    padding: 0
}

div.datepicker tbody a {
    display: block
}

.datepickerDays a {
    width: 20px;
    line-height: 16px;
    height: 16px;
    padding-right: 2px
}

.datepickerYears a, .datepickerMonths a {
    width: 39px;
    line-height: 36px;
    height: 36px;
    text-align: center
}

.datepickerMonths td:first-child a, .datepickerMonths td:last-child a, .datepickerYears td:first-child a, .datepickerYears td:last-child a {
    width: 38px
}

td.datepickerNotInMonth a {
    color: #666
}

tbody.datepickerDays td.datepickerSelected {
    background: #136a9f
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: #17384d
}

tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected {
    background: #17384d
}

div.datepicker td.datepickerSelected a {
    color: #fff
}

div.datepicker a:hover, div.datepicker a:hover {
    color: #88c5eb
}

div.datepicker td.datepickerNotInMonth a:hover {
    color: #999
}

.datepickerSpace div {
    width: 20px
}

.datepickerBlock {
    vertical-align: top
}

a.datepickerGoNext, a.datepickerGoPrev, a.datepickerMonth {
    text-align: center;
    height: 20px;
    line-height: 20px;
    float: left
}

div.datepicker th a.datepickerGoNext, div.datepicker th a.datepickerGoPrev {
    width: 20px;
    color: #666;
    display: none
}

div.datepicker th a.datepickerMonth {
    width: 114px;
    display: block
}

div.datepicker .datepickerFirstView th a.datepickerGoPrev, div.datepicker .datepickerLastView th a.datepickerGoNext {
    display: block
}

div.datepicker th a.datepickerMonth {
    margin-left: 20px
}

div.datepicker .datepickerFirstView th a.datepickerMonth {
    margin-left: 0
}

table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears {
    display: none
}

table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW {
    display: none
}

table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW {
    display: none
}

td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a {
    color: #555
}

    td.datepickerDisabled a:hover {
        color: #333
    }

div.datepicker tbody.datepickerDays td.datepickerSpecial a {
    background: #700;
    color: #fff
}

div.datepicker tbody.datepickerDays td.datepickerSpecial.datepickerSelected a {
    background: #a00
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background-color: transparent
}

div.datepicker td.datepickerNotInMonth a span {
    display: none
}

div.datepicker td.datepickerNotInMonth a:hover span {
    display: none
}

div.datepicker tbody.datepickerDays td.datepickerNotInMonth:hover {
    background-color: transparent
}

.datepicker {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    padding: 10px
}

.datepickerSpace div {
    width: 2px
}

div.datepicker th {
    background-color: #ddd
}

    div.datepicker th a.datepickerMonth {
        color: #008ed6;
        font-weight: normal
    }

div.datepicker th {
    color: #000;
    font-family: robotobold
}

div.datepicker table thead tr.datepickerDoW th {
    border-bottom: 1px solid #ccc
}

div.datepicker a, div.datepicker a:hover {
    color: #000
}

div.datepicker table.datepickerViewDays, div.datepicker table.datepickerViewMonths, div.datepicker table.datepickerViewYears {
    background-color: #fff
}

div.datepicker table tbody.datepickerDays td {
    border: 1px solid #f7f7f7
}

tbody.datepickerDays td.datepickerSelected {
    background-color: #07c
}

div.datepicker td.datepickerFuture a {
    color: #ddd
}

div.datepicker tbody.datepickerDays td:hover {
    background-color: #fc3
}

div.datepicker td.datepickerToday a {
    font-weight: bold
}

.datepickerYears a, .datepickerMonths a {
    width: 42px
}

.datepickerMonths td:first-child a, .datepickerYears td:first-child a {
    width: 39px
}

div.datepicker th a.datepickerMonth {
    width: 121px
}

@media(min-width:980px) and (max-width:1018px) {
    .companyGrid {
        width: 960px
    }

        .companyGrid > ul > li, .channelGrid > ul > li {
            margin: 0 1px 2px 0 !important
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 960px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 191px 0 0 -192px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 191px 0 0 -384px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 191px 0 0 -576px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 191px 0 0 -768px
        }
}

@media(min-width:900px) and (max-width:979px) {
    .companyGrid {
        width: 880px
    }

        .companyGrid .gridLogo {
            width: 167px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 167px;
            margin: 0 11px 11px 0;
            min-height: 167px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 880px;
            margin-top: 167px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 167px 0 0 -178px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 167px 0 0 -356px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 167px 0 0 -534px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 167px 0 0 -712px
        }
}

@media(min-width:768px) and (max-width:899px) {
    .companyGrid {
        width: 748px
    }

        .companyGrid .gridLogo {
            width: 143px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 143px;
            margin: 0 8px 8px 0;
            min-height: 143px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 748px;
            margin-top: 143px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 143px 0 0 -151px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 143px 0 0 -302px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 143px 0 0 -453px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 143px 0 0 -604px
        }
}

@media(min-width:640px) and (max-width:767px) {
    .companyGrid {
        width: 620px
    }

        .companyGrid .gridLogo {
            width: 119px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 119px;
            margin: 0 6px 6px 0;
            min-height: 119px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 620px;
            margin-top: 119px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 119px 0 0 -125px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 119px 0 0 -250px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 119px 0 0 -375px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 119px 0 0 -500px
        }
}

@media(min-width:480px) and (max-width:639px) {
    .companyGrid {
        width: 460px
    }

        .companyGrid .gridLogo {
            width: 88px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 88px;
            margin: 0 5px 5px 0;
            min-height: 88px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 460px;
            margin-top: 88px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 88px 0 0 -93px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 88px 0 0 -186px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 88px 0 0 -279px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 88px 0 0 -372px
        }
}

@media(min-width:360px) and (max-width:479px) {
    .companyGrid {
        width: 340px
    }

        .companyGrid .gridLogo {
            width: 64px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 64px;
            margin: 0 5px 5px 0;
            min-height: 64px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 340px;
            margin-top: 64px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 64px 0 0 -69px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 64px 0 0 -138px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 64px 0 0 -207px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 64px 0 0 -276px
        }
}

@media(max-width:359px) {
    .companyGrid {
        width: 300px
    }

        .companyGrid .gridLogo {
            width: 56px
        }

        .companyGrid > ul > li, .channelGrid > ul > li {
            width: 56px;
            margin: 0 5px 5px 0;
            min-height: 56px
        }

        .companyGrid li div.cgContentArea, .channelGrid li div.cgContentArea {
            width: 300px;
            margin-top: 56px
        }

        .companyGrid ul li:nth-child(5n+5), .channelGrid ul li:nth-child(5n+5) {
            margin: 0
        }

        .companyGrid ul li:nth-child(5n+2) div.cgContentArea, .channelGrid ul li:nth-child(5n+2) div.cgContentArea {
            margin: 56px 0 0 -61px
        }

        .companyGrid ul li:nth-child(5n+3) div.cgContentArea, .channelGrid ul li:nth-child(5n+3) div.cgContentArea {
            margin: 56px 0 0 -122px
        }

        .companyGrid ul li:nth-child(5n+4) div.cgContentArea, .channelGrid ul li:nth-child(5n+4) div.cgContentArea {
            margin: 56px 0 0 -183px
        }

        .companyGrid ul li:nth-child(5n+5) div.cgContentArea, .channelGrid ul li:nth-child(5n+5) div.cgContentArea {
            margin: 56px 0 0 -244px
        }
}

.chWrapper {
    position: relative
}

    .companyWrapper .companyInfo, .chWrapper .chInfo {
        display: block;
        min-height: 80px
    }

        .companyWrapper .companyInfo a.lnkEdit {
            background: url("../images/editdelete.png") no-repeat scroll -31px -28px rgba(0,0,0,0);
            display: inline-block;
            float: right;
            height: 22px;
            margin: 0 0 0 5px;
            vertical-align: middle;
            width: 18px
        }

        .companyWrapper .companyInfo a.lnkDelete {
            background: url("../images/editdelete.png") no-repeat scroll -1px -28px rgba(0,0,0,0);
            display: inline-block;
            float: right;
            height: 18px;
            margin: 0 0 0 8px;
            width: 14px
        }

    .companyWrapper .companyMoreLink, .chWrapper .chMoreLink {
        border-bottom: 1px solid #cbcbcb;
        display: block;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0
    }

        .companyWrapper .companyMoreLink a, .chWrapper .chMoreLink a {
            text-transform: capitalize;
            color: #fff;
            float: right;
            background: #cbcbcb;
            color: #fff;
            font-size: 12px;
            padding: 2px 3px;
            display: inline-block;
            width: 96px;
            text-align: center;
            margin-top: -1px;
            height: 17px
        }

            .companyWrapper .companyMoreLink a:hover, .companyWrapper .companyMoreLink a.selected, .chWrapper .chMoreLink a:hover, .chWrapper .chMoreLink a.selected {
                background: #eb593c;
                height: 17px
            }

    .companyWrapper .companyInfo .compContent, .chWrapper .chInfo .chContent {
        display: block;
        margin: 0 0 0 95px;
        max-width: 900px
    }

    .companyWrapper .companyInfo h4, .chWrapper .chInfo h4 {
        font-size: 18px;
        color: #333;
        font-family: robotobold;
        margin: 0 0 10px 0
    }

    .companyWrapper .companyInfo .leftPicIcon, .chWrapper .chInfo .leftPicIcon {
        margin: 0 20px 10px 0
    }

.companyWrapper .companyInfo .leftPicIconWrap {
    width: 75px;
    height: 75px;
    overflow: hidden;
    float: left;
    cursor: pointer;
    cursor: hand
}

.chWrapper .chInfo .leftPicIconWrap {
    width: 75px;
    height: 75px;
    overflow: hidden;
    float: left
}

.companyWrapper .companyMoreLink a.addSmall, .chWrapper .chMoreLink a.addSmall {
    color: #00ace9;
    font-size: 12px;
    border: 1px solid #cbcbcb;
    border-bottom: 0 solid #cbcbcb;
    padding: 0 2px 0 0 !important;
    display: inline-block;
    height: 20px;
    font-weight: bold;
    background: #fff;
    width: 122px;
    margin: -1px 10px 0 0 !important;
    text-align: left
}

    .companyWrapper .companyMoreLink a.addSmall span, .chWrapper .chMoreLink a.addSmall span {
        background: none repeat scroll 0 0 #00ace9;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 21px;
        line-height: 20px;
        margin: -1px 3px 0 -1px;
        padding: 0 5px;
        width: 10px
    }

    .companyWrapper .companyMoreLink a.addSmall:hover, .chWrapper .chMoreLink a.addSmall:hover {
        color: #fff;
        background: #00ace9;
        border-color: #00ace9
    }

.companyWrapper .channelWrapper .channelListing, .chWrapper .chInsWrapper .channelListing {
    border-bottom: solid 0 #ccc;
    margin-bottom: 50px
}

.companyWrapper .channelWrapper, .chWrapper .chInsWrapper {
    display: none
}

.chWrapper .chInsLoaderWrapper {
    position: absolute;
    background-color: #fff;
    opacity: .5;
    z-index: 5001;
    width: 100%;
    height: 100%;
    top: 0
}

    .chWrapper .chInsLoaderWrapper .chInsInnerLoader {
        position: absolute;
        z-index: 5002;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.chWrapper .chInsWrapper > div:first-child {
    margin-top: 20px
}

.channelInfo {
    display: block;
    padding-bottom: 10px
}

    .channelInfo .chLogoWrap {
        width: 40px;
        height: 40px;
        float: left;
        overflow: hidden;
        margin-right: 20px
    }

    .channelInfo .chDescription {
        display: block;
        float: left;
        max-width: 940px;
        margin-left: 10px;
        width: 100%
    }

    .channelInfo .chRightInfo {
        display: none;
        float: left;
        width: 130px;
        padding-left: 40px;
        background: url(../images/vline.png) repeat-y
    }

    .channelInfo td:first-child {
        width: 50px
    }

    .channelInfo td:last-child {
        width: 130px
    }

    .channelInfo h3.ma {
        font-size: 16px;
        color: #333;
        padding: 0 10px 0 0;
        font-weight: bold
    }

    .channelInfo h3.amt {
        font-size: 16px;
        color: #eb593b;
        display: inline-block
    }

    .channelInfo span.disc {
        display: block;
        margin: 5px 0 0 0
    }

    .channelInfo h3.ma span {
        margin: 0 5px
    }

    .channelInfo h3.ma a {
        display: inline-block;
        color: #eb593b
    }

        .channelInfo h3.ma a:hover {
            color: #666
        }

        .channelInfo h3.ma a.channelhead {
            font-size: 16px;
            color: #333;
            padding: 0 10px 0 0;
            display: inline;
            font-weight: bold
        }

    .channelInfo p {
        margin-left: 60px
    }

.channels_info_edit p {
    margin-left: 0
}

.resourceData {
    display: none
}

.channelTabsInfo .dataLinks {
    position: relative;
    display: block
}

    .channelTabsInfo .dataLinks span a, .channelTabsInfo .dataLinksSection > span a {
        text-align: center;
        font-size: 12px;
        color: #333;
        margin-bottom: -1px;
        padding: 5px 5px 5px 34px
    }

    .channelTabsInfo .dataLinks span {
        width: 196px;
        display: inline-block;
        border-top: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        text-align: center;
        box-sizing: border-box
    }

        .channelTabsInfo .dataLinks span:last-child {
            border-right: none
        }

.channelListing .tab-toggle {
    display: none;
    background: url("../images/hamburger.gif") no-repeat scroll 97% 49% #333;
    padding: 10px 15px;
    width: auto;
    margin-top: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 15px
}

    .channelListing .tab-toggle:hover {
        background-color: #f55839;
        color: #fff
    }

.channelTabsInfo a.specsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -625px
}

.channelTabsInfo a.apiLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -58px
}

.channelTabsInfo a.nativeappsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -513px
}

.channelTabsInfo a.newsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -353px
}

.channelTabsInfo a.resourcesLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -591px
}

.channelTabsInfo a.dwLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -697px
}

.channelTabsInfo a.analyticsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -731px
}

.channelTabsInfo a.eventsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -767px
}

.channelTabsInfo a.tbLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 3px
}

.channelTabsInfo a.dsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -414px
}

.channelTabsInfo a.ctLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -235px
}

.channelTabsInfo a.forumsLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -554px
}

.channelTabsInfo a.buyLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -472px
}

.channelTabsInfo a.dfLink {
    background: url(../images/tabIcons.png) no-repeat center;
    display: inline-block;
    line-height: 25px;
    background-position: 0 -120px
}

.channelTabsInfo .dataLinks span, .channelTabsInfo .dataLinksSection > span {
    cursor: pointer;
    cursor: hand
}

    .channelTabsInfo .dataLinks a:hover, .channelTabsInfo .dataLinksSection > span a:hover {
        color: #999 !important
    }

.channelTabsInfo a.specsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -625px
}

.channelTabsInfo a.apiLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -58px
}

.channelTabsInfo a.nativeappsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -513px
}

.channelTabsInfo a.newsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -353px
}

.channelTabsInfo a.resourcesLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -591px
}

.channelTabsInfo a.dwLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -697px
}

.channelTabsInfo a.analyticsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -731px
}

.channelTabsInfo a.eventsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -767px
}

.channelTabsInfo a.tbLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 3px
}

.channelTabsInfo a.dsLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -414px
}

.channelTabsInfo a.ctLink.selected {
    background: url(../images/tabIcons.png) no-repeat;
    background-position: 0 -235px
}

.channelTabsInfo a.forumsLink.selected {
    background: url(../images/tabIcons.png) no-repeat;
    background-position: 0 -554px
}

.channelTabsInfo a.buyLink.selected {
    background: url(../images/tabIcons.png) no-repeat;
    background-position: 0 -472px
}

.channelTabsInfo a.dfLink.selected {
    background: url(../images/tabIcons.png) no-repeat center;
    background-position: 0 -120px
}

.channelTabsInfo a.specsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -625px !important
}

.channelTabsInfo a.apiLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -58px !important
}

.channelTabsInfo a.nativeappsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -513px !important
}

.channelTabsInfo a.newsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -353px !important
}

.channelTabsInfo a.resourcesLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -591px !important
}

.channelTabsInfo a.dwLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -697px !important
}

.channelTabsInfo a.analyticsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -731px !important
}

.channelTabsInfo a.eventsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -767px !important
}

.channelTabsInfo a.tbLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px 3px !important
}

.channelTabsInfo a.dsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -414px !important
}

.channelTabsInfo a.ctLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -235px !important
}

.channelTabsInfo a.forumsLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -554px !important
}

.channelTabsInfo a.buyLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -472px !important
}

.channelTabsInfo a.dfLink.disabled {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: -171px -120px !important
}

.channelTabsInfo a.specsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -625px !important
}

.channelTabsInfo a.apiLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -58px !important
}

.channelTabsInfo a.nativeappsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -513px !important
}

.channelTabsInfo a.newsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -353px !important
}

.channelTabsInfo a.resourcesLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -591px !important
}

.channelTabsInfo a.dwLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -697px !important
}

.channelTabsInfo a.analyticsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -731px !important
}

.channelTabsInfo a.eventsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -767px !important
}

.channelTabsInfo a.tbLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 3px !important
}

.channelTabsInfo a.dsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -414px !important
}

.channelTabsInfo a.ctLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -235px !important
}

.channelTabsInfo a.forumsLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -554px !important
}

.channelTabsInfo a.buyLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -472px !important
}

.channelTabsInfo a.dfLink.disabled:hover {
    background: url(../images/tabIcons.png) no-repeat center;
    color: #999;
    background-position: 0 -120px !important
}

.channelTabsInfo .dataLinks .moreDLinks {
    display: none;
    border: 1px solid #ccc;
    width: 134px;
    position: absolute;
    left: 864px;
    margin-top: 5px;
    background: #fff;
    z-index: 1000
}

    .channelTabsInfo .dataLinks .moreDLinks img {
        margin-top: -15px;
        margin-left: 100px
    }

    .channelTabsInfo .dataLinks .moreDLinks ul {
        margin: 0;
        padding: 0
    }

        .channelTabsInfo .dataLinks .moreDLinks ul li {
            list-style-type: none;
            min-height: 32px !important;
            padding: 0 !important;
            border-bottom: 1px solid #ccc
        }

            .channelTabsInfo .dataLinks .moreDLinks ul li a {
                font-size: 12px;
                color: #333;
                display: inline-block;
                text-align: left;
                padding: 4px 5px 5px 32px
            }

                .channelTabsInfo .dataLinks .moreDLinks ul li a:hover {
                    color: #999
                }

    .channelTabsInfo .dataLinks .moreDLinks a.specsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -625px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.apiLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -58px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.nativeappsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -513px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.newsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -353px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.resourcesLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -591px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.dwLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -177px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.analyticsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -120px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.eventsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -296px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.tbLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 3px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.dsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -414px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.ctLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -235px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.forumsLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -554px
    }

    .channelTabsInfo .dataLinks .moreDLinks a.buyLink {
        background: url(../images/tabIconsCenter.png) no-repeat center;
        display: inline-block;
        line-height: 25px;
        background-position: 0 -472px
    }

.channelTabsInfo .dataLinksSection div[data-group="dataLinksChild"] {
    margin-top: 20px
}

.channelTabsInfo .dataLinksSection .bradcrumb {
    color: #eb593b;
    font-size: 18px;
    font-family: robotobold;
    margin-top: 30px
}

    .channelTabsInfo .dataLinksSection .bradcrumb a {
        color: #333;
        margin: 0 0 20px 0
    }

    .channelTabsInfo .dataLinksSection .bradcrumb span.secName {
        float: right
    }

.channelTabsInfo .dataLinksSection .apiTableHead {
    width: 100%
}

    .channelTabsInfo .dataLinksSection .apiTableHead td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        color: #333
    }

        .channelTabsInfo .dataLinksSection .apiTableHead td:first-child {
            width: 200px
        }

        .channelTabsInfo .dataLinksSection .apiTableHead td:last-child {
            width: 530px
        }

.channelTabsInfo .dataLinksSection .apiTable {
    width: 100%
}

    .channelTabsInfo .dataLinksSection .apiTable tr.altRow {
        background: #f5f5f5
    }

    .channelTabsInfo .dataLinksSection .apiTable td:first-child {
        width: 200px
    }

    .channelTabsInfo .dataLinksSection .apiTable td:last-child {
        width: 500px
    }

    .channelTabsInfo .dataLinksSection .apiTable td {
        padding: 10px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

    .channelTabsInfo .dataLinksSection .apiTable tr:first-child td {
        border-top: solid 0 #ccc
    }

.channelTabsInfo .dataLinksSection .dataWidgetTable {
    width: 100%
}

.channelTabsInfo .dataLinksSection .dataWidgetLeftPanel {
    width: 140px;
    float: left;
    color: #666
}

    .channelTabsInfo .dataLinksSection .dataWidgetLeftPanel td {
        border-top: solid 1px #ccc;
        border-right: solid 1px #ccc;
        padding: 9px 8px
    }

    .channelTabsInfo .dataLinksSection .dataWidgetLeftPanel tr {
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc
    }

    .channelTabsInfo .dataLinksSection .dataWidgetLeftPanel a {
        color: #666
    }

.dataWidgetLeftPanel a:hover {
    color: #00ace9
}

.channelTabsInfo .dataLinksSection .dataWidgetLeftPanel a.active {
    color: #00ace9;
    font-family: robotobold
}

.channelTabsInfo .dataLinksSection .dataWidgetRightPanel {
    width: 860px;
    float: left
}

    .channelTabsInfo .dataLinksSection .dataWidgetRightPanel td {
        padding: 0
    }

    .channelTabsInfo .dataLinksSection .dataWidgetRightPanel tr:last-child td {
        padding: 0
    }

    .channelTabsInfo .dataLinksSection .dataWidgetRightPanel tr:first-child {
        border-top: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc
    }

.specEditDiv {
    float: right;
    width: 500px;
    margin-left: 10px
}

.specEdit {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    margin-bottom: 10px;
    padding: 0 10px 10px;
    top: 0;
    width: 100%
}

    .specEdit tr {
        line-height: 23px
    }

        .specEdit tr.altRow {
            background: #f5f5f5;
            height: auto
        }

        .specEdit tr td {
            padding: 5px 10px
        }

            .specEdit tr td:first-child {
                font-family: robotomedium;
                font-size: 14px;
                width: 200px
            }

                .specEdit tr td:first-child + td.specTags {
                    text-align: right;
                    font-family: robotolight;
                    font-size: 14px;
                    word-break: keep-all !important
                }

                .specEdit tr td:first-child + td.specOther {
                    text-align: right;
                    font-family: robotolight;
                    font-size: 14px;
                    word-break: keep-all !important
                }

    .specEdit .btnAddon {
        font-family: robotobold;
        font-size: 12px;
        width: 68px
    }

.contentApiSdk .w501 {
    width: 485px;
    float: left;
    padding-right: 30px
}

.contentApiSdk .w502 {
    width: 485px;
    float: left
}

.contentApiSdk div:first-child .head {
    padding-left: 70px;
    background: url(../images/api2.jpg);
    background-repeat: no-repeat;
    height: 40px;
    font-size: 16px;
    padding-top: 40px;
    color: #333
}

.contentApiSdk div:first-child + div .head {
    padding-left: 70px;
    background: url(../images/sdk2.jpg);
    background-repeat: no-repeat;
    height: 40px;
    font-size: 16px;
    padding-top: 40px;
    color: #333
}

.contentApiSdk .AnyTEdit td:first-child {
    width: 200px
}

    .contentApiSdk .AnyTEdit td:first-child + td {
        width: 250px;
        word-break: break-all
    }

.contentApiSdk .AnyTEdit tr.altRow {
    background: #f5f5f5;
    height: auto
}

.contentApiSdk .AnyTEdit td {
    border: none
}

.contentApiSdk .row {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    padding: 5px
}

    .contentApiSdk .row a {
        margin-top: 10px
    }

.channelWrapper .chLoadMessage, .chInsWrapper .chLoadMessage {
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #faf0d0;
    height: 33px;
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    cursor: pointer;
    cursor: hand
}

    .channelWrapper .chLoadMessage span, .chInsWrapper .chLoadMessage span {
        display: block;
        padding-top: 7px;
        text-align: center
    }

        .channelWrapper .chLoadMessage span img, .chInsWrapper .chLoadMessage span img {
            position: static !important;
            margin-left: 492px
        }

.channelWrapper .chNoMoreResult, .chInsWrapper .chNoMoreResult {
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    height: 33px;
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0
}

    .channelWrapper .chNoMoreResult span, .chInsWrapper .chNoMoreResult span {
        display: block;
        padding-top: 7px;
        text-align: center
    }

.gbOptional {
    display: none
}

    .gbOptional label, .rbOpt label {
        float: none
    }

    .gbOptional .legalDocUp {
        display: none
    }

        .gbOptional .legalDocUp .legalDocUpCnt {
            border: 1px solid #929292;
            padding: 10px;
            width: 430px
        }

        .gbOptional .legalDocUp .legalDocUpMsg {
            display: block;
            position: absolute;
            margin-left: 139px;
            margin-top: 7px;
            background: none repeat scroll 0% 0% transparent;
            width: 299px
        }

.DataTabsContent .customCatCtr, .DataTabsContent .customTypeCtr {
    margin-top: 48px;
    display: none
}

#optionSSl, #optionAuth {
    display: none
}

.analytParameter {
    border: solid 2px #cbcbcb;
    border-radius: 5px
}

    .analytParameter .APTop {
        background: #cbcbcb;
    }

        .analytParameter .APTop a.apiInvoke {
            background: none repeat scroll 0 0 #00ace9;
            color: #fff;
            display: inline-block;
            font-family: robotobold;
            margin: 0 0 0 -4px;
            text-align: center;
            width: 60px;
            line-height: 35px;
            padding-top: 0
        }

            .analytParameter .APTop a.apiInvoke:hover {
                background: #333
            }

        .analytParameter .APTop input {
            border-bottom: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #929292;
            background: #fff;
            border-top: solid 1px #929292;
            padding: 8px;
            width: 300px;
            height: 18px;
            color: #999
        }

        .analytParameter .APTop .APLinks {
            float: right;
        }

            .analytParameter .APTop .APLinks a {
                display: inline-block;
                background: #333;
                border-radius: 10px 10px 0px 0px;
                font-family: robotobold;
                color: #fff;
                padding: 10px 20px;
                margin-left: 5px
            }

                .analytParameter .APTop .APLinks a span {
                    width: 80px;
                    display: inline-block
                }

                .analytParameter .APTop .APLinks a:hover, .APTop .APLinks a.Select {
                    background: #fff;
                    color: #00ace9
                }

        .analytParameter .APTop .APType {
            margin-right: 4px;
            width: 92px;
            height: 37px;
            float: left
        }

    .analytParameter .APBottom .APLeftPanel .ApiCalls {
        float: left
    }

        .analytParameter .APBottom .APLeftPanel .ApiCalls h2 {
            font-family: robotobold;
            color: #333;
            font-size: 16px;
            margin: 10px
        }

        .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList {
            list-style: none;
            margin: 0;
            padding: 0;
            vertical-align: top;
            margin: 10px 0 0 0
        }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul {
                display: none;
                list-style: none;
                margin: 0;
                padding: 0
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList li {
                background-image: none;
                margin: 0;
                padding: 0
            }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList li span {
                    background-color: #333;
                    border-radius: 10px;
                    color: #fff;
                    display: inline-block;
                    text-decoration: none;
                    padding: 3px 5px;
                    margin-right: 5px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px
                }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul ul {
                display: block
            }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul ul li a {
                    float: left
                }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList a {
                cursor: pointer;
                display: block;
                color: #999;
                margin-left: 0;
                padding: 2px 2px 2px 8px;
                width: 205px
            }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList a img {
                    margin-right: 5px
                }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList a.expanded {
                    background: url('../images/open.png') right no-repeat
                }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList a.collapsed {
                    background: url('../images/close1.png') no-repeat 192px 0 transparent
                }

                .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList a:hover {
                    text-decoration: none;
                    color: #666
                }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul a {
                display: inline-block;
                padding: 5px 0 0 30px
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList .aMethods a:first-child {
                display: inline-block;
                padding: 5px 0 0 8px;
                width: 156px;
                float: left
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList .aMethods a.grDel {
                background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
                display: inline-block;
                height: 22px;
                margin-left: 5px;
                width: 16px;
                padding: 0 !important;
                float: left;
                margin-top: 7px
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList .aMethods a.grEdit {
                background: url(../images/editdelete.png) no-repeat scroll -28px 0 rgba(0,0,0,0);
                width: 22px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
                margin: 10px 0 0 0;
                float: left;
                padding: 0 !important
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul a img {
                margin-right: 5px
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul a:link {
                font-weight: normal
            }

            .analytParameter .APBottom .APLeftPanel .ApiCalls ul.apCallsList ul a:hover {
                text-decoration: none
            }

    .analytParameter .APLeftPanel {
        background: #fff;
        height: 725px;
        width: 225px;
        border-right: 10px solid #333;
        float: left;
        overflow: auto;
        overflow-x: hidden
    }

    .analytParameter .APRightPanel {
        float: left;
        width: 759px
    }

        .analytParameter .APRightPanel .topS {
            height: 250px;
            padding: 0
        }

            .analytParameter .APRightPanel .topS table td {
                padding: 5px 0 0 0
            }

            .analytParameter .APRightPanel .topS input {
                border-bottom: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-left: solid 1px #929292;
                border-top: solid 1px #929292;
                padding: 8px;
                width: 305px;
                color: #999;
                margin: 0 0 5px 0
            }

            .analytParameter .APRightPanel .topS select {
                border-bottom: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-left: solid 1px #929292;
                border-top: solid 1px #929292;
                padding: 8px;
                width: 323px;
                color: #999;
                margin: 0 0 5px 0
            }

            .analytParameter .APRightPanel .topS div[data-id='pApiBody'] input {
                width: 260px
            }

            .analytParameter .APRightPanel .topS div[data-id='pApiBody'] select {
                width: 83px;
                height: 37px
            }

            .analytParameter .APRightPanel .topS div[data-id='pApiBody'] .vValue select {
                width: 278px;
                height: 37px
            }

    .analytParameter .parmsDrop {
        border-bottom: 10px solid #333
    }

    .analytParameter .APResult {
        padding: 0 0 0 20px
    }

        .analytParameter .APResult .request {
            float: left;
            height: 455px;
            width: 345px;
            border-right: 2px solid #cbcbcb;
            padding: 10px 0 0 0;
            word-break: break-all
        }

        .analytParameter .APResult .responce {
            float: left;
            padding: 10px 0 0 20px;
            width: 370px;
            word-break: break-all
        }

            .analytParameter .APResult .request h2, .analytParameter .APResult .responce h2 {
                border-bottom: 1px solid #333;
                margin-bottom: 10px;
                padding-bottom: 10px
            }

    .analytParameter #apiParamsPanel .varParams {
        display: block;
        height: 163px;
        overflow: auto;
        width: 725px
    }

    .analytParameter #apiParamsPanel .varParamsHeader {
        display: block;
        height: 67px;
        width: 725px
    }

    .analytParameter #apiParamsPanel .varPChild {
        display: inline-block;
        margin-bottom: 10px
    }

        .analytParameter #apiParamsPanel .varPChild .vName {
            float: left;
            margin-right: 10px
        }

        .analytParameter #apiParamsPanel .varPChild .vValue {
            float: left;
            margin-right: 10px
        }

        .analytParameter #apiParamsPanel .varPChild .vDType {
            float: left;
            margin-right: 10px
        }

        .analytParameter #apiParamsPanel .varPChild a.vMinus {
            background: url(../images/minus.png);
            width: 35px;
            height: 35px;
            display: inline-block;
            margin-top: 15px;
            float: left
        }

    .analytParameter #apiParamsPanel .varParamsHeader a.plusBtn {
        background: url(../images/plus.png);
        width: 35px;
        height: 35px;
        display: inline-block;
        margin-top: 15px;
        float: left;
        background-repeat: no-repeat
    }

    .analytParameter #apiParamsPanel .varPChild .vName span, #apiParamsPanel .varPChild .vValue span, #apiParamsPanel .varPChild .vDType span {
        display: block
    }

.FgridEDsec a.grDel, .gridEDsec a.grDel, .add_resource_wrap a.grDel {
    background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
    display: inline-block;
    height: 22px;
    margin-left: 25px;
    width: 16px
}

.FgridEDsec a.grEdit, .gridEDsec a.grEdit, .add_resource_wrap a.grEdit {
    background: url(../images/editdelete.png) no-repeat scroll -28px 0 rgba(0,0,0,0);
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: -9px 0 0 10px
}

.FgridEDsec a.sortableArrow, .gridEDsec a.sortableArrow {
    background: url(../images/sort.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -12px 0 0 10px
}

.add_resource_wrap a.grDel {
    margin-left: 10px !important
}

.gridUsec a.grECan, .FgridUsec a.grECan {
    background: url(../images/EditCanIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 8px
}

.gridUsec a.grUpdate, .FgridUsec a.grUpdate {
    background: url(../images/updateIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0 0 23px
}

.DRDocUpCnt {
    border: 1px solid #929292;
    padding: 10px;
    width: 430px
}

.DRDocUpMsg {
    display: block;
    position: absolute;
    margin-left: 139px;
    margin-top: 7px;
    background: none repeat scroll 0% 0% transparent;
    width: 299px
}

.popupContent {
    width: 100%
}

    .popupContent td {
        padding: 10px 0 !important;
        color: #999
    }

    .popupContent h1 {
        color: #999;
        font-size: 20px;
        font-family: robotolight
    }

.IFCnt {
    width: 980px;
    display: inline-block;
    height: 37px
}

    .IFCnt .IFLeft {
        float: left;
        width: 460px
    }

        .IFCnt .IFLeft b, .IFCnt .IFMid b, .IFCnt .IFFMid b, .IFCnt .middleSI b {
            width: 98px;
            display: block;
            margin-bottom: 5px
        }

    .IFCnt .IFMid, .IFCnt .IFFMid {
        float: left;
        margin-left: 462px
    }

    .IFCnt .BytesIFRight {
        float: right;
        width: 79px
    }

    .IFCnt .IFRight {
        float: right;
        margin-left: 436px;
        width: 79px
    }

.IFRepeat .IFCnt {
    margin-top: 5px
}

.IFCnt .ChTextCnt, .IFCnt .FChTextCnt {
    position: relative
}

    .IFCnt .ChTextCnt input[type='text'], .IFCnt .FChTextCnt input[type='text'] {
        position: absolute;
        z-index: 5
    }

    .IFCnt .ChTextCnt input[type='checkbox'], .IFCnt .FChTextCnt input[type='checkbox'] {
        border: none;
        position: absolute;
        z-index: 10;
        right: 14px;
        top: 10px;
        padding: 0;
        margin: 0
    }

.pop_wrap {
    height: 100%;
    left: 0;
    outline: 0 none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
    display: none
}

    .pop_wrap .pop_content {
        display: inline-block;
        margin: 0 auto;
        position: relative;
        text-align: left;
        vertical-align: middle;
        z-index: 9003;
        width: 100%
    }

    .pop_wrap .pop_box {
        max-width: 700px;
        border: 1px solid #333;
        background-color: #fff;
        display: block;
        margin: 1em auto;
        min-height: 20px;
        padding: 0;
        position: relative;
        font-size: 14px
    }

        .pop_wrap .pop_box.small {
            max-width: 510px
        }

        .pop_wrap .pop_box.min {
            max-width: 400px
        }

        .pop_wrap .pop_box.mid {
            max-width: 600px
        }

        .pop_wrap .pop_box.midlevel1 {
            max-width: 550px
        }

        .pop_wrap .pop_box.large {
            max-width: 801px
        }

        .pop_wrap .pop_box p {
            margin-bottom: 15px;
            line-height: 18px
        }

    .pop_wrap .pop_boxexcell {
        max-width: 800px !important
    }

    .pop_wrap .pop_box > h1, .popbox_h1 {
        background-image: url("../images/top.jpg");
        background-repeat: repeat;
        border-bottom: 1px solid #333;
        padding: 7px 50px 7px 10px;
        font-size: 16px;
        color: #fff
    }

    .pop_wrap .pop_box h4 {
        color: #333;
        font-family: robotobold;
        font-size: 18px;
        margin-bottom: 5px
    }

    .pop_wrap .pop_box_container {
        padding: 15px
    }

    .pop_wrap .pop_box h2, .pop_box h3 {
        color: #999;
        font-family: robotolight;
        font-size: 20px;
        margin-bottom: 15px
    }

    .pop_wrap .pop_box h3 {
        color: #333;
        font-family: robotoregular;
        font-size: 18px
    }

    .pop_wrap .pop_box .bttn {
        background-color: #00ace9;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        margin: 0 10px 10px 0;
        padding: 7px 0;
        width: 150px;
        text-align: center
    }

        .pop_wrap .pop_box .bttn.cancel {
            background-color: #ccc
        }

        .pop_wrap .pop_box .bttn.authenticate {
            background-color: #000
        }

        .pop_wrap .pop_box .bttn:hover {
            background-color: #666
        }

    .pop_wrap .pop_box .tag_wrap {
        margin-bottom: 18px
    }

        .pop_wrap .pop_box .tag_wrap p {
            margin-bottom: 0
        }

    .pop_wrap .pop_box .closePopupBox {
        background: url("../images/c2mimg1.png") repeat scroll 0 -758px rgba(0,0,0,0);
        cursor: pointer;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 36px;
        height: 35px;
        z-index: 999
    }

.channelTabs {
    width: auto;
    margin: auto;
    padding-bottom: 20px;
    text-align: center
}

    .channelTabs a {
        width: 95px;
        height: 40px;
        background: url("../images/chanel-icons-new.jpg") no-repeat scroll 0 0 rgba(0,0,0,0);
        display: inline-block;
        text-align: center;
        padding: 115px 15px 10px;
        margin: 15px 10px 10px;
        font-size: 16px
    }

        .channelTabs a span {
            display: block
        }

        .channelTabs a.deviceAC {
            background-position: 12px -165px
        }

        .channelTabs a.apiAC {
            background-position: -160px -165px
        }

        .channelTabs a.databaseAC {
            background-position: -342px -165px
        }

        .channelTabs a.flatfileAC {
            background-position: -518px -165px
        }

        .channelTabs a:hover span, .channelTabs a.selected span {
            display: block;
            color: #00ace9
        }

        .channelTabs a.selected {
            color: #444
        }

        .channelTabs a.deviceAC:hover, .channelTabs a.deviceAC.selected {
            background-position: 12px 10px
        }

        .channelTabs a.apiAC:hover, .channelTabs a.apiAC.selected {
            background-position: -160px 10px
        }

        .channelTabs a.databaseAC:hover, .channelTabs a.databaseAC.selected {
            background-position: -342px 10px
        }

        .channelTabs a.flatfileAC:hover, .channelTabs a.flatfileAC.selected {
            background-position: -518px 10px
        }

.pop_box_container.apipopup {
    padding: 0
}

.apipopup td, .apipopup th {
    vertical-align: middle !important;
    text-align: left
}

.apipopup input[type="text"], .apipopup input[type="password"], .apipopup .APResult .request, .apipopup .APResult .response {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.apipopup .apTop {
    background-color: #cbcbcb;
}

.apipopup .APType, .apipopup .APUrl {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

    .apipopup .APUrl table, .apipopup .APType select {
        width: 100%
    }

    .apipopup .APType select {
        padding: 3px;
        display: block;
        margin: 0;
        line-height: 24px
    }

    .apipopup .APUrl a {
        background-color: #00ace9;
        color: #fff;
        padding: 4px 12px
    }

        .apipopup .APUrl a:hover {
            background-color: #000
        }

    .apipopup .APUrl input[type="text"] {
        padding: 4px 8px 3px;
        font-family: robotolight
    }

.apipopup .aptopBox {
    float: left
}

.apipopup .apTop .APfn {
    width: 293px;
    margin-top: 5px
}

.apipopup .apTop .APfd {
    width: 293px;
    margin-top: 5px
}

    .apipopup .apTop .APfd textarea {
        float: left;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 8px;
        width: 183px;
        height: 30px;
        color: #999
    }

    .apipopup .apTop .APfd a {
        float: right;
        background-color: #00ace9;
        color: #fff;
        padding: 4px 12px;
        text-align: center
    }

.apipopup .apTop .APfn input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    padding: 8px;
    width: 100%;
    height: 27px;
    color: #999
}

.apipopup .APLinks {
    vertical-align: bottom;
    margin-bottom: -8px;
    display: inline-block
}

.apipopup .mt.APLinks {
    vertical-align: bottom;
    margin-top: 84px;
    display: inline-block;
    float: right
}

.apipopup .APLinks a {
    background-color: #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #cbcbcb;
    display: inline-block;
    font-family: robotobold;
    margin: 0 0 0 1px;
    padding: 4px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

    .apipopup .APLinks a.select, .apipopup .APLinks a:hover {
        background-color: #fff;
        color: #00ace9
    }

.apipopup .content_wrap {
    max-height: 175px;
    min-height: 125px;
    overflow: scroll;
    overflow-x: hidden
}

.apipopup .content_inner {
    padding: 5px 15px
}

.apipopup .vName, .apipopup .vValue {
    display: inline-block;
    width: 49%;
    padding-bottom: 10px
}

.apipopup .vValue {
    display: inline-block;
    float: right
}

.apipopup .APResult {
    border-top: 10px solid #323232;
    padding: 10px 0;
    position: relative;
    word-break: break-all
}

    .apipopup .APResult .arrwabsl {
        position: absolute;
        left: 48%;
        top: -0;
        display: block
    }

    .apipopup .APResult .request, .apipopup .APResult .response {
        width: 50%;
        padding: 4px 15px
    }

    .apipopup .APResult .request {
        float: left
    }

    .apipopup .APResult .response {
        float: right;
        border-left: 2px solid #cbcbcb;
        box-sizing: border-box
    }

    .apipopup .APResult h2 {
        border-bottom: 1px solid #333;
        color: #000;
        font-family: robotoregular;
        margin-bottom: 10px;
        padding-bottom: 4px
    }

    .apipopup .APResult .child_wrap {
        max-height: 200px;
        min-height: 200px;
        overflow: auto
    }

.apipopup .content_inner .varPChild .vName span, .apipopup .content_inner .varPChild .vValue span, .apipopup .content_inner .varPChild .vDType span {
    display: block;
    padding-bottom: 5px
}

.apipopup .content_inner input[type="text"], .apipopup .content_inner input[type="password"] {
    border-color: #929292 #ccc #ccc #929292;
    border-style: solid;
    border-width: 1px;
    color: #999;
    padding: 4px 8px;
    width: 100%;
    font-family: inherit;
    resize: none
}

.apipopup .content_inner select {
    border-color: #929292 #ccc #ccc #929292;
    border-style: solid;
    border-width: 1px;
    color: #999;
    padding: 3px 8px;
    width: 100%;
    font-family: inherit;
    resize: none;
    box-sizing: border-box
}

.onBoardPopUp {
    font-size: 13px
}

    .onBoardPopUp input[type='text'], .onBoardPopUp select, .onBoardPopUp textarea {
        font-size: 13px
    }

    .onBoardPopUp .tab, .onBoardPopUp .tabFeed, .onBoardPopUp .analyticFeed {
        background: #fff;
        border-bottom: 1px solid #000;
        color: #000
    }

        .onBoardPopUp .tab > a, .onBoardPopUp .tabFeed > a, .onBoardPopUp .analyticFeed > a {
            font-size: 13px;
            font-family: robotolight;
            padding: 5px 10px;
            display: inline-block;
            border-right: 1px solid #000;
            background: #fff;
            color: #333
        }

            .onBoardPopUp .tab > a.selected, .onBoardPopUp .tabFeed > a.selected, .onBoardPopUp .analyticFeed > a.selected {
                font-family: robotobold;
                background: #eee;
                color: #333
            }

    .onBoardPopUp .tabSection {
        background: #eee
    }

        .onBoardPopUp .tabSection .popcontent {
            display: none;
            min-height: 300px;
            padding: 10px 10px 15px
        }

            .onBoardPopUp .tabSection .popcontent .imgContainer {
                width: 75px;
                float: left
            }

            .onBoardPopUp .tabSection .popcontent .textContainer {
                max-width: 550px;
                vertical-align: middle
            }

                .onBoardPopUp .tabSection .popcontent .textContainer h1 {
                    color: #333;
                    font-size: 16px;
                    font-family: robotobold;
                    margin: 0 0 10px 0
                }

            .onBoardPopUp .tabSection .popcontent .row {
                padding: 5px 0
            }

            .onBoardPopUp .tabSection .popcontent .rightalign {
                text-align: right;
                width: 458px
            }

            .onBoardPopUp .tabSection .popcontent .textright {
                text-align: right;
                width: 448px
            }

                .onBoardPopUp .tabSection .popcontent .textright a {
                    float: right
                }

            .onBoardPopUp .tabSection .popcontent .hText {
                padding: 5px 0;
                font-size: 14px;
                color: #333;
                font-weight: bold
            }

            .onBoardPopUp .tabSection .popcontent .row .moreI {
                display: inline-block;
                background: url("../images/pluslink.png") no-repeat scroll left center transparent;
                padding: 0 0 0 15px;
                font-size: 13px;
                color: #999
            }

            .onBoardPopUp .tabSection .popcontent .row .lessI {
                display: inline-block;
                background: url("../images/minuslink.png") no-repeat scroll left center transparent;
                padding: 0 0 0 15px;
                font-size: 13px;
                color: #999
            }

            .onBoardPopUp .tabSection .popcontent .row ul {
                padding: 0;
                margin: 0;
                list-style-type: none
            }

                .onBoardPopUp .tabSection .popcontent .row ul li {
                    padding: 5px 0 0 0
                }

                    .onBoardPopUp .tabSection .popcontent .row ul li:first-child {
                        font-family: robotomedium;
                        color: #666
                    }

                    .onBoardPopUp .tabSection .popcontent .row ul li.terms {
                        padding: 5px 0 0 0;
                        float: left;
                        width: 30px
                    }

                        .onBoardPopUp .tabSection .popcontent .row ul li.terms input {
                            width: 20px;
                            padding: 5px 10px 20px 0
                        }

                    .onBoardPopUp .tabSection .popcontent .row ul li.termslink {
                        float: left;
                        width: 570px;
                        padding: 5px 10px 20px 0
                    }

                        .onBoardPopUp .tabSection .popcontent .row ul li.termslink a {
                            text-decoration: underline
                        }

.dashboardC .tabDashboard .rowinline ul li:first-child {
    width: 40%
}

    .dashboardC .tabDashboard .rowinline ul li:first-child + li {
        width: 50%
    }

.dashboardC .tabDashboard .rowinline ul li input[type='text'], .dashboardC .tabDashboard .rowinline ul li textarea, .dashboardC .tabDashboard .rowinline ul li select {
    width: 100% !important;
    margin-top: 0 !important;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292
}

.onBoardPopUp .tabSection > input, .onBoardPopUp .tabSection .divChinfo input.oFName, #deviceParameterWrapper input[type='text'], #deviceParameterWrapper input[type='password'] {
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    padding: 2px 8px;
    width: 100%;
    color: #999 !important;
    margin: 0 0 0;
    box-sizing: border-box;
    font-family: robotoregular;
    font-size: 13px;
    background: #fff
}

.onBoardPopUp .tabSection textarea {
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    padding: 2px 8px;
    width: 100%;
    resize: none;
    height: 84px;
    color: #999;
    font-family: robotoregular;
    font-size: 13px;
    line-height: 16px;
    box-sizing: border-box
}

.onBoardPopUp .tabSection ul#txtOnBoardTags {
    width: 100%;
    margin-top: 0;
    height: 100px;
    background: #fff;
    border-color: #929292 #ccc #ccc #929292
}

.onBoardPopUp .tabSection .moreInfoOnBoarding {
    display: none
}

.onBoardPopUp .tabSection li.customselect {
    height: 18px;
    position: relative
}

.onBoardPopUp .tabSection select.selectCetegory {
    position: absolute;
    z-index: 10;
    width: 100% !important;
    height: 23px !important;
    line-height: 23px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px
}

.onBoardPopUp .tabSection select.selectCetegoryM {
    width: 100% !important;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px
}

.onBoardPopUp .tabSection span.selectCetegory {
    font-size: 14px;
    position: absolute;
    width: 100%;
    height: 23px;
    line-height: 23px;
    text-indent: 10px;
    background: #fff url(../images/select-category-new.jpg) right;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292
}

.onBoardPopUp .tabSection select.selectPolicy {
    z-index: 10;
    width: 100% !important;
    height: 22px !important;
    line-height: 21px;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
    margin-left: 10px
}

.onBoardPopUp .tabSection span.selectPolicy {
    font-size: 14px;
    position: absolute;
    width: 100%;
    height: 23px;
    line-height: 23px;
    text-indent: 10px;
    background: #fff url(../images/select-category-new.jpg) right;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292
}

.onBoardPopUp .rowinline > ul > li {
    display: inline-block;
    vertical-align: top
}

    .onBoardPopUp .rowinline > ul > li input[type='text'] {
        display: inline-block;
        padding: 0 5px;
        box-sizing: border-box
    }

.divDeveloper .rowinline ul > li:first-child + li {
    width: 247px
}

    .divDeveloper .rowinline ul > li:first-child + li > input[type='text'] {
        width: 100%
    }

.divDeveloper .row ul > li:first-child + li > input[type='text'] {
    width: 100%;
    padding: 0 3px;
    box-sizing: border-box
}

.sidiceprotocol .row ul > li:first-child + li > input[type='text'] {
    width: 100%;
    padding: 0 3px;
    box-sizing: border-box
}

#DivPermission .selectPermission {
    width: 100%
}

#DivPermission .txtPermission {
    width: 79%;
    float: left;
    box-sizing: border-box
}

#DivPermission .btnPermission {
    width: 20%;
    float: left;
    background: #00ace9;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    height: 22px;
    margin-left: 1%;
    line-height: 22px
}

#permissionDiv:after {
    content: '';
    display: block;
    clear: both
}

#DivPermission table.tblPermission {
    width: 100% !important;
    border: 1px solid #666
}

.feedPopUp .divFeedinfo .rowinline > ul > li input, .feedPopUp .divFeedinfo .rowinline > ul > li textarea {
    box-sizing: border-box;
    padding: 0 3px;
    width: 247px
}

.feedPopUp .divFeedConfig .rowinline > ul > li:first-child, .analyticPopUp .divAnalyticConfig .rowinline > ul > li:first-child {
    width: 110px
}

.onBoardPopUp .divConfig .rowinline > ul > li:first-child {
    width: 110px
}

.onBoardPopUp .divDeveloper .rowinline > ul > li:first-child {
    width: 150px
}

.onBoardPopUp .btnGrey {
    background: #ccc;
    border: 1px solid #b0b0b0;
    padding: 4px 15px;
    color: #333;
    margin-right: 10px;
    font-family: robotolight;
    font-size: 13px;
    line-height: 23px
}

.onBoardPopUp .btnunivrsl {
    background: #ccc;
    border: 0;
    padding: 5px 15px;
    color: #fff;
    margin-right: 10px;
    font-family: robotoregular;
    font-size: 14px;
    line-height: 23px;
    min-width: 90px;
    display: inline-block;
    text-align: center
}

    .onBoardPopUp .btnunivrsl.greybttn {
        background: #666
    }

    .onBoardPopUp .btnunivrsl.orngbttn {
        background: #fc4c27
    }

    .onBoardPopUp .btnunivrsl.blubttn {
        background: #00ace9
    }

.divFeedinfo .rowinline > ul > li:first-child {
    width: 100px;
    vertical-align: top
}

.divFeedParameter {
    display: none;
    min-height: 300px;
    margin-bottom: 10px
}

    .divFeedParameter .rowinline {
        padding: 10px 20px
    }

.sdContainer > ul > li {
    width: 75px
}

.divFeedParameter .rowinline > ul > li:first-child {
    width: 120px
}

.divFeedParameter .rowinline > ul > li > * {
    display: inline-block;
    width: auto
}

.divFeedParameter .tabinline > ul > li {
    cursor: pointer;
    width: 24%;
    border: 1px solid #000;
    border-left: none;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding: 2px 0
}

    .divFeedParameter .tabinline > ul > li.selected, .divFeedParameter .tabinline > ul > li:hover {
        background: #999;
        color: #fff
    }

    .divFeedParameter .tabinline > ul > li:last-child {
        border-right: none
    }

.divFeedParameter .feedparam {
    display: none
}

.divFeedParameter .sdContainer {
    padding: 20px
}

    .divFeedParameter .sdContainer > ul > li:first-child {
        font-family: robotomedium;
        color: #666
    }

    .divFeedParameter .sdContainer label {
        color: #666;
        float: none;
        font-family: robotoregular;
        margin: 0;
        padding: 0
    }

.divFeedParameter .dynamicMethodSelect > ul > li:first-child {
    font-family: robotomedium;
    color: #666
}

.divFeedParameter .dynamicMethodSelect {
    padding: 0 20px 10px 20px
}

    .divFeedParameter .dynamicMethodSelect select.selectMethod {
        width: 145px;
        color: #666
    }

.divFeedParameter .feedParamContainer .feedparam .rowinline > ul > li:first-child {
    width: 160px !important;
    width: auto
}

.divFeedParameter .feedParamContainer .feedparam .rowinline > ul > li input, .divFeedParameter .feedParamContainer .feedparam .rowinline > ul > li select {
    width: 223px
}

.divFeedSelectMethod table.tablesorter {
    text-align: left
}

    .divFeedSelectMethod table.tablesorter thead tr td {
        text-align: center;
        border: 1px solid #ababab
    }

        .divFeedSelectMethod table.tablesorter thead tr td:first-child input[type='search'] {
            width: 1%;
            display: none
        }

    .divFeedSelectMethod table.tablesorter thead tr th, .divFeedSelectMethod table.tablesorter tfoot tr th {
        background-color: #666;
        color: #fff;
        font-family: robotobold;
        font-size: 12px;
        text-transform: uppercase;
        border: 1px solid #ababab;
        padding: 4px;
        text-align: center
    }

    .divFeedSelectMethod table.tablesorter th {
        background-image: url("../images/bg.gif");
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer
    }

        .divFeedSelectMethod table.tablesorter th:first-child {
            background-image: none !important
        }

    .divFeedSelectMethod table.tablesorter tbody td {
        background-color: #ccc;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #ababab
    }

    .divFeedSelectMethod table.tablesorter tbody tr.odd td {
        background-color: #fff
    }

.divFeedSelectMethod .tablesorter-blue .headerSortUp, .divFeedSelectMethod .tablesorter-blue .tablesorter-headerSortUp, .divFeedSelectMethod .tablesorter-blue .tablesorter-headerAsc {
    background-color: #666;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7)
}

.divFeedSelectMethod .tablesorter-blue .headerSortDown, .divFeedSelectMethod .tablesorter-blue .tablesorter-headerSortDown, .divFeedSelectMethod .tablesorter-blue .tablesorter-headerDesc {
    background-color: #666;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)
}

.divFeedSelectMethod .tablesorter-filter-row td {
    background: #ccc;
    border: 1px solid #ababab;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.divFeedSelectMethod .tablesorter-filter-row .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.divFeedSelectMethod .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}

.divFeedSelectMethod .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.divFeedSelectMethod .tablesorter-filter {
    width: 95%;
    height: inherit;
    margin: 2px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}

.divFeedData .feedDataView table tr:nth-child(even), .divFeedData .feedTreeView table tr:nth-child(even), .divAnalyticData .analyticDataView table tr:nth-child(even), .divAnalyticData .analyticTreeView table tr:nth-child(even) {
    background: #fff;
    font-size: 11px
}

.divFeedData .feedDataView table tr:nth-child(odd), .divFeedData .feedTreeView table tr:nth-child(odd), .divAnalyticData .analyticDataView table tr:nth-child(odd), .divAnalyticData .analyticTreeView table tr:nth-child(odd) {
    background: #ccc;
    font-size: 11px
}

.divFeedData .feedDataView table tr:first-child, .divFeedData .feedTreeView table tr:first-child, .divAnalyticData .analyticDataView table tr:first-child, .divAnalyticData .analyticTreeView table tr:first-child {
    background: #666;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #666
}

.divFeedData .feedDataView table tr td, .divFeedData .feedTreeView table tr td, .divAnalyticData .analyticDataView table tr td, .divAnalyticData .analyticTreeView table tr td {
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ababab
}

.loaderCenter {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100px
}

.cdatamaping .row_schema {
    height: 40px
}

    .cdatamaping .row_schema > div {
        float: left;
        margin-right: 5px
    }

        .cdatamaping .row_schema > div:first-child {
            width: 39%
        }

            .cdatamaping .row_schema > div:first-child + div {
                width: 40%
            }

.onbCommand {
    width: 100%;
    border: 1px solid #ccc
}

    .onbCommand tr {
        padding: 7px 0
    }

        .onbCommand tr > td {
            padding: 5px 0 5px 5px;
            border-color: #ccc
        }

.authStatusR {
    font-family: robotobold;
    font-size: 12px;
    color: #eb593c
}

.authStatusG {
    font-family: robotobold;
    font-size: 12px;
    color: #23b41d
}

table.cmdExecTable {
    width: 100%
}

    table.cmdExecTable tr:nth-child(even) {
        background: #fff;
        font-size: 12px
    }

    table.cmdExecTable tr:nth-child(odd) {
        background: #ccc;
        font-size: 12px
    }

    table.cmdExecTable tr:first-child {
        background: #666;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        border: 1px solid #666
    }

    table.cmdExecTable tr td {
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #ababab
    }

.commandall ul {
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box
}

.commandall li {
    display: inline-block;
    line-height: 25px;
    padding: 0 5px
}

.commandall div.cmdGroup {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid #ccc
}

    .commandall div.cmdGroup:nth-child(even) {
        font-size: 12px
    }

    .commandall div.cmdGroup:nth-child(odd) {
        font-size: 12px
    }

    .commandall div.cmdGroup > div.cmdItem {
        font-size: 12px
    }

        .commandall div.cmdGroup > div.cmdItem:nth-child(odd) {
            font-size: 12px
        }

div.cmdItem {
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    padding-bottom: 10px
}

.cmdItem > div > ul > li:first-child, .cmdGItem > ul > li:first-child {
    width: 40%
}

.cmdGItem > ul {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 10px
}

.cdatamaping .row_schema > div .userSelect {
    width: 100%;
    height: 24px
}

.cdatamaping .row_schema > div a.plusBtn {
    background: url("../images/plus.png") repeat scroll 0 0 rgba(0,0,0,0);
    display: inline-block;
    height: 35px;
    width: 35px
}

.devicePopupContainer input[type="checkbox"] {
    border: medium none;
    display: inline-block;
    width: 20px;
    color: #999;
    margin: 0 0 5px;
    padding: 8px
}

.devicePopupContainer .cdatamaping {
    width: 100%
}

.devicePopupContainer a.plusBtn {
    background: url("../images/plus.png") repeat scroll 0 0 rgba(0,0,0,0);
    display: inline-block;
    height: 35px;
    width: 35px
}

.tags {
    width: 100%;
    padding: 8px 0;
    text-indent: 10px;
    margin-top: 10px
}

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit;
    background: inherit;
    border-color: #929292 #ccc #ccc #929292;
    border-style: solid;
    border-width: 1px
}

    ul.tagit li {
        display: block;
        float: left;
        margin: 2px 5px 2px 0
    }

        ul.tagit li.tagit-choice {
            position: relative;
            line-height: inherit;
            -moz-border-radius: 6px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            background: none;
            background-color: #00ace9 !important;
            font-weight: normal;
            font-family: robotoregular
        }

input.tagit-hidden-field {
    display: none
}

ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em !important
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -10px;
    line-height: 17px;
    right: .4em;
    text-decoration: none
}

    ul.tagit li.tagit-choice .tagit-close .text-icon {
        display: inline;
        font-size: 16px;
        line-height: 16px;
        color: #777
    }

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0
}

ul.tagit input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: 80px;
    background-color: inherit;
    outline: none;
    color: #999;
    background: none
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #fff;
    display: block;
    margin: 0 4px 2px 0
}

ul.tagit li.tagit-choice .ui-icon {
    display: none
}

ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0
}

ul.tagit li.tagit-choice a.tagLabel:hover, ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222
}

.ui-widget {
    font-size: 1.1em
}

.tagit-autocomplete.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .tagit-autocomplete.ui-autocomplete {
    width: 1px
}

.tagit-autocomplete.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

    .tagit-autocomplete.ui-menu .ui-menu {
        margin-top: -3px
    }

    .tagit-autocomplete.ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%
    }

        .tagit-autocomplete.ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1
        }

            .tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px
            }

.tagit-autocomplete.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff 50% 50% repeat-x;
    color: #222
}

.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
    border: 1px solid #999;
    background: #dadada;
    font-weight: normal;
    color: #212121
}

.tagit-autocomplete .ui-state-active {
    border: 1px solid #aaa
}

.tagit-autocomplete .ui-widget-content {
    border: 1px solid #aaa
}

.tagit .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px)
}

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

.comploadmsg a {
    color: #00ace9
}

.comploadmsg {
    border: 2px solid #ccc;
    background-color: #fff;
    height: 40px;
    clear: both;
    width: 100%;
    text-align: center
}

    .comploadmsg span {
        display: block;
        padding-top: 13px;
        text-align: center
    }

        .comploadmsg span img {
            position: static !important;
            float: none !important
        }

.compemptymsg {
    border: 2px solid #ccc;
    background-color: #fff;
    height: 43px;
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

    .compemptymsg span {
        display: block;
        padding-top: 10px
    }

.totalScrollOffset {
    border: 2px solid #ccc;
    background-color: #fff;
    height: 10px;
    display: none;
    clear: both;
    width: 100%;
    text-align: center
}

    .totalScrollOffset span {
        display: block;
        padding-top: 5px
    }

.divAlertPopUp div.alertPopData {
    border: solid 1px #363636
}

    .divAlertPopUp div.alertPopData div.alertPopHead {
        background: #363636;
        height: 30px
    }

        .divAlertPopUp div.alertPopData div.alertPopHead a.closeAlertBox {
            float: right;
            display: inline-block;
            background: url(../images/c2mimg1.png) 0 -760px;
            height: 20px;
            margin: 0 0 0 0;
            padding: 10px 0 0 0;
            width: 35px
        }

    .divAlertPopUp div.alertPopData div.alertPopContent {
        background: #fff;
        border: solid 1px #363636;
        padding: 10px 15px
    }

        .divAlertPopUp div.alertPopData div.alertPopContent div {
            padding: 10px 0
        }

            .divAlertPopUp div.alertPopData div.alertPopContent div.alertPopContentTitle {
                font-weight: bold;
                font-size: 16px
            }

            .divAlertPopUp div.alertPopData div.alertPopContent div.alertPopContentDetail {
                color: #999
            }

.divErrorPopUp div.errorPopData {
    border: solid 1px #363636
}

    .divErrorPopUp div.errorPopData div.errorPopHead {
        background: #363636;
        height: 30px
    }

        .divErrorPopUp div.errorPopData div.errorPopHead a.closeErrorBox {
            float: right;
            display: inline-block;
            background: url(../images/c2mimg1.png) 0 -760px;
            height: 20px;
            margin: 0 0 0 0;
            padding: 10px 0 0 0;
            width: 35px
        }

    .divErrorPopUp div.errorPopData div.errorPopContent {
        background: #fff;
        border: solid 1px #363636;
        padding: 10px 15px
    }

        .divErrorPopUp div.errorPopData div.errorPopContent > div {
            padding: 10px 0
        }

        .divErrorPopUp div.errorPopData div.errorPopContent div.errorPopContentTitle {
            font-weight: bold;
            font-size: 16px
        }

        .divErrorPopUp div.errorPopData div.errorPopContent div.errorPopContentDetail {
            color: #999;
            border: 1px solid #999;
            overflow: auto;
            padding: 10px 5px;
            max-height: 200px
        }

        .divErrorPopUp div.errorPopData div.errorPopContent div.errorDetailToggle a.errorToggle {
            text-decoration: none
        }

        .divErrorPopUp div.errorPopData div.errorPopContent a.noMargin {
            margin: 0 0 0 0
        }

.divConfirmPopUp div.confirmPopData {
    border: solid 1px #363636
}

    .divConfirmPopUp div.confirmPopData div.confirmPopHead {
        background: #363636;
        height: 30px
    }

        .divConfirmPopUp div.confirmPopData div.confirmPopHead a.closeConfirmBox {
            float: right;
            display: inline-block;
            background: url(../images/c2mimg1.png) 0 -760px;
            height: 20px;
            margin: 0 0 0 0;
            padding: 10px 0 0 0;
            width: 35px
        }

    .divConfirmPopUp div.confirmPopData div.confirmPopContent {
        background: #fff;
        border: solid 1px #363636;
        padding: 10px 15px
    }

        .divConfirmPopUp div.confirmPopData div.confirmPopContent > div {
            padding: 10px 0
        }

        .divConfirmPopUp div.confirmPopData div.confirmPopContent div.confirmPopContentTitle {
            font-weight: bold;
            font-size: 16px
        }

        .divConfirmPopUp div.confirmPopData div.confirmPopContent div.confirmPopContentText {
            color: #999
        }

        .divConfirmPopUp div.confirmPopData div.confirmPopContent a.noMargin {
            margin: 0 0 0 0;
            background: #666
        }

.eGrid {
    width: 1000px;
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 14px !important;
    font-family: robotoregular;
    background: url(../images/mback.jpg) 440px;
    background-repeat: repeat-y
}

    .eGrid .Left {
        width: 440px;
        padding-bottom: 20px;
        float: left
    }

    .eGrid a.addBtnBlue {
        margin-right: 10px !important
    }

    .eGrid .Left .eEvent {
        width: 100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 15px 0 10px 0;
        height: 25px
    }

    .eGrid > .Left > .eEvent > h3 {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        display: inline;
        float: left
    }

    .eGrid > .Left > .eEvent > h4 {
        font-size: 14px;
        display: inline;
        float: left;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #ccc
    }

    .eGrid > .Left > .eEvent > input {
        float: left;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 4px;
        margin: 0 10px 10px 0;
        color: #999;
        height: 14px;
        width: 94px
    }

    .eGrid > .Left > .eEvent > .eEventIcon {
        float: right;
        padding-right: 15px
    }

        .eGrid > .Left > .eEvent > .eEventIcon > a {
            display: inline-block;
            height: 21px;
            opacity: 90
        }

            .eGrid > .Left > .eEvent > .eEventIcon > a.link {
                background: url(../images/icons_myThings.png) no-repeat 0 -1px;
                width: 30px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.play {
                background: url(../images/icons_myThings.png) no-repeat -35px 0;
                width: 16px;
                margin-left: 21px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.pause {
                background: url(../images/icons_myThings.png) no-repeat -68px 0;
                width: 16px;
                margin-left: 17px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.record {
                background: url(../images/icons_myThings.png) no-repeat -99px 0;
                width: 20px;
                margin-left: 15px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.delete {
                background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
                width: 16px;
                margin-left: 15px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.edit {
                background: url("../images/editdelete.png") no-repeat scroll -31px 2px rgba(0,0,0,0);
                width: 22px;
                margin-left: 15px
            }

            .eGrid > .Left > .eEvent > .eEventIcon > a.update {
                background: url(../images/updateIcon.png) no-repeat;
                width: 22px;
                margin-left: 15px
            }

    .eGrid .Left .eCondition .head {
        padding: 30px 15px 15px 0;
        border-bottom: solid 1px #ccc !important;
        margin-bottom: 10px
    }

    .eGrid .Left .eCondition h3 {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        display: inline;
        margin: 0 20px 0 0;
        float: left;
        width: 118px
    }

    .eGrid .Left .eCondition .desc {
        min-height: 20px
    }

        .eGrid .Left .eCondition .desc .condition {
            padding-right: 20px
        }

        .eGrid .Left .eCondition .desc h4 {
            font-size: 14px;
            font-weight: normal;
            display: inline;
            margin: 0 20px 0 0;
            float: left;
            width: 110px
        }

        .eGrid .Left .eCondition .desc input {
            float: left;
            border-bottom: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #333;
            border-top: solid 1px #333;
            padding: 4px;
            margin: 0 10px 10px 0;
            color: #999;
            height: 14px;
            width: 94px
        }

        .eGrid .Left .eCondition .desc a {
            float: right
        }

            .eGrid .Left .eCondition .desc a.delete {
                background: url("../images/editdelete.png") no-repeat scroll -1px -28px rgba(0,0,0,0);
                width: 16px;
                height: 20px
            }

            .eGrid .Left .eCondition .desc a.edit {
                background: url("../images/editdelete.png") no-repeat scroll -31px -28px rgba(0,0,0,0);
                width: 22px;
                margin-left: 0;
                height: 20px;
                margin-top: 2px;
                margin-left: 15px
            }

            .eGrid .Left .eCondition .desc a.update {
                background: url(../images/updateIcon.png) no-repeat;
                width: 22px;
                margin-left: 0;
                height: 20px;
                margin-top: 4px;
                margin-left: 15px
            }

        .eGrid .Left .eCondition .desc .condition > a.plus {
            background: url(../images/pluslink.png) no-repeat;
            width: 16px;
            margin-left: 5px;
            height: 16px;
            float: left;
            padding: 0
        }

        .eGrid .Left .eCondition .desc .condition > a.minus {
            background: url(../images/minuslink.png) no-repeat;
            width: 16px;
            margin-left: 5px;
            height: 16px;
            float: left
        }

    .eGrid .Left .eCondition .btn {
        text-transform: capitalize;
        color: #fff;
        float: left;
        background: #eb593c;
        color: #fff;
        font-size: 12px;
        padding: 2px 4px;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        line-height: 17px
    }

    .eGrid .Left .eCondition .conditionGroup {
        display: none;
        padding: 0 20px 20px 20px
    }

    .eGrid .Right {
        width: 560px;
        min-height: 100px;
        float: left
    }

        .eGrid .Right .eConditionPop {
            display: none
        }

        .eGrid .Right .currentpopup {
            display: block
        }

        .eGrid .Right .eConditionPop .head {
            border-top: solid 1px #ccc;
            border-bottom: solid 1px #ccc;
            padding: 15px 0 10px 15px;
            font-size: 14px;
            color: #333;
            height: 25px
        }

            .eGrid .Right .eConditionPop .head h3 {
                float: left;
                font-size: 14px;
                color: #333;
                font-weight: bold
            }

        .eGrid .Right .eConditionPop .desc {
            min-height: 120px;
            padding: 10px 0 15px 15px
        }

            .eGrid .Right .eConditionPop .desc > div {
                padding: 10px 0 0 0
            }

            .eGrid .Right .eConditionPop .desc > .eventInput > input {
                border-bottom: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-left: solid 1px #333;
                border-top: solid 1px #333;
                padding: 8px;
                margin: 0 10px 10px 0;
                color: #999;
                width: 225px
            }

.textareamessage {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    padding: 8px;
    margin: 0 10px 10px 15px;
    color: #999;
    width: 225px
}

.eHead {
    width: 100%;
    margin-bottom: 5px
}

    .eHead td {
        padding-top: 10px;
        border-bottom: solid 1px #ccc;
        color: #333;
        text-align: left
    }

.eGridTable {
    width: 100%;
    color: #333;
    background: #fff
}

    .eGridTable tr.altRow {
        background: #f5f5f5
    }

    .eGridTable td {
        padding: 10px 10px 10px 25px !important
    }

        .eGridTable td:first-child {
            width: 120px !important
        }

.notificationBoxContainer, .recipientContainer, .dropdownCommandContainer {
    display: none
}

.eGrid .Right .eConditionPop .desc select {
    width: 392px;
    height: 34px
}

.eNotificationBox > div > input {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    padding: 8px;
    margin: 0 10px 5px 15px;
    color: #999;
    height: 15px;
    width: 294px;
    margin-top: 5px
}

.eGrid .Right .eConditionPop .desc .eScheduler .selecteventFilter {
    width: 80px;
    height: 30px
}

.eScheduler {
    margin-top: 10px;
    padding-top: 10px !important;
    border-top: solid 1px #ccc
}

    .eScheduler div {
        float: left;
        width: 100px
    }

        .eScheduler div input {
            padding: 6px;
            padding-left: 2px;
            border-bottom: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #333;
            border-top: solid 1px #333;
            margin: 0 10px 10px 0;
            color: #999;
            margin-top: 0
        }

.cAnalytic {
    width: 100%;
    min-height: 120px;
    font-size: 14px;
    color: #333
}

    .cAnalytic > div:first-child {
        float: left;
        width: 270px;
        padding-top: 10px
    }

        .cAnalytic > div:first-child + div {
            float: left;
            width: 705px;
            border-left: 1px solid #ccc;
            padding-top: 0
        }

    .cAnalytic > div > ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .cAnalytic > div > ul li.head {
            float: left;
            width: 75px;
            padding: 5px 0 0 20px
        }

        .cAnalytic > div > ul li.text {
            float: left;
            width: 225px;
            padding-right: 30px
        }

        .cAnalytic > div > ul li.topHeader {
            width: 100%;
            line-height: 30px;
            padding: 0 0 35px 20px
        }

            .cAnalytic > div > ul li.topHeader > div {
                float: left
            }

                .cAnalytic > div > ul li.topHeader > div + div {
                    float: right;
                    padding-right: 35px
                }

                    .cAnalytic > div > ul li.topHeader > div + div a {
                        width: 100px;
                        padding: 10px 40px 10px 10px;
                        background-position: right;
                        background-repeat: no-repeat
                    }

    .cAnalytic input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 4px;
        margin: 0 10px 10px 10px;
        color: #333;
        width: 225px
    }

.cAnalyticDataset {
    width: 100%;
    min-height: 120px;
    font-size: 14px;
    color: #333
}

    .cAnalyticDataset > div:first-child {
        float: left;
        width: 260px;
        padding-top: 10px;
        border-right: 1px solid #ccc
    }

        .cAnalyticDataset > div:first-child + div {
            float: left;
            width: 738px;
            padding-top: 0
        }

    .cAnalyticDataset input {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 8px;
        width: 230px;
        margin: 0 0 20px 0;
        color: #999;
        font-family: robotoregular
    }

    .cAnalyticDataset textarea {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        padding: 8px;
        width: 230px;
        resize: none;
        height: 100px;
        color: #999;
        font-family: robotoregular;
        font-size: 14px;
        line-height: 16px;
        outline: none
    }

    .cAnalyticDataset .optionDiv {
        padding: 10px 0;
        margin: 0;
        list-style-type: none;
        font-size: 18px;
        color: #666;
        font-family: robotolight
    }

        .cAnalyticDataset .optionDiv .row {
            line-height: 35px;
            padding-top: 10px
        }

    .cAnalyticDataset .condition {
        padding: 0 10px 0 10px;
        width: 100px;
        text-align: right;
        float: left
    }

    .cAnalyticDataset .select {
        float: left;
        text-align: left;
        padding: 0;
        width: 150px;
        height: 30px
    }

    .cAnalyticDataset .close {
        float: left;
        text-align: left;
        padding: 0;
        width: 30px;
        padding-left: 10px
    }

    .cAnalyticDataset .is {
        padding: 0 10px 0 10px;
        width: 20px;
        text-align: right;
        float: left
    }

    .cAnalyticDataset .value {
        float: left;
        padding-left: 10px
    }

        .cAnalyticDataset .value input {
            border-bottom: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #333;
            border-top: solid 1px #333;
            padding: 8px;
            width: 100px;
            margin: 0 0 0 0;
            color: #999
        }

    .cAnalyticDataset select.selectFiltersDs {
        position: absolute;
        z-index: 10;
        width: 180px !important;
        height: 33px !important;
        line-height: 33px;
        color: #333;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        font-size: 14px
    }

.fixedValPop > .rowinline > ul > li {
    display: inline-block
}

.fixedValPop > div {
    padding-top: 10px
}

.fixedValPop .lctrl {
    width: 300px
}

.simpletext {
    max-width: 1000px;
    word-break: keep-all
}

    .simpletext p > img {
        float: none;
        max-width: 487px
    }

.mdocsContent, .tdocsContent, .bdocsContent, .fdocsContent {
    word-break: keep-all
}

    .simpletext table td, .mdocsContent table td, .tdocsContent table td, .bdocsContent table td, .fdocsContent table td {
        padding: 3px 10px 3px 5px
    }

    .mdocsContent p, .tdocsContent p, .bdocsContent p, .fdocsContent p {
        margin: 14px 0
    }

    .simpletext ul, .simpletext ol, .mdocsContent ul, .tdocsContent ul, .bdocsContent ul, .fdocsContent ul, .mdocsContent ol, .tdocsContent ol, .bdocsContent ol, .fdocsContent ol {
        padding: 10px 0 10px 40px
    }

    .simpletext h1, .mdocsContent h1, .tdocsContent h1, .bdocsContent h1, .fdocsContent h1 {
        margin: 8px 0;
        font-weight: bold
    }

    .simpletext h2, .mdocsContent h2, .tdocsContent h2, .bdocsContent h2, .fdocsContent h2 {
        margin: 10px 0;
        font-weight: bold
    }

    .simpletext h3, .mdocsContent h3, .tdocsContent h3, .bdocsContent h3, .fdocsContent h3 {
        margin: 12px 0;
        font-weight: bold
    }

    .simpletext h4, .mdocsContent h4, .tdocsContent h4, .bdocsContent h4, .fdocsContent h4 {
        margin: 16px 0;
        font-weight: bold
    }

    .simpletext h5, .mdocsContent h5, .tdocsContent h5, .bdocsContent h5, .fdocsContent h5 {
        margin: 20px 0;
        font-weight: bold
    }

    .simpletext h6, .mdocsContent h6, .tdocsContent h6, .bdocsContent h6, .fdocsContent h6 {
        margin: 28px 0;
        font-weight: bold
    }

    .simpletext table, .mdocsContent table, .tdocsContent table, .bdocsContent table, .fdocsContent table {
        margin: 0
    }

.dfContainer {
    width: 100%;
    height: auto
}

    .dfContainer .section {
        line-height: 40px;
        background: #ccc;
        color: #7a7a7a;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666
    }

        .dfContainer .section:hover {
            background: #bebbbb;
            -webkit-transition: background-color 1000ms linear;
            -moz-transition: background-color 500ms linear;
            -o-transition: background-color 500ms linear;
            -ms-transition: background-color 500ms linear;
            transition: background-color 500ms linear
        }

        .dfContainer .section .left {
            line-height: 40px;
            width: 140px;
            float: left;
            padding-left: 15px
        }

            .dfContainer .section .left .icon {
                line-height: 40px;
                padding-left: 40px
            }

            .dfContainer .section .left .iconapi {
                background: url('../images/ch_api.png') 0 10px no-repeat
            }

        .dfContainer .section .right {
            padding-right: 10px;
            float: right
        }

            .dfContainer .section .right a {
                margin: 5px 0
            }

                .dfContainer .section .right a.selected {
                    color: #fff
                }

    .dfContainer ul, .analyticGrid ul {
        padding: 0 10px;
        margin: 0
    }

        .dfContainer ul.altRow, .analyticGrid ul.altRow {
            background: #f5f5f5;
            border-top: 1px solid #ccc;
            padding: 10px 10px;
            box-sizing: border-box
        }

        .dfContainer ul.mRow, .analyticGrid ul.mRow {
            background: #fff;
            border-top: 1px solid #ccc;
            padding: 10px 10px;
            box-sizing: border-box
        }

    .dfContainer .feedapicontainer {
        width: 100%;
        overflow: auto
    }

    .dfContainer .feedapi, .analyticGrid.feedapi {
        width: 100%;
        padding: 0 0;
        box-sizing: border-box
    }

        .dfContainer .feedapi > ul > li, .analyticGrid.feedapi > ul > li {
            font-family: robotoregular;
            font-size: 12px;
            color: #333;
            display: inline-block;
            vertical-align: top;
            padding: 5px 0;
            margin: 0
        }

        .dfContainer .feedapi ul.myFeed > li, .analyticGrid.feedapi > ul:first-child + ul > li {
            font-family: robotoregular;
            font-weight: bold;
            font-size: 14px;
            padding-top: 10px
        }

        .dfContainer .feedapi > ul > li:first-child, .analyticGrid.feedapi > ul > li:first-child {
            width: 26%
        }

            .dfContainer .feedapi > ul > li:first-child + li, .analyticGrid.feedapi > ul > li:first-child + li {
                width: 17%
            }

                .dfContainer .feedapi > ul > li:first-child + li a, .analyticGrid.feedapi > ul > li:first-child + li a {
                    color: #eb593b
                }

                .dfContainer .feedapi > ul > li:first-child + li + li {
                    width: 52%
                }

        .dfContainer .feedapi[data-id='myapi'] > ul > li:first-child + li + li {
            width: 16%
        }

            .dfContainer .feedapi[data-id='myapi'] > ul > li:first-child + li + li + li {
                width: 30%
            }

        .analyticGrid.feedapi > ul > li:first-child + li + li {
            width: 16%
        }

            .analyticGrid.feedapi > ul > li:first-child + li + li + li {
                width: 28%
            }

.apiSdkContent {
    width: 100%;
    height: auto
}

    .apiSdkContent .section {
        line-height: 40px;
        background: #ccc;
        color: #7a7a7a;
        border-top: 1px solid #666;
        cursor: pointer;
        cursor: hand
    }

        .apiSdkContent .section:hover {
            background: #bebbbb;
            -webkit-transition: background-color 1000ms linear;
            -moz-transition: background-color 500ms linear;
            -o-transition: background-color 500ms linear;
            -ms-transition: background-color 500ms linear;
            transition: background-color 500ms linear
        }

    .apiSdkContent .sectionContent {
        height: auto;
        display: block;
        border-top: 1px solid #666;
        width: 100%;
        overflow: auto
    }

    .apiSdkContent .section .left {
        line-height: 40px;
        width: 140px;
        float: left;
        padding-left: 15px
    }

    .apiSdkContent div.plus {
        padding-left: 15px
    }

    .apiSdkContent .section .left .icon {
        line-height: 40px;
        padding-left: 40px
    }

    .apiSdkContent .section .left .iconapi {
        background: url('../images/ch_api.png') 0 10px no-repeat
    }

    .apiSdkContent .section .left .iconsdk {
        background: url('../images/ch_sdk.png') 0 10px no-repeat
    }

    .apiSdkContent .section .left .iconcode {
        background: url('../images/ch_code.png') 0 10px no-repeat
    }

    .apiSdkContent .section .right {
        padding-right: 10px;
        padding-top: 16px;
        float: right
    }

    .apiSdkContent .arrowUp {
        width: 12px;
        height: 12px;
        background: url(../images/ch_arrowup.png) 0 0;
        display: none
    }

    .apiSdkContent .arrowDown {
        width: 12px;
        height: 12px;
        background: url(../images/ch_arrowdown.png) 0 0;
        display: none
    }

    .apiSdkContent .AnyTEditHead td:first-child {
        width: 27%;
        text-align: left
    }

        .apiSdkContent .AnyTEditHead td:first-child + td {
            width: 23%;
            min-width: 160px;
            text-align: left
        }

            .apiSdkContent .AnyTEditHead td:first-child + td + td {
                width: 50%;
                text-align: left
            }

    .apiSdkContent .AnyTEdit td:first-child {
        width: 27%;
        word-break: keep-all;
        text-align: left
    }

        .apiSdkContent .AnyTEdit td:first-child + td {
            width: 23%;
            min-width: 160px;
            word-break: break-all;
            text-align: left
        }

            .apiSdkContent .AnyTEdit td:first-child + td + td {
                width: 50%;
                word-break: keep-all;
                text-align: left
            }

            .apiSdkContent .AnyTEdit td:first-child + td a {
                color: #39bdec;
                text-decoration: underline
            }

    .apiSdkContent a.plus {
        background: url('../images/pluslink.png') no-repeat 0 4px !important;
        padding: 0 0 0 15px;
        color: #333;
        display: inline-block;
        vertical-align: top
    }

.apidata {
    padding: 0 !important
}

.apiinnergrid {
    width: 100%;
    height: auto;
    min-height: 150px;
    background: #ccc;
    padding: 0 !important;
    margin: 0 !important;
    border-collapse: separate !important
}

    .apiinnergrid tr:first-child td {
        height: 20px;
        width: 25% !important;
        padding-right: 10px !important;
        font-weight: bold
    }

    .apiinnergrid a.addBtn {
        font-family: robotobold;
        font-size: 12px;
        width: 68px
    }

        .apiinnergrid a.addBtn:hover {
            background: #666;
            font-family: robotobold;
            font-size: 12px;
            width: 68px
        }

    .apiinnergrid tr:first-child + tr td {
        border: 1px solid #fff !important;
        border-left: none !important;
        height: 30px !important;
        padding: 0 !important;
        text-align: center !important;
        padding-top: 5px !important;
        vertical-align: auto !important
    }

        .apiinnergrid tr:first-child + tr td:last-child {
            border-right: none !important
        }

    .apiinnergrid tr:first-child + tr + tr > td > div {
        text-align: center !important;
        padding-bottom: 4px
    }

.rssReadMore {
    color: #00ace9
}

.resourceTabSection {
    max-width: 1000px;
    border-bottom: 1px solid #ccc;
    background: url('../images/mback.jpg') 610px 0;
    background-repeat: repeat-y;
    padding-bottom: 30px
}

    .resourceTabSection > .Left {
        float: left;
        max-width: 620px;
        padding-right: 30px
    }

    .resourceTabSection > .Right {
        float: left;
        width: 310px;
        padding-left: 30px
    }

    .resourceTabSection > .Left .top .mdocs, .resourceTabSection > .Left .top .tdocs, .resourceTabSection > .Left .bottom .bdocs, .resourceTabSection > .Left .bottom .fdocs {
        float: left;
        width: 270px;
        padding-left: 20px
    }

    .resourceTabSection > .Left .top {
        padding-bottom: 20px
    }

    .resourceTabSection > .Left .bottom {
        border-top: 1px solid #ccc;
        padding-top: 20px
    }

    .resourceTabSection > .Left .top .mdocs .head {
        background: url('../images/icon_file.png');
        background-repeat: no-repeat;
        width: 215px;
        height: 70px;
        padding-left: 80px;
        padding-top: 20px;
        font-size: 14px;
        font-family: robotoregular
    }

        .resourceTabSection > .Left .top .mdocs .head h2 {
            font-size: 20px;
            font-family: robotoregular;
            font-weight: bold;
            color: #999
        }

    .resourceTabSection > .Left .top .tdocs .head {
        background: url('../images/icon_file.png');
        background-repeat: no-repeat;
        width: 215px;
        height: 70px;
        padding-left: 80px;
        padding-top: 20px;
        font-size: 14px;
        font-family: robotoregular
    }

        .resourceTabSection > .Left .top .tdocs .head h2 {
            font-size: 20px;
            font-family: robotoregular;
            font-weight: bold;
            color: #999
        }

    .resourceTabSection > .Left .bottom .bdocs .head {
        background: url('../images/icon_blog.png');
        background-repeat: no-repeat;
        width: 215px;
        height: 70px;
        padding-left: 80px;
        padding-top: 20px;
        font-size: 14px;
        font-family: robotoregular
    }

        .resourceTabSection > .Left .bottom .bdocs .head h2 {
            font-size: 20px;
            font-family: robotoregular;
            font-weight: bold;
            color: #999
        }

    .resourceTabSection > .Left .bottom .fdocs .head {
        background: url('../images/icon_forum.png');
        background-repeat: no-repeat;
        width: 215px;
        height: 70px;
        padding-left: 80px;
        padding-top: 20px;
        font-size: 14px;
        font-family: robotoregular
    }

        .resourceTabSection > .Left .bottom .fdocs .head h2 {
            font-size: 20px;
            font-family: robotoregular;
            font-weight: bold;
            color: #999
        }

    .resourceTabSection > .Right .vdocs {
        background: url('../images/icon_video.png');
        background-repeat: no-repeat;
        width: 235px;
        height: 70px;
        padding-left: 80px;
        padding-top: 20px
    }

        .resourceTabSection > .Right .vdocs h2 {
            font-size: 20px;
            font-family: robotoregular;
            font-weight: bold;
            color: #999
        }

    .resourceTabSection > .Right .vdo {
        width: 280px;
        height: 160px;
        padding-bottom: 30px
    }

        .resourceTabSection > .Right .vdo iframe {
            width: 280px;
            height: 160px;
            border: 0
        }

    .resourceTabSection > .Right .vdotitle > h3 {
        font-size: 18px;
        font-family: robotoregular;
        font-weight: bold;
        padding-bottom: 10px;
        width: 280px
    }

    .resourceTabSection > .Right .vdodesc {
        width: 280px
    }

    .resourceTabSection > .Right .vdorepeat {
        width: 280px
    }

    .resourceTabSection > .Right .vdoOther {
        background: url('../images/icon_video_small.jpg') 0 17px no-repeat;
        width: 245px;
        min-height: 36px;
        border-top: 1px solid #ccc;
        padding-top: 20px;
        margin-top: 10px
    }

        .resourceTabSection > .Right .vdoOther .playicon {
            float: left;
            width: 40px;
            height: 36px;
            cursor: pointer;
            cursor: hand
        }

        .resourceTabSection > .Right .vdoOther .information {
            float: left;
            width: 200px
        }

            .resourceTabSection > .Right .vdoOther .information div:first-child {
                cursor: pointer;
                cursor: hand
            }

    .resourceTabSection > .Right a.moreless {
        color: #00ace9;
        text-decoration: none
    }

        .resourceTabSection > .Right a.moreless:hover {
            color: #00ace9;
            text-decoration: underline
        }

.dedicatedpage {
    display: block !important;
    margin-top: 20px
}

    .dedicatedpage .dpage {
        width: 100%;
        line-height: 44px;
        font-family: robotobold;
        font-size: 18px;
        color: #fff;
        height: 48px;
        margin-top: 2px
    }

.specs_tab.dpage {
    background: #fab13f;
    cursor: pointer;
    cursor: hand
}

    .specs_tab.dpage:hover {
        background: #d18005;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

.dpage .icon {
    width: 126px;
    height: 48px;
    margin-left: 20px;
    padding-left: 40px;
    float: left;
    background-repeat: no-repeat
}

.dpage .arrowdw {
    float: right;
    background: url(../images/wdw.png) 0 14px;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    height: 30px;
    display: none
}

.dpage .arrowup {
    float: right;
    background: url(../images/wup.png) 0 14px;
    background-repeat: no-repeat;
    width: 30px;
    display: none;
    height: 40px;
    display: none
}

.specs_tab.dpage .icon {
    background: url(../images/t_specs.png) 0 10px;
    background-repeat: no-repeat
}

.api_tab.dpage {
    background: #c2213a;
    cursor: pointer;
    cursor: hand
}

    .api_tab.dpage:hover {
        background: #881728;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

    .api_tab.dpage .icon {
        background: url(../images/t_api.png) 0 10px;
        background-repeat: no-repeat
    }

.nativeapps_tab.dpage {
    background: #e13237;
    cursor: pointer;
    cursor: hand
}

    .nativeapps_tab.dpage:hover {
        background: #bd1c20;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

    .nativeapps_tab.dpage .icon {
        background: url(../images/t_nativeapps.png) 0 10px;
        background-repeat: no-repeat
    }

.news_tab.dpage {
    background: #a2b0b1;
    cursor: pointer;
    cursor: hand
}

    .news_tab.dpage:hover {
        background: #74898b;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

    .news_tab.dpage .icon {
        background: url(../images/t_news.png) 0 10px;
        background-repeat: no-repeat
    }

.resources_tab.dpage {
    background: #3fb2ff;
    cursor: pointer;
    cursor: hand
}

    .resources_tab.dpage:hover {
        background: #0081d7;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

    .resources_tab.dpage .icon {
        background: url(../images/t_resources.png) 0 10px;
        background-repeat: no-repeat
    }

.backListview {
    font-family: robotoregular;
    font-size: 12px;
    color: #666;
    padding-bottom: 30px
}

.dedicatedpage .apiSdkContent .section {
    line-height: 40px;
    background: #eab2ba;
    color: #7a7a7a;
    border-top: 1px solid #666;
    cursor: pointer;
    cursor: hand
}

    .dedicatedpage .apiSdkContent .section:hover {
        background: #da7a89;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear
    }

.dedicatedpage .apiSdkContent .sectionContent {
    height: auto;
    display: block;
    border-top: 1px solid #666
}

.dedicatedpage .apiSdkContent .section .left {
    line-height: 40px;
    width: 140px;
    float: left;
    padding-left: 15px
}

.dedicatedpage .apiSdkContent div.plus {
    padding-left: 15px
}

.dedicatedpage .apiSdkContent .section .left .iconapi {
    background: url('../images/chd_api.png') 0 10px no-repeat;
    font-family: robotoregular;
    color: #444
}

.dedicatedpage .apiSdkContent .section .left .iconsdk {
    background: url('../images/chd_sdk.png') 0 10px no-repeat;
    font-family: robotoregular;
    color: #444
}

.dedicatedpage .apiSdkContent .section .left .iconcode {
    background: url('../images/chd_code.png') 0 10px no-repeat;
    font-family: robotoregular;
    color: #444
}

.dedicatedpage .apiSdkContent .section .right {
    padding-right: 10px;
    padding-top: 16px;
    float: right
}

.dedicatedpage .apiSdkContent .arrowUp {
    width: 12px;
    height: 12px;
    background: url(../images/ch_arrowup.png)
}

.dedicatedpage .apiSdkContent .arrowDown {
    width: 12px;
    height: 12px;
    background: url(../images/ch_arrowdown.png)
}

.f42 {
    font-size: 42px !important
}

.onBoard input[type="text"] {
    color: #999;
    border: 1px solid #ccc;
    font-size: 16px;
    font-family: robotoregular;
    line-height: 16px;
    margin: 0 5px;
    padding: 5px 10px;
    width: 260px
}

.onBoard input[type="button"] {
    color: #fff;
    border: 1px solid #00ace9;
    font-size: 16px;
    font-family: robotoregular;
    line-height: 16px;
    margin: 0 3px;
    padding: 3px 20px;
    background: #00ace9;
    font-family: robotomedium;
    cursor: pointer
}

.onBoard input[type="submit"] {
    color: #fff;
    border: 1px solid #00ace9;
    font-size: 16px;
    font-family: robotoregular;
    line-height: 16px;
    margin: 0 3px;
    padding: 3px 20px;
    background: #00ace9;
    font-family: robotomedium;
    cursor: pointer
}

.onBoard input[type="button"]:hover {
    background: #333;
    border: 1px solid #333
}

.onBoard input[type="submit"]:hover {
    background: #333;
    border: 1px solid #333
}

.space {
    height: 50px
}

.channeldetails {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    font-family: robotoregular;
    color: #999;
    font-size: 15px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 999999
}

.ui-menu {
    border: 1px solid #aaa;
    background: #fff;
    font-family: robotoregular;
    color: #999;
    font-size: 15px;
    width: 370px !important
}

    .ui-menu a {
        font-family: robotoregular;
        color: #999;
        font-size: 15px
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        color: #999;
        font-size: 15px;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
        width: 370px;
        overflow: hidden
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 2px .4em;
            line-height: 1.5;
            min-height: 0;
            font-family: robotoregular;
            color: #999;
            font-size: 15px;
            width: 358px
        }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #1fb6ec;
    font-family: robotoregular;
    font-size: 15px;
    color: #fff !important
}

ul.ui-autocomplete li.ui-menu-item {
    padding: 0 5px;
    box-sizing: border-box
}

#ui-active-menu-item {
    color: #fff !important
}

header {
    padding: 0 0
}

.mainSection img {
    float: none
}

#treeView li {
    list-style: none;
    background: url(../images/treesprite.png) no-repeat -20px -40px
}

    #treeView li input {
        margin-bottom: -4px
    }

#treeView ul {
    padding-left: 20px
}

#treeView b {
    display: inline-block;
    margin-left: -4px;
    margin-top: 0;
    width: 18px
}

    #treeView b[data-s='1'] {
        cursor: pointer;
        background: url(../images/treesprite.png) no-repeat 0 -20px
    }

        #treeView b[data-s='1'].plus {
            background-position: 0 0
        }

#treeView ul ul {
    padding-left: 20px;
    background: url(../images/treeline.png) repeat-y 0 0
}

#treeView li:last-child {
    list-style: none;
    background: url(../images/treesprite.png) no-repeat 0 -62px
}

ul {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    list-style-type: none
}

.headerTopStrip {
    height: 30px;
    width: auto;
    background: #363636;
    font-size: 14px;
    font-family: robotoregular
}

    .headerTopStrip li, .headerTopStrip ul {
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        list-style-type: none
    }

    .headerTopStrip > ul:first-child {
        float: left;
        max-width: 700px;
        margin: 0 5px;
        text-align: left
    }

        .headerTopStrip > ul:first-child input[type='text'] {
            background: #fff;
            color: #999;
            border: 1px solid #fff;
            width: 150px;
            height: 17px
        }

        .headerTopStrip > ul:first-child input[type='button'] {
            background: #00ace9 !important;
            color: #fff;
            width: 100px;
            line-height: 18px;
            height: 20px;
            cursor: pointer;
            border: none
        }

        .headerTopStrip > ul:first-child + ul, .headerTopStrip > ul:first-child + ul + ul {
            float: right;
            max-width: 370px
        }

            .headerTopStrip > ul:first-child + ul > li, .headerTopStrip > ul:first-child + ul + ul > li {
                padding: 5px 15px;
                color: #fff
            }

                .headerTopStrip > ul:first-child + ul > li:first-child + li, .headerTopStrip > ul:first-child + ul + ul > li:first-child + li {
                    background: url(../images/c2mimg1.png) 0 -815px no-repeat
                }

                .headerTopStrip > ul:first-child + ul + ul > li:first-child {
                    color: #999;
                    position: relative
                }

                .headerTopStrip > ul:first-child + ul > li a:hover {
                    color: #85e3ef
                }

    .headerTopStrip li {
        display: inline;
        line-height: 30px
    }

    .headerTopStrip .settingIcon {
        background: url("../images/account-settings-icon.png") no-repeat 4px 3px transparent;
        display: inline-block;
        height: 20px;
        position: absolute;
        right: 0;
        top: 7px;
        vertical-align: middle;
        width: 20px;
        cursor: pointer
    }

    .headerTopStrip .myaccount {
        display: none;
        height: 27px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: absolute;
        right: 0;
        top: 30px;
        width: 160px;
        text-align: center
    }

.mainFooter {
    background: #ebebeb;
    border-top: 1px solid #ccc;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10002
}

.lFootMenuWrap {
    float: left
}

.lFootMenu {
    padding: 4px 0
}

    .lFootMenu li {
        float: left;
        border-left: 1px solid #ccc
    }

        .lFootMenu li.first {
            border-left: none
        }

        .lFootMenu li a {
            display: block;
            padding: 0 5px
        }

            .lFootMenu li a:hover {
                color: #444
            }

.rFootMenu {
    padding: 0 0 0 0;
    float: right
}

    .rFootMenu a {
        display: inline-block;
        margin-left: 5px;
        background: #fff;
        padding: 5px 5px 5px 5px;
        border-left: 1px solid #ccc
    }

        .rFootMenu a:hover {
            background: #ccc
        }

        .rFootMenu a.copyright {
            border: none;
            background: none
        }

            .rFootMenu a.copyright:hover {
                color: #444;
                background: none
            }

.HeaderContent {
    max-width: 1000px;
    width: 100%;
    margin: 15px auto
}

.logo {
    float: left;
    margin-left: 10px
}

.topNav {
    float: left;
    margin: 18px 10px 0 20px;
    font-size: 16px;
    display: block
}

    .topNav li {
        float: left;
        border-left: 1px solid #ccc;
        line-height: 24px
    }

        .topNav li.first {
            border: none
        }

        .topNav li a {
            padding: 2px 10px;
            color: #ccc;
            display: block
        }

            .topNav li a:hover {
                color: #00ace9
            }

            .topNav li a.selected {
                color: #00ace9
            }

.nav-toggle {
    display: none
}

.socialNet {
    float: right;
    padding: 20px 0
}

    .socialNet > a {
        display: inline-block;
        height: 25px;
        width: 25px;
        margin: 0 0 0 10px
    }

        .socialNet > a.facebook {
            background: url('../images/c2mimg1.png') 0 -216px
        }

        .socialNet > a.youtube {
            background: url('../images/c2mimg1.png') 0 -324px
        }

        .socialNet > a.twitter {
            background: url('../images/c2mimg1.png') 0 -252px
        }

        .socialNet > a.linkedin {
            background: url('../images/c2mimg1.png') 0 -288px
        }

.positionrelative {
    position: relative
}

a.btnNextNew {
    background: #00ace9;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 210px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: inline-block
}

    a.btnNextNew:hover {
        background: #666
    }

a.btnCancelNew {
    background: #e9593e;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 210px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: inline-block
}

    a.btnCancelNew:hover {
        background: #666
    }

.whatisc2m .whatisBg {
    background: url(../banners/getConnected.jpg) no-repeat center top;
    height: 340px
}

.whatisBgHeadings {
    height: 100%;
    margin: auto;
    max-width: 980px;
    padding: 0 10px;
    position: relative
}

    .whatisBgHeadings div {
        display: table;
        height: 100%;
        position: relative;
        width: 100%
    }

        .whatisBgHeadings div heading {
            display: table-cell;
            vertical-align: middle
        }

    .whatisBgHeadings h1 {
        color: #fff;
        font-family: roboto_condensedbold;
        font-size: 52px;
        line-height: 70px
    }

        .whatisBgHeadings h1 span {
            font-family: robotolight;
            display: block;
            font-size: 72px
        }

.midSection {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    position: relative
}

.whatisc2m .firstRow {
    color: #666;
    padding: 80px 10px;
    text-align: center;
    color: #666;
    font-size: 28px;
    font-family: robotolight;
    max-width: 900px
}

    .whatisc2m .firstRow h2, .midSection.home_blog_box h2 {
        color: #666;
        font-family: robotolight;
        font-size: 32px;
        line-height: 40px
    }

.whatisc2m .bigIcons {
    margin: 0 auto;
    text-align: center;
    padding: 70px 0 40px 0
}

    .whatisc2m .bigIcons ul {
        max-width: 840px;
        margin: 0 auto
    }

    .whatisc2m .bigIcons li {
        float: left;
        max-width: 365px;
        margin-right: 9%
    }

        .whatisc2m .bigIcons li.last {
            margin-right: 0;
            max-width: 408px
        }

        .whatisc2m .bigIcons li img {
            float: left;
            margin-right: 15px
        }

        .whatisc2m .bigIcons li span {
            font-size: 48px;
            font-family: robotoregular;
            line-height: 55px;
            float: left;
            padding-top: 17px
        }

.whatisc2m .stripeBg1 {
    background: #00ace9;
    color: #fff;
    padding: 25px 0;
    text-align: center
}

.whatisc2m .quote {
    font-size: 24px;
    font-family: robotobold_italic;
    line-height: 28px
}

    .whatisc2m .quote > img {
        padding-top: 10px
    }

.whatisc2m .textContent1 {
    font-size: 18px;
    font-family: robotolight;
    color: #666
}

    .whatisc2m .textContent1 h3 {
        margin-top: 50px;
        margin-bottom: 25px;
        font-size: 32px;
        line-height: 40px;
        font-family: robotolight
    }

.whatisc2m .ffLight {
    font-family: robotolight,Arial,Helvetica,sans-serif;
    margin-top: 55px
}

.whatisc2m .featureIcons {
    font-family: robotolight;
    margin-bottom: 100px;
    text-align: center;
    width: 100%
}

    .whatisc2m .featureIcons li {
        display: inline-block;
        text-align: center;
        font-size: 14px;
        height: 80px;
        color: #999;
        margin-top: 10px;
        min-width: 79px
    }

        .whatisc2m .featureIcons li.last {
            margin-right: 0
        }

        .whatisc2m .featureIcons li a {
            color: #999
        }

.whatisc2m .legend {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
    text-align: left;
    font-size: 20px
}

.whatisc2m .grey {
    padding: 40px 0;
    text-align: center;
    color: #666;
    font-size: 18px;
    font-family: robotolight;
    background: #f2f2f2
}

    .whatisc2m .grey header {
        font-family: robotolight;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 25px
    }

    .whatisc2m .grey li a {
        color: #eb593c;
        display: inline-block;
        font-family: roboto_condensedbold;
        margin-top: 10px
    }

    .whatisc2m .grey ul {
        margin: 60px auto 30px auto
    }

    .whatisc2m .grey li.first {
        border-left: 0
    }

    .whatisc2m .grey li {
        list-style-type: none;
        font-size: 14px;
        line-height: 16px;
        font-family: robotolight;
        width: 23%;
        border-left: 1px solid #dfdfdf;
        display: inline-block;
        padding: 0 40px
    }

        .whatisc2m .grey li h1 {
            font-family: robotolight;
            font-size: 32px;
            line-height: 40px;
            margin: 15px 0
        }

.whatisc2m .orangeStrip {
    background: #eb593c;
    color: #fff;
    padding: 25px 0;
    text-align: center
}

.whatisc2m .whiteSection {
    padding: 50px 10px;
    max-width: 950px
}

    .whatisc2m .whiteSection h1 {
        font-family: robotolight;
        font-size: 32px;
        line-height: 40px;
        margin: 30px 0 5px;
        text-align: center
    }

.grey .midSection article, .midSection.whiteSection h1 {
    font-size: 24px;
    line-height: 30px
}

.whatisc2m .bigIcons2 {
    margin: 0 auto;
    text-align: center;
    padding: 70px 0 40px 0;
    color: #666
}

    .whatisc2m .bigIcons2 ul {
        max-width: 850px;
        margin: 0 auto
    }

    .whatisc2m .bigIcons2 li {
        display: inline-block;
        max-width: 350px;
        margin-right: 90px
    }

        .whatisc2m .bigIcons2 li.last {
            margin-right: 0;
            max-width: 410px
        }

        .whatisc2m .bigIcons2 li img {
            float: left;
            margin-right: 15px
        }

        .whatisc2m .bigIcons2 li span {
            line-height: 60px;
            font-size: 48px;
            font-family: robotoregular;
            line-height: 60px;
            float: left
        }

        .whatisc2m .bigIcons2 li a {
            font-size: 14px;
            display: block;
            line-height: 16px;
            margin-top: 10px;
            color: #00ace9;
            font-family: robotomedium
        }

.whatisc2m .greyBg {
    background: #f2f2f2
}

.whatisc2m .brandLogos {
    color: #666;
    padding: 50px 0
}

    .whatisc2m .brandLogos h1 {
        font-family: robotothin;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 25px;
        text-align: center
    }

    .whatisc2m .brandLogos .logosSection {
        padding: 10px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: 18px;
        line-height: 22px;
        text-align: center
    }

.logosSection .logos {
    padding: 10px 0;
    font-size: 18px;
    line-height: 22px;
    text-align: center
}

    .logosSection .logos span {
        display: inline-block;
        width: 150px;
        text-align: center;
        padding: 10px 0;
        vertical-align: middle;
        height: 40px;
        margin-bottom: 10px
    }

.whatisc2m .logosForm {
    text-align: center;
    margin-top: 25px
}

    .whatisc2m .logosForm h1 {
        font-size: 42px;
        font-family: robotothin;
        line-height: 40px;
        margin-bottom: 25px
    }

    .whatisc2m .logosForm p {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 22px;
        font-family: robotolight
    }

.whatisc2m .inputRow input[type="text"] {
    color: #999;
    border: 1px solid #ccc;
    font-size: 16px;
    font-family: robotoregular;
    line-height: 16px;
    margin: 0 5px;
    padding: 5px 10px;
    width: 253px
}

.whatisc2m .inputRow input[type="submit"] {
    color: #fff;
    border: 1px solid #00ace9;
    font-size: 16px;
    font-family: robotoregular;
    line-height: 16px;
    margin: 0 3px;
    padding: 3px 20px;
    background: #00ace9;
    font-family: robotomedium;
    cursor: pointer
}

.logo38, .logo39, .logo40, .logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7, .logo8, .logo9, .logo10, .logo11, .logo12, .logo13, .logo14, .logo15, .logo16, .logo17, .logo18, .logo19, .logo20, .logo21, .logo22, .logo23, .logo24, .logo25, .logo26, .logo27, .logo28, .logo29, .logo30, .logo31, .logo32, .logo33, .logo34, .logo35, .logo36, .logo37 {
    background: url(../images/c2mimg3.png) no-repeat
}

.logo38 {
    background-position: 0 -1505px
}

.logo39 {
    background-position: 0 -2045px
}

.logo40 {
    background-position: 0 -2598px
}

.logo1 {
    background-position: 0 10px;
    height: 70px !important
}

.logo2 {
    background-position: 0 -486px;
    height: 70px !important
}

.logo3 {
    background-position: 0 -1028px;
    height: 70px !important
}

.logo4 {
    background-position: 0 -1572px;
    height: 70px !important
}

.logo5 {
    background-position: 0 -2106px;
    height: 70px !important
}

.logo6 {
    background-position: 0 -2685px
}

.logo7 {
    background-position: 0 -102px
}

.logo8 {
    background-position: 0 -601px
}

.logo9 {
    background-position: 0 -1145px
}

.logo10 {
    background-position: 0 -1689px
}

.logo11 {
    background-position: 0 -2236px
}

.logo12 {
    background-position: 0 -2770px;
    height: 80px !important
}

.logo13 {
    background-position: 0 -197px
}

.logo14 {
    background-position: 0 -693px
}

.logo15 {
    background-position: 0 -1239px
}

.logo16 {
    background-position: 0 -1786px
}

.logo17 {
    background-position: 0 -2328px
}

.logo18 {
    background-position: 0 -2879px
}

.logo19 {
    background-position: 0 -256px
}

.logo20 {
    background-position: 0 -755px
}

.logo21 {
    background-position: 0 -1295px
}

.logo22 {
    background-position: 0 -1842px
}

.logo23 {
    background-position: 0 -2388px
}

.logo24 {
    background-position: 0 -2941px
}

.logo25 {
    background-position: 0 -321px
}

.logo26 {
    background-position: 0 -821px
}

.logo27 {
    background-position: 0 -1367px
}

.logo28 {
    background-position: 0 -1907px
}

.logo29 {
    background-position: 0 -2454px
}

.logo30 {
    background-position: 0 -3010px
}

.logo31 {
    background-position: 0 -396px
}

.logo32 {
    background-position: 0 -892px
}

.logo33 {
    background-position: 0 -1438px
}

.logo34 {
    background-position: 0 -1987px
}

.logo35 {
    background-position: 0 -2521px
}

.logo36 {
    background-position: 0 -3069px
}

.logo37 {
    background-position: 0 -970px
}

.contenNimg > img {
    float: right
}

.sitemap .sitemapBg {
    background: url(../banners/c2m_sitemap.jpg) no-repeat center top;
    height: 300px
}

.sitemap .sitemapListing {
    padding: 50px 0;
    color: #666;
    font-size: 18px;
    font-family: robotolight;
    line-height: 20px;
    max-width: 800px;
    margin: 0 auto
}

    .sitemap .sitemapListing h1 {
        font-size: 18px;
        font-family: robotobold;
        color: #333;
        margin-bottom: 20px
    }

    .sitemap .sitemapListing li {
        display: inline-block;
        font-size: 18px;
        font-family: robotobold;
        color: #333;
        vertical-align: top;
        width: 32.9%
    }

        .sitemap .sitemapListing li.last {
            margin-right: 0
        }

        .sitemap .sitemapListing li a {
            display: block;
            margin-bottom: 15px;
            font-family: robotoregular;
            font-size: 14px;
            line-height: 20px;
            color: #999
        }

            .sitemap .sitemapListing li a:hover {
                color: #00ace9
            }

        .sitemap .sitemapListing li.last a:first-child {
            font-weight: bold
        }

            .sitemap .sitemapListing li.last a:first-child:hover {
                color: #999
            }

.site_channel {
    margin-top: 30px
}

.sitemap .site_channel > a, .sitemap .site_company > a {
    font-family: robotoregular;
    font-size: 14px;
    width: 49%;
    display: inline-block
}

    .sitemap .site_channel > a:hover, .sitemap .site_company > a:hover {
        color: #00ace9
    }

.privacypage .privacy_terms {
    max-width: 980px;
    margin: 0 auto;
    padding: 30px 0 50px
}

    .privacypage .privacy_terms h2 {
        color: #333;
        font-size: 20px;
        margin-bottom: 15px;
        font-family: robotoregular
    }

    .privacypage .privacy_terms p {
        margin-bottom: 15px;
        font-family: robotolight;
        line-height: 17px;
        font-size: 14px
    }

    .privacypage .privacy_terms strong {
        display: block;
        padding-top: 15px;
        font-family: robotomedium;
        font-weight: normal
    }

.contactus .contactHeader {
    background: #00ace9;
    color: #fff
}

    .contactus .contactHeader h1 {
        font-size: 72px;
        padding: 15px 0 15px 0;
        font-family: robotothin
    }

.contactus .contactContent {
    padding: 20px 0
}

    .contactus .contactContent h1 {
        font-family: roboto_condensedbold;
        font-size: 28px;
        line-height: 30px;
        color: #666;
        padding-bottom: 20px
    }

    .contactus .contactContent ul {
        margin: 10px auto 25px auto;
        text-align: center;
        color: #666
    }

    .contactus .contactContent li {
        font-size: 24px;
        line-height: 30px;
        font-family: robotothin;
        border-left: 1px solid #dfdfdf;
        display: inline-block;
        vertical-align: top;
        min-height: 135px;
        max-width: 390px
    }

        .contactus .contactContent li.first {
            border-left: none
        }

    .contactus .contactContent h2 {
        font-family: roboto_condensedbold;
        font-size: 24px;
        line-height: 25px;
        color: #858585;
        padding: 10px 0 20px 0
    }

    .contactus .contactContent p {
        padding: 0 30px 0 30px
    }

.contactus .map {
    margin-bottom: 0
}

.contactContent .contactform {
    margin: 0 0 50px
}

.contactform .form_wrap {
    max-width: 490px;
    margin: auto
}

    .contactform .form_wrap > div {
        padding: 10px 0
    }

    .contactform .form_wrap input[type="text"], .contactform .form_wrap textarea, .contactform .form_wrap input[type="submit"] {
        font-size: 20px;
        line-height: 18px;
        height: 43px;
        padding: 8px 8px;
        width: 100%
    }

    .contactform .form_wrap input[type="text"], .contactform .form_wrap textarea {
        border: 1px solid #ccc;
        color: #ccc;
        font-family: robotolight;
        box-sizing: border-box
    }

    .contactform .form_wrap input[type="submit"] {
        background: #00ace9 none repeat scroll 0 0;
        border: 1px solid #00ace9;
        color: #fff;
        cursor: pointer;
        font-family: robotomedium;
        text-align: center
    }

        .contactform .form_wrap input[type="submit"]:hover {
            color: #fff;
            background-color: #333;
            border: 1px solid #333
        }

.directorysignup .dSignupBg {
    background: url(../banners/directorySignup.jpg) no-repeat center top;
    color: #fff;
    height: 280px
}

    .directorysignup .dSignupBg h1 {
        font-family: robotolight;
        display: block;
        font-size: 72px;
        line-height: 80px;
        padding: 6% 0;
        height: inherit
    }

        .directorysignup .dSignupBg h1 span {
            display: block
        }

.directorysignup .dsForm, .directorysignup .dsThanks {
    padding: 50px 0;
    color: #666;
    font-size: 18px;
    font-family: robotolight;
    line-height: 20px
}

    .directorysignup .dsForm .heading1 {
        font-size: 32px;
        line-height: 40px;
        font-family: robotothin !important;
        text-align: center;
        margin-bottom: 30px
    }

.directorysignup .dFormWrap {
    margin: 0 90px 0 90px
}

.directorysignup .formCol1 {
    padding-right: 59px;
    width: 420px;
    float: left
}

.directorysignup .formElements {
    padding-top: 20px
}

    .directorysignup .formElements li {
        margin-bottom: 15px
    }

        .directorysignup .formElements li.pad12left {
            padding-left: 12px
        }

        .directorysignup .formElements li span {
            color: #eb593c;
            vertical-align: top
        }

        .directorysignup .formElements li input[type="text"] {
            background: #fff;
            border: 1px solid #ccc;
            color: #666;
            font-family: robotolight;
            font-size: 16px;
            line-height: 20px;
            padding: 8px;
            text-align: left;
            width: 250px
        }

        .directorysignup .formElements li textarea {
            background: #fff;
            border: 1px solid #ccc;
            color: #666;
            font-family: robotolight;
            font-size: 16px;
            line-height: 20px;
            padding: 8px;
            text-align: left;
            height: 130px;
            overflow: auto;
            resize: none;
            width: 384px
        }

        .directorysignup .formElements li .btn1 {
            background: #00ace9;
            border: 0 none;
            color: #fff;
            cursor: pointer;
            font-family: robotolight;
            font-size: 17px;
            line-height: 19px;
            padding: 7px 1px;
            width: 268px;
            margin-left: 12px
        }

            .directorysignup .formElements li .btn1:hover {
                background: #333
            }

        .directorysignup .formElements li .btn2 {
            background: #666;
            border: 0 none;
            color: #fff;
            cursor: pointer;
            font-size: 17px;
            line-height: 19px;
            margin-left: 10px;
            padding: 7px 1px;
            width: 120px
        }

            .directorysignup .formElements li .btn2:hover {
                background: #333
            }

.directorysignup .formCol2 {
    float: left;
    padding-top: 20px;
    width: 270px;
    border-left: 1px solid #ccc;
    padding-left: 60px
}

    .directorysignup .formCol2 h1 {
        background: none repeat scroll 0 0 #eb593c;
        color: #fff;
        font-size: 30px;
        line-height: 25px;
        margin-bottom: 10px;
        padding: 10px;
        text-align: center;
        font-family: robotomedium;
        margin-bottom: 20px
    }

    .directorysignup .formCol2 p {
        margin-bottom: 10px
    }

    .directorysignup .formCol2 div {
        text-align: center
    }

        .directorysignup .formCol2 div img {
            padding: 10px 0
        }

.directorysignup .socialIcons {
    margin-top: 40px
}

    .directorysignup .socialIcons a {
        display: inline-block;
        height: 50px;
        width: 50px;
        cursor: pointer;
        margin: 0 3px
    }

        .directorysignup .socialIcons a.facebook {
            background: url("../images/icons.png") no-repeat scroll 0 0 rgba(0,0,0,0)
        }

            .directorysignup .socialIcons a.facebook:hover {
                background: url("../images/icons.png") no-repeat scroll 0 -54px rgba(0,0,0,0)
            }

        .directorysignup .socialIcons a.twitter {
            background: url("../images/icons.png") no-repeat scroll -50px 0 rgba(0,0,0,0)
        }

            .directorysignup .socialIcons a.twitter:hover {
                background: url("../images/icons.png") no-repeat scroll -50px -54px rgba(0,0,0,0)
            }

        .directorysignup .socialIcons a.xirgo {
            background: url("../images/icons.png") no-repeat scroll -100px 0 rgba(0,0,0,0)
        }

            .directorysignup .socialIcons a.xirgo:hover {
                background: url("../images/icons.png") no-repeat scroll -100px -54px rgba(0,0,0,0)
            }

        .directorysignup .socialIcons a.device {
            background: url("../images/icons.png") no-repeat scroll -150px 0 rgba(0,0,0,0)
        }

            .directorysignup .socialIcons a.device:hover {
                background: url("../images/icons.png") no-repeat scroll -150px -54px rgba(0,0,0,0)
            }

.directorysignup .formElements input.secondry[type="button"] {
    background: none repeat scroll 0 0 #666 !important;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    line-height: 19px;
    margin-left: 10px;
    padding: 7px 1px;
    width: 125px
}

.directorysignup .formCol2 ul.sharestory li {
    margin-bottom: 20px;
    color: #eb593c;
    list-style-type: disc;
    margin-left: 18px
}

    .directorysignup .formCol2 ul.sharestory li span {
        color: #666
    }

.dsThanks .heading1 {
    font-size: 32px;
    line-height: 40px;
    font-family: robotothin !important;
    text-align: left;
    margin-bottom: 30px
}

.dsThanks .thnks_wrap p.icon_social {
    text-align: left
}

.dsThanks .thnks_wrap p {
    font-family: robotoregular;
    font-size: 14px;
    margin-bottom: 25px
}

.dsThanks .thnks_wrap a.social {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 20px
}

.dsThanks .thnks_wrap a.fb {
    background: url("../images/thnx-social-logos.png") no-repeat scroll 0 0 rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.lin {
    background: url("../images/thnx-social-logos.png") no-repeat scroll -104px 0 rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.twit {
    background: url("../images/thnx-social-logos.png") no-repeat scroll -51px 0 rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.fb:hover {
    background: url("../images/thnx-social-logos.png") no-repeat scroll 0 -34px rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.lin:hover {
    background: url("../images/thnx-social-logos.png") no-repeat scroll -104px -34px rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.twit:hover {
    background: url("../images/thnx-social-logos.png") no-repeat scroll -51px -34px rgba(0,0,0,0)
}

.dsThanks .thnks_wrap a.yout {
    background: url("../images/thnx-social-logos.png") no-repeat scroll -154px 0 rgba(0,0,0,0)
}

    .dsThanks .thnks_wrap a.yout:hover {
        background: url("../images/thnx-social-logos.png") no-repeat scroll -154px -34px rgba(0,0,0,0)
    }

.dThanksBottom {
    font-family: robotoregular;
    font-size: 14px
}

    .dThanksBottom .dTemplate {
        float: right
    }

    .dThanksBottom > div {
        margin-bottom: 40px
    }

        .dThanksBottom > div ul li {
            padding-left: 15px
        }

    .dThanksBottom a.download {
        background: none repeat scroll 0 0 #00ace9;
        color: #fff !important;
        display: block;
        font-size: 24px;
        padding: 15px 20px;
        text-align: center;
        width: 200px
    }

        .dThanksBottom a.download:hover {
            background: none repeat scroll 0 0 #333
        }

.dsContact > div {
    display: inline-block;
    width: 30%;
    margin-bottom: 30px
}

.dsContact a {
    color: #00ace9
}

.dThanksBottom .logos {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.forgotpassword .forgotHead {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.forgotpassword .forgotForm {
    padding-top: 20px;
    min-height: 300px
}

.forgotpassword .forgotHead h1 {
    padding: 0 0 10px;
    font-size: 18px;
    color: #333;
    font-family: robotobold
}

.forgotpassword .forgotForm ul li {
    margin-bottom: 5px
}

.forgotpassword .forgotForm input[type='text'], .forgotpassword .forgotForm input[type='password'] {
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292 !important;
    padding: 8px;
    width: 430px;
    color: #999;
    margin: 0 0 5px
}

.newspage {
    margin: 0 auto;
    max-width: 980px;
    position: relative
}

.ErrorPage h3 {
    text-align: center;
    color: #00ace9;
    font-size: 28px
}

.ErrorPage h1 {
    font-size: 100px;
    text-align: center;
    color: #00ace9
}

.ErrorPage p {
    text-align: center;
    margin-top: 20px
}

.ErrorPage .sublink {
    margin-top: 60px
}

    .ErrorPage .sublink > a {
        color: #00ace9
    }

.ErrorPage .width635 {
    max-width: 635px
}

.ErrorPage .Error_Message > div > div:first-child {
    float: left;
    width: 20%;
    margin: 10px 0
}

    .ErrorPage .Error_Message > div > div:first-child + div {
        float: left;
        width: 80%;
        margin: 10px 0
    }

.registerBg {
    background: url(../images/banner_reg.jpg) top no-repeat;
    background-size: 100%
}

.loginBg_login {
    background: url(../images/login-bg-login.jpg) top no-repeat;
    background-size: 100%
}

.loginBg {
    background: url(../images/login-bg.jpg) top no-repeat;
    background-size: 100%
}

.loginSection {
    max-width: 560px;
    width: 72%;
    margin: 0 auto 0 auto;
    padding-top: 12px
}

    .loginSection h1, .loginSection h2 {
        font-size: 50px;
        font-family: robotothin,Arial,Helvetica,sans-serif;
        color: #fff
    }

    .loginSection h2 {
        font-size: 24px
    }

    .loginSection .aDecorated {
        color: #00ace9
    }

    .loginSection .aForgotPwd {
        color: #999;
        text-decoration: underline
    }

    .loginSection a:hover {
        color: #333
    }

.loginForm {
    max-width: 560px;
    width: 100%;
    margin: 0 auto 20px auto;
    font-family: robotolight;
    font-size: 18px
}

    .loginForm .loginHead {
        margin-bottom: 15px
    }

.formArea {
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 30px 30px 20px 30px;
    -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,.75);
    -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,.75);
    box-shadow: 0 2px 3px -2px rgba(0,0,0,.75)
}

.inviteSection .formArea {
    position: relative;
    font-size: 18px
}

    .inviteSection .formArea select.userSelect {
        width: 95% !important;
        position: absolute;
        z-index: 10;
        height: 35px !important;
        line-height: 35px;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        font-size: 18px
    }

    .inviteSection .formArea span.userSelect {
        padding: 0 5px;
        font-size: 18px;
        position: absolute;
        float: left;
        width: 95%;
        height: 35px;
        line-height: 35px;
        text-indent: 10px;
        background: url(../images/select-category-new.jpg) no-repeat right;
        cursor: default;
        z-index: 1;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 0 5px
    }

    .inviteSection .formArea > div {
        margin-top: 10px
    }

    .inviteSection .formArea input[type='text'] {
        float: right;
        width: 65%;
        height: 20px
    }

    .inviteSection .formArea span.userSelected {
        float: right;
        width: 65%;
        height: 20px;
        font-weight: bold
    }

.longTextfield {
    padding: 5px 10px;
    display: block;
    border: solid 1px #ccc !important;
    width: 95%;
    color: #333;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    font-size: 24px;
    margin-bottom: 20px
}

.longTextfieldName {
    padding: 5px 10px;
    display: inline-block;
    border: solid 1px #ccc !important;
    width: 210px;
    color: #333;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    font-size: 24px;
    margin-bottom: 20px
}

input:not([type='button'])::-webkit-input-placeholder {
    color: #ccc
}

input:not([type='button'])::-moz-placeholder {
    color: #ccc
}

input:not([type='button']):-ms-input-placeholder {
    color: #ccc
}

input:not([type='button']):-moz-placeholder {
    color: #ccc
}

.longBtn {
    padding: 7px 20px;
    display: block;
    background: #00ace9;
    text-align: center;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 24px
}

.longBtnRed {
    padding: 7px 20px;
    display: block;
    background: #eb593c;
    text-align: center;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 24px
}

    .longBtn:hover, .longBtnRed:hover, .inputRow input[type="button"]:hover {
        background: #333;
        color: #fff !important
    }

.signupnamemargin {
    margin-left: 27px
}

.showcase .topHeader1 h1 {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 25px 0;
    font-size: 41px;
    line-height: 34px;
    margin-bottom: 20px;
    font-family: robotoregular;
    color: #666
}

    .showcase .topHeader1 h1 a {
        font-size: 17px;
        color: #fff;
        padding: 6px 35px 9px;
        background-color: #00ace9;
        display: block;
        float: right;
        font-family: robotolight;
        line-height: 20px
    }

        .showcase .topHeader1 h1 a:hover {
            background-color: #666
        }

.showcase .showCase1 {
    position: relative
}

    .showcase .showCase1 .bannerImg {
        width: 100%
    }

.showcase .imgDetail {
    position: absolute;
    padding: 30px 0;
    bottom: 0;
    font-family: robotoregular;
    color: #3f4652;
    background: url("../images/grey-transparent-bg.png") repeat scroll 0 0 rgba(0,0,0,0);
    line-height: 17px;
    width: 100%
}

    .showcase .imgDetail img {
        margin-left: 30px
    }

    .showcase .imgDetail p {
        font-family: robotoregular;
        color: #3f4652;
        line-height: 17px;
        font-size: 14px;
        float: right;
        max-width: 520px;
        margin-right: 30px
    }

.showcase .logoAdj1 {
    padding: 30px 0 0 30px
}

.showcase .logoAdj2 {
    padding: 35px 0 0 0
}

.showcase .logoAdj3 {
    padding: 10px 0 0 0
}

.showcase .showcaseList {
    width: 100%;
    padding: 40px 0 100px;
    list-style: none;
    border-top: 1px solid #f1f1f1;
    text-align: center
}

    .showcase .showcaseList li {
        display: inline-block;
        margin-right: 40px
    }

        .showcase .showcaseList li.last {
            margin: 0
        }

        .showcase .showcaseList li .thumb img {
            height: 200px;
            width: 300px
        }

        .showcase .showcaseList li .logo {
            width: auto;
            height: 50px;
            display: block;
            margin: 0;
            float: none
        }

            .showcase .showcaseList li .logo img {
                width: auto;
                height: 28px;
                padding: 11px 0
            }

.addCompany .firstRow .uploadPhoto {
    width: 170px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: top
}

.addCompany .firstRow .uploadPInfo {
    width: 165px;
    font-weight: bold;
    font-size: 10px;
    text-align: center
}

    .addCompany .firstRow .uploadPInfo span {
        font-weight: normal
    }

.addCompany .firstRow .uploadP {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    width: 165px;
    height: 165px;
    position: relative;
    vertical-align: middle;
    margin: 10px 0;
    line-height: 165px
}

.addCompany .firstRow .otherControl {
    width: 740px;
    display: inline-block;
    position: relative
}

    .addCompany .firstRow .otherControl > div {
        margin: 6px 0
    }

    .addCompany .firstRow .otherControl .companyCatCtr {
        height: 105px
    }

    .addCompany .firstRow .otherControl .customCatCtr {
        display: none
    }

    .addCompany .firstRow .otherControl .subdomain > * {
        display: inline
    }

    .addCompany .firstRow .otherControl .subdomain > input {
        width: 30%;
        height: 35px
    }

    .addCompany .firstRow .otherControl .subdomain span.errortext {
        color: #f00
    }

    .addCompany .firstRow .otherControl .subdomain span.succestext {
        color: #008000
    }

    .addCompany .firstRow .otherControl input {
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        width: 95%;
        color: #999;
        height: 35px;
        padding: 0 5px
    }

    .addCompany .firstRow .otherControl select.selectCetegory {
        width: 95% !important;
        position: absolute;
        z-index: 10;
        height: 35px !important;
        line-height: 35px;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        font-size: 14px
    }

    .addCompany .firstRow .otherControl span.selectCetegory {
        font-size: 14px;
        position: absolute;
        float: left;
        width: 95%;
        height: 35px;
        line-height: 35px;
        text-indent: 10px;
        background: url(../images/select-category-new.jpg) no-repeat right;
        cursor: default;
        z-index: 1;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 0 5px
    }

.addCompany .secondRow {
    margin-top: 40px
}

    .addCompany .secondRow > div:first-child {
        width: 450px;
        float: left
    }

        .addCompany .secondRow > div:first-child + div {
            width: 450px;
            float: left;
            margin-left: 42px
        }

    .addCompany .secondRow > div textarea {
        width: 95%;
        height: 106px;
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        resize: none;
        padding: 5px 5px;
        font-size: 14px
    }

    .addCompany .secondRow > div .ctags {
        width: 95%;
        height: 116px;
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        resize: none;
        padding: 0 5px
    }

.addCompany .thirdRow {
    margin-top: 15px
}

.addCompany .heading {
    border-top: 1px solid #ccc;
    border-bottom: none !important;
    font-family: robotobold;
    padding: 10px 0 5px !important;
    color: #333;
    font-size: 16px;
    margin: 10px 0 20px 0
}

.addappPop .firstRow .uploadPhoto {
    width: 150px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: top
}

.addappPop .firstRow .uploadPInfo {
    width: 135px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    padding-bottom: 4px
}

    .addappPop .firstRow .uploadPInfo span {
        font-weight: normal
    }

.addappPop .firstRow .uploadP {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    width: 135px;
    height: 135px;
    position: relative;
    vertical-align: middle;
    margin: 5px 0;
    line-height: 135px
}

.addappPop .firstRow .otherControlF {
    width: 58%;
    display: inline-block;
    position: relative;
    margin-top: 20px;
    float: right
}

.addappPop .firstRow .otherControlS {
    width: 100%;
    display: inline-block;
    position: relative
}

    .addappPop .firstRow .otherControlF > div, .addappPop .firstRow .otherControlS > div, .addappPop .secondrow .otherControlS1 > div, .addappPop .secondrow .otherControlS1 > div > div, .addappPop .secondrow .otherControlS2 > div, .addappPop .secondrow .otherControlS2 > div > div {
        margin: 5px 0
    }

    .addappPop .firstRow .otherControlF input, .addappPop .firstRow .otherControlS input, .addappPop .secondrow .otherControlS1 input[type='text'], .addappPop .secondrow .otherControlS1 input[type='password'], .addappPop .secondrow .otherControlS2 input {
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        width: 100%;
        color: #999;
        height: 28px;
        padding: 0 5px
    }

        .addappPop .secondrow .otherControlS2 input[type='checkbox'] {
            border-width: none;
            border-style: none;
            border-color: none;
            width: auto;
            color: #999;
            height: auto;
            padding: 0 5px
        }

.addappPop .secondrow .otherControlS1 select {
    width: 100% !important;
    height: 29px !important
}

.addappPop .secondrow .otherControlS1 .spcselect {
    width: 100% !important;
    height: 29px !important
}

.addappPop .secondrow .otherControlS2 select {
    width: 100% !important;
    height: 29px !important
}

.addappPop .firstRow .otherControlF.chk label {
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 10px;
    float: left;
    margin: 0 17px 0 0
}

.addappPop .firstRow .otherControlF input[type='radio'], .addappPop .firstRow .otherControlF input[type='checkbox'], .addappPop .firstRow .otherControlS input[type='radio'] {
    border-width: none;
    border-style: none;
    border-color: none;
    width: auto;
    color: #999;
    height: auto;
    padding: 0 5px
}

.addappPop .firstRow .otherControlS textarea {
    width: 100%;
    height: 56px;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    resize: none;
    padding: 5px 5px;
    font-size: 14px;
    display: block
}

.addappPop .firstRow .otherControlS .ctags {
    width: 100%;
    height: 56px;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    resize: none;
    padding: 0 5px;
    border-radius: 0;
    box-sizing: border-box
}

    .addappPop .firstRow .otherControlS .ctags input[type='text'] {
        border: none !important
    }

.addappPop .secondrow .otherControlS1 {
    width: 48%;
    display: inline-block;
    position: relative
}

.addappPop .secondrow .otherControlS2 {
    width: 48%;
    display: inline-block;
    position: relative;
    float: right
}

.addCompPop .firstRow .uploadPhoto {
    width: 140px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: top
}

.addCompPop .firstRow .uploadPInfo {
    width: 135px;
    font-weight: bold;
    font-size: 10px;
    text-align: center
}

    .addCompPop .firstRow .uploadPInfo span {
        font-weight: normal
    }

.addCompPop .firstRow .uploadP {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #929292;
    border-top: solid 1px #929292;
    width: 135px;
    height: 135px;
    position: relative;
    vertical-align: middle;
    margin: 10px 0;
    line-height: 135px
}

.addCompPop .firstRow .otherControl {
    width: 470px;
    display: inline-block;
    position: relative
}

    .addCompPop .firstRow .otherControl > div {
        margin: 6px 0
    }

    .addCompPop .firstRow .otherControl .companyCatCtr {
        height: 105px
    }

    .addCompPop .firstRow .otherControl .customCatCtr {
        display: none
    }

    .addCompPop .firstRow .otherControl .subdomain > * {
        display: inline
    }

    .addCompPop .firstRow .otherControl .subdomain > input {
        width: 30%;
        height: 35px
    }

    .addCompPop .firstRow .otherControl .subdomain span.errortext {
        color: #f00
    }

    .addCompPop .firstRow .otherControl .subdomain span.succestext {
        color: #008000
    }

    .addCompPop .firstRow .otherControl input {
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        width: 95%;
        color: #999;
        height: 35px;
        padding: 0 5px
    }

    .addCompPop .firstRow .otherControl select.selectCetegory {
        width: 95% !important;
        position: absolute;
        z-index: 10;
        height: 35px !important;
        line-height: 35px;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        font-size: 14px
    }

    .addCompPop .firstRow .otherControl span.selectCetegory {
        font-size: 14px;
        position: absolute;
        float: left;
        width: 95%;
        height: 35px;
        line-height: 35px;
        text-indent: 10px;
        background: url(../images/select-category-new.jpg) no-repeat right;
        cursor: default;
        z-index: 1;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-left: solid 1px #929292;
        border-top: solid 1px #929292;
        padding: 0 5px
    }

.addCompPop .secondRow {
    margin-top: 40px
}

    .addCompPop .secondRow > div:first-child {
        width: 320px;
        float: left
    }

        .addCompPop .secondRow > div:first-child + div {
            width: 320px;
            float: left;
            margin-left: 20px
        }

    .addCompPop .secondRow > div textarea {
        width: 95%;
        height: 106px;
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        resize: none;
        padding: 5px 5px;
        font-size: 14px
    }

    .addCompPop .secondRow > div .ctags {
        width: 95%;
        height: 116px;
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        resize: none;
        padding: 0 5px
    }

.addCompPop .thirdRow {
    margin-top: 15px
}

.cropcontainer {
    display: inline-block;
    width: 100%;
    margin: 0 auto 20px;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow: auto
}

    .cropcontainer .crop-photo {
        max-width: 100%;
        max-height: 300px;
        display: table;
        margin: auto;
        position: relative
    }

.crop_wrapper {
    display: none
}

.reportControl {
    max-width: 670px;
    position: relative
}

    .reportControl > div {
        width: 100%;
        margin-top: 8px
    }

        .reportControl > div input {
            border-width: 1px;
            border-style: solid;
            border-color: #929292 #ccc #ccc #929292;
            width: 100%;
            color: #999;
            height: 35px;
            padding: 0 5px;
            box-sizing: border-box
        }

        .reportControl > div select.selectCetegory {
            width: 100% !important;
            position: absolute;
            z-index: 10;
            height: 35px !important;
            line-height: 35px;
            color: #999;
            font-weight: normal;
            margin: 0 0 0 0;
            padding: 0;
            font-size: 14px;
            box-sizing: border-box
        }

        .reportControl > div span.selectCetegory {
            font-size: 14px;
            position: absolute;
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            text-indent: 10px;
            background: url(../images/select-category-new.jpg) no-repeat right;
            cursor: default;
            z-index: 1;
            color: #999;
            font-weight: normal;
            margin: 0 0 0 0;
            padding: 0;
            border-bottom: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #929292;
            border-top: solid 1px #929292;
            padding: 0 5px;
            box-sizing: border-box
        }

        .reportControl > div textarea {
            border-width: 1px;
            border-style: solid;
            border-color: #929292 #ccc #ccc #929292;
            width: 100%;
            color: #999;
            height: 135px;
            padding: 0 5px;
            box-sizing: border-box;
            resize: none
        }

#ancBackUpload {
    width: 100% !important
}

#ancBackUpload-button {
    float: left;
    background: #ccc
}

#ancBackUpload .swfupload {
    width: 100% !important
}

.cLanding {
    background: #eee;
    border: 1px solid #ccc;
    font-size: 14px
}

    .cLanding > div {
        width: 50%;
        float: left;
        box-sizing: border-box
    }

        .cLanding > div.FirstDiv {
            width: 80%;
            float: left;
            box-sizing: border-box;
            border-right: 1px solid #ccc
        }

        .cLanding > div.SecondDiv {
            width: 20%;
            float: left;
            box-sizing: border-box
        }

        .cLanding > div:first-child {
            padding: 20px
        }

    .cLanding h1 {
        font-size: 18px;
        font-family: robotomedium;
        color: #333;
        display: inline-block
    }

    .cLanding .cContentInline {
        width: 100%
    }

        .cLanding .cContentInline > li {
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box
        }

            .cLanding .cContentInline > li:first-child {
                padding: 20px
            }

    .cLanding .cLInfo {
        font-family: robotolight;
        color: #333;
        text-align: left
    }

    .cLanding .cDetailInfo {
        line-height: 28px;
        float: left
    }

    .cLanding ul.cDetailInfo {
        line-height: 28px;
        width: 56%
    }

        .cLanding ul.cDetailInfo:first-child {
            width: 42%
        }

        .cLanding ul.cDetailInfo li.row {
            display: inline-block;
            width: 18%
        }

        .cLanding ul.cDetailInfo li.altrow {
            display: inline-block;
            width: 57%
        }

        .cLanding ul.cDetailInfo:first-child li.row {
            display: inline-block;
            width: 19%
        }

        .cLanding ul.cDetailInfo:first-child li.altrow {
            display: inline-block;
            width: 70%
        }

    .cLanding .cDetailInfo li.keyrow {
        display: inline-block;
        width: 22%
    }

        .cLanding .cDetailInfo li.keyrow > a {
            text-decoration: underline;
            color: #00ace9;
            font-size: 14px;
            padding-left: 2px
        }

    .cLanding .cDetailInfo li {
        display: inline-block;
        width: 49%
    }

    .cLanding .cDetailInfo span {
        font-family: robotoregular
    }

    .cLanding .cLInfo2 {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        padding-top: 30px;
        text-align: center
    }

    .cLanding .aLast {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 35px 0
    }

    .cLanding .cLInfo2 label {
        font-family: robotolight;
        color: #333;
        margin: 0 !important;
        padding-bottom: 0;
        float: none
    }

    .cLanding .cLInfo2 .psw {
        font-family: robotolight;
        color: #333;
        background: inherit;
        border: none;
        width: 60px;
        margin-left: 50px
    }

.dangerBtn, .normalBtn, .deactiveBtn {
    background: #ee5a36;
    border: 1px solid #999;
    color: #fff;
    font-family: robotomedium;
    line-height: 27px;
    padding: 0 35px;
    cursor: pointer
}

.normalBtn {
    background: #00ace9;
    border: 1px solid #999;
    padding: 0 37px
}

.deactiveBtn {
    background: #ccc;
    border: 1px solid #999;
    padding: 0 32px
}

.midSection {
    max-width: 1000px;
    margin: 0 auto
}

.cf:after {
    content: "";
    display: table;
    clear: both
}

div.resetPswPopContent > div {
    margin-bottom: 10px
}

div.resetPswPopContent input[type="text"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    color: #999;
    font-family: robotoregular;
    padding: 5px;
    height: 18px
}

div.resetPswPopContent input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    color: #999;
    font-family: robotoregular;
    padding: 5px;
    height: 30px;
    box-sizing: border-box
}

div.resetPswPopContent a.btnReset {
    background: #00ace9;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 170px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

div.resetPswPopContent a.btnCancelReset {
    background: #ee5a36;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 170px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

.divManageUserPopUp {
    background: #fff
}

    .divManageUserPopUp .mguserPopHead {
        background: #363636;
        height: 35px
    }

        .divManageUserPopUp .mguserPopHead h2 {
            font-family: robotomedium;
            font-size: 16px;
            color: #fff;
            float: left;
            padding: 10px
        }

        .divManageUserPopUp .mguserPopHead a.closeResetPswBox {
            float: right;
            display: inline-block;
            background: url(../images/c2mimg1.png) 0 -760px;
            height: 20px;
            margin: 0 0 0 0;
            padding: 10px 0 0 0;
            width: 35px
        }

    .divManageUserPopUp select.selectCetegory {
        color: #999;
        font-size: 14px;
        font-weight: normal;
        height: 25px !important;
        line-height: 25px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 165px !important;
        z-index: 10
    }

    .divManageUserPopUp span.selectCetegory {
        background: url("../images/select-category-new.jpg") no-repeat right;
        color: #999;
        cursor: default;
        float: left;
        font-size: 14px;
        font-weight: normal;
        height: 25px;
        line-height: 25px;
        margin: 0;
        padding: 0;
        position: absolute;
        text-indent: 10px;
        width: 165px;
        z-index: 1;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .divManageUserPopUp select.selectRole {
        color: #999;
        font-size: 14px;
        font-weight: normal;
        height: 34px !important;
        line-height: 34px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 238px !important;
        z-index: 10
    }

    .divManageUserPopUp span.selectRole {
        background: url("../images/select-category-new.jpg") no-repeat right;
        color: #999;
        cursor: default;
        float: left;
        font-size: 14px;
        font-weight: normal;
        height: 32px;
        line-height: 32px;
        margin: 0;
        padding: 0;
        position: absolute;
        text-indent: 10px;
        width: 236px;
        z-index: 1;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .divManageUserPopUp .manageUser {
        padding: 25px 10px 25px 10px;
        border: 1px solid #363636
    }

    .divManageUserPopUp .muHolder li {
        display: inline-block;
        vertical-align: top
    }

        .divManageUserPopUp .muHolder li.col1 {
            width: 33%
        }

            .divManageUserPopUp .muHolder li.col1 .txt, .divManageUserPopUp .muHolder li.col1 .slt {
                width: 238px;
                border: 1px solid #ccc;
                line-height: 34px;
                height: 34px;
                font-size: 14px;
                font-family: robotoregular;
                color: #999;
                margin-bottom: 10px;
                padding: 1px 5px;
                box-sizing: border-box
            }

    .divManageUserPopUp .adduserBtn {
        background: #ccc;
        border: 1px solid #999;
        color: #333;
        line-height: 27px;
        padding: 0 15px;
        font-size: 14px;
        font-family: robotomedium;
        cursor: pointer
    }

    .divManageUserPopUp .muHolder li.col2 {
        width: 66%
    }

        .divManageUserPopUp .muHolder li.col2 h1 {
            font-size: 18px;
            font-family: robotoregular;
            color: #666;
            margin-bottom: 10px;
            border: none !important;
            background: none !important
        }

    .divManageUserPopUp .popGridWrap {
        overflow: auto;
        clear: both;
        height: 151px;
        margin-top: 50px
    }

    .divManageUserPopUp .popGrid {
        width: 100%
    }

    .divManageUserPopUp .ddManage {
        height: 25px;
        width: 180px;
        float: left
    }

    .divManageUserPopUp .popGrid tbody .divManageUserPopUp .popGrid tbody {
        overflow: auto;
        height: 151px
    }

    .divManageUserPopUp .popGrid tbody tr:first-child > td {
        background: #999;
        color: #fff;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        text-align: left
    }

    .divManageUserPopUp .popGrid tr:nth-child(even), .divManageUserPopUp .popGrid tr:nth-child(odd) {
        background: #fff;
        font-size: 14px
    }

    .divManageUserPopUp .popGrid tr:nth-child(even) {
        background: #eee
    }

    .divManageUserPopUp .popGrid td {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        color: #999
    }

    .divManageUserPopUp a.lnkDelete {
        background: url("../images/editdelete.png") no-repeat scroll -1px -28px rgba(0,0,0,0);
        display: inline-block;
        float: right;
        height: 18px;
        margin: -21px 0 0 20px;
        width: 14px
    }

    .divManageUserPopUp a.lnkEdit {
        background: url("../images/editdelete.png") no-repeat scroll -31px -28px rgba(0,0,0,0);
        display: inline-block;
        float: right;
        height: 21px;
        margin: 5px 20px 0 20px;
        width: 21px
    }

.dataLinksSection > span {
    display: none
}

.simpletext a, .started_wrap_text a {
    color: #00f;
    text-decoration: underline
}

.specMediaCont {
    margin-top: 20px;
    text-align: center;
    max-width: 480px
}

    .specMediaCont > img, .specMediaCont > img {
        max-width: 400px;
        float: none
    }

.companyinfo .channelListing {
    position: relative
}

#MarketingContainer, #TechnicalContainer, #BlogContainer, #ForumContainer {
    padding: 10px;
    background: #eee;
    min-height: 112px
}

    #MarketingContainer p, #TechnicalContainer p, #BlogContainer p, #ForumContainer p {
        margin: 5px 0
    }

.companyinfo .started_wrap_text {
    margin: 5px;
    box-sizing: border-box;
    min-height: 200px;
    overflow: hidden
}

    .companyinfo .started_wrap_text img {
        width: 100%
    }

.companyinfo .edit_box.media {
    margin-bottom: 0
}

#tblVInfoCc {
    background: #eee;
    padding: 10px 5px
}

    #tblVInfoCc table {
        width: 100%
    }

#legalDocUpCnt span {
    display: inline-block !important
}

#specBrowseUploader {
    background: url('../images/chbrowse.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 69px
}

.companyinfo .cancelRedBtn {
    background: #ee5a36 !important
}

.companyinfo .eResource {
    margin: 0 !important;
    font-weight: normal !important
}

.companyinfo .media_inputs label {
    float: none !important;
    margin-right: 0
}

.companyinfo .apiKeyD, .mythingspg .apiKeyD {
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    word-break: break-all
}

.channelListing .started_wrap {
    text-align: center;
    padding: 0 0 20px
}

.channelListing .apisdkcode_starttext {
    text-align: center;
    padding: 0 0 20px
}

.channelListing .started_wrap p {
    margin-bottom: 15px 0;
    font-size: 16px;
    color: #666;
    line-height: 18px
}

.channelListing .started_wrap .get_started, .back_save_bttn_wrap .continue, .back_save_bttn_wrap .back {
    background-color: #00ace9;
    border: 1px solid #999;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none
}

    .channelListing .started_wrap .get_started:hover, .edit_box h1 a:hover {
        background-color: #666
    }

.companyinfo .channelListing .started_wrap_bold {
    padding-top: 100px !important
}

.s_w_bold {
    font-family: robotobold;
    font-size: 18px;
    color: #999
}

.companyinfo .channelListing .started_wrap_bold p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #666;
    line-height: 18px;
    font-family: robotobold;
    color: #999
}

.channels_list_edit {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px
}

.companyinfo .channelListing a.save, .add_resource_wrap a.save {
    background: url('../images/save-edit.gif') no-repeat -61px 0 transparent;
    padding: 0 8px;
    float: right;
    font-size: 12px;
    margin-left: 5px;
    height: 20px
}

.add_resource_wrap a.edit {
    background: url('../images/icons_myThings.png') no-repeat -159px -29px transparent;
    padding: 0 8px;
    float: right;
    font-size: 12px;
    margin-left: 5px;
    height: 20px
}

.companyinfo .channelListing a.cancel {
    background: url('../images/save-edit.gif') no-repeat -110px 1px transparent;
    padding: 0 8px;
    float: right;
    font-size: 12px;
    margin-left: 10px;
    height: 20px
}

.companyinfo .AnyTEdit a.gridECan {
    background: url(../images/EditCanIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 8px
}

.companyinfo .AnyTEdit a.gridUpdate {
    background: url(../images/updateIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0 0 23px
}

.companyinfo table.AnyTEditSdkCode {
    width: 100%;
    color: #333
}

    .companyinfo table.AnyTEditSdkCode tr.mRow {
        height: 50px;
        background: none repeat scroll 0% 0% #f5f5f5 !important
    }

    .companyinfo table.AnyTEditSdkCode input[type="text"], .companyinfo table.AnyTEditSdkCode select, .companyinfo table.AnyTEditSdkCode textarea {
        width: 100%;
        resize: none;
        padding: 5px;
        margin-bottom: 5px;
        color: #999;
        box-sizing: border-box
    }

    .companyinfo table.AnyTEditSdkCode .browse_wrap .browse {
        border: 0;
        background-color: #333;
        color: #fff;
        width: 80px;
        padding: 0;
        height: 26px;
        text-align: center
    }

    .companyinfo table.AnyTEditSdkCode td {
        border-bottom: 1px solid #ccc;
        color: #333;
        padding: 10px;
        vertical-align: top
    }

    .companyinfo table.AnyTEditSdkCode .lnkUrl {
        color: #39bdec;
        text-decoration: underline
    }

    .companyinfo table.AnyTEditSdkCode td table {
        width: 100%
    }

        .companyinfo table.AnyTEditSdkCode td table.pad_0 tr td {
            padding: 0;
            border: 0
        }

.companyinfo .nctrl {
    display: none
}

.channelTabsInfo .dataLinksSection div[data-group="dataLinksChild"] .AnyTscroll_wrap {
    min-height: 250px
}

.channels_list_edit .chLogoWrap {
    font-size: 10px;
    text-align: center;
    height: auto !important
}

    .channels_list_edit .chLogoWrap img {
        display: block;
        max-width: 40px;
        margin: auto
    }

.companyinfo .channels_list_edit .channels_info_edit {
    display: inline-block;
    width: 87%
}

.channels_list_edit .channels_info_edit textarea, .channels_list_edit .channels_info_edit input[type="text"], .dataLinksChild .AnyTscroll_wrap .AnyTEdit select, .dataLinksChild .AnyTscroll_wrap .AnyTEdit input[type="text"], .rssfeed_add table.AnyTEdit input[type="text"] {
    width: 100%;
    resize: none;
    padding: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    font-size: 14px
}

.companyinfo .oauthrow {
    display: none
}

.companyinfo .rowbridge {
    display: none
}

.companyinfo .spectable select, .companyinfo .spectable input[type='text'] {
    display: none;
    width: 80%;
    height: 25px;
    padding: 0 5px;
    box-sizing: border-box
}

.companyinfo .spectable ul#txtChTags {
    width: 75%;
    height: 40px;
    float: right;
    word-break: break-all;
    background: #fff
}

.companyinfo .spectable ul.tagit {
    text-align: left !important
}

    .companyinfo .spectable ul.tagit input[type="text"] {
        width: 100% !important
    }

.companyinfo .spectable ul {
    display: none;
    width: 75%;
    height: 40px
}

.companyinfo .belowNavigation {
    margin-top: 20px
}

    .companyinfo .belowNavigation a {
        display: none;
        background-color: #00ace9;
        border: 1px solid #999;
        color: #fff;
        font-size: 14px;
        padding: 5px 20px;
        text-align: center;
        text-decoration: none;
        margin: 10px
    }

        .companyinfo .belowNavigation a:hover {
            background: #666
        }

        .companyinfo .belowNavigation a.backchannel {
            background: #e9593e
        }

            .companyinfo .belowNavigation a.backchannel:hover {
                background: #666
            }

.add_resource_wrap .update {
    display: none
}

.add_resource_wrap input[type="text"] {
    border-color: #929292 #ccc #ccc #929292;
    border-style: solid;
    border-width: 1px;
    color: #999;
    padding: 8px;
    width: 100%;
    font-family: inherit;
    resize: none;
    box-sizing: border-box
}

.specs_edit_wrap img, .specs_edit_wrap label {
    float: none !important
}

.specs_edit_wrap .leftcol, .companyinfo .specs_edit_wrap .rightcol {
    width: 480px;
    display: inline-block
}

.specs_edit_wrap .rightcol {
    width: 500px;
    float: right
}

.specs_edit_wrap table.specEdit #lnklegalDocUp {
    display: inline-block
}

#RCGList #lnkDMDCMDXmlUp, #FGList #lnkDMDFCMDXmlUp {
    float: right !important
}

.specs_edit_wrap table.specEdit #lnkLegalUploadedDoc {
    display: inline-block;
    text-align: left;
    margin-right: 20px
}

.specs_edit_wrap table.specEdit .DRDocUpQueue {
    position: absolute
}

.edit_box {
    border: 1px solid #ccc;
    margin: 0 0 15px 0
}

    .edit_box h1 {
        background-color: #999;
        color: #fff;
        padding-left: 10px;
        line-height: 24px;
        font-size: 12px;
        font-family: robotobold
    }

        .edit_box h1 a {
            float: right;
            background-color: #00ace9;
            color: #fff;
            padding: 2px 10px;
            text-align: center;
            line-height: 20px;
            width: auto
        }

            .edit_box h1 a.selected, .edit_box h1 a:hover {
                background-color: #eb593b;
                color: #fff
            }

    .edit_box .started_wrap {
        background-color: #eee;
        text-align: center;
        padding: 30px 10px
    }

    .edit_box.media a.video, .companyinfo .edit_box.media a.image {
        display: inline-block;
        background: url("../images/image-video-icon.png") no-repeat scroll 12px 20px rgba(0,0,0,0);
        padding: 0 0 79px 0;
        width: 90px;
        margin: 0 15px;
        color: #999
    }

    .edit_box.media a.image {
        background-position: -158px 20px !important
    }

    .edit_box.media a.video:hover, .companyinfo .edit_box.media a.image:hover {
        color: #333
    }

    .edit_box.media .media_inputs {
        background-color: #eee;
        padding: 15px 10px
    }

        .edit_box.media .media_inputs p.companyinfo, .edit_box.media .media_inputs div {
            font-size: 16px;
            font-family: robotolight;
            color: #666;
            margin-bottom: 10px
        }

        .edit_box.media .media_inputs label {
            color: #999;
            font-size: 14px;
            display: block;
            padding-bottom: 5px
        }

            .edit_box.media .media_inputs label .toolTip {
                vertical-align: middle
            }

        .edit_box.media .media_inputs input[type="text"], .companyinfo .edit_box.media .media_inputs textarea {
            box-sizing: border-box;
            width: 100%;
            padding: 2px 5px;
            resize: none;
            font-size: 14px
        }

        .edit_box.media .media_inputs div table {
            width: 100%
        }

        .edit_box.media .media_inputs .browse, .companyinfo .dataLinksChild .AnyTscroll_wrap .AnyTEdit .browse_wrap .browse {
            border: 0;
            background-color: #333;
            color: #fff;
            width: 80px;
            padding: 0;
            height: 26px;
            text-align: center
        }

            .edit_box.media .media_inputs .browse:hover, .dataLinksChild .AnyTscroll_wrap .AnyTEdit .browse_wrap .browse:hover {
                background-color: #999
            }

.companyinfo .specs_edit_wrap .edit_box .started_wrap {
    padding-top: 70px;
    padding-bottom: 100px
}

.companyinfo .specEdit_wrap {
    float: right;
    width: 500px;
    margin: 0 0 15px 20px;
    overflow: hidden
}

.companyinfo .specs_edit_wrap .rightcol {
    width: 500px;
    float: right
}

.companyinfo table.specEdit tr, table.AnyTEdit tr:nth-child(2n+2) {
    background-color: #f5f5f5
}

    .companyinfo table.specEdit tr:nth-child(2n+2), table.AnyTEdit tr {
        background-color: #fff
    }

    .companyinfo table.specEdit tr > td:first-child + td {
        text-align: right !important
    }

.companyinfo .dataLinksChild .AnyTscroll_wrap .AnyTEdit select {
    line-height: 28px;
    vertical-align: top
}

.companyinfo table.AnyTEdit th {
    padding: 10px
}

.specs_edit_wrap table.specEdit tr > td:first-child + td {
    text-align: right !important;
    word-break: break-all
}

table.AnyTEdit .add, table.AnyTEdit .update, table.AnyTEditSdkCode .add, table.AnyTEditSdkCode .update {
    opacity: .8;
    display: block;
    width: 20px;
    height: 21px;
    background: url("../images/add-api-icon.png") no-repeat scroll 0 0 rgba(0,0,0,0);
    vertical-align: middle;
    margin: 5px 5px
}

table.AnyTEdit .update, table.AnyTEditSdkCode .update {
    background: url("../images/update-api-icon.png") no-repeat scroll 0 0 rgba(0,0,0,0)
}

    table.AnyTEdit .add:hover, table.AnyTEdit .update:hover {
        opacity: 1
    }

table.AnyTEdit .browse_wrap {
    width: 100%;
    border-color: #929292 #ccc #ccc #929292;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px;
    background-color: #fff
}

.companyinfo .dataLinksChild .AnyTscroll_wrap .AnyTEdit .browse_wrap input[type="text"] {
    padding: 3px 0;
    margin: 0;
    border: 0
}

.companyinfo select.selectNativeapps {
    position: absolute;
    z-index: 10;
    width: 95% !important;
    height: 30px !important;
    line-height: 30px;
    color: #999;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 14px
}

.companyinfo span.selectNativeapps {
    font-size: 14px;
    position: absolute;
    float: left;
    width: 95%;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    background: url('../images/selcatnew.jpg') no-repeat scroll right center transparent;
    cursor: default;
    z-index: 1;
    color: #999;
    font-weight: normal;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    padding: 0
}

.companyinfo .linkNative {
    color: #00ace9;
    text-decoration: underline
}

.eResourceLink {
    margin-right: 10px;
    color: #00ace9
}

.add_resource_wrap .bttn.next, .add_resource_wrap .bttn.cancel {
    color: #fff
}

.companyinfo .inputNativeapps {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #929292 #ccc #ccc #929292;
    color: #999;
    text-indent: 10px;
    height: 30px
}

.companyinfo .rssfeed_add {
    padding: 10px 0;
    height: 30px
}

    .companyinfo .rssfeed_add table.AnyTEdit tr {
        background: none !important
    }

    .companyinfo .rssfeed_add table.AnyTEdit td {
        padding: 0;
        border: 0
    }

        .companyinfo .rssfeed_add table.AnyTEdit td:first-child {
            padding: 0;
            border: 0;
            width: auto !important
        }

    .companyinfo .rssfeed_add p {
        margin-bottom: 0;
        margin-top: 10px
    }

        .companyinfo .rssfeed_add p.editpCh {
            float: right;
            padding-right: 20px
        }

            .companyinfo .rssfeed_add p.editpCh a.delete {
                background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
                display: inline-block;
                height: 22px;
                margin-left: 5px;
                width: 16px;
                padding: 0 !important;
                float: left;
                margin-top: 7px
            }

            .companyinfo .rssfeed_add p.editpCh a.edit {
                background: url(../images/editdelete.png) no-repeat scroll -28px 0 rgba(0,0,0,0);
                width: 22px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
                margin: 10px 0 0 0;
                float: left;
                padding: 0 !important
            }

.pop_wrap .pop_box .add_resource_wrap .note {
    font-size: 12px;
    color: #ccc
}

.pop_wrap .pop_box .add_resource_wrap table.AnyTEdit td {
    padding: 5px 3px;
    color: #999
}

    .pop_wrap .pop_box .add_resource_wrap table.AnyTEdit td input[type="text"] {
        padding: 4px 8px
    }

.pop_wrap .pop_box .add_resource_wrap .AnyTscroll_wrap {
    margin: 10px 0;
    max-height: 120px;
    overflow: auto
}

    .pop_wrap .pop_box .add_resource_wrap .AnyTscroll_wrap td {
        background-color: #fff;
        border: 0
    }

.pop_wrap .pop_box .add_resource_wrap .bttn.cancel {
    background-color: #ee5a36
}

    .pop_wrap .pop_box .add_resource_wrap .bttn.cancel:hover {
        background-color: #666;
        color: #fff
    }

.companyinfo .analytParameter .APLeftPanel {
    float: left;
    border-right: 10px solid #333;
    min-height: 600px;
    width: 225px;
    padding: 10px;
    position: relative
}

    .companyinfo .analytParameter .APLeftPanel a {
        color: #999;
        text-decoration: none
    }

.analytParameter .APLeftPanel a:hover {
    color: #666
}

.companyinfo .analytParameter .APLeftPanel ul, .companyinfo .analytParameter .APLeftPanel ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none
}

.companyinfo .analytParameter .APLeftPanel ul {
    margin: 5px 0
}

    .companyinfo .analytParameter .APLeftPanel ul li {
        margin: 2px 0
    }

.companyinfo .analytParameter .APLeftPanel .arrwabsl {
    position: absolute;
    top: 49%;
    right: -25px
}

.companyinfo .analytParameter .APLeftPanel .AnyTscroll_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 545px;
    max-height: 545px;
    border: 0
}

.companyinfo .analytParameter .APLeftPanel a.collapsed {
    display: block;
    background: url("../images/close1.png") no-repeat scroll center right rgba(0,0,0,0);
    cursor: pointer
}

    .companyinfo .analytParameter .APLeftPanel a.collapsed img {
        vertical-align: top;
        margin-right: 5px
    }

.companyinfo .analytParameter .APLeftPanel a.lnkDelete, .analytParameter .APLeftPanel a.lnkEdit {
    margin-left: 2px
}

.companyinfo .analytParameter .APLeftPanel li a:first-child {
    width: 130px;
    float: left
}

.companyinfo .analytParameter .APLeftPanel li a span {
    background-color: #333;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    padding: 1px 4px
}

.companyinfo .back_save_bttn_wrap {
    border-bottom: 1px solid #cbcbcb
}

    .companyinfo .back_save_bttn_wrap .continue, .back_save_bttn_wrap .back {
        line-height: 18px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .companyinfo .back_save_bttn_wrap .back {
        background-color: #eb593b
    }

        .companyinfo .back_save_bttn_wrap .continue:hover, .companyinfo .back_save_bttn_wrap .back:hover {
            background-color: #666
        }

.companyinfo .APBottom .add_param {
    padding-right: 40px;
    position: relative;
    clear: both
}

    .companyinfo .APBottom .add_param a.plusBtn, .companyinfo .APBottom .add_param a.vMinus {
        position: absolute;
        right: 0;
        top: 25px;
        background: url("../images/plus.png") no-repeat scroll 0 0 rgba(0,0,0,0);
        display: block;
        float: left;
        height: 35px;
        width: 35px;
        opacity: .7
    }

        .companyinfo .APBottom .add_param a.plusBtn:hover, .companyinfo .APBottom .add_param a.vMinus:hover {
            opacity: 1
        }

    .companyinfo .APBottom .add_param a.vMinus {
        background: url("../images/minus.png") no-repeat scroll 0 0 rgba(0,0,0,0)
    }

.companyinfo .channels_list_edit .leftPicIconWrap img {
    display: block;
    max-width: 40px;
    margin: auto
}

.companyInfo ul#txtChTags input[type="text"] {
    width: 100% !important
}

.analytParameterWrap {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

    .analytParameterWrap .analytParameterc {
        border: solid 2px #cbcbcb;
        border-radius: 5px;
        box-sizing: border-box
    }

        .analytParameterWrap .analytParameterc .APTop {
            background: #cbcbcb;
            padding: 15px 15px 0 15px
        }

            .analytParameterWrap .analytParameterc .APTop select {
                line-height: 24px !important
            }

            .analytParameterWrap .analytParameterc .APTop .APLEFT {
                width: 480px;
                float: left;
                padding-bottom: 15px
            }

            .analytParameterWrap .analytParameterc .APTop a.apiInvoke {
                background: none repeat scroll 0 0 #00ace9;
                color: #fff;
                display: inline-block;
                font-family: robotobold;
                margin: 0 0 0 -4px;
                text-align: center;
                width: 60px;
                line-height: 35px;
                padding-top: 0
            }

                .analytParameterWrap .analytParameterc .APTop a.apiInvoke:hover {
                    background: #333
                }

            .analytParameterWrap .analytParameterc .APTop input {
                border-bottom: solid 1px #ccc;
                border-right: solid 1px #ccc;
                border-left: solid 1px #929292;
                border-top: solid 1px #929292;
                padding: 8px;
                width: 300px;
                height: 18px;
                color: #999
            }

            .analytParameterWrap .analytParameterc .APTop .APLinks {
                float: right;
                margin: 5px 0 0 0
            }

                .analytParameterWrap .analytParameterc .APTop .APLinks a {
                    display: inline-block;
                    background: #333;
                    -webkit-border-top-left-radius: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -moz-border-radius-topleft: 5px;
                    -moz-border-radius-topright: 5px;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    text-align: center;
                    font-family: robotobold;
                    color: #cbcbcb;
                    padding: 4px 12px;
                    margin: 0 0 0 10px
                }

                    .analytParameterWrap .analytParameterc .APTop .APLinks a span {
                        width: 80px;
                        display: inline-block
                    }

                    .analytParameterWrap .analytParameterc .APTop .APLinks a:hover, .APTop .APLinks a.Select {
                        background: #fff !important;
                        color: #00ace9 !important
                    }

            .analytParameterWrap .analytParameterc .APTop .APType {
                margin-right: 4px;
                width: 92px;
                height: 37px;
                float: left
            }

        .analytParameterWrap .analytParameterc .APUrl > input[type='text'] {
            width: 300px
        }

        .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls {
            float: left
        }

            .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls h2 {
                font-family: robotobold;
                color: #333;
                font-size: 16px;
                margin: 10px
            }

            .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList {
                list-style: none;
                margin: 0;
                padding: 0;
                vertical-align: top;
                margin: 10px 0 0 0
            }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul {
                    display: none;
                    list-style: none;
                    margin: 0;
                    padding: 0
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList li {
                    background-image: none;
                    margin: 0;
                    padding: 0
                }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList li span {
                        background-color: #333;
                        border-radius: 10px;
                        color: #fff;
                        display: inline-block;
                        text-decoration: none;
                        padding: 3px 5px;
                        margin-right: 5px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px
                    }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul ul {
                    display: block
                }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul ul li a {
                        float: left
                    }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList a {
                    cursor: pointer;
                    display: block;
                    color: #999;
                    margin-left: 0;
                    padding: 2px 2px 2px 8px;
                    width: 205px
                }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList a img {
                        margin-right: 5px
                    }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList a.expanded {
                        background: url('../images/open.png') right no-repeat
                    }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList a.collapsed {
                        background: url('../images/close1.png') no-repeat 192px 0 transparent
                    }

                    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList a:hover {
                        text-decoration: none;
                        color: #666
                    }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul a {
                    display: inline-block;
                    padding: 5px 0 0 30px
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList .aMethods a:first-child {
                    display: inline-block;
                    padding: 5px 0 0 8px;
                    width: 156px;
                    float: left
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList .aMethods a.grDel {
                    background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
                    display: inline-block;
                    height: 22px;
                    margin-left: 5px;
                    width: 16px;
                    padding: 0 !important;
                    float: left;
                    margin-top: 7px
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList .aMethods a.grEdit {
                    background: url(../images/editdelete.png) no-repeat scroll -28px 0 rgba(0,0,0,0);
                    width: 22px;
                    height: 22px;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 10px 0 0 0;
                    float: left;
                    padding: 0 !important
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul a img {
                    margin-right: 5px
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul a:link {
                    font-weight: normal
                }

                .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList ul a:hover {
                    text-decoration: none
                }

        .analytParameterWrap .analytParameterc .APLeftPanel {
            height: 725px;
            border-right: 10px solid #333;
            float: left;
            overflow: auto;
            overflow-x: hidden
        }

        .analytParameterWrap .analytParameterc .APLeftPanelinner {
            width: 225px
        }

        .analytParameterWrap .analytParameterc .APRightPanel {
            padding-left: 225px;
            box-sizing: border-box
        }

            .analytParameterWrap .analytParameterc .APRightPanel #apiParamsPanelc {
                min-height: 250px;
                width: 100%
            }

                .analytParameterWrap .analytParameterc .APRightPanel #apiParamsPanelc .paramp_inner {
                    padding: 20px;
                    width: 100%;
                    box-sizing: border-box
                }

            .analytParameterWrap .analytParameterc .APRightPanel .topS {
                min-height: 250px;
                padding: 0
            }

                .analytParameterWrap .analytParameterc .APRightPanel .topS table td {
                    padding: 5px 0 0 0
                }

                .analytParameterWrap .analytParameterc .APRightPanel .topS input {
                    border-bottom: solid 1px #ccc;
                    border-right: solid 1px #ccc;
                    border-left: solid 1px #929292;
                    border-top: solid 1px #929292;
                    padding: 8px;
                    width: 90%;
                    color: #999;
                    margin: 0 0 5px 0
                }

                .analytParameterWrap .analytParameterc .APRightPanel .topS select {
                    border-bottom: solid 1px #ccc;
                    border-right: solid 1px #ccc;
                    border-left: solid 1px #929292;
                    border-top: solid 1px #929292;
                    padding: 8px;
                    width: 97%;
                    color: #999;
                    margin: 0 0 5px 0;
                    box-sizing: border-box
                }

        .analytParameterWrap .analytParameterc .parmsDrop {
            border-bottom: 10px solid #333
        }

        .analytParameterWrap .analytParameterc .APRightPanel a.dropD {
            background: url(../images/dropD.png) no-repeat;
            width: 30px;
            height: 15px;
            display: block;
            margin-left: 37%;
            margin-top: 10px;
            position: absolute
        }

        .analytParameterWrap .analytParameterc .APResult {
            padding: 0 0 0 20px
        }

            .analytParameterWrap .analytParameterc .APResult .request {
                float: left;
                width: 48%;
                border-right: 2px solid #cbcbcb;
                padding: 10px 0 0 0;
                word-break: break-all
            }

            .analytParameterWrap .analytParameterc .APResult .response {
                float: left;
                padding: 10px 0 0 20px;
                width: 48%;
                word-break: break-all
            }

                .analytParameterWrap .analytParameterc .APResult .request h2, .analytParameterWrap .analytParameterc .APResult .response h2 {
                    border-bottom: 1px solid #333;
                    margin-bottom: 10px;
                    padding-bottom: 10px
                }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varParams {
            display: block;
            height: 148px;
            overflow: auto
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader {
            display: block
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild {
            margin-bottom: 10px
        }

            .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vName {
                display: inline-block;
                margin-right: 10px;
                box-sizing: border-box;
                width: 43%
            }

            .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vValue {
                display: inline-block;
                margin-right: 10px;
                box-sizing: border-box;
                width: 43%
            }

        .analytParameterWrap .analytParameterc #apiParamsPanelc div[data-id='pApiBody'] .varPChild .vName, .analytParameterWrap .analytParameterc #apiParamsPanelc div[data-id='pApiBody'] .varPChild .vValue {
            width: 37%
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc div[data-id='pApiBody'] .varPChild .vDType {
            display: inline-block;
            margin-right: 10px
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
            background: url(../images/minus.png);
            width: 35px;
            height: 35px;
            display: inline-block;
            margin-top: 19px;
            float: right;
            margin-right: 3%
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn {
            background: url(../images/plus.png);
            width: 35px;
            height: 35px;
            margin-top: 19px;
            display: inline-block;
            background-repeat: no-repeat;
            float: right;
            margin-right: 3%
        }

        .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vName span, #apiParamsPanelc .varPChild .vValue span, #apiParamsPanelc .varPChild .vDType span {
            display: block
        }

.accMain {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 50px
}

    .accMain .accsingle {
        float: left;
        width: 300px;
        height: 250px;
        margin: 25px 10px
    }

        .accMain .accsingle img {
            margin-bottom: 10px;
            width: 300px
        }

    .accMain h3 {
        color: #167ac6;
        cursor: pointer;
        cursor: hand;
        padding: 5px 0;
        font-family: robotobold;
        background: #fff;
        font-size: 14px
    }

    .accMain h1 {
        color: #999;
        font-size: 12px;
        font-family: robotoregular;
        background: #fff
    }

.demovideo {
    text-align: right;
    margin-top: 5px;
    color: #eb593c
}

.specEdit tr td span.toolTip {
    display: none
}

.responsive-ad {
    width: 728px;
    height: 90px
}

.blog_wrap, .blog_search_wrap, .blog_wrap .right_wrap .left_blocks h3 span, .comments_main_wrap ul li, .blog_wrap input[type="text"], .blog_wrap textarea, .blog_search_wrap input[type="button"], .hack_articles .halfcol div, .hack_articles .fivecol div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blog_wrap {
    max-width: 100%;
    background-color: #f7f7f7;
    padding: 50px 10px
}

    .blog_wrap .left_right_wrap {
        max-width: 1000px;
        margin: 0 auto 40px
    }

    .blog_wrap .left_wrap, .blog_wrap .right_wrap {
        display: table-cell;
        width: 100%;
        vertical-align: top
    }

    .blog_wrap .right_wrap {
        min-width: 270px;
        padding-left: 75px
    }

        .blog_wrap .right_wrap h3, .comments_main_wrap h3 {
            margin-top: 25px;
            color: #5d5d5d;
            font-size: 18px;
            font-family: 'robotobold'
        }

    .blog_wrap .left_wrap h4 {
        font-size: 15px;
        margin-bottom: 10px;
        color: #5d5d5d
    }

    .blog_wrap .right_wrap ul {
        margin: 5px 0
    }

        .blog_wrap .right_wrap ul li {
            border-bottom: 1px solid #dfdfdf
        }

            .blog_wrap .right_wrap ul li, .blog_wrap .right_wrap ul li a {
                display: block
            }

                .blog_wrap .right_wrap ul li a {
                    font-size: 14px;
                    padding: 8px 0
                }

.blog_search_wrap {
    display: table;
    width: 100%;
    border: 1px solid #ccc
}

    .blog_search_wrap input[type="text"], .blog_search_wrap span {
        display: table-cell;
        margin: 0;
        width: 100%;
        border: 0;
        font-size: 15px;
        background-color: #fff;
        vertical-align: middle;
        color: #999;
        padding: 4px 8px
    }

    .blog_search_wrap span {
        width: 55px;
        padding: 0
    }

    .blog_search_wrap input[type="button"] {
        border: 0;
        padding: 4px;
        margin: 0;
        width: 100%;
        background-color: #353535;
        cursor: pointer;
        background-image: url(../images/magnifier.png);
        background-repeat: no-repeat;
        background-position: center
    }

.blog_articles article {
    font-size: 14px
}

    .blog_articles article.detail a {
        color: #5d5d5d;
        text-decoration: underline
    }

        .blog_articles article.detail a:hover {
            color: #999
        }

    .blog_articles article p.blog_pic img {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #f0f0f0
    }

    .blog_articles article h2 {
        color: #5d5d5d;
        font-size: 24px;
        font-family: 'robotobold';
        margin: 0 0 12px;
        line-height: 23px
    }

    .blog_articles article p {
        padding-bottom: 15px
    }

.blog_articles hr {
    border: 1px solid #dfdfdf;
    margin: 35px 0
}

.blog_articles .comments_main_wrap hr {
    margin: 25px 0
}

.share_holder {
    overflow: auto
}

    .share_holder a.rmore, .leave_comment_wrap.form_wrap input[type="button"] {
        font-size: 14px;
        border: 0;
        line-height: 19px;
        cursor: pointer;
        background-color: #00ace9;
        color: #fff;
        padding: 5px 15px;
        display: inline-block
    }

        .share_holder a:hover, .leave_comment_wrap.form_wrap input[type="button"]:hover {
            opacity: .8
        }

    .share_holder .share_wrap, .share_holder .share_wrap a img {
        float: right
    }

        .share_holder .share_wrap a {
            margin: 2px 2px;
            display: inline-block;
            overflow: auto;
            vertical-align: top
        }

.comments_main_wrap p {
    padding-bottom: 10px
}

.comments_main_wrap input[type="text"], .comments_main_wrap textarea {
    width: 100%;
    border: 1px solid #efefef;
    padding: 6px 10px;
    font-size: 16px;
    color: #999
}

    .comments_main_wrap input[type="text"]:focus, .comments_main_wrap textarea:focus {
        border: 1px solid #999
    }

.leave_comment_wrap.form_wrap .note {
    display: block;
    font-size: 14px;
    text-align: right;
    margin: -23px 0 15px
}

.comment_list_wrap h3 {
    margin-bottom: 15px
}

.comment_list_wrap ul li {
    display: block;
    width: 100%;
    padding: 0 0 35px;
    font-size: 16px;
    font-family: 'robotolight';
    text-align: left
}

    .comment_list_wrap ul li li {
        padding: 20px 0 0 25px
    }

.comment_list_wrap .comments_wrap {
    display: block
}

    .comment_list_wrap .comments_wrap a {
        text-decoration: underline
    }

        .comment_list_wrap .comments_wrap a:hover {
            text-decoration: none
        }

    .comment_list_wrap .comments_wrap .comment_given {
        padding: 15px;
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 10px 0
    }

    .comment_list_wrap .comments_wrap .profile_date_wrap {
        padding-top: 8px
    }

.profile_date_wrap strong, .profile_date_wrap span {
    display: inline-block
}

.comment_list_wrap .comments_wrap .profile_date_wrap img {
    float: left;
    width: 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: -2px 15px 0 0
}

.comment_list_wrap .comments_wrap .profile_date_wrap strong {
    font-weight: normal;
    font-size: 22px;
    font-family: 'robotobold';
    color: #059eca;
    margin: 0 15px 0 0
}

.comment_list_wrap .comments_wrap .comment_rate_reply {
    text-align: right
}

.comment_rate_reply .comment_rate, .comment_rate_reply .reply, .comment_rate_reply a {
    display: inline-block !important
}

.comment_rate_reply .comment_rate, .comment_rate_reply .reply {
    margin-left: 14px
}

    .comment_rate_reply .comment_rate a {
        float: left;
        margin-right: 14px;
        text-indent: -999em;
        width: 23px;
        height: 23px;
        background: url("../images/thumbs-icon.png") no-repeat scroll left top rgba(0,0,0,0);
        background-size: 50px;
        opacity: .4
    }

        .comment_rate_reply .comment_rate a.rate_btn_up {
            background-position: -29px top
        }

        .comment_rate_reply .comment_rate a:hover {
            opacity: .8
        }

    .comment_rate_reply .comment_rate .count {
        color: #41b411;
        font-family: 'robotomedium';
        letter-spacing: 3px
    }

        .comment_rate_reply .comment_rate .count.negative {
            color: #f00
        }

.fluid_container {
    position: relative;
    width: 100%;
    height: 415px;
    background-image: url(../images/banner_reg.jpg);
    background-repeat: no-repeat;
    background-position: center
}

    .fluid_container .banner_wrap {
        height: 100%;
        margin: auto;
        max-width: 1024px;
        padding: 0 10px;
        position: relative
    }

.main_banner {
    text-align: right;
    font-family: 'Roboto-Light'
}

.ban_content {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    color: #fff !important;
    font-family: robotolight
}

    .ban_content div {
        display: table-cell;
        vertical-align: middle
    }

    .ban_content heading {
        font-size: 50px;
        line-height: 58px
    }

    .ban_content p {
        font-size: 30px;
        line-height: 35px;
        padding: 25px 0
    }

    .ban_content a {
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        background-color: #c04930;
        font-size: 21px
    }

        .ban_content a:hover {
            color: #000
        }

.content_wrap_reg {
    color: #333;
    font-family: robotolight;
    padding-bottom: 40px;
    max-width: 1000px;
    margin: auto;
    padding: 10px;
    overflow: auto
}

    .content_wrap_reg img {
        float: none !important
    }

    .content_wrap_reg > h1 {
        font-size: 40px;
        line-height: 45px;
        color: #00ace9;
        margin: 35px 0
    }

    .content_wrap_reg a {
        color: #00ace9
    }

.content_wrap a:hover {
    color: #666
}

.content_wrap_reg ul {
    display: block;
    text-align: center;
    float: left;
    margin: 10px 0 30px;
    width: 100%
}

    .content_wrap_reg ul li {
        padding: 20px 10px;
        width: 23%;
        display: inline-block;
        color: #333;
        font-size: 32px;
        font-family: robotolight;
        box-sizing: border-box
    }

        .content_wrap_reg ul li:last-child {
            width: 31%
        }

.captcha_field, .captcha_img {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.captcha_img {
    min-width: 60px;
    padding-left: 20px
}

    .captcha_img img {
        position: absolute;
        width: 60px;
        margin-top: -8px
    }

.captcha_wrap .captcha_img {
    text-align: center
}

    .captcha_wrap .captcha_img a {
        display: block;
        padding: 2px 0
    }

    .captcha_wrap .captcha_img img {
        position: relative;
        margin: 0;
        width: 40px
    }

.captcha_wrap .captcha_field {
    border: 1px solid #ccc;
    color: #00ace9;
    padding: 8px 10px;
    text-align: center;
    font-size: 24px;
    line-height: 23px;
    font-style: italic
}

.f24 {
    font-size: 24px;
    line-height: 30px;
    padding: 55px 0
}

.f32 {
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 70px
}

.f24, .f32 {
    font-family: robotolight
}

.midSection.home_blog_box {
    border-bottom: 1px solid #ececec;
    padding: 80px 0
}

    .midSection.home_blog_box h2 {
        text-align: center
    }

    .midSection.home_blog_box ul li {
        padding: 0 5%;
        vertical-align: top;
        display: inline-block;
        width: 50%;
        margin-top: 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

        .midSection.home_blog_box ul li h3 a {
            display: block;
            font-size: 18px;
            color: #666;
            line-height: 20px;
            font-family: robotobold
        }

        .midSection.home_blog_box ul li p {
            padding-top: 15px;
            font-size: 14px
        }

            .midSection.home_blog_box ul li p a {
                color: #00ace9
            }

                .midSection.home_blog_box ul li h3 a:hover, .midSection.home_blog_box ul li p a:hover {
                    color: #333
                }

.blog_wrap .right_wrap ul li a em {
    display: block;
    float: right;
    width: 25px;
    margin-left: 8px;
    background-image: url(../images/views-icon.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    text-align: right;
    font-style: normal;
    padding-left: 20px
}

.blog_wrap.hack_wrap .left_right_wrap {
    overflow: auto
}

.blog_wrap.hack_wrap .right_wrap, .blog_wrap.hack_wrap .left_wrap {
    display: block
}

.blog_wrap.hack_wrap .right_wrap {
    width: 290px;
    padding: 0 35px 0 0;
    float: left
}

.blog_wrap.hack_wrap .left_wrap {
    width: auto;
    float: none;
    overflow: hidden
}

.blog_wrap .right_wrap .feeds h2 {
    font-size: 14px;
    color: #fff;
    padding: 7px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: bottom right
}

.blog_wrap .right_wrap .feeds .left_blocks h2 {
    margin-top: 25px
}

.blog_wrap .right_wrap .feeds ul li {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
    font-size: 12px;
    line-height: 14px
}

    .blog_wrap .right_wrap .feeds ul li .feed_pic {
        float: left;
        width: 57px;
        margin-right: 8px
    }

    .blog_wrap .right_wrap .feeds ul li div {
        overflow: hidden
    }

        .blog_wrap .right_wrap .feeds ul li div a {
            display: inline-block;
            padding: 0 0;
            border: 0;
            font-size: 10px;
            color: #00ace9
        }

    .blog_wrap .right_wrap .feeds ul li p {
        height: 30px;
        overflow: hidden;
        margin-bottom: 12px
    }

    .blog_wrap .right_wrap .feeds ul li div.share_wrap {
        float: right
    }

.hack_articles img {
    float: none
}

.hack_articles, .hack_articles article {
    overflow: auto
}

    .hack_articles hr {
        border: 0;
        border-bottom: 1px solid #ccc;
        margin: 10px 0 35px
    }

    .hack_articles h1 {
        font-size: 24px;
        line-height: 26px;
        color: #333;
        font-family: robotobold;
        margin-bottom: 25px
    }

    .hack_articles article h2, .hack_articles article p {
        margin-bottom: 17px
    }

    .hack_articles article p {
        line-height: 16px
    }

        .hack_articles article p img {
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

    .hack_articles article h2 {
        color: #00ace9;
        font-size: 20px;
        line-height: 22px
    }

        .hack_articles article h2 a {
            color: #00ace9
        }

    .hack_articles .halfcol, .hack_articles .fivecol {
        overflow: auto
    }

        .hack_articles .halfcol div {
            float: left;
            width: 50%
        }

            .hack_articles .halfcol div:first-child, .hack_articles .halftcel div:first-child {
                padding-right: 10px
            }

            .hack_articles .halfcol div:last-child, .hack_articles .halftcel div:last-child {
                padding-left: 10px
            }

    .hack_articles .halftcel {
        margin: 10px 0 30px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

        .hack_articles .halftcel div {
            display: table-cell;
            vertical-align: middle
        }

            .hack_articles .halftcel div article {
                padding: 30px 0 10px
            }

            .hack_articles .halftcel div:first-child {
                width: 34%;
                border-right: 1px solid #ccc
            }

    .hack_articles .fivecol {
        text-align: center
    }

        .hack_articles .fivecol div {
            display: inline-block;
            width: 20%;
            padding: 0 5px
        }

iframe#twitter-widget-0 {
    width: 100% !important;
    max-width: 100% !important
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
    width: 100% !important
}

.welcome_pop {
    padding: 20px 20px 25px;
    color: #333;
    background-color: #efefef;
    max-width: 530px;
    margin: 0 auto 40px;
    position: relative
}

    .welcome_pop .closex {
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 24px;
        color: #ccc;
        font-family: robotobold;
        width: 35px;
        text-align: center;
        line-height: 34px;
        height: 35px
    }

    .welcome_pop img.pop_logo {
        float: none;
        max-width: 180px;
        height: auto
    }

    .welcome_pop h1 {
        font-family: roboto_condensedbold;
        font-size: 28px;
        margin: 20px 0 10px
    }

    .welcome_pop p {
        margin-bottom: 15px
    }

    .welcome_pop p, .welcome_pop span a {
        font-family: robotolight
    }

    .welcome_pop ul {
        margin-bottom: 20px
    }

        .welcome_pop ul li {
            overflow: auto;
            margin: 30px auto 0;
            font-size: 30px;
            color: #666;
            max-width: 375px
        }

            .welcome_pop ul li img {
                float: left;
                max-width: 75px;
                margin-right: 10px
            }

            .welcome_pop ul li span, .welcome_pop ul li span a {
                display: block;
                overflow: hidden
            }

                .welcome_pop ul li span a {
                    font-size: 18px;
                    color: #00ace9
                }

.dash_rating a {
    cursor: text !important
}

.boxGrid {
    width: 225px !important;
    min-height: 100px;
    padding: 0 0 !important;
    background: #fff;
    font-size: 12px;
    float: left;
    cursor: pointer;
    cursor: hand;
    position: relative;
    -webkit-box-shadow: 0 0 8px rgba(50,50,50,.75);
    -moz-box-shadow: 0 0 8px rgba(50,50,50,.75);
    box-shadow: 0 0 8px rgba(50,50,50,.75);
    width: 225px;
    position: relative;
    margin-right: 34px;
    margin-bottom: 50px
}

    .boxGrid .dashthumb {
        margin: 0;
        padding: 0;
        clear: both;
        background: #f2f2f2
    }

        .boxGrid .dashthumb .dImgThumb {
            position: absolute
        }

            .boxGrid .dashthumb .dImgThumb.imgBrdr {
                border-top: 1px solid #c6c6c6
            }

#wSelectedDashboard .icon-delete {
    background: url(../images/icon-delete.fw.png) no-repeat;
    padding: 0 8px;
    margin-left: 11px
}

.boxGrid .dashthumb span.favorite {
    display: none;
    position: absolute;
    top: 5px
}

    .boxGrid .dashthumb span.favorite a span {
        display: none;
        margin-left: 0;
        margin-top: 30px;
        position: absolute;
        text-align: center;
        z-index: 3
    }

    .boxGrid .dashthumb span.favorite a:hover span {
        display: block;
        padding: 0 5px;
        line-height: 20px;
        background: #9fafba;
        color: #fff
    }

.boxGrid .dashthumb span.edit, .dashbox .dashthumb span.view {
    display: none;
    position: absolute;
    top: 5px;
    right: 7px
}

    .boxGrid .dashthumb span.edit a span, .dashbox .dashthumb span.view a span {
        display: none;
        margin-left: 0;
        margin-top: 30px;
        position: absolute;
        text-align: center;
        z-index: 3
    }

    .boxGrid .dashthumb span.edit a:hover span {
        display: block;
        padding: 0 5px;
        line-height: 20px;
        background: #9fafba;
        color: #fff
    }

.boxGrid .dashthumb span.view a:hover span {
    display: block;
    padding: 0 5px;
    line-height: 20px;
    background: #666;
    color: #fff
}

.boxGrid .dashthumb a.addtoFav {
    background: url(../dashassets/images/public/icons/roloverStar.fw.png) no-repeat 0 0;
    width: 26px;
    height: 23px;
    margin: 5px 0 0 -50px
}

.boxGrid .dashthumb a.edit, .boxGrid .dashthumb a.delete, .boxGrid .dashthumb a.zoom {
    width: 26px;
    height: 26px;
    z-index: 9999;
    display: inline-block
}

.boxGrid .dashthumb a.edit {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -281px -191px;
    margin-right: 5px
}

.boxGrid .dashthumb a.delete {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -312px -191px
}

.boxGrid .dashthumb a.edit:hover {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -281px -160px;
    margin-right: 5px
}

.boxGrid .dashthumb a.delete:hover {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -312px -160px
}

.boxGrid .dashthumb a.zoom {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -344px -191px
}

    .boxGrid .dashthumb a.zoom:hover {
        background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -344px -160px
    }

.boxGrid .dashthumb .dsLoader {
    height: 31px;
    left: 50%;
    margin-left: -14px;
    margin-top: -36px;
    position: absolute;
    top: 50%;
    width: 31px
}

.boxGrid .dashthumb a.fav {
    background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -340px -45px;
    height: 30px;
    width: 34px;
    display: inline-block
}

    .boxGrid .dashthumb a.fav:hover {
        background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -340px -6px
    }

.boxGrid .dashPublic {
    background: #f2f2f2;
    height: 40px;
    color: #666;
    padding: 5px;
    font-size: 15px;
    font-family: robotolight;
    font-weight: normal
}

    .boxGrid .dashPublic .dashName a {
        text-decoration: none;
        color: #666;
        font-family: robotobold
    }

    .boxGrid .dashPublic .dashSetting {
        float: right
    }

    .boxGrid .dashPublic .dashShort {
        font-size: 13px;
        clear: both
    }

        .boxGrid .dashPublic .dashShort span {
            text-align: right;
            float: right
        }

.boxGrid .dashPrivate {
    background: #f2f2f2;
    height: 40px;
    color: #666;
    padding: 5px;
    font-size: 15px;
    font-family: robotolight;
    font-weight: normal
}

    .boxGrid .dashPrivate .dashName a {
        text-decoration: none;
        color: #666;
        font-family: robotobold
    }

    .boxGrid .dashPrivate .dashSetting {
        float: right
    }

    .boxGrid .dashPrivate .dashShort {
        font-size: 15px;
        clear: both
    }

        .boxGrid .dashPrivate .dashShort span {
            text-align: right;
            float: right
        }

.boxGrid .accHead {
    font-family: HelveticaNeue-BoldCond
}

    .boxGrid .accHead a.edit {
        width: 26px;
        height: 26px;
        z-index: 9999;
        display: inline-block;
        float: right;
        background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -281px -220px;
        margin: 9px 5px 0 0
    }

        .boxGrid .accHead a.edit:hover {
            background: url(../dashassets/images/public/icons/multi-icons.png) no-repeat -281px -191px;
            margin: 9px 5px 0 0
        }

.boxGrid .dashPrivateGroup {
    background: #323e49;
    height: 50px;
    color: #fff;
    padding: 5px;
    font-size: 18px;
    font-family: robotobold;
    font-weight: normal
}

    .boxGrid .dashPrivateGroup .dashSetting {
        float: right
    }

        .boxGrid .dashPrivateGroup .dashSetting a {
            padding: 0 0 0 10px
        }

    .boxGrid .dashPrivateGroup .dashShort {
        font-size: 13px;
        clear: both
    }

        .boxGrid .dashPrivateGroup .dashShort span {
            text-align: right;
            float: right
        }

.boxGrid:hover {
    opacity: .7
}

#dashBoardPopup .boxGrid {
    width: 145px !important;
    min-height: 100px;
    padding: 0 0 !important;
    background: #fff;
    font-size: 12px;
    float: left;
    cursor: pointer;
    cursor: hand;
    position: relative;
    -webkit-box-shadow: 0 0 8px rgba(50,50,50,.75);
    -moz-box-shadow: 0 0 8px rgba(50,50,50,.75);
    box-shadow: 0 0 8px rgba(50,50,50,.75);
    width: 225px;
    position: relative;
    margin-right: 34px;
    margin-bottom: 50px
}

#dashBoardPopup .dashSetting {
    display: none
}

#dashBoardPopup .opBack {
    background-color: #000;
    display: none;
    height: 100%;
    opacity: .4;
    position: absolute;
    width: 145px;
    z-index: 200;
    top: 0
}

.topIconNavi {
    height: auto;
    padding: 0 0;
    background: #fff;
    min-width: 150px;
    overflow: auto;
    float: left
}

    .topIconNavi div {
        float: left;
        width: 20%;
        padding: 0 0;
        box-sizing: border-box
    }

    .topIconNavi a {
        margin: auto;
        height: 25px;
        width: 24px;
        display: block
    }

        .topIconNavi a.group {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -30px -1px
        }

        .topIconNavi a.dashboard {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -2px -1px
        }

        .topIconNavi a.fev {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -59px -1px
        }

        .topIconNavi a.fevown {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -118px -1px
        }

        .topIconNavi a.fevshared {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -88px -1px
        }

        .topIconNavi a.group:hover {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -30px -27px
        }

        .topIconNavi a.dashboard:hover {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -2px -27px
        }

        .topIconNavi a.fev:hover {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -59px -27px
        }

        .topIconNavi a.fevshared:hover {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -88px -27px
        }

        .topIconNavi a.fevown:hover {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -118px -27px
        }

        .topIconNavi a.groupFill {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -30px -27px
        }

        .topIconNavi a.dashboardFill {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -2px -27px
        }

            .topIconNavi a.dashboardFill:hover {
                background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -2px -27px
            }

        .topIconNavi a.groupFill:hover {
            background: url(../dashassets/images/public/iconsdashview_icon.png) no-repeat -30px -27px !important
        }

            .topIconNavi a.groupFill:hover span {
                display: none
            }

        .topIconNavi a.fevFill {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -59px -27px
        }

            .topIconNavi a.fevFill:hover {
                background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -59px -27px !important
            }

        .topIconNavi a.fevownFill {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -118px -27px
        }

            .topIconNavi a.fevownFill:hover {
                background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -118px -27px !important
            }

        .topIconNavi a.fevsharedFill {
            background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -88px -27px
        }

            .topIconNavi a.fevsharedFill:hover {
                background: url(../dashassets/images/public/icons/dashview_icon.png) no-repeat -88px -27px !important
            }

        .topIconNavi a span {
            display: none;
            margin-left: -17px;
            margin-top: 33px;
            position: absolute;
            text-align: center;
            z-index: 3
        }

        .topIconNavi a:hover span {
            display: block;
            padding: 0 5px;
            line-height: 20px;
            background: #4d5b66;
            color: #fff
        }

.wDeleteTableView {
    float: right;
    width: 20px;
    display: none;
    margin-top: 4px;
    padding-right: 30px
}

    .wDeleteTableView > a {
        background: #666;
        padding: 2px 5px;
        color: #fff
    }

table.gridtable {
    border-width: 1px;
    border-color: #666;
    border-collapse: collapse;
    background: #fff
}

    table.gridtable th {
        border-left: solid 1px #bcbcbc;
        border-right: solid 1px #bcbcbc;
        background: url(../dashassets/images/public/grid_tableBg.jpg) repeat-x top;
        font-size: 15px;
        color: #6ccbd2;
        padding: 0 0 0 5px;
        text-align: left;
        cursor: pointer
    }

table.gridtableB th {
    background: #666;
    color: #fff !important;
    cursor: pointer
}

table.gridtable th a {
    color: #6ccbd2
}

table.gridtableB th a {
    color: #fff !important
}

table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #bcbcbc;
    text-align: left;
    font-size: 15px;
    color: #999;
    vertical-align: top
}

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

    table.gridtable tr.Hgroup {
        background-color: #ccc !important
    }

    table.gridtable tr:hover {
        background: url(../dashassets/images/public/grid_tableBgHover.jpg) repeat-x center left
    }

table.gridtable a {
    text-decoration: none;
    color: #666;
    cursor: pointer
}

    table.gridtable a:hover {
        text-decoration: none;
        color: #444
    }

table.gridtable .name {
    color: #6ccbd2;
    text-decoration: none
}

table.gridtable tr.gridEdit th {
    background: url(../dashassets/images/public/grid_tableEditBg.jpg) repeat-x top;
    color: #fff
}

table.gridtable tr.gridGroup th {
    background: url(../dashassets/images/public/grid_tableGroupBg.jpg) repeat-x top;
    color: #fff
}

.cPaging {
    margin: 10px 9px 10px 0;
    float: right
}

    .cPaging span {
        margin-right: 5px
    }

    .cPaging a {
        background-color: #fafafa;
        border: 1px solid #999;
        color: #666;
        padding: 2px 5px;
        text-decoration: none;
        margin-right: 5px
    }

        .cPaging a:hover {
            background-color: #333
        }

        .cPaging a.selected {
            background-color: #333
        }

.dashPublic a.star0, .dashPrivate a.star0, .gridtable a.star0 {
    background: url(../dashassets/images/public/starSmall.fw.png) no-repeat 0 0 transparent;
    width: 13px;
    height: 12px;
    display: inline-block
}

.dashPublic a.star25, .dashPrivate a.star25, .gridtable a.star25 {
    background: url(../dashassets/images/public/starSmall.fw.png) no-repeat -13px 0 transparent;
    width: 13px;
    height: 12px;
    display: inline-block
}

.dashPublic a.star50, .dashPrivate a.star50, .gridtable a.star50 {
    background: url(../dashassets/images/public/starSmall.fw.png) no-repeat -27px 0 transparent;
    width: 13px;
    height: 12px;
    display: inline-block
}

.dashPublic a.star75, .dashPrivate a.star75, .gridtable a.star75 {
    background: url(../dashassets/images/public/starSmall.fw.png) no-repeat -40px 0 transparent;
    width: 13px;
    height: 12px;
    display: inline-block
}

.dashPublic a.star100, .dashPrivate a.star100, .gridtable a.star100 {
    background: url(../dashassets/images/public/starSmall.fw.png) no-repeat -54px 0 transparent;
    width: 13px;
    height: 12px;
    display: inline-block
}

#dDashBoard .dashShort {
    font-size: 12px
}

.dashboardC {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 auto;
    box-sizing: border-box
}

    .dashboardC h1 {
        font-family: robotothin;
        font-size: 24px;
        color: #666;
        margin: 0;
        text-align: left;
        padding: 9px 0 0 10px
    }

    .dashboardC div.wTabs {
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0;
        margin: 0;
        font-family: robotoregular;
        font-size: 18px;
        font-weight: normal !important;
        text-align: center
    }

        .dashboardC div.wTabs a {
            color: #fff;
            text-decoration: none;
            display: block;
            background: #999;
            padding: 1px 26px;
            margin-right: 4px;
            width: 175px;
            display: inline-block
        }

            .dashboardC div.wTabs a:hover, div.wTabs a.selected {
                color: #fff;
                background: #00ace9
            }

    .dashboardC ul {
        width: 100%;
        padding: 0;
        margin: 0
    }

        .dashboardC ul > li {
            float: left;
            font-family: robotolight;
            font-size: 13px;
            color: #666;
            margin-top: 12px
        }

            .dashboardC ul > li:first-child {
                width: 40%;
                box-sizing: border-box;
                font-family: robotomedium;
                text-align: left
            }

                .dashboardC ul > li:first-child + li {
                    width: 60%
                }

    .dashboardC input[type="text"], .dashboardC select, .dashboardC textarea {
        border: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        width: 100%;
        height: 24px;
        text-align: left;
        color: #999;
        outline: none;
        padding: 0 5px;
        font-size: 13px;
        box-sizing: border-box;
        font-family: robotoregular
    }

    .dashboardC textarea {
        height: 80px
    }

    .dashboardC ul.tagit {
        width: 94.5%;
        height: 80px;
        border-color: #ccc
    }

        .dashboardC ul.tagit li {
            margin-top: 1px;
            text-align: left;
            margin-left: 3px;
            width: auto !important
        }

    .dashboardC ul.iTableCopy > li {
        display: inline-block;
        float: none;
        width: auto !important
    }

        .dashboardC ul.iTableCopy > li input {
            float: left;
            margin-top: 6px;
            margin-right: 5px
        }

        .dashboardC ul.iTableCopy > li label {
            cursor: pointer;
            line-height: 20px;
            padding-bottom: 10px;
            float: left;
            margin: 2px 12px 0 0;
            font-family: robotomedium !important
        }

a.btnDNext {
    float: right;
    color: #fff;
    background: #00ace9;
    width: 190px;
    height: 24px;
    font-family: robotoregular;
    font-size: 18px;
    text-align: center;
    padding: 2px 0
}

    a.btnDNext:hover {
        background: #666
    }

a.btnDCancel {
    float: left;
    color: #fff;
    background: #666;
    width: 190px;
    height: 24px;
    font-family: robotoregular;
    font-size: 18px;
    text-align: center;
    padding: 2px 0
}

.dashboardC input.cUpload-BgSh {
    height: 24px !important;
    width: 225px !important;
    padding: 0 5px !important;
    border: 1px solid #ccc
}

.dashboardC a.cUpload-btnSh {
    background: url(../dashassets/images/public/uploadBtnSh.png) no-repeat !important;
    display: block;
    float: right !important;
    height: 24px !important;
    width: 92px !important
}

.dashboardC input.cUpload-BgBh {
    background: url(../dashassets/images/public/bg-uploadboxBh.png) no-repeat !important;
    border: 0 !important;
    height: 34px !important;
    width: 206px !important;
    padding: 0 5px !important
}

.dashboardC a.cUpload-btnBh {
    background: url(../dashassets/images/public/uploadBtnBh.png) no-repeat !important;
    display: block;
    float: right !important;
    height: 35px !important;
    width: 134px !important
}

.dashboardC a.cBrowse-btnSh {
    background: url(../dashassets/images/public/browseBtnSh.png) no-repeat !important;
    display: block;
    float: right !important;
    height: 24px !important;
    width: 92px !important;
    margin-right: 15px
}

.dashboardC a.downloadTemp {
    float: right;
    margin-right: 15px;
    color: #00ace9
}

.dashboardC .colorPalette {
    float: left;
    border: solid 1px #ccc;
    background: url(../dashassets/images/editView/input-bg.jpg) center left repeat-x;
    width: 195px;
    height: 32px;
    text-align: center;
    color: #999;
    outline: none;
    font-size: 20px
}

    .dashboardC .colorPalette span {
        display: inline-block;
        width: 32px;
        height: 27px;
        border: solid 0 #ccc
    }

.dashboardC a.PaletteAncher {
    background: url(../dashassets/images/editView/ancPallet.png) no-repeat right;
    width: 19px;
    height: 14px;
    display: inline-block;
    margin: -25px 4px 0 0;
    float: right
}

#wpTableView td:first-child + td + td {
    word-break: break-all
}

#DivpApp .dashfind {
    height: 30px;
    width: 200px !important;
    float: left
}

#DivpApp a.find {
    float: left;
    background: url(../images/c2mimg1.png) -4px -654px;
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    text-align: center;
    width: 43px;
    height: 28px
}

    #DivpApp a.find:hover {
        display: inline;
        background: url(../images/c2mimg1.png) -4px -708px repeat-x
    }

.dashboardT {
    display: none
}

.dashcreatecontainer {
    position: relative;
    width: 490px;
    margin-left: 500px
}

.groupDashboards {
    width: 225px;
    border: 1px solid #ccc;
    text-align: center
}

    .groupDashboards input[type='text'], .groupDashboards textarea, .groupDashboards select {
        width: 90%;
        text-align: center;
        height: 25px;
        margin-top: 17px
    }

.bgChartLine {
    border-bottom: 1px solid #ccc;
    margin: 0 10px
}

.groupDashboards a.btnDNext {
    color: #fff;
    background: #00ace9;
    width: 90%;
    height: 24px;
    font-family: robotoregular;
    font-size: 18px;
    text-align: center;
    padding: 2px 0;
    margin: 8px 0;
    float: none;
    display: inline-block
}

    .groupDashboards a.btnDNext:hover {
        background: #666
    }

.groupDashboards textarea {
    height: 90px
}

.groupDashboards h1 {
    font-family: robotothin;
    font-size: 20px;
    color: #666;
    margin: 0;
    text-align: left;
    padding: 9px 0 0 10px;
    text-align: center
}

.mainContainer .dashboardField {
    width: 100%;
    margin: 0 20px;
    float: left
}

.mainContainer .childcontainer {
    width: 1250px;
    float: none;
    margin: 0 auto
}

select.fieldselect {
    position: absolute;
    z-index: 10;
    width: 214px !important;
    height: 34px !important;
    line-height: 34px;
    color: #999;
    font-size: 20px;
    text-align: center;
    font-family: helvetica_neueregular
}

span.fieldselect {
    position: absolute;
    width: 214px;
    height: 34px;
    line-height: 34px;
    background: url(../dashassets/images/public/select.fw.png) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #999;
    font-size: 20px;
    text-align: center;
    font-family: helvetica_neueregular
}

.mainContainer .formField a.downloadTemp {
    color: #6ccbd2;
    font-size: 17px;
    float: left
}

.radio {
    background: url(../dashassets/images/public/icons/radio.png) no-repeat
}

.radioLable {
    float: right;
    padding-left: 30px
}

.mainContainer .formField ul.wTabs {
    border-bottom: 2px solid #ccc;
    margin: 0;
    padding: 0;
    margin: 0;
    font-family: robotoregular;
    font-size: 14px;
    font-weight: normal !important;
    padding: 0 10px;
    text-align: center
}

    .mainContainer .formField ul.wTabs li {
        width: 165px;
        background: #999;
        color: #666;
        list-style-type: none;
        display: inline-block;
        text-align: center;
        margin-right: 7px
    }

        .mainContainer .formField ul.wTabs li a {
            color: #fff;
            text-decoration: none;
            display: block;
            line-height: 28px
        }

            .mainContainer .formField ul.wTabs li a:hover, ul.wTabs li a.selected {
                color: #fff;
                background: #00ace9
            }

.boxGrid {
    margin-right: 30px
}

div.trendingBox .opBack {
    background-color: #000;
    display: none;
    height: 100%;
    opacity: .4;
    position: absolute;
    width: 225px;
    z-index: 200;
    top: 0
}

.mainContainer .formField ul.tagit input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: 80px;
    background-color: inherit;
    outline: none;
    color: #999;
    background: none
}

#spanDetail {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 100%
}

.content_container {
    padding: 15px 0 50px;
    line-height: 24px;
    font-family: robotolight
}

    .content_container h1, .content_container h2 {
        padding: 15px 0 10px;
        font-family: robotoregular
    }

    .content_container p {
        padding-bottom: 20px
    }

    .content_container h1 {
        color: #00ace9;
        font-size: 24px
    }

    .content_container h2 {
        color: #333;
        font-size: 18px
    }

    .content_container hr {
        border: 0;
        border-bottom: 1px solid #efefef;
        margin: 15px 0
    }

    .content_container a {
        color: #09f;
        text-decoration: underline
    }

        .content_container a:hover {
            text-decoration: none
        }

    .content_container .img_col {
        width: 55%;
        float: right;
        margin: 0 0 5px 10px;
        display: block
    }

ul.point_list {
    padding-bottom: 15px
}

    ul.point_list li {
        background-image: url(../images/dot.gif);
        background-repeat: no-repeat;
        background-position: left 9px;
        background-size: 4px;
        padding: 0 0 8px 10px
    }

.content_container .img_col.middleware_secondpic {
    float: left;
    margin: 15px 10px 5px 0
}

ul.middleware_steps {
    margin: -5px 0 10px;
    overflow: auto
}

    ul.middleware_steps li {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        width: 33.33%;
        padding: 10px;
        font-size: 13px;
        line-height: 15px
    }

        ul.middleware_steps li strong {
            font-weight: normal;
            font-family: robotoblack;
            font-size: 14px;
            color: #eb5939
        }

        ul.middleware_steps li > div {
            border: 1px solid #efefef;
            border-radius: 10px;
            padding: 10px 5px 8px;
            font-size: 13px;
            line-height: 14px;
            height: 55px;
            display: table
        }

            ul.middleware_steps li > div > div {
                display: table-cell;
                vertical-align: middle
            }

.topNav > ul ul {
    display: none
}

.topNav > ul > li > a.submenu > span {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #ccc;
    top: 40%;
    right: 7px;
    position: absolute
}

.topNav > ul > li.active > a.submenu > span, .topNav > ul > li > a.submenu:hover > span, .topNav > ul > li.show > a.submenu > span {
    border-top: 6px solid #00ace9
}

.topNav > ul > li > a.submenu {
    padding: 2px 20px 2px 10px;
    position: relative
}

.chPermission table {
    width: 450px;
    border: 1px solid #666
}

    .chPermission table th {
        background: #444;
        color: #fff;
        font-size: 12px;
        font-family: robotobold;
        padding: 2px 8px
    }

    .chPermission table tr:nth-child(even) {
        background: #fff
    }

    .chPermission table tr:nth-child(odd) {
        background: #ededed
    }

    .chPermission table td {
        padding: 2px 8px;
        font-size: 12px;
        font-family: robotoregular;
        border-top: 1px solid #666
    }

        .chPermission table td:first-child + td a {
            color: #eb593c
        }

.new_whatisc2m_wrap img {
    float: none
}

.new_whatisc2m_wrap * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.new_whatisc2m_wrap strong {
    font-weight: normal
}

.grey_bg {
    background-color: #f2f2f2
}

.wrap1000 {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 10px
}

.c2mendbanner_wrap {
    height: 600px;
    background-repeat: no-repeat;
    background: url(/assets/images/watc2m-banner.jpg) no-repeat center;
    background-size: cover
}

.c2mendbanner_headings {
    height: 100%;
    margin: auto;
    max-width: 1000px;
    padding: 0 5px;
    position: relative
}

    .c2mendbanner_headings div {
        display: table;
        height: 100%;
        position: relative;
        width: 100%
    }

        .c2mendbanner_headings div heading {
            display: table-cell;
            vertical-align: middle
        }

    .c2mendbanner_headings h1 {
        color: #fff;
        font-family: robotothin;
        font-size: 70px;
        line-height: 75px
    }

        .c2mendbanner_headings h1 strong {
            display: block;
            font-weight: normal;
            font-family: robotoblack;
            font-size: 96px;
            line-height: 100px
        }

        .c2mendbanner_headings h1 span {
            font-family: robotomedium
        }

    .c2mendbanner_headings a {
        display: inline-block;
        margin: 30px auto 0;
        background: #eb593c none repeat scroll 0 0;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 16px;
        padding: 6px 0;
        width: 100%;
        max-width: 235px
    }

        .c2mendbanner_headings a strong {
            font-family: robotomedium
        }

.new_whatisc2m_wrap {
    text-align: center;
    color: #666;
    font-family: robotolight
}

.white_bg h1 {
    font-size: 48px;
    font-family: robotolight;
    line-height: 52px
}

.new_whatisc2m_wrap h3 {
    font-size: 36px;
    font-family: robotolight;
    line-height: 40px;
    color: #999
}

.new_whatisc2m_wrap h2 {
    font-size: 40px;
    font-family: robotoregular;
    line-height: 35px
}

.new_whatisc2m_wrap h4 {
    font-size: 42px;
    font-family: robotothin;
    line-height: 45px
}

    .new_whatisc2m_wrap h4 span {
        font-family: robotobold;
        color: #eb593a
    }

.new_whatisc2m_wrap p {
    font-size: 20px;
    font-family: robotolight;
    line-height: 25px
}

.new_whatisc2m_wrap .stripeBg1 {
    background: url(/assets/images/watc2m-banner.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 25px 0
}

.new_whatisc2m_wrap .quote {
    font-family: robotomedium_italic;
    font-size: 24px;
    line-height: 28px
}

.new_whatisc2m_wrap .orangeStrip {
    background: #eb593c none repeat scroll 0 0;
    color: #fff;
    padding: 25px 0;
    text-align: center
}

.c2mvalue_wrap, .brand_logos, .c2mconnect_wrap, .c2mworkflow_wrap, .c2manalyze_wrap, .wantknow_more {
    padding: 100px 10px
}

.c2mconnect_wrap, .c2mworkflow_wrap, .c2manalyze_wrap {
    text-align: left
}

    .c2mconnect_wrap .pic_col, .c2mconnect_wrap .textbrief, .c2mworkflow_wrap .pic_col, .c2mworkflow_wrap .textbrief, .c2manalyze_wrap .pic_col, .c2manalyze_wrap .textbrief {
        float: right;
        width: 50%
    }

    .c2mconnect_wrap .pic_col, .c2mworkflow_wrap .pic_col, .c2manalyze_wrap .textbrief {
        float: left
    }

    .c2mconnect_wrap .textbrief, .c2mworkflow_wrap .textbrief {
        padding-left: 20px
    }

    .c2manalyze_wrap .textbrief {
        padding-right: 20px
    }

        .c2mconnect_wrap .textbrief p, .c2mworkflow_wrap .textbrief p, .c2manalyze_wrap .textbrief p {
            padding: 20px 0
        }

.brand_logos .logos_wrap {
    padding-top: 35px;
    margin: 0 -10px 0
}

    .brand_logos .logos_wrap .logos {
        display: inline-block;
        width: 150px;
        height: 100px;
        background: url(/assets/images/home-logos.png) no-repeat left top;
        margin: 0 23px
    }

        .brand_logos .logos_wrap .logos.one {
            background-position: 10px 18px
        }

        .brand_logos .logos_wrap .logos.two {
            background-position: -215px 18px
        }

        .brand_logos .logos_wrap .logos.three {
            background-position: -445px 18px
        }

        .brand_logos .logos_wrap .logos.four {
            background-position: -663px 18px
        }

        .brand_logos .logos_wrap .logos.five {
            background-position: -883px 18px
        }

        .brand_logos .logos_wrap .logos.six {
            background-position: 10px -85px
        }

        .brand_logos .logos_wrap .logos.seven {
            background-position: -215px -85px
        }

        .brand_logos .logos_wrap .logos.eight {
            background-position: -445px -85px
        }

        .brand_logos .logos_wrap .logos.nine {
            background-position: -663px -85px
        }

        .brand_logos .logos_wrap .logos.ten {
            background-position: -883px -85px
        }

        .brand_logos .logos_wrap .logos.eleven {
            background-position: 10px -185px
        }

        .brand_logos .logos_wrap .logos.twelve {
            background-position: -215px -185px
        }

        .brand_logos .logos_wrap .logos.thirteen {
            background-position: -445px -185px
        }

        .brand_logos .logos_wrap .logos.fourteen {
            background-position: -663px -185px
        }

        .brand_logos .logos_wrap .logos.fifteen {
            background-position: -883px -185px
        }

        .brand_logos .logos_wrap .logos.sixteen {
            background-position: 10px -285px
        }

        .brand_logos .logos_wrap .logos.seventeen {
            background-position: -215px -285px
        }

        .brand_logos .logos_wrap .logos.eighteen {
            background-position: -445px -285px
        }

        .brand_logos .logos_wrap .logos.nineteen {
            background-position: -663px -285px
        }

        .brand_logos .logos_wrap .logos.twenty {
            background-position: -883px -285px
        }

.new_whatisc2m_wrap .c2mvalue_wrap p {
    font-size: 23px;
    line-height: 28px;
    padding: 25px 0
}

.wantknow_more p {
    padding: 25px 0;
    font-size: 18px
}

.wantknow_more .form_wrap {
    display: table;
    width: 100%;
    padding: 15px 0 50px
}

    .wantknow_more .form_wrap > div {
        display: table-cell;
        width: 33.33%;
        padding: 0 5px
    }

        .wantknow_more .form_wrap > div:last-child {
            min-width: 100px;
            width: 100px
        }

    .wantknow_more .form_wrap input[type="text"], .wantknow_more .form_wrap input[type="submit"] {
        font-size: 16px;
        line-height: 16px;
        height: 30px;
        padding: 3px 5px;
        width: 100%
    }

    .wantknow_more .form_wrap input[type="text"] {
        border: 1px solid #ccc;
        color: #999;
        font-family: robotoregular
    }

    .wantknow_more .form_wrap input[type="submit"] {
        margin: auto;
        background: #00ace9 none repeat scroll 0 0;
        border: 1px solid #00ace9;
        color: #fff;
        cursor: pointer;
        font-family: robotomedium;
        text-align: center;
        max-width: 200px
    }

.three_feature_col {
    display: table;
    margin-top: 70px;
    width: 100%
}

    .three_feature_col > div {
        display: table-cell;
        width: 32%;
        padding: 10px 3%;
        font-size: 12px;
        line-height: 15px;
        font-family: robotoregular
    }

        .three_feature_col > div:nth-child(2) {
            width: 36%;
            border-right: 1px solid #efefef;
            border-left: 1px solid #efefef
        }

.c2manalyze_wrap .three_feature_col > div:nth-child(2) {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.three_feature_col > div:first-child {
    padding-left: 0
}

.three_feature_col > div:last-child {
    padding-right: 0
}

.three_feature_col > div strong {
    font-size: 14px;
    font-family: robotomedium;
    display: block;
    padding-bottom: 3px
}

.c2mconnect_wrap .three_feature_col > div strong {
    color: #5ab0e1
}

.c2manalyze_wrap .three_feature_col > div strong {
    color: #83c33f
}

.c2mworkflow_wrap .three_feature_col > div strong {
    color: #e9ac1f
}

.three_feature_col .icon_wrap {
    margin: -5px 10px 0 0;
    width: 57px;
    height: 57px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background: url(/assets/images/home-features-icon.png) no-repeat left top
}

.c2mconnect_wrap .three_feature_col .icon_wrap.one {
    background-position: -5px -6px
}

.c2mconnect_wrap .three_feature_col .icon_wrap.two {
    background-position: -95px -6px
}

.c2mconnect_wrap .three_feature_col .icon_wrap.three {
    background-position: -182px -6px
}

.c2manalyze_wrap .three_feature_col .icon_wrap.one {
    background-position: -5px -117px
}

.c2manalyze_wrap .three_feature_col .icon_wrap.two {
    background-position: -95px -117px
}

.c2manalyze_wrap .three_feature_col .icon_wrap.three {
    background-position: -182px -117px
}

.c2mworkflow_wrap .three_feature_col .icon_wrap.one {
    background-position: -5px -224px
}

.c2mworkflow_wrap .three_feature_col .icon_wrap.two {
    background-position: -95px -224px
}

.c2mworkflow_wrap .three_feature_col .icon_wrap.three {
    background-position: -182px -224px
}

@media(max-width:990px) {
    .simpletext {
        overflow: auto
    }

    .socialNet {
        float: right;
        padding: 20px 10px 20px 0
    }

    .whatisc2m .inputRow input[type="text"] {
        width: 90%;
        margin-bottom: 10px
    }

    .directorysignup .formCol1, .formCol2 {
        float: none
    }

    .directorysignup .dFormWrap {
        margin: 0
    }

    .directorysignup .formCol1 {
        margin: 0 auto 40px auto;
        padding: 0
    }

    .directorysignup .formCol2 {
        width: 100%;
        padding: 0 5px 0 0;
        border: none
    }

        .directorysignup .formCol2 p {
            text-align: center
        }

    .directorysignup .formElements li input[type="text"] {
        width: 384px
    }

    .showcase .topHeader1 h1 {
        text-align: center;
        font-size: 36px
    }

        .showcase .topHeader1 h1 a {
            float: none;
            margin-top: 20px;
            display: inline-block
        }

    .showcase .imgDetail img {
        text-align: center;
        margin: 0 0 20px 0
    }

    .showcase .imgDetail p {
        float: none;
        max-width: 100%;
        margin: 0;
        padding: 0 5px
    }

    .showcase .imgDetail {
        text-align: center
    }

    .addCompany .firstRow .otherControl {
        width: 550px;
        display: inline-block;
        position: relative
    }

    .addCompany .secondRow > div:first-child {
        width: 340px;
        float: left
    }

        .addCompany .secondRow > div:first-child + div {
            width: 340px;
            float: left;
            margin-left: 42px
        }

    .addCompPop .firstRow .otherControl {
        width: 550px;
        display: inline-block;
        position: relative
    }

    .addCompPop .secondRow > div:first-child {
        width: 340px;
        float: left
    }

        .addCompPop .secondRow > div:first-child + div {
            width: 340px;
            float: left;
            margin-left: 42px
        }

    .add_ChDataN .channelL:nth-child(even) {
        width: 200px;
        float: left;
        margin-left: 20px
    }

    .add_ChDataN .channelLBox:nth-child(even) {
        width: 410px;
        float: left;
        margin-left: 30px
    }

    .add_ChDataN .channelLBox:nth-child(odd) {
        width: 410px;
        float: left
    }

    .add_ChDataN div.nativeApiDiv > div:first-child {
        width: 350px;
        position: relative;
        height: 60px
    }

        .add_ChDataN div.nativeApiDiv > div:first-child + div {
            width: 350px;
            margin-left: 20px
        }

            .add_ChDataN div.nativeApiDiv > div:first-child + div + div {
                margin-top: 20px
            }

    .add_ChDataN .uploadControl {
        margin-right: 25%
    }

    .specEditDiv {
        width: 100% !important;
        float: none !important;
        overflow: auto;
        margin-left: 0
    }

        .specEditDiv > .specEdit {
            padding: 0 !important
        }

    .companyinfo .specs_edit_wrap .rightcol, .companyinfo .specs_edit_wrap .leftcol {
        width: 100%;
        float: none
    }

    .resourceTabSection {
        max-width: 100%;
        background: none
    }

        .resourceTabSection > .Left {
            float: none;
            max-width: 100%;
            padding-right: 20px
        }

        .resourceTabSection > .Right {
            float: none;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            box-sizing: border-box
        }

        .resourceTabSection > .Left .top .mdocs, .resourceTabSection > .Left .top .tdocs, .resourceTabSection > .Left .bottom .bdocs, .resourceTabSection > .Left .bottom .fdocs {
            float: left;
            width: 48%;
            padding-left: 20px;
            box-sizing: border-box
        }

        .resourceTabSection > .Left .top {
            padding-bottom: 0
        }

        .resourceTabSection > .Left .bottom {
            padding-top: 20px
        }

    .specEdit {
        margin-left: 0 !important
    }

    .companyinfo .spectable ul#txtChTags {
        width: 78%
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks a span {
        width: 60px
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 2%
    }

    .simpletext table {
        width: 100%
    }

    .contactus .contactContent h1 {
        text-align: center
    }
}

@media(max-width:980px) {
    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 928px
    }

    .mysearch > select {
        width: 20%
    }

    .mysearch > input {
        width: 50%
    }

    .whatisBgHeadings h1 {
        font-size: 45px;
        line-height: 60px
    }

        .whatisBgHeadings h1 span {
            font-size: 60px
        }

    .topNav {
        margin: 10px 0 0;
        width: 100%;
        clear: both;
        box-sizing: border-box;
        border-bottom: 1px solid #ccc
    }

        .topNav > ul > li {
            margin-bottom: -1px
        }

    .cLanding ul.cDetailInfo {
        width: 100%;
        float: none
    }

        .cLanding ul.cDetailInfo:first-child {
            width: 100%
        }

    .cLanding > div.FirstDiv {
        width: 71%
    }

    .cLanding > div.SecondDiv {
        width: 29%
    }

    .contactus .contactContent ul {
        max-width: 380px;
        margin: auto
    }

    .contactus .contactContent li {
        border-left: none;
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding-bottom: 30px
    }

    .contactus .contactContent h2 {
        position: relative
    }

        .contactus .contactContent h2:before {
            display: block;
            content: '';
            width: 60px;
            border-bottom: 1px solid #dfdfdf;
            margin: auto -30px;
            position: absolute;
            bottom: 14px;
            left: 50%
        }
}

@media(max-width:880px) {
    .topNav {
        clear: both;
        margin-left: 0;
        width: 100%
    }

    .whatisc2m .grey {
        padding: 20px 0;
        text-align: center
    }

        .whatisc2m .grey ul li {
            width: 100% !important;
            padding-left: 0;
            padding-right: 0;
            border: none;
            margin-bottom: 60px
        }

            .whatisc2m .grey ul li:last-child {
                border: 0;
                padding-bottom: 0
            }

        .whatisc2m .grey li h1 {
            margin: 10px 0 10px 0
        }

        .whatisc2m .grey ul {
            margin: 60px auto 0
        }

            .whatisc2m .grey ul li a {
                margin-bottom: 30px
            }

            .whatisc2m .grey ul li p {
                font-size: 18px;
                line-height: 24px
            }

    .whatisc2m .whiteSection {
        padding-bottom: 0
    }

    .whatisc2m .bigIcons2 h1 {
        margin-bottom: 20px
    }

    .whatisc2m .bigIcons2 li {
        margin-right: 0;
        margin-bottom: 50px;
        display: inline-block
    }

    .whatisc2m .bigIcons2 ul {
        max-width: 420px;
        text-align: left;
        margin: 0 auto;
        padding: 0 10px
    }

    .loginSection {
        width: 90%
    }

    .add_ChDataN .channelLBox:nth-child(even) {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .add_ChDataN .channelLBox:nth-child(odd) {
        width: 100%;
        float: none
    }

    .newspage {
        width: 100%
    }

    .tSearchPanel .searchFilters {
        width: 100%
    }

    .mythingspg .tSearchPanel .searchFilters {
        width: 347px
    }

    .cLanding > div {
        width: 100%;
        float: none;
        box-sizing: border-box
    }

    .midSection {
        padding-bottom: 30px
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks {
        float: none;
        display: inline-block
    }

        .analytParameterWrap .analytParameterc .APTop .APLinks a span {
            width: 80px
        }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 1%
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 830px
    }
}

@media(max-width:880px) and (min-width:769px),(max-width:600px) {
    .hack_articles .fivecol div {
        width: 33.33%
    }
}

@media(max-width:825px) {
    .rFootMenu {
        margin: 0 auto;
        max-width: 480px;
        text-align: center;
        float: none
    }

    .lFootMenuWrap {
        margin: 0 auto;
        max-width: 480px;
        text-align: center;
        float: none
    }

    .lFootMenu li {
        float: none;
        display: inline-block;
        text-align: center
    }

    .whatisc2m .inputRow input[type="button"] {
        margin-bottom: 0
    }

    .add_ChDataN .uploadControl {
        margin-right: 15%
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 776px
    }

    .c2mendbanner_wrap {
        height: 550px
    }

    .c2mendbanner_headings h1 {
        font-size: 60px;
        line-height: 65px
    }

        .c2mendbanner_headings h1 strong {
            font-size: 80px;
            line-height: 85px
        }

    .c2mvalue_wrap, .brand_logos, .c2mconnect_wrap, .c2mworkflow_wrap, .c2manalyze_wrap, .wantknow_more {
        padding: 60px 10px 60px
    }

        .c2mconnect_wrap .pic_col, .c2mconnect_wrap .textbrief, .c2mworkflow_wrap .pic_col, .c2mworkflow_wrap .textbrief, .c2manalyze_wrap .pic_col, .c2manalyze_wrap .textbrief {
            text-align: center;
            float: none;
            width: 100%;
            padding: 0
        }

        .wantknow_more .form_wrap {
            display: block
        }

            .wantknow_more .form_wrap > div {
                display: block;
                width: 100%;
                padding: 5px 5px
            }

                .wantknow_more .form_wrap > div:last-child {
                    width: 100%;
                    padding-top: 10px
                }

    .three_feature_col {
        text-align: center
    }

        .three_feature_col .icon_wrap {
            float: none
        }
}

@media(max-width:777px) {
    .whatisc2m .bigIcons {
        text-align: center;
        padding: 50px 0 0 0
    }

        .whatisc2m .bigIcons ul {
            text-align: left;
            max-width: 360px;
            margin: 0 auto
        }

        .whatisc2m .bigIcons li {
            display: inline-block;
            float: none;
            margin: 0 0 45px
        }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 728px
    }
}

@media(min-width:769px) {
    .blog_wrap .right_wrap .left_blocks h3 span {
        display: none
    }

    .blog_wrap .right_wrap .feeds .left_blocks:first-child h2 {
        margin-top: 0
    }

    .search_filters_wrap div {
        padding: 0
    }

    .topNav ul, .topNav ul li {
        border: 0
    }

    .topNav > ul > li {
        border: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        border-radius: 4px 4px 0 0;
        position: relative;
        background-color: #fff
    }

        .topNav > ul > li:hover, .topNav > ul > li.show {
            border: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background-color: #efefef
        }

        .topNav > ul > li.active {
            border: 1px solid #ccc;
            border-bottom: 1px solid #fff
        }

            .topNav > ul > li.active > a, .topNav > ul > li.show > a, .topNav > ul > li:hover > a {
                color: #00ace9
            }

    .topNav > ul ul {
        position: absolute;
        margin-top: 1px;
        width: 100%;
        z-index: 99;
        -webkit-box-shadow: 0 3px 4px 0 rgba(153,153,153,1);
        -moz-box-shadow: 0 3px 4px 0 rgba(153,153,153,1);
        box-shadow: 0 3px 4px 0 rgba(153,153,153,1);
        background-color: #fff
    }

        .topNav > ul ul li {
            display: block;
            float: none;
            font-size: 14px
        }

            .topNav > ul ul li a {
                padding: 0 10px
            }

            .topNav > ul ul li:first-child {
                padding-top: 5px
            }

            .topNav > ul ul li:last-child {
                padding-bottom: 5px
            }
}

@media(max-width:768px) {
    .analytParameterWrap .analytParameterc .APLeftPanel {
        background: #fff;
        height: 270px;
        width: 100%;
        border-bottom: 10px solid #333;
        border-right: none;
        float: none;
        overflow: auto;
        overflow-x: hidden
    }

    .analytParameterWrap .analytParameterc .APLeftPanelinner {
        width: 100%
    }

    .analytParameterWrap .analytParameterc .APRightPanel {
        padding-left: 0
    }

        .analytParameterWrap .analytParameterc .APRightPanel a.dropD {
            display: none
        }

    .analytParameterWrap .analytParameterc .APLeftPanel a.dropL {
        display: none
    }

    .analytParameterWrap .analytParameterc .APResult {
        padding: 0
    }

        .analytParameterWrap .analytParameterc .APResult .request {
            float: none;
            width: 100%
        }

            .analytParameterWrap .analytParameterc .APResult .request > h2, .analytParameterWrap .analytParameterc .APResult .response > h2 {
                padding-left: 10px;
                padding-top: 10px
            }

        .analytParameterWrap .analytParameterc .APResult .response {
            float: none;
            width: 100%;
            border: 0;
            border-top: 2px solid #cbcbcb;
            padding: 0
        }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 2%
    }

    .whatisc2m .whatisBg {
        background: url("../banners/getConnected.jpg") no-repeat scroll center 100% rgba(0,0,0,0) !important;
        height: 335px
    }

    .HeaderContent {
        margin: 15px auto 0 auto
    }

    .logo {
        margin-bottom: 10px
    }

    .socialNet {
        margin-bottom: 10px
    }

    .topNav {
        width: 100%;
        float: none;
        margin: 0 0 0 0;
        display: none
    }

        .topNav li {
            border: none;
            border-bottom: 1px solid #ccc;
            background: #f2f2f2
        }

            .topNav li.first {
                border-bottom: 1px solid #ccc
            }

            .topNav li a {
                padding: 5px 0 5px 10px;
                color: #999
            }

    .nav-toggle {
        clear: both;
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 18px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #f2f2f2 url(../images/menuicon.png) no-repeat right;
        box-sizing: border-box
    }

    .nav-collapse li {
        width: 100%;
        display: block
    }

    .whatisc2m .contenNimg {
        text-align: center
    }

    .whatisc2m .picture1 {
        float: none !important;
        margin: 30px 0 30px 0;
        max-width: 370px;
        text-align: center;
        width: 100%
    }

    .whatisc2m .contenNimg .textContent1 {
        max-width: none !important;
        margin-right: 0
    }

        .whatisc2m .contenNimg .textContent1 h3 {
            margin: 0 0 10px 0 !important
        }

    .whatisc2m .inputRow input[type="button"] {
        margin-bottom: 0
    }

    .sitemap .sitemapListing {
        margin: 0 auto;
        text-align: center
    }

        .sitemap .sitemapListing ul {
            text-align: center
        }

        .sitemap .sitemapListing li {
            display: block;
            width: 100%
        }

    .sitemap .site_channel > a, .sitemap .site_company > a {
        font-family: robotoregular;
        font-size: 14px;
        width: 100%;
        display: inline-block;
        box-sizing: border-box
    }

    .directorysignup .dSignupBg h1 {
        font-size: 52px;
        line-height: 70px;
        padding: 9.3% 0
    }

    .directorysignup .formCol2 p {
        text-align: center
    }

    .dThanksBottom .dTemplate {
        float: none
    }

    .dsContact > div {
        width: 100%
    }

    .dThanksBottom a.download {
        padding: 10px 15px;
        text-align: center;
        width: 150px
    }

    .loginBg, .loginBg_login {
        background-size: 200%
    }

    .showcase .imgDetail {
        position: static;
        background: #ccc url("../images/grey-transparent-bg.png") repeat scroll 0 0
    }

        .showcase .imgDetail img {
            max-height: 80px
        }

    .showcase .logoAdj1 {
        padding: 0;
        max-height: 45px !important
    }

    .showcase .logoAdj2 {
        padding: 0;
        max-height: 50px !important
    }

    .showcase .logoAdj3 {
        padding: 0;
        max-height: 80px
    }

    .showcase .showcaseList {
        padding-bottom: 40px
    }

        .showcase .showcaseList li {
            display: block;
            margin-right: 0;
            margin-bottom: 30px
        }

    .addCompany .firstRow .otherControl {
        width: 100%;
        position: relative
    }

    .addCompany .secondRow > div:first-child {
        width: 100%;
        float: none
    }

        .addCompany .secondRow > div:first-child + div {
            width: 100%;
            margin-left: 0;
            float: none;
            margin-top: 10px;
            padding: 0
        }

    .addCompPop .firstRow .otherControl {
        width: 100%;
        position: relative
    }

    .addCompPop .secondRow > div:first-child {
        width: 100%;
        float: none
    }

        .addCompPop .secondRow > div:first-child + div {
            width: 100%;
            margin-left: 0;
            float: none;
            margin-top: 10px;
            padding: 0
        }

    .add_ChDataN div.nativeApiDiv > div:first-child {
        width: 220px;
        position: relative;
        height: 60px
    }

        .add_ChDataN div.nativeApiDiv > div:first-child + div {
            width: 220px;
            margin-left: 20px
        }

    .back {
        margin-top: 40px;
        margin-left: -5px
    }

    .add_ChDataN .uploadControl {
        margin-right: 10%
    }

    .channelInfo {
        padding-bottom: 0;
        margin-bottom: -5px
    }

    .channelTabsInfo .dataLinks {
        display: none
    }

        .channelTabsInfo .dataLinks span {
            width: 100% !important;
            display: inline-block;
            border-top: solid 1px #ccc;
            border-right: solid 1px #ccc;
            border-left: solid 1px #ccc;
            border-bottom: none !important;
            text-align: left;
            box-sizing: border-box
        }

            .channelTabsInfo .dataLinks span:last-child {
                border-right: solid 1px #ccc;
                border-bottom: solid 1px #ccc !important;
                text-align: left
            }

    .channelListing .tab-toggle {
        display: block
    }

    .resourceTabSection > .Left .bottom {
        padding-top: 0;
        border-top: none
    }

        .resourceTabSection > .Left .top .mdocs, .resourceTabSection > .Left .top .tdocs, .resourceTabSection > .Left .bottom .bdocs, .resourceTabSection > .Left .bottom .fdocs {
            float: none;
            width: 100%;
            padding-left: 20px;
            box-sizing: border-box;
            padding-bottom: 10px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px
        }

    .apipopup .APResult .request, .apipopup .APResult .response, .apipopup .vName, .apipopup .vValue {
        display: block;
        width: 100%;
        padding-bottom: 10px
    }

    .apipopup .APResult {
        margin-top: 8px
    }

        .apipopup .APResult .request {
            float: none
        }

        .apipopup .APResult .response {
            float: none;
            border: 0;
            border-top: 2px solid #cbcbcb;
            padding: 10px 15px
        }

    .apipopup .APLinks {
        display: block;
        margin-top: 10px;
        text-align: right
    }

    .apipopup .APResult .arrwabsl {
        display: none;
        position: absolute;
        left: 48%;
        top: 0
    }

    .backListview {
        margin-top: 20px
    }

    .cLanding {
        margin-top: 20px
    }

    .divManageUserPopUp .muHolder li.col1, .divManageUserPopUp .muHolder li.col2 {
        width: 100% !important
    }

    .channelTabsInfo .dataLinksSection {
        display: none
    }

        .channelTabsInfo .dataLinksSection > span {
            display: block;
            width: 100% !important;
            display: inline-block;
            border-top: solid 1px #ccc;
            border-right: none;
            border-left: none;
            border-bottom: none;
            text-align: left;
            box-sizing: border-box
        }

            .channelTabsInfo .dataLinksSection > span.bdBottom {
                border-bottom: solid 1px #ccc
            }

    .dataLinksSection {
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc
    }

    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls {
        float: none;
        width: 98%
    }

        .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList {
            width: 100%
        }

            .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList > li > a.collapsed {
                width: 100%;
                background-position: 94% 0
            }

            .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList .aMethods a:first-child {
                width: 90%
            }

    .companyWrapper .companyInfo, .chWrapper .chInfo {
        padding-bottom: 20px
    }

    .search_filters_wrap {
        background-color: #f2f2f2;
        border: 1px solid #ccc
    }

        .search_filters_wrap div {
            padding-top: 0;
            display: none
        }

        .search_filters_wrap a {
            display: block;
            padding: 8px 10px
        }

            .search_filters_wrap a span {
                width: 25px;
                height: 12px;
                float: right;
                margin-top: 2px;
                border: 2px solid #999;
                border-left: 0;
                border-right: 0
            }

                .search_filters_wrap a span em {
                    display: block;
                    border: 1px solid #999;
                    margin: 5px 0
                }

            .search_filters_wrap a:hover span {
                border: 2px solid #333;
                border-left: 0;
                border-right: 0
            }

                .search_filters_wrap a:hover span em {
                    border: 1px solid #333
                }

        .search_filters_wrap label {
            margin: 0 10px;
            float: none
        }

            .search_filters_wrap label input {
                margin: -3px 0 0 0
            }

    .mythingspg .tSearchPanel .searchFilters {
        width: 100%
    }

    .accMain {
        max-width: 645px
    }

    .mainFooter {
        position: static
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel {
        display: block;
        width: 100%
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel {
        top: 0;
        min-width: 1px;
        width: 195px;
        position: absolute;
        height: 394px;
        background-color: #fff;
        z-index: 1;
        display: block
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .toggleLeftView {
        top: 0;
        background: url('../images/bgDot-white.png') no-repeat scroll center center #999;
        min-width: 10px;
        width: 10px;
        cursor: pointer;
        height: 394px;
        position: absolute;
        left: 196px;
        z-index: 1
    }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .toggleLeftView.toggleViewHide {
            left: 0
        }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer {
        display: block;
        border: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

        .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
            width: 730px
        }

    .blog_wrap .left_wrap, .blog_wrap .right_wrap {
        display: block;
        width: 100%
    }

    .blog_wrap .right_wrap {
        padding: 30px 0 0;
        margin-top: 30px;
        border-top: 2px solid #666
    }

        .blog_wrap .right_wrap ul {
            display: none;
            margin: 5px -10px 0
        }

            .blog_wrap .right_wrap ul li a {
                padding: 8px 15px
            }

    .left_blocks {
        background-color: #fff;
        border: 1px solid #dfdfdf;
        padding: 15px 10px 0;
        margin-top: 20px
    }

    .blog_wrap .right_wrap .left_blocks h3 {
        margin: -15px -10px 0;
        padding: 7px 10px;
        position: relative;
        background: url("../images/pluslink.png") no-repeat scroll 98% 50% #ccc
    }

        .blog_wrap .right_wrap .left_blocks h3.less {
            background: url("../images/minuslink.png") no-repeat scroll 98% 50% #ccc
        }

        .blog_wrap .right_wrap .left_blocks h3 span {
            display: block;
            position: absolute;
            margin: -7px -10px 0;
            height: 40px;
            width: 100%;
            cursor: pointer
        }

    .blog_wrap.hack_wrap .right_wrap {
        width: 100%;
        padding: 0 0 0 0;
        float: none
    }

    .blog_wrap.hack_wrap .left_wrap {
        width: 100%;
        float: none;
        overflow: hidden
    }

    .blog_wrap .right_wrap .feeds .left_blocks h2 {
        margin: -15px -10px 0;
        padding: 9px 10px;
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .blog_wrap .right_wrap .feeds ul {
        display: block
    }

        .blog_wrap .right_wrap .feeds ul li {
            padding: 10px 15px
        }

    .content_wrap_reg ul li {
        width: 50%
    }

        .content_wrap_reg ul li:last-child {
            width: 50%
        }

    .ban_content heading {
        font-size: 40px;
        line-height: 40px
    }

    .ban_content a {
        display: inline-block;
        padding: 6px 20px;
        color: #fff;
        background-color: #c04930;
        font-size: 18px
    }

    .ban_content p {
        font-size: 24px;
        line-height: 28px;
        padding: 25px 0
    }

    .registerBg {
        background: url(../images/banner_reg.jpg) top no-repeat;
        background-size: 200%
    }

    .moretooltipDWM table.tblDWM {
        width: 100%
    }

    .whatisBgHeadings h1 {
        font-size: 35px;
        line-height: 45px
    }

        .whatisBgHeadings h1 span {
            font-size: 45px
        }

    .midSection.home_blog_box ul li {
        width: 100%
    }

    .content_container .img_col, .content_container .img_col.middleware_secondpic {
        margin: 10px auto 15px;
        float: none;
        width: 95%
    }

        .content_container .img_col.middleware_secondpic {
            margin-top: 0
        }

    ul.middleware_steps li {
        width: 100%
    }

        ul.middleware_steps li > div {
            display: block
        }

    .topNav > ul ul {
        border-top: 1px solid #ccc
    }

        .topNav > ul ul li {
            background-color: #fff
        }

            .topNav > ul ul li:last-child {
                border: 0
            }

            .topNav > ul ul li a {
                padding: 4px 20px;
                font-size: 16px
            }

    .topNav > ul > li {
        margin-bottom: 0
    }

    .topNav.expand {
        display: block
    }
}

@media(max-width:690px) {
    .headerTopStrip > ul:first-child input[type='text'] {
        background: #fff;
        color: #999;
        border: 1px solid #fff;
        width: 110px;
        height: 17px
    }

    .headerTopStrip > ul:first-child input[type='button'] {
        background: #00ace9 !important;
        color: #fff;
        width: 75px;
        line-height: 18px;
        height: 20px;
        cursor: pointer;
        border: none
    }

    .add_ChDataN .channelL:nth-child(even) {
        float: none;
        margin-left: 0
    }

    .add_ChDataN .channelL:nth-child(odd) {
        float: none;
        margin-left: 0
    }

    .add_ChDataN .uploadControl {
        margin-right: 0%
    }

    .apipopup .APLinks a {
        margin: 0 0 0 1px;
        padding: 4px 6px;
        font-size: 11px
    }

    .apipopup .aptopBox {
        float: none;
        width: 100%;
        margin-bottom: 8px
    }

    .apipopup .apTop .APfn {
        width: 100% !important
    }

    .apipopup .apTop .APfd {
        width: 100% !important
    }

    .apipopup .apTop {
        background-color: #cbcbcb;
        padding: 10px 15px 0
    }

    .apipopup .APLinks {
        text-align: center;
        margin-bottom: 0;
        margin-top: 10px;
        display: inline-block;
        vertical-align: top
    }

    .apipopup .APType, .apipopup .APUrl {
        display: block;
        margin-right: 0
    }

    .apipopup .APType {
        margin-bottom: 10px
    }

    .channelInfo p {
        margin-left: 0
    }

    .responsive-ad {
        width: 468px;
        height: 60px
    }

    span.timeRightAnchor {
        display: block;
        width: 100%;
        border-top: 1px solid #ccc
    }

    .spdwmfilter .moretooltipDWM {
        left: 0
    }

    .moretooltipDWM .tooltip_arrow {
        float: left
    }

    .tooltip_arrow.tooltipdays {
        margin-left: 66px
    }

    .tooltip_arrow.tooltipweek {
        margin-left: 109px
    }

    div.datepicker {
        width: 160px !important;
        overflow: auto;
        padding: 0 0 10px
    }

    .tooltip_arrow.tooltipmonths {
        margin-left: 150px
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel, .channelTabsInfo .dataLinksSection .mainWidgetContainer .toggleLeftView {
        top: 35px
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 650px
    }
}

@media(max-width:620px) {
    a.btnNextNew {
        width: 150px;
        font-size: 20px
    }

    a.btnCancelNew {
        width: 150px;
        font-size: 20px
    }

    .headerTopStrip {
        height: auto
    }

        .headerTopStrip > ul:first-child {
            float: none;
            text-align: right;
            margin: 0;
            margin-right: 5px
        }

            .headerTopStrip > ul:first-child input[type='text'] {
                background: #fff;
                color: #999;
                border: 1px solid #fff;
                width: 150px;
                height: 17px
            }

            .headerTopStrip > ul:first-child input[type='button'] {
                background: #00ace9 !important;
                color: #fff;
                width: 100px;
                line-height: 18px;
                height: 20px;
                cursor: pointer;
                border: none
            }

    .longTextfieldName {
        padding: 5px 10px;
        display: block;
        border: solid 1px #ccc;
        width: 95%;
        color: #ccc;
        font-family: robotolight,Arial,Helvetica,sans-serif;
        font-size: 24px;
        margin-bottom: 20px
    }

    .signupnamemargin {
        margin-left: 0
    }

    .add_ChDataN .otherControlL {
        width: 370px
    }

    .channelListing h3.ma {
        clear: both
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 0%
    }

    .specEdit tr td:first-child {
        width: 150px
    }

    .companyinfo .spectable select, .companyinfo .spectable input[type="text"] {
        width: 98%
    }

    .companyinfo .spectable ul#txtChTags {
        width: 95%
    }

    .contactHeader .midSection {
        padding-bottom: 0
    }

        .contactHeader .midSection > h1 {
            font-size: 40px;
            padding: 8px 0
        }

    .accMain {
        max-width: 320px
    }

    .dfContainer .feedapi > ul > li:first-child, .analyticGrid.feedapi > ul > li:first-child {
        width: 100%
    }

        .dfContainer .feedapi > ul > li:first-child + li, .analyticGrid.feedapi > ul > li:first-child + li {
            width: 100%
        }

            .dfContainer .feedapi > ul > li:first-child + li + li, .analyticGrid.feedapi > ul > li:first-child + li + li {
                width: 100%
            }

    .dfContainer .feedapi[data-id='myapi'] > ul > li:first-child + li + li {
        width: 100%
    }

        .dfContainer .feedapi[data-id='myapi'] > ul > li:first-child + li + li + li {
            width: 100%
        }

    .dfContainer .feedapi > ul:first-child > li:first-child + li, .analyticGrid.feedapi > ul:first-child + ul > li:first-child + li, .analyticGrid.feedapi > ul:first-child > li:first-child {
        display: none
    }

        .dfContainer .feedapi > ul:first-child > li:first-child + li + li, .analyticGrid.feedapi > ul:first-child + ul > li:first-child + li + li, .analyticGrid.feedapi > ul:first-child > li:first-child + li {
            display: none
        }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 578px
    }

    .content_wrap_reg ul li {
        width: 100%
    }

        .content_wrap_reg ul li:last-child {
            width: 100%
        }

    .analyticGrid.feedapi > ul > li:first-child + li + li + li {
        width: 100%
    }

    .analyticGrid.feedapi > ul:first-child + ul {
        display: none
    }

    .mysearch > select {
        width: 100%
    }

    .mysearch > input {
        width: 100%
    }

    .mysearch > a {
        width: 47%
    }

    .welcome_pop {
        margin: 0 15px 40px
    }

    .cLanding > div:first-child + div {
        border-top: 1px solid #ccc
    }

    .cLanding > div.FirstDiv {
        width: 100%;
        float: none;
        border-right: none
    }

    .cLanding > div.SecondDiv {
        width: 100%;
        float: none
    }
}

@media(max-width:530px) {
    .whatisc2m .whatisBg {
        background: url("../banners/getConnected.jpg") no-repeat scroll 35% top rgba(0,0,0,0) !important;
        height: 335px
    }

    .add_ChDataN .uploadControl {
        width: 99%;
        float: none !important
    }

    .add_ChDataN .otherControlL, .add_ChDataN .otherControl {
        width: 99%;
        float: none !important;
        max-width: none
    }

    .add_ChDataN .btncontainer a {
        width: 100px;
        padding: 5px
    }

    .add_ChDataN .channelL:nth-child(even) {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .add_ChDataN .channelL:nth-child(odd) {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .add_ChDataN a.btnNext, .reportControl a.btnNext, a.btnNext {
        background: #00ace9;
        padding: 10px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    div.ajaxCLoader {
        background: #00ace9;
        padding: 10px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        display: inline-block
    }

    .add_ChDataN a.btnCancel, .reportControl a.btnCancel, a.btnCancel {
        background: #ccc;
        padding: 10px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    .add_ChDataN div.nativeApiDiv > div {
        width: 99% !important;
        float: none;
        margin-left: 0 !important
    }

    .loginForm .formArea .longTextfield, .loginForm .formArea .longTextfieldName {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vName {
        width: 43%
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vValue {
        width: 43%
    }

    .analytParameterWrap .analytParameterc .APUrl > input[type='text'] {
        width: 220px
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks a {
        padding: 4px 10px;
        margin: 0 0 0 5px;
        font-size: 12px
    }

        .analytParameterWrap .analytParameterc .APTop .APLinks a span {
            width: 70px;
            display: inline-block
        }

    .analytParameterWrap .analytParameterc .APLeftPanel .ApiCalls ul.apCallsList .aMethods a:first-child {
        width: 80%
    }

    .popdata .CITable input[type='text'], .popdata .CITable textarea {
        width: 100%;
        box-sizing: border-box
    }

    .simpletext iframe {
        width: 100%
    }

    .simpletext img {
        width: 100%
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 487px
    }
}

@media(max-width:550px) {
    .whatisBgHeadings h1 {
        font-size: 30px;
        line-height: 35px
    }

        .whatisBgHeadings h1 span {
            font-size: 25px
        }

    .whatisc2m .whatisBg {
        height: 280px
    }
}

@media(max-width:490px) {
    .boxGrid {
        left: 50% !important;
        margin-left: -112px !important
    }
}

@media(max-width:480px) {
    a.btnNextNew {
        width: 100px;
        font-size: 16px
    }

    a.btnCancelNew {
        width: 100px;
        font-size: 16px
    }

    .headerTopStrip > ul:first-child input[type='text'] {
        background: #fff;
        color: #999;
        border: 1px solid #fff;
        width: 100px;
        height: 17px
    }

    .headerTopStrip > ul:first-child input[type='button'] {
        background: #00ace9 !important;
        color: #fff;
        width: 70px;
        line-height: 18px;
        height: 20px;
        cursor: pointer;
        border: none
    }

    .formElements li input[type="text"] {
        width: 250px !important
    }

    .whatisc2m .featureIcons img {
        width: 60%
    }

    .whatisc2m .featureIcons li:first-child + li + li img {
        width: 44%
    }

    .whatisc2m .featureIcons li:first-child + li + li + li + li img {
        width: 49%
    }

    .whatisc2m .bigIcons li img {
        margin-bottom: 0
    }

    .whatisc2m .bigIcons li span {
        margin-top: 35px
    }

    .cLanding .cDetailInfo li.keyrow > a {
        padding-left: 0
    }

    .directorysignup .formCol1 {
        width: 300px
    }

    .directorysignup .formElements li textarea {
        width: 250px
    }

    .directorysignup .formElements li .btn1 {
        width: 140px
    }

    .directorysignup .formElements li .btn2 {
        margin-left: 4px
    }

    .directorysignup .dSignupBg h1 {
        font-size: 42px;
        line-height: 50px;
        padding: 21.5% 0
    }

    .directorysignup .dsForm .heading1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .directorysignup .dsForm {
        padding: 20px 0
    }

    .directorysignup .formElements li input[type="text"] {
        width: 250px !important
    }

    .dsThanks .thnks_wrap p.icon_social {
        text-align: center
    }

    .forgotpassword .forgotForm input[type='text'] {
        border-width: 1px;
        border-style: solid;
        border-color: #929292 #ccc #ccc #929292;
        padding: 8px;
        width: 95%;
        color: #999;
        margin: 0 0 5px
    }

    .loginBg, .loginBg_login {
        background-size: 400%
    }

    .add_ChDataN a.cancelBtn {
        margin-left: 40px !important;
        width: 120px
    }

    .add_ChDataN a.sendBtnBlack {
        width: 120px
    }

    .inviteSection .formArea input[type='text'] {
        float: none;
        width: 100%;
        height: 30px
    }

    div.resetPswPopContent a.btnReset {
        width: 135px
    }

    div.resetPswPopContent a.btnCancelReset {
        width: 135px
    }

    .cLanding .cLInfo2 {
        width: 100% !important;
        border-left: none !important;
        margin-bottom: 20px
    }

    .cLanding .aLast {
        width: 100% !important;
        border-left: none !important
    }

    .cLanding .cDetailInfo li {
        width: 100% !important
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vName {
        width: 95%
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild .vValue {
        width: 75%
    }

    .analytParameterWrap .analytParameterc .APUrl > input[type='text'] {
        width: 51%
    }

    .analytParameterWrap .analytParameterc .APTop .APType {
        float: none
    }

        .analytParameterWrap .analytParameterc .APTop .APType select {
            width: 51%
        }

    .analytParameterWrap .analytParameterc .APTop .APLinks a {
        padding: 2px 8px;
        margin: 0 0 0 5px;
        font-size: 12px
    }

        .analytParameterWrap .analytParameterc .APTop .APLinks a span {
            width: 60px;
            display: inline-block
        }

    .companyinfo .channels_list_edit .channels_info_edit {
        width: 100%
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 10%
    }

    .specEdit tr td:first-child {
        width: 100px
    }

    #playVideo #videoplay {
        width: 300px;
        height: 200px
    }

    span.timeRightAnchor .spdwmfilter {
        display: block;
        text-align: right;
        border-bottom: 1px solid #ccc !important;
        float: none
    }

    span.timeRightAnchor .spMoretooltips {
        display: block;
        float: none
    }

    .spdwmfilter .moretooltipDWM {
        left: auto;
        right: -5px;
        width: 200px
    }

    .tooltip_arrow {
        margin-left: 145px
    }

        .tooltip_arrow.tooltipdays {
            margin-left: 77px
        }

        .tooltip_arrow.tooltipweek {
            margin-left: 120px
        }

        .tooltip_arrow.tooltipmonths {
            margin-left: 160px
        }

        .tooltip_arrow.tooltiparrowsocial {
            margin-left: 0
        }

    .moretooltipTimeline {
        right: 135px
    }

        .moretooltipTimeline .timeline_wrap {
            width: 280px
        }

            .moretooltipTimeline .timeline_wrap ul li {
                width: 16.66%
            }

        .moretooltipTimeline a.hide_top {
            left: -6%
        }

    .moretooltipChart {
        right: 252px
    }

    .moretooltipSocial {
        right: 171px
    }

    .moretooltipEmbed {
        right: 110px
    }

    .topWidgetLinks .dwpopup .tooltip_arrow {
        right: 120px
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .leftWidgetPanel, .channelTabsInfo .dataLinksSection .mainWidgetContainer .toggleLeftView {
        top: 72px
    }

    .onBoardPopUp .tab > a, .onBoardPopUp .tabFeed > a {
        display: block !important;
        border-top: 1px solid #000
    }

    .divFeedParameter .feedParamContainer .feedparam .rowinline > ul > li:first-child {
        width: 70px !important;
        width: auto
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 437px
    }

    .registerBg {
        background: url(../images/banner_reg.jpg) top no-repeat;
        background-size: 300%
    }

    .whatisc2m .bigIcons2 li span, .whatisc2m .bigIcons li span {
        font-size: 35px;
        line-height: 40px;
        margin-top: 25px
    }

    .whatisc2m .bigIcons li {
        width: 100%
    }

    .topIconNavi_wrap {
        float: none;
        padding: 0;
        margin-bottom: 8px
    }

    .hack_articles .halfcol div, .hack_articles .halftcel div {
        width: 100% !important;
        display: block;
        padding: 0 0 !important
    }

        .hack_articles .halftcel div:first-child, .hack_articles .halfcol div:first-child {
            border: 0;
            border-bottom: 1px solid #ccc
        }

        .hack_articles .halfcol div:first-child {
            margin-bottom: 30px;
            padding-bottom: 10px !important
        }

    .welcome_pop ul li {
        font-size: 25px;
        max-width: 325px
    }

        .welcome_pop ul li span {
            padding: 5px 0
        }

    .hack_articles .fivecol {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top: 25px;
        margin-bottom: 25px
    }

    .c2mendbanner_wrap {
        height: 460px
    }

    .c2mendbanner_headings h1 {
        font-size: 50px;
        line-height: 55px
    }

        .c2mendbanner_headings h1 strong {
            font-size: 66px;
            line-height: 70px
        }

    .three_feature_col {
        display: block
    }

        .three_feature_col > div {
            display: block;
            width: 100%;
            padding: 25px 0;
            min-height: 95px
        }

            .three_feature_col > div:nth-child(2) {
                width: 100%;
                border: 0;
                border-top: 1px solid #efefef;
                border-bottom: 1px solid #efefef
            }

    .c2manalyze_wrap .three_feature_col > div:nth-child(2) {
        border: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .three_feature_col {
        text-align: left;
        margin-top: 20px
    }

        .three_feature_col .icon_wrap {
            float: left;
            margin-top: -5px
        }
}

@media screen and (max-width:400px) {
    .whatisc2m .whatisBg > div:first-child h1 {
        padding-top: 20%
    }

    .logo {
        float: none;
        margin: 0 auto 10px auto;
        text-align: center
    }

        .logo img {
            float: none
        }

    .socialNet {
        float: none;
        clear: both;
        text-align: center;
        margin: 0 auto 10px auto
    }

    .add_ChDataN .btncontainer a {
        width: 70px;
        padding: 5px
    }

    .AnyTEdit td:first-child {
        width: 150px
    }

    .add_ChDataN a.btnNext {
        background: #00ace9;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    div.ajaxCLoader {
        background: #00ace9;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    .add_ChDataN a.btnCancel {
        background: #ccc;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    .resourceTabSection > .Left .top .mdocs, .resourceTabSection > .Left .top .tdocs, .resourceTabSection > .Left .bottom .bdocs, .resourceTabSection > .Left .bottom .fdocs {
        padding-left: 10px
    }

    .resourceTabSection > .Right {
        padding-left: 10px
    }

    .divManageUserPopUp .ddManage {
        height: 40px !important
    }

    .analytParameterWrap .analytParameterc .APTop .APLEFT {
        width: 100%;
        float: none
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks a {
        padding: 2px 5px;
        margin: 0 0 0 5px;
        font-size: 11px
    }

        .analytParameterWrap .analytParameterc .APTop .APLinks a span {
            width: 50px;
            display: inline-block
        }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 357px
    }

    .responsive-ad {
        width: 320px;
        height: 50px
    }

    .welcome_pop ul li img {
        max-width: 52px;
        margin-right: 6px
    }

    .welcome_pop ul li {
        font-size: 20px;
        max-width: 250px
    }

        .welcome_pop ul li span a {
            font-size: 14px
        }

        .welcome_pop ul li span {
            margin-top: 0;
            padding-top: 0
        }

    .hack_articles .fivecol div {
        width: 50%
    }

    .blog_articles article .share_holder .share_wrap {
        float: none;
        padding-top: 10px;
        text-align: right
    }

    .addappPop .secondrow .otherControlS1, .addappPop .secondrow .otherControlS2 {
        width: 100%;
        float: none
    }
}

@media(max-width:390px) {
    .whatisc2m .bigIcons2 li {
        width: 100%;
        margin-bottom: 50px;
        text-align: center
    }

        .whatisc2m .bigIcons2 li img, .whatisc2m .bigIcons2 li span, .whatisc2m .bigIcons li img, .whatisc2m .bigIcons li span {
            display: block;
            float: none;
            margin: auto
        }

        .whatisc2m .bigIcons2 li span, .whatisc2m .bigIcons li span {
            width: 100%;
            margin: 15px auto 0;
            text-align: center;
            padding: 0
        }
}

@media(max-width:380px) {
    .myThigs_icons {
        height: auto
    }

    .channelInfo .chLogoWrap {
        margin-right: 2px !important
    }

    .myThigs_icons a {
        margin-left: 5px !important;
        margin-right: 0 !important
    }

        .myThigs_icons a.create-dt {
            font-size: 11px !important
        }

    .search_filters_wrap label {
        display: block;
        border-top: 1px solid #cbcbcb;
        margin: 0;
        padding: 4px 10px;
        float: none
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 337px
    }
}

@media screen and (max-width:365px) {
    a.btnNextNew {
        width: 75px;
        font-size: 14px
    }

    a.btnCancelNew {
        width: 75px;
        font-size: 14px
    }

    .headerTopStrip {
        height: auto
    }

        .headerTopStrip ul, .headerTopStrip ul:first-child, .headerTopStrip > ul:first-child + ul {
            text-align: center;
            float: none
        }

            .headerTopStrip ul:first-child li:first-child {
                display: block
            }

        .headerTopStrip > ul:first-child input[type='text'] {
            background: #fff;
            color: #999;
            border: 1px solid #fff;
            width: 150px;
            height: 17px
        }

        .headerTopStrip > ul:first-child input[type='button'] {
            background: #00ace9 !important;
            color: #fff;
            width: 100px;
            line-height: 18px;
            height: 20px;
            cursor: pointer;
            border: none
        }

    .addCompany .thirdRow a, .addCompPop .thirdRow a, .addCompPop div.ajaxCLoader {
        width: 90px
    }

    .add_ChDataN a.btnNext, a.btnNext {
        background: #00ace9;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 75px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    div.ajaxCLoader {
        background: #00ace9;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 75px;
        text-align: center;
        font-size: 13px;
        color: #fff;
        display: inline-block
    }

    .add_ChDataN a.btnCancel, a.btnCancel {
        background: #ccc;
        padding: 5px;
        margin: 0 10px 0 0;
        width: 75px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block
    }

    .tSearchPanel .gridlistnav > div:first-child {
        display: none
    }

    .tSearchPanel .gridlistnav {
        width: 190px
    }

    .tSearchPanel .orderByFilters {
        width: 100%;
        box-sizing: border-box
    }

    .mythingspg .tSearchPanel .orderByFilters {
        width: 200px
    }

        .mythingspg .tSearchPanel .orderByFilters div#orderBox {
            width: 100px
        }

    .tSearchPanel .orderByFilters input[type="text"] {
        height: 26px
    }

    div.resetPswPopContent a.btnReset {
        padding: 6px
    }

    div.resetPswPopContent a.btnCancelReset {
        width: 75px;
        padding: 6px
    }

    .loginSection .aForgotPwd {
        float: left
    }

    .whatisc2m .whatisBg > div:first-child h1 {
        padding-top: 10%
    }

    .companyinfo .belowNavigation a {
        padding: 5px 15px
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks a span {
        width: 45px;
        display: inline-block
    }

    .analytParameterWrap .analytParameterc .APTop .APLinks a {
        font-size: 10px
    }

    .analytParameterWrap .analytParameterc .APLeftPanel {
        height: 240px
    }

    .analytParameterWrap .analytParameterc .request {
        height: 250px !important
    }

        .analytParameterWrap .analytParameterc .request .cScrollSec {
            height: 250px !important
        }

    .analytParameterWrap .analytParameterc .response .cScrollSec {
        height: 250px !important
    }

    .analytParameterWrap .analytParameterc #apiParamsPanelc .varParamsHeader a.plusBtn, .analytParameterWrap .analytParameterc #apiParamsPanelc .varPChild a.vMinus {
        margin-right: 6%
    }

    .wresp100p {
        width: 100px !important
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 317px
    }
}

@media(max-width:320px) {
    .companyinfo .channels_list_edit .channels_info_edit {
        width: 100%
    }

    .companyinfo .spectable ul#txtChTags {
        width: 90%
    }

    #playVideo #videoplay {
        width: 280px;
        height: 180px
    }

    .cdatamaping .row_schema > div:first-child {
        width: 34%
    }

        .cdatamaping .row_schema > div:first-child + div {
            width: 35%
        }

    .moretooltipTimeline {
        right: 0
    }

    .moretooltipChart {
        right: 100px
    }

    .moretooltipSocial {
        right: 20px
    }

    .topWidgetLinks .dwpopup .tooltip_arrow {
        right: 80px
    }

    .moretooltipEmbed {
        right: 0
    }

    .moretooltipTimeline a.hide_top {
        left: 0%
    }

    .channelTabsInfo .dataLinksSection .mainWidgetContainer .rightWidgetPanel .gridViewContainer {
        width: 276px
    }
}

@media screen and (max-width:300px) {
    .headerTopStrip > ul:first-child input[type='text'] {
        background: #fff;
        color: #999;
        border: 1px solid #fff;
        width: 100px;
        height: 17px
    }

    .headerTopStrip > ul:first-child input[type='button'] {
        background: #00ace9 !important;
        color: #fff;
        width: 70px;
        line-height: 18px;
        height: 20px;
        cursor: pointer;
        border: none
    }
}

@media(max-width:600px) {
    .whatisc2m .bigIcons2 li a {
        position: static
    }
}

@media(min-width:1600px) {
    .directorysignup .dSignupBg {
        background: url(../banners/directorySignup.jpg) no-repeat center scroll;
        background-size: 100%
    }

    .whatisc2m .whatisBg {
        background: url("../banners/getConnected.jpg") no-repeat scroll 35% top/100% auto rgba(0,0,0,0)
    }

    .sitemap .sitemapBg {
        background: url(../banners/c2m_sitemap.jpg) no-repeat center scroll;
        background-size: 100%;
        color: #fff
    }
}

@media(max-width:890px) and (min-width:769px) {
    span.timeRightAnchor {
        display: block;
        width: 100%;
        border-top: 1px solid #ccc
    }
}
/*! jquery.selectbox * Includes:jquery.selectbox.css*/
.sbHolder:focus {
    outline: none
}

.sbHolder {
    background-color: #fff;
    border: solid 1px #ccc;
    font-family: robotoregular;
    font-size: 15px;
    font-weight: normal;
    color: #858585;
    height: 30px;
    position: relative;
    width: 200px
}

.sbHolder2 {
    background-color: #fff;
    border: solid 1px #ccc;
    font-family: robotoregular;
    font-size: 15px;
    font-weight: normal;
    color: #858585;
    height: 30px;
    position: relative;
    width: 415px
}

.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    padding-left: 8px;
    top: 0;
    width: 170px
}

.sbSelector2 {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    padding-left: 8px;
    top: 0;
    width: 170px
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover, .sbSelector2:link, .sbSelector2:visited, .sbSelector2:hover {
        color: #858585;
        outline: none;
        text-decoration: none
    }

.sbToggle {
    background: url(../images/select.png) no-repeat;
    display: block;
    height: 31px;
    outline: none;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 31px
}

    .sbToggle:hover {
        background: url(../images/select.png) no-repeat
    }

.sbToggleOpen {
    background: url(../images/select.png) no-repeat
}

    .sbToggleOpen:hover {
        background: url(../images/select.png) no-repeat
    }

.sbHolderDisabled {
    background-color: #3c3c3c;
    border: solid 1px #515151
}

.sbOptions, .sbOptions2 {
    background-color: #fff;
    border: solid 1px #ccc;
    list-style: none;
    left: -1px;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 1;
    overflow-y: auto
}

    .sbOptions li, .sbOptions2 li {
        padding: 0 7px
    }

    .sbOptions a, .sbOptions2 a {
        display: block;
        outline: none;
        padding: 5px 0 5px 2px;
        outline: none
    }

        .sbOptions a:link, .sbOptions a:visited, .sbOptions2 a:link, .sbOptions2 a:visited {
            color: #858585;
            text-decoration: none
        }

        .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus, .sbOptions2 a:hover, .sbOptions2 a:focus, .sbOptions2 a.sbFocus {
            color: #333
        }

    .sbOptions li.last a, .sbOptions2 li.last a {
        border-bottom: none;
        outline: none
    }

    .sbOptions .sbDisabled, .sbOptions2 .sbDisabled {
        border-bottom: dotted 1px #515151;
        color: #999;
        display: block;
        padding: 7px 0 7px 3px
    }

    .sbOptions .sbGroup, .sbOptions2 .sbGroup {
        border-bottom: dotted 1px #515151;
        color: #ebb52d;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px
    }

    .sbOptions .sbSub, .sbOptions2 .sbSub {
        padding-left: 17px
    }
/*! jquery.mCustomScrollbar * Includes:jquery.mCustomScrollbar.css*/
.activateAnimate {
    width: 1000px;
    height: 50px;
    position: absolute;
    background: #fff;
    display: none;
    height: 290px;
    z-index: 2
}

.nativeAnimate {
    width: 1000px;
    height: 50px;
    position: absolute;
    background: #fff;
    display: none;
    height: 290px;
    z-index: 2
}

.content {
    max-height: 200px;
    overflow: auto !important;
    background: #f5f5f5
}

.content2 {
    height: 200px;
    max-height: 200px;
    overflow: auto;
    background: #f5f5f5
}

.content3 {
    height: 200px;
    max-height: 200px;
    overflow: auto;
    background: #f5f5f5;
    width: 100%
}

.content4 {
    height: 125px;
    max-height: 125px;
    overflow: auto;
    background: #f5f5f5
}

.content5 {
    height: 225px;
    max-height: 225px;
    overflow: auto;
    background: #f5f5f5
}

.content6 {
    height: 198px;
    max-height: 198px;
    overflow: auto;
    background: #f5f5f5;
    width: 600px
}

.mCSB_container {
    width: auto;
    margin-right: 20px;
    overflow: hidden
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0
    }

.mCustomScrollBox .mCSB_scrollTools {
    width: 20px;
    height: 100%;
    top: 0;
    right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_scrollTools .mCSB_buttonUp + .mCSB_draggerContainer {
    padding-bottom: 40px
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 20px;
    height: 100%;
    margin: 0 auto;
    border-left: 4px solid #fff
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    left: 2px
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center
    }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
    margin-top: -40px
}

.mCSB_horizontal .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}

    .mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
        margin-bottom: 0
    }

.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer {
    height: 100%;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer {
    padding-bottom: 0;
    padding-right: 20px
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}

    .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
    right: 0;
    bottom: auto;
    margin-left: -40px;
    margin-top: -16px;
    float: right
}

.mCustomScrollBox .mCSB_scrollTools {
    opacity: .75
}

.mCustomScrollBox:hover .mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #f5f5f5
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c3c3c3
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #c3c3c3;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }
/*! SidValidator * Includes:SidValidator.css*/
.ajax__validatorcallout_highlight {
    box-shadow: 0 1px rgba(34,25,25,.15) inset,0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35)
}

.ajax__validatorcallout {
    display: block;
    width: 200px;
    background-color: #e15a3d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 20;
    text-align: left
}

    .ajax__validatorcallout .errorIcon {
        display: block;
        float: left;
        margin: 0;
        position: relative;
        width: 43px
    }

    .ajax__validatorcallout .iconClose {
        height: 11px;
        width: 11px;
        float: right;
        display: block;
        margin: 3px
    }

        .ajax__validatorcallout .iconClose img {
            display: block
        }

    .ajax__validatorcallout .errorMsg {
        float: left;
        width: 135px;
        font-size: 14px;
        min-height: 40px;
        padding-left: 3px
    }

.ajax__validatorcallout_bottomLeft {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll -55px 1px transparent;
    width: 33px;
    height: 22px;
    display: block;
    margin: -22px 3px auto;
    position: absolute;
    top: 0
}

.ajax__validatorcallout_bottomRight {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll -55px 0 transparent;
    width: 33px;
    height: 22px;
    display: block;
    margin: -22px 98px auto;
    position: absolute;
    top: 0
}

.ajax__validatorcallout_topLeft {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll -55px -76px transparent;
    width: 33px;
    height: 26px;
    display: block;
    margin: auto auto -25px 5px;
    position: absolute;
    bottom: 0
}

.ajax__validatorcallout_topRight {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll -55px -76px transparent;
    width: 33px;
    height: 26px;
    display: block;
    margin: auto auto -25px 5px;
    position: absolute;
    bottom: 0
}

.ajax__validatorcallout_right {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll 2px -31px transparent;
    width: 24px;
    height: 37px;
    display: block;
    margin: 8px 0 0 -24px;
    position: absolute;
    left: 0
}

.ajax__validatorcallout_left {
    background: url(../SidValidator/validatorMulti.png) no-repeat scroll -112px -31px transparent;
    width: 23px;
    height: 32px;
    display: block;
    position: absolute;
    right: 0;
    margin: 4px -23px auto auto
}
/*! uploadify * Includes:uploadify.css*/
.uploadify {
    position: relative;
    margin-bottom: 1em
}

    .uploadify .swfupload {
        position: absolute;
        left: 0
    }

.uploadify-button {
    text-align: center;
    width: 100%
}

.uploadify:hover .uploadify-button {
    color: #00ace9
}

.uploadify-button.disabled {
    background-color: #d0d0d0;
    color: #808080
}

.uploadify-queue {
    margin-bottom: 1em
}

.uploadify-queue-item {
    background-color: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 11px Verdana,Geneva,sans-serif;
    margin-top: 5px;
    padding: 10px
}

.uploadify-error {
    background-color: #fde5dd !important
}

.uploadify-queue-item .cancel a {
    background: url('../jsuploader/uploadify-cancel.png') 0 0 no-repeat;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px
}

.uploadify-queue-item.completed {
    background-color: #e5e5e5
}

.uploadify-progress {
    background-color: #e5e5e5;
    margin-top: 10px;
    width: 100%
}

.uploadify-progress-bar {
    background-color: #09f;
    height: 3px;
    width: 1px
}

#lnkDRDocUp-button, #lnklegalDocUp-button, #lnkDMDXmlUp-button, #specBrowse-button {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-family: robotoregular;
    margin: 0 0 10px;
    width: 145px
}

.uploadifyUpTrigger {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-family: robotoregular;
    text-align: center;
    width: 90px;
    line-height: 33px
}

    .uploadifyUpTrigger:hover {
        color: #00ace9
    }

#lnkDMDXmlUp {
    margin-left: 228px
}

.onBoardPopUp #lnkDMDXmlUp {
    margin-left: 10px;
    float: left;
    margin-right: 5px
}

#btnChLogoUploaderNew-button {
    line-height: 11px !important
}

#btnChLogoUploaderNew {
    margin-top: 33px
}

.companyinfo .apiSdkContent .uploadify-button {
    text-align: center;
    width: 100%;
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-family: robotoregular;
    margin: 0 0 10px;
    width: 145px;
    height: 32px !important;
    line-height: 32px !important
}

.companyinfo .apiSdkContent .uploadify-queue-item {
    margin-bottom: 1em;
    position: absolute;
    width: 100%;
    left: 0
}
/*! uploadifive * Includes:uploadifive.css*/
.uploadifive-button {
    text-align: center;
    width: 100%;
    cursor: pointer
}

    .uploadifive-button:hover {
        color: #00ace9
    }

.uploadifive-queue-item {
    background-color: #f5f5f5;
    border-bottom: 1px dotted #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 12px Arial,Helvetica,Sans-serif;
    margin-top: 3px;
    padding: 15px
}

    .uploadifive-queue-item .close {
        background: url('../jsuploader/uploadifive-cancel.png') 0 0 no-repeat;
        display: block;
        float: right;
        height: 16px;
        text-indent: -9999px;
        width: 16px
    }

    .uploadifive-queue-item .progress {
        border: 1px solid #d0d0d0;
        height: 3px;
        margin-top: 5px;
        width: 100%
    }

    .uploadifive-queue-item .progress-bar {
        background-color: #0072bc;
        height: 3px;
        width: 0
    }

#uploadifive-lnkDRDocUp, #uploadifive-lnklegalDocUp, #uploadifive-lnkDMDXmlUp, #uploadifive-specBrowse {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-family: robotoregular;
    margin: 0 0 10px;
    width: 145px
}

#uploadifive-lnkDMDXmlUp {
    margin-left: 228px
}

.onBoardPopUp #uploadifive-lnkDMDXmlUp {
    margin-left: 10px;
    float: left;
    margin-right: 5px
}

#uploadifive-btnChLogoUploaderNew {
    line-height: 12px !important
}

.companyinfo .apiSdkContent .uploadifive-button {
    text-align: center;
    width: 100%;
    cursor: pointer;
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-family: robotoregular;
    margin: 0 0 10px;
    width: 145px;
    height: 32px !important;
    line-height: 32px !important
}

.companyinfo .apiSdkContent .uploadifive-queue-item {
    margin-bottom: 1em;
    position: absolute;
    width: 100%;
    left: 0
}
/*! jquery.Jcrop * Includes:jquery.Jcrop.css*/
.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-vline, .jcrop-hline {
    background: #fff url("../images/Jcrop.gif");
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

    .jcrop-vline.right {
        right: 0
    }

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

    .jcrop-hline.bottom {
        bottom: 0
    }

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

    .jcrop-handle.ord-n {
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        top: 0
    }

    .jcrop-handle.ord-s {
        bottom: 0;
        left: 50%;
        margin-bottom: -4px;
        margin-left: -4px
    }

    .jcrop-handle.ord-e {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 50%
    }

    .jcrop-handle.ord-w {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 50%
    }

    .jcrop-handle.ord-nw {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 0
    }

    .jcrop-handle.ord-ne {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 0
    }

    .jcrop-handle.ord-se {
        bottom: 0;
        margin-bottom: -4px;
        margin-right: -4px;
        right: 0
    }

    .jcrop-handle.ord-sw {
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        margin-left: -4px
    }

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
    background: #fff;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
    background: #fff
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none
}

.appscreens_wrap .logo {
    margin: -10px 0 0 5px
}

.appscreens_wrap .topNav {
    float: right !important
}

.my_apps_wrap {
    padding-bottom: 50px
}

    .my_apps_wrap h2 {
        font-size: 18px;
        color: #666;
        padding: 15px 0 10px
    }

ul.app_list {
    margin: 0 -10px
}

    ul.app_list li {
        width: 146px;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 20px
    }

    ul.app_list .icon_wrap, .appdec_wrap .icon_wrap {
        width: 146px;
        height: 146px;
        position: relative;
        background-color: #f3f3f3;
        overflow: hidden
    }

        ul.app_list .icon_wrap .image_wrap, .appdec_wrap .icon_wrap .image_wrap {
            width: 146px;
            height: 146px;
            display: table-cell;
            vertical-align: middle
        }

            ul.app_list .icon_wrap .image_wrap img, .appdec_wrap .icon_wrap .image_wrap img {
                display: block;
                margin: auto;
                float: none
            }

    ul.app_list .info_wrap {
        padding: 5px 0;
        font-size: 10px
    }

        ul.app_list .info_wrap strong {
            display: block;
            padding: 5px 0;
            font-weight: normal;
            font-size: 14px;
            line-height: 15px
        }

    ul.app_list .icon_wrap .info_bttn {
        background-color: #999;
        width: 16px;
        height: 16px;
        border-radius: 15px;
        display: block;
        position: absolute;
        z-index: 1;
        top: 5px;
        right: 7px;
        text-align: center;
        font-size: 11px;
        line-height: 15px;
        color: #fff;
        font-weight: bold
    }

        ul.app_list .icon_wrap .info_bttn:hover {
            background-color: #00ace9
        }

        ul.app_list .icon_wrap .info_bttn:hover {
            background-color: #00ace9
        }

    ul.app_list .icon_wrap .links_wrap {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0,172,233,.95);
        top: 0;
        padding: 4px 5px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        line-height: 17px
    }

    ul.app_list .action-links, ul.app_list .action-links a {
        font-size: 12px;
        color: #ea593c
    }

.action-links.projetcs {
    display: none
}

.appdec_wrap {
    overflow: auto
}

    .appdec_wrap strong {
        display: block;
        font-size: 14px;
        padding: 0 0;
        padding-bottom: 15px;
        font-weight: normal
    }

    .appdec_wrap .icon_wrap {
        float: left;
        margin: 0 20px 0 0
    }

.fileUpload {
    position: relative;
    overflow: hidden;
    float: left;
    padding: 5px 10px;
    font-size: 12px;
    background-color: #ccc;
    color: #333;
    width: 50px;
    color: #000;
    line-height: 16px;
    margin: 5px 0;
    text-align: center
}

    .fileUpload em {
        font-style: normal
    }

    .fileUpload:hover {
        background-color: #666;
        color: #fff
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 12px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 100% !important
    }

.popup .btncross {
    padding: 0 7px;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 24px;
    line-height: 24px;
    color: #ccc
}

    .popup .btncross:hover {
        color: #333
    }

ul.app_list .action-links span {
    display: inline-block;
    margin: 0 4px
}

ul.app_list .icon_wrap .links_wrap.orange {
    background-color: rgba(234,89,60,.95)
}

ul.app_list .icon_wrap .links_wrap.showlnks {
    display: block
}

ul.app_list .icon_wrap .links_wrap a, ul.app_list .icon_wrap .links_wrap strong {
    display: block;
    color: #fff
}

    ul.app_list .icon_wrap .links_wrap strong a {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 15px;
        font-family: 'robotobold';
        border-bottom: 1px solid #fff !important
    }

ul.app_list .icon_wrap .links_wrap a {
    padding: 1px 3px;
    border-bottom: 1px solid rgba(255,255,255,.5)
}

    ul.app_list .icon_wrap .links_wrap a:last-child {
        border: 0
    }

    ul.app_list li:hover a, ul.app_list .icon_wrap .links_wrap a:hover {
        color: #555
    }

.new_footer {
    background-color: #333;
    text-align: center;
    padding: 14px 10px;
    color: #fff;
    bottom: 0;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 99
}

    .new_footer .midSection {
        padding: 0;
        text-align: right
    }

        .new_footer .midSection .foot_links {
            float: left
        }

            .new_footer .midSection .foot_links a:hover {
                color: #85e3ef
            }

.appcontent_section {
    padding: 20px 20px 80px;
    color: #555;
    font-size: 12px
}

    .appcontent_section > h1 {
        font-size: 18px;
        padding: 20px 0 40px;
        border: none !important
    }

.abc_wrap, .form_wrap .inner_wrap div, .searchc_wrap .searchc_left, .searchc_wrap .searchc_right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.appcontent_section input[type="text"], .appcontent_section textarea, .appcontent_section select {
    border: 1px solid #9a9a9a;
    color: #6f6f6f;
    padding: 3px 5px;
    width: 100%;
    font-family: robotoregular;
    font-size: 12px;
    font-weight: normal;
    resize: none;
    margin: 0;
    line-height: 20px
}

.appcontent_section input[type="submit"] {
    min-width: 87px;
    background-color: #1f9fd6;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 2px 8px;
    border: 0;
    line-height: 18px;
    border-radius: 5px
}

    .appcontent_section input[type="submit"].grey {
        background-color: #a5a5a5
    }

    .appcontent_section input[type="submit"]:hover {
        background-color: #666
    }

.searchc_wrap {
    display: table;
    width: 100%;
    margin: 10px 0 50px
}

    .searchc_wrap .searchc_right {
        border-left: 1px solid #ccc
    }

    .searchc_wrap .searchc_left, .searchc_wrap .searchc_right {
        display: table-cell
    }

    .searchc_wrap select, .search_type_wrap select {
        line-height: 20px
    }

    .searchc_wrap .searchc_left {
        min-width: 460px;
        padding: 10px 25px 10px 0;
        width: 50%
    }

    .searchc_wrap .searchc_right {
        width: 100%;
        padding: 10px 0 10px 25px;
        position: relative;
        vertical-align: middle
    }

    .searchc_wrap .searchc_left .head_filter {
        margin-bottom: 8px;
        display: table
    }

        .searchc_wrap .searchc_left .head_filter div {
            display: table-cell
        }

            .searchc_wrap .searchc_left .head_filter div.left_f {
                min-width: 125px;
                padding-right: 20px
            }

            .searchc_wrap .searchc_left .head_filter div.right_f {
                width: 100%
            }

    .searchc_wrap .searchc_right label {
        display: block;
        margin: 0;
        padding: 0;
        float: none
    }

.searchc_right .or {
    font-size: 14px;
    font-family: 'robotomedium';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    background-color: #fff;
    left: 0;
    top: 50%;
    margin: -10px 0 0 -10px
}

.abc_tcell {
    display: table-cell;
    min-width: 125px;
    vertical-align: top
}

.abc_wrap {
    width: 100%;
    padding: 5px;
    border: 1px solid #9a9a9a;
    border-top: 0
}

    .abc_wrap a {
        display: inline-block;
        width: 16px;
        padding: 1px 0;
        text-align: center;
        color: #666
    }

.searchc_wrap .form_wrap {
    display: table-cell;
    width: 100%;
    padding-left: 20px
}

    .searchc_wrap .form_wrap input, .searchc_wrap .form_wrap select {
        margin-bottom: 8px
    }

.form_wrap .inner_wrap {
    margin: 0 -5px
}

    .form_wrap .inner_wrap div {
        padding: 0 5px;
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

        .form_wrap .inner_wrap div input[type="submit"] {
            width: 45%
        }

            .form_wrap .inner_wrap div input[type="submit"]:last-child {
                float: right
            }

.key_wrap {
    text-align: right
}

    .key_wrap .keyname {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        min-width: 170px;
        text-align: left
    }

        .key_wrap .keyname span {
            display: inline-block;
            vertical-align: middle;
            width: 14px;
            height: 14px;
            border: 1px solid #404447;
            margin: -3px 5px 0
        }

.keyname.oem_wrap span {
    background-color: #3e4245
}

.keyname.atnt_wrap span {
    background-color: #fff
}

.grid_wrap .grid_container {
    margin: 10px 0
}

.scroll_wrap {
    width: auto;
    overflow: auto
}

.grid_container .scroll_wrap {
    border: 0 solid #ccc
}

    .grid_container .scroll_wrap tr td, .grid_container .scroll_wrap tr th {
        border-left: 0 solid #ccc
    }

        .grid_container .scroll_wrap tr td:first-child, .grid_container .scroll_wrap tr th:first-child {
            border: 0
        }

    .grid_container .scroll_wrap tr th, .filter_pagination {
        background-color: #3f3f3f;
        color: #fff
    }

    .grid_container .scroll_wrap table {
        width: 100%;
        text-align: left
    }

    .grid_container .scroll_wrap tr {
        border-bottom: 0 solid #ccc
    }

        .grid_container .scroll_wrap tr:last-child {
            border: 0
        }

        .grid_container .scroll_wrap tr td a {
            color: #1f9fd6
        }

            .grid_container .scroll_wrap tr td a:hover {
                color: #555
            }

    .grid_container .scroll_wrap td, .grid_container .scroll_wrap th {
        padding: 5px 3px;
        font-weight: normal
    }

    .grid_container .scroll_wrap td {
        padding: 1px 3px
    }

    .grid_container .scroll_wrap tbody tr:nth-child(odd) td {
        background-color: #f4f4f4
    }

    .grid_container .scroll_wrap tbody tr:hover td {
        background-color: #ccc
    }

    .grid_container .scroll_wrap tbody tr.live td {
        background-color: #91d736;
        color: #fff
    }

    .grid_container .scroll_wrap tr td:first-child input[type="checkbox"] {
        margin-top: 2px;
        display: block
    }

.filter_pagination {
    border: 1px solid #ccc;
    border-top: 0;
    text-align: right
}

    .filter_pagination span {
        display: inline-block;
        padding: 2px 10px 4px 15px;
        vertical-align: top
    }

        .filter_pagination span input[type="text"], .filter_pagination span select {
            display: inline-block;
            padding: 1px 5px;
            margin: 0 3px;
            width: 40px;
            border: 1px solid #999;
            font-size: 12px;
            font-family: 'roboto';
            line-height: 17px
        }

        .filter_pagination span input[type="text"] {
            text-align: center
        }

        .filter_pagination span select {
            padding: 0
        }

        .filter_pagination span a {
            background-color: #fff;
            border: 1px solid #999;
            color: #999;
            width: 18px;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            line-height: 18px;
            height: 19px;
            vertical-align: bottom;
            margin: 0 3px -1px
        }

            .filter_pagination span a:hover {
                border: 1px solid #333;
                color: #333
            }

.device_details_wrap {
    padding: 15px 0
}

    .device_details_wrap strong, .device_details_wrap em {
        display: inline-block;
        vertical-align: top;
        font-style: normal;
        font-weight: normal
    }

    .device_details_wrap strong {
        width: 140px
    }

    .device_details_wrap em {
        color: #fe5400
    }

.search_type_wrap, .progres_wrap {
    width: 50%;
    max-width: 300px;
    display: inline-block;
    vertical-align: top
}

.search_type_wrap {
    padding: 2px 0
}

.progres_search_wrap {
    padding: 20px 0 10px
}

.progres_wrap {
    float: right
}

    .progres_wrap heading, .search_type_wrap heading {
        display: block;
        font-size: 12px;
        padding: 2px 0;
        text-transform: uppercase
    }

    .progres_wrap .bar_wrap {
        width: 100%;
        position: relative;
        border-radius: 15px;
        padding: 2px;
        background-color: #dde1e7;
        height: 32px;
        overflow: hidden;
        box-sizing: border-box
    }

    .progres_wrap .progres_status {
        position: relative;
        border-radius: 14px;
        height: 100%;
        background-color: #a5be61
    }

        .progres_wrap .progres_status span {
            font-size: 14px;
            font-family: 'robotomedium';
            display: block;
            position: absolute;
            color: #fff;
            top: 4px;
            right: 10px
        }

.twocol_wrap .columns {
    width: 50%;
    float: left
}

.twocol_wrap .row {
    padding: 10px 0;
    margin: 0 -15px;
    clear: both
}

.columns {
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box
}

.gback {
    background: #ececec;
    color: #555 !important
}

    .gback a {
        color: #555 !important
    }

.dashboards_wrap {
    padding: 20px 0 60px
}

ul.dashboards_list {
    padding-bottom: 30px;
    overflow: auto;
    margin: 0 -8px
}

    ul.dashboards_list li {
        width: 33.3%;
        padding: 10px 8px;
        display: inline-block;
        float: left;
        box-sizing: border-box
    }

        ul.dashboards_list li .dashboard {
            border: 1px solid #ccc;
            height: auto;
            vertical-align: top
        }

        ul.dashboards_list li .topbar {
            background-color: #f8f8f8;
            border-bottom: 1px solid #ccc
        }

            ul.dashboards_list li .topbar em, ul.dashboards_list li .topbar heading {
                display: inline-block;
                vertical-align: top
            }

            ul.dashboards_list li .topbar em {
                width: 27px;
                height: 25px;
                background: url("../images/dash-tile-icon.png") center;
                background-repeat: no-repeat
            }

            ul.dashboards_list li .topbar heading {
                padding: 5px 8px 3px;
                font-size: 12px;
                border-left: 1px solid #ccc
            }

        ul.dashboards_list li .graph_wrap {
            padding: 12px 10px 8px;
            text-align: center
        }

.nav_tabs {
    width: 100%;
    border-bottom: 1px solid #ccc
}

.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: 8px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(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: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

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

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

    .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:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed
        }

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

.open > a {
    outline: 0
}

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

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

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

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

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

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

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

.tab-content {
    display: block;
    margin: 12px 0 0
}

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

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

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

    .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: 4px 15px;
            margin: 0 2px;
            border: 1px solid #ccc;
            border-bottom: 0;
            border-radius: 7px 7px 0 0
        }

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

        .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 {
        border-color: #2d789c
    }

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

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

.nav-tabs {
    width: 100%
}

    .nav-tabs > li {
        float: left
    }

        .nav-tabs > li > a {
            background-color: #efefef;
            color: #979797
        }

            .nav-tabs > li > a.mylms {
                background-color: #7ae200
            }

            .nav-tabs > li > a.mygrn {
                background-color: #dfad67
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #fff;
            background-color: #1f9fd6;
            cursor: default
        }

.pull-right {
    float: right !important
}

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

@media(max-width:980px) {
    .appscreens_wrap .logo {
        margin: 5px 0 10px 5px
    }

        .appscreens_wrap .logo img {
            float: none
        }

    .new_footer .midSection {
        text-align: center
    }

        .new_footer .midSection .foot_links {
            background-color: #535353;
            display: block;
            float: none;
            padding: 10px;
            margin: -14px -10px 8px
        }

    ul.dashboards_list li {
        width: 50%
    }
}

@media(max-width:768px) {
    .appcontent_section {
        padding: 20px 10px 80px
    }

    .twocol_wrap .row {
        padding: 10px 0;
        margin: 0 -10px
    }

    .columns {
        padding: 0 10px
    }

    .appscreens_wrap .headerTopStrip {
        min-height: 30px
    }

    .appscreens_wrap + section .tSearchPanel {
        margin-top: 15px
    }

    .new_footer {
        position: static
    }

    .appscreens_wrap .logo {
        float: none;
        text-align: center
    }

        .appscreens_wrap .logo img {
            float: none
        }

    .searchc_wrap .searchc_left {
        display: block;
        min-width: 100%;
        padding: 10px 0 25px
    }

    .searchc_wrap .searchc_right {
        display: block;
        width: 100%;
        padding: 25px 0 10px;
        border: 0;
        border-top: 1px solid #ccc
    }

    .searchc_right .or {
        left: 50%;
        top: 0;
        margin: -10px 0 0 -10px
    }

    .hornav {
        float: none
    }

    .moreinfocontent {
        padding: 15px 0
    }
}

@media(max-width:640px) {
    .search_type_wrap, .progres_wrap {
        width: 100%;
        max-width: 100%
    }

    .progres_wrap {
        margin-top: 20px
    }

    .twocol_wrap .columns {
        width: 100%;
        margin: 10px 0
    }
}

@media(max-width:540px) {
    ul.app_list {
        margin: 0 -5px
    }

        ul.app_list li {
            margin: 0 3px 20px
        }

    .form_wrap .inner_wrap div {
        width: 100%
    }

    ul.dashboards_list li {
        width: 100%
    }

    .appcontent_section .addnew_wrap select, .appcontent_section .addnew_wrap [type="submit"] {
        float: none;
        width: 100%;
        margin: 10px 0
    }

        .appcontent_section .addnew_wrap select:nth-child(2) {
            margin: 0
        }

    .addappPop .firstRow .otherControlF {
        width: 100%;
        float: none;
        margin-top: 5px
    }

    .addappPop .firstRow .uploadPhoto {
        display: block;
        margin: auto
    }
}

.popup h1 {
    font-size: 18px
}

.popup {
    background-color: #fff;
    border: 1px solid #999;
    color: #999;
    font-size: 12px;
    padding: 15px;
    min-width: 280px;
    max-width: 510px;
    height: auto;
    padding-bottom: 0
}

.appDesc.popup {
    max-width: 680px;
    width: 100%
}

.popup .bttn {
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -20px;
    background: url(../webImages/close_button.png) no-repeat;
    width: 32px;
    height: 32px
}

.popup input[type=text], .popup textarea {
    margin-top: 2px;
    width: 100%;
    border-top: 1px solid #8e8e8e;
    border-left: 1px solid #8e8e8e;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    font-family: inherit;
    font-size: 12px;
    padding: 4px
}

.uploadedIcon {
    border-top: 1px solid #8e8e8e;
    border-left: 1px solid #8e8e8e;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: 65px;
    height: 65px;
    background: #efefef;
    float: left;
    margin-right: 5px
}

.popup label input[type=radio], .popup label input[type=checkox] {
    margin-bottom: -3px;
    margin-botttom: 0
}

.popup label {
    margin-top: 3px
}

.popup td {
    padding: 0 0 15px 0
}

.popup input[type=submit], .popup input[type=button] {
    background-color: #1f9fd6;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    min-width: 100px;
    padding: 2px 8px
}

    .popup input[type=submit].grey {
        background-color: #a5a5a5;
        margin-left: 10px
    }

    .popup input[type=submit]:hover {
        background-color: #666
    }

.popup input[type=file] {
    width: 80px
}

.w100p {
    width: 100%
}

.upload td {
    padding: 0
}

.apps-cat {
    background: #ebebeb;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 7px
}

    .apps-cat ul {
        display: block;
        overflow: auto
    }

        .apps-cat ul li {
            float: left;
            position: relative
        }

            .apps-cat ul li:first-child a {
                width: 100px;
                padding: 10px 5px
            }

            .apps-cat ul li a {
                background: #fff;
                font-size: 15px;
                display: inline-block;
                font-weight: bold;
                width: auto;
                text-align: center;
                padding: 10px 0 10px 12px;
                margin: 3px;
                margin-right: 0
            }

                .apps-cat ul li a.add {
                    width: 14px;
                    color: #ff7f2c;
                    padding: 10px 5px
                }

    .apps-cat a:hover, .apps-cat a.active {
        color: #00ace9
    }

    .apps-cat ul li a.cross {
        position: relative;
        border: 1px solid #ccc;
        width: auto;
        padding: 10px 10px;
        margin-left: 0;
        top: 0
    }

.addappPop label {
    margin: 0 30px 0 0;
    padding-bottom: 5px;
    display: inline-block
}

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

    .shift_wrap .half, .shift_wrap .arrw_bttns_wrap {
        display: table-cell;
        width: 50%
    }

    .shift_wrap .arrw_bttns_wrap {
        width: 30px;
        padding: 0 20px;
        position: relative
    }

    .shift_wrap .half > div {
        margin: 5px 0
    }

        .shift_wrap .half > div select {
            height: 100px !important;
            width: 100%
        }

    .shift_wrap .arrw_bttns_wrap a {
        color: #fff;
        display: inline-block;
        position: relative;
        top: 45px;
        padding: 5px 8px;
        text-align: center;
        background-color: #ccc;
        border-radius: 5px;
        margin: 5px 0
    }

        .shift_wrap .arrw_bttns_wrap a #left {
            top: 70px
        }

        .shift_wrap .arrw_bttns_wrap a:hover {
            background-color: #666
        }

.sc_x_loader1 {
    font-size: 10px;
    text-indent: -9999em;
    border-top: 7px solid rgba(102,102,102,.2);
    border-right: 7px solid rgba(102,102,102,.2);
    border-bottom: 7px solid rgba(102,102,102,.2);
    border-left: 7px solid #00ace9;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

    .sc_x_loader1, .sc_x_loader1:after {
        border-radius: 50%;
        width: 70px;
        height: 70px
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.right > a.btnNext {
    margin: 20px 0 0 0 !important
}

.right > a.btnCancel {
    margin: 20px 0 0 0 !important
}

.Eventnew {
    float: right;
    padding-right: 15px
}

    .Eventnew > a {
        display: inline-block;
        height: 21px;
        opacity: 90
    }

        .Eventnew > a.link {
            background: url(../images/icons_myThings.png) no-repeat 0 -1px;
            width: 30px
        }

        .Eventnew > a.play {
            background: url(../images/icons_myThings.png) no-repeat -35px 0;
            width: 16px;
            margin-left: 21px
        }

        .Eventnew > a.pause {
            background: url(../images/icons_myThings.png) no-repeat -68px 0;
            width: 16px;
            margin-left: 17px
        }

        .Eventnew > a.record {
            background: url(../images/icons_myThings.png) no-repeat -99px 0;
            width: 20px;
            margin-left: 15px
        }

        .Eventnew > a.delete {
            background: url("../images/editdelete.png") no-repeat scroll 0 0 rgba(0,0,0,0);
            width: 16px;
            margin-left: 15px
        }

        .Eventnew > a.edit {
            background: url("../images/editdelete.png") no-repeat scroll -31px 2px rgba(0,0,0,0);
            width: 22px;
            margin-left: 15px
        }

        .Eventnew > a.update {
            background: url(../images/updateIcon.png) no-repeat;
            width: 22px;
            margin-left: 15px
        }

    .Eventnew a.subscribe {
        background: url(../images/icons_myThings.png) no-repeat -311px 7px;
        padding: 3px 10px;
        margin-left: 5px;
        margin-top: 5px
    }

    .Eventnew a.subscribePublish {
        background: url(../images/icons_myThings.png) no-repeat -342px -21px;
        padding: 3px 10px;
        margin-left: 5px;
        margin-top: 5px
    }

    .Eventnew a.subscribeUnPublish {
        background: url(../images/icons_myThings.png) no-repeat -342px 7px;
        padding: 3px 10px;
        margin-left: 5px;
        margin-top: 5px
    }

.DataInctanceList {
    display: inline-block;
    max-height: 300px;
    overflow: auto;
    width: 500px;
    margin-left: 25px
}

    .DataInctanceList li {
        min-height: 50px
    }

.Eventnew a.delete_feed, .Eventnew a.own_feed, .Eventnew a.share_feed {
    background: url(../images/feed-delete.png) no-repeat 0 5px;
    background-size: 20px;
    padding: 3px 10px;
    margin-left: 10px;
    margin-top: 5px
}

.Eventnew a.own_feed {
    background: url(../images/feed-owned.png) no-repeat 0 5px;
    background-size: 20px
}

.Eventnew a.share_feed {
    background: url(../images/feed-share.png) no-repeat 0 5px;
    background-size: 20px
}

.Eventnew a.deleteshare_feed {
    background: url(../images/delete-feed.png) no-repeat 0 5px;
    background-size: 20px;
    padding: 3px 10px;
    margin-left: 10px;
    margin-top: 5px
}

.EditEventTextBox {
    border-bottom: solid 1px #ccc !important;
    border-right: solid 1px #ccc !important;
    border-left: solid 1px #333 !important;
    border-top: solid 1px #333 !important;
    padding: 8px !important;
    color: #999 !important;
    height: 15px !important;
    width: 150px !important;
    margin-top: -5px !important
}

.disabledbutton {
    pointer-events: none;
    opacity: .4
}

.addpolygn_mapwrap, .polgnlist_wrap {
    width: auto;
    height: 500px
}

.polgnlist_wrap {
    width: 150px;
    float: right;
    padding-left: 10px
}

    .polgnlist_wrap ul {
        height: 500px;
        overflow: auto
    }

        .polgnlist_wrap ul li {
            padding: 4px 70px 4px 0;
            border-top: 1px solid #ccc;
            font-size: 12px;
            position: relative
        }

            .polgnlist_wrap ul li:first-child {
                border: 0
            }

            .polgnlist_wrap ul li .edit, .polgnlist_wrap ul li .delete, .polgnlist_wrap ul li .view {
                background: url(../images/editdelete.png) no-repeat scroll -30px -28px rgba(0,0,0,0);
                width: 20px;
                height: 20px;
                position: absolute;
                right: 24px;
                top: 2px
            }

            .polgnlist_wrap ul li .delete {
                background: url(../images/editdelete.png) no-repeat scroll 1px -27px rgba(0,0,0,0);
                right: 0
            }

            .polgnlist_wrap ul li .view {
                background: url(../images/eye-viewicon.png) no-repeat scroll 0 0 rgba(0,0,0,0);
                right: 48px;
                background-size: 20px;
                opacity: .8
            }

.divfdata {
    border: 1px solid #ccc;
    padding: 5px 0
}

    .divfdata .cmdGItem > ul:first-child {
        padding: 0
    }

    .divfdata > ul li > b {
        font-size: 0
    }

.tablescroll {
    overflow: auto;
    max-height: 140px;
    margin: 0 5px
}

    .tablescroll td, .tablescroll th {
        padding: 2px 4px;
        border: 1px solid #ccc;
        background-color: #fff;
        vertical-align: top;
        font-size: 10px
    }

    .tablescroll th {
        color: #fff;
        background-color: #333
    }

.divfdata .bttn_wrap {
    text-align: right;
    padding: 10px 5px 5px
}

.addappPop .secondrow .otherControlS2 > div > div.colmn {
    width: 17%;
    display: inline-block;
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

    .addappPop .secondrow .otherControlS2 > div > div.colmn:nth-child(2) {
        width: 81%;
        margin-left: 2%
    }

.addappPop .secondrow .otherControlS2 > div > div.clear {
    margin-top: 0;
    margin-bottom: 0
}

.secondrow * {
    box-sizing: border-box
}

#divBread {
    padding: 10px 0;
    font-size: 12px
}

    #divBread > a.clslnkactive {
        color: #444
    }

.calDateNew {
    position: absolute;
    right: 6px;
    top: 7px
}

.userattribute .secondrow .otherControlS1 > div, .userattribute .secondrow .otherControlS2 > div {
    margin: 10px 0 !important
}

.userattribute .secondrow .otherControlS2 .btn-group {
    margin: 0
}

.userattribute .secondrow .otherControlS1 input[type='radio'], .userattribute .secondrow .otherControlS2 input[type='radio'] {
    vertical-align: middle;
    margin: -5px 5px 0 0;
    width: inherit
}

div.addCompPop input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    color: #999;
    font-family: robotoregular;
    padding: 5px;
    height: 30px;
    box-sizing: border-box
}

div.addCompPop a.btnCancel {
    background: #eb593c
}

div.addRole popup input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    color: #999;
    font-family: robotoregular;
    padding: 5px;
    height: 30px;
    box-sizing: border-box
}

.disabledDivContent {
    pointer-events: none;
    opacity: 1.4
}

wi body {
    margin: 0;
    font-family: robotoregular
}

#qb-ui-tree {
    height: 720px;
    width: 100%
}

#qb-ui-canvas {
    height: 380px;
    width: 100% !important
}

.ui-qb-grid-row-conditionOr {
    display: none
}

#qb-ui-grid {
    min-height: 10px;
    max-height: 300px
}

.qb-ui-syntax-selector {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 30px;
    line-height: 30px
}

.qb-ui-syntax-selector-label {
    padding-left: 5px
}

.qb-ui-syntax-selector-version-label {
    margin-left: 20px
}

.qbc-preview {
    width: 100%
}

    .qbc-preview > div:first-child {
        padding-left: 5px;
        margin-top: 5px
    }

    .qbc-preview > div > a {
        display: inline-block;
        padding: 3px 10px;
        border: 1px solid #ccc;
        border-bottom: none;
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px
    }

    .qbc-preview > div:first-child + div {
        border-top: 1px solid #ccc;
        min-height: 220px
    }

@font-face {
    font-family: robotoregular;
    src: url('../webfonts/roboto-regular-webfont.eot?');
    src: url('../webfonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-regular-webfont.woff') format('woff'),url('../webfonts/roboto-regular-webfont.ttf') format('truetype'),url('../webfonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: robotoregular-BoldCond;
    src: url('../webfonts/robotocondensed-bold-webfont.eot?');
    src: url('../webfonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/robotocondensed-bold-webfont.woff') format('woff'),url('../webfonts/robotocondensed-bold-webfont.ttf') format('truetype'),url('../webfonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal
}

.PageHeading h1 {
    font-family: robotoregular-BoldCond;
    color: #666;
    font-weight: normal !important;
    font-size: 26px
}

img {
    border: none;
    outline: none
}

input {
    border: none;
    outline: none
}

.fright {
    float: right
}

.fleft {
    float: left
}

.w100p {
    width: 100%
}

.h5 {
    height: 5px
}

.editTopBar {
    background: url(../images/redesignImages/product-dataTopBg.fw.png) repeat-x;
    height: 106px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 30002
}

    .editTopBar .topItems {
        width: 1430px;
        float: none;
        margin: 0 auto
    }

.dataset {
    width: 804px;
    float: left;
    margin-top: 8px
}

    .dataset input[type="text"] {
        float: left;
        border: solid 1px #ccc;
        background: url(../images/editView/input-bg.jpg) center left repeat-x;
        width: 193px;
        height: 30px;
        text-align: left;
        color: #999;
        outline: none;
        padding: 0 10px;
        font-size: 15px
    }

    .dataset textarea {
        float: left;
        border: solid 1px #ccc;
        background: url(../images/editView/textarea-bg.jpg) center left repeat-x;
        width: 265px;
        height: 56px;
        color: #999;
        font-size: 15px;
        text-align: left !important;
        padding: 5px;
        font-family: robotoregular;
        resize: none
    }

    .dataset select {
        float: left;
        border: solid 1px #ccc;
        background: url(../images/editView/input-bg.jpg) center left repeat-x;
        width: 215px;
        height: 30px;
        text-align: left;
        color: #999;
        outline: none;
        padding: 3px;
        font-size: 14px
    }

.toprightpanel {
    float: left;
    margin: 5px 0 0 0
}

.topRightTabs {
    float: right;
    margin: 8px 0 0 0
}

    .topRightTabs li {
        display: inline-block
    }

        .topRightTabs li a {
            background: #4d5b66;
            height: 35px;
            text-decoration: none;
            color: #a2aeb6;
            font-family: robotoregular-BoldCond;
            font-weight: normal !important;
            font-size: 16px;
            width: 90px;
            display: block;
            text-align: center;
            line-height: 25px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

            .topRightTabs li a:hover {
                background: #f3f3f3
            }

            .topRightTabs li a.selected {
                background: #f3f3f3
            }

a.topBtn {
    background: url(../images/redesignImages/top-btn.fw.png) no-repeat;
    width: 136px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    display: inline-block;
    margin: 0 0 0 5px;
    text-decoration: none
}

    a.topBtn:hover {
        background: url(../images/redesignImages/top-btn-hover.fw.png) no-repeat
    }

a.topBtnSelect {
    background: url(../images/redesignImages/top-btn-hover.fw.png) no-repeat;
    width: 136px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    display: inline-block;
    margin: 0 0 0 10px;
    text-decoration: none
}

    a.topBtnSelect:hover {
        background: url(../images/redesignImages/top-btn.fw.png) no-repeat
    }

a.topBtnSave {
    background: url(../images/redesignImages/save-btn.fw.png) no-repeat;
    width: 120px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    display: inline-block;
    text-decoration: none
}

    a.topBtnSave:hover {
        background: url(../images/redesignImages/save-btn-hover.png) no-repeat
    }

a.topBtnTest {
    background: url(../images/redesignImages/test-query-btn.fw.png) no-repeat;
    width: 120px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    display: inline-block;
    text-decoration: none
}

    a.topBtnTest:hover {
        background: url(../images/redesignImages/test-query-btn-hover.png) no-repeat
    }

a.topBtnSetting {
    float: right;
    background: url(../images/redesignImages/setting.fw.png) no-repeat;
    display: inline-block;
    width: 31px;
    height: 30px
}

    a.topBtnSetting:hover {
        background: url(../images/redesignImages/setting-hover.png) no-repeat;
        display: inline-block;
        width: 31px;
        height: 30px
    }

.leftPanel {
    background: #f3f3f3 url(../images/redesignImages/leftBar.fw.png) repeat-y right top;
    width: 270px;
    height: 100%;
    position: fixed;
    left: 0;
    margin-left: -243px;
    z-index: 30000
}

#leftArrow {
    background: url(../images/redesignImages/left-arrow.fw.png) no-repeat;
    width: 18px;
    height: 38px;
    top: 50%;
    left: 27px;
    position: fixed;
    cursor: pointer
}

.leftBar {
    left: 243px;
    top: 55px;
    position: absolute;
    z-index: 111111
}

    .leftBar a.minus, a.plus {
        padding-left: 7px
    }

.WidgetContainer {
    float: left;
    margin: 0 40px 0 2px;
    width: 225px;
    color: #666;
    font-size: 14px;
    width: 220px
}

    .WidgetContainer a {
        text-decoration: none;
        color: #666
    }

    .WidgetContainer table td {
        padding: 2px 0
    }

    .WidgetContainer input {
        background: url(../images/redesignImages/search.fw.png) no-repeat
    }

a.searchIcon {
    background: url(../images/redesignImages/search-icon.fw.png) no-repeat;
    width: 33px;
    height: 35px;
    float: right;
    margin: 10px 0 0 0
}

#example5 {
    float: left
}

.expand_all, .collapse_all {
    cursor: pointer
}

.example_menu {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 200px
}

    .example_menu ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

#menu5 {
    margin: 10px 0 0 0
}

    #menu5 li, .example_menu li {
        background-image: none;
        margin: 0;
        padding: 0
    }

.example_menu ul ul {
    display: block
}

    .example_menu ul ul li a {
        padding-left: 20px;
        width: 240px
    }

.example_menu a {
    color: #999;
    font-size: 18px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin-left: 0;
    padding: 2px 2px 2px 8px;
    width: 205px
}

    .example_menu a.expanded {
        background: url('../images/redesignImages/open.fw.png') right no-repeat
    }

    .example_menu a.collapsed {
        background: url('../images/redesignImages/close.fw.png') right no-repeat
    }

    .example_menu a:hover {
        text-decoration: none;
        color: #666
    }

.example_menu ul a {
    color: #999;
    font-size: 18px;
    display: block;
    padding: 2px 2px 2px 30px
}

    .example_menu ul a:link {
        font-weight: normal
    }

    .example_menu ul a:hover {
        color: #666;
        font-size: 18px;
        text-decoration: none
    }

.example_menu li.active a {
    color: #666;
    font-size: 18px
}

.example_menu li.active li a {
    color: #666;
    font-size: 18px
}

select.select {
    position: absolute;
    z-index: 10;
    width: 236px !important;
    height: 35px !important;
    line-height: 38px;
    color: #999;
    text-align: center;
    font-size: 18px
}

span.select {
    position: absolute;
    float: left;
    width: 236px;
    height: 38px;
    line-height: 35px;
    background: url(../images/redesignImages/SearchByName_bg.fw.png) no-repeat 0 0;
    cursor: default;
    z-index: 1;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.w20p {
    width: 20%
}

.w80p {
    width: 80%
}

table.gridtable {
    border-width: 1px;
    border-color: #666;
    border-collapse: collapse;
    background: #fff
}

    table.gridtable th {
        border-left: solid 1px #bcbcbc;
        border-right: solid 1px #bcbcbc;
        background: url(../images/redesignImages/gridTableTH.jpg) repeat-x top !important;
        height: 27px !important;
        line-height: 27px !important;
        font-size: 15px;
        color: #6ccbd2;
        padding: 0 0 0 5px;
        text-align: left
    }

    table.gridtable td {
        border-width: 1px;
        padding: 0 8px !important;
        border-style: solid;
        border-color: #bcbcbc;
        background-color: #fff;
        text-align: left;
        font-size: 14px !important;
        color: #999;
        vertical-align: top;
        height: 30px
    }

    table.gridtable tr:hover td {
        background: url(../images/redesignImages/grid_tableBgHover.jpg) repeat-x center left
    }

    table.gridtable a {
        text-decoration: none;
        color: #666;
        cursor: pointer
    }

        table.gridtable a:hover {
            text-decoration: none;
            color: #444
        }

    table.gridtable .name {
        color: #6ccbd2
    }

    table.gridtable tr.gridEdit th {
        background: url(images/grid_tableEditBg.jpg) repeat-x top;
        color: #fff
    }

    table.gridtable tr.gridGroup th {
        background: url(images/grid_tableGroupBg.jpg) repeat-x top;
        color: #fff
    }

.topCenterTabs {
    float: none;
    margin: 0 auto
}

    .topCenterTabs li {
        display: inline-block
    }

        .topCenterTabs li a {
            background: #a2adb5;
            height: 25px;
            text-decoration: none;
            color: #a2aeb6;
            font-family: robotoregular-BoldCond;
            font-weight: normal !important;
            font-size: 15px;
            width: 110px;
            display: block;
            text-align: center;
            line-height: 25px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            color: #f2f2f2
        }

            .topCenterTabs li a:hover {
                background: #4d5b66;
                color: #f2f2f2
            }

            .topCenterTabs li a.selected {
                background: #4d5b66;
                color: #f2f2f2
            }

.centerField {
    width: 970px;
    float: none;
    margin: 0 auto;
    z-index: -1
}

.requestResponse {
    width: 1120px;
    margin: 150px auto auto auto;
    float: none;
    border: solid 1px #a2aeb6;
    position: absolute
}

    .requestResponse .cellone {
        width: 485px;
        border-right: solid 1px;
        display: inline-block;
        float: left
    }

        .requestResponse .cellone th {
            height: 40px;
            background: #4d5b66;
            color: #a1adb6;
            font-family: robotoregular-BoldCond;
            font-size: 16px;
            padding: 0 0 0 10px;
            line-height: 40px;
            vertical-align: top;
            text-align: left;
            font-weight: normal !important
        }

        .requestResponse .cellone td {
            color: #a1adb6;
            font-family: robotoregular;
            font-size: 16px;
            padding: 10px;
            vertical-align: top;
            width: 485px;
            text-align: left
        }

    .requestResponse .celltwo {
        width: 484px;
        display: inline-block;
        float: right
    }

        .requestResponse .celltwo th {
            height: 40px;
            background: #4d5b66;
            color: #a1adb6;
            font-family: robotoregular-BoldCond;
            font-size: 16px;
            padding: 0 0 0 10px;
            line-height: 40px;
            vertical-align: top;
            text-align: left;
            font-weight: normal !important
        }

        .requestResponse .celltwo td {
            color: #a1adb6;
            font-family: robotoregular;
            font-size: 16px;
            padding: 10px;
            vertical-align: top;
            width: 485px;
            text-align: left
        }

    .requestResponse .cellfull {
        width: 100%
    }

        .requestResponse .cellfull th {
            height: 40px;
            background: #4d5b66;
            color: #a1adb6;
            font-family: robotoregular-BoldCond;
            font-size: 16px;
            padding: 0 0 0 10px;
            line-height: 40px;
            vertical-align: top;
            text-align: left;
            font-weight: normal !important
        }

        .requestResponse .cellfull td {
            color: #a1adb6;
            font-family: robotoregular;
            font-size: 16px;
            padding: 10px;
            vertical-align: top;
            width: 485px;
            text-align: left
        }

div[data-id="pQbQuery"] {
    height: 100%
}

.ui-qb-grid .header-cell.ui-qb-grid-row-sorting {
    display: none
}

.ui-qb-grid-row .ui-qb-grid-row-cell.ui-qb-grid-row-sorting {
    display: none
}

.ui-qb-grid .header-cell input[type=checkbox] {
    display: none
}

.ui-qb-grid-row .ui-qb-grid-row-cell.ui-qb-grid-row-visible .ui-qb-grid-row-action {
    display: none
}

.qb-widget-header.qb-ui-canvas-navbar-subquery-panel .subquery.subquery__button {
    top: 1px;
    cursor: pointer;
    border: none !important;
    font-family: Roboto,sans-serif;
    /*text-decoration: underline !important*/
}

.qb-widget-header {
    background: #969090 !important;
    color: #fff
}

#rblDataStorage input {
    border: 0;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    width: 30px !important;
    height: 23px !important;
    margin-top: 5px
}

#chkStorageType input, #chkDBExternal input {
    border: 0;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    width: 30px !important;
    height: 23px !important;
    margin-top: 5px
}

.analytParameter .APTop .APLinks a {
    font-size: 18px;
    font-weight: 700;
    padding: 11px 20px 9px;
    font-family: Roboto, sans-serif;
    background-color: #ddd !important;
    width: 70px !important;
    color: #4c4545 !important;
    margin: 0 0 0 2px !important
}

.ui-qb-grid-row-header .qb-widget-header {
    background: #eaeaea !important;
    color: #a9a6a6 !important;
    font-weight: 200 !important
}

.savebtn-Css {
    margin-left: 3px !important
}

.btn-Css {
    border-radius: 6px !important;
    margin-bottom: 9px !important;
    height: 18px !important;
    padding: 3px 0 3px !important;
    margin-left: 1px !important
}

.halfbtn-Css {
    background-color: #bfbfbf !important
}

.qb-ui-editor .qb-ui-editor textarea {
    padding: 12px 8px !important
}

.qb-ui-tree-view .tree-node.qb-ui-object-database, .qb-ui-tree-view .tree-node.qb-ui-object-schema, .qb-ui-tree-view .tree-node.qb-ui-object-server {
    border-bottom: 0 solid #ddd !important
}

.analytParameter .APLeftPanel {
    border-right: 1px solid #c7c7c7 !important
}

.analytParameter .APRightPanel {
    width: 875px
}

.properties--collapsed .properties__title span {
    top: -12px !important;
    /* remove on 18/4/2025  bottom: -21px !important */
    top: 33px !important
}
 

    .font-color {
        color: #847979 !important
    }

.rdbtnStyle label {
    padding-top: 9px !important;
    display: inline-block !important;
    font-size: 13px !important
}

.rdbtnStyle input {
    margin-top: 5px !important;
    float: left !important
}

.chkStorageType label, .chkDBExternal label {
    padding-top: 9px !important;
    display: inline-block !important;
    font-size: 13px !important
}

.chkStorageType input, .chkDBExternal input {
    margin-top: 5px !important;
    float: left !important
}

.qb-ui-tree-view * {
    font-family: Arial !important;
    font-size: 14px !important
}

body {
    font-family: Arial !important
}

.qb-ui-table-field .qb-ui-table-field-name, .qb-ui-table-field .qb-ui-table-field-type {
    font-family: arial !important
}

.qb-ui-table {
    font-family: arial !important;
    font-size: 14px !important
}

.ui-qb-grid .header-cell {
    font-family: arial !important;
    font-size: 14px !important
}

.ui-qb-grid * {
    font-family: arial !important;
    font-size: 14px !important
}

a.dropL {
    margin: 375px 0 0 225px;
    top: 0
}

.qbWrap * {
    box-sizing: border-box
}

.qbWrap .span12 {
    width: 100% !important
}

.qbWrap .qbTop {
    background: #eaeaea;
}

    .qbWrap .qbTop input[type=text], .qbWrap .qbTop textarea {
        padding: 5px 8px !important
    }

    .qbWrap .qbTop input[type=text], .qbWrap .qbTop select {
        height: 30px;
        padding: 5px
    }

    .qbWrap .qbTop .btn-Css {
        height: auto !important
    }

.qbWrap .f14Head {
    font-family: robotoregular;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px
}

.qbWrap .configFigures {
    padding-bottom: 10px
}

    .qbWrap .configFigures > div {
        padding: 2px
    }

.qbColThree, .qbColTwo {
    display: table;
    width: 100%
}

.tblRow {
    margin: 0 -5px
}

.col {
    display: table-cell;
    vertical-align: top;
    padding: 5px
}

.qbColThree > .col {
    width: 50%
}

    .qbColThree > .col:last-child {
        width: 260px
    }

.qbColTwo > .col {
    width: 50%
}

table.rdbtnStyle {
    margin: 0
}

.qb_update {
    background: #fff;
    opacity: .4;
    position: absolute;
    z-index: 5000
}

.pQbPreview {
    display: none;
    overflow: scroll;
    height: 100%
}

    .pQbPreview .title {
        width: 100%;
        height: 40px;
        font-size: 14px;
        padding: 13px;
        color: #fff;
        background-color: #969090
    }

input.properties__editor {
    border: 1px solid !important
}

.properties__form {
    padding-bottom: 10% !important
}

.qb-ui-editor.qb-widget-content {
    height: 725px !important
}

.qb-ui-editor textarea {
    padding: 17px !important
}

.tooltip-inner {
    background-color: #da2b2b !important;
    height: 40px !important;
    padding-top: 10px !important;
    max-width: 300px !important
}

.tooltip .arrow {
    top: 16px !important
}
.context-menu-item span {
    font-size: 14px!important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: arial !important;
}
.properties *, .properties input, .properties textarea, .context-menu-item span {
    font-family: arial !important;
}
.ui-qb-grid .header-cell, .ui-qb-grid .ui-qb-grid-row-cell {
    min-width: 14.28% !important;
    width: 14.28% !important;
}

.ui-qb-grid .ui-qb-grid-row-header, .ui-qb-grid__table {
    min-width: 100% !important;
    width: 100% !important;
}