@keyframes ldio-y5rzaglulp {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ldio-y5rzaglulp>div>div {
    transform-origin: 100px 100px;
    animation: ldio-y5rzaglulp 2.127659574468085s linear infinite;
    opacity: 0.8
}

.ldio-y5rzaglulp>div>div>div {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 70px 0 0 0;
    transform-origin: 100px 100px
}

.ldio-y5rzaglulp>div div:nth-child(1) {
    animation-duration: 0.5319148936170213s
}

.ldio-y5rzaglulp>div div:nth-child(1)>div {
    background: #9f3284;
    transform: rotate(0deg);
}

.ldio-y5rzaglulp>div div:nth-child(2) {
    animation-duration: 0.7092198581560283s
}

.ldio-y5rzaglulp>div div:nth-child(2)>div {
    background: #d34b24;
    transform: rotate(0deg);
}

.ldio-y5rzaglulp>div div:nth-child(3) {
    animation-duration: 1.0638297872340425s
}

.ldio-y5rzaglulp>div div:nth-child(3)>div {
    background: #ddd517;
    transform: rotate(0deg);
}

.ldio-y5rzaglulp>div div:nth-child(4) {
    animation-duration: 2.127659574468085s
}

.ldio-y5rzaglulp>div div:nth-child(4)>div {
    background: #00d171;
    transform: rotate(0deg);
}

.loadingio-spinner-wedges-2tz99hb24i {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-y5rzaglulp {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.ldio-y5rzaglulp div {
    box-sizing: content-box;
}


/********** Fundation css Start*************/

@charset "UTF-8";
@media print,
screen and (min-width:40em) {
    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 3px
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none!important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 3px;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

.h1,
h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2,
h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h3,
h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4,
h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5,
h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6,
h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,
screen and (min-width:40em) {
    .h1,
    h1 {
        font-size: 3rem
    }
    .h2,
    h2 {
        font-size: 2.5rem
    }
    .h3,
    h3 {
        font-size: 1.9375rem
    }
    .h4,
    h4 {
        font-size: 1.5625rem
    }
    .h5,
    h5 {
        font-size: 1.25rem
    }
    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #2ba6cb;
    text-decoration: none;
    cursor: pointer
}

a:focus,
a:hover {
    color: #258faf
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 62.5rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a;
    border-radius: 3px
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none!important
}

@media print {
    * {
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print {
        display: table-cell!important
    }
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after,
    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .print-break-inside {
        page-break-inside: auto
    }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: 0;
    border: 1px solid #2196F3;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px
}

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

::-webkit-input-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.input-group>:first-child,
.input-group>:first-child.input-group-button>* {
    border-radius: 3px 0 0 3px
}

.input-group>:last-child,
.input-group>:last-child.input-group-button>* {
    border-radius: 0 3px 3px 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

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

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: 0;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #c60f13;
    background-color: #f8e6e7
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus)::-ms-input-placeholder {
    color: #c60f13
}

.is-invalid-input:not(:focus)::placeholder {
    color: #c60f13
}

.is-invalid-label {
    color: #c60f13
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #c60f13
}

.form-error.is-visible {
    display: block
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::after,
.clearfix::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.clearfix::after {
    clear: both
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.99875em) {
    .hide-for-small-only {
        display: none!important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none!important
    }
}

@media print,
screen and (min-width:40em) {
    .hide-for-medium {
        display: none!important
    }
}

@media screen and (max-width:39.99875em) {
    .show-for-medium {
        display: none!important
    }
}

@media screen and (min-width:40em) and (max-width:63.99875em) {
    .hide-for-medium-only {
        display: none!important
    }

}

@media screen and (min-width:1300px) and (max-width:1400px) {
    nav.hor_nav ul li a {
        padding: 0px 10px !important;
    }
    .dhx_layout-cell.ds_hd2.no_ipo label.dhx_label {
        width: unset !important;
        font-size: 13px !important;
    }
    .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_input__wrapper input {
        font-weight: 600;
        font-size: 12px;
    }
    .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element {
        padding: 6px 10px 10px;
    }
}
@media screen and (max-width:39.99875em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none!important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none!important
    }
}

@media screen and (min-width:64em) and (max-width:74.99875em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:63.99875em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.hide-for-portrait,
.show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #2ba6cb;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,
.button:hover {
    background-color: #258dad;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #2ba6cb;
    color: #0a0a0a
}

.button.primary:focus,
.button.primary:hover {
    background-color: #2285a2;
    color: #0a0a0a
}

.button.secondary {
    background-color: #e9e9e9;
    color: #0a0a0a
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #bababa;
    color: #0a0a0a
}

.button.alert {
    background-color: #c60f13;
    color: #fefefe
}

.button.alert:focus,
.button.alert:hover {
    background-color: #9e0c0f;
    color: #fefefe
}

.button.success {
    background-color: #5da423;
    color: #0a0a0a
}

.button.success:focus,
.button.success:hover {
    background-color: #4a831c;
    color: #0a0a0a
}

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.body-font {
    background-color: #222;
    color: #fefefe
}

.button.body-font:focus,
.button.body-font:hover {
    background-color: #1b1b1b;
    color: #fefefe
}

.button.header {
    background-color: #222;
    color: #fefefe
}

.button.header:focus,
.button.header:hover {
    background-color: #1b1b1b;
    color: #fefefe
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #2ba6cb;
    color: #fefefe
}

.button.disabled.primary,
.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #2ba6cb;
    color: #0a0a0a
}

.button.disabled.secondary,
.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #e9e9e9;
    color: #0a0a0a
}

.button.disabled.alert,
.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #c60f13;
    color: #fefefe
}

.button.disabled.success,
.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #5da423;
    color: #0a0a0a
}

.button.disabled.warning,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.disabled.body-font,
.button[disabled].body-font {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.body-font,
.button.disabled.body-font:focus,
.button.disabled.body-font:hover,
.button[disabled].body-font,
.button[disabled].body-font:focus,
.button[disabled].body-font:hover {
    background-color: #222;
    color: #fefefe
}

.button.disabled.header,
.button[disabled].header {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.header,
.button.disabled.header:focus,
.button.disabled.header:hover,
.button[disabled].header,
.button[disabled].header:focus,
.button[disabled].header:hover {
    background-color: #222;
    color: #fefefe
}

.button.hollow {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #165366;
    color: #165366
}

.button.hollow:focus.disabled,
.button.hollow:focus[disabled],
.button.hollow:hover.disabled,
.button.hollow:hover[disabled] {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow.primary {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #165366;
    color: #165366
}

.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled],
.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled] {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.hollow.secondary {
    border: 1px solid #e9e9e9;
    color: #e9e9e9
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #757575;
    color: #757575
}

.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled],
.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled] {
    border: 1px solid #e9e9e9;
    color: #e9e9e9
}

.button.hollow.alert {
    border: 1px solid #c60f13;
    color: #c60f13
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #63080a;
    color: #63080a
}

.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled],
.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled] {
    border: 1px solid #c60f13;
    color: #c60f13
}

.button.hollow.success {
    border: 1px solid #5da423;
    color: #5da423
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #2f5212;
    color: #2f5212
}

.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled],
.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled] {
    border: 1px solid #5da423;
    color: #5da423
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled],
.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.body-font {
    border: 1px solid #222;
    color: #222
}

.button.hollow.body-font:focus,
.button.hollow.body-font:hover {
    border-color: #111;
    color: #111
}

.button.hollow.body-font:focus.disabled,
.button.hollow.body-font:focus[disabled],
.button.hollow.body-font:hover.disabled,
.button.hollow.body-font:hover[disabled] {
    border: 1px solid #222;
    color: #222
}

.button.hollow.header {
    border: 1px solid #222;
    color: #222
}

.button.hollow.header:focus,
.button.hollow.header:hover {
    border-color: #111;
    color: #111
}

.button.hollow.header:focus.disabled,
.button.hollow.header:focus[disabled],
.button.hollow.header:hover.disabled,
.button.hollow.header:hover[disabled] {
    border: 1px solid #222;
    color: #222
}

.button.clear {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.clear,
.button.clear:focus,
.button.clear:hover {
    background-color: transparent
}

.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    background-color: transparent
}

.button.clear:focus,
.button.clear:hover {
    border-color: #165366;
    color: #165366
}

.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover.disabled,
.button.clear:hover[disabled] {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
    border-color: transparent
}

.button.clear.primary {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.clear.primary:focus,
.button.clear.primary:hover {
    border-color: #165366;
    color: #165366
}

.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled] {
    border: 1px solid #2ba6cb;
    color: #2ba6cb
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
    border-color: transparent
}

.button.clear.secondary {
    border: 1px solid #e9e9e9;
    color: #e9e9e9
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
    border-color: #757575;
    color: #757575
}

.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled] {
    border: 1px solid #e9e9e9;
    color: #e9e9e9
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
    border-color: transparent
}

.button.clear.alert {
    border: 1px solid #c60f13;
    color: #c60f13
}

.button.clear.alert:focus,
.button.clear.alert:hover {
    border-color: #63080a;
    color: #63080a
}

.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled] {
    border: 1px solid #c60f13;
    color: #c60f13
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
    border-color: transparent
}

.button.clear.success {
    border: 1px solid #5da423;
    color: #5da423
}

.button.clear.success:focus,
.button.clear.success:hover {
    border-color: #2f5212;
    color: #2f5212
}

.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled] {
    border: 1px solid #5da423;
    color: #5da423
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
    border-color: transparent
}

.button.clear.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
    border-color: transparent
}

.button.clear.body-font {
    border: 1px solid #222;
    color: #222
}

.button.clear.body-font:focus,
.button.clear.body-font:hover {
    border-color: #111;
    color: #111
}

.button.clear.body-font:focus.disabled,
.button.clear.body-font:focus[disabled],
.button.clear.body-font:hover.disabled,
.button.clear.body-font:hover[disabled] {
    border: 1px solid #222;
    color: #222
}

.button.clear.body-font,
.button.clear.body-font.disabled,
.button.clear.body-font:focus,
.button.clear.body-font:focus.disabled,
.button.clear.body-font:focus[disabled],
.button.clear.body-font:hover,
.button.clear.body-font:hover.disabled,
.button.clear.body-font:hover[disabled],
.button.clear.body-font[disabled] {
    border-color: transparent
}

.button.clear.header {
    border: 1px solid #222;
    color: #222
}

.button.clear.header:focus,
.button.clear.header:hover {
    border-color: #111;
    color: #111
}

.button.clear.header:focus.disabled,
.button.clear.header:focus[disabled],
.button.clear.header:hover.disabled,
.button.clear.header:hover[disabled] {
    border: 1px solid #222;
    color: #222
}

.button.clear.header,
.button.clear.header.disabled,
.button.clear.header:focus,
.button.clear.header:focus.disabled,
.button.clear.header:focus[disabled],
.button.clear.header:hover,
.button.clear.header:hover.disabled,
.button.clear.header:hover[disabled],
.button.clear.header[disabled] {
    border-color: transparent
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.clear::after,
.button.dropdown.hollow::after {
    border-top-color: #2ba6cb
}

.button.dropdown.clear.primary::after,
.button.dropdown.hollow.primary::after {
    border-top-color: #2ba6cb
}

.button.dropdown.clear.secondary::after,
.button.dropdown.hollow.secondary::after {
    border-top-color: #e9e9e9
}

.button.dropdown.clear.alert::after,
.button.dropdown.hollow.alert::after {
    border-top-color: #c60f13
}

.button.dropdown.clear.success::after,
.button.dropdown.hollow.success::after {
    border-top-color: #5da423
}

.button.dropdown.clear.warning::after,
.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.clear.body-font::after,
.button.dropdown.hollow.body-font::after {
    border-top-color: #222
}

.button.dropdown.clear.header::after,
.button.dropdown.hollow.header::after {
    border-top-color: #222
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus,
a.button:hover {
    text-decoration: none
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.button-group::after,
.button-group::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.button-group::after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .9rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.button-group.primary .button {
    background-color: #2ba6cb;
    color: #0a0a0a
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #2285a2;
    color: #0a0a0a
}

.button-group.secondary .button {
    background-color: #e9e9e9;
    color: #0a0a0a
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #bababa;
    color: #0a0a0a
}

.button-group.alert .button {
    background-color: #c60f13;
    color: #fefefe
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #9e0c0f;
    color: #fefefe
}

.button-group.success .button {
    background-color: #5da423;
    color: #0a0a0a
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #4a831c;
    color: #0a0a0a
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.body-font .button {
    background-color: #222;
    color: #fefefe
}

.button-group.body-font .button:focus,
.button-group.body-font .button:hover {
    background-color: #1b1b1b;
    color: #fefefe
}

.button-group.header .button {
    background-color: #222;
    color: #fefefe
}

.button-group.header .button:focus,
.button-group.header .button:hover {
    background-color: #1b1b1b;
    color: #fefefe
}

.button-group.stacked,
.button-group.stacked-for-medium,
.button-group.stacked-for-small {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child {
    margin-bottom: 0
}

.button-group.stacked-for-medium.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked.expanded .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

@media print,
screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.99875em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

@media screen and (max-width:63.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }
    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0
    }
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 3px;
    background-color: #2ba6cb;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #258dad
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 3px;
    background: #cacaca;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 3px;
    background: #fefefe;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    content: ''
}

input:checked~.switch-paddle {
    background: #2ba6cb
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button,
.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.menu.vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu.expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.menu.simple {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu.simple li+li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .menu.medium-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .menu.medium-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
    .menu.medium-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .menu.large-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .menu.large-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
    .menu.large-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .is-active>a {
    background: #2ba6cb;
    color: #fefefe
}

.menu .active>a {
    background: #2ba6cb;
    color: #fefefe
}

.menu.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu.align-center li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered>.menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-centered>.menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-centered>.menu li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    -webkit-transition: height .5s;
    transition: height .5s
}

.drilldown a {
    padding: .7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
    padding: .7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent>a {
    position: relative
}

.drilldown .is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb;
    right: 1rem;
    left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent;
    right: auto;
    left: 1rem
}

.drilldown .js-drilldown-back>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2ba6cb transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a::after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent>a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2ba6cb transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded=true]::after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #2ba6cb transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu>li>a {
    padding: .7rem 1rem
}

.dropdown.menu>li.is-active>a {
    background: 0 0;
    color: #2ba6cb
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb
}

@media print,
screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #2ba6cb transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }
    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }
    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #2ba6cb transparent transparent;
        right: auto;
        left: 5px
    }
    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #2ba6cb
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #2ba6cb transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }
    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }
    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #2ba6cb transparent transparent;
        right: auto;
        left: 5px
    }
    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #2ba6cb
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #2ba6cb transparent transparent;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #2ba6cb
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left,
.title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .top-bar .top-bar-left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: auto
    }
    .top-bar .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: auto
    }
}

@media screen and (max-width:63.99875em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:74.99875em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none
}

.breadcrumbs::after,
.breadcrumbs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca
}

.breadcrumbs a {
    color: #2ba6cb
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::after,
.pagination::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 3px;
    font-size: .875rem;
    /* display: none */
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 3px;
    color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #2ba6cb;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: 0 0
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb'
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child>:first-child {
    border-radius: 3px 3px 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 3px 3px
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #2ba6cb
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 3px 3px
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active>.accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(254, 254, 254, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
    -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
    -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25);
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25);
    box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25);
    box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25);
    box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25)
}

.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.off-canvas-content.has-transition-push {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media print,
screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-left.reveal-for-medium .close-button {
        display: none
    }
    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-right.reveal-for-medium .close-button {
        display: none
    }
    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-top.reveal-for-medium .close-button {
        display: none
    }
    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }
    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-bottom.reveal-for-medium .close-button {
        display: none
    }
    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }
    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-left.reveal-for-large .close-button {
        display: none
    }
    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-right.reveal-for-large .close-button {
        display: none
    }
    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-top.reveal-for-large .close-button {
        display: none
    }
    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }
    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }
    .position-bottom.reveal-for-large .close-button {
        display: none
    }
    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }
    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }
    .off-canvas.in-canvas-for-medium.position-bottom,
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

@media print,
screen and (min-width:64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }
    .off-canvas.in-canvas-for-large.position-bottom,
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

.tabs::after,
.tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: 0 0
}

.tabs.primary {
    background: #2ba6cb
}

.tabs.primary>li>a {
    color: #0a0a0a
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
    background: #299ec1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #2ba6cb
}

[data-whatinput=mouse] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #258faf
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #2ba6cb
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 3px;
    background-color: #fff;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #def2f8;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #fcfcfc;
    color: #0a0a0a
}

.callout.alert {
    background-color: #fcd6d6;
    color: #0a0a0a
}

.callout.success {
    background-color: #e6f7d9;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.body-font {
    background-color: #dedede;
    color: #0a0a0a
}

.callout.header {
    background-color: #dedede;
    color: #0a0a0a
}

.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fefefe;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

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

.card-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.media-object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.media-object img {
    max-width: none
}

@media screen and (max-width:39.99875em) {
    .media-object.stack-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.media-object-section {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:39.99875em) {
    .stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section.main-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, .45);
    overflow-y: auto
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 62.5rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 62.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 62.5rem
    }
}

@media print,
screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 62.5rem
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.99875em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 3px
}

tbody,
tfoot,
thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead {
    background: #f8f8f8;
    color: #0a0a0a
}

tfoot {
    background: #f1f1f1;
    color: #0a0a0a
}

tfoot tr,
thead tr {
    background: 0 0
}

tfoot td,
tfoot th,
thead td,
thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width:63.99875em) {
    table.stack thead {
        display: none
    }
    table.stack tfoot {
        display: none
    }
    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }
    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #2ba6cb;
    color: #fefefe
}

.badge.primary {
    background: #2ba6cb;
    color: #0a0a0a
}

.badge.secondary {
    background: #e9e9e9;
    color: #0a0a0a
}

.badge.alert {
    background: #c60f13;
    color: #fefefe
}

.badge.success {
    background: #5da423;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.body-font {
    background: #222;
    color: #fefefe
}

.badge.header {
    background: #222;
    color: #fefefe
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 3px;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #2ba6cb;
    color: #fefefe
}

.label.primary {
    background: #2ba6cb;
    color: #0a0a0a
}

.label.secondary {
    background: #e9e9e9;
    color: #0a0a0a
}

.label.alert {
    background: #c60f13;
    color: #fefefe
}

.label.success {
    background: #5da423;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.body-font {
    background: #222;
    color: #fefefe
}

.label.header {
    background: #222;
    color: #fefefe
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
    background-color: #cacaca
}

.progress.primary .progress-meter {
    background-color: #2ba6cb
}

.progress.secondary .progress-meter {
    background-color: #e9e9e9
}

.progress.alert .progress-meter {
    background-color: #c60f13
}

.progress.success .progress-meter {
    background-color: #5da423
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.body-font .progress-meter {
    background-color: #222
}

.progress.header .progress-meter {
    background-color: #222
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2ba6cb;
    border-radius: 3px
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap;
    border-radius: 3px
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 3px;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

.tooltip::before {
    position: absolute
}

.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%
}

.tooltip.bottom.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%
}

.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left::before {
    left: 10%;
    right: auto
}

.tooltip.align-right::before {
    left: auto;
    right: 10%
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%;
    position: absolute
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10, 10, 10, .5);
    color: #fefefe
}

.orbit-next,
.orbit-previous {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(10, 10, 10, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    line-height: 0
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out
}

a.thumbnail:focus,
a.thumbnail:hover {
    -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, .5);
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, .5)
}

a.thumbnail image {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.row {
    max-width: 62.5rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

@media print,
screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    min-width: 0
}

.column.row.row,
.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

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

.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

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

.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

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

.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

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

.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

@media print,
screen and (min-width:40em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .medium-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .medium-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:40em) {
    .row.medium-unstack>.column,
    .row.medium-unstack>.columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .large-offset-0 {
        margin-left: 0
    }
    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .large-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .large-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:64em) {
    .row.large-unstack>.column,
    .row.large-unstack>.columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1.875rem
}

.column-block>:last-child {
    margin-bottom: 0
}

.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width:40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,
screen and (min-width:40em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''
}

.menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.slide-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    opacity: 0
}

.slow {
    -webkit-transition-duration: 750ms!important;
    transition-duration: 750ms!important
}

.fast {
    -webkit-transition-duration: 250ms!important;
    transition-duration: 250ms!important
}

.linear {
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}

.ease {
    -webkit-transition-timing-function: ease!important;
    transition-timing-function: ease!important
}

.ease-in {
    -webkit-transition-timing-function: ease-in!important;
    transition-timing-function: ease-in!important
}

.ease-out {
    -webkit-transition-timing-function: ease-out!important;
    transition-timing-function: ease-out!important
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out!important;
    transition-timing-function: ease-in-out!important
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important;
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(.485, .155, .515, .845)!important;
    transition-timing-function: cubic-bezier(.485, .155, .515, .845)!important
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important;
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
}

.short-delay {
    -webkit-transition-delay: .3s!important;
    transition-delay: .3s!important
}

.long-delay {
    -webkit-transition-delay: .7s!important;
    transition-delay: .7s!important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

@-webkit-keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: spin-ccw-1turn;
    animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    100%,
    30%,
    70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    100%,
    30%,
    70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms!important;
    animation-duration: 750ms!important
}

.fast {
    -webkit-animation-duration: 250ms!important;
    animation-duration: 250ms!important
}

.linear {
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important
}

.ease {
    -webkit-animation-timing-function: ease!important;
    animation-timing-function: ease!important
}

.ease-in {
    -webkit-animation-timing-function: ease-in!important;
    animation-timing-function: ease-in!important
}

.ease-out {
    -webkit-animation-timing-function: ease-out!important;
    animation-timing-function: ease-out!important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out!important;
    animation-timing-function: ease-in-out!important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important;
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important;
    animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important;
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
}

.short-delay {
    -webkit-animation-delay: .3s!important;
    animation-delay: .3s!important
}

.long-delay {
    -webkit-animation-delay: .7s!important;
    animation-delay: .7s!important
}


/********** Fundation css End*************/


/********** Introjs css Start*************/

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto!important;
    opacity: 1!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    z-index: 9999999!important
}

.introjs-disableInteraction {
    z-index: 99999999!important;
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999!important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
    border: 5px solid transparent;
    content: '';
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: #fff
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: #fff
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    zoom: 1;
    margin-top: 10px
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,
.introjs-button:focus {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 .2em .2em 0;
    border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-bullets ul li a.active {
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, .57)
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, .27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, .24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, .36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(.1);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }
    25% {
        -moz-transform: scale(0);
        opacity: .1
    }
    50% {
        -moz-transform: scale(.1);
        opacity: .3
    }
    75% {
        -moz-transform: scale(.5);
        opacity: .5
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0
    }
    25% {
        transform: scale(0);
        opacity: .1
    }
    50% {
        transform: scale(.1);
        opacity: .3
    }
    75% {
        transform: scale(.5);
        opacity: .5
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}


/********** Introjs css End*************/


/********** skinns/terrace/dhtmlx css Start*************/


/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Standard 
License: content of this file is covered by DHTMLX Commercial or enterpri. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

.dhtmlxcalendar_dhx_terrace {
    position: absolute;
    display: block;
    background-color: #fff;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dhtmlxcalendar_ifr {
    position: absolute;
    overflow: hidden;
    background-color: white;
}

.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line {
    position: relative;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 225px;
    margin-left: 12px;
}

.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    color: #333;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
    width: 225px;
    height: 31px;
    line-height: 31px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
    position: absolute;
    top: 0;
    width: 18px;
    height: 31px;
    color: inherit;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
    left: 4px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
    left: 4px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
    right: 4px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
    right: 4px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
    position: relative;
    font-weight: bold;
    color: inherit;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    display: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
    float: right;
    margin-right: 8px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    float: right;
    margin-right: 74px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
    float: right;
    margin-right: 8px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    float: right;
    margin-right: 22px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
    height: 31px;
    border-bottom: 1px solid #ccc;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
    margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
    color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
    color: #d43f3a;
    margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    padding-bottom: 8px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
    margin-top: 1px;
    margin-left: 13px;
    height: 31px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
    color: #909090;
    border-radius: 3px;
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin-right: 1px;
    overflow: visible;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
    width: 100%;
    height: 100%;
    text-align: center;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
    color: #c4c4c4;
    background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
    color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
    color: #d43f3a;
    background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
    color: #333;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
    color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
    color: black;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
    color: #d43f3a;
    background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
    color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
    color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
    color: #c4c4c4;
    background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
    color: #333;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
    color: #333;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
    color: #d43f3a;
    background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_mark.gif");
    background-position: top right;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont {
    position: relative;
    display: block;
    width: 249px;
    height: 31px;
    margin-top: -4px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
    width: 225px;
    height: 27px;
    line-height: 25px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
    text-align: left;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
    position: absolute;
    left: 22px;
    top: 6px;
    width: 13px;
    height: 13px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_clock.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
    margin-left: 42px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
    left: 75px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
    text-align: center;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
    margin-left: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
    display: none;
}

.dhtmlxcalendar_dhx_terrace span.dhtmlxcalendar_label_colon {
    padding: 0 4px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_cover {
    position: absolute;
    left: 1px;
    background-color: white;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj {
    position: absolute;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
    position: absolute;
    bottom: auto;
    top: 1px;
    left: 0;
    width: 100%;
    height: 9px;
    overflow: hidden;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_selector_top.gif");
    background-position: top center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
    background-position: -13px top;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
    background-position: -27px top;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
    background-position: -52px top;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
    border-bottom: 1px solid #ccc;
    border-top: 0 solid white;
    background-color: white;
    margin-top: 9px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
    width: 17px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 0 solid white;
    border-right: 0 solid white;
    padding: 0;
    margin: 0;
    background-color: white;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
    cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    width: 17px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0 solid white;
    border-left: 0 solid white;
    background-color: white;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
    display: block;
    clear: both;
    background-color: white;
    border-left: 1px solid #ccc;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
    float: left;
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #333;
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    border-right: 1px solid #ccc;
    padding: 0;
    background-color: white;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
    background-color: #fff3a1;
    color: black;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    display: none;
    width: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
    height: 24px;
    border-top: 1px solid #ccc;
    border-bottom: 0 solid white;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
    width: 35px;
    height: 24px;
    line-height: 24px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
    top: auto;
    bottom: 1px;
    background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
    height: 22px;
    border-top: 0 solid white;
    border-bottom: 1px solid #ccc;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
    width: 24px;
    height: 22px;
    line-height: 22px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    display: none;
    width: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
    margin-top: 0;
    margin-bottom: 9px;
    border-top: 1px solid #ccc;
    border-bottom: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
    display: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
    display: block;
}

.dhtmlxcalendar_dhx_terrace span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
    border-bottom: 2px solid red;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: block;
    width: 27px;
    color: #3da0e3;
    background-color: #efefef;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: block;
    width: 27px;
    color: #3da0e3;
    background-color: #efefef;
}

div.dhtmlxcalendar_skin_detect {
    position: absolute;
    display: block;
    visibility: hidden;
    left: -100px;
    top: 0;
    width: 30px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}

div.dhxcombo_dhx_terrace {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    vertical-align: middle;
    background-color: white;
    font-size: 1px;
    height: 24px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombo_dhx_terrace input.dhxcombo_input {
    position: absolute;
    left: 1px;
    top: 0;
    *top: 1px;
    height: 24px;
    line-height: 23px;
    *height: 22px;
    *line-height: 21px;
    border: 0 solid white;
    outline: 0 solid white;
    padding: 0;
    margin: 0 0 0 2px;
    background-color: white;
    vertical-align: top;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
}

div.dhxcombo_dhx_terrace input.dhxcombo_input::-ms-clear {
    display: none;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
    position: absolute;
    width: 16px;
    height: 17px;
    top: 4px;
    right: 2px;
    font-size: 1px;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button div.dhxcombo_select_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("imgs/dhxcombo_terrace/dhxcombo_arrow_down.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 25px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    cursor: default;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image {
    top: 4px;
    *top: 3px;
}

div.dhxcombolist_dhx_terrace {
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0 3px 5px rgba(127, 127, 127, 0.35);
    background-color: #f5f5f5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow-x: none;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option {
    position: relative;
    font-size: inherit;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    overflow: hidden;
    cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected {
    background-color: #fff3a1;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected .dhxcombo_option_text {
    color: black;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text {
    position: relative;
    padding: 0 4px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: nowrap;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
    position: relative;
    padding: 0 4px 0 4px;
    margin-left: 20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: nowrap;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox {
    position: absolute;
    left: 3px;
    width: 18px;
    height: 18px;
    background-image: url("imgs/dhxcombo_terrace/dhxcombo_chbx.gif");
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox {
    top: 5px;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
    background-position: 0 0;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
    background-position: -18px 0;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
    position: relative;
    padding: 0 4px 0 4px;
    margin-left: 20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: nowrap;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
    top: 5px;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image,
div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
    top: 5px;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled {
    border: 1px solid #d4d4d4;
    background-color: #fcfcfc;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled input.dhxcombo_input {
    color: #bbb;
    background-color: #fcfcfc;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
    background-image: url("imgs/dhxcombo_terrace/dhxcombo_arrow_down_dis.gif");
    cursor: default;
}

.dhxgrid_combo_icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

div.dhxcombo_in_grid_parent {
    position: relative;
    height: 100%;
    top: 0;
}

div.dhxcombo_in_grid_parent div.dhxcombo_dhx_terrace {
    position: absolute;
    top: 3px;
    left: -22px;
    border-color: #fff3a1;
}

div.dhxcombo_in_grid_parent input.dhxcombo_input {
    border-left: 20px solid white;
    font-family: Arial;
    font-size: 12px;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr {
    border-bottom-width: 0;
    height: 31px;
    line-height: 31px;
    box-shadow: none;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext {
    position: relative;
    padding: 0;
    white-space: nowrap;
    cursor: default;
    font-family: Arial, Helvetica;
    font-size: 13px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-left: 1px solid #f5f5f5;
    padding: 0;
    margin: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
    border-left-width: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option {
    height: 27px;
    line-height: 27px;
    margin-top: -1px;
    z-index: 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    background-color: white;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
    padding: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #f5f5f5;
    padding: 0;
    margin: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
    border-left-width: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
    z-index: 1;
    background-color: #fff3a1;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
    border-left-color: #fff3a1;
    color: black;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    min-height: 32px;
}

.dhxcombo_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxcolorpicker_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_area {
    position: absolute;
    width: 254px;
    height: 272px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f5f5f5;
    box-shadow: 0 0 5px 2px #cfcfcf;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory {
    height: 317px!important;
}

.dhtmlxcp_dhx_terrace .dhxcp_sub_area {
    margin: 1px;
    width: 252px;
    height: 270px;
    border-radius: 2px;
    background-color: #f5f5f5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_sub_area {
    height: 315px!important;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_color_area {
    padding: 10px;
    width: 232px;
    height: 122px;
    margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector {
    position: absolute;
    width: 210px;
    height: 120px;
    background-image: url("imgs/dhxcp_terrace/dhxcp_colors.png");
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    cursor: pointer;
    float: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_contrast_area {
    border: 1px solid #ccc;
    position: relative;
    height: 120px;
    width: 10px;
    cursor: pointer;
    float: right;
}

.dhtmlxcp_dhx_terrace .dhxcp_ie_gradient {
    height: 120px;
    width: 10px;
    margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_v_line {
    position: absolute;
    width: 0;
    height: 120px;
    border-left: 1px solid #fff;
    cursor: pointer;
    overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line,
.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
    position: absolute;
    height: 0;
    border-top: 1px solid #fff;
    cursor: pointer;
    overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line {
    width: 210px;
}

.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
    width: 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_input_area {
    padding: 0 10px;
    width: 232px;
    height: 78px;
    margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_value_cont {
    width: 60px;
    height: 78px;
    float: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_value_color {
    width: 58px;
    height: 30px;
    border: 1px solid #ccc;
}

.dhtmlxcp_dhx_terrace .dhxcp_value {
    width: 54px;
    height: 21px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    margin: 5px 0 0 0;
    padding: 0 2px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    text-align: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_inputs_cont {
    border: none;
    border-spacing: 0;
    width: 160px;
    height: 78px;
    float: right;
}

.dhtmlxcp_dhx_terrace .dhxcp_label_hsl,
.dhtmlxcp_dhx_terrace .dhxcp_label_rgb {
    text-align: right;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    padding: 0 3px 0 0;
}

.dhtmlxcp_dhx_terrace td.dhxcp_input_hsl,
.dhtmlxcp_dhx_terrace td.dhxcp_input_rgb {
    width: 27px;
    border: none;
    padding: 0;
    margin: 0;
}

.dhtmlxcp_dhx_terrace input.dhxcp_input_hsl,
.dhtmlxcp_dhx_terrace input.dhxcp_input_rgb {
    width: 24px;
    height: 19px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    text-align: right;
    padding: 1px 3px;
    margin: 2px 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_memory_area {
    width: 232px;
    height: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont {
    width: 232px;
    margin: 0;
    height: 24px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button {
    outline: none;
    border-radius: 0;
    padding: 0;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:hover,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:hover {
    background-color: #ebebeb;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:active,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:active {
    background-color: #e6e6e6;
    box-shadow: 0 0 3px #d6d6d6 inset;
}

.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory {
    width: 232px;
    height: 24px;
    margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory .dhxcp_label_bm {
    display: inherit;
    width: 90px;
    margin: 0 auto;
    height: 16px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_els_cont {
    width: 232px;
    height: 25px;
    margin-top: 3px;
    text-align: center;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 1px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el_select {
    border: 1px dashed black!important;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el_next {
    border: 1px dashed red!important;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_g_memory_area {
    height: 55px!important;
    border-top: none!important;
    margin: 5px 10px 5px 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area {
    padding: 0 10px;
    width: 232px;
    height: 28px;
    text-align: right;
    margin: 0;
}

.dhtmlxcp_dhx_terrace .dhx_button_save,
.dhtmlxcp_dhx_terrace .dhx_button_cancel {
    height: 26px;
    line-height: 22px;
    width: 75px;
    margin: 0 2px;
    overflow: hidden;
    text-align: center;
}

.dhxcp_colorBox {
    float: right;
}

.dhxcp_colorInput {
    float: left;
}

.dhxcp_frm {
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    width: 256px;
    height: 274px;
}

.dhtmlxslider_dhx_terrace {
    z-index: 0;
}

.dhtmlxslider_dhx_terrace .dhxsl_hidden {
    display: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_container {
    position: relative;
    float: left;
    clear: left;
    margin: 0;
    padding: 1px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_hr {
    margin-top: 4px;
}

.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_vr {
    margin-left: 4px;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner {
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #e8e8e8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    z-index: 1;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner.dhxsl_runner_actv {
    background-color: #e6e6e6;
    z-index: 2;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_runner {
    width: 12px;
    height: 22px;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_runner {
    width: 22px;
    height: 12px;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner_dis {
    border: 1px solid #d1d1d1;
    background-color: #f0f0f0;
}

.dhtmlxslider_dhx_terrace .dhxsl_track {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_track div.dhxsl_track_bg {
    position: absolute;
    background-color: #f0f0f0;
    font-size: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_track {
    height: 100%;
    width: 8px;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_track div.dhxsl_track_bg {
    left: 0;
    width: 100%;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_track {
    width: 100%;
    height: 8px;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg {
    top: 0;
    height: 100%;
}

.dhtmlxslider_dhx_terrace .dhxsl_track_dis {
    border: 1px solid #d1d1d1;
    background-color: #f0f0f0;
}

.dhtmlxslider_dhx_terrace .dhxsl_track_dis div.dhxsl_track_bg {
    background-color: #f0f0f0;
}

.dhxslider_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

div.dhx_popup_skin_detect {
    position: absolute;
    display: block;
    visibility: hidden;
    left: -100px;
    top: 0;
    width: 30px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}

div.dhx_popup_dhx_terrace {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area {
    position: relative;
    margin: 10px;
    padding: 5px 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
    border-radius: 3px;
    background-color: #f5f5f5;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    text-align: left;
    line-height: normal;
    padding: 7px 10px 6px 10px;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_terrace {
    position: relative;
    float: left;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td * {
    white-space: normal;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_terrace {
    position: relative!important;
    box-shadow: none;
    background-image: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_dhx_terrace {
    border: 1px solid #ccc;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_terrace div.dhxcp_g_area {
    position: relative;
    box-shadow: none;
    border: 0 solid white;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
    font-size: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
    position: relative;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    width: 100%;
    border-top: 1px solid #dcdcdc;
    overflow: hidden;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:first-child {
    padding-left: 23px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:last-child {
    padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr:hover td.dhx_popup_td {
    background-color: #fff3a1;
    color: black;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
    background: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
    padding-left: 23px;
    padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
    padding-left: 23px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
    padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
    background-color: #fff3a1;
    color: black;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow {
    position: absolute;
    background-repeat: no-repeat;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_bottom {
    width: 19px;
    height: 16px;
    background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_bottom.gif");
    background-position: top center;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_top {
    width: 19px;
    height: 16px;
    background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_top.gif");
    background-position: bottom center;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_right {
    width: 16px;
    height: 19px;
    background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_right.gif");
    background-position: center left;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_left {
    width: 16px;
    height: 19px;
    background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_left.gif");
    background-position: center right;
}

.dhxmenu_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhtmlxMenu_dhx_terrace_Middle {
    position: relative;
    height: 34px;
    padding: 0 5px;
    border: none;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_dhx_terrace_Middle div.top_sep {
    float: left;
    position: relative;
    height: 20px;
    margin: 5px 6px 0 5px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_dhx_terrace_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
    float: left;
    margin: 2px 3px 0 3px;
    width: 18px;
    height: 18px;
}

.dhtmlxMenu_dhx_terrace_Middle div.dhtmlxMenu_TopLevel_Text_right {
    position: absolute;
    top: 10px;
    left: none;
    right: 8px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    cursor: default;
}

.dhtmlxMenu_dhx_terrace_Middle div.dhtmlxMenu_TopLevel_Text_left {
    position: absolute;
    top: 10px;
    right: none;
    left: 8px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    cursor: default;
}

.dhtmlxMenu_dhx_terrace_Middle.dir_left div.align_left {
    float: left;
}

.dhtmlxMenu_dhx_terrace_Middle.dir_left div.align_right {
    float: right;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Normal,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected {
    position: relative;
    float: left;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: default;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    margin-top: 2px;
    padding: 3px 5px;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Normal div.top_level_text,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled div.top_level_text,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected div.top_level_text {
    float: left;
    margin: 0 5px;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Normal i,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled i,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected i {
    height: inherit;
    line-height: inherit;
    float: left;
    color: inherit;
    margin: 0 5px;
    font-size: 1.1em;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled {
    color: #d1d1d1;
    background-color: #ededed;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected {
    color: #2e2e2e;
    background-color: #ebebeb;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon {
    position: absolute;
    border: 1px solid #ccc;
    *border: 1px solid #c7c7c7;
    box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
    padding: 3px 0;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
    background-color: #f5f5f5;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    line-height: normal;
    padding: 0 5px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td {
    background-color: #fff3a1;
    color: black;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
    width: 18px;
    text-align: center;
    vertical-align: middle;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
    float: left;
    margin: 0;
    width: 18px;
    height: 18px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon i {
    float: left;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 1.1em;
    color: inherit;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
    padding: 0 16px 0 1px;
    height: 26px;
    line-height: 25px;
    white-space: nowrap;
    text-align: left;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
    color: #bbb;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_icon i {
    color: #bbb!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
    padding-left: 8px;
    padding-right: 8px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #737373;
    text-align: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
    color: #c8c8c8!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
    width: 4px;
    margin: 0 2px 0 5px;
    height: 22px;
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_subar.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    font-size: 1px;
    float: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
    background-position: -4px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
    background-position: -8px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
    width: 11px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_loader.gif");
    float: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
    float: left;
    margin: 0;
    width: 18px;
    height: 18px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_chrd.gif");
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
    background-position: 0 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
    background-position: -18px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
    background-position: -36px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
    background-position: -54px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
    background-position: -72px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
    background-position: -90px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
    background-position: -108px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
    background-position: -126px 0!important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon tr.sub_sep td {
    padding: 2px 0;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon div.sub_sep {
    position: static;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    width: 100%;
    border-top: 1px solid #e8e8e8;
}

iframe.dhtmlxMenu_IE6CoverFix_dhx_terrace {
    position: absolute;
    border: none;
    background: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Disabled {
    position: relative;
    font-size: 1px;
    border-bottom: 1px solid #ccc;
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_up.gif");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 0;
    margin-bottom: 3px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Disabled {
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_up_dis.gif");
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Disabled {
    position: relative;
    font-size: 1px;
    border-top: 1px solid #ccc;
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_down.gif");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 0;
    margin-top: 3px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Disabled {
    background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_down_dis.gif");
}

.dhtmlxribbon_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    background-color: #fff;
    border: 1px solid #ccc;
}

.dhtmlxribbon_dhx_terrace {
    overflow: hidden;
    width: 100%;
}

.dhtmlxribbon_dhx_terrace .dhxrb_background_area {
    height: 116px;
    background-color: #fff;
    margin: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_with_tabbar {
    height: 151px;
}

.dhtmlxribbon_dhx_terrace div.dhx_cell_tabbar {
    background-color: #fff;
}

.dhtmlxribbon_dhx_terrace .dhxrb_g_area {
    height: 114px;
    float: left;
    clear: left;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base {
    margin: 3px 0 3px 3px;
    float: left;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 3px;
    height: 108px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base .dhxrb_block_items {
    height: 85px;
    float: left;
    padding: 2px 0;
    overflow: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base>.dhxrb_block_label {
    height: 19px;
    line-height: 18px;
    *height: auto;
    *line-height: 1em;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base .dhxrb_block_label {
    text-align: center;
    clear: left;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #b5b5b5;
    background-color: #e8e8e8;
    *font-size: 12px;
    *padding: 1px 3px 3px;
    *font-family: Arial;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button {
    margin: 1px 3px;
    float: left;
    text-align: center;
    padding: 4px 10px;
    height: 72px;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_image {
    width: 48px;
    height: 48px;
    border: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button i {
    position: relative;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 48px;
    height: 48px;
    line-height: 47px;
    font-size: 30px;
    color: inherit;
    cursor: default;
    text-align: center;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_label_button {
    margin: 0 auto;
    cursor: default;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    line-height: 11px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_invisible {
    visibility: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block {
    float: left;
    margin: 0 3px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block .dhxrb_invisible {
    display: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button {
    height: 22px;
    margin: 1px 0;
    float: left;
    clear: left;
    padding: 1px 8px;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row {
    height: 22px;
    margin: 1px 0;
    float: left;
    padding: 1px 8px;
    white-space: nowrap;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_group .dhxrb_buttoncombo_cont {
    height: 20px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_buttoncombo_cont {
    height: 24px;
    padding: 1px 2px!important;
}

.dhtmlxribbon_dhx_terrace .dhxrb_buttoncombo {
    float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_slider,
.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_slider {
    float: left;
    margin-right: 5px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row center,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group center,
.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button center {
    float: left;
    margin: 0;
    padding: 0;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_slider {
    float: left;
    margin-right: 5px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_slider {
    width: 16px;
    margin: 2px 0;
    height: 50px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group {
    height: 20px;
    float: left;
    padding: 1px 4px;
    border: 1px solid #f0f0f0;
}

.dhtmlxribbon_dhx_terrace .dhxrb_input {
    float: left;
    border: 1px solid #ccc;
    height: 18px;
    width: 80px;
    padding: 1px 2px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_input:disabled {
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    color: #bbb;
}

.dhtmlxribbon_dhx_terrace div.dhxcombo_dhx_terrace input.dhxcombo_input {
    float: left;
    height: 18px;
    width: 80px;
    padding: 1px 2px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    line-height: 18px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_input,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group div.dhxcombo_dhx_terrace input.dhxcombo_input {
    height: 16px;
    padding: 1px 1px;
    line-height: 16px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
    top: 0;
}

.dhtmlxribbon_dhx_terrace div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
    top: 2px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_image,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_image,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_image {
    margin: 2px 0;
    width: 18px;
    height: 18px;
    float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button i,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row i,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group i {
    position: relative;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 15px;
    margin-top: 1px;
    color: inherit;
    cursor: default;
    text-align: center;
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_disable i {
    color: #bbb;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_button {
    float: left;
    cursor: default;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_label_button {
    margin: 1px 0 1px 6px;
    line-height: 19px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_button {
    margin: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_label_checkbox {
    float: left;
    margin: 0 4px;
    cursor: default;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    line-height: 21px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_group .dhxrb_label_checkbox {
    line-height: 19px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_disable_text_style,
.dhtmlxribbon_dhx_terrace .dhxrb_item_disable .dhxrb_label_checkbox {
    color: #bbb!important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.dhtmlxribbon_dhx_terrace .dhxrb_highlight0 {
    border-color: #ebebeb;
    background-color: #ebebeb;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_highlight1 {
    border-color: #e6e6e6;
    background-color: #e6e6e6;
    box-shadow: 0 0 3px #d9d9d9 inset;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group.dhxrb_highlight1,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group.dhxrb_highlight0 {
    border-radius: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_hide {
    display: none!important;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_rows {
    float: left;
    margin: 0 3px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_row {
    float: left;
    clear: left;
    height: 28px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_arrow {
    padding: 0 5px;
    margin-left: 2px;
    background: url("imgs/dhxribbon_terrace/dhxribbon_arrow.gif") no-repeat 50%;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block .dhxrb_group {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    height: 24px;
    border-radius: 3px;
    float: left;
    clear: left;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_row .dhxrb_group {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    height: 24px;
    border-radius: 3px;
    float: left;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_hide {
    display: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_separator_groupp {
    height: 24px;
    width: 0;
    border-left: 1px solid #cacaca;
    overflow: hidden;
    float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checkbox {
    border: 1px solid #ccc;
    background-color: white;
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    overflow: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_checkbox {
    margin-top: 3px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checked .dhxrb_checkbox {
    background-image: url("imgs/dhxribbon_terrace/dhxribbon_checked.gif");
    background-repeat: no-repeat;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checked.dhxrb_item_disable>.dhxrb_checkbox {
    background-image: url("imgs/dhxribbon_terrace/dhxribbon_checked_dis.gif");
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_disable .dhxrb_checkbox {
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_text {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_item_text {
    height: 20px;
    line-height: 19px;
    *float: left;
    *clear: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_item_text,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_item_text {
    font-family: Arial, Helvetica;
    font-size: 14px;
    color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_item_text {
    font-family: Arial, Helvetica;
    font-size: 30px;
    color: #333;
    line-height: 72px;
    height: 72px;
    float: left;
    clear: left;
}

.dhxtoolbar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhx_toolbar_dhx_terrace {
    background-color: #fff;
    position: relative;
    padding: 0 5px;
    height: 34px;
    line-height: normal;
    cursor: default;
    overflow: hidden;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
    font-size: 20px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
    font-size: 26px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
    font-size: 38px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_float_left {
    float: left;
    *margin-left: 1px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_float_right {
    float: right;
    *margin-right: 1px;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    position: relative;
    float: left;
    margin-top: 2px;
    padding: 3px 5px;
    *padding-bottom: 4px;
    *margin-left: -1px;
    line-height: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    height: 22px;
    *height: 20px;
    overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
    color: #bbb;
    background-color: #fafafa;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_over,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_over {
    color: #2e2e2e;
    background-color: #ebebeb;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
    color: #2e2e2e;
    background-color: #e6e6e6;
    box-shadow: 0 0 5px #d9d9d9 inset;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn {
    float: left;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
    background-color: #e6e6e6;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn img {
    float: left;
    margin: 2px;
    width: 18px;
    height: 18px;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn i {
    float: left;
    margin: 2px;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 1.1em;
    text-align: center;
    cursor: default;
    color: inherit;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn .dhxtoolbar_input {
    position: relative;
    float: left;
    border: 1px solid #ccc;
    background-color: #fff;
    margin: 1px 5px;
    padding: 2px;
    font-family: Arial, Helvetica;
    font-size: 11px;
    color: black;
    line-height: normal;
    direction: ltr;
    outline: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn .dhxtoolbar_input:disabled {
    background-color: #fafafa;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
    border-color: #c2c2c2;
    background-color: #dcdcdc;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
    border-color: #c2c2c2;
    background-color: #e1e1e1;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw {
    margin-left: -3px;
    z-index: 1;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw div.arwimg {
    margin: 2px 0;
    padding: 0 3px;
    background-image: url("imgs/dhxtoolbar_terrace/dhxtoolbar_arrow.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg {
    background-image: url("imgs/dhxtoolbar_terrace/dhxtoolbar_arrow_dis.gif");
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw div.arwimg {
    float: left;
    font: inherit;
    height: 18px;
    line-height: 17px;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn div.dhxtoolbar_text {
    padding: 0;
    margin: 2px 5px;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_sep {
    float: left;
    height: 20px;
    margin: 5px 6px 0 5px;
    overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_text {
    float: left;
    vertical-align: middle;
    margin-top: 3px;
    padding: 5px;
    line-height: 17px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_r {
    float: left;
    height: 5px;
    line-height: 1px;
    margin: 8px 0 6px 0;
    padding: 0;
    width: 2px;
    font-size: 1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e8e8e8;
    overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_l {
    margin-left: 4px;
    border-left: 1px solid #ccc;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_r {
    margin-right: 4px;
    border-right: 1px solid #ccc;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_pen,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    position: absolute;
    top: 6px;
    width: 7px;
    height: 14px;
    border: 1px solid #ccc;
    background-color: #e8e8e8;
    border-radius: 1px;
    cursor: default;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 {
    height: 40px!important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_arw {
    height: 28px;
    *height: 26px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
    width: 24px;
    height: 24px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
    width: 24px;
    height: 24px;
    line-height: 23px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_arw div.arwimg {
    height: 24px;
    line-height: 23px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_text {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
    height: 26px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
    margin-top: 11px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen {
    top: 9px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn .dhxtoolbar_input {
    margin-top: 4px;
    margin-bottom: 4px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 {
    height: 48px!important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_arw {
    height: 36px;
    *height: 34px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
    width: 32px;
    height: 32px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
    width: 32px;
    height: 32px;
    line-height: 31px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_arw div.arwimg {
    height: 32px;
    line-height: 31px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
    height: 34px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
    margin-top: 15px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen {
    top: 13px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn .dhxtoolbar_input {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 {
    height: 64px!important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_arw {
    height: 52px;
    *height: 50px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
    width: 48px;
    height: 48px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
    width: 48px;
    height: 48px;
    line-height: 47px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_arw div.arwimg {
    height: 48px;
    line-height: 47px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_text {
    padding-top: 18px;
    padding-bottom: 18px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
    height: 50px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
    margin-top: 23px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen {
    top: 21px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn .dhxtoolbar_input {
    margin-top: 16px;
    margin-bottom: 16px;
}

div.dhx_toolbar_poly_dhx_terrace {
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
    padding: 3px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhx_toolbar_poly_dhx_terrace td {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    line-height: normal;
    padding: 0 5px;
}

div.dhx_toolbar_poly_dhx_terrace .tr_btn_over td,
div.dhx_toolbar_poly_dhx_terrace .tr_btn_selected td {
    background-color: #fff3a1;
}

div.dhx_toolbar_poly_dhx_terrace .tr_btn_disabled td {
    color: #bbb;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_img {
    width: 18px;
    text-align: center;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_img img.btn_sel_img {
    margin-top: 2px;
    width: 18px;
    height: 18px;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_img i {
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    color: inherit;
    font-size: 1.1em;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_txt div.btn_sel_text {
    padding: 0 16px 0 1px;
    height: 26px;
    line-height: 25px;
    overflow: hidden;
}

div.dhx_toolbar_poly_dhx_terrace tr.tr_sep td {
    padding: 2px 0;
}

div.dhx_toolbar_poly_dhx_terrace div.btn_sep {
    position: relative;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    width: 100%;
    border-top: 1px solid #ccc;
}

div.dhx_toolbar_slider_label_dhx_terrace {
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
    background-color: #fff;
    padding: 5px 8px;
    border-radius: 2px;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
}

.dhxtoolbar_maxopen_test {
    position: absolute;
    width: 200px;
    height: 50px;
    overflow-x: none;
    overflow-y: auto;
    left: -300px;
    top: 100px;
    border: 1px solid #fff;
    visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
    height: 200px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
    position: relative;
    height: 42px;
    line-height: 41px;
    padding: 6px 8px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    white-space: nowrap;
    background: white;
    z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
    position: relative;
    height: 42px;
    line-height: 41px;
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
}

.dhxeditor_dhx_terrace {
    position: relative;
}

.dhxeditor_dhx_terrace iframe.dhxeditor_mainiframe {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
    position: relative;
    height: 34px;
    background-color: #f5f5f5;
    padding: 0 5px;
    border-bottom: 1px solid #ccc;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button {
    float: left;
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 2px;
    margin-left: 7px;
    margin-top: 9px;
    cursor: pointer;
    background-image: url("imgs/dhxeditor_terrace/buttons.gif");
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_bold {
    margin-left: 12px;
    background-position: 0 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_italic {
    background-position: -18px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_underline {
    background-position: -36px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_clearformat {
    background-position: -54px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
    position: absolute;
    overflow: hidden;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
    padding: 0;
    border-top: 1px solid #ccc;
}

.dhxeditor_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhx_tooltip {
    display: none;
    position: absolute;
    font-family: Arial, Helvetica;
    color: #626262;
    font-size: 13px;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #d9d9d9;
    -webkit-box-shadow: 0 0 3px #d9d9d9;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
}

.dhx_chart {
    position: relative;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    overflow: hidden;
    z-index: 0;
}

.dhx_chart canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.dhx_canvas_text {
    position: absolute;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1000;
}

.dhx_map_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
}

.dhx_axis_item_y {
    position: absolute;
    height: 18px;
    line-height: 18px;
    margin-top: -4px;
    text-align: right;
}

.dhx_axis_title_x {
    text-align: center;
}

.dhx_axis_title_y {
    text-align: center;
    font-family: Arial, Helvetica;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 18px;
    line-height: 18px;
    font-size: 13px;
}

.dhx_ie_filter {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    zoom: 1;
    font-family: serif;
}

.dhx_chart_legend {
    position: absolute;
    z-index: 1000;
}

.dhx_chart_legend_item {
    height: 18px;
    line-height: 18px;
    padding: 2px;
    cursor: pointer;
}

.dhx_chart_legend_item.hidden {
    color: #aaa;
}

.dhx_axis_item_y.dhx_radar {
    color: #666;
    font-size: 12px;
    padding-right: 3px;
    height: 13px;
    line-height: 13px;
    margin-top: 0;
}

.dhx_canvas_text.dhx_axis_radar_title {
    margin-top: 0;
    padding-top: 0;
}

.dhx_axis_item_y,
.dhx_axis_item_x {
    color: #666;
}

.dhx_axis_item_x {
    padding-top: 2px;
}

.dhx_tooltip {
    display: none;
    position: absolute;
    font-family: Arial, Helvetica;
    color: #626262;
    font-size: 13px;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #d9d9d9;
    -webkit-box-shadow: 0 0 3px #d9d9d9;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
}

.dhx_noselect {
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
}

.dhx_allow_selection {
    -moz-user-select: text;
    -user-select: text;
}

.dhx_dataview {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-select: none;
}

.dhx_drag_zone {
    position: absolute;
    border: 1px solid #A4BED4;
    z-index: 8000;
    -moz-box-shadow: 5px 5px 5px #888;
    -khtml-box-shadow: 5px 5px 5px #888;
}

.dhx_dataview_default_item,
.dhx_dataview_default_item_selected {
    cursor: pointer;
    background-color: #fff;
}

.dhx_dataview .dhx_dataview_default_item,
.dhx_dataview .dhx_dataview_default_item_selected {
    border-right: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
}

.dhx_dataview_default_item_selected {
    background-color: #fff3a1;
    color: #fff3a1;
    border-color: #fff3a1;
    background-repeat: repeat-x;
}

.dhx_dataview_item {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
}

.dhx_dataview_item .dhx_strong {
    font-weight: bold;
    display: block;
    padding-bottom: 6px;
}

.dhx_dataview_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
    color: #919191;
}

.dhx_drag_over {
    background-color: #faf768;
    background-image: url("imgs/dhxdataview_terrace/marker.png");
    background-repeat: repeat-x;
}

.dhx_pager_item,
.dhx_pager_item_selected {
    float: left;
    text-align: center;
    height: 16px;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    border: 1px solid gray;
    padding: 2px 4px;
    margin-left: 5px;
    cursor: pointer;
    background-color: white;
}

.dhx_pager_item_selected {
    background-color: lightgrey;
    color: white;
    cursor: default;
    font-weight: bold;
}

.dhx_list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-select: none;
}

.dhx_list_default_item,
.dhx_list_default_item_selected {
    cursor: pointer;
    background-color: #fff;
}

.dhx_list .dhx_list_default_item,
.dhx_list .dhx_list_default_item_selected {
    border-right: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
}

.dhx_list_default_item_selected {
    background-color: #fff3a1;
    color: #fff3a1;
    border-color: #fff3a1;
    background-repeat: repeat-x;
}

.dhx_list_item {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: black;
    box-sizing: border-box;
}

.dhx_list_item textarea {
    resize: none;
    margin-top: -8px;
}

.dhx_list_item .dhx_strong {
    font-weight: bold;
    display: block;
    padding-bottom: 6px;
}

.dhx_list_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_list_item .dhx_light {
    color: #919191;
}

.defaultTreeTable {
    margin: 0;
    padding: 0;
    border: 0;
}

.containerTableStyle {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    top: 0;
    font-size: 12px;
    -khtml-user-select: none;
}

.containerTableStyleRTL span {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
    direction: rtl;
    overflow: auto;
    position: relative;
    top: 0;
    font-size: 12px;
}

.standartTreeRow {
    font-family: Arial, Helvetica;
    font-size: 13px;
    -moz-user-select: none;
}

.selectedTreeRow {
    background-color: navy;
    color: white;
    font-family: Arial, Helvetica;
    font-size: 13px;
    -moz-user-select: none;
}

.dragAndDropRow {
    background-color: navy;
    color: white;
}

.standartTreeRow_lor {
    text-decoration: underline;
    background-color: #fff;
    font-family: Arial, Helvetica;
    font-size: 13px;
    -moz-user-select: none;
}

.selectedTreeRow_lor {
    text-decoration: underline;
    background-color: navy;
    color: white;
    font-family: Arial, Helvetica;
    font-size: 13px;
    -moz-user-select: none;
}

.standartTreeImage {
    height: 24px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1px;
}

.standartTreeImage img {
    width: 18px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.hiddenRow {
    width: 1px;
    overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
    font-family: Arial, Helvetica;
    font-size: 12px;
    background-color: #fff;
    z-index: 999;
}

.a_dhx_hidden_input {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    background: none;
}

.a_dhx_hidden_input {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    background: none;
}

.selectionBox {
    background-color: #FFC;
}

.selectionBar {
    top: 0;
    background-color: black;
    position: absolute;
    overflow: hidden;
    height: 2px;
    z-index: 11;
}

.intreeeditRow {
    font-size: 8pt;
    height: 16px;
    border: 1px solid silver;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    -moz-user-select: text;
    -khtml-user-select: text;
}

.dhx_tree_textSign {
    font-size: 8pt;
    font-family: monospace;
    width: 21px;
    color: black;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.dhx_tree_opacity {
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_bg_img_fix {
    width: 18px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

.dhxtree_dhx_terrace .standartTreeRow,
.dhxtree_dhx_terrace .standartTreeRow,
.dhxtree_dhx_terrace .selectedTreeRow_lor,
.dhxtree_dhx_terrace .selectedTreeRow {
    font-family: Arial, Helvetica;
    font-size: 13px;
    padding: 3px 1px 4px 2px;
}

.dhxtree_dhx_terrace .standartTreeImage {
    padding-left: 3px;
}

.dhxtree_dhx_terrace .selectedTreeRow_lor,
.dhxtree_dhx_terrace .selectedTreeRow {
    background-color: transparent;
}

.dhxtree_dhx_terrace span.selectedTreeRow_lor,
.dhxtree_dhx_terrace span.selectedTreeRow {
    background-color: #fff3a1;
    color: black;
}

.dhxtree_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxtreeview_dhx_terrace {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont {
    position: absolute;
    overflow: auto;
    background-color: #fff;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area {
    position: relative;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont {
    position: relative;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item {
    position: relative;
    white-space: nowrap;
    cursor: default;
    color: black;
    font-size: 13px;
    font-family: Arial, Helvetica;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text {
    position: relative;
    padding: 0;
    margin: 0;
    height: 32px;
    line-height: 31px;
    color: inherit;
    vertical-align: middle;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_label {
    position: absolute;
    top: 0;
    padding: 0 10px 0 4px;
    height: 32px;
    line-height: inherit;
    font: inherit;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
    background-color: #fff3a1;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
    background-color: #fff3a1;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
    background-color: #fffad4;
    border-color: #fffad4;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
    background-color: #fffad4;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon {
    position: absolute;
    width: 24px;
    top: 0;
    height: 32px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #333;
    overflow: hidden;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_plus {
    background-image: url(imgs/dhxtreeview_terrace/icon_plus.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_minus {
    background-image: url(imgs/dhxtreeview_terrace/icon_minus.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_file {
    background-image: url(imgs/dhxtreeview_terrace/icon_file.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_closed {
    background-image: url(imgs/dhxtreeview_terrace/icon_folder_closed.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_opened {
    background-image: url(imgs/dhxtreeview_terrace/icon_folder_opened.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_loading {
    background-image: url(imgs/dhxtreeview_terrace/loading.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_0 {
    background-image: url(imgs/dhxtreeview_terrace/icon_chbx_0.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_1 {
    background-image: url(imgs/dhxtreeview_terrace/icon_chbx_1.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_0 {
    background-image: url(imgs/dhxtreeview_terrace/icon_chbx_dis_0.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_1 {
    background-image: url(imgs/dhxtreeview_terrace/icon_chbx_dis_1.gif);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-folder-open-o,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-folder-o {
    position: absolute;
    line-height: 32px;
    left: 4px;
    width: 10px;
    text-align: left;
    overflow: visible;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o {
    position: absolute;
    line-height: 32px;
    left: 4px;
    width: 10px;
    text-align: left;
    overflow: visible;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o.dhx-disabled,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o.dhx-disabled {
    color: #a6a6a6;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview {
    display: none;
    position: absolute;
    height: 0;
    width: 40px;
    border-bottom: 2px dotted #a18c00;
    z-index: 1;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_0 {
    display: block;
    top: -1px;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_2 {
    display: block;
    top: 31px;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item.dhxtreeview_item_dragged {
    opacity: .4;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover {
    background-color: #fff3a1;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1 div.dhxtreeview_item_label,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover div.dhxtreeview_item_label {
    background-color: #fff3a1;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
    background-color: #fffad4;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
    background-color: #fffad4;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
    background-color: #fff;
}

.dhxtreeview_dhx_terrace div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
    background-color: #fff;
}

.dhxtreeview_dhx_terrace.dhxtreeview_icon_width {
    position: absolute;
    left: 0;
    top: -100px;
    width: 24px;
    height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dhxtreeview_dragged_obj_dhx_terrace {
    position: absolute;
    font-size: 13px;
    color: black;
    font-family: Arial, Helvetica;
    white-space: nowrap;
    cursor: default;
    background-color: #fcfcfc;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(90, 90, 90, 0.2);
    padding: 6px 14px;
    border: 1px solid #ccc;
}

html.dhxtreeview_dnd_mode,
html.dhxtreeview_dnd_mode *,
body.dhxtreeview_dnd_mode,
body.dhxtreeview_dnd_mode * {
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td div.dhxtreeview_dhx_terrace div.dhxtreeview_item div.dhxtreeview_item_label {
    white-space: nowrap;
}

.dhxtreeview_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

div.gridbox {
    overflow: hidden;
    text-align: left;
}

.dhx_sub_row {
    background-color: #fff;
}

div.gridbox table.obj {
    height: 1px;
}

div.gridbox table.hdr td {
    line-height: normal;
    border: 1px solid;
    border-color: #fff Gray Gray #fff;
    text-align: center;
    margin: 0;
    padding: 5px 0 4px 0;
    font-weight: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    empty-cells: show;
}

div.gridbox table.hdr td div.hdrcell {
    overflow: hidden;
}

div.gridbox table.obj td {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    empty-cells: show;
    white-space: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
    padding: 0;
    margin: 0;
}

div.gridbox table.row20px tr td {
    height: 20px;
    white-space: nowrap;
    padding: 0;
}

div.gridbox .objbox {
    background-color: #fff;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
    width: 18px;
}

div.gridbox table.obj td.editable {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

div.gridbox table.obj td.group_row {
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    height: 30px;
    border: 0;
    border-bottom: 2px solid navy;
}

.dragSpanDiv {
    font-family: Arial, Helvetica;
    font-size: 12px;
    border: 1px gray solid;
    background-color: #fff;
    z-index: 999;
}

.dhx_combo_select {
    border: 1px solid;
    border-color: black silver silver black;
    background-color: #fff;
    overflow: auto;
    cursor: default;
    position: absolute;
    height: auto;
    z-index: 600;
}

.dhx_combo_edit {
    width: 100%;
    border: 0;
    padding: 0;
    padding-right: 1px!ie;
    margin: 0;
    overflow: hidden;
}

.dhx_textarea {
    border: 1px solid;
    border-color: black silver silver black;
    position: absolute;
    height: 100px;
    z-index: 600;
}

.dhx_clist {
    background-color: #fff;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    z-index: 300;
}

.gridDragLine {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: black;
    overflow: hidden;
    pointer-events: none;
}

div.pagingBlock .pagingCurrentPage {
    font-weight: bold;
    cursor: default;
}

div.pagingBlock .pagingPage {
    cursor: pointer;
    text-decoration: underline;
}

div.pagingBlock a {
    text-decoration: none;
    padding-right: 2px;
    color: black;
    cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
    text-decoration: none;
    cursor: default;
}

.toolbar_select {
    font-size: 10px;
}

.dhtmlxGrid_selection {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    background-color: yellow;
    border: 1px dotted black;
}

div.gridbox div.ftr {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    overflow: hidden;
}

div.gridbox div.ftr td {
    padding: 0;
    padding-left: 10px;
    padding-right: 5px;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    background-color: #ffc;
    font-style: italic;
    overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
    border-right: 3px double #F60;
    border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
    border-right: 3px solid #D4D0C8;
    border-left: 3px double #F60;
}

.dhx_dragColDiv {
    background-color: #D4D0C8;
    border: 1px solid;
    border-color: #fff Gray Gray #fff;
    text-align: center;
    margin: 0;
    padding: 5px 20px 5px 20px;
    font-weight: normal;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 100;
}

.dhtmlx_live_validation_error {
    background-color: #FFE0E0!important;
}

.dhtmlx_validation_error {
    border-bottom: 2px solid red!important;
}

.dhx_header_cmenu {
    background-color: #fff;
    border: 2px outset silver;
    z-index: 2;
}

.dhx_header_cmenu_item {
    white-space: nowrap;
}

div.gridbox td.filter input,
div.gridbox td.filter select {
    width: 90%;
    font-size: 8pt;
    font-family: Tahoma;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

div.gridbox .filter input::-ms-clear {
    display: none;
}

div.gridbox_dhx_terrace.gridbox .xhdr {
    background-color: #fff;
}

div.gridbox_dhx_terrace.gridbox table.hdr tr {
    background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox .ftr tr {
    background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox table.obj,
.dhx_combo_select,
.gridbox_dhx_skyblue.gridbox .dhx_combo_edit,
.gridbox_dhx_skyblue.gridbox .dhx_textarea,
dhx_dragColDiv,
div.gridbox div.ftr td,
div.pagingBlock,
span.recordsInfoBlock,
.dhx_grid_adjust {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td {
    border-color: #ccc;
    border-width: 0 0 1px 0;
    padding-right: 20px;
    padding-left: 20px;
}

div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    width: auto;
    padding-left: 20px;
    line-height: 36px;
    text-transform: uppercase;
    width: 100%!ie;
}

div.gridbox_dhx_terrace.gridbox .ftr table td {
    width: auto;
    background-color: #fff;
    border-width: 1px 0 0 0;
    font-style: normal;
    color: #333;
    border-color: #ccc;
    padding-left: 20px;
    line-height: 41px;
    width: 100%!ie;
}

div.gridbox_dhx_terrace.gridbox table.hdr td {
    border: 1px solid #ccc;
    border-width: 0;
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #333;
    vertical-align: top;
    text-align: left;
    position: relative;
}

div.gridbox_dhx_terrace.gridbox {
    border: 1px solid #ccc;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;
    line-height: 35px;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td.editable {
    padding-left: 20px;
    padding-right: 0;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td.editable div.treegrid_cell {
    padding: 1px 4px;
}

div.gridbox_dhx_terrace.gridbox table.obj tr.rowselected {
    background-color: #fff3a1;
}

div.gridbox_dhx_terrace.gridbox table.obj tr.rowselected td {
    background-color: #fff3a1;
    color: black;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr.rowselected td {
    background-color: #fff3a1;
    color: black;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td.cellselected {
    background-color: #fff3a1;
    color: black;
}

div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace {
    background-color: #f7f7f7;
}

.gridbox_dhx_terrace.gridbox .dhx_combo_edit {
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 32px;
}

.dhx_combo_select,
.dhx_textarea {
    margin-left: 20px;
    line-height: 20px;
    font-family: Arial, Helvetica;
    font-size: 13px;
}

.gridbox_dhx_terrace.gridbox .dhx_combo_edit {
    padding: 1px 0 1px 1px;
}

.gridbox_dhx_terrace.gridbox .dhx_sub_row {
    background-color: transparent;
}

.gridbox_dhx_terrace.gridbox table.hdr td.filter {
    padding-left: 20px;
    line-height: 41px;
    height: 30px;
}

div.gridbox_dhx_terrace.gridbox td.filter input,
div.gridbox_dhx_terrace.gridbox td.filter select {
    font-size: 13px!important;
    font-family: Arial, Helvetica!important;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: none;
}

.gridbox_dhx_terrace.gridbox .dhx_combo_box.dhx_terrace {
    height: 30px!important;
    margin-left: -20px;
}

.dhx_header_cmenu {
    background-color: #fff;
    border: 2px outset silver;
    z-index: 2;
}

.dhx_header_cmenu_item {
    white-space: nowrap;
}

.dhx_pbox {
    margin-top: 3px;
    border: 1px solid #D4D0C8;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page,
.dhx_pager_info {
    margin: 3px;
    text-align: center;
    font-family: tahoma;
    font-size: 12px;
    float: left;
    cursor: pointer;
    color: black;
    background-color: gray;
    padding: 1px;
}

.dhx_pager_info {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active {
    font-weight: bold;
    background-color: lightgrey;
    cursor: default;
    color: white;
}

.dhx_pbox_modern {
    margin-top: 3px;
    border: 1px solid #D6D6D6;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline_modern {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
    margin: 3px;
    text-align: center;
    font-family: tahoma;
    font-size: 12px;
    float: left;
    cursor: pointer;
    color: #055A78;
    background-color: #D6D6D6;
    padding: 1px;
}

.dhx_pager_info_modern {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page_modern div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active_modern {
    font-weight: bold;
    background-color: #055A78;
    cursor: default;
    color: white;
}

.dhx_pbox_light {
    margin-top: 3px;
    border: 1px solid #C2D5DC;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline_light {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
    margin: 3px;
    text-align: center;
    font-family: tahoma;
    font-size: 12px;
    float: left;
    cursor: pointer;
    color: #055A78;
    background-color: #93AFBA;
    padding: 1px;
}

.dhx_pager_info_light {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page_light div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active_light {
    font-weight: bold;
    background-color: #D1DFE3;
    cursor: default;
    color: white;
}

.calcTable {
    width: 100px;
    background-color: silver;
    border: 1px black solid;
}

.calcButton {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
}

.calcPressed {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.calcInput {
    background-color: white;
    font-size: 10px;
    font-weight: bold;
    font-family: tahoma, arial;
}

.calkSubmit {
    padding: 2px;
    cursor: pointer;
    text-align: center;
    background-color: silver;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
    width: 9px;
    height: 8px;
    background-image: url("imgs/dhxgrid_terrace/sort_desc.gif");
    background-repeat: no-repeat;
    z-index: 10;
}

.dhxgrid_sort_asc {
    background-image: url("imgs/dhxgrid_terrace/sort_asc.gif");
    background-repeat: no-repeat;
}

.dhxgrid_rh_dhx_terrace {
    position: absolute;
    top: -20px;
    left: -33px;
    width: 32px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-width: 0;
    font-size: 1px;
    overflow: hidden;
}

.dhxgrid_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    display: block;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td .treegrid_cell img {
    display: inline;
}

.dhx_grid_icon {
    text-align: center;
    color: #777;
    font-size: 18px;
}

.dhx_treegrid_icon {
    text-align: center;
    color: #777;
    font-size: 16px;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.grid_cell_dyn {
    position: relative;
    padding-right: 2px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.grid_cell_dyn img {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
}

.grid_cell_dyn span {
    padding-left: 20px;
    width: 100%;
}

.grid_collapse_icon {
    margin-top: -2px;
}

.dhxform_obj_dhx_terrace {
    font-family: Arial, Helvetica;
    float: left;
    line-height: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_base {
    position: relative;
    float: left;
}

.dhxform_obj_dhx_terrace div.dhxform_base_nested {
    padding: 0;
    clear: both;
    *display: inline-block;
}

.dhxform_obj_dhx_terrace.dhxform_block {
    clear: both;
}

.dhxform_obj_dhx_terrace div.block_dhxform_item_label_left {
    display: block;
    clear: both;
    *clear: none;
}

.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:hover {
    outline: 0 solid white;
    text-decoration: none;
    color: inherit;
    cursor: default;
    overflow: hidden;
    white-space: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:focus {
    color: #bfbfbf;
}

.dhxform_obj_dhx_terrace div.disabled span.nav_link {
    color: inherit;
}

.dhxform_obj_dhx_terrace div.dhxform_img {
    width: 18px;
    height: 18px;
    font-size: 1px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c {
    width: 15px;
    height: 15px;
    box-shadow: 0 0 3px #909090;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r {
    width: 15px;
    height: 15px;
    box-shadow: 0 0 3px #999;
    border-radius: 11px;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx0,
.dhxform_obj_dhx_terrace div.dhxform_img.chbx1,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx0,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx1,
.dhxform_obj_dhx_terrace div.dhxform_img.rdbt0,
.dhxform_obj_dhx_terrace div.dhxform_img.rdbt1,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt0,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt1,
.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx0,
.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx1,
.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt0,
.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt1 {
    background-image: url("imgs/dhxform_terrace/dhxform_chbxrd.gif");
    background-repeat: no-repeat;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx0 {
    background-position: -18px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx1 {
    background-position: 0 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx0 {
    background-position: -54px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx1 {
    background-position: -36px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.rdbt0 {
    background-position: -90px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.rdbt1 {
    background-position: -72px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt0 {
    background-position: -126px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt1 {
    background-position: -108px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx0 {
    background-position: -164px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx1 {
    background-position: -146px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt0 {
    background-position: -200px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt1 {
    background-position: -182px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_label {
    font-family: Arial, Helvetica;
    font-size: inherit;
    color: black;
    overflow-x: hidden;
    overflow: hidden;
    white-space: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_left {
    text-align: left;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_center {
    text-align: center;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_right {
    text-align: right;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_label,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_label span.dhxform_item_required {
    color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_item_required {
    margin-left: 5px;
    color: red;
}

.dhxform_obj_dhx_terrace input.dhxform_textarea,
.dhxform_obj_dhx_terrace textarea.dhxform_textarea {
    padding: 4px 2px!important;
    margin: 0;
    font-size: 1em;
    background-color: white;
}

.dhxform_obj_dhx_terrace input.dhxform_textarea::-ms-clear,
.dhxform_obj_dhx_terrace textarea.dhxform_textarea::-ms-clear {
    display: none;
}

.dhxform_obj_dhx_terrace input.dhxform_textarea:focus,
.dhxform_obj_dhx_terrace textarea.dhxform_textarea:focus {
    box-shadow: 0 0 3px #c0c0c0;
    border: 1px solid #bfbfbf;
    outline: none;
}

.dhxform_obj_dhx_terrace .dhxform_textarea {
    border: 1px solid #ccc;
    font-family: Arial, Helvetica;
    font-size: 1em;
    color: black;
    resize: none;
}

.dhxform_obj_dhx_terrace div.disabled .dhxform_textarea {
    color: #bbb;
    background-color: #f0f0f0;
    border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node {
    position: relative;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node .dhxform_textarea {
    border: 1px solid white;
    background-color: white;
    color: white;
    visibility: hidden;
    *height: 1px;
    *line-height: 1px;
    *display: inline;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_img {
    float: none;
    top: 3px;
    left: 0;
    position: absolute;
    margin: 0;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
    float: none;
    top: 5px;
    left: 2px;
    position: absolute;
    margin: 0;
    *top: 3px;
    *left: 0;
}

.dhxform_obj_dhx_terrace .dhxform_select {
    border: 1px solid #ccc;
    background-color: white;
    font-family: Arial, Helvetica;
    font-size: 1em;
    color: black;
    margin: 0;
    padding: 3px 2px 2px 0!important;
    line-height: 100%;
    vertical-align: middle;
}

.dhxform_obj_dhx_terrace .dhxform_select option {
    padding-left: 2px;
}

.dhxform_obj_dhx_terrace div.disabled .dhxform_select {
    color: #bbb;
    background-color: #f0f0f0;
    border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace .dhxform_select option {
    padding: 1px 2px;
}

.dhxform_obj_dhx_terrace .dhxform_select:focus {
    box-shadow: 0 0 3px #c0c0c0;
    border: 1px solid #bfbfbf;
    outline: none;
}

.dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left {
    padding: 5px 0 5px 0;
}

.dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
    margin-right: 19px;
    margin-left: 5px;
}

.dhxform_obj_dhx_terrace fieldset.dhxform_fs {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
    border-radius: 3px;
}

.dhxform_obj_dhx_terrace div.disabled fieldset.dhxform_fs {
    border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace fieldset.dhxform_fs legend.fs_legend {
    font-family: Arial, Helvetica;
    font-size: inherit;
    color: #bfbfbf;
    font-weight: normal;
    padding: 0 4px 1px 4px;
    margin-left: 5px;
    text-align: left;
}

.dhxform_obj_dhx_terrace div.disabled fieldset.dhxform_fs legend.fs_legend {
    color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right {
    clear: both;
    padding-top: 7px;
    cursor: default;
    *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_img,
.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_actv_r {
    float: left;
    margin: 0;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_label {
    float: left;
    padding: 2px 0 1px 0;
    margin: 2px 0 2px 0;
    *padding-top: 0;
    *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_control {
    float: left;
    margin-right: 3px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left {
    clear: both;
    padding-top: 7px;
    cursor: default;
    *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_img,
.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_actv_r {
    float: right;
    margin: 3px 1px 0 5px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_label {
    float: left;
    padding: 4px 0 1px 0;
    margin: 2px 0 2px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_control {
    float: left;
    margin-left: 3px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top {
    clear: both;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top div.dhxform_label {
    float: none;
    margin-bottom: 5px;
    margin-top: 8px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top div.dhxform_control {
    float: none;
    margin-left: 0;
    margin-bottom: 5px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_absolute {
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}

.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_img,
.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_actv_r {
    position: absolute;
}

.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_control,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_label,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_control.dhxform_img_node,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_txt_label2,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute .dhx_button,
.dhxform_obj_dhx_terrace div.block_item_absolute div.dhxform_block {
    position: absolute;
}

.dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    font-family: Arial, Helvetica;
    font-size: inherit;
    color: black;
    font-weight: bold;
    margin: 0 3px;
    padding: 5px 0;
    cursor: default;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_txt_label2 {
    color: #bbb;
}

.dhxform_obj_dhx_terrace .dhx_button {
    margin: 1px 2px;
    background-color: #f0f0f0;
    float: left;
    cursor: default;
    clear: both;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    font-family: Arial, Helvetica;
    font-size: inherit;
    color: #333;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 1px solid #ccc;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_dhx_terrace.dhxform_rtl .dhx_button {
    float: right;
}

.dhxform_obj_dhx_terrace .dhx_button.dhx_button_over {
    color: #333;
    background-color: #ebebeb;
}

.dhxform_obj_dhx_terrace .dhx_button.dhx_button_pressed {
    color: #333;
    background-color: #e6e6e6;
    box-shadow: 0 0 5px #e1e1e1 inset;
}

.dhxform_obj_dhx_terrace div.disabled .dhx_button {
    background-color: #f2f2f2;
}

.dhxform_obj_dhx_terrace .dhx_button .dhx_button {
    float: left;
    margin: 0 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 3px;
    *display: inline;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxform_obj_dhx_terrace .dhx_button .dhx_button.dhx_button_autowidth {
    width: 100%;
    margin: 0;
}

.dhxform_obj_dhx_terrace div.disabled .dhx_button .dhx_button {
    color: #b2b2b2;
}

.dhxform_obj_dhx_terrace .dhx_button:focus {
    outline: 1px dotted #bfbfbf;
}

.dhxform_obj_dhx_terrace .dhx_button .dhx_button_filler {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_dhx_terrace div.dhxform_control div.dhxform_note {
    font-family: Arial, Helvetica;
    font-size: .8em;
    color: gray;
    padding-bottom: 3px;
    white-space: normal;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_control div.dhxform_note {
    color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_info {
    font-family: Arial, Helvetica;
    font-size: .6em;
    color: gray;
    margin-left: 3px;
    padding-bottom: 2px;
    line-height: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.dhxform_obj_dhx_terrace .validate_error .dhxform_label,
.dhxform_obj_dhx_terrace .validate_error .dhxform_textarea,
.dhxform_obj_dhx_terrace .validate_error .dhxform_select,
.dhxform_obj_dhx_terrace .validate_error div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace .validate_error div.dhxform_label div.dhxform_label_nav_link:focus {
    color: red;
}

.dhxform_obj_dhx_terrace span.combo_in_focus div.dhxcombo_dhx_terrace {
    box-shadow: 0 0 3px #c0c0c0;
    border: 1px solid #bfbfbf;
}

div.dhxcombolist_dhx_terrace {
    border-top: 1px solid #bfbfbf!important;
}

div.dhxcombolist_dhx_terrace:active {
    border-top: 1px solid #ccc!important;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
    padding: 0;
    border-top: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace {
    box-shadow: 0 0 3px #c0c0c0;
    outline: none;
}

.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb,
.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor,
.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
    border-color: #bfbfbf;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhxcont_content_blocker {
    display: none;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_item_template.dhxeditor_dhx_terrace div.dhxcont_content_blocker {
    display: inline;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fefefe;
    opacity: .7;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
}

.dhtmlx_skin_dhx_terrace div.dhtmlx_wins_body_inner .dhxform_obj_dhx_terrace {
    background-color: white;
}

.dhxform_obj_dhx_terrace div.dhxform_control .dhx_combo_box.dhx_terrace .dhx_combo_input,
.dhx_combo_list.dhx_terrace_list div {
    font-size: 1em!important;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button {
    position: absolute;
    width: 19px;
    height: 19px;
    top: 8px;
    background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
    background-repeat: no-repeat;
    font-size: 2px;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
    display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
    background-position: 0 0;
    right: 108px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_upload {
    background-position: -19px 0;
    right: 79px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel {
    background-position: -57px 0;
    right: 79px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
    background-position: -38px 0;
    right: 50px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls .dhx_uploader_input {
    position: absolute;
    left: -1000px;
    top: 0;
    visibility: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont {
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
    outline: none;
    height: 19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    overflow: auto;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file {
    position: relative;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_added,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploading {
    color: black;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploaded {
    color: #646464;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_fail {
    color: #e94a4a;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param {
    position: absolute;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    top: 0;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_name {
    left: 20px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_progress {
    right: 50px;
    width: 38px;
    text-align: right;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_delete {
    right: 30px;
    width: 11px;
    background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
    background-position: -76px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_uploading {
    right: 50px;
    width: 38px;
    text-align: right;
    background-image: url("imgs/dhxform_terrace/dhxform_upload_uploading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
    height: 60px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_files {
    display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
    display: inline;
    background-image: none;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #a0a0a0;
    height: auto;
    top: 0;
    left: 35px;
    vertical-align: top;
    padding-top: 6px;
    line-height: 20px;
    cursor: default;
    filter: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
    top: 0;
    width: 54px;
    height: 54px;
    right: 35px;
    background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
    background-position: 0 -38px;
    background-repeat: no-repeat;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_upload,
.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel,
.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
    display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont {
    width: 54px;
    height: 54px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
    height: 54px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_info,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_added,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploading,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploaded,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_fail {
    color: #bbb;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
    background-position: -54px -38px;
    cursor: default;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_form_cont {
    display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button {
    cursor: default;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
    background-position: 0 -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_upload {
    background-position: -19px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_cancel {
    background-position: -57px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_clear {
    background-position: -38px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file_param.dhx_file_delete {
    background-position: -87px 0;
    cursor: default;
}

.dhxform_obj_dhx_terrace div.dhxform_image {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxform_image img.dhxform_image_img {
    position: absolute;
}

.dhxform_obj_dhx_terrace div.dhxform_image div.dhxform_image_wrap {
    position: absolute;
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    *border: 1px solid white;
    *height: 1000px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

.dhxform_obj_dhx_terrace div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress {
    background-image: url("imgs/dhxform_terrace/dhxform_image_uploading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    *border-width: 0;
    *height: 100%;
    opacity: .85;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}

.dhxform_obj_dhx_terrace div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress form.dhxform_image_form {
    display: none;
}

.dhxform_obj_dhx_terrace div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dhxform_obj_dhx_terrace div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form input.dhxform_image_input {
    cursor: pointer;
    outline: none;
    height: 1000px;
    font-size: 100px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_image {
    border-color: #d4d4d4;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_image img.dhxform_image_img {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_image div.dhxform_image_wrap {
    cursor: default;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_image form.dhxform_image_form {
    display: none;
}

div.dhx_form_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxacc_base_dhx_terrace {
    position: relative;
    cursor: default;
    overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhxacc_cont {
    position: absolute;
    *overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc {
    position: relative;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    box-shadow: 0 0 3px #e0e0e0;
    border-color: #ccc;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont_acc {
    position: absolute;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid #fff;
    overflow: hidden;
    z-index: 0;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr {
    position: relative;
    height: 36px;
    line-height: 35px;
    overflow: hidden;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    font-weight: normal;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: default;
    z-index: 3;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: relative;
    margin: 0 26px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 16px;
    height: 16px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr i {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    cursor: default;
    font-size: 1.1em;
    color: inherit;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
    margin-left: 32px!important;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
    position: absolute;
    top: 11px;
    right: 4px;
    width: 16px;
    height: 16px;
    background-image: url("imgs/dhxacc_terrace/dhxacc_btns.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
    background-position: -16px 0;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont.dhx_cell_cont_not_last {
    border-bottom: 0 solid white;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    padding: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_toolbar_def {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
    border-top: 1px solid #fff;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border-top: 0 solid #fff;
    width: auto;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
    z-index: 1;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    padding: 0 4px;
    height: 24px;
    line-height: 23px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc.acc_cell_dragged {
    box-shadow: 0 0 5px #aaa;
    z-index: 5!important;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 55%;
    background-image: url("imgs/dhxacc_terrace/dhxacc_cell_progress.gif");
    background-repeat: no-repeat;
    cursor: progress;
    z-index: 2;
}

.dhxacc_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace {
    position: relative;
    cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_cont {
    position: absolute;
    *overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep {
    position: absolute;
    background-color: #fff;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
    touch-action: none;
}

div.dhxlayout_sep_sw_dhx_terrace {
    position: absolute;
    left: 0;
    top: -100px;
    width: 10px;
    height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_v {
    cursor: w-resize;
    background-image: url('imgs/dhxlayout_terrace/dhxlayout_sep_v.gif');
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_h {
    cursor: n-resize;
    background-image: url('imgs/dhxlayout_terrace/dhxlayout_sep_h.gif');
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_actv {
    background-color: #f2f2f2;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    position: absolute;
    background-color: var(--color-1e1e1e);
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    position: absolute;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid white;
    overflow: hidden;
    z-index: 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout.dhx_cell_cont_no_borders {
    border: 0 solid white!important;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_cont_layout,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_cont_layout {
    display: none;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
    position: relative;
    height: 32px;
    line-height: 31px;
    overflow: hidden;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
    height: 0;
    line-height: 0;
    border-bottom-width: 0;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders {
    height: 0;
    line-height: 0;
    border-width: 0;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: relative;
    margin: 0 26px 0 5px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
    height: 18px;
    line-height: 17px;
    color: #333;
    font-weight: normal;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
    width: 18px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: absolute;
    left: 3px;
    bottom: 0;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform-origin: left center;
    font-weight: normal;
    text-overflow: ellipsis;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 {
    left: -5px;
    line-height: 17px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
    margin-bottom: 95%;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 {
    left: 0;
    line-height: 17px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 span {
    float: left;
    filter: none;
    margin-bottom: 95%;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 {
    left: -6px;
    line-height: 17px;
    padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 {
    left: -6px;
    line-height: 17px;
    padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    left: 3px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: left center;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
    position: absolute;
    right: 4px;
    top: 9px;
    width: 16px;
    height: 16px;
    background-image: url('imgs/dhxlayout_terrace/dhxlayout_cell_btns.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
    background-position: -16px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
    background-position: -48px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
    background-position: -32px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: 0 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
    background-position: 0 -5px;
    top: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: -32px -4px;
    top: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
    background-position: -45px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
    background-position: -13px 0;
}

body.dhxlayout_resize_v * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: w-resize!important;
}

body.dhxlayout_resize_h * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: n-resize!important;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_resize_area {
    position: absolute;
    background-color: #ccc;
    opacity: .15;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=15);
    z-index: 1;
    border: 2px dashed black;
    cursor: inherit;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_resize_sep {
    position: absolute;
    background-color: #ccc;
    overflow: hidden;
    display: block;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index: 2;
    cursor: inherit;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_statusbar_def,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_statusbar_def {
    display: none;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    padding: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_no_borders {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_def div.dhtmlxMenu_dhx_terrace_Middle,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_terrace_Middle {
    padding: 0 2px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_terrace {
    border-top: 0 solid white;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
    margin-top: -1px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border-top: 0 solid white;
    width: auto;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxlayout_terrace/dhxlayout_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxlayout_terrace/dhxlayout_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_hdr {
    position: relative;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_ftr {
    position: absolute;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_toolbar {
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace {
    padding-left: 0;
    padding-right: 0;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_ribbon {
    padding-bottom: 10px;
    position: relative;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    width: auto;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_statusbar {
    position: absolute;
    background-color: #fff;
    overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    margin-top: 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    padding: 3px 4px;
}

.dhxlayout_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxtabbar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxtabbar_fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.dhxtabbar_base_dhx_terrace {
    position: relative;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_cont {
    position: absolute;
    *overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
    position: absolute;
    top: 0;
    bottom: auto;
    height: 33px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    z-index: 2;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
    position: absolute;
    top: 0;
    height: 34px;
    overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
    position: absolute;
    width: 5000px;
    height: 34px;
    margin: 0 1px;
    top: -1px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    top: none;
    height: 1px;
    overflow: hidden;
    background-color: #ccc;
    border: none;
    z-index: 2;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 32px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
    display: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
    position: relative;
    height: 100%;
    border-right: 1px solid #ccc;
    background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
    background-position: 1px 14px;
    background-repeat: no-repeat;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 32px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
    display: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
    position: relative;
    height: 100%;
    border-left: 1px solid #ccc;
    background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
    background-position: -13px 14px;
    background-repeat: no-repeat;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
    position: relative;
    height: 34px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    z-index: 1;
    cursor: pointer;
    background-color: #f5f5f5;
    margin-left: -1px;
    margin-right: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
    color: #262626;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_close {
    background-color: #e8e8e8;
    border-color: #c7c7c7;
    background-position: -15px 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
    color: #bbb;
    background-color: #fafafa;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
    background-color: #fff;
    z-index: 3;
    font-weight: bold;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
    border: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    position: relative;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    top: 0;
    bottom: none;
    text-align: center;
    padding: 0 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 0 solid #fff;
    overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
    padding-right: 20px;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    color: #333;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
    color: #bbb;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis:hover div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis:hover div.dhxtabbar_tab_close {
    background-color: #e8e8e8;
    border-color: #c7c7c7;
    background-position: -30px 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    border-radius: 3px;
    background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_button_close.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv:hover div.dhxtabbar_tab_close {
    background-color: #fff;
    border-color: #ccc;
    background-position: 0 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
    float: left;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
    float: right;
    margin-right: -1px;
    margin-left: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
    top: auto;
    bottom: 0;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid #fff;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
    top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    top: 0;
    bottom: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
    margin-top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
    margin-top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    border-bottom: 1px solid #ccc;
    border-top: 0 solid white;
    top: none;
    bottom: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    top: 0;
    bottom: none;
    border-top: 1px solid #ccc;
    border-bottom: 0 solid #fff;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-top: 1px solid #ccc;
    border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_menu_def {
    border-top: 1px solid #ccc;
    border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
    border-top: 1px solid #ccc;
    border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-top: 1px solid #ccc;
    border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    position: absolute;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid white;
    overflow: hidden;
    z-index: 0;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
    border: 0 solid white!important;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    padding: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
    position: relative;
    padding: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border-top: 0 solid white;
    width: auto;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
    margin-top: -1px;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    padding: 0 4px;
    height: 28px;
    line-height: 27px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_cell_progress.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

span.dhxtabbar_tabs_text_test_dhx_terrace {
    position: absolute;
    visibility: hidden;
    right: 0;
    top: 0;
    font-weight: bold;
    padding: 0 4px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhxsidebar_base_dhx_terrace {
    position: relative;
    cursor: default;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont {
    position: absolute;
    cursor: default;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f5f5f5;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 0 1px;
    overflow: hidden;
    z-index: 5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items {
    position: absolute;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -ms-touch-action: none;
    -webkit-transition: top .2s;
    -moz-transition: top .2s;
    -ms-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item {
    position: relative;
    padding: 0 10px;
    z-index: 1;
    cursor: default;
    margin: 1px 0;
    background-color: #f5f5f5;
    overflow: hidden;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden {
    height: 0!important;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #f0f0f0;
    z-index: 2;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #fff3a1;
    color: black;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: absolute;
    left: 9px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 14px;
    right: 5px;
    top: 5px;
    border-radius: 10px;
    background-color: #f5f5f5;
    border: 1px solid #333;
    font-family: Tahoma;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    color: #333;
    cursor: default;
    overflow: hidden;
    z-index: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble {
    background-color: #f0f0f0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble {
    background-color: #fff3a1;
    color: black;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep {
    position: relative;
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e8e8e8;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #f5f5f5;
    z-index: 1;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #fff3a1;
    color: black;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 5px;
    width: 16px;
    height: 16px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 34px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 50px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    top: 15px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 66px;
    line-height: 1em;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 4px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: relative;
    display: block;
    height: 16px;
    margin-top: 10px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 14px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar {
    border-top-color: #fff;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
    position: absolute;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    z-index: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
    border-width: 0;
    padding: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 8px 8px 0 8px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_no_borders {
    position: relative;
    overflow: hidden;
    padding-left: 8px;
    padding-bottom: 8px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhtmlxMenu_dhx_terrace_Middle {
    padding: 0 2px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
    padding: 8px 8px 0 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_no_borders {
    padding-left: 8px;
    padding-bottom: 8px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
    padding: 4px 4px 0 4px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web {
    border-width: 0;
    width: auto;
    margin: 4px 4px 0 4px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border-width: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding: 0 0 8px 8px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
    width: auto;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
    position: relative;
    background-color: #f5f5f5;
    height: 36px;
    line-height: 35px;
    font-weight: normal;
    overflow: hidden;
    cursor: default;
    z-index: 1;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden {
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    text-align: left;
    height: 100%;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon {
    margin-left: 34px!important;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon {
    position: absolute;
    top: 0;
    left: 10px;
    width: 16px;
    height: 100%;
    background-image: url("imgs/dhxsidebar_terrace/dhxsidebar_side_icon.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
    border-left-width: 1px;
    border-top-width: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
    border-left-width: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def,
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
    border-top-width: 0;
    border-left: 1px solid #ccc;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide {
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 2px 8px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 4px 6px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    z-index: 3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .0001;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-size: 1px;
    overflow: hidden;
    z-index: 6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden {
    height: 0;
    border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    font-size: 1px;
    overflow: hidden;
    z-index: 1;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left {
    left: 0;
    border-right: 1px solid #ccc;
    z-index: 2;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_terrace/dhxsidebar_arrow_up.gif");
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right {
    right: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_terrace/dhxsidebar_arrow_down.gif");
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1px;
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover {
    background-color: #f0f0f0;
}

.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active {
    background-color: #ebebeb;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_hdr {
    position: relative;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_ftr {
    position: absolute;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar {
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace {
    padding-left: 0;
    padding-right: 0;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon {
    padding-bottom: 10px;
    position: relative;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    width: auto;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar {
    position: absolute;
    background-color: #fff;
    overflow: hidden;
}

.dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    margin-top: 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    padding: 3px 4px;
}

.dhxsidebar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace {
    background-color: white;
    position: relative;
    cursor: default;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
    perspective: 900px;
    -webkit-perspective: 900;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
    -webkit-transform-style: preserve-3d;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
    position: absolute;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
    border-width: 0;
    padding: 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxcarousel_terrace/dhxcarousel_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders {
    position: relative;
    overflow: hidden;
    padding: 0 0 8px 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def div.dhtmlxMenu_dhx_terrace_Middle,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_terrace_Middle {
    padding: 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_no_borders {
    position: relative;
    overflow: hidden;
    padding: 0 0 8px 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_terrace,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_no_borders div.dhx_toolbar_dhx_terrace {
    padding: 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
    border-width: 0;
    width: auto;
    margin-left: -4px;
    margin-top: -4px;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border-width: 0;
    margin-left: -4px;
    margin-top: -4px;
    width: auto;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    background-color: #f5f5f5;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    padding: 0 4px;
    height: 24px;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls {
    position: absolute;
    width: 100%;
    height: 34px;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: visible;
    border-top: 1px solid #ccc;
    background-color: #f5f5f5;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
    position: absolute;
    bottom: 0;
    width: 38px;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 33px;
    font-family: Arial;
    color: #333;
    background-color: #f5f5f5;
    border: 0 solid #ccc;
    text-align: center;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
    color: #2e2e2e;
    background-color: #ebebeb;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
    color: #2e2e2e;
    background-color: #e6e6e6;
    box-shadow: 0 0 5px #d9d9d9 inset;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    left: 0;
    border-right-width: 1px;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    right: 0;
    border-left-width: 1px;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    color: #bbb;
    background-color: #fafafa;
    z-index: 1;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
    position: absolute;
    top: 11px;
    text-align: center;
    font-size: 1px;
    line-height: 36px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
    float: left;
    position: relative;
    margin: 0 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: white;
    font-size: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
    display: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
    position: absolute;
    display: block;
    font-size: 1px;
    margin: 0;
    padding: 0;
    width: 6px;
    height: 6px;
    top: 3px;
    left: 3px;
    border-radius: 12px;
    background-color: #333;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_hdr {
    position: relative;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_ftr {
    position: absolute;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxcarousel_terrace/dhxcarousel_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_toolbar {
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace {
    padding-left: 0;
    padding-right: 0;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_ribbon {
    padding-bottom: 10px;
    position: relative;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    width: auto;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_statusbar {
    position: absolute;
    background-color: #fff;
    overflow: hidden;
}

.dhxcarousel_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    margin-top: 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    padding: 3px 4px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace {
    background-color: #f5f5f5;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls {
    border-bottom: 1px solid #ccc;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    border-left-width: 1px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    border-right-width: 1px;
}

.dhxcarousel_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

.dhxwins_vp_dhx_terrace {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.dhxwins_vp_auto {
    overflow: auto!important;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active {
    position: absolute;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 0 6px #a0a0a0;
    border-radius: 3px;
    background: #fff;
    cursor: inherit;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive {
    position: absolute;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 0 6px #c0c0c0;
    border-radius: 3px;
    background: #fff;
    cursor: inherit;
}

.dhxwins_vp_dhx_terrace div.dhxwin_brd {
    position: absolute;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background: #fff;
    z-index: 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_brd.dhxwin_hdr_hidden {
    border-top: 5px solid #fff;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_brd {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_fr_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_fr_cover .dhxwin_fr_cover_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover {
    display: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_fr_cover {
    z-index: 4;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
    display: block;
}

.dhxwins_vp_dhx_terrace iframe.dhxwin_main_fr_cover {
    position: absolute;
    background-color: #fff;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr {
    position: relative;
    height: 36px;
    line-height: 37px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f5f5f5;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
    cursor: inherit;
    overflow: hidden;
    z-index: 3;
    -ms-touch-action: none;
    touch-action: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr {
    color: #404040;
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr.dhxwin_hdr_parked {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr.dhxwin_hdr_hidden {
    visibility: hidden;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    position: absolute;
    left: 11px;
    top: 10px;
    width: 23px;
    height: 18px;
    cursor: default;
    overflow: hidden;
    background-image: url("imgs/dhxwins_terrace/dhxwins_icon.gif");
    background-position: left center;
    background-repeat: no-repeat;
    cursor: inherit;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: inherit;
    z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 18px;
    cursor: default;
    overflow: hidden;
    cursor: inherit;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
    position: relative;
    float: left;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    margin-top: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: url("imgs/dhxwins_terrace/dhxwins_buttons.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
    background-color: #ebebeb;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close {
    background-position: -15px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_close_dis {
    background-position: -15px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax {
    background-position: -30px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmax_dis {
    background-position: -30px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed {
    background-position: -45px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmaxed_dis {
    background-position: -45px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park {
    background-position: -60px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_park_dis {
    background-position: -60px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_stick {
    background-position: -75px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_stick_dis {
    background-position: -75px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sticked {
    background-position: -90px 0;
    z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sticked_dis {
    background-position: -90px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_help {
    background-position: -105px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_help_dis {
    background-position: -105px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_dock {
    background-position: -120px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_dock_dis {
    background-position: -120px -15px;
}

.dhxwins_vp_dhx_terrace.dhxwins_vp_dnd {
    cursor: move!important;
}

.dhxwins_vp_dhx_terrace div.dhxwin_resize {
    position: absolute;
    background-color: #9c9c9c;
    opacity: .2;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
}

.dhxwins_vp_dhx_terrace iframe.dhxwin_resize_fr_cover {
    position: absolute;
    background-color: #fff;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwins_mcover {
    position: absolute;
    background-color: #ededed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .53;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=53);
}

.dhxwins_vp_dhx_terrace iframe.dhxwins_mcover {
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    visibility: visible;
    z-index: 1;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cover,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    position: absolute;
    border: 5px solid #fff;
    border-top: 10px solid #fff;
    background-color: #fff;
    overflow: hidden;
    z-index: 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders {
    border: 0 solid #fff!important;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    height: 42px;
    margin: 10px 5px 0 5px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
    padding: 10px 5px 0 5px;
    border-width: 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def {
    padding-top: 4px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
    border: 0 solid white;
    width: auto;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #333;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    margin: 5px 5px 5px 5px;
    padding: 5px 10px;
    background-color: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_bar,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("imgs/dhxwins_terrace/dhxwins_progress.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

.dhxwins_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 30px;
    height: 10px;
    overflow: hidden;
}

div.dhxwins_vp_dhx_terrace.dhxwins_vp_fs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhtmlx_message_area {
    position: fixed;
    right: 5px;
    width: 250px;
    z-index: 1000;
    padding: 0;
}

.dhtmlx-info {
    color: #333;
    border-radius: 4px;
    min-width: 120px;
    padding: 10px 10px 8px 15px;
    background: #fffcef;
    font-size: 12px;
    font-family: Arial;
    z-index: 10000;
    margin: 0 5px 5px 5px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dhtmlx-info.hidden {
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
    border-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.dhtmlx-error {
    border: 1px solid #f17373;
    box-shadow: inset 0 0 1px 1px #f59696;
    background: #f17373;
    color: #fff;
}

.dhtmlx_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width: 300px;
    text-align: center;
    position: fixed;
    z-index: 20000;
    background: #fff;
    -moz-box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 0 #AAA;
    box-shadow: 0 0 5px #AAA;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.dhtmlx_popup_title {
    padding: 10px 0;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    line-height: 16px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 0;
    text-shadow: none;
    height: auto;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer;
}

.dhtmlx_popup_text {
    font-size: 13px;
    font-family: Arial;
    color: #444;
    min-height: 30px;
    padding: 20px 10px 10px 10px!important;
    overflow: hidden;
    border-width: 0;
    margin: 0;
}

.dhtmlx_popup_button div,
.dhtmlx_popup_button div:active {
    line-height: 28px;
    background: inherit;
    color: inherit;
    border: none;
}

.dhtmlx_popup_controls {
    font-family: Arial;
    font-weight: bold;
    padding: 10px 10px 15px 10px!important;
}

.dhtmlx_popup_button {
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    min-width: 120px;
    width: 120px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
}

div.dhx_modal_cover {
    background: #000;
    cursor: default;
    opacity: .2;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1;
}

.dhtmlx_popup_button {
    color: #222;
    border: 1px solid #cecece;
    box-shadow: 0 0 1px #111;
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
    background: #eee;
}

.dhtmlx_popup_button:first-child {
    background: #22A1BC;
    color: white;
    border: 1px solid #22A1BC;
    box-shadow: none;
}

.dhtmlx-alert-error,
.dhtmlx-confirm-error {
    border: 1px solid #f17373;
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
    color: #fff;
    background: #f17373;
}

.dhtmlx-alert-warning,
.dhtmlx-confirm-warning {
    border: 1px solid #E6951A;
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
    color: #fff;
    background: #E6951A;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
    color: #444;
    background: #f5f5f5;
}

.dhtmlx-alert .dhtmlx_popup_controls,
.dhtmlx-confirm .dhtmlx_popup_controls {
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
}

.dhtmlx-alert .dhtmlx_popup_text,
.dhtmlx-confirm .dhtmlx_popup_text {
    border: 1px solid #eee;
    border-width: 0;
}

.dhtmlx-error div,
.dhtmlx-info div {
    padding: 0;
    background: inherit;
    color: inherit;
    border: none;
}


/********** skinns/terrace/dhtmlx css End*************/


/********** codebase/dhtmlx css Start*************/


/*
Product Name: dhtmlxSuite 
Version: 5.0 
Edition: Standard 
License: content of this file is covered by GPL. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxcalendar_material {
    position: absolute;
    display: block;
    background-color: white;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_month_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_days_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_dates_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
    border-color: white;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
    border-top: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line {
    position: relative;
    display: block;
    clear: both;
    font: inherit;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: 12px;
    width: 225px;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    vertical-align: middle;
    font: inherit;
    cursor: default;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
    overflow: hidden;
    font: inherit;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
    width: 225px;
    height: 31px;
    line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
    position: absolute;
    top: 0;
    width: 18px;
    height: 31px;
    color: inherit;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
    left: 4px;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
    right: 4px;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
    position: relative;
    font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    overflow: hidden;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
    height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin-left: 1px;
    font-size: 12px;
    color: #9a9a9a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
    margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_day_weekday_cell_first {
    margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    padding-bottom: 8px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    overflow: hidden;
    font: inherit;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
    margin-top: 1px;
    margin-left: 13px;
    height: 31px;
    line-height: 31px;
    font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin-right: 1px;
    border-radius: 50%;
    overflow: visible;
    font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
    position: relative;
    width: 100%;
    height: 100%;
    font: inherit;
    line-height: 31px;
    text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_marker.gif");
    background-position: top right;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    color: #a6a6a6;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend {
    color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date {
    color: #a6a6a6;
    background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend {
    color: #e6918e;
    background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis {
    color: #c0c0c0;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis {
    color: #e6918e;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday {
    color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday {
    color: #d43f3a;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_dis {
    color: #d43f3a;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_hover {
    color: #a6a6a6;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_hover {
    color: #a6a6a6;
    background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover {
    color: #e6918e;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_hover {
    color: #e6918e;
    background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_hover {
    color: #d43f3a;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month {
    color: #404040;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend {
    color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date {
    color: white;
    background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis {
    color: #c0c0c0;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis {
    color: #d43f3a;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday {
    color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday {
    color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
    color: #d43f3a;
    background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover {
    color: #404040;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover {
    color: #d43f3a;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover {
    color: white;
    background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_hover {
    color: #d43f3a;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_hover {
    color: #d43f3a;
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_hover {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
    color: white;
    background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
    position: relative;
    display: block;
    width: 249px;
    height: 31px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
    width: 225px;
    height: 31px;
    line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr {
    text-align: left;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
    margin-left: 42px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
    position: absolute;
    left: 22px;
    top: 7px;
    width: 18px;
    height: 18px;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_clock.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
    left: 75px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
    text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
    margin-left: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
    display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
    float: right;
    margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    float: right;
    margin-right: 74px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_selected_date {
    border-bottom: 2px solid red;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
    float: right;
    margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
    float: right;
    margin-right: 22px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    width: 27px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: block;
    width: 27px;
    color: #3da0e3;
    background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
    width: 27px;
    height: 28px;
    line-height: 27px;
    margin-top: 2px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell div {
    line-height: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
    display: block;
    width: 27px;
    color: #3da0e3;
    background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover {
    position: absolute;
    left: 1px;
    background-color: white;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj {
    position: absolute;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
    position: absolute;
    bottom: auto;
    top: 1px;
    left: 0;
    width: 100%;
    height: 9px;
    overflow: hidden;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");
    background-position: top center;
    background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
    border-bottom: 1px solid #dfdfdf;
    border-top: 0 solid white;
    background-color: white;
    margin-top: 9px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    width: 24px;
    text-align: center;
    border-color: #dfdfdf;
    border-style: solid;
    padding: 0;
    margin: 0;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
    border-width: 1px 0 0 1px;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    border-width: 1px 1px 0 0;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
    cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
    display: block;
    clear: both;
    background-color: white;
    border-left: 1px solid #dfdfdf;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dfdfdf;
    background-color: white;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    font-size: .9em;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
    background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
    height: 28px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 0 solid white;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
    width: 50px;
    height: 28px;
    line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    display: none;
    width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
    top: auto;
    bottom: 1px;
    background-image: url("imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line {
    height: 28px;
    border-top: 0 solid white;
    border-bottom: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
    margin-top: 0;
    margin-bottom: 9px;
    border-bottom: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
    width: 34px;
    height: 28px;
    line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
    display: none;
    width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
    display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
    display: block;
}

.dhtmlxcalendar_ifr {
    position: absolute;
    overflow: hidden;
    background-color: white;
}

div.dhtmlxcalendar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

div.dhxcombo_material {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1px;
    overflow: hidden;
    vertical-align: middle;
    background-color: white;
    font-size: 1px;
    height: 29px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombo_material.dhxcombo_actv {
    padding-bottom: 0;
    border-bottom: 2px solid #39c;
}

div.dhxcombo_material input.dhxcombo_input {
    position: absolute;
    left: 4px;
    top: 0;
    *top: 1px;
    height: 29px;
    line-height: 28px;
    *height: 27px;
    *line-height: 26px;
    border: 0 solid white;
    outline: 0 solid white;
    padding: 0;
    margin: 0 0 0 2px;
    background-color: white;
    vertical-align: top;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.dhxcombo_material input.dhxcombo_input::-ms-clear {
    display: none;
}

div.dhxcombo_material div.dhxcombo_select_button {
    position: absolute;
    width: 21px;
    height: 22px;
    top: 4px;
    right: 2px;
    font-size: 1px;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombo_material div.dhxcombo_select_button div.dhxcombo_select_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("imgs/dhxcombo_material/dhxcombo_arrow_down.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

div.dhxcombo_material div.dhxcombo_top_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombo_material div.dhxcombo_top_image div.dhxcombo_image {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material {
    position: absolute;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    overflow-x: none;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
}

div.dhxcombolist_material div.dhxcombo_option {
    position: relative;
    font: inherit;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    overflow: hidden;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
    background-color: #ebebeb;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text {
    position: relative;
    padding: 0 4px;
    font: inherit;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
    position: relative;
    padding: 0 4px;
    margin-left: 26px;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
    position: relative;
    padding: 0 4px 0 4px;
    margin-left: 26px;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox {
    position: absolute;
    width: 18px;
    margin: 0 5px;
    height: 32px;
    line-height: 32px;
    background-image: url("imgs/dhxcombo_material/dhxcombo_chbx.gif");
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_1,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
    background-position: 0 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_0,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
    background-position: -18px 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image {
    top: 7px;
    margin: 0 0 0 6px;
    width: 18px;
    height: 18px;
}

div.dhxcombo_material.dhxcombo_disabled input.dhxcombo_input {
    color: #a6a6a6;
}

div.dhxcombo_material.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
    background-image: url("imgs/dhxcombo_material/dhxcombo_arrow_down_dis.gif");
    cursor: default;
}

.dhxgrid_combo_icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

div.dhxcombo_in_grid_parent {
    position: relative;
    height: 100%;
    top: 0;
}

div.dhxcombo_in_grid_parent div.dhxcombo_material {
    position: absolute;
    top: 0;
    left: -1px;
}

div.dhxcombolist_material.dhxcombolist_hdr {
    border-bottom-width: 0;
    height: 36px;
    line-height: 36px;
    box-shadow: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext {
    position: relative;
    padding: 0;
    white-space: nowrap;
    cursor: default;
    font-family: Roboto, Arial, Helvetica;
    font-size: 14px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-left: 1px solid #dfdfdf;
    padding: 0;
    margin: 0;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
    border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option {
    height: 32px;
    line-height: 32px;
    margin-top: -1px;
    z-index: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: white;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
    padding: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #dfdfdf;
    padding: 0;
    margin: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
    border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
    z-index: 1;
    background-color: #ebebeb;
    border-top-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
    border-left-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.dhxcombo_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxcp_material {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxcp_material * {
    line-height: normal;
}

.dhtmlxcp_material.dhxcp_shadow div.dhxcp_g_area {
    border-width: 1px 0 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhtmlxcp_material div.dhxcp_g_area {
    position: absolute;
    width: 235px;
    height: 262px;
    background-color: white;
    border: 1px solid #dfdfdf;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area {
    width: 235px;
    height: 262px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area {
    padding-bottom: 2px;
    width: 235px;
    height: 122px;
    margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector {
    position: absolute;
    width: 210px;
    height: 120px;
    background-image: url("imgs/dhxcp_material/dhxcp_colors.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_h_line {
    width: 210px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_v_line {
    position: absolute;
    width: 0;
    height: 120px;
    border-left: 1px solid white;
    cursor: pointer;
    overflow: hidden;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area {
    position: relative;
    height: 120px;
    width: 24px;
    cursor: pointer;
    float: right;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_ie_gradient {
    height: 120px;
    width: 24px;
    margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_h_line {
    width: 24px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_h_line {
    position: absolute;
    height: 0;
    border-top: 1px solid white;
    cursor: pointer;
    overflow: hidden;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area {
    position: relative;
    padding: 0 14px;
    width: auto;
    height: 78px;
    margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont {
    height: 78px;
    float: left;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont div.dhxcp_value_color {
    margin-top: 5px;
    width: 52px;
    height: 48px;
    border: 1px solid #dfdfdf;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value {
    width: 54px;
    margin-top: 3px;
    line-height: 1em;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: white;
    padding: 3px 3px 3px 3px;
    text-align: left;
    font: inherit;
    font-size: 13px;
    outline: none!important;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value:focus {
    border-bottom-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont {
    position: absolute;
    right: 14px;
    top: 4px;
    border: none;
    border-spacing: 0;
    width: 130px;
    height: 78px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_rgb {
    text-align: right;
    padding: 0 7px 0 0;
    font: inherit;
    font-size: 13px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_rgb {
    width: 28px;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    vertical-align: top;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb {
    width: 26px;
    margin-top: 2px;
    line-height: 1em;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: white;
    padding: 3px 3px 3px 3px;
    text-align: left;
    font: inherit;
    font-size: 13px;
    outline: none!important;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl:focus,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb:focus {
    border-bottom-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_memory_area {
    display: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area {
    position: relative;
    width: auto;
    height: 32px;
    padding: 0 14px;
    text-align: right;
    margin-top: 18px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel {
    height: 32px;
    line-height: 22px;
    margin: 0 2px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    text-align: center;
    outline: none!important;
    border: none!important;
    background-color: white;
    font-weight: 500;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #39c;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:hover,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:hover {
    background-color: #ededed;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:active,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:active {
    background-color: #e1e1e1;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory {
    height: 315px!important;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area {
    height: 315px!important;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_buttons_area {
    margin-top: 0;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area {
    position: relative;
    display: block;
    height: 60px;
    padding: 0 14px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont {
    position: relative;
    width: auto;
    height: 24px;
    margin-top: 14px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory {
    width: 100%;
    height: 24px;
    margin: 0;
    outline: none!important;
    border: none!important;
    background-color: white;
    font-weight: 500;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #39c;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:hover {
    background-color: #ededed;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:active {
    background-color: #e1e1e1;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory div.dhxcp_label_bm {
    display: inherit;
    width: 90px;
    margin: 0 auto;
    height: 16px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont {
    position: relative;
    width: auto;
    height: 25px;
    margin-top: 3px;
    text-align: center;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el {
    width: 21px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    display: inline-block;
    margin-right: 2px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_select {
    border: 1px dashed black!important;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_next {
    border: 1px dashed red!important;
}

.dhxcp_colorBox {
    float: right;
}

.dhxcp_colorInput {
    float: left;
}

.dhxcp_frm {
    position: absolute;
    background-color: white;
    width: 256px;
    height: 274px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxcolorpicker_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxslider_material {
    z-index: 0;
}

.dhtmlxslider_material .dhxsl_hidden {
    display: none;
}

.dhtmlxslider_material .dhxsl_container {
    position: relative;
    float: left;
    clear: left;
    margin: 0;
    padding: 1px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxslider_material .dhxsl_container.dhxsl_cont_hr {
    margin-top: 4px;
}

.dhtmlxslider_material .dhxsl_container.dhxsl_cont_vr {
    margin-left: 4px;
}

.dhtmlxslider_material .dhxsl_runner {
    position: absolute;
    background-color: #39c;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    z-index: 1;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dhtmlxslider_material .dhxsl_runner.dhxsl_runner_actv {
    z-index: 2;
}

.dhtmlxslider_material .dhxsl_runner_dis {
    background-color: #dfdfdf;
    border: 1px solid white;
    width: 10px;
    height: 10px;
}

.dhtmlxslider_material .dhxsl_track {
    background-color: #dfdfdf;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
}

.dhtmlxslider_material .dhxsl_track div.dhxsl_track_bg {
    position: absolute;
    font-size: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track {
    height: 100%;
    width: 2px;
}

.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track div.dhxsl_track_bg {
    left: 0;
    width: 100%;
}

.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track {
    width: 100%;
    height: 2px;
}

.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg {
    top: 0;
    height: 100%;
}

.dhxslider_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

div.dhx_popup_material {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
}

div.dhx_popup_material div.dhx_popup_area {
    position: relative;
    margin: 10px;
    padding: 5px 0;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td {
    text-align: left;
    line-height: normal;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    cursor: default;
    height: 30px;
    line-height: 30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td * {
    white-space: normal;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material {
    position: relative;
    float: left;
    box-shadow: none;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
    border-color: #fafafa!important;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_material {
    border: 1px solid #dfdfdf;
    margin: 15px 0;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_material div.dhxcp_g_area {
    position: relative;
    box-shadow: none!important;
    border-width: 0!important;
    background-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtabbar_base_material {
    z-index: 1;
}

div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
    font-size: 1px;
    padding: 5px 0;
    position: relative;
}

div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
    position: relative;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:first-child {
    padding-left: 23px;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:last-child {
    padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area tr:hover td.dhx_popup_td {
    background-color: #ebebeb;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
    background: none;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
    padding-left: 23px;
    padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
    padding-left: 23px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
    padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
    background-color: #ebebeb;
}

div.dhx_popup_material div.dhx_popup_arrow {
    position: absolute;
    background-repeat: no-repeat;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_bottom {
    width: 19px;
    height: 16px;
    background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_bottom.gif");
    background-position: top center;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_top {
    width: 19px;
    height: 16px;
    background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_top.gif");
    background-position: bottom center;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_right {
    width: 16px;
    height: 19px;
    background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_right.gif");
    background-position: center left;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_left {
    width: 16px;
    height: 19px;
    background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_left.gif");
    background-position: center right;
}

div.dhx_popup_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxMenu_material_Middle {
    position: relative;
    height: 28px;
    line-height: 28px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
    position: relative;
    float: left;
    font: inherit;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 8px;
    cursor: default;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected div.top_level_text {
    float: left;
    margin: 0 3px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected i {
    height: inherit;
    line-height: inherit;
    float: left;
    color: inherit;
    margin: 0 4px;
    font-size: 1.2em;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled {
    color: #a6a6a6;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
    background-color: #ebebeb;
}

.dhtmlxMenu_material_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
    float: left;
    margin: 5px 3px 0 3px;
    width: 18px;
    height: 18px;
    cursor: default;
}

.dhtmlxMenu_material_Middle div.top_sep {
    position: relative;
    float: left;
    height: 22px;
    width: 0;
    border-left: 1px solid #dfdfdf;
    margin: 3px 8px 0 8px;
    font-size: 1px;
    overflow: hidden;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
    position: absolute;
    top: 0;
    height: 28px;
    line-height: 28px;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right {
    right: 6px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
    left: 6px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon {
    position: absolute;
    padding: 5px 0;
    background-color: #fafafa;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td {
    padding: 0;
    margin: 0;
    line-height: normal;
    white-space: nowrap;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon {
    width: 18px;
    text-align: center;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon img.sub_icon {
    margin: 4px 6px 0 6px;
    width: 18px;
    height: 18px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon i {
    width: 18px;
    height: 30px;
    line-height: 29px;
    margin: 0 6px;
    font-size: 1.2em;
    text-align: center;
    color: inherit;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon {
    margin: 0 6px;
    width: 18px;
    height: 30px;
    line-height: 30px;
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-image: url("imgs/dhxmenu_material/dhxmenu_chrd.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_0 {
    background-position: 0 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_1 {
    background-position: -18px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_0 {
    background-position: -72px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_1 {
    background-position: -90px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_text div.sub_item_text {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 22px 0 1px;
    overflow: hidden;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk {
    padding: 0 10px 0 8px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk div.sub_item_hk {
    color: #8d8d8d;
    font-size: 12px;
    text-align: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow {
    float: right;
    width: 10px;
    margin: 0 1px 0 11px;
    height: 30px;
    line-height: 30px;
    background-image: url("imgs/dhxmenu_material/dhxmenu_subar.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
    overflow: hidden;
    font-size: 1px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow_loading {
    width: 16px;
    height: 30px;
    line-height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("imgs/dhxmenu_material/dhxmenu_loader.gif");
    float: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
    background-color: #ebebeb;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td div.complex_arrow {
    background-position: -10px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
    color: #c0c0c0;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_item_text,
div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td td.sub_item_icon i {
    color: #a6a6a6;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.complex_arrow {
    background-position: -20px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_0 {
    background-position: -36px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_1 {
    background-position: -54px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_0 {
    background-position: -108px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_1 {
    background-position: -126px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td i {
    color: #a6a6a6;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td {
    padding: 5px 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td div.sub_sep {
    position: relative;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
    position: relative;
    font-size: 1px;
    border-bottom: 1px solid #dfdfdf;
    background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_up.png");
    background-repeat: no-repeat;
    background-position: center 2px;
    padding: 8px 0;
    margin-bottom: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
    background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_up_dis.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
    position: relative;
    font-size: 1px;
    border-top: 1px solid #dfdfdf;
    background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_down.png");
    background-repeat: no-repeat;
    background-position: center 6px;
    padding: 8px 0;
    margin-top: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
    background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_down_dis.png");
}

iframe.dhtmlxMenu_IE6CoverFix_material {
    position: absolute;
    border: none;
    background: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxMenu_material_Middle.dir_left div.align_left {
    float: left;
}

.dhtmlxMenu_material_Middle.dir_left div.align_right {
    float: right;
}

.dhxmenu_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxribbon_material {
    overflow: hidden;
    width: 100%;
}

.dhtmlxribbon_material.dhxrb_without_tabbar {
    background-color: #fafafa;
    border: 1px solid #dfdfdf;
}

.dhtmlxribbon_material .dhxrb_background_area {
    height: 126px;
    background-color: #fafafa;
    margin: 1px;
}

.dhtmlxribbon_material .dhxrb_with_tabbar {
    height: 171px;
}

.dhtmlxribbon_material div.dhx_cell_tabbar {
    background-color: #fafafa;
}

.dhtmlxribbon_material .dhxrb_g_area {
    height: 124px;
    float: left;
    clear: left;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_block_base {
    margin: 3px 0 3px 3px;
    float: left;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    height: 118px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_block_base .dhxrb_block_items {
    height: 95px;
    float: left;
    padding: 2px 0;
    overflow: hidden;
}

.dhtmlxribbon_material .dhxrb_block_base>.dhxrb_block_label {
    height: 19px;
    line-height: 18px;
    *height: auto;
    *line-height: 1em;
}

.dhtmlxribbon_material .dhxrb_block_base .dhxrb_block_label {
    text-align: center;
    clear: left;
    background-color: #ebebeb;
    *font-size: 12px;
    *padding: 1px 3px 3px;
    *font-family: Arial;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button {
    margin: 1px 3px;
    float: left;
    text-align: center;
    padding: 4px 10px;
    height: 82px;
    border: 1px solid #fafafa;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_image {
    width: 48px;
    height: 48px;
    border: none;
}

.dhtmlxribbon_material .dhxrb_big_button i {
    position: relative;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 48px;
    height: 48px;
    line-height: 47px;
    font-size: 30px;
    color: inherit;
    cursor: default;
    text-align: center;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_label_button {
    margin: 0 auto;
    cursor: default;
    line-height: 14px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_invisible {
    visibility: hidden;
}

.dhtmlxribbon_material .dhxrb_3rows_block {
    float: left;
    margin: 0 3px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_3rows_block .dhxrb_invisible {
    display: none;
}

.dhtmlxribbon_material .dhxrb_3rows_button {
    height: 25px;
    margin: 1px 0;
    float: left;
    clear: left;
    padding: 1px 8px;
    border: 1px solid #fafafa;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_row {
    height: 22px;
    margin: 1px 0;
    float: left;
    padding: 1px 8px;
    white-space: nowrap;
    border: 1px solid #fafafa;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_group .dhxrb_buttoncombo_cont {
    height: 20px;
}

.dhtmlxribbon_material .dhxrb_buttoncombo_cont {
    height: 24px;
    padding: 0 2px!important;
}

.dhtmlxribbon_material .dhxrb_buttoncombo {
    float: left;
}

.dhtmlxribbon_material .dhxrb_in_row .dhxrb_slider,
.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_slider {
    float: left;
    margin-right: 5px;
}

.dhtmlxribbon_material .dhxrb_in_row center,
.dhtmlxribbon_material .dhxrb_in_group center,
.dhtmlxribbon_material .dhxrb_3rows_button center {
    float: left;
    margin: 0;
    padding: 0;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_slider {
    float: left;
    margin-right: 5px;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_slider {
    width: 16px;
    margin: 2px 0;
    height: 50px;
}

.dhtmlxribbon_material .dhxrb_in_group {
    height: 23px;
    float: left;
    padding: 1px 4px;
    border: 1px solid #ebebeb;
}

.dhtmlxribbon_material .dhxrb_input {
    float: left;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    height: 18px;
    width: 80px;
    padding: 1px 2px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_input:disabled {
    color: #a6a6a6;
}

.dhtmlxribbon_material div.dhxcombo_material {
    height: 24px;
    line-height: 24px;
}

.dhtmlxribbon_material div.dhxcombo_material input.dhxcombo_input {
    float: left;
    height: 24px;
    width: 80px;
    padding: 0 2px;
    line-height: 24px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_input {
    height: 16px;
    padding: 1px 1px;
    line-height: 16px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material {
    height: 20px;
    line-height: 20px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material input.dhxcombo_input {
    height: 20px;
    line-height: 20px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material div.dhxcombo_select_button {
    top: 0;
}

.dhtmlxribbon_material div.dhxcombo_material div.dhxcombo_select_button {
    top: 2px;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_image,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_image,
.dhtmlxribbon_material .dhxrb_in_group .dhxrb_image {
    margin: 3px 0;
    width: 18px;
    height: 18px;
    float: left;
}

.dhtmlxribbon_material .dhxrb_3rows_button i,
.dhtmlxribbon_material .dhxrb_in_row i,
.dhtmlxribbon_material .dhxrb_in_group i {
    position: relative;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 15px;
    margin-top: 3px;
    color: inherit;
    cursor: default;
    text-align: center;
}

.dhtmlxribbon_material .dhxrb_item_disable i {
    color: #a6a6a6;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_button {
    float: left;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_label_button {
    margin: 1px 0 1px 6px;
    line-height: 22px;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_button {
    margin: 1px;
    line-height: 22px;
}

.dhtmlxribbon_material .dhxrb_label_checkbox {
    float: left;
    margin: 0 4px;
    cursor: default;
    line-height: 21px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_group .dhxrb_label_checkbox {
    line-height: 19px;
}

.dhtmlxribbon_material .dhxrb_disable_text_style,
.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_label_checkbox {
    color: #a6a6a6!important;
}

.dhtmlxribbon_material .dhxrb_highlight0 {
    background-color: #ebebeb;
    border-color: #ebebeb;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxribbon_material .dhxrb_highlight1 {
    background-color: #dcdcdc;
    border-color: #d2d2d2;
    box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhtmlxribbon_material .dhxrb_item_hide {
    display: none!important;
}

.dhtmlxribbon_material .dhxrb_block_rows {
    float: left;
    margin: 0 3px;
}

.dhtmlxribbon_material .dhxrb_block_row {
    float: left;
    clear: left;
    height: 28px;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_arrow {
    padding: 0 5px;
    margin-left: 2px;
    background: url("imgs/dhxribbon_material/dhxribbon_arrow.gif") no-repeat 50%;
}

.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_arrow {
    opacity: .4;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
}

.dhtmlxribbon_material .dhxrb_3rows_block .dhxrb_group {
    border: 1px solid #dcdcdc;
    background-color: #ebebeb;
    height: 26px;
    float: left;
    clear: left;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_block_row .dhxrb_group {
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    height: 24px;
    float: left;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_hide {
    display: none;
}

.dhtmlxribbon_material .dhxrb_separator_groupp {
    height: 27px;
    width: 0;
    border-left: 1px solid #dcdcdc;
    overflow: hidden;
    float: left;
}

.dhtmlxribbon_material .dhxrb_checkbox {
    border: 1px solid #dfdfdf;
    background-color: white;
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    overflow: hidden;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_checkbox {
    margin-top: 3px;
}

.dhtmlxribbon_material .dhxrb_checked .dhxrb_checkbox {
    background-image: url("imgs/dhxribbon_material/dhxribbon_checked.gif");
    background-repeat: no-repeat;
}

.dhtmlxribbon_material .dhxrb_checked.dhxrb_item_disable>.dhxrb_checkbox {
    background-image: url("imgs/dhxribbon_material/dhxribbon_checked_dis.gif");
}

.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_checkbox {
    background-color: #fafafa;
}

.dhtmlxribbon_material .dhxrb_item_text {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_item_text {
    height: 20px;
    line-height: 19px;
    *float: left;
    *clear: left;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_item_text,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_item_text {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_item_text {
    line-height: 82px;
    height: 82px;
    float: left;
    clear: left;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhtmlxribbon_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_toolbar_material {
    background-color: #fafafa;
    position: relative;
    padding: 0 5px;
    cursor: default;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhx_toolbar_material.dhx_toolbar_shadow {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhx_toolbar_material div.dhxtoolbar_float_left {
    float: left;
}

.dhx_toolbar_material div.dhxtoolbar_float_right {
    float: right;
}

.dhx_toolbar_material div.dhx_toolbar_btn,
.dhx_toolbar_material div.dhx_toolbar_arw {
    position: relative;
    float: left;
    border-style: solid;
    border-color: #fafafa;
    border-width: 0 1px 0 1px;
    line-height: inherit;
    cursor: default;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
    color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis i,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis i {
    color: #c0c0c0;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
    border-color: #dfdfdf;
    background-color: #fafafa;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
    background-color: #dfdfdf;
    border: 1px solid white;
    width: 10px;
    height: 10px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
    background-color: #dcdcdc;
    border-color: #d2d2d2;
    box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn {
    padding: 0 5px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
    background-color: #ececec;
    border-color: #dfdfdf;
    color: #a6a6a6;
    box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn img {
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn i {
    float: left;
    margin: 0 2px;
    text-align: center;
    cursor: default;
    color: #666;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn div.dhxtoolbar_text {
    float: left;
    position: relative;
    font: inherit;
    margin: 0 4px;
    padding: 0;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input {
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    margin: 0 4px;
    padding: 2px 4px 3px 4px;
    line-height: normal;
    direction: ltr;
    outline: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input:disabled {
    color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_arw {
    padding: 0 6px;
    margin-left: -1px;
    z-index: 1;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
    border-left-color: #e3e3e3;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
    border-left-color: #cbcbcb;
    box-shadow: 0 0 3px rgba(127, 127, 127, 0.18) inset;
}

.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
    position: relative;
    width: 7px;
    background-image: url("imgs/dhxtoolbar_material/dhxtoolbar_arrow.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg {
    background-image: url("imgs/dhxtoolbar_material/dhxtoolbar_arrow_dis.gif");
}

.dhx_toolbar_material div.dhx_toolbar_sep {
    float: left;
    position: relative;
    border-left: 1px solid #dfdfdf;
    margin: 3px 8px 0 8px;
    width: 0;
    overflow: hidden;
    cursor: default;
    font-size: 1px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_text {
    float: left;
    position: relative;
    height: ;
    line-height: ;
    padding: 0 5px;
    font: inherit;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
    float: left;
    line-height: 1px;
    padding: 0;
    width: 2px;
    font-size: 1px;
    border-color: #d2d2d2;
    border-width: 1px 0 1px 0;
    border-style: solid;
    overflow: hidden;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l {
    margin-left: 4px;
    border-left-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
    margin-right: 4px;
    border-right-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    position: absolute;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #39c;
    cursor: default;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 {
    height: 32px;
    line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_text {
    height: 32px;
    line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn img {
    margin-top: 7px;
    width: 18px;
    height: 18px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn i {
    width: 18px;
    height: 32px;
    line-height: 31px;
    font-size: 17px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn div.dhxtoolbar_text {
    height: 32px;
    line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_sep {
    height: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_r {
    margin-top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    top: 11px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 {
    height: 42px;
    line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_text {
    height: 42px;
    line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
    margin-top: 9px;
    width: 24px;
    height: 24px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
    width: 24px;
    height: 42px;
    line-height: 41px;
    font-size: 22px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text {
    height: 42px;
    line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
    height: 36px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
    margin-top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 {
    height: 52px;
    line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_text {
    height: 52px;
    line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
    margin-top: 10px;
    width: 32px;
    height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
    width: 32px;
    height: 52px;
    line-height: 51px;
    font-size: 27px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text {
    height: 52px;
    line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
    height: 46px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
    margin-top: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 {
    height: 62px;
    line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_text {
    height: 62px;
    line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
    margin-top: 7px;
    width: 48px;
    height: 48px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
    width: 48px;
    height: 62px;
    line-height: 61px;
    font-size: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text {
    height: 62px;
    line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
    height: 56px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
    margin-top: 31px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
    top: 26px;
}

div.dhx_toolbar_poly_material {
    position: absolute;
    padding: 5px 0;
    background-color: #fafafa;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    overflow-y: auto;
    border: 1px solid #dfdfdf;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhx_toolbar_poly_material.dhx_toolbar_shadow {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

div.dhx_toolbar_poly_material td {
    line-height: normal;
    padding: 0;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.dhx_toolbar_poly_material td.td_btn_img {
    width: 18px;
    text-align: center;
}

div.dhx_toolbar_poly_material td.td_btn_img img.btn_sel_img {
    margin: 4px 6px 0 6px;
    width: 18px;
    height: 18px;
}

div.dhx_toolbar_poly_material td.td_btn_img i {
    width: 18px;
    height: 30px;
    line-height: 29px;
    margin: 0 6px;
    font-size: 1.12em;
    text-align: center;
    color: #5a5a5a;
}

div.dhx_toolbar_poly_material td.td_btn_txt div.btn_sel_text {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 22px 0 1px;
    overflow: hidden;
}

div.dhx_toolbar_poly_material .tr_btn_over td,
div.dhx_toolbar_poly_material .tr_btn_selected td {
    background-color: #ebebeb;
}

div.dhx_toolbar_poly_material .tr_btn_disabled td,
div.dhx_toolbar_poly_material .tr_btn_disabled td i {
    color: #a6a6a6;
}

div.dhx_toolbar_poly_material tr.tr_sep td {
    padding: 5px 3px;
}

div.dhx_toolbar_poly_material tr.tr_sep td div.btn_sep {
    position: relative;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

div.dhx_toolbar_slider_label_material {
    position: absolute;
    background-color: #fafafa;
    padding: 6px 12px;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtoolbar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

.dhxtoolbar_maxopen_test {
    position: absolute;
    width: 200px;
    height: 50px;
    overflow-x: none;
    overflow-y: auto;
    left: -300px;
    top: 100px;
    border: 1px solid white;
    visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
    height: 200px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
    height: 33px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
    box-shadow: none;
    border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
    height: 32px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
    border-width: 0 1px 1px 0;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxeditor_material {
    position: relative;
}

.dhxeditor_material iframe.dhxeditor_mainiframe {
    position: absolute;
    overflow: hidden;
    font: inherit;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dhxeditor_material div.dhx_cell_editor {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_cont_editor {
    position: absolute;
    overflow: hidden;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    margin: 7px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    overflow: hidden;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb.dhx_cell_stb_shadow {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a {
    position: relative;
    float: left;
    padding: 0 8px;
    border-style: solid;
    border-color: #fafafa;
    border-width: 0 1px 0 1px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button {
    position: relative;
    float: left;
    width: 18px;
    height: 32px;
    line-height: 32px;
    font-size: 1px;
    cursor: pointer;
    background-image: url("imgs/dhxeditor_material/buttons.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_italic {
    background-position: -18px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_underline {
    background-position: -36px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_clearformat {
    background-position: -54px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a:hover {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
    padding: 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def div.dhx_toolbar_material {
    box-shadow: ;
}

.dhxeditor_material.stb_height_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 50px;
    height: 1px;
    overflow: hidden;
}

.dhxeditor_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_tooltip {
    display: none;
    position: absolute;
    color: #626262;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhx_chart {
    position: relative;
    font-family: Roboto, Arial, Helvetica;
    font-size: 14px;
    color: ;
    overflow: hidden;
    z-index: 0;
}

.dhx_chart canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.dhx_canvas_text {
    position: absolute;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1000;
}

.dhx_map_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhx_axis_item_y {
    position: absolute;
    height: 18px;
    line-height: 18px;
    margin-top: -4px;
    text-align: right;
}

.dhx_axis_title_x {
    text-align: center;
}

.dhx_axis_title_y {
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dhx_ie_filter {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    zoom: 1;
    font-family: serif;
}

.dhx_chart_legend {
    position: absolute;
    z-index: 1000;
}

.dhx_chart_legend_item {
    height: 18px;
    line-height: 18px;
    padding: 2px;
    cursor: pointer;
}

.dhx_chart_legend_item.hidden {
    color: #aaa;
}

.dhx_axis_item_y.dhx_radar {
    color: #404040;
    font-size: 12px;
    padding-right: 3px;
    height: 13px;
    line-height: 13px;
    margin-top: 0;
}

.dhx_canvas_text.dhx_axis_radar_title {
    margin-top: 0;
    padding-top: 0;
}

.dhx_axis_item_y,
.dhx_axis_item_x {
    color: #404040;
}

.dhx_axis_item_x {
    padding-top: 2px;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_tooltip {
    display: none;
    position: absolute;
    font-family: Roboto, Arial, Helvetica;
    color: #626262;
    font-size: 14px;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #d9d9d9;
    -webkit-box-shadow: 0 0 3px #d9d9d9;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
}

.dhx_noselect {
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
}

.dhx_allow_selection {
    -moz-user-select: text;
    -user-select: text;
}

.dhx_dataview {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-select: none;
}

.dhx_drag_zone {
    position: absolute;
    border: 1px solid #A4BED4;
    z-index: 8000;
    -moz-box-shadow: 5px 5px 5px #888;
    -khtml-box-shadow: 5px 5px 5px #888;
    background: #fff;
}

.dhx_dataview_default_item,
.dhx_dataview_default_item_selected {
    cursor: pointer;
    background-color: ;
}

.dhx_dataview .dhx_dataview_default_item,
.dhx_dataview .dhx_dataview_default_item_selected {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.dhx_dataview .dhx_dataview_default_item_selected {
    background-color: #eee;
    border-color: #eee;
    color: #404040;
    background-repeat: repeat-y;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAAA1BMVEUzmc3EAelNAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==");
    position: relative;
}

.dhx_dataview_item {
    font-family: Roboto, Arial, Helvetica;
    font-size: 14px;
    color: ;
}

.dhx_dataview_item .dhx_strong {
    font-weight: bold;
    display: block;
    padding-bottom: 6px;
}

.dhx_dataview_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
    color: #919191;
}

.dhx_drag_over {
    background-color: #eee;
    background-repeat: repeat-x;
}

.dhx_pager_item,
.dhx_pager_item_selected {
    float: left;
    text-align: center;
    height: 16px;
    font-family: ;
    font-size: 10pt;
    border: 1px solid gray;
    padding: 2px 4px;
    margin-left: 5px;
    cursor: pointer;
    background-color: white;
}

.dhx_pager_item_selected {
    background-color: lightgrey;
    color: white;
    cursor: default;
    font-weight: bold;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-select: none;
}

.dhx_list_default_item,
.dhx_list_default_item_selected {
    cursor: pointer;
}

.dhx_list .dhx_list_default_item,
.dhx_list .dhx_list_default_item_selected {
    border-right: none;
    border-bottom: 1px solid #eee;
    border-left: 2px solid transparent;
}

.dhx_list .dhx_list_default_item_selected {
    background-color: #eee;
    color: #404040;
    border-color: #eee;
    background-repeat: repeat-x;
    border-left: 2px solid #39c;
}

.dhx_list_item {
    font-family: Roboto, Arial, Helvetica;
    font-size: 14px;
    color: ;
    box-sizing: border-box;
    line-height: normal;
}

.dhx_list_item textarea {
    resize: none;
    margin-top: -8px;
}

.dhx_list_item .dhx_strong {
    font-weight: bold;
    display: block;
    padding-bottom: 6px;
}

.dhx_list_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_list_item .dhx_light {
    color: #919191;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.defaultTreeTable {
    margin: 0;
    padding: 0;
    border: 0;
}

.containerTableStyle {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    top: 0;
    font-size: 12px;
    -khtml-user-select: none;
}

.containerTableStyleRTL span {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
    direction: rtl;
    overflow: auto;
    position: relative;
    top: 0;
    font-size: 12px;
}

.standartTreeRow {
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    -moz-user-select: none;
    line-height: 24px;
}

.selectedTreeRow {
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    -moz-user-select: none;
    background-color: #eee;
    color: #39c;
}

.dhxtree_material .selectedTreeRowFull .dhxTextCell {
    background-color: #eee;
    color: #39c;
}

.dragAndDropRow {
    color: #39c;
}

.standartTreeRow_lor {
    text-decoration: underline;
    background-color: ;
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    -moz-user-select: none;
}

.standartTreeImage {
    height: 24px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1px;
}

.standartTreeImage img {
    width: 18px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.hiddenRow {
    width: 1px;
    overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    line-height: ;
    vertical-align: center;
    background-color: white;
    z-index: 999;
}

.dragSpanDiv td {
    padding: 5px;
}

.a_dhx_hidden_input {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    background: none;
}

.a_dhx_hidden_input {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    background: none;
}

.selectionBar {
    top: 0;
    background-color: black;
    position: absolute;
    overflow: hidden;
    height: 2px;
    z-index: 11;
}

.intreeeditRow {
    font-size: 8pt;
    height: 16px;
    border: 1px solid silver;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    -moz-user-select: text;
    -khtml-user-select: text;
}

.dhx_tree_textSign {
    font-size: 8pt;
    font-family: monospace;
    width: 21px;
    color: ;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.dhx_tree_opacity {
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhx_bg_img_fix {
    width: 18px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

.dhxtree_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxtreeview_material {
    position: relative;
    overflow: hidden;
    background-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont {
    position: absolute;
    overflow: auto;
    background-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area {
    position: relative;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont {
    position: relative;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item {
    position: relative;
    white-space: nowrap;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text {
    position: relative;
    padding: 0;
    margin: 0;
    height: 32px;
    line-height: 31px;
    color: inherit;
    vertical-align: middle;
    border-left: 3px solid white;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_label {
    position: absolute;
    top: 0;
    padding: 0 10px 0 4px;
    height: 32px;
    line-height: inherit;
    font: inherit;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
    background-color: #ebebeb;
    border-color: #39c;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
    background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
    background-color: #f5f5f5;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon {
    position: absolute;
    width: 22px;
    top: 0;
    height: 32px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #737373;
    overflow: hidden;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_plus {
    background-image: url(imgs/dhxtreeview_material/icon_plus.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_minus {
    background-image: url(imgs/dhxtreeview_material/icon_minus.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_file {
    background-image: url(imgs/dhxtreeview_material/icon_file.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_closed {
    background-image: url(imgs/dhxtreeview_material/icon_folder_closed.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_opened {
    background-image: url(imgs/dhxtreeview_material/icon_folder_opened.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_loading {
    background-image: url(imgs/dhxtreeview_material/loading.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_0 {
    background-image: url(imgs/dhxtreeview_material/icon_chbx_0.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_1 {
    background-image: url(imgs/dhxtreeview_material/icon_chbx_1.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_0 {
    background-image: url(imgs/dhxtreeview_material/icon_chbx_dis_0.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_1 {
    background-image: url(imgs/dhxtreeview_material/icon_chbx_dis_1.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa {
    position: absolute;
    line-height: 32px;
    left: 4px;
    width: 10px;
    text-align: left;
    overflow: visible;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o.dhx-disabled,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o.dhx-disabled {
    color: #b3b3b3;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview {
    display: none;
    position: absolute;
    height: 0;
    width: 40px;
    border-bottom: 2px dotted #39c;
    z-index: 1;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_0 {
    display: block;
    top: -1px;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_2 {
    display: block;
    top: 31px;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item.dhxtreeview_item_dragged {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1 div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover div.dhxtreeview_item_label {
    background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
    border-color: #ebebeb;
    background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
    background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
    background-color: white;
    border-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
    background-color: white;
}

.dhxtreeview_material.dhxtreeview_with_border {
    border: 1px solid white;
}

.dhxtreeview_material.dhxtreeview_icon_width {
    position: absolute;
    left: 0;
    top: -100px;
    width: 22px;
    height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dhxtreeview_dragged_obj_material {
    position: absolute;
    color: #3f3f3f;
    font-family: Roboto, Arial, Helvetica;
    font-size: 14px;
    white-space: nowrap;
    cursor: default;
    background-color: #fafafa;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(90, 90, 90, 0.2);
    padding: 6px 14px;
    border: 1px solid #e0e0e0;
}

html.dhxtreeview_dnd_mode,
html.dhxtreeview_dnd_mode *,
body.dhxtreeview_dnd_mode,
body.dhxtreeview_dnd_mode * {
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td div.dhxtreeview_material div.dhxtreeview_item div.dhxtreeview_item_label {
    white-space: nowrap;
}

.dhxtreeview_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

div.gridbox {
    overflow: hidden;
    text-align: left;
}

.dhx_sub_row {
    background-color: white;
}

div.gridbox .xhdr {
    background-color: #D4D0C8;
}

div.gridbox table.obj {
    height: 1px;
}

div.gridbox table.hdr td {
    line-height: normal;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: red;
    background-color: #D4D0C8;
    border: px solid;
    border-color: white;
    text-align: center;
    margin: 0;
    padding: 5px 0 5px 0;
    font-weight: normal;
    overflow: hidden;
    empty-cells: show;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.gridbox table.obj td {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    empty-cells: show;
    white-space: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
    padding: 0;
    margin: 0;
}

div.gridbox table.row20px tr td {
    height: 20px;
    white-space: nowrap;
    padding: 0;
}

div.gridbox .objbox {
    background-color: white;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
    width: 18px;
}

div.gridbox table.obj td.editable {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

div.gridbox table.obj td.group_row {
    vertical-align: middle;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    font-weight: bold;
    height: 30px;
    border: 0;
    border-bottom: 2px solid navy;
}

.dragSpanDiv {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    border: 1px gray solid;
    background-color: white;
    z-index: 999;
}

.dhx_combo_select {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    border: 1px solid;
    border-color: black silver silver black;
    background-color: white;
    overflow: auto;
    cursor: default;
    position: absolute;
    height: auto;
    z-index: 600;
}

.dhx_combo_edit {
    width: 100%;
    border: 0;
    padding: 0;
    padding-right: 1px!ie;
    margin: 0;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    overflow: hidden;
    display: block;
}

table.obj.row20px .dhx_combo_edit {
    line-height: 28px;
}

.dhx_textarea {
    border: 1px solid;
    border-color: black silver silver black;
    position: absolute;
    height: 100px;
    z-index: 600;
}

.dhx_clist {
    background-color: white;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    z-index: 300;
}

.gridDragLine {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: black;
    overflow: hidden;
}

div.pagingBlock {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.pagingBlock .pagingCurrentPage {
    font-weight: bold;
    cursor: default;
}

div.pagingBlock .pagingPage {
    cursor: pointer;
    text-decoration: underline;
}

span.recordsInfoBlock {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.pagingBlock a {
    text-decoration: none;
    padding-right: 2px;
    color: black;
    cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
    text-decoration: none;
    cursor: default;
}

.toolbar_select {
    font-size: 10px;
}

.dhtmlxGrid_selection {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    background-color: yellow;
    border: 1px dotted black;
}

div.gridbox div.ftr {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    overflow: hidden;
}

div.gridbox div.ftr td {
    padding: 5px 5px 5px 10px;
    border-top: 1px solid gray;
    border-right: 1px solid white;
    background-color: white;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
    border-right: 3px double #F60;
    border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
    border-right: 3px solid #D4D0C8;
    border-left: 3px double #F60;
}

.dhx_dragColDiv {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    background-color: #D4D0C8;
    border: 1px solid;
    border-color: white Gray Gray white;
    text-align: center;
    margin: 0;
    padding: 5px 20px 5px 20px;
    font-weight: normal;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 100;
}

.dhtmlx_live_validation_error {
    background-color: #FFE0E0!important;
}

.dhtmlx_validation_error {
    border-bottom: 2px solid red!important;
}

.dhx_header_cmenu {
    background-color: #fff;
    border: 2px outset silver;
    z-index: 2;
}

.dhx_header_cmenu_item {
    white-space: nowrap;
}

div.gridbox .filter input,
div.gridbox .filter select {
    width: 100%;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    padding: 2px;
    box-sizing: border-box;
}

div.gridbox .filter input::-ms-clear {
    display: none;
}

div.gridbox_material.gridbox .xhdr {
    background-color: white;
    border-bottom: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.hdr tr {
    background-color: white;
}

div.gridbox_material.grid table.obj {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.gridbox_material.gridbox table.obj tr td {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
    overflow: hidden;
    width: auto;
    padding-left: 4px;
    width: 100%!ie;
}

div.gridbox_material.gridbox table.hdr td {
    border-width: 0 1px 0 0;
    border: 1px solid white;
    overflow: hidden;
    empty-cells: show;
    white-space: normal;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 9px 0 8px 0;
    background-color: white;
    font-size: 12px;
    font-family: Roboto, Arial, Helvetica;
    color: #9f9f9f;
    font-weight: 500;
    vertical-align: top;
    text-align: left;
    position: relative;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
    border-top: 1px solid white;
}

div.gridbox_material.gridbox {
    border: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.obj tr td {
    padding-top: 3px;
    padding-bottom: 4px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

div.gridbox_material.gridbox table.obj.row20px tr td {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
    border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhx_combo_edit {
    margin-left: -3px;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
    margin-left: -3px!important;
}

div.gridbox_material.gridbox table.obj tr td.editable:first-child {
    border: 0 solid white!important;
    padding-left: 4px!important;
}

div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
    padding: 1px 4px;
}

div.gridbox_material.gridbox table.obj tr.rowselected {
    background-color: #eee;
    color: #404040;
}

div.gridbox_material.gridbox table.obj tr.rowselected td {
    background-color: #eee;
    color: #404040;
}

div.gridbox_material.gridbox table.obj tr td:first-child {
    padding-left: 10px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
    border-left: 2px solid #39c;
    padding-left: 8px;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
    background-color: #eee;
    border-right-color: #eee;
    color: #404040;
}

div.gridbox_material.gridbox table.obj tr td.cellselected {
    background-color: #eee;
    color: #404040;
}

div.gridbox_material.gridbox .odd_material {
    background-color: #fff;
    color: ;
}

.dhx_combo_select,
.gridbox_material.gridbox .dhx_combo_edit,
.gridbox_material.gridbox .dhx_textarea {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.gridbox_material.gridbox .dhx_combo_edit {
    padding: 1px 0 0 4px;
}

.gridbox_material.gridbox .dhx_sub_row {
    background-color: transparent;
}

.dhx_header_cmenu {
    background-color: #fff;
    border: 2px outset silver;
    z-index: 2;
}

.dhx_header_cmenu_item {
    white-space: nowrap;
}

.dhx_pbox {
    margin-top: 3px;
    border: 1px solid #D4D0C8;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page,
.dhx_pager_info {
    margin: 3px;
    text-align: center;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    float: left;
    cursor: pointer;
    color: black;
    background-color: gray;
    padding: 1px;
}

.dhx_pager_info {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active {
    font-weight: bold;
    background-color: lightgrey;
    cursor: default;
    color: white;
}

.dhx_pbox_modern {
    margin-top: 3px;
    border: 1px solid #D6D6D6;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline_modern {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
    margin: 3px;
    text-align: center;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    float: left;
    cursor: pointer;
    color: #055A78;
    background-color: #D6D6D6;
    padding: 1px;
}

.dhx_pager_info_modern {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page_modern div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active_modern {
    font-weight: bold;
    background-color: #055A78;
    cursor: default;
    color: white;
}

.dhx_pbox_light {
    margin-top: 3px;
    border: 1px solid #C2D5DC;
    border-top: 0;
    font-size: 10px;
}

.dhx_pline_light {
    background-color: white;
    margin: -15px 10px 10px 10px;
    padding: 0 5px 0 5px;
    float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
    margin: 3px;
    text-align: center;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    float: left;
    cursor: pointer;
    color: #055A78;
    background-color: #93AFBA;
    padding: 1px;
}

.dhx_pager_info_light {
    white-space: nowrap;
    background-color: white;
    margin: -8px 10px 10px 10px;
    padding: 0 5px 0 5px;
    cursor: default;
}

.dhx_page_light div {
    background-color: white;
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

div.dhx_page_active_light {
    font-weight: bold;
    background-color: #D1DFE3;
    cursor: default;
    color: white;
}

.calcTable {
    width: 100px;
    background-color: silver;
    border: 1px black solid;
}

.calcButton {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
}

.calcPressed {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.calcInput {
    background-color: white;
    font-size: 10px;
    font-weight: bold;
    font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
    padding: 2px;
    cursor: pointer;
    text-align: center;
    background-color: silver;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.calcTable {
    width: 100px;
    background-color: silver;
    border: 1px black solid;
}

.calcButton {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
}

.calcPressed {
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: gray;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.calcInput {
    background-color: white;
    font-size: 10px;
    font-weight: bold;
    font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
    padding: 2px;
    cursor: pointer;
    text-align: center;
    background-color: silver;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
    width: 0;
    height: 0;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
    background-image: url("imgs/dhxgrid_material/sort_desc.gif");
    background-position: 3px 7px;
    background-repeat: no-repeat;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div {
    padding-left: 18px;
    padding-right: 14px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
    background-image: url("imgs/dhxgrid_material/sort_asc.gif");
}

.dhxgrid_rh_material {
    position: absolute;
    top: -20px;
    left: -33px;
    width: 29px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-width: 0;
    font-size: 1px;
    overflow: hidden;
}

.dhxgrid_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

div.gridbox_material.gridbox table.obj.row20px tr td img {
    display: block;
}

div.gridbox_material.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_material.gridbox table.obj.row20px tr td .treegrid_cell img {
    display: inline;
}

.grid_cell_dyn {
    position: relative;
    padding-right: 2px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.grid_cell_dyn img {
    position: absolute;
    top: 7px;
    left: 0;
    height: 15px;
}

.grid_cell_dyn span {
    padding-left: 20px;
    width: 100%;
}

.grid_collapse_icon {
    margin-top: 1px;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxform_obj_material {
    float: left;
    line-height: normal;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material div.dhxform_base {
    position: relative;
    float: left;
}

.dhxform_obj_material div.dhxform_base_nested {
    padding: 0;
    clear: both;
    *display: inline-block;
}

.dhxform_obj_material.dhxform_block {
    clear: both;
}

.dhxform_obj_material div.block_dhxform_item_label_left {
    display: block;
    clear: both;
    *clear: none;
}

.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:hover {
    outline: 0 solid white;
    text-decoration: none;
    color: inherit;
    cursor: default;
    overflow: hidden;
    white-space: normal;
}

.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:focus {
    color: #39c;
}

.dhxform_obj_material div.disabled span.nav_link {
    color: inherit;
}

.dhxform_obj_material div.dhxform_img,
.dhxform_obj_material div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_actv_r {
    width: 24px;
    height: 24px;
    font-size: 1px;
}

.dhxform_obj_material div.dhxform_img.chbx0,
.dhxform_obj_material div.dhxform_img.chbx1,
.dhxform_obj_material div.disabled div.dhxform_img.chbx0,
.dhxform_obj_material div.disabled div.dhxform_img.chbx1,
.dhxform_obj_material div.dhxform_img.rdbt0,
.dhxform_obj_material div.dhxform_img.rdbt1,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt0,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt1,
.dhxform_obj_material div.dhxform_actv_c.chbx0,
.dhxform_obj_material div.dhxform_actv_c.chbx1,
.dhxform_obj_material div.dhxform_actv_r.rdbt0,
.dhxform_obj_material div.dhxform_actv_r.rdbt1 {
    background-image: url("imgs/dhxform_material/dhxform_chbxrd.png");
    background-repeat: no-repeat;
}

.dhxform_obj_material div.dhxform_img.chbx0 {
    background-position: -24px 0;
}

.dhxform_obj_material div.dhxform_img.chbx1 {
    background-position: 0 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.chbx0 {
    background-position: -72px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.chbx1 {
    background-position: -48px 0;
}

.dhxform_obj_material div.dhxform_img.rdbt0 {
    background-position: -120px 0;
}

.dhxform_obj_material div.dhxform_img.rdbt1 {
    background-position: -96px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.rdbt0 {
    background-position: -168px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.rdbt1 {
    background-position: -144px 0;
}

.dhxform_obj_material div.dhxform_actv_c.chbx0 {
    background-position: -216px 0;
}

.dhxform_obj_material div.dhxform_actv_c.chbx1 {
    background-position: -192px 0;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt0 {
    background-position: -264px 0;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt1 {
    background-position: -240px 0;
}

.dhxform_obj_material div.dhxform_label_nav_link {
    line-height: 22px;
}

.dhxform_obj_material div.dhxform_label {
    overflow-x: hidden;
    overflow: hidden;
    white-space: normal;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_left {
    text-align: left;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_center {
    text-align: center;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_right {
    text-align: right;
}

.dhxform_obj_material div.disabled div.dhxform_label,
.dhxform_obj_material div.disabled div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.disabled div.dhxform_label span.dhxform_item_required {
    color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_label span.dhxform_item_required {
    margin-left: 5px;
    color: red;
}

.dhxform_obj_material input.dhxform_textarea,
.dhxform_obj_material textarea.dhxform_textarea {
    padding: 4px 2px!important;
    margin: 0;
    font-size: 1em;
    background-color: white;
}

.dhxform_obj_material input.dhxform_textarea::-ms-clear,
.dhxform_obj_material textarea.dhxform_textarea::-ms-clear {
    display: none;
}

.dhxform_obj_material input.dhxform_textarea:focus,
.dhxform_obj_material textarea.dhxform_textarea:focus {
    border-bottom-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 3px!important;
    outline: none;
}

.dhxform_obj_material .dhxform_textarea {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    resize: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material div.disabled .dhxform_textarea {
    color: #a6a6a6;
    border-style: dashed;
}

.dhxform_obj_material input.dhxform_textarea.calendar {
    background-image: url("imgs/dhxform_material/dhxform_image_calendar.png");
    background-repeat: no-repeat;
    background-position: right 6px;
}

.dhxform_obj_material div.disabled input.dhxform_textarea.calendar {
    background-image: url("imgs/dhxform_material/dhxform_image_calendar_dis.png");
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node {
    position: relative;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node .dhxform_textarea {
    border: 1px solid white;
    background-color: white;
    color: white;
    visibility: hidden;
    *height: 1px;
    *line-height: 1px;
    *display: inline;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_img {
    float: none;
    top: 3px;
    left: 0;
    position: absolute;
    margin: 0;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
    float: none;
    position: absolute;
    margin: 0;
    top: 3px;
    left: 0;
}

.dhxform_obj_material .dhxform_select {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: white;
    margin: 0;
    padding: 2px!important;
    line-height: normal;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: -ms-none;
    appearance: none;
    background-image: url(imgs/dhxform_material/dhxform_arrow_down.gif);
    background-repeat: no-repeat;
    background-position: right 13px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material .dhxform_select option {
    padding: 1px 2px;
    outline: none!important;
}

.dhxform_obj_material .dhxform_select option:focus,
.dhxform_obj_material .dhxform_select option:active {
    outline: none!important;
}

.dhxform_obj_material .dhxform_select:focus {
    border-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 1px!important;
    outline: none!important;
}

.dhxform_obj_material .dhxform_select.dhxform_arrow_fix_webkit {
    background-position: right 6px;
}

.dhxform_obj_material .dhxform_select.dhxform_arrow_fix_edge {
    background-position: right 7px;
}

.dhxform_obj_material .dhxform_select.dhxform_fix_ff {
    height: 28px;
}

.dhxform_obj_material div.disabled .dhxform_select {
    color: #a6a6a6;
    border-style: dashed;
    background-image: url(imgs/dhxform_material/dhxform_arrow_down_dis.gif);
}

.dhxform_obj_material div.disabled .dhxform_select option {
    color: #a6a6a6;
}

.dhxform_obj_material div.fs_dhxform_item_label_left {
    padding: 5px 0 5px 0;
}

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
    margin-right: 19px;
    margin-left: 5px;
}

.dhxform_obj_material fieldset.dhxform_fs {
    border: 1px solid #dfdfdf;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
}

.dhxform_obj_material div.disabled fieldset.dhxform_fs {
    border-style: dashed;
}

.dhxform_obj_material fieldset.dhxform_fs legend.fs_legend {
    font-weight: normal;
    padding: 0 4px 1px 4px;
    margin-left: 5px;
    text-align: left;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material div.disabled fieldset.dhxform_fs legend.fs_legend {
    color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_item_label_right {
    clear: both;
    padding-top: 9px;
    cursor: default;
    *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_img,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_actv_r {
    float: left;
    margin: 0;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label {
    float: left;
    padding: 2px 0 1px 0;
    margin: 2px 0 2px 0;
    *padding-top: 0;
    *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_control {
    float: left;
    margin-right: 7px;
}

.dhxform_obj_material div.dhxform_item_label_left {
    clear: both;
    padding-top: 9px;
    cursor: default;
    *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_img,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_actv_r {
    float: right;
    margin: 3px 1px 0 5px;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_label {
    float: left;
    padding: 2px 0 1px 0;
    margin: 2px 0 2px 0;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_control {
    float: left;
    margin-left: 3px;
}

.dhxform_obj_material div.dhxform_item_label_top {
    clear: both;
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_label {
    float: none;
    margin-bottom: 5px;
    margin-top: 8px;
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_control {
    float: none;
    margin-left: 0;
    margin-bottom: 5px;
}

.dhxform_obj_material div.dhxform_item_absolute {
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}

.dhxform_obj_material div.item_absolute div.dhxform_img,
.dhxform_obj_material div.item_absolute div.dhxform_actv_c,
.dhxform_obj_material div.item_absolute div.dhxform_actv_r {
    position: absolute;
}

.dhxform_obj_material div.dhxform_item_absolute div.dhxform_control,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_label,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_control.dhxform_img_node,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_txt_label2,
.dhxform_obj_material div.dhxform_item_absolute .dhx_button,
.dhxform_obj_material div.block_item_absolute div.dhxform_block {
    position: absolute;
}

.dhxform_obj_material div.dhxform_txt_label2 {
    font-weight: bold;
    margin: 0 3px;
    padding: 5px 0;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material div.disabled div.dhxform_txt_label2 {
    color: #a6a6a6;
}

.dhxform_obj_material .dhx_button {
    margin: 1px 2px;
    background-color: #f5f5f5;
    float: left;
    cursor: default;
    clear: both;
    position: relative;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    outline: none!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_material.dhxform_rtl .dhx_button {
    float: right;
}

.dhxform_obj_material .dhx_button.dhx_button_over {
    background-color: #ededed;
    outline: none!important;
}

.dhxform_obj_material .dhx_button.dhx_button_pressed {
    background-color: #e1e1e1;
    border-color: #d2d2d2;
    outline: none!important;
}

.dhxform_obj_material .dhx_button:focus {
    outline: none!important;
    border-color: #39c;
    border-width: 2px;
    margin: 0 1px;
    color: #545454;
}

dhxform_obj_material div.disabled .dhx_button {
    background-color: #ededed;
    border-color: #ededed;
}

dhxform_obj_material div.disabled .dhx_button .dhx_button {
    color: #a6a6a6;
}

.dhxform_obj_material .dhx_button .dhx_button {
    float: left;
    margin: 0 18px;
    height: 28px;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 3px;
    *display: inline;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxform_obj_material .dhx_button .dhx_button.dhx_button_autowidth {
    width: 100%;
    margin: 0;
}

.dhxform_obj_material .dhx_button .dhx_button_filler {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_material div.dhxform_control div.dhxform_note {
    font: inherit;
    color: #5a5a5a;
    font-size: .8em;
    padding-bottom: 3px;
    white-space: normal;
}

.dhxform_obj_material div.disabled div.dhxform_control div.dhxform_note {
    color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_label span.dhxform_info {
    font: inherit;
    color: #5a5a5a;
    font-size: .6em;
    margin-left: 3px;
    padding-bottom: 2px;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
}

.dhxform_obj_material .validate_error .dhxform_label,
.dhxform_obj_material .validate_error .dhxform_textarea,
.dhxform_obj_material .validate_error .dhxform_select,
.dhxform_obj_material .validate_error div.dhxform_label_nav_link,
.dhxform_obj_material .validate_error div.dhxform_label div.dhxform_label_nav_link:focus {
    color: red;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material {
    height: 24px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material input.dhxcombo_input {
    height: 24px;
    line-height: 24px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material div.dhxcombo_image {
    top: 3px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material div.dhxcombo_select_button {
    top: 1px;
}

.dhxform_obj_material div.disabled div.dhxcombo_material {
    color: #a6a6a6;
    border-style: dashed;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor {
    border: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def {
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxeditor_focus div.dhxform_item_template.dhxeditor_material {
    box-shadow: 0 0 3px #c0c0c0;
    outline: none;
}

.dhxform_obj_material div.dhxeditor_focus div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor {
    border-color: #39c;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhxcont_content_blocker {
    display: none;
}

.dhxform_obj_material div.disabled div.dhxform_item_template.dhxeditor_material div.dhxcont_content_blocker {
    display: inline;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fafafa;
    opacity: .7;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
}

.dhtmlx_skin_material div.dhtmlx_wins_body_inner .dhxform_obj_material {
    background-color: white;
}

.dhxform_obj_material div.dhxform_control .dhx_combo_box.material .dhx_combo_input,
.dhx_combo_list.material_list div {
    font-size: 1em!important;
}

.dhxform_obj_material .dhx_file_uploader {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8px;
    background-image: url("imgs/dhxform_material/dhxform_upload_buttons.png");
    background-repeat: no-repeat;
    font-size: 2px;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
    display: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
    background-position: 0 0;
    right: 108px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_upload {
    background-position: -24px 0;
    right: 79px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel {
    background-position: -72px 0;
    right: 79px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
    background-position: -48px 0;
    right: 50px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls .dhx_uploader_input {
    position: absolute;
    left: -1000px;
    top: 0;
    visibility: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont {
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
    outline: none;
    height: 19px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    overflow: auto;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file {
    position: relative;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_added,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploading {
    color: black;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploaded {
    color: #646464;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_fail {
    color: #e94a4a;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param {
    position: absolute;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    top: 0;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_name {
    left: 20px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_progress {
    right: 50px;
    width: 38px;
    text-align: right;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_delete {
    right: 30px;
    width: 12px;
    background-image: url("imgs/dhxform_material/dhxform_upload_buttons.png");
    background-position: -96px 1px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_uploading {
    right: 50px;
    width: 38px;
    text-align: right;
    background-image: url("imgs/dhxform_material/dhxform_upload_uploading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
    height: 60px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_files {
    display: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
    display: inline;
    background-image: none;
    height: auto;
    top: 0;
    left: 35px;
    vertical-align: top;
    padding-top: 6px;
    line-height: 20px;
    cursor: default;
    filter: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
    top: 0;
    width: 54px;
    height: 54px;
    right: 35px;
    background-image: url("imgs/dhxform_material/dhxform_upload_buttons.png");
    background-position: 0 -48px;
    background-repeat: no-repeat;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_upload,
.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel,
.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
    display: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont {
    width: 54px;
    height: 54px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
    height: 54px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_info,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_added,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploading,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploaded,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_fail {
    color: #a6a6a6;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
    background-position: -54px -48px;
    cursor: default;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_form_cont {
    display: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button {
    cursor: default;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
    background-position: 0 -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_upload {
    background-position: -24px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_cancel {
    background-position: -72px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_clear {
    background-position: -48px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file_param.dhx_file_delete {
    background-position: -108px 1px;
    cursor: default;
}

.dhxform_obj_material div.dhxform_image {
    position: relative;
    overflow: hidden;
    border: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxform_image img.dhxform_image_img {
    position: absolute;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap {
    position: absolute;
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    *border: 1px solid white;
    *height: 1000px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress {
    background-image: url("imgs/dhxform_material/dhxform_image_uploading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    *border-width: 0;
    *height: 100%;
    opacity: .85;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress form.dhxform_image_form {
    display: none;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form input.dhxform_image_input {
    cursor: pointer;
    outline: none;
    height: 1000px;
    font-size: 100px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_material div.disabled div.dhxform_image {
    border-color: #f9f9f9;
}

.dhxform_obj_material div.disabled div.dhxform_image img.dhxform_image_img {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxform_obj_material div.disabled div.dhxform_image div.dhxform_image_wrap {
    cursor: default;
}

.dhxform_obj_material div.disabled div.dhxform_image form.dhxform_image_form {
    display: none;
}

div.dhx_form_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxacc_base_material {
    position: relative;
    cursor: default;
    overflow: hidden;
}

.dhxacc_base_material div.dhxacc_cont {
    position: absolute;
    *overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc {
    position: relative;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url('imgs/dhxacc_material/dhxacc_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc {
    position: absolute;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    overflow: hidden;
    z-index: 0;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr {
    position: relative;
    height: 42px;
    line-height: 42px;
    background-color: #fafafa;
    overflow: hidden;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    cursor: default;
    z-index: 3;
    box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #39c;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    box-shadow: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: relative;
    margin-left: 14px;
    margin-right: 44px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
    margin-left: 44px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
    position: absolute;
    top: 13px;
    left: 14px;
    width: 16px;
    height: 16px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr i {
    position: absolute;
    left: 14px;
    width: 16px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: default;
    font-size: 1.1em;
    color: inherit;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
    position: absolute;
    top: 13px;
    right: 14px;
    width: 16px;
    height: 16px;
    background-image: url("imgs/dhxacc_material/dhxacc_btns.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr {
    box-shadow: none;
    color: #404040;
}

.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
    background-position: -16px 0;
}

.dhxacc_base_material div.dhx_cell_acc.acc_cell_dragged {
    z-index: 5!important;
}

.dhxacc_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxacc_base_material div.dhxcelltop_ftr {
    position: absolute;
}

.dhxacc_base_material div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxacc_material/dhxacc_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_svg {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxacc_base_material div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.dhxacc_base_material div.dhxcelltop_toolbar {
    position: relative;
    overflow: hidden;
}

.dhxacc_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxacc_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxacc_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxacc_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

body.dhxacc_base_material {
    background-color: #fafafa;
}

.dhxacc_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxlayout_base_material {
    position: relative;
    cursor: default;
    overflow: visible!important;
}

.dhxlayout_base_material div.dhxlayout_cont {
    position: absolute;
}

.dhxlayout_base_material div.dhx_cell_layout {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    cursor: default;
    z-index: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.12);
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url('imgs/dhxlayout_material/dhxlayout_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxlayout_base_material div.dhx_cell_layout.dhx_cell_nested_layout {
    box-shadow: none!important;
    background: none!important;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_cont_layout,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_menu_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_toolbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_ribbon_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_statusbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_cont_layout,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_menu_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_toolbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_ribbon_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_statusbar_def {
    display: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout {
    position: absolute;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    z-index: 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout.dhx_cell_cont_no_borders {
    border-width: 0;
    padding: 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr {
    position: relative;
    height: 42px;
    line-height: 42px;
    background-color: #39c;
    overflow: hidden;
    font-family: Roboto, Arial, Helvetica;
    font-size: 17px;
    color: #ecf3f9;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
    height: 0;
    line-height: 0;
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders {
    height: 0;
    line-height: 0;
    border-width: 0;
    overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: relative;
    margin: 0 39px 0 14px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-image: url('imgs/dhxlayout_material/dhxlayout_cell_btns.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
    background-position: -16px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
    background-position: -48px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
    background-position: -32px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: 0 0;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    color: white;
    font-weight: normal;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
    background-position: 0 0;
    top: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
    background-position: -32px 0;
    top: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
    font-size: 15px;
    width: 28px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
    background-position: -48px 0;
    right: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
    background-position: -16px 0;
    right: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform-origin: left center;
    font-weight: normal;
    text-overflow: ellipsis;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 {
    left: -7px;
    line-height: 27px;
    padding-bottom: 10px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 {
    left: -7px;
    line-height: 27px;
    padding-bottom: 10px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 {
    left: -6px;
    line-height: 27px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 span {
    float: left;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17', M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
    margin-bottom: 95%;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 {
    left: 0;
    line-height: 27px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 span {
    float: left;
    filter: none;
    margin-bottom: 95%;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    left: 3px;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: left center;
}

.dhxlayout_base_material div.dhxlayout_sep {
    position: absolute;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_v {
    cursor: w-resize;
    background-image: url('imgs/dhxlayout_material/dhxlayout_sep_ver.gif');
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_h {
    cursor: n-resize;
    background-image: url('imgs/dhxlayout_material/dhxlayout_sep_hor.gif');
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_actv {
    background-color: #f2f2f2;
}

.dhxlayout_base_material div.dhxlayout_resize_area {
    position: absolute;
    background-color: #cfcfcf;
    opacity: .3;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
    z-index: 1;
    border: 1px dashed black;
    cursor: inherit;
}

.dhxlayout_base_material div.dhxlayout_resize_sep {
    position: absolute;
    background-color: #39c;
    overflow: hidden;
    display: block;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index: 2;
    cursor: inherit;
}

.dhxlayout_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxlayout_base_material div.dhxcelltop_ftr {
    position: absolute;
}

.dhxlayout_base_material div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxlayout_material/dhxlayout_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxlayout_base_material div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.dhxlayout_base_material div.dhxcelltop_toolbar {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxlayout_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxlayout_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_menu {
    border-width: 0;
    padding-bottom: 4px;
    background: none!important;
}

.dhxlayout_base_material div.dhxcelltop_toolbar {
    padding-bottom: 10px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon {
    padding-bottom: 10px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
}

.dhxlayout_base_material div.dhxcelltop_statusbar {
    padding-top: 10px;
    overflow: visible;
}

.dhxlayout_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxlayout_base_material.dhxlayout_collapsed_height {
    position: absolute;
    left: 0;
    top: -100px;
    width: 28px;
    height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.dhxlayout_sep_sw_material {
    position: absolute;
    left: 0;
    top: -100px;
    width: 14px;
    height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body.dhxlayout_resize_v,
body.dhxlayout_resize_v * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: w-resize!important;
}

body.dhxlayout_resize_h,
body.dhxlayout_resize_h * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: n-resize!important;
}

html.dhxlayout_base_material,
body.dhxlayout_base_material {
    overflow: hidden!important;
}

.dhxlayout_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxtabbar_base_material {
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.09);
}

.dhxtabbar_base_material div.dhxtabbar_cont {
    position: absolute;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs {
    position: absolute;
    top: 0;
    bottom: auto;
    height: 42px;
    line-height: 42px;
    background-color: #fafafa;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
    position: absolute;
    height: 42px;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
    position: absolute;
    top: 0;
    width: 5000px;
    height: 42px;
    margin: 0 1px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab {
    position: relative;
    height: 42px;
    line-height: 42px;
    background-color: #fafafa;
    font: inherit;
    margin-right: 0;
    cursor: pointer;
    z-index: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv {
    color: #39c;
    background-color: #39c;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
    color: #a6a6a6;
    background-color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis {
    color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text {
    position: relative;
    height: 40px;
    line-height: 42px;
    background-color: #fafafa;
    vertical-align: middle;
    text-align: center;
    padding: 0 16px;
    overflow: hidden;
    font: inherit;
    text-transform: uppercase;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
    padding-right: 42px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    background-image: url("imgs/dhxtabbar_material/dhxtabbar_button_close.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close {
    background-position: -14px 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
    float: left;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
    float: right;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    position: absolute;
    top: 0;
    width: 35px;
    height: 42px;
    line-height: 42px;
    z-index: 4;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
    display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    left: 10px;
    top: 13px;
    background-image: url("imgs/dhxtabbar_material/dhxtabbar_arrows.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
    left: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img:hover {
    background-position: 0 -16px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    right: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
    background-position: -16px 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img:hover {
    background-position: -16px -16px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url('imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    position: absolute;
    border-color: #dfdfdf;
    border-style: solid;
    overflow: hidden;
    z-index: 0;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
    border-width: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs {
    top: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs div.dhxtabbar_tab_text {
    margin-bottom: 2px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-width: 0 1px 1px 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_svg {
    border-top-width: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
    bottom: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab_text {
    margin-top: 2px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-width: 1px 1px 0 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_svg {
    border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxtabbar_base_material div.dhxcelltop_ftr {
    position: absolute;
}

.dhxtabbar_base_material div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

span.dhxtabbar_tabs_text_test_material {
    position: absolute;
    visibility: hidden;
    right: 0;
    top: 0;
    padding: 0 4px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtabbar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxsidebar_base_material {
    position: relative;
    cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont {
    position: absolute;
    cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fafafa;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 0 1px;
    overflow: hidden;
    z-index: 5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items {
    position: absolute;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -ms-touch-action: none;
    -webkit-transition: top .2s;
    -moz-transition: top .2s;
    -ms-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item {
    position: relative;
    padding: 0 10px;
    z-index: 1;
    cursor: default;
    margin: 1px 0;
    background-color: #fafafa;
    overflow: hidden;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden {
    height: 0!important;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #f5f5f5;
    z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: absolute;
    left: 9px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 14px;
    right: 5px;
    top: 5px;
    border-radius: 10px;
    background-color: #fafafa;
    border: 1px solid #39c;
    font-family: Tahoma;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    color: #39c;
    cursor: default;
    overflow: hidden;
    z-index: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble {
    background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble {
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep {
    position: relative;
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #ededed;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #fafafa;
    z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 5px;
    width: 16px;
    height: 16px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 34px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 50px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    top: 15px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 66px;
    line-height: 1em;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 4px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: relative;
    display: block;
    height: 16px;
    margin-top: 10px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 14px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url('imgs/dhxsidebar_material/dhxsidebar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-width: 1px 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-width: 1px 1px 0 0;
    margin-top: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-width: 0 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar {
    border-top-color: white;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
    position: absolute;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    z-index: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
    border-width: 0;
    padding: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
    position: relative;
    background-color: #fafafa;
    height: 36px;
    line-height: 35px;
    font-weight: normal;
    overflow: hidden;
    cursor: default;
    z-index: 1;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 0 0;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden {
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    text-align: left;
    height: 100%;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon {
    margin-left: 34px!important;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon {
    position: absolute;
    top: 0;
    left: 10px;
    width: 16px;
    height: 100%;
    background-image: url("imgs/dhxsidebar_material/dhxsidebar_side_icon.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
    border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
    border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs {
    border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide {
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 2px 8px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 4px 6px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    z-index: 3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .0001;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    font-size: 1px;
    overflow: hidden;
    z-index: 6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden {
    height: 0;
    border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    font-size: 1px;
    overflow: hidden;
    z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left {
    left: 0;
    border-right: 1px solid #dfdfdf;
    z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_material/dhxsidebar_arrow_up.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right {
    right: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_material/dhxsidebar_arrow_down.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1px;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover {
    background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active {
    background-color: #f0f0f0;
}

.dhxsidebar_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxsidebar_base_material div.dhxcelltop_ftr {
    position: absolute;
}

.dhxsidebar_base_material div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxsidebar_material/dhxsidebar_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxsidebar_base_material div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.dhxsidebar_base_material div.dhxcelltop_toolbar {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

.dhxsidebar_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxcarousel_base_material {
    background-color: white;
    position: relative;
    cursor: default;
}

.dhxcarousel_base_material div.dhxcarousel_cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
    perspective: 900px;
    -webkit-perspective: 900;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
    -webkit-transform-style: preserve-3d;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url('imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
    position: absolute;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
    border-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 1px;
    margin-top: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
    position: absolute;
    width: 100%;
    height: 34px;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: visible;
    border-top: 1px solid #dfdfdf;
    background-color: #fafafa;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
    position: absolute;
    bottom: 0;
    width: 38px;
    height: 100%;
    overflow: hidden;
    line-height: 33px;
    background-color: #fafafa;
    border: 0 solid #dfdfdf;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_left.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_left_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_right.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_right_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
    background-color: #ebebeb;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
    background-color: #dcdcdc;
    border-color: #d2d2d2;
    box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    left: 0;
    border-right-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    right: 0;
    border-left-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    z-index: 1;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
    position: absolute;
    top: 10px;
    text-align: center;
    font-size: 1px;
    line-height: 36px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
    float: left;
    position: relative;
    margin: 0 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #797979;
    border-radius: 14px;
    background-color: white;
    font-size: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
    display: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv {
    border-color: #39c;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
    position: absolute;
    display: block;
    font-size: 1px;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background-color: #39c;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxcarousel_base_material div.dhxcelltop_ftr {
    position: absolute;
}

.dhxcarousel_base_material div.dhxcelltop_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxcarousel_base_material div.dhxcelltop_menu {
    position: relative;
    overflow: hidden;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
}

.dhxcarousel_base_material div.dhxcelltop_toolbar {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

.dhxcarousel_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material {
    background-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
    border-bottom: 1px solid #dfdfdf;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    border-left-width: 1px;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    border-right-width: 1px;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxwins_vp_material {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.dhxwins_vp_material div.dhxwin_active {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
    background-color: #39c;
    cursor: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_fr_cover {
    display: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
    background-color: #3090c0;
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch,
.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd {
    box-shadow: 0 0 8px rgba(125, 125, 125, 0.4);
    box-shadow: 0 28px 80px -6px rgba(1, 1, 1, 0.4);
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch {
    border-color: #6c94b4;
    box-shadow: 0 0 14px #a4b9cb;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.dhxwins_vp_material div.dhxwin_inactive {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(127, 127, 127, 0.4);
    background-color: #70b8db;
    cursor: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_brd {
    border-color: #70b8db;
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover {
    z-index: 4;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
    display: block;
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr {
    color: #d9e7f3;
    background-color: #70b8db;
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_brd {
    position: absolute;
    border-color: #39c;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    background: white;
    z-index: 0;
}

.dhxwins_vp_material div.dhxwin_brd.dhxwin_hdr_hidden {
    border-top-width: 2px;
}

.dhxwins_vp_material div.dhxwin_fr_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: white;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwin_fr_cover iframe.dhxwin_fr_cover_inner,
.dhxwins_vp_material div.dhxwin_fr_cover div.dhxwin_fr_cover_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material iframe.dhxwin_main_fr_cover {
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwin_hdr {
    position: relative;
    height: 48px;
    line-height: 48px;
    background-color: #39c;
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, Helvetica;
    font-size: 17px;
    color: #ecf3f9;
    cursor: inherit;
    overflow: hidden;
    z-index: 3;
    -ms-touch-action: none;
    touch-action: none;
}

.dhxwins_vp_material div.dhxwin_hdr.dhxwin_hdr_hidden {
    visibility: hidden;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_icon {
    position: absolute;
    display: none;
    left: 15px;
    top: 15px;
    width: 18px;
    height: 18px;
    cursor: default;
    overflow: hidden;
    background-image: url("imgs/dhxwins_material/dhxwins_icon.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: inherit;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_text {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    cursor: inherit;
    z-index: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns {
    position: absolute;
    right: 15px;
    top: 12px;
    height: 24px;
    cursor: default;
    overflow: hidden;
    cursor: inherit;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
    position: relative;
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 1px;
    margin-top: 2px;
    background-image: url("imgs/dhxwins_material/dhxwins_buttons.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close {
    background-position: -24px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax {
    background-position: -48px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed {
    background-position: -72px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park {
    background-position: -96px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_stick {
    background-position: -120px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sticked {
    background-position: -144px 0;
    background-color: #3090c0!important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_help {
    background-position: -168px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_dock {
    background-position: -192px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_close_dis {
    background-position: -24px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmax_dis {
    background-position: -48px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmaxed_dis {
    background-position: -72px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_park_dis {
    background-position: -96px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_stick_dis {
    background-position: -120px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sticked_dis {
    background-position: -144px -24px;
    background-color: #3193c4!important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_help_dis {
    background-position: -168px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_dock_dis {
    background-position: -192px -24px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins {
    position: absolute;
    background-color: ;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    visibility: visible;
    z-index: 1;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cover,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: white;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_bar,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    opacity: .75;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url("imgs/dhxwins_material/dhxwins_progress.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg {
    border: 1px solid #e4e4e4;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    animation: dhx_loader_rotate 2s linear infinite;
    transform-origin: center center;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
    fill: none;
    stroke: #39c;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 1;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    position: relative;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    color: #737373;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
    border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle {
    padding: 0 2px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-width: 1px 0 0 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins.dhxwin_parked,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins.dhxwin_parked {
    visibility: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    position: absolute;
    background-color: white;
    overflow: hidden;
    z-index: 0;
}

.dhxwins_vp_material.dhxwins_vp_dnd {
    cursor: move!important;
}

.dhxwins_vp_material div.dhxwin_resize {
    position: absolute;
    background-color: #cfcfcf;
    opacity: .3;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
}

.dhxwins_vp_material iframe.dhxwin_resize_fr_cover {
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwins_mcover {
    position: absolute;
    background-color: #f3f3f3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxwins_vp_material iframe.dhxwins_mcover {
    position: absolute;
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material.dhxwins_vp_fs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhxwins_vp_auto {
    overflow: auto!important;
}

.dhxwins_skin_detect {
    position: absolute;
    left: 0;
    top: -100px;
    margin: 0;
    padding: 0;
    border: 0 solid white;
    width: 40px;
    height: 10px;
    overflow: hidden;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlx_message_area {
    position: fixed;
    right: 10px;
    width: 250px;
    z-index: 1000;
    padding: 0;
}

.dhtmlx-info {
    color: #444;
    min-width: 120px;
    background: #f5f5f5;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    font-weight: 500;
    z-index: 10000;
    margin: 0 5px 7px 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dhtmlx-info div {
    padding: 16px 9px 16px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dhtmlx-info.hidden {
    box-shadow: none;
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.dhtmlx-info.hidden div {
    height: 0;
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    overflow: hidden;
}

.dhtmlx-error {
    color: #fff;
    background-color: #e53935;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.49);
    border-radius: 0;
}

.dhtmlx-error div {
    padding: 16px 9px 16px 18px;
    background-color: #e53935;
}

.dhtmlx_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width: 300px;
    text-align: center;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
}

.dhtmlx_popup_title {
    padding: 16px 0;
    font-size: 17px;
    line-height: 16px;
    font-family: Roboto, Arial, Helvetica;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer;
}

.dhtmlx_popup_text {
    font-size: 15px;
    font-family: Roboto, Arial, Helvetica;
    color: #444;
    min-height: 30px;
    padding: 20px 10px 5px 10px!important;
    overflow: hidden;
}

.dhtmlx_popup_controls {
    font-family: Roboto, Arial, Helvetica;
    font-weight: bold;
    padding: 10px 10px 15px 10px!important;
}

.dhtmlx_popup_button {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    font-weight: 500;
    min-width: 120px;
    width: 120px;
    height: 32px;
    display: inline-block;
    margin: 0 5px;
    color: #444;
}

.dhtmlx_popup_button div {
    line-height: 32px;
    text-transform: uppercase;
}

div.dhx_modal_cover {
    background-color: #000;
    cursor: default;
    opacity: .24;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    zoom: 1;
}

.dhtmlx_popup_button {
    color: #222;
    border: 1px solid #dfdfdf;
    background: #f5f5f5;
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
    background: #eee;
}

.dhtmlx_popup_button:first-child {
    background: #39c;
    color: white;
    font-weight: normal;
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
    color: #fff;
    background: #e53935;
}

.dhtmlx-alert-error .dhtmlx_popup_button:first-child,
.dhtmlx-confirm-error .dhtmlx_popup_button:first-child {
    background: #e53935;
    border: 1px solid #f17373;
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
    color: #fff;
    background: #E6951A;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
    color: white;
    background: #39c;
}


/********** codebase/dhtmlx css End*************/


/********** chosen.min css Start*************/


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0!important;
    background: 0 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222!important
}

.chosen-disabled {
    opacity: .5!important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png)!important;
        background-size: 52px 37px!important;
        background-repeat: no-repeat!important
    }
}


/********** chosen.min css End*************/


/********** Owl Carousel v2.3.4 css Start*************/


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


/********** Owl Carousel v2.3.4 css End*************/


/********** noty css Start*************/

#noty_layout__bottom,
#noty_layout__bottomCenter,
#noty_layout__bottomLeft,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight,
#noty_layout__top,
#noty_layout__topCenter,
#noty_layout__topLeft,
#noty_layout__topRight,
.noty_layout_mixin {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    filter: blur(0);
    -webkit-filter: blur(0);
    max-width: 90%
}

#noty_layout__top {
    top: 0;
    left: 5%;
    width: 90%
}

#noty_layout__topLeft {
    top: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__topCenter {
    top: 5%;
    left: 50%;
    width: 325px;
    -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1)
}

#noty_layout__topRight {
    top: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__bottom {
    bottom: 0;
    left: 5%;
    width: 90%
}

#noty_layout__bottomLeft {
    bottom: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__bottomCenter {
    bottom: 5%;
    left: 50%;
    width: 325px;
    -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1)
}

#noty_layout__bottomRight {
    bottom: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__center {
    top: 50%;
    left: 50%;
    width: 325px;
    -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
    transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1)
}

#noty_layout__centerLeft {
    top: 50%;
    left: 20px;
    width: 325px;
    -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
    transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1)
}

#noty_layout__centerRight {
    top: 50%;
    right: 20px;
    width: 325px;
    -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
    transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1)
}

.noty_progressbar {
    display: none
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #646464;
    opacity: .2
}

.noty_bar {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-font-smoothing: subpixel-antialiased;
    overflow: hidden
}

.noty_effects_open {
    opacity: 0;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    -webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_effects_close {
    -webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_fix_effects_height {
    -webkit-animation: noty_anim_height 75ms ease-out;
    animation: noty_anim_height 75ms ease-out
}

.noty_close_with_click {
    cursor: pointer
}

.noty_close_button {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.noty_close_button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: .3;
    left: 0;
    top: 0
}

.noty_modal.noty_modal_open {
    opacity: 0;
    -webkit-animation: noty_modal_in .3s ease-out;
    animation: noty_modal_in .3s ease-out
}

.noty_modal.noty_modal_close {
    -webkit-animation: noty_modal_out .3s ease-out;
    animation: noty_modal_out .3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes noty_modal_in {
    100% {
        opacity: .3
    }
}

@keyframes noty_modal_in {
    100% {
        opacity: .3
    }
}

@-webkit-keyframes noty_modal_out {
    100% {
        opacity: 0
    }
}

@keyframes noty_modal_out {
    100% {
        opacity: 0
    }
}

@keyframes noty_modal_out {
    100% {
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_in {
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes noty_anim_in {
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes noty_anim_out {
    100% {
        -webkit-transform: translate(50%);
        transform: translate(50%);
        opacity: 0
    }
}

@keyframes noty_anim_out {
    100% {
        -webkit-transform: translate(50%);
        transform: translate(50%);
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_height {
    100% {
        height: 0
    }
}

@keyframes noty_anim_height {
    100% {
        height: 0
    }
}

.noty_theme__relax.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.noty_theme__relax.noty_bar .noty_body {
    padding: 10px
}

.noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px
}

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #444
}

.noty_theme__relax.noty_type__warning {
    background-color: #ffeaa8;
    border: 1px solid #ffc237;
    color: #826200
}

.noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30
}

.noty_theme__relax.noty_type__error {
    background-color: #ff8181;
    border: 1px solid #e25353;
    color: #fff
}

.noty_theme__relax.noty_type__error .noty_buttons {
    border-color: #8b0000
}

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
    background-color: #78c5e7;
    border: 1px solid #3badd6;
    color: #fff
}

.noty_theme__relax.noty_type__info .noty_buttons,
.noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0b90c4
}

.noty_theme__relax.noty_type__success {
    background-color: #bcf5bc;
    border: 1px solid #7cdd77;
    color: #006400
}

.noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50c24e
}

.noty_theme__metroui.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    box-shadow: rgba(0, 0, 0, .298039) 0 0 5px 0
}

.noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: .2
}

.noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px
}

.noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px
}

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
    background-color: #fff;
    color: #1d1d1d
}

.noty_theme__metroui.noty_type__warning {
    background-color: #fa6800;
    color: #fff
}

.noty_theme__metroui.noty_type__error {
    background-color: #ce352c;
    color: #fff
}

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
    background-color: #1ba1e2;
    color: #fff
}

.noty_theme__metroui.noty_type__success {
    background-color: #60a917;
    color: #fff
}

.noty_theme__mint.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px
}

.noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
    color: #2f2f2f
}

.noty_theme__mint.noty_type__warning {
    background-color: #ffae42;
    border-bottom: 1px solid #e89f3c;
    color: #fff
}

.noty_theme__mint.noty_type__error {
    background-color: #de636f;
    border-bottom: 1px solid #ca5a65;
    color: #fff
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
    background-color: #7f7eff;
    border-bottom: 1px solid #7473e8;
    color: #fff
}

.noty_theme__mint.noty_type__success {
    background-color: #afc765;
    border-bottom: 1px solid #a0b55c;
    color: #fff
}

.noty_theme__sunset.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
    background-color: #073b4c;
    color: #fff
}

.noty_theme__sunset.noty_type__alert .noty_progressbar,
.noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff
}

.noty_theme__sunset.noty_type__warning {
    background-color: #ffd166;
    color: #fff
}

.noty_theme__sunset.noty_type__error {
    background-color: #ef476f;
    color: #fff
}

.noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4
}

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
    background-color: #118ab2;
    color: #fff
}

.noty_theme__sunset.noty_type__info .noty_progressbar,
.noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6
}

.noty_theme__sunset.noty_type__success {
    background-color: #06d6a0;
    color: #fff
}

.noty_theme__bootstrap-v3.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px
}

.noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px
}

.noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    background: 0 0
}

.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: 0 0;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
    background-color: #fff;
    color: inherit
}

.noty_theme__bootstrap-v3.noty_type__warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc
}

.noty_theme__bootstrap-v3.noty_type__error {
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1
}

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1
}

.noty_theme__bootstrap-v3.noty_type__success {
    background-color: #dff0d8;
    color: #3c763d;
    border-color: #d6e9c6
}

.noty_theme__bootstrap-v4.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    border-radius: .25rem
}

.noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem
}

.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: 0 0
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: 0 0;
    text-decoration: none;
    cursor: pointer;
    opacity: .75
}

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
    background-color: #fff;
    color: inherit
}

.noty_theme__bootstrap-v4.noty_type__warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc
}

.noty_theme__bootstrap-v4.noty_type__error {
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1
}

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1
}

.noty_theme__bootstrap-v4.noty_type__success {
    background-color: #dff0d8;
    color: #3c763d;
    border-color: #d6e9c6
}

.noty_theme__semanticui.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    font-size: 1em;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent
}

.noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em
}

.noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
    background-color: #f8f8f9;
    color: rgba(0, 0, 0, .87)
}

.noty_theme__semanticui.noty_type__warning {
    background-color: #fffaf3;
    color: #573a08;
    box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent
}

.noty_theme__semanticui.noty_type__error {
    background-color: #fff6f6;
    color: #9f3a38;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent
}

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
    background-color: #f8ffff;
    color: #276f86;
    box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent
}

.noty_theme__semanticui.noty_type__success {
    background-color: #fcfff5;
    color: #2c662d;
    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent
}

.noty_theme__nest.noty_bar {
    margin: 0 0 15px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    box-shadow: rgba(0, 0, 0, .098039) 5px 4px 10px 0
}

.noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px
}

.noty_layout .noty_theme__nest.noty_bar {
    z-index: 5
}

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
    position: absolute;
    top: 0;
    margin-top: 4px;
    margin-right: -4px;
    margin-left: 4px;
    z-index: 4;
    width: 100%
}

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
    position: absolute;
    top: 0;
    margin-top: 8px;
    margin-right: -8px;
    margin-left: 8px;
    z-index: 3;
    width: 100%
}

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
    position: absolute;
    top: 0;
    margin-top: 12px;
    margin-right: -12px;
    margin-left: 12px;
    z-index: 2;
    width: 100%
}

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
    position: absolute;
    top: 0;
    margin-top: 16px;
    margin-right: -16px;
    margin-left: 16px;
    z-index: 1;
    width: 100%
}

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
    position: absolute;
    top: 0;
    margin-top: 20px;
    margin-right: -20px;
    margin-left: 20px;
    z-index: -1;
    width: 100%
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
    margin-top: 4px;
    margin-left: -4px;
    margin-right: 4px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
    margin-top: 8px;
    margin-left: -8px;
    margin-right: 8px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
    margin-top: 12px;
    margin-left: -12px;
    margin-right: 12px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
    margin-top: 16px;
    margin-left: -16px;
    margin-right: 16px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: 20px
}

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
    background-color: #073b4c;
    color: #fff
}

.noty_theme__nest.noty_type__alert .noty_progressbar,
.noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff
}

.noty_theme__nest.noty_type__warning {
    background-color: #ffd166;
    color: #fff
}

.noty_theme__nest.noty_type__error {
    background-color: #ef476f;
    color: #fff
}

.noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4
}

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
    background-color: #118ab2;
    color: #fff
}

.noty_theme__nest.noty_type__info .noty_progressbar,
.noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6
}

.noty_theme__nest.noty_type__success {
    background-color: #06d6a0;
    color: #fff
}

.noty_theme__light.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.noty_theme__light.noty_bar .noty_body {
    padding: 10px
}

.noty_theme__light.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px
}

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #444
}

.noty_theme__light.noty_type__warning {
    background-color: #ffeaa8;
    border: 1px solid #ffc237;
    color: #826200
}

.noty_theme__light.noty_type__warning .noty_buttons {
    border-color: #dfaa30
}

.noty_theme__light.noty_type__error {
    background-color: #ed7000;
    border: 1px solid #e25353;
    color: #fff
}

.noty_theme__light.noty_type__error .noty_buttons {
    border-color: #8b0000
}

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
    background-color: #78c5e7;
    border: 1px solid #3badd6;
    color: #fff
}

.noty_theme__light.noty_type__info .noty_buttons,
.noty_theme__light.noty_type__information .noty_buttons {
    border-color: #0b90c4
}

.noty_theme__light.noty_type__success {
    background-color: #57c880;
    border: 1px solid #7cdd77;
    color: #006400
}

.noty_theme__light.noty_type__success .noty_buttons {
    border-color: #50c24e
}


/********** Noty css End*************/


/********** jquery-confirm css Start*************/


/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden!important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0!important
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none!important;
    transition: none!important
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db
    }
    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db
    }
    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71
    }
    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71
    }
    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c
    }
    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c
    }
    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f
    }
    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f
    }
    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6
    }
    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6
    }
    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e
    }
    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e
    }
    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px!important;
    line-height: 14px!important;
    display: none;
    z-index: 1
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1)
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c!important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db!important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71!important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6!important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f!important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e!important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: 0;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: 0;
    color: white;
    padding: 10px;
    min-width: 100px
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67)
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left: 4px
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1)
}


/********** jquery-confirm css End*************/


/********** jQuery UI css Start*************/


/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

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

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.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,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}


/********** jQuery UI css End*************/


/********** Switchery css Start*************/

.switchery {
    background-color: transparent !important;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box
}

.switchery>small {
    background: #fff;
    border-radius: 3px;
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px
}

.switchery-small {
    border-radius: 3px;
    height: 30px;
    width: 60px;
    box-shadow: none !important;
}

.switchery-small>small {
    height: 20px;
    width: 20px
}

.switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px
}

.switchery-large>small {
    height: 40px;
    width: 40px
}

.pop-chart-outer.BUY .switchery-small>small {
    left: 3px !important;
    background: url(../images/left-arrow.svg) center center var(--color-00d171) no-repeat !important;
}

.pop-chart-outer.SELL .switchery-small>small {
    left: 33px !important;
    transform: rotate(180deg);
    background: url(../images/left-arrow.svg) center center var(--color-ee2122) no-repeat !important;
}

.pop-chart-outer.BUY .ord_switch {
    background-color: rgb(0 209 113 / 20%) !important;
}

.pop-chart-outer.SELL .ord_switch {
    background-color: rgb(238 33 34 / 30%) !important;
}

.pop-chart-outer.BUY span.s_b {
    display: none;
}

.pop-chart-outer.SELL span.s_s {
    display: none;
}

span.s_b {
    margin-right: -32px;
    z-index: 1;
    position: absolute;
    display: block;
    left: 4px;
    top: 5px;
    color: var(--color-ffffff);
}

span.s_s {
    margin-left: -32px;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 1;
    color: var(--color-ffffff);
}


/********** Switchery css End*************/


/********** jquery.dataTables css Start*************/

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("../images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/sort_desc_disabled.png")
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
}


/********** jquery.dataTables css End*************/

 :root {
    /* Colors: */
    --color-000000:#000000;
    --color-1c3f50: #1C3F50;
    --color-ffffff: #000;
    --color-f2f2f2: #F2F2F2;
    --color-a8a8a8: #747474;
    --color-747474: #747474;
    --color-303030: #F4F4F4;
    --color-1e1e1e: #fff;
    --color-707070: #707070;
    --color-1d1d1d:#F7F9F8;
    --color-171717: #fff;
    --color-000000: #F4F4F4;
    --color-5badda: #5BADDA;
    --color-ee2122: #EE2122;
    --color-299bd3: #299BD3;
    --color-00d171: #00d171;
    --color-9e9e9e: #9E9E9E;
    --color-e51226: #E51226;
    --color-515151: #515151;
    --color-00ee79: #00d171;
    --color-c1c1c1: #C1C1C1;
    --color-434343: #aaaaaa;
    /* Font/text values */
    --font-family: Arial;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-18: 18px;
    --line-spacing-16: 16px;
    --line-spacing-19: 19px;
    --line-spacing-20: 20px;
    --line-spacing-24: 24px;
}

[data-theme="dark"] {
    /* Colors: */
    --color-434343: #434343;
    --color-1c3f50: #1C3F50;
    --color-ffffff: #FFFFFF;
    --color-f2f2f2: #F2F2F2;
    --color-a8a8a8: #A8A8A8;
    --color-747474: #747474;
    --color-303030: #303030;
    --color-1e1e1e: #1E1E1E;
    --color-707070: #707070;
    --color-1d1d1d:#1D1D1D;
    --color-171717: #171717;
    --color-000000: #000000;
    --color-5badda: #5BADDA;
    --color-ee2122: #EE2122;
    --color-299bd3: #299BD3;
    --color-00d171: #00d171;
    --color-9e9e9e: #9E9E9E;
    --color-e51226: #E51226;
    --color-515151: #515151;
    --color-00ee79: #00ee79;
    --color-c1c1c1: #000000;
    /* Font/text values */
    --font-family: Arial;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-18: 18px;
    --line-spacing-16: 16px;
    --line-spacing-19: 19px;
    --line-spacing-20: 20px;
    --line-spacing-24: 24px;
}


/******************** Dark Theme *******/

body {
    background: var(--color-000000);
    color: var(--color-a8a8a8);
}

.dark_theme .banner_slider {
    border: 1px solid #242a34 !Important;
}

.dark_theme header {
    background: var(--color-000000);
}
.light_theme .rq_show img {
    filter: brightness(0.6);
}
table {
    min-width: 100%;
}

.dark_theme .chart-box .tabs-title>a {
    background: #0f141b;
    color: #8f8f8f;
    border-color: #0f141b;
}

.dark_theme .menu-box .tabs-title>a {
    color: var(--color-ffffff);
}

ul#example-tabs {
    background-color: transparent;
}

.dark_theme .search-box input {
    background: none;
    color: #454545 !important;
    border-color: #454545;
}

.dark_theme .header-left {
    color: var(--color-ffffff);
}

.dark_theme a.box_btns_down {
    background: #211619;
}

.dark_theme a.box_btns_up {
    background: #131b28;
}

.side-codes-details table.sell td:last-child {
    color: #EE2122;
}

.side-codes-details table.buy td:last-child {
    color: var(--color-00ee79);
}
.range_slider {
    display: flex;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px !important;
    overflow: hidden;
}

span.range_buy {
    background: var(--color-00ee79);
    padding: 2px 5px 2px 5px;
    height: 2px;
    min-width: 33px;
    color: var(--color-00ee79);
}

.light_theme span.range_buy {
    background: rgb(0, 209, 113);
    color: #fff;
}

span.range_sell {
    background: #EE2122;
    text-align: right;
    color: #EE2122;
    height: 2px;
    padding: 2px 5px 2px 5px;
    min-width: 33px;
}

.light_theme span.range_sell {
    background: #EE2122;
    color: #ffffff;
}

.open_price,
.close_price {
    color: var(--color-ffffff);
}

.open_close_prz {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin: 10px 0px;
}

.open_close_prz span {
    font-size: 10px;
    color: rgb(255 255 255 / 50%);
}

[data-theme="light"] .open_close_prz span {
    color: rgb(0 0 0 / 50%);
}


.smd_close {
    text-align: right;
}
.price_slider:before {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    background: var(--color-299bd3);
    top: 0px;
    left: 0px;
    border-radius: 5px;
}
.price_slider {
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
    /* background: rgb(41 155 211 / 20%); */
    padding: 10px 0px 0px;
    position: relative;
}
.right_val {
    text-align: right;
}
.smd_l_btn {
    position: absolute;
    background: var(--color-434343);
    left: 0;
    padding: 4px 5px 2px;
    top: -25px;
    border-radius: 3px;
    color: var(--color-ffffff);
}

.smd_l_btn:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -11px;
    left: 3px;
    color: var(--color-000000);
    border: 6px solid;
    border-color: var(--color-434343) transparent transparent;
}

.smd_r_btn {
    position: absolute;
    background: var(--color-434343);
    left: 0;
    padding: 4px 5px 2px;
    top: -25px;
    border-radius: 3px;
    color: var(--color-ffffff);
}

.smd_r_btn:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -11px;
    left: 3px;
    color: var(--color-000000);
    border: 6px solid;
    border-color: var(--color-434343) transparent transparent;
}
.light_theme .smd_r_btn, .light_theme .smd_l_btn {
    background-color: #E1E1E1;
}
.light_theme .smd_r_btn:before,.light_theme .smd_l_btn:before {
    border-color: #d5d3d3 transparent transparent;
}
 
.smd_l_btn.ltp_80, .smd_r_btn .ltp_80 {
    z-index: 111;
    margin-left: var(--w);
    width: max-content;
}
.ltp_80:before {
    right: 10px !important;
}
.day_smd_open.smd_r_btn.ltp_80, .wk_smd_open.smd_r_btn.ltp_80 {
    margin-left: var(--w);
}
.smd_l_btn.ltp_80:before, .smd_r_btn .ltp_80:before {
    left: unset;
    right: 0px !important;
}

.price_slider .smd_l_btn:before{
    left: 0 !important;
}
.p_buy{
    color: #00d171 !important;
}
.p_sell{
    color: #EE2122 !important;
}

.wk_smd_open.ltp_80:before, .day_smd_open.smd_r_btn.ltp_80::before {
    left: unset;
    right: 3px;
}
.left_val, .right_val {
    color: rgb(255 255 255 / 50%);
    display: flex;
    flex-direction: column;
}
.day_smd_ltp, .day_smd_open, .wk_smd_ltp,.wk_smd_open
{
    display: none;
}
.day_smd_ltp.act, .day_smd_open.act, .wk_smd_ltp.act, .wk_smd_open.act
{
    display: block;
}
.center_val {
    color: var(--color-ffffff);
}

[data-theme="light"] .left_val,
[data-theme="light"] .right_val {
    color: rgb(0 0 0 / 50%);
}

.left_val span,
.right_val span {
    color: var(--color-ffffff);
    font-size: 14px;
}

.smd_l_btn:hover {
    z-index: 1;
}

.Mdepth_header {
    width: max-content !important;
}

span.dh_source {
    position: absolute;
    top: 0;
    font-size: 10px;
}

span.dh_sym {
    margin-top: 18px;
    position: relative;
    display: block;
    font-size: 14px !important;
}

.Mdepth_window nav.dhx_widget.dhx_toolbar {
    background: var(--color-1e1e1e) !important;
}

.mdepth_title .m_depth_price {
    position: absolute;
    top: 0px;
    right: 25px;
}

.mdepth_title .m_depth_price a {
    color: #aeaeae;
}

span.mdesc {
    color: var(--color-a8a8a8) !important;
    font-size: 12px;
}
.m_depth_foot {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    padding: 2px 10px;
    margin: 0px 0px;
    justify-content: space-between;
    max-width: calc(50% - 4px);
    width: 50%;
    align-items: center;
    position: relative;
}
.m_depth_foot:after {
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0%;
    border-left: 2px solid transparent !important;
    border-image: linear-gradient(180deg, transparent, #434343, transparent) 1 !important;
    /* background-color: #161616 !important; */
}
.m_depth_foot:before {
    content: '';
    width: 100%;
    height: 5;
    position: absolute;
    left: 0%;
    top: 50%;
    border-top: 2px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, #434343, transparent) 1 !important;
    /* background-color: #161616 !important; */
}
.m_depth_foot.mcx_ttime .g_item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    line-height: 1.5;
}

.m_depth_foot.mcx_ttime .g_item span {
    font-size: 12px;
}

.m_depth_foot.mcx_ttime {
    gap: 10px;
}



.g_item.mcexpirydate_div:before {
    content: '';
    width: 100%;
    height: 5;
    position: absolute;
    left: 0%;
    bottom: 36px;
    border-top: 2px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, #434343, transparent) 1 !important;
}
[data-theme="light"] .g_item.mcexpirydate_div:before
{
    border-image: linear-gradient(90deg, transparent, #cfcfcf, transparent) 1 !important;
}
[data-theme="light"] .m_depth_foot:after
{
    border-image: linear-gradient(180deg, transparent, #cfcfcf, transparent) 1 !important;
}
[data-theme="light"] .m_depth_foot:before {
    border-image: linear-gradient(90deg, transparent, #cfcfcf, transparent) 1 !important;
}
[data-theme="light"] .side-codes-details ul li:nth-child(even)
{
    border-image: linear-gradient(180deg, transparent, #cfcfcf, transparent) 1 !important;
}

.m_depth_foot .g_item span {
    display: flex;
    font-size: 14px;
    color: var(--color-ffffff);
}

.g_item {
    width: calc(50% - 10px);
    color: var(--color-707070);
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 35px;
}

.g_item>div {
    display: flex;
    align-items: center;
    font-size: 12px !important;
}

span.t_iconc {
    margin-right: 10px;
    display: none !important;
}

[data-theme="light"] .g_item {
    color: rgb(0 0 0 / 50%);
}

/* [data-theme="light"] ul.sys_ul li:before {
    background: rgb(0 0 0 / 30%);
} */

span.total_trade_value {
    margin-bottom: 15px;
}

.m_depth_avg {
    color: var(--color-a8a8a8);
    font-size: 10px;
    padding: 5px 5px 0px;
}

ul.sys_ul.m_depth_swt {
    height: unset;
    margin: 0;
    display: flex;
    list-style: none;
    background: var(--color-1d1d1d) !important;
    width: max-content;
}

ul.sys_ul.m_depth_swt a {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

ul.sys_ul.m_depth_swt a span {
    padding: 0px !important;
    line-height: 1 !important;
    margin: 0px !important;
    height: unset !important;
    width: unset !important;
    min-width: unset !important;
    float: unset !important;
    margin-right: 5px !important;
}
ul.sys_ul.m_depth_swt a.up span {
    color: var(--color-00ee79);
}
ul.sys_ul.m_depth_swt a.down span {
    color: var(--color-ee2122);
}
ul.sys_ul.m_depth_swt a .sys_name {
    padding-left: 15px;
    font-size: 14px;
}

ul.sys_ul.m_depth_swt li {
    margin-right: 20px;
    position: relative;
    background-color: transparent !important;
}
ul.sys_ul.m_depth_swt li {
    background-color: var(--color-1d1d1d) !important;
    border-radius: 3px;
}
ul.sys_ul.m_depth_swt a {
    font-size: 12px;
    color: var(--color-ffffff) !important;
    padding: 5px 12px;
    z-index: 99;
    position: relative;
}
ul.sys_ul.m_depth_swt a .sys_name {
    padding-left: 15px;
    font-size: 14px;
}
ul.sys_ul.m_depth_swt a.down span {
    color: var(--color-ee2122);
}
ul.sys_ul.m_depth_swt a.up span {
    color: var(--color-00ee79);
}
ul.sys_ul.m_depth_swt li:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/tick.svg);
    position: absolute;
    left: 12px;
    top: 14px;
    background-size: contain;
}
ul.sys_ul.m_depth_swt li.is-active:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/tick_act.svg);
    background-size: contain;
}
.dark_theme .side-codes-details {
    box-shadow: 0px 0px 15px 0px var(--color-000000);
    background: var(--color-1e1e1e);
}

.dark_theme tr.total,
.dark_theme tr.total td {
    background: #1a1c1f;
}

.dark_theme .side-codes-details th {
    color: #eaeaea;
}

.dark_theme .side-codes-details h4,
.dark_theme .side-codes-details p,
.dark_theme .code_dtl h2 {
    color: #eaeaea;
}

.dark_theme .side-codes-details ul li {
    color: #eaeaea;
}

.dark_theme .side-codes-details ul li span {
    color: #eaeaea;
}

.dark_theme #flat-slider.ui-slider {
    background: #676868;
}

.dark_theme .menu-box {
    background: #0f141b;
    box-shadow: 0px 0px 15px 0px var(--color-000000);
    border: 1px solid #242a34 !important;
}

.dark_theme .menu-box .tabs {
    box-shadow: 0px 4px 7px 0px #0f141b;
}

.dark_theme .menu-box tbody tr {
    box-shadow: 0px 0px 7px 0px #242a34;
    background: var(--color-000000) !important;
}

.dark_theme .menu-box .tabs-title>a {
    border-bottom: 4px solid #0f141b;
    background: var(--color-171717);
}

.dark_theme .menu-box .tabs-title>a:focus,
.dark_theme .menu-box .tabs-title>a[aria-selected=true] {
    background: #242a34;
    border-color: var(--color-ffffff);
    color: #fefefe;
}

.dark_theme .chart-box .tabs-title>a[aria-selected=true] {
    background: #242a34;
    border-color: #53b987;
}

.dark_theme .chart_manu_right button span,
.dark_theme .chart_manu_left button {
    background-color: #242a34;
}

.dark_theme .notify i {
    color: #96999e;
}

.dark_theme .tag-box-outer input {
    background: var(--color-303030);
    border-color: var(--color-303030);
}

.dark_theme .tag-box-outer input[disabled="disabled"] {
    background-image: url(../images/disabled.svg);
}

.dark_theme .user-name {
    color: #eaeaea;
}

.dark_theme button.btn-cnl {
    background: var(--color-ffffff);
}

.dark_theme div#exampleModal1 {
    background: #242a34;
}

.dark_theme .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: rgb(255 255 255 / 30%);
}

.dark_theme .radio input[type="radio"]:checked+.radio-label:before {
    background-color: var(--color-00ee79);
    box-shadow: inset 0 0 0 0px #027741;
}

.dark_theme .nicescroll-cursors {
    background: #1c1c1c !important;
    border-color: #262626 !important;
}

.dark_theme .chart-box .ui-tabs .ui-tabs-nav li a {
    color: #eaeaea;
    background: #242a34;
}

.dark_theme .chart-box .ui-tabs .ui-tabs-nav li {
    border-bottom: 4px solid #242a34;
}

.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: var(--color-000000);
    color: #eaeaea;
}

.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-color: #53b987;
    color: var(--color-000000);
    background: var(--color-000000);
}

.dark_theme .chart-box ul.ui-tabs-nav {
    background: #242a34 !important;
    box-shadow: -3px 7px 7px -4px #000000
}

.dark_theme .active_statue span {
    background: var(--color-000000);
    color: #fdfdfd;
}

.dark_theme .tabs-content {
    border: 1px solid #e6e6e6;
    background: var(--color-1e1e1e) !important;
    color: #0a0a0a;
    border-color: rgb(23, 25, 28);
}

.dark_theme .side-codes ul li.act,
.dark_theme .side-codes ul li:hover {
    border-color: #242a34
}

.dark_theme .tab-inner li:hover .s_btns {
    background: transparent !important;
}

.dark_theme .ui-tabs .ui-tabs-panel {
    background: var(--color-171717) !important
}

.dark_theme .pop_bid table,
.dark_theme .pop_bid td,
.dark_theme .pop_bid tr,
.dark_theme .pop_bid th,
.dark_theme .pop_bid thead,
.dark_theme .pop_bid tbody {
    background: transparent !important;
}

.dark_theme .tips span {
    color: var(--color-ffffff);
}

.dark_theme .tips {
    color: #9e9e9e;
}

.dark_theme .pop_buy_tip {
    background: #242a34;
    box-shadow: 0px 0px 13px 0px var(--color-000000);
}

div#chat_us_popup img {
    width: 125px;
    margin: 20px 10px 10px;
}

.dark_theme .pop-chart-right {
    background: transparent !important;
}

.pop-chart-right h4 {
    font-size: 12px;
    margin: 5px 0px;
    color: var(--color-ffffff);
    margin-bottom: 5px;
}

.pop-chart-right .tabs-panel h2,
.pop-chart-right .tabs-panel h4 {
    font-size: 12px;
    margin: 0px;
    color: var(--color-ffffff);
    margin-top: 0px;
    margin-bottom: 5px;
}

.dark_theme .pop-chart-right table {
    border: 0px;
    background: #10151e;
}

.pop-chart-outer.BUY .pop-chart-right table td,
.pop-chart-outer.SELL .pop-chart-right table.buy td {
    background: rgb(0 209 113 / 20%);
    color: rgb(0 209 113);
}

.pop-chart-outer.SELL .pop-chart-right table td,
.pop-chart-outer.BUY .pop-chart-right table.sell td {
    background: rgb(238 33 34 / 20%);
    color: rgb(238 33 34);
}

.pop-chart-outer.SELL .pop-chart-right table th,
.pop-chart-outer.BUY .pop-chart-right table.sell th {
    background: rgb(238 33 34 / 20%);
    color: var(--color-ffffff);
}

.pop-chart-outer.BUY .pop-chart-right table th,
.pop-chart-outer.SELL .pop-chart-right table.buy th {
    background: rgb(0 209 113 / 20%);
    color: var(--color-ffffff);
}

.pop-chart-outer.SELL .pop-chart-right table {
    background: transparent;
    color: rgb(238 33 34);
}

.pop-chart-outer.BUY .pop-chart-right table {
    background: rgb(0 209 113 / 20%);
    color: rgb(0 209 113);
}

.pop-chart-outer.BUY canvas#myCanvas {
    background: rgb(0 209 113 / 20%);
    border-radius: 3px;
}

.pop-chart-outer.SELL canvas#myCanvas {
    background: rgb(238 33 34 / 20%);
    border-radius: 3px;
}

.dark_theme .pop_head {
    background: #10151e;
}

.dark_theme .user_info,
.dark_theme .mr_name,
.dark_theme .market_info_top h2 {
    color: #eaeaea;
}

.dark_theme .mr_name img {
    filter: invert(1);
}

.dark_theme .market_info {
    border: 1px solid #242a34;
    background: var(--color-171717);
}

.dark_theme .market_info_bottom {
    background: #242a34;
}

.dark_theme thead {
    background: #242a34;
    color: #eaeaea;
}

.dark_theme .market_overview {
    border: 1px solid #242a34;
    background: var(--color-171717);
}


/**.dark_theme ul.l_nav a img {
    border: 0;
    filter: invert(1);
}**/

.dark_theme small.j_count {
    background: var(--color-000000);
    z-index: 9999;
}

.dark_theme .main_inner {
    background: var(--color-000000);
}

.dark_theme .edit_pop a {
    background: var(--color-000000);
    color: #eaeaea !important;
}

.dark_theme .pro_sec {
    border: 1px solid #242a34;
    background: var(--color-171717);
}

.dark_theme .chart-box h3 {
    color: #eaeaea;
}

.dark_theme tbody,
.dark_theme tfoot,
.dark_theme thead {
    border: 1px solid #1a1c1f;
    background: var(--color-303030);

}

.dark_theme [type=color],
.dark_theme [type=date],
.dark_theme [type=datetime-local],
.dark_theme [type=datetime],
.dark_theme [type=email],
.dark_theme [type=month],
.dark_theme [type=number],
.dark_theme [type=password],
.dark_theme [type=search],
.dark_theme [type=tel],
.dark_theme [type=text],
.dark_theme [type=time],
.dark_theme [type=url],
.dark_theme [type=week],
.dark_theme textarea {
    border: 1px solid #4d4f52;
    background-color: #10151e;
    color: var(--color-ffffff);
}

.dark_theme [type=color]:focus,
.dark_theme [type=date]:focus,
.dark_theme [type=datetime-local]:focus,
.dark_theme [type=datetime]:focus,
.dark_theme [type=email]:focus,
.dark_theme [type=month]:focus,
.dark_theme [type=number]:focus,
.dark_theme [type=password]:focus,
.dark_theme [type=search]:focus,
.dark_theme [type=tel]:focus,
.dark_theme [type=text]:focus,
.dark_theme [type=time]:focus,
.dark_theme [type=url]:focus,
.dark_theme [type=week]:focus,
.dark_theme textarea:focus {
    border: 1px solid #2196F3;
    background-color: var(--color-303030);
    -webkit-box-shadow: 0 0 5px var(--color-000000);
    box-shadow: 0 0 5px var(--color-000000);
}

.dark_theme .side-codes-details ul li:nth-child(even) {
    background: rgb(16, 21, 30);
}

.dark_theme .table_market_overview tbody tr {
    box-shadow: 0px 0px 7px 0px #232323;
    margin: 5px 0px !important;
    background: #10151e !important;
    color: #acacac;
}

.dark_theme .menu-box li.tabs-title.is-active a:focus,
.dark_theme .menu-box li.tabs-title.is-active a[aria-selected=true] {
    background: #0f141b !important;
    border-color: #f5f5f5 !important;
    color: #f5f5f5 !important;
}

.dark_theme .menu-box .tabs-content {
    border: none;
    background: #0f141b;
    padding: 0px 15px !important;
}

.dark_theme .menu-box thead th {
    color: #a0a0a0;
    background: #242a34;
}

.dark_theme label {
    color: #dcdcdc;
}

.dark_theme .pin img {
    filter: invert(1);
}

.dark_theme .chart-box-inner.fxd {
    border: 1px solid #242a34;
}

.dark_theme .chart-box.fxd .chart-box-inner-out {
    box-shadow: 0px 0px 8px 0px var(--color-000000);
}

.dark_theme aside.left_nav.fxd li a.act {
    background: #0f141b;
}

.dark_theme a.open-aside {
    background: #242a34;
    border: 1px solid #10151e;
}

.dark_theme .active a.open-aside {
    background: #242a34;
    border: 1px solid #10151e;
}

.dark_theme a.open-aside:after {
    color: #75777a;
}

.dark_theme table#activity [data-sort] {
    line-height: 100%;
}

.dark_theme .main_inner div#dragbar:after {
    color: #6b6b6b !important;
    font-size: 11px;
    line-height: 1.2;
}

.dark_theme .main_inner #dragbar {
    background-color: rgba(167, 167, 208, 0) !important;
    height: 8px;
}

.dark_theme .pro_details label,
.dark_theme .pro_details p,
.dark_theme div#profile_det {
    color: #eaeaea;
}

.dark_theme .drop-down::before {
    border-color: transparent transparent #53b987 transparent;
}

.dark_theme .menu-box thead,
.dark_theme .menu-box tfoot {
    background: #242a34;
    border: none;
}

.dark_theme button.btn-cnl {
    border: 1px solid #10151e;
    color: #9c9c9c;
    background: #10151e;
}

.dark_theme .pop-cont-top {
    background: rgb(0 239 129 / 15%);
    color: var(--color-ffffff);
}

.dark_theme .pop-chart-right .tabs-title>a:focus,
.dark_theme .pop-chart-right .tabs-title>a[aria-selected=true] {
    background: #435065;
}

.dark_theme a.ok_btn {
    background: #40464f;
}

.dark_theme div#active_orders tbody tr {
    box-shadow: 0px 0px 7px 0px var(--color-000000);
    background: var(--color-171717) !important;
}

.dark_theme .login input[type="text"],
.dark_theme .login input[type="password"] {
    background: #242a34 !important;
    border: none !important;
    box-shadow: inset 0px 0px 0px 20px #242a34;
    border-bottom: 1px solid #c7c7c7 !important;
    color: var(--color-ffffff) !important;
}

.dark_theme.form-box1 input {
    background: var(--color-000000);
    color: var(--color-ffffff);
    outline: none;
}

.dark_theme span.s_add,
.dark_theme span.s_add_sym {
    background: #242a34;
}

.dark_theme .s-box span.symbolsseries {
    line-height: 1.5;
    height: 23px;
}

.dark_theme .ui-tabs .ui-tabs-panel {
    height: calc(100vh - 40px);
}

.dark_theme span.version {
    background: #3a414d;
    color: #adb1b7;
}

.dark_theme table.dataTable tfoot th,
.dark_theme table.dataTable tfoot td {
    background: #242a34;
}

.dark_theme .mobi_nav span,
.dark_theme .mobi_nav span:before,
.dark_theme .mobi_nav span:after {
    background: #75777a !important;
}

.dark_theme .market_info_new {
    border: 1px solid #242a34;
    background: var(--color-171717);
    color: #737373;
}

.dark_theme .market_info_new_bottom p {
    color: #737373;
}

.dark_theme .market_info_new_bottom {
    background: #242a34;
}

.dark_theme .m_chart img {
    background: var(--color-171717);
}

.dark_theme .add_money,
.dark_theme .wdrw_box {
    background: #0f131a;
}

.dark_theme .add_money_inner,
.dark_theme .wdrw_info,
.dark_theme .recent_wdrw {
    background: var(--color-171717);
    border-color: #242a34;
}

.dark_theme .add_money h2,
.dark_theme .add_money p,
.dark_theme span.go_back,
.dark_theme span.go_back1,
.dark_theme .payment_cont span {
    color: #eaeaea;
}

.dark_theme .recent_wdrw tbody tr {
    box-shadow: 0px 0px 7px 0px var(--color-000000);
    background: #10151e !important;
}

.dark_theme .wdrw_radio-group {
    background: #242a34;
}

.dark_theme .recent_wdrw_head img {
    filter: invert(1);
}

.dark_theme .recent_wdrw_head {
    color: var(--color-ffffff);
}

.dark_theme .wdrw_radio input[type="radio"]:checked+.radio-label:before {
    box-shadow: inset 0 0 0 4px #10151e;
}

.dark_theme .wdrw_radio input[type="radio"]+.radio-label:before {
    background: #10151e;
    border: 1px solid #4d4f52;
}

.dark_theme .recent_wdrw thead th,
.dark_theme .recent_wdrw td {
    color: #eaeaea;
}

ul.select-list .nifty_st {
    padding-right: 20px;
}

.dark_theme .nifty_st.up {
    color: var(--color-ffffff);
}

.dark_theme span.marketwatchcount {
    border: 1px solid #96999e;
}

.dark_theme .bank_details p {
    color: var(--color-a8a8a8);
}

.dark_theme .bank_details {
    background: var(--color-171717);
    border-radius: 3px;
}

.dark_theme .table_market_overview button.buttons-excel,
.dark_theme .table_market_overview button.buttons-pdf {
    filter: invert(1);
}

.dark_theme span.marketwatchcount {
    color: #d1d1d1;
    border-color: #d1d1d1;
}

.dark_theme .close_tab {
    color: var(--color-000000);
    border: 1px solid var(--color-ffffff);
    background: var(--color-ffffff);
}

.dark_theme .pin {
    filter: invert(1);
}

.dark_theme aside.left_nav.active li .menu-box.act.fxd {
    box-shadow: 0px 0px 8px 0px var(--color-000000);
}

.dark_theme button.buttons-excel,
.dark_theme button.buttons-pdf {
    filter: invert(1);
}

body.dark_theme,
.dark_theme.user-profile,
.dark_theme.sensex_st.up {
    background-color: var(--color-000000);
}

.dark_theme .pos_filter select {
    color: var(--color-ffffff);
    background-color: #10151e;
    border-color: #4d4f52;
    outline: none;
}

.dark_theme .pay_radio img {
    filter: brightness(1.5);
}

.dark_theme span.symbolsholding.act {
    filter: invert(1) !Important;
}

.dark_theme .nifty_st.down span {
    color: red;
}

.dark_theme .sensex_st.down span {
    color: red;
}

.dark_theme .nifty_st.up span {
    color: #00ee79;
}

.dark_theme .sensex_st.up span {
    color: #00ee79;
}

.dark_theme .side-codes ul li.up span {
    color: #00ee79;
    /* font-weight: bold; */
}

.dark_theme .side-codes ul li.down span {
    color: var(--color-ee2122);
}

.dark_theme .pop-chart-right table.buy {
    color: #68a1ff;
}

.dark_theme .add_money_inner,
.dark_theme .wdrw_info,
.dark_theme .recent_wdrw {
    background: var(--color-1e1e1e);
    border-color: #363c4e;
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    border-color: var(--color-171717) !important;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    color: var(--color-a8a8a8) !important;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
    color: var(--color-a8a8a8) !important;
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
    background-color: var(--color-1e1e1e) !important;
    border-color: var(--color-1e1e1e) !important;
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-top: 1px solid var(--color-1e1e1e);
    border-bottom: 0 solid white;
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
    color: #cacaca !important;
}

.dark_theme .menu-box tbody tr {
    background: none;
    box-shadow: none;
}

.dark_theme nav.hor_nav ul li img {
    filter: invert(1);
    opacity: 0.8;
}

.dark_theme div.gridbox .objbox {
    background-color: var(--color-1e1e1e);
    color: var(--color-ffffff);
}

.menu-box tbody tr {
    background: var(--color-1e1e1e) !important;
    border-bottom: 2px solid var(--color-1e1e1e) !important;
}

.dark_theme .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background-color: var(--color-1e1e1e);
}

.dark_theme .dhxlayout_base_dhx_terrace div.dhxlayout_sep {
    background-color: var(--color-1e1e1e);
}

.dark_theme .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    color: white !important;
}

.dark_theme .Last_update>div:before {
    filter: invert(1);
}

.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a:before {
    background: #363c4e;
}

.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a:after {
    background: #53b987;
}

.tabs-title>a:hover {
    background-color: transparent;
}

.dark_theme input#order_search,
.dark_theme input#trade_search,
.dark_theme input#position_search,
.dark_theme input#holding_search,
.dark_theme input#avctivity_search,
.dark_theme input#journal_search,
.dark_theme input#margin_search,
.dark_theme input#funds_search {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search.svg) center right 5px no-repeat rgb(225 225 225 / 68%);
    filter: invert(1);
}

.dark_theme .dhxform_obj_dhx_terrace .dhxform_textarea {
    border: none !important;
    background-color: var(--color-000000) !important;
    color: white;
}

.dark_theme span.marketwatchcount {
    color: #eaeaea;
    border-color: #2f3241;
    background: #2f3241;
}

.dark_theme .menu-box div.gridbox_dhx_terrace.gridbox .xhdr td {
    background: var(--color-1e1e1e) !important;
    padding: 0px 10px;
}

.dark_theme div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    color: #eaeaea !important;
}

.dark_theme .menu-box .position_tabs tbody tr:last-child td,
.dark_theme .menu-box .trades_tabs tbody tr:last-child td {
    background: #303030 !important;
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar {
    background-color: var(--color-1e1e1e);
}

.dark_theme .ui-tabs .ui-tabs-panel:hover {
    overflow-y: scroll !important;
}

.dark_theme .table_menu_items img {
    filter: invert(1);
}

.dark_theme .add_money,
.dark_theme .wdrw_box {
    background: var(--color-1e1e1e);
}

div.dhxcombo_dhx_terrace input.dhxcombo_input {
    border: 0 solid #333333;
    outline: 0 solid #333333;
    background-color: var(--color-171717);
    color: white;
    padding-left: 10px !important;
    background-color: var(--color-000000) !important;
}

.dark_theme div.dhxcombo_dhx_terrace {
    background-color: var(--color-000000) !important;
}


/**.dark_theme .login_pop {
    background: #242a34;
}**/

.dark_theme span.go_back,
.dark_theme span.go_back1 {
    background: var(--color-171717);
    border: 1px solid #363c4e;
}

.dark_theme span.version {
    background: transparent;
    color: #bcbcbc;
}

.dark_theme .login-outer span.version {
    background: transparent;
    color: #000;
}

.dark_theme div.dhxcombolist_dhx_terrace div.dhxcombo_option {
    color: #96999e;
}

.dark_theme div.dhxcombolist_dhx_terrace {
    border-top: 1px solid #020202!important;
}

.dark_theme div.dhxcombolist_dhx_terrace {
    border: 1px solid var(--color-171717);
    background-color: var(--color-171717);
    color: var(--color-ffffff) !important;
}

.dark_theme .info_top_right a {
    background: var(--color-171717) !important;
    border: 1px solid #727477 !important;
    color: var(--color-ffffff) !important;
}

.dark_theme .rfresh_btn {
    background: var(--color-171717);
    border: 1px solid #727477;
}

.dark_theme .pay_radio input[type="radio"]+.radio-label:before {
    background: #0f131a;
    border: 1px solid #727477;
}

.dark_theme .pay_radio input[type="radio"]:checked+.radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #0f131a;
}

.dark_theme .wdrw_radio-group {
    background: #181b24;
}

.dark_theme .market_info_cont tbody tr {
    margin: 5px 0px !important;
    background: var(--color-1e1e1e) !important;
    color: #eaeaea !important;
    box-shadow: 0px 0px 7px 0px #363c4e;
}

.dark_theme div#bank_acc_select_wdrw p {
    color: #eaeaea;
}

.dark_theme .market_info_cont p {
    color: #eaeaea;
}

.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: var(--color-171717);
    color: #eaeaea;
}

.dark_theme .recent_wdrw tbody tr {
    box-shadow: 0px 0px 7px 0px #363c4e;
    background: var(--color-1e1e1e) !important;
}

.dark_theme .wdrw_bottom_box p {
    color: #eaeaea;
}

.dark_theme .wdrw_radio label.radio-label {
    color: #eaeaea;
}

.dark_theme .market_info_cont th {
    color: var(--color-ffffff);
}

.dark_theme .side-codes-details {
    box-shadow: 0px 0px 15px 0px var(--color-000000);
    background: var(--color-1e1e1e);
}

.dark_theme .side-codes-details td {
    background: var(--color-1e1e1e);
}

.dark_theme tr.total,
.dark_theme tr.total td {
    background: #2f3241;
}

.dark_theme .side-codes-details ul li:nth-child(even) {
    background: rgb(47 50 65 / 13%);
}

.dark_theme .market_info {
    border: 1px solid #363c4e;
    background: var(--color-1e1e1e);
}

.dark_theme .market_info_bottom {
    background: #242a34;
}

.dark_theme .ui-tabs .ui-tabs-panel {
    background: var(--color-171717) !important;
}

.dark_theme .market_info_new {
    border: 1px solid #363c4e;
    background: var(--color-1e1e1e);
    color: #eaeaea;
}

.dark_theme .market_info_bottom p {
    color: #eaeaea;
}

.dark_theme .market_info_new_bottom p {
    color: #eaeaea;
    font-size: 12px;
}

.dark_theme .market_info_top p {
    color: #eaeaea;
}

.dark_theme .pro_sec {
    border: 1px solid #363c4e;
    background: var(--color-1e1e1e);
}

.dark_theme .edit_pop a {
    background: #2f3241;
    color: #fefefe !important;
}

.dark_theme .market_info_new_bottom {
    background: var(--color-171717);
}

.dark_theme .info_top_right>div:hover span {
    color: #00e255;
}

.dark_theme span.mws_btn:hover {
    background: var(--color-171717);
}

.dark_theme [type=color],
.dark_theme [type=date],
.dark_theme [type=datetime-local],
.dark_theme [type=datetime],
.dark_theme [type=email],
.dark_theme [type=month],
.dark_theme [type=number],
.dark_theme [type=password],
.dark_theme [type=search],
.dark_theme [type=tel],
.dark_theme [type=text],
.dark_theme [type=time],
.dark_theme [type=url],
.dark_theme [type=week],
.dark_theme textarea {
    border: 1px solid #363c4e;
    background-color: var(--color-1e1e1e);
    color: var(--color-ffffff);
}

.dark_theme .ui-widget-content a {
    color: #eaeaea;
}

.dark_theme .menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    background-color: #242a34;
}

.dark_theme.left_theme aside.left_nav {
    border-left: 1px solid var(--color-000000);
}

.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.dark_theme .position_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.dark_theme .order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.dark_theme .founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell,
.dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
    border-right: 1px solid #191919;
    height: 100%;
}

.tabs_act.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #242a34;
}

.dark_theme div.dhxwin_brd.dhxwin_hdr_hidden {
    border-top: 5px solid var(--color-171717) !important;
}

.dark_theme div.dhxwin_brd {
    border-left: 5px solid var(--color-171717) !important;
    border-right: 5px solid var(--color-171717) !important;
    border-bottom: 5px solid var(--color-171717) !important;
    background: var(--color-171717) !important;
}

.dark_theme .order_window .dhxwin_brd {
    border: 0px !important;
}

.dark_theme div.dhxwin_active div.dhx_cell_wins,
.dark_theme div.dhxwin_inactive div.dhx_cell_wins {
    background-color: var(--color-171717) !important;
}

.dark_theme div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dark_theme div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    border: 0px solid var(--color-171717) !important;
    border-top: 0px solid var(--color-171717) !important;
    background-color: var(--color-171717) !important;
}

.dark_theme div.dhxwin_active {
    background: var(--color-171717) !important;
}

.dhxwin_active.order_window {
    z-index: 999999 !important;
}

.dark_theme.dhxwins_vp_material div.dhxwin_active {
    background: var(--color-171717) !important;
}

.dark_theme .order_more_cont li {
    color: rgb(255 255 255 / 50%) !important;
}

.dark_theme .order_more_cont li span {
    color: var(--color-ffffff) !important;
}

.dark_theme .dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    background: #242a34 !important;
    color: rgb(255 255 255 / 55%);
}

.right_theme .menu-box.act {
    left: unset!important;
    right: 59px!important;
}

.dark_theme span.mw_mr_opt {
    color: #b4b4b4 !important;
}

.dark_theme .ui-widget-content {
    border: 1px solid var(--color-000000);
    background: var(--color-000000);
}

.dark_theme .dhxwin_active {
    box-shadow: 0 0 30px rgb(0 0 0 / 82%) !important;
    border-radius: 3px !important;
}

.dark_theme p.dmy svg {
    fill: a1a1a1;
}


/********** Main css Start**************/


/* CSS Document */

html.is-reveal-open main:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 999;
}

span.dummy_click {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    display: none;
}

body {
    left: 0px;
}

span.loggin {
    display: none;
    text-align: center;
    margin-top: 20px;
}


/**** Color Theme Setting****/

.thame-settings {
    /* width: 130px; */
    /* height: 150px; */
    /* background: #1c1c1c; */
    /* position: fixed; */
    right: -130px;
    top: 10%;
    /* border: 1px solid #1c1c1c; */
    /* padding: 15px; */
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    border-radius: 0px 0px 0px 5px;
    z-index: 9999;
}


/*.thame-settings {
    width: 130px;
    height: 150px;  
    background: #1c1c1c;
    position: fixed;
    right: -130px;
    top: 10%;
    border: 1px solid #1c1c1c;
    padding: 15px;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    border-radius: 0px 0px 0px 5px;
    z-index: 9999;
}*/

ul#notimsg {
    max-height: 300px;
    overflow-y: auto;
}

p#project-description {
    display: none;
}

div#tabs-1,
div#tabs-2 {
    padding: 10px !important;
}

select#position_filter_sel {
    position: absolute;
    top: 50px;
    width: 130px;
    border-radius: 30px;
    font-size: 14px;
    height: 27px;
    padding: 5px 30px 5px 15px;
    left: 130px;
    line-height: 14px;
}

select#order_filter_sel {
    position: absolute;
    top: 50px;
    width: 119px;
    border-radius: 30px;
    font-size: 13px;
    height: 25px;
    padding: 5px 30px 5px 15px;
    left: 115px;
    line-height: 14px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

span.thema_btn {
    color: var(--color-ffffff);
}

.thame-settings.act {
    right: 0px;
}

.colors h3 {
    font-size: 14px;
    text-align: center;
    color: var(--color-a8a8a8);
    padding: 5px 0px;
    margin-bottom: 0px;
    width: 100%;
    text-align: left;
}

span.thema_btn {
    position: absolute;
    left: -29px;
    background: #1c1c1c;
    top: -1px;
    height: 30px;
    width: 30px;
    border: 1px solid #1c1c1c;
    border-right: 0;
    padding: 1px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px 0px 0px 5px;
}

.theme_set {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.colors li {
    min-width: 25px;
    min-height: 25px;
    margin: 0px 3px;
    line-height: 13px;
    cursor: pointer;
    border: none !important;
    font-size: 12px;
    color: var(--color-000000);
    text-align: center;
}

ul.nav_pos li {
    padding: 0 !important;
}

ul.nav_pos li img {
    height: unset;
}

.colors ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    padding: 0px;
    margin: 0px;
    list-style: none;
    justify-content: center;
}


/**.colors li:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.58);
}**/

span.thema_btn img {
    height: 20px;
}

li.Light {
    background: var(--color-ffffff);
}

li.Dark {
    background: #686868;
}

@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SegoeUI.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/SegoeUI.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/SegoeUI.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/SegoeUI.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'SegoeUIBold';
    src: url('../fonts/SegoeUIBold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/SegoeUIBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SegoeUIBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/SegoeUIBold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/SegoeUIBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/SegoeUIBold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
div,
a,
p,
span,
li {
    font-family: Arial, Helvetica, sans-serif;
}

.reveal-overlay {
    z-index: 999999999 !important;
    background: rgba(255, 255, 255, 0.8);
    /*pointer-events: none;*/
}

.reveal {
    box-shadow: 0px 0px 30px 0px #000000D1;
    border: none;
    text-align: center;
    outline: none;
    pointer-events: all;
    background-color: var(--color-171717);
}

#popmodel,
#popmodelconfirm {
    padding: 0px;
    border: 3px solid #228fcd;
    border-radius: 0px;
}

a.ok_btn {
    margin: 0px auto 15px;
    padding: 4px 25px;
    background: #228fcd;
    color: var(--color-ffffff);
}

.active_statue {
    display: table-cell;
    vertical-align: middle;
    margin-right: 15px;
}

.active_statue span {
    background: #f4f4f5;
    font-size: 0px;
    padding: 25px 25px 0px 0px;
    border-radius: 15px;
    color: #b8b7b8;
    position: relative;
    line-height: 14px;
    height: 20px;
    top: 8px;
}

.active_statue span:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #00ee79;
    position: absolute;
    left: 7px;
    top: 7px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 6px 0px #9c9c9c;
}

.active_statue.online span:before {
    background: #00ee79;
}

.active_statue.offline span:before {
    background: #c1c1c1;
}

#popmodel .closex,
#popmodelconfirm .closex {
    color: var(--color-ffffff);
    margin-top: -4px;
    margin-right: 4px;
}

#popmodel .insidepopup,
#popmodelconfirm .insidepopup {
    padding: 0px 20px 0px 20px;
}

.hidden-part-alert,
.hidden-part-confirm {
    position: absolute;
    visibility: hidden;
}

.ajax-wait {
    padding: 0px;
    display: none;
}

.field-checking {
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop40 {
    margin-top: 40px;
}

.margintop60 {
    margin-top: 60px;
}

.marginbot5 {
    margin-bottom: 5px;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.marginbot60 {
    margin-bottom: 60px;
}

.narrow-padding {
    padding-right: 0.4632rem;
    padding-left: 0.4632rem;
}


/*body
{
    overflow-y:hidden;
}*/

aside.left_nav {
    height: 100vh;
    width: 47px;
    padding: 6px 6px;
    position: absolute;
    z-index: 9999999;
    transition: 0.3s ease;
    background-color: var(--color-000000);
}

aside.left_nav.active,
aside.left_nav:hover {
    width: 220px;
}

aside.left_nav.active.fxd {
    z-index: 9999;
}

.active a.open-aside {
    position: absolute;
    width: 25px;
    height: 25px;
    background: var(--color-ffffff);
    bottom: 0px;
    left: 60px;
    border: 1px solid #ccc;
    transition: 0.3s ease-in-out;
    z-index: 9999999;
}

a.open-aside {
    position: absolute;
    width: 25px;
    height: 25px;
    background: var(--color-ffffff);
    bottom: 0px;
    left: 180px;
    border: 1px solid #ccc;
    transition: 0.3s ease-in-out;
    z-index: 999999;
}

a.open-aside:after {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    left: 5px;
    position: absolute;
    top: 5px;
    color: #228fcd;
}

.active a.open-aside:after {
    content: "\f061";
}

span.user_id {
    position: absolute;
    font-size: 14px;
    top: 4px;
    right: 0px;
    display: none;
}

aside.left_nav li a {
    color: #5c5c5c;
    margin: 0px 0px 6px;
    display: flex;
    font-size: 0px;
    border: none !important;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

aside.left_nav li,
aside.left_nav li label {
    cursor: pointer;
}

a.side_menu_tools.ntool-tip.act {
    background: rgb(41 155 211 / 30%);
    color: var(--color-299bd3);
}

a.side_menu_tools.ntool-tip.act label.ntool-tip-show {
    font-weight: 600;
    color: var(--color-ffffff);
}

a.side_menu_tools.ntool-tip.act span.icon {
    background: rgb(41 155 211 / 0%);
}

.widget_nav a.ntool-tip.act:after {
    content: '';
    height: 3px;
    background: var(--color-299bd3);
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 3px;
}

aside.left_nav ul {
    margin: 0px;
    list-style: none;
}

aside.left_nav li span.icon {
    width: 35px;
    height: 35px;
    display: block;
    padding: 0px !important;
    z-index: 999;
    line-height: 35px;
    border-radius: 3px;
    background-color: #494949;
}

aside.left_nav li .nw_icon1 span.icon,
aside.left_nav li .nw_icon1:hover {
    background-color: rgb(41 155 211 / 30%);
}

aside.left_nav li .nw_icon2 span.icon,
aside.left_nav li .nw_icon2:hover {
    background-color: rgb(233 113 77 / 30%);
}

aside.left_nav li .nw_icon3 span.icon,
aside.left_nav li .nw_icon3:hover {
    background-color: rgb(159 50 132 / 30%);
}

aside.left_nav li .nw_icon4 span.icon,
aside.left_nav li .nw_icon4:hover {
    background-color: rgb(55 171 162 / 30%);
}

aside.left_nav li .nw_icon5 span.icon,
aside.left_nav li .nw_icon5:hover {
    background-color: rgb(144 128 242 / 30%);
}

aside.left_nav li .nw_icon6 span.icon,
aside.left_nav li .nw_icon6:hover {
    background-color: rgb(160 195 55 / 30%);
}

aside.left_nav li .tool_widget span.icon,
aside.left_nav li .tool_widget:hover {
    background-color: rgb(42 137 80 / 30%);
}

aside.left_nav li .basket span.icon {
    background-color: rgb(235 164 19 / 30%);
}

aside.left_nav li .ban_list span.icon {
    background-color: rgb(211 75 36 / 30%);
}

aside.left_nav li .result_calender span.icon {
    background-color: rgb(221 213 23 / 30%);
}

aside.left_nav li .l_alert span.icon {
    background-color: rgb(240 80 197 / 30%);
}

aside.left_nav li .screener span.icon {
    background-color: rgb(85 125 230 / 30%);
}

aside.left_nav li .forex_heat_map span.icon {
    background-color: rgb(241 79 74 / 30%);
}

aside.left_nav li .strategy_builder span.icon {
    background-color: rgb(0 209 113 / 30%);
}

aside.left_nav li .analysis span.icon {
    background: rgb(255 255 255 / 30%);
}

[data-theme="light"] svg#report path {
    fill: #fff !important;
}

[data-theme="light"] aside.left_nav li .analysis span.icon {
    background: rgb(0 0 0 / 30%);
}

aside.left_nav li span.icon img {
    width: 25px;
    height: 25px;
    object-fit: scale-down;
    object-position: center;
}

a.basket.side_menu_tools.ntool-tip svg {
    width: 18px;
}

a.ban_list.side_menu_tools.ntool-tip svg {
    width: 20px;
}

a.result_calender.side_menu_tools.ntool-tip svg {
    width: 19px;
}

a.l_alert.side_menu_tools.ntool-tip svg {
    width: 18px;
}

a.screener.side_menu_tools.ntool-tip svg {
    width: 20px;
}

a.forex_heat_map.side_menu_tools.ntool-tip svg {
    width: 18px;
}

a.strategy_builder.side_menu_tools.ntool-tip svg {
    width: 21px;
}

a.analysis.side_menu_tools.ntool-tip svg {
    width: 18px;
}

a.tool_widget.ntool-tip.act,
a.tool_widget.ntool-tip:hover {
    background-color: rgb(42 137 80 / 30%);
}

a.tool_widget.ntool-tip.act:after {
    background-color: rgb(42 137 80 / 100%);
}

a.basket.side_menu_tools.ntool-tip.act,
a.basket.side_menu_tools.ntool-tip:hover {
    background-color: rgb(235 164 19 / 30%);
}

a.basket.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(235 164 19 / 100%);
}

a.ban_list.side_menu_tools.ntool-tip.act,
a.ban_list.side_menu_tools.ntool-tip:hover {
    background-color: rgb(211 75 36 / 30%);
}

a.ban_list.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(211 75 36 / 100%);
}

a.result_calender.side_menu_tools.ntool-tip.act,
a.result_calender.side_menu_tools.ntool-tip:hover {
    background-color: rgb(221 213 23 / 30%);
}

a.result_calender.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(221 213 23 / 30%);
}

a.l_alert.side_menu_tools.ntool-tip.act,
a.l_alert.side_menu_tools.ntool-tip:hover {
    background-color: rgb(240 80 197 / 30%);
}

a.l_alert.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(240 80 197 / 100%);
}

a.screener.side_menu_tools.ntool-tip.act,
a.screener.side_menu_tools.ntool-tip:hover {
    background-color: rgb(85 125 230 / 30%);
}

a.screener.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(85 125 230 / 100%);
}

a.forex_heat_map.side_menu_tools.ntool-tip.act,
a.forex_heat_map.side_menu_tools.ntool-tip:hover {
    background-color: rgb(241 79 74 / 30%);
}

a.forex_heat_map.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(241 79 74 / 100%);
}

a.strategy_builder.side_menu_tools.ntool-tip.act,
a.strategy_builder.side_menu_tools.ntool-tip:hover {
    background-color: rgb(0 209 113 / 30%);
}

a.strategy_builder.side_menu_tools.ntool-tip.act:after {
    background-color: rgb(0 209 113 / 100%);
}

a.analysis.side_menu_tools.ntool-tip.act,
a.analysis.side_menu_tools.ntool-tip:hover {
    background: rgb(255 255 255 / 30%);
}

[data-theme="light"] a.analysis.side_menu_tools.ntool-tip.act,
[data-theme="light"] a.analysis.side_menu_tools.ntool-tip:hover {
    background: rgb(0 0 0 / 30%);
}

a.analysis.side_menu_tools.ntool-tip.act:after {
    background: var(--color-ffffff);
}

.l_nav a.act:after {
    content: '';
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 3px;
}

.l_nav a.nw_icon1.act:after {
    background: rgb(41 155 211 / 100%);
}

.l_nav a.nw_icon2.act:after {
    background: rgb(41 155 211 / 100%);
}

.l_nav a.nw_icon3.act:after {
    background: rgb(159 50 132 / 100%);
}

.l_nav a.nw_icon4.act:after {
    background: rgb(55 171 162 / 100%);
}

.l_nav a.nw_icon5.act:after {
    background: rgb(41 155 211 / 100%);
}

.l_nav a.nw_icon6.act:after {
    background: rgb(41 155 211 / 100%);
}

a.nw_icon1.act,
a.a.nw_icon1.ntool-tip:hover {
    background: rgb(41 155 211 / 30%);
}

.active .logo {
    position: absolute;
    bottom: 15px;
    width: 25px;
    left: 15px;
    transform: rotate(0deg);
}

.logo {
    position: absolute;
    bottom: -34px;
    width: 25px;
    left: 62px;
    transform: rotate(90deg);
    transition: 0.3s ease-in-out;
}

aside.left_nav li hr {
    margin: 5px 0px 5px;
}

main {
    margin-left: 180px;
    /**transition:0.3s linear;**/
    display: block;
}

main.active {
    margin-left: 0px;
    padding-left: 47px;
    height: 100vh;
    position: relative;
   
}
main.active.investor{
    height: calc(100vh - 35px);;
    top: 35px;
}
main.active.investor div#tab_window {
    height: calc(100% - 35px) !important;
}
.investor .noty_journal {
    top: 82px !important;
}
.investor_sec {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 55px);
    background: #ffffff;
    height: 35px;
    z-index: 9999999;
}
.dark_theme .investor_sec
{
    background-color: #1e1e1e;
}

.header-left {
    padding: 6px 6px 6px 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-weight: 500;
    z-index: 99999;
    position: relative;
}

.ind_dropdown {
    display: flex;
}

.sensex_st {
    margin-left: 50px;
}

.nifty_st.down span {
    color: #eb4d5c;
}

.sensex_st.down span {
    color: #eb4d5c;
}

span.indices_move {
    font-size: 14px;
    margin-left: 5px;
}

.nifty_st.up span {
    color: #3f914f;
}

.sensex_st.up span {
    color: #3f914f;
}

.nifty_st {
    font-size: 14px;
}

span.t_arrow:after {
    content: '\f106';
    font: normal normal normal 16px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    padding-top: 2px;
}

.up span.t_arrow:after {
    content: '\f106';
}

.down span.t_arrow:after {
    content: '\f107';
}

.notify {
    display: flex;
    position: relative;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--color-1e1e1e);
    border-radius: 3px;
}

.notify.act,
.user-profile.act {
    background: rgb(41 155 211 / 31%) !important;
}

.user-profile {
    display: flex;
    align-items: center;
    padding: 0px 5px 0px 22px;
    cursor: pointer;
    color: var(--color-eaeaea);
    font-size: 12px;
    position: relative;
    height: 36px;
    text-align: left;
    border-radius: 3px;
    margin-left: 6px;
    background-color: var(--color-1e1e1e);
}

.user-profile span.overlay,
.notify span.overlay {
    display: none !Important;
}

.user-profile:hover {
    background: #cccccc42;
}

.notify.act span.overlay,
.user-profile.act span.overlay {
    display: block !Important;
    background-image: none !important;
    z-index: -1;
    background: none;
    border-radius: 0;
}

.notify:hover {
    background: #cccccc42;
}

.user-img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 32px;
    margin-left: 12px;
}

.user-profile span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
}

.user-name {
    line-height: 1;
}

.user-name:before {
    content: '';
    height: 10px;
    width: 10px;
    background: var(--color-00ee79);
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: 7px;
}

.notify i {
    font-size: 24px;
    color: var(--color-000000);
    display: block !important;
}

.notify span {
    background: var(--color-000000);
    position: absolute;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    top: 0px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    right: 0px;
    color: var(--color-ffffff);
}

.notify.act .drop-down,
.user-profile.act .drop-down {
    display: block;
    background-color: var(--color-ffffff);
}

.drop-down span {
    display: inline-block;
}

.drop-down {
    position: absolute;
    min-width: 300px;
    right: 0;
    top: 47px;
    text-align: left;
    font-size: 14px;
    max-width: 200px;
    display: none;
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 999;
    max-height: 95vh;
    overflow-y: auto;
}


/**.drop-down::before {
    border: inset 6px;
    content: "";
    display: block;
    border-color: transparent transparent #0197d6 transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -15px;
    right: 10px;
    z-index: 89;
}**/

.user-profile.dpd.act:after {
    content: "";
    display: block;
    background: url(../images/act.svg);
    position: absolute;
    bottom: -12px;
    right: -6px;
    z-index: 9999;
    width: 230px;
    height: 3px;
    background-size: cover;
}

.drop-down ul {
    margin: 0px;
    background-color: var(--color-171717);
}

[data-theme="light"] .drop-down ul,
[data-theme="light"] .notify.act .drop-down,
[data-theme="light"] .user-profile.act .drop-down {
    background-color: #fff;
}

.user-profile hr {
    margin: 0px 5px;
    background: transparent !important;
    border-bottom: 1px solid #2A2A2A;
}

[data-theme="light"] .user-profile hr {
    border-bottom: 1px solid #dddddd;
}

li.open_support_pop {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.theme_color {
    background: transparent;
}

li.open_support_pop span {
    background: var(--color-303030);
    display: flex;
    height: 100%;
    line-height: 30px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.drop-down li {
    list-style: none;
    padding: 8px 10px;
    color: var(--color-a8a8a8);
    font-weight: 400;
    font-size: 14px;
    background: var(--color-171717);
    min-height: 30px;
    
}
.drop-down li img{
    width: 25px;
    margin-right: 5px;
}

[data-theme="light"] .drop-down li {
    background: #fff;
}
span.logout_icon img {
    width: 15px;
}
.drop-down li a {
    color: var(--color-a8a8a8);
    font-size: 14px;
    font-weight: 400;
}

.drop-down span.label {
    float: right;
    border-radius: 50%;
}

.drop-down h5 {
    font-size: 14px;
    padding: 5px 5px 0px;
    font-weight: 600;
    color: #2892cc;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
}

li.list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    cursor: default;
    background: var(--color-000000) !important;
}

li.list-group-item a:hover {
    color: red;
}

li.v_menus {
    background: var(--color-000000) !important;
}

li.v_menus li {
    background: var(--color-000000) !important;
}

li.list-group-item span.version {
    width: unset;
    padding: 0px 0px;
    display: flex;
    position: unset;
}

.drop-down li li {
    padding: 3px 5px;
}

.header-right {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 99999;
    display: flex;
    align-items: center;
}

.side-bar {
    max-width: 350px;
    width: 100%;
    position: relative;
    background: var(--color-000000);
    z-index: 9999;
    margin-right: 6px;
    border-radius: 3px !important;
}

.side-codes {
    max-height: calc(100vh - 94px);
    position: inherit !important;
    padding: 6px 5px;
    margin-top: 41px;
    background: var(--color-1e1e1e);
}

.search-box input {
    height: 28px;
    border-radius: 15px;
    font-size: 14px;
    padding: 5px 15px;
}

.main_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: stretch;
    height: calc(100vh - 52px);
    position: relative;
    top: 0;
}

.chart-box {
    flex-grow: 8;
    position: absolute;
    width: calc(100% - 0px);
    z-index: 99999;
    display: none;
}

.chart-box-inner-out {
    width: calc(100% - 6px);
    border-radius: 3px !important;
    overflow: hidden;
    background-color: var(--color-000000);
    height:100%;
    position: relative;
}

.side-codes ul.tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    position: absolute;
    left: 0px;
    top: -40px;
    width: 100%;
    height: 35px;
    overflow: hidden;
}


/**.side-codes ul#marketwatch-tabs li:nth-child(6), .side-codes ul#marketwatch-tabs li:nth-child(7), .side-codes ul#marketwatch-tabs li:nth-child(8), .side-codes ul#marketwatch-tabs li:nth-child(9), .side-codes ul#marketwatch-tabs li:nth-child(10), .side-codes ul#marketwatch-tabs li:nth-child(11), .side-codes ul#marketwatch-tabs li:nth-child(12), .side-codes ul#marketwatch-tabs li:nth-child(13) {
    display: none !important;
}**/

.side-codes .tabs li.tabs-title.is-active a {
    border-color: #53b987;
    color: #222;
}

span.marketwatchcount {
    border: 1px solid #f4f4f5;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 3px;
    font-size: 12px !important;
    text-align: center;
    line-height: 13px;
    padding: 2px 2px;
    border-radius: 50%;
}

.side-codes .tabs li.tabs-title.is-active a span {
    font-size: 10px;
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

.side-codes input#search_trd {
    font-size: 14px;
}

.side-codes .tabs li {
    border: none;
}

input#project-id {
    /* padding: 0px 15px; */
    padding: 0px 55px 0px 15px;
    height: 35px;
    font-size: 14px;
    border: none;
    box-shadow: none !important;
    border-radius: 3px;
    background-color: var(--color-000000);
}

.search_sys {
    width: calc(100% - 0px) !important;
}

.side-codes ul {
    margin: 0px;
    list-style: none;
}

.tabs-content.marketwatch-tabs {
    border: none;
    margin-top: -10px;
}

.side-codes ul li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px;
    /* background: #f4f4f5; */
    padding: 0px 0px 0px 10px;
    margin-bottom: 1px;
    cursor: pointer;
    color: #676565;
    justify-content: space-between;
    border-radius: 3px;
    height: 55px;
}
.side-bar .tab-inner.grid_view li .m_bg_color
{
    height: 100%;
}
.tabs-content.marketwatch-tabs .tab-inner.grid_view ul
{
    height: max-content;
    justify-content: flex-start;
}
span.symbols {
    width: 135px;
    white-space: nowrap;
    font-size: 13px;
}

.light_theme .side-codes ul li.up span {
    color: #00b45b;
}

span.symbolsseries {
    width: 43px;
    margin-left: -10px !important;
    margin-top: -5px !important;
    padding: 2px 0px 0px 2px;
    margin-right: -10px !important;
}

.side-codes ul li.down span {
    color: var(--color-ee2122);
}

.side-codes ul li.down {
    background-color: rgb(238 33 34 / 15%);
}

.side-codes ul li.up {
    background-color: rgb(0 239 129 / 15%);
}

.srh_results span.symbols {
    width: 65% !important;
    overflow: hidden;
    min-width: 100px;
}

.srh_results span.symbols span {
    height: 20px;
    width: 20px;
    background: #53b987;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: var(--color-ffffff) !important;
    border-radius: 50%;
}

.s-box {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
}

span.sys_sts {
    position: relative;
    color: #676565;
}

.side-codes ul li.up span.sys_dri:after {
    content: '';
    font: normal normal normal 20px/1 FontAwesome;
    color: #3f914f;
    position: absolute;
    background: url(../images/w_up.svg) no-repeat center center;
    background-size: contain;
    width: 13px;
    height: 13px;
    margin-top: 3px;
}


.side-codes ul li.down span.sys_dri:after {
    content: '';
    font: normal normal normal 20px/1 FontAwesome;
    color: #cd1e1e;
    position: absolute;
    background: url(../images/w_down.svg) no-repeat center center;
    background-size: contain;
    width: 13px;
    height: 13px;
    margin-top: 3px;
}


span.sys_vl {
    text-align: right;
}

span.symbolsseries {
    min-width: 30px;
    font-size: 9px !important;
    max-width: 35px;
}

span.symbols {
    /* min-width: 145px;*/
    /**max-width: 100px;**/
    min-width: 180px;
    overflow: hidden;
    margin: 0px 0px 0px 6px !important;
}

.mw_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


/**
span.sys_sts {
    min-width: 60px;
    font-size: 10px;
    max-width: 80px;
}**/

span.symbolsholding {
    min-width: 0px !important;
}

span.symbolsholding.act {
    background-image: url(../images/holding_icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    color: #000000 !important;
    padding-left: 20px;
    background-size: 18px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 27px !important;
    width: 27px !important;
}

span.sys_vl {
    min-width: 75px;
    max-width: 75px;
    overflow: hidden;
    margin-right: 0px !important;
    height: 35px;
    line-height: 35px;
    padding-right: 10px;
}

span.sys_ptg {
    width: 60px;
    min-width: 60px;
    text-align: right;
    margin-right: 0px !important;
    margin-left: 5px !important;
}

.side-codes-details span.sys_ptg,
.Mdepth_window span.sys_ptg {
    display: unset !important;
    margin-right: 10px !important;
}

.m_depth_price {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 14px;
    height: 24px;
}

.m_depth_price span {
    line-height: 24px;
}

span.sys_dri {
    margin: 0px !important;
    margin-left: 5px !important;
    height: 20px;
    width: 15px;
}

.side-codes ul li.act {
    border-right: 2px solid #363636;
    margin-left: 0px;
    padding-left: 10px;
}

.side-codes-details {
    position: absolute;
    top: 41px;
    left: 325px;
    width: 270px;
    height: 100%;
    padding: 5px 7px;
    box-shadow: 0px 0px 15px 0px var(--color-000000);
    background: var(--color-1e1e1e);
    display: none;
    z-index: 9998;
    overflow: hidden;
    border-radius: 3px;
}

span.str_depth img {
    height: 23px;
}

/* .side-codes-details table.buy {
    background: rgb(0 209 113 / 0.2);
    padding: 5px;
} */
/* 
.side-codes-details table.sell {
    background: rgb(238 33 34 / 0.2);
} */
.side-codes-details table.buy {
    /* background: rgb(0 209 113 / 0.2); */
    padding: 5px;
    margin-left: -3px;
}

.side-codes-details table.sell {
    /* background: rgb(238 33 34 / 0.2); */
    margin-left: 10px;
}
.side-codes-details table td,
.side-codes-details table tr {
    background: transparent !important;
}
.side-codes-details table tbody tr, .side-codes-details table thead tr {
    border-bottom: 1px solid #e1e1e166 !important;
}
.dark_theme .side-codes-details table tbody tr, .dark_theme .side-codes-details table thead tr {
    border-bottom: 1px solid #434343a3 !important;
}
.side-codes-details table.sell tfoot {
    /* background: rgb(238 33 34 / 0.3) !important; */
    border: none;
}

.side-codes-details table.buy tfoot {
    /* background: rgb(0 209 113 / 0.3) !important; */
    border: none;
    margin-top: 5px;
}


.side-codes-details table.buy tfoot td
{
    color: var(--color-00ee79);
    font-weight: 600;
    padding-top: 10px;
}
.side-codes-details table.sell tfoot td
{
    color: #EE2122;
    font-weight: 600;
    padding-top: 10px;
}
.side-codes-details table tfoot, .side-codes-details thead
{
    background-color: transparent !important;
    font-size: 14px;
}
.side-codes-details table tfoot td
{
    font-size: 14px;
}
.side-codes-details:hover {
    overflow-y: auto;
}

.side-codes-details .mCSB_container {
    margin: 0px !important;
}

.side-codes-details .mCSB_scrollTools {
    right: -7px;
}
.range_value {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #707070;
    margin-bottom: 10px;
}
.range_value span{
    color: var(--color-ffffff);
    font-size: 14px;
}
.side-codes-details h4 {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}

p.sym_sub {
    font-size: 14px !important;
    text-transform: capitalize;
}

.side-codes-details p {
    color: #7c7c7c;
    font-size: 10px;
}

.range_slider span {
    font-size: 0;
}   
.code_dtl h2 {
    color: #7a7b7b;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
}

.code_dtl h2 span.sys_ptg {
    font-size: 16px;
    margin-left: 15px;
}

.code_dtl h2 span {
    width: max-content !important;
    min-width: max-content;
    max-width: max-content;
}

.code_dtl h2.down span.sys_ptg {
    color: #cd1e1e;
}

.code_dtl h2.up span.sys_ptg {
    color: #3f914f;
}

.code_dtl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    margin-bottom: 15px;
}

.code_dtl_left {
    width: 50%;
    align-self: center;
}

.code_dtl_right {
    width: 50%;
    align-self: center;
    font-weight: 600;
}

.code_dtl_left p {
    margin: 0px;
}

.up {
    color: #3f914f;
}
.inval .up .dhx_input {
    color: #3f914f !important;
}
.inval .down .dhx_input {
    color: #cd1e1e !important;
}
.dhx_input.down, .down
{
    color: #cd1e1e !important;
}
span.bullet.up {
    color: #3f914f;
}

.sensex_st.up {
    color: var(--color-000000);
}

span.bullet.down {
    color: #cd1e1e;
}

span.bullet {
    background: #3f914f;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}

a.box_btns_up {
    border: 1px solid #1458c9;
    color: #1458c9;
    background: #dfe5f0;
    padding: 0px 15px;
    display: inline-block;
    border-radius: 25px;
    font-size: 14px;
    margin-right: 10px;
}

a.box_btns_down {
    border: 1px solid #cd1e1e;
    color: #cd1e1e;
    background: #ede0e0;
    padding: 0px 15px;
    display: inline-block;
    border-radius: 25px;
    font-size: 14px;
}

.code_dtl h2 sup {
    font-size: 18px;
    padding-left: 5px;
    color: #cd1e1e;
}

.chart-box .tabs-title>a {
    display: block;
    padding: 8px 25px;
    font-size: .75rem;
    line-height: 1;
    color: var(--color-000000);
    outline: none;
    border-bottom: 4px solid var(--color-ffffff);
}

.chart-box .tabs {
    box-shadow: 0px 4px 7px 0px #cbcbcb;
    margin-bottom: 5px;
    border: none !important;
    z-index: 999;
    position: relative;
}

header {
    position: relative;
    background: transparent;
    height: 47px;
    z-index: 999999;
    top: 0px;
}

.chart-box .tabs-content {
    border: none;
}

.chart-box .tabs-panel {
    padding: 0px;
}

.chart-box .tabs-title>a:focus,
.chart-box .tabs-title>a[aria-selected=true] {
    background: #f7f7f7;
    border-color: #53b987;
}

.active .nifty_st {
    margin-left: 0px;
    padding-right: 40px;
}

.btns {
    margin-top: 15px;
    z-index: 99999;
    position: relative;
}
.btns {
    margin-top: 15px;
    z-index: 99999;
    position: relative;
}

.side-codes-details .btns {
    margin-top: 5px;
    margin-bottom: 2px;
    justify-content: flex-start;
    gap: 5px;
}

.side-codes-details .btns button {
    width: max-content;
    height: 35px;
    padding: 0px 8px !important;
    line-height: 35px !important;
    cursor: pointer;
    background-color: var(--color-434343);
    color: #fff;
    font-size: 14px !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    justify-content: center;
}
[data-theme="light"] .side-codes-details .btns button
{
    background-color: #E1E1E1;
    color: #272727;
}
.mdepth_foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
.mdepth_foot .price_slider_sec {
    max-width: calc(50% - 2px);
    width: 50%;
    margin-bottom: 4px;
    background: var(--color-1d1d1d);
    padding: 10px 20px;
    border-radius: 3px;
}
button.s_close.md_btn1 img {
    width: 14px;
}
[data-theme="light"] button.buy.buyorder{
    background: #00EE79;
    color: #fff;
}
[data-theme="light"] button.sell.sellorder
{
    background-color: #FF0A13;
    color: #fff;
}
[data-theme="light"] .side-codes-details .btns button img {
    filter: brightness(0.5);
}

[data-theme="light"] .side-codes-details .btns button:hover img {
    filter: none;
}
.side-codes-details .column {
    padding: 0px 0px 0px 3px;
}

.light_theme .marketwatchtable {
    background: #ffff;
}

.order_window.act .pop-cont-top {
    padding-bottom: 0px;
}

.order_window.act .radio-box2 {
    margin-bottom: 10px;
    margin-top: -2px;
}

.order_window.act .radio-box4.radio_btn {
    margin-bottom: 10px;
}

.side-codes-details td, .side-codes-details table.sell td {
    padding: 5px 5px;
    font-size: 14px;
    background: var(--color-ffffff);
    color: var(--color-ffffff);
}

.side-codes-details th {
    font-size: 14px;
    color: #4b4b4b;
    font-weight: 400;
    padding: 3px 5px 5px;
    
}

.side-codes-details table {
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 3px !important;
    overflow: hidden;
}
.mdepth {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 20px;
}
.mdepth_right {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.mdepth_right {
    font-size: 12px;
    color: #707070;
}
.mdepth h3 {
    margin: 0px;
    font-size: 14px;
}
.mdepth_right div {
    margin-left: 6px;
    display: flex;
    font-size: 14px;
    color: var(--color-ffffff);
}
.row.mdepth_list {
    background: var(--color-1d1d1d);
    padding: 5px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 5px;
}
.row.mdepth_list table
{
    min-width: calc(100% - 10px);
}
.row.mdepth_list:after {
    content: '';
    width: 4px;
    height: 100%;
    background: var(--color-1e1e1e);
    position: absolute;
    top: 0;
    left: 50%;
}
[data-theme="light"] .row.mdepth_list:after
{
    background: #ffffff;
}
.side-codes-details table {
    min-width: auto !important;
    max-width: calc(100% - 10px);
}
.side-codes-details thead,
.side-codes-details tbody {
    border: none;
    background: none;
}

.side-codes-details tbody td:nth-child(2),
.side-codes-details thead th:nth-child(2),
.side-codes-details tbody td:nth-child(2),
.side-codes-details thead th:nth-child(2) {
    text-align: left;
}
.side-codes-details tfoot td:nth-child(2) {
    text-align: right;
}
.side-codes-details td:nth-child(3),
.side-codes-details th:nth-child(3) {
    text-align: right;
}
.right_box td:nth-child(1), .right_box th:nth-child(1) {
    width:40%
}
tr.total,
tr.total td {
    background: #cbcbcb;
}

tr.total td {
    font-weight: 400;
    font-size: 12px;
}

table.sell td {
    color: #cd1e1e;
}

.side-codes-details ul {
    list-style: none;
    font-size: 11px;
    margin: 0px;
}
.side-codes-details ul li {
    /*float: left;
    width: 50%;*/
    position: relative;
    padding: 5px 5px;
    color: #5a5a5a;
}

.side-codes-details ul li:nth-child(even) {
    background: rgba(203, 203, 203, 0.30196078431372547);
    border-left: 2px solid transparent !important;
    border-image: linear-gradient(181deg, transparent, #434343, transparent) 1 !important;
}


.side-codes-details ul li span {
    float: right;
    color: #4b4b4b;
}
.price_slider_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.price_slider_head h3{
    font-size: 14px;
    margin: 0px;
    line-height: 28px;
}
.price_slider_head select
{
    border:none;
    margin: 0px;
    padding-top: 0px;
    font-size: 14px;
    padding-bottom: 0px;
    color: var(--color-ffffff);
    max-width: max-content;
    height: 28px;
    background-color: var(--color-1d1d1d) !important;
    outline: none !important;
    box-shadow: none !important;
     appearance: none;
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none;    /* Firefox */
  background-image: none;
  cursor: pointer;
}
.price_slider_head:after
{
    content: '';
    width: 11px;
    height: 11px;
    background: url(../images/16.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 8px;
    top: 9px;
}
.right_box  td.t_nodata {
    text-align: center !important;
    color: #707070 !important;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
}
.dark_theme .right_box td.t_nodata img {
    opacity: 0.3 !important;
}
.side-codes-details.MCX .m_depth_foot:before {
    top: calc(50% - 20px);
}
button.buy.buyorder {
    background: #00EE79;
}

button.sell.sellorder {
    background: #FF0A13;
}
.price_slider_head.no_arr:after
{
    display: none;
}



.anl_c{
    display: flex;
}
.analysis_scores {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    gap: 20px;
    padding: 0px 20px;
}

.analysis_scores .c_item span {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    left: calc(50% - 17px);
    top: calc(50% - 17px);
    margin: 0px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
}

.analysis_scores .chart {
    margin: 0px;
    position: relative;
}

.analysis_scores .chart .pie-chart {
    width: 46px;
    height: 46px;
}

.profile_grid .dhx_grid-row:last-child * {
    background-color: var(--color-1e1e1e) !important;
    font-weight: 600;
}
.c_chart_dropdown ul li, .c_chart_dropdown .div_ul .div_li {
    padding: 0px !important;
    margin: 4px 0px !important;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.c_chart_dropdown ul li span, .c_chart_dropdown .div_ul .div_li span {
    position: absolute !important;
    z-index: 9;
    color: #000 !important;
    top:5px !important;
}

.c_chart_dropdown ul li div, .c_chart_dropdown .div_ul .div_li div {
    width: 100% !important;
    margin: 0px !important;
}

.c_chart_dropdown ul, .c_chart_dropdown .div_ul {
    z-index: 9;
    position: relative;
}
[data-theme="light"] .c_chart_dropdown
{
    background: #b4b4b4;
}
[data-theme="light"] .c_chart_dropdown ul li span, [data-theme="light"] .c_chart_dropdown .div_ul .div_li span {
    color: #090909 !important;
    padding-left: 5px;
}
[data-theme="light"] ul.dhx_widget.dhx_menu:before {
    border-color: transparent transparent #b4b4b4 transparent;
}

/**.dhx_grid-cell, .dhx_grid-row {
    height: 30px !important;
    font-size: 12px;
} **/
span.us_rmv {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
}

.user_selections .l_items,.user_selections .jyZMZN {
    position: relative;
}

span.us_rmv img {
    height: 14px;
}

.anl_c span, span.cntx_menu.hold_anl_context span {
    width: 7px;
    height: 7px;
    background: #000;
    display: inline-block;
    margin: 0px !important;
    border-radius: 50%;
    margin: 0px 1px !important;
}
span.anl_c_income
{
    background: #ffeb3b !important;
}
span.anl_c_value
{
    background: #ff5722 !important;
}
span.anl_c_past
{
    background: #9c27b0 !important;
}
span.anl_c_future
{
    background: #ff9800 !important;
}
span.anl_c_health
{
    background: #2196f3 !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt {
    flex-direction: column;
}
.dhx_layout-cell.ds_hd2.no_ipo
{
    margin-left: -6px;
}
.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt {
    display: flex;
    margin: 30px 0px;
    flex-direction: row;
}

.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_input__wrapper input {
    font-weight: 600;
    font-size: 14px;
}

.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element {
    background: #f9f9f9 !important;
    padding: 6px 15px 10px;
}
.dhx_layout-cell.dhx_layout-rows.fr_row {
    padding: 0px 10px;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt > div {
    margin-right: 15px;
}

.dark_theme .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element{
    background: var(--color-303030) !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt + div {
    position: absolute;
    top: -50px !important;
    right: 0px !important;
}
.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt + div {
    position: unset;
    top: unset !important;
    right: 0px !important;
}
.funds_note {
    background: rgb(255 235 59 / 36%);
    padding: 10px;
    width: calc(100% - 6px);
	
}
div#nofund_popup button.addfund {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 0px 30px;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 3px;
    height: 35px;
}
svg#Layer_111 {
    height: 100px;
}
.new_basket label:after {
    display: none !important;
}
li.srh_result {
    position: relative;
}
li.srh_result:hover .s_btns
{
    display: block;
}
button.idea_btn.md_btn1{
    display: none !important;
}

span.issuetype {
    color: #00EE79 !important;
    background-color: rgb(0 239 129 / 15%);
    padding: 1px 5px;
    margin: 0px 5px 0 0px;
    font-size: 10px;
    border-radius: 4px;
    height: 15px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ipo_lbls {
    display: flex;
    align-items: center;
    font-size: 10px; 
    margin-bottom: 0px;
}
span.ipo_date {
    line-height: 1.2;
}
.ds_hd3 .dhx_grid-row {
    height: 45px !important;
}
.ds_hd3  .dhx_data-wrap {
    height: max-content !important;
}
span.ipo-exc {
    background: #299bd342;
    color: #299bd3;
    padding: 0px 5px;
    border-radius: 4px;
    height: 15px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ds_hd2 [aria-label="Funds"] {
    margin-left: 4px !important;
    margin-top: 7px !important;
}
span.subtype {
    color: #EE2122 !important;
    background-color: rgb(238 33 34 / 15%);
    padding: 1px 5px;
    margin: 0px 0px 0 0px;
    font-size: 10px;
    height: 15px;
    border-radius: 4px;
    margin-bottom: 0px;
    line-height: 14px;
}
.light_theme span.issuetype
{
    color:#00b45b !important;
}
.profile_grid .dhx_grid-row .dhx_grid-cell {
    cursor: pointer;
}

div#header-toolbar-symbol-search {
    display: none;
}
div#tab_window .dhx_grid-header-cell-text_content {
    font-size: 12px !important;
}
.invest_cont {
    background: #2b2b2b;
    /* padding: 15px 20px; */
    text-align: center;
}
/* .invest_cont_in
{
  padding: 15px 20px;  
} */
 .invest_cont_in, .invest_cont {
    font-size: 14px;
}
.light_theme .invest_cont
{
    background: #ebebeb !important;
}
/* .invest_cont span {
    color: #ffffff;
    background: #ee2122e3;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
} */

iframe#strategy_builder_light {
    width: 100%;
    height: 100%;
    border: none;
}

#flat-slider {
    margin: 40px 0px 30px;
}

#flat-slider.ui-slider {
    background: #d2d2d2;
    border: none;
    border-radius: 0;
}

#flat-slider.ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 0;
    border-color: transparent;
    transition: border 0.4s ease;
}

#flat-slider.ui-slider .ui-slider-handle.ui-state-hover,
#flat-slider.ui-slider .ui-slider-handle.ui-state-focus,
#flat-slider.ui-slider .ui-slider-handle.ui-state-active {
    border-color: #172f38;
}

#flat-slider.ui-slider .ui-slider-pip .ui-slider-line {
    background: #d5cebc;
    transition: all 0.4s ease;
}

#flat-slider.ui-slider.ui-slider-horizontal {
    height: 6px;
}

#flat-slider.ui-slider.ui-slider-horizontal .ui-slider-handle {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    outline: none;
    top: -25px;
    margin-left: -10px;
}

#flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip {
    top: 10px;
}

#flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
    width: 2px;
    height: 10px;
    margin-left: -1px;
}

#flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
    height: 20px;
}

#flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    height: 12px;
}

#flat-slider.ui-slider.ui-slider-vertical {
    width: 6px;
    height: 125px;
    display: inline-block;
    margin: 0 15%;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    left: -25px;
    margin-bottom: -10px;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip {
    left: 10px;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip .ui-slider-line {
    height: 2px;
    width: 10px;
    margin-top: -1px;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
    width: 20px;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    width: 12px;
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip,
#flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    border: none;
    background: transparent;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    text-align: center;
    color: white;
    font-weight: normal;
    top: 10px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

#flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip:before,
#flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip:before {
    display: none;
}

#flat-slider .ui-slider-handle,
#flat-slider .ui-slider-range,
#flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    background-color: #25daa5;
}

#flat-slider-vertical-1 .ui-slider-handle,
#flat-slider-vertical-1 .ui-slider-range,
#flat-slider-vertical-1 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-1 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    background-color: #f27793;
}

#flat-slider-vertical-2 .ui-slider-handle,
#flat-slider-vertical-2 .ui-slider-range,
#flat-slider-vertical-2 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-2 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    background-color: #bd77f2;
}

#flat-slider-vertical-3 .ui-slider-handle,
#flat-slider-vertical-3 .ui-slider-range,
#flat-slider-vertical-3 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-3 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
    background-color: #67c3ec;
}

.ui-widget-header {
    background: #3f914f !important;
}

.slider-box {
    position: relative;
}

span#slider-value1 {
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #686868;
}

span#slider-value2 {
    position: absolute;
    right: 0px;
    bottom: -20px;
    font-size: 14px;
    color: #686868;
}

span.ui-slider-handle:nth-child(3) {
    background: #cc9090 !important;
}

span.ui-slider-handle:nth-child(2) {
    background: #89a8dc !important;
}

.menu-box {
    position: absolute !important;
    width: 80vw;
    width: calc(100vw - 370px);
    left: -100vw;
    margin-top: -60px;
    z-index: -99;
    background: #f5f5f5;
    transition: 0.1s ease-in-out;
    outline: none !Important;
}

.add_founds,
.withdraw_founds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.add_founds iframe,
.withdraw_founds iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: var(--color-ffffff);
    border: none;
}

span.funds_back,
span.funds_back {
    width: 35px;
    height: 35px;
    background: var(--color-1e1e1e);
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-right: 10px;
    position: absolute;
    cursor: pointer;
    z-index: 99999;
}

span.funds_back img {
    width: 18px;
}

aside.left_nav.fxd .menu-box.act.fxd {
    width: calc(100vw - 525px) !important;
    box-shadow: none;
    left: 185px !important
}

aside.left_nav.active.fxd .menu-box.act.fxd {
    width: calc(100vw - 500px) !important;
    top: auto;
    height: 50%;
}

.menu-box.act.fxd {
    position: fixed;
    width: 100vw !important;
    width: calc(100vw - 60px) !important;
    bottom: 10px;
    right: 10px !important;
    margin: 0px 5px;
    border: 1px solid #e8e8e8;
    top: unset;
}

aside.left_nav.active li .menu-box.act {
    left: 55px;
    width: calc(100vw - 420px);
    top: 154px;
    height: calc(100vh - 154px);
}

aside.left_nav.active li .menu-box.act.fxd {
    left: 65px !important;
    box-shadow: 0px 0px 8px 0px #e6e6e6;
}

.menu-box.act {
    left: 65px;
    width: calc(100vw - 370px);
}

.menu-box .tabs-title>a {
    display: block;
    padding: 12px 12px 12px;
    font-size: .75rem;
    line-height: 1;
    color: #4b4b4b;
    outline: none;
    border-bottom: 4px solid var(--color-ffffff);
}

.menu-box .tabs {
    box-shadow: 0px 4px 7px 0px #e6e6e6;
    margin-bottom: 5px;
    border: none !important;
}

.menu-box.fxd .tabs {
    position: sticky;
    top: 0;
    z-index: 99999;
}

.menu-box .tabs-content {
    border: none;
    background: none;
    padding: 0px 15px !important;
}

.menu-box .tabs-panel {
    padding: 10px 0px 10px;
    height: 100%;
}

.menu-box .tabs-title>a:focus,
.menu-box .tabs-title>a[aria-selected=true] {
    background: #f7f7f7;
    border-color: #1084c9;
    color: #1084c9;
}

.menu-box th {
    color: #a4a4a4;
    font-size: 14px;
    font-weight: 400 !important;
    padding: 5px 10px;
    text-align: center;
}

.menu-box td {
    font-size: 12px;
    color: #7a7a7a;
    padding: 5px;
}

.menu-box thead {
    background: no-repeat;
    border: none;
}

.menu-box tbody tr {
    background: var(--color-ffffff) !important;
    border-bottom: 2px solid #e6e6e6;
}

.menu-box tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px;
    background: var(--color-ffffff) !important;
}

.menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 0px solid #e6e6e6;
    background-color: var(--color-ffffff);
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.menu-box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,
.menu-box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border: none !important;
}

.menu-box .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border: none !important;
}

.menu-box .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar .dhx_cell_cont_layout {
    border-left: 6px solid var(--color-1e1e1e) !important;
    border-right: 6px solid var(--color-1e1e1e) !important;
}

.menu-box tbody {
    border: none;
    background: none;
}

.menu-box td .buy span {
    background: #53b986;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: 6px;
    bottom: 2px;
    border-radius: 50%;
}

.menu-box td .buy {
    position: relative;
}

.menu-box td .sell span {
    background: #eb4d5c;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: 6px;
    bottom: 2px;
    border-radius: 50%;
}

.menu-box td .sell {
    position: relative;
}

.menu-box.act .tab-inner {
    height: 100% !important;
}

.side-bar .tab-inner {
    padding-bottom: 20px !important;
    background: var(--color-1e1e1e) !important;
}


/*.menu-box.act.fxd .tab-inner {
    height: 300px;
}*/

.menu-box.act.fxd .tab-inner {
    height: calc(50% - 40px);
}

.nicescroll-cursors {
    background: #949493 !important;
}

span.close {
    position: absolute;
    right: 5px;
    font-size: 14px;
    width: 23px;
    height: 23px;
    text-align: center;
    top: 5px;
    cursor: pointer;
    background: url(../images/close.svg) no-repeat center;
}

div#title_alert {
    background: #228fcd;
    text-align: center;
    padding: 5px;
    color: var(--color-ffffff);
}

p#content_alert {
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
}

div#exampleModal1 {
    width: 750px !important;
    border: 1px solid var(--color-000000);
}

span.help_tooltip {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 11px;
}

.pop-chart-outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.pop-chart {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: none;
}

.pop-chart .loader {
    display: none;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0px;
    line-height: 100%
}

.pop-chart {
    position: relative;
}

div#pop_buy.act .pop-chart {
    display: flex;
    border-top: 1px solid rgb(255 255 255 / 20%);
    margin-top: 5px;
}

.pop-chart-left {
    padding-top: 30px;
    padding-right: 3px;
}


/**
canvas#myCanvas {
    transform: scale(0.9, 0.9);
    margin-left: -28px;
}**/

.pop-chart-cont h2 {
    color: #9d9d9d;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
}

.pop-chart-cont {
    color: #9d9d9d;
    position: relative;
    height: 100%;
}

.pop-chart-cont p {
    font-size: 14px;
    margin-bottom: 0px;
    width: 100%;
}
.pop-chart-cont.GTT .tag-box-outer {
    margin-top: 0px;
}
.switch {
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 20px;
    right: 10px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.radio {
    margin: 0;
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
    content: '';
    background: url(../images/in-active-tick.svg);
    border-radius: 100%;
    border: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    background-size: contain;
}

.radio input[type="radio"]:checked+.radio-label:before {
    background: url(../images/active-tick.svg);
    box-shadow: inset 0 0 0 0px #027741;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #3197EE;
}

.radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 0px #f4f4f4;
    border-color: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.radio input[type="radio"]:disabled+.radio-label {
    opacity: 0.5;
    cursor: not-allowed;
}

.radio-box1 label.radio-label {
    display: flex;
    margin-right: 30px;
    align-items: center;
    font-size: 14px !important;
    color: var(--color-ffffff) !important;
}

.radio-box1 label.radio-label span {
    padding-left: 10px !important;
    color: var(--color-747474);
}

.radio-box1 .radio input[type="radio"]+.radio-label:before {
    top: 0px;
}

.radio-box1 .radio {
    margin-right: 20px;
}

.radio-box-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: 10px 15px;
    background: #f8f8f8;
    margin-bottom: 10px;
}
.dark_theme .radio-box-flex{
    background-color: #191919;
}

.radio-box1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    float: left;
    width: 100%;
}

.radio-box2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    float: right;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 10px 15px;
    background: #f8f8f8;
    position: relative;
}
.dark_theme .radio-box2{
    background: #191919;
}
.radio-box2::before, .radio-box2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.radio-box2::after
{
    top: unset;
    bottom: 0px;
}
.dark_theme .radio-box2::before, .dark_theme  .radio-box2::after, .dark_theme .gtt_bx::before, .dark_theme .gtt_br::before, .dark_theme .gtt_bx::after
{
        background: linear-gradient(90deg, transparent, #434343, transparent);
}
.radio [type=checkbox]+label,
.radio [type=radio]+label {
    margin-left: 0px;
    margin-right: 15px;
    font-size: 14px;
    color: var(--color-ffffff) !important;
}

.radio_btn .radio input[type="radio"]+.radio-label {
    width: 150px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    font-size: 14px !important;
    color: var(--color-747474) !important;
    margin-right: 0px;
    background-color: #f8f8f8;
    border-radius: 3px;
}
.dark_theme .radio_btn .radio input[type="radio"]+.radio-label
{
    background-color: #757575;
    color: #fff !important;
}
.radio_btn .radio input[type="radio"]:checked+.radio-label {
    background: #299BD3 !important;
    padding: 0px 0px;
    border-radius: 3px;
    color: #fff !important;
}

.radio_btn .radio input[type="radio"]+.radio-label:before {
    display: none;
}

.radio-box3.radio_btn {
    margin-bottom: 20px;
}

.radio-box4.radio_btn {
    margin-bottom: 10px;
    gap: 5px;
}

.pop-chart-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99999;
    padding: 12px 12px;
    background: #f8f8f8;
}
.dark_theme .pop-chart-bottom{
    background: #191919;
}
.order_window .dhx_window-header {
    padding-bottom: 0px !important;
}

.order_window .dhx_window-content {
    padding: 0px !important;
}

.pop-chart-cont {
    background: var(--color-171717);
}

.form-btns-left {
    text-align: left;
    width: 100%;
}

.form-btns-left span {
    font-size: 14px;
    cursor: pointer;
    display: none;
}

.more-ops {
    display: none;
}

.radio-box3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.radio-box4 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    /* display: none; */
}

.pop-chart-bottom select {
    font-size: 14px;
    height: 30px !important;
    padding: 0px 25px 0px 10px;
    width: 150px;
    float: left;
    color: #6d6d6d;
}

.form-btns {
    float: right;
    display: flex;
    justify-content: flex-end;
}

button.btn-buy {
    font-size: 14px;
    padding: 7px 15px;
    width: 80px;
    cursor: pointer;
    outline: none;
    background: var(--color-00d171);
    color: #ffffff;
    border-radius: 3px;
    margin-right: 6px;
}

button.btn-cnl {
    font-size: 14px;
    border: 1px solid #dfe0e1;
    color: #101215;
    padding: 7px 15px;
    border-radius: 0px;
    width: 80px;
    cursor: pointer;
    outline: none;
}

.tag-box-outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    margin-top: 15px;
    width: 100%;
    text-align: left;
    clear: both;
    flex-wrap: wrap;
}

.tag-box-outer.act {
    margin-top: 0px !important;
    display: none;
}

.tag-box-outer.show {
    display: flex;
}

.tag-box-outer label {
    font-size: 12px;
    color: #b1b1b1;
    margin-bottom: 0px;
}

.tag-box-outer input, .tag-box-outer1 input, .tag-box-outer2 input {
    height: 35px;
    font-size: 14px;
    color: #6d6d6d;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    background: transparent !important;
    box-shadow: none !important;
}
.dhx_layout-cell.ds_hd2 .dhx_layout-cell.dhx_form-element {
    width: unset;
}

select#slt_minute {
    height: 35px;
    font-size: 14px;
    color: #6d6d6d;
    padding: 5px 25px 5px 10px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    box-shadow: none !important;
    margin-bottom: 10px;
    background-color: transparent;
 
}
.dark_theme #slt_minute {
       border-color: var(--color-303030);
       color: #fff;
       background-color: #1d1d1d;
}
.tag-box {
    padding: 0px 3px;
    width: 25%;
}

.chart_manu {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.chart_manu ul {
    margin: 0px;
    list-style: none;
    line-height: 26px;
}

.chart_manu ul li {
    float: left;
    margin: 0px 5px;
    line-height: 26px;
    height: 26px;
}

.chart_manu_left button {
    background: url(../images/menu-icon.png) no-repeat var(--color-ffffff);
    background-color: var(--color-ffffff);
    background-image: url(../images/menu-icon.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-position: -5px 5px;
    box-shadow: 0px 1px 5px 0px #7b8b9a;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.chart_manu_left button.chart-1 {
    background-position: -5px 5px;
}

.chart_manu_left button.chart-2 {
    background-position: -29px 5px;
}

.chart_manu_left button.chart-3 {
    background-position: -54px 5px;
}

.chart_manu_left button.zoom-in {
    background-position: -76px 7px;
}

.chart_manu_left button.zoom-out {
    background-position: -97px 7px;
}

.chart_manu_left button.point-1 {
    background-position: -121px 6px;
}

.chart_manu_left button.point-2 {
    background-position: -212px 7px;
}

.chart_manu_right button span {
    background: url(../images/menu-icon.png) no-repeat var(--color-ffffff);
    background-color: var(--color-ffffff);
    background-repeat: no-repeat;
    background-image: url(../images/menu-icon.png);
    width: 26px;
    height: 26px;
    background-position: -5px 5px;
    box-shadow: 0px 1px 5px 0px #7b8b9a;
    border-radius: 50%;
    outline: none;
    display: block;
    float: left;
    margin-right: 10px;
}

button.pop_out span {
    background-position: -145px 6px;
}

button.indicators span {
    background-position: -170px 6px;
}

button.close_win span {
    background-position: -193px 6px;
}

.chart_manu_right button {
    font-size: 13px;
    color: #7b8b9a;
    line-height: 26px;
    height: 26px;
    outline: none;
    cursor: pointer;
}

.chart_manu_left button:hover,
.chart_manu_right button:hover span {
    background-color: #efefef;
}

button.m1,
button.m5,
button.m15,
button.m30,
button.h-4,
button.d1,
button.mn {
    background: var(--color-ffffff);
    font-size: 11px;
    color: #7b8b9a;
}

.chart_manu_left ul {
    margin: 0px 10px;
    display: inline-block;
}

.chart_manu_right ul {
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.chart_manu_right ul li {
    padding-left: 10px;
}

.chart_manu_right {
    margin-right: 50px;
    position: absolute;
    bottom: 18px;
    right: 0px;
    z-index: 999;
}

.chart_manu_right a {
    color: #7b8b9a;
}

.chart_manu_left {
    float: left;
}

.pin {
    position: absolute;
    right: 40px;
    top: 3px;
    cursor: pointer;
}

.login-outer {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: rgba(255, 255, 255);
}

.login-otp {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: rgba(255, 255, 255);
}

.login-secur {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: rgba(255, 255, 255);
}

.login-forget {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: rgba(255, 255, 255);
}

.change-pwd {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: rgba(255, 255, 255, 0.5);
}

.login-outer,
.login-secur,
.login-forget,
.change-pwd,
.login_loader,
.login-otp,
.chang-pwd,
.qr-login {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 999999999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background-color: var(--color-000000);
    background-position: center left;
    background-size: contain;
    align-items: center;
}

.login-secur p {
    font-size: 14px;
}

.login {
    padding: 40px;
    /*background: var(--color-1e1e1e);*/
    background-color: transparent;
    margin: 0px 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    width: 390px;
    color: var(--color-a8a8a8);
}

.login #username {
    text-transform: uppercase;
}


/**
.login input[type="text"], .login input[type="password"] {
    height: 30px;
    width: 100%;
    border-radius: 0px;
    padding:5px 0px;
    font-size: 14px;
    background: transparent;
    border: none !important;
    box-shadow: inset 0px 0px 0px 20px var(--color-ffffff);
    border-bottom: 1px solid #c7c7c7 !important;
} **/

.login input[type="text"],
.login input[type="password"],
.login input[type="number"],
.login input[type="tel"] {
    border: none !important;
    padding: 2px 10px 2px 40px;
    height: 40px;
    box-shadow: none !important;
    background: transparent;
    border-bottom: 1px solid #bbc0c4 !important;
    border-radius: 0px;
}

.login .errdiv {
    font-size: 12px;
    color: #d03838;
    margin-bottom: 15px;
}

.login label {
    color: #1C3F50;
    font-size: 13px;
}

.login label input {
    margin: 0px;
}

.login form {
    width: 100%;
}

.login h2 {
    /* text-align: center; */
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #1C3F50;
}

.login_pop img {
    height: 100px;
}

.login_pop {
    margin-bottom: 30px;
    font-size: 12px;
    text-align: center;
    color: #1C3F50;
}

.forget_right {
    float: right;
    background: #ccc;
    color: #ccc;
    margin-top: 15px;
}

.forget_right a {
    color: var(--color-000000);
    font-size: 14px;
    padding: 5px 35px 5px;
    display: inline-block;
}

.form-box1 input {
    font-size: 14px;
    padding: 8px 25px 8px;
    background: #208ecd;
    border: none;
    color: var(--color-ffffff);
    cursor: pointer;
    margin-top: 15px;
    border-radius: 0px;
}

.form-box1.ds_flx a {
    background: #ccc;
    color: var(--color-000000);
    padding: 5px 20px;
}

.form-box1.ds_flx {
    display: flex;
    justify-content: space-between;
}

.form-box1.ds_flx .forget {
    margin-top: 15px;
}

.foot_note {
    position: absolute;
    bottom: 20px;
    font-size: 11px !important;
    color: #1C3F50 !important;
    width: 100%;
}

.foot_blue {
    background: #2885c4;
    color: var(--color-ffffff);
}

.foot_blue a {
    color: var(--color-ffffff) !important;
}

a.guest_login {
    color: var(--color-ffffff) !important;
}

.foot_top {
    padding: 10px 30px;
}

.foot_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
}

.foot_item h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}

.foot_item a {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: var(--color-ffffff) !important;
    width: unset !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.foot_item p {
    margin: 0px;
}

.foot_item.gst_lg {
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.add_money .recent_wdrw {
    margin: 20px 0px;
}

.form-box {
    position: relative;
    margin-bottom: 25px;
}

.form-error {
    font-size: 11px;
    position: absolute;
    bottom: -18px;
    margin: 0px;
    font-weight: 400;
}

.forget {
    margin-top: 30px;
    /* text-align: center; */
    font-size: 14px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.forget a {
    color: #919191;
}

.show_qrcode img {
    margin: 0px auto;
}

.show_qrcode {
    text-align: center;
}

.show_qrcode ol {
    margin-top: 30px;
    text-align: left;
}

.order_entry_item [type="radio"]:checked,
.order_entry_item [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.order_entry_item [type="radio"]:checked+label,
.order_entry_item [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.order_entry_item [type="radio"]:checked+label:before,
.order_entry_item [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 0%;
    background: var(--color-ffffff);
}

.order_entry_item [type="radio"]:checked+label:after,
.order_entry_item [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #1f8ecd;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.order_entry_item [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.order_entry_item [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.order_entry_outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 30px 30px;
}

.order_entry_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 25%;
}

.order_entry_item input,
.order_entry_item select {
    margin: 0px;
    height: 30px;
    border-radius: 0px;
    font-size: 15px;
    padding: 0px 20px 0px 5px;
}

.order_entry_item label {
    padding: 0px 5px;
}

.order_entry_item.ali_right {
    text-align: right;
    justify-content: flex-end;
}

.order_entry_item.ali_right input {
    background: #1f8ecd;
    text-align: center;
    padding: 4px 30px 6px;
    color: var(--color-ffffff);
    border: 0px;
}

.loader {
    display: none;
}

.loader {
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    z-index: 999999;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
}

.loader img {
    width: 150px;
    height: 150px;
}

.response {
    text-align: center;
    padding: 20px;
}

aside.left_nav i {
    font-size: 25px;
    color: #949494;
}

span.sellholding i {
    font-size: 16px;
}

span.addholding i {
    font-size: 16px;
}

aside.left_nav li {
    text-align: center;
}

.menu-box thead th {
    color: #7a7a7a;
    font-weight: 600 !important;
    background: #f5f5f5;
    font-size: 11px;
    position: sticky;
    top: 0;
}

.menu-box thead,
.menu-box tfoot {
    background: #cacaca;
    border: none;
}

.menu-box tfoot th,
.menu-box tfoot td {
    background: #cacaca;
}

.menu-box li.tabs-title.is-active a:focus,
.menu-box li.tabs-title.is-active a[aria-selected=true] {
    background: #f7f7f7 !important;
    border-color: #1084c9 !important;
    color: #1084c9 !important;
}

.close_tab {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    font-size: 12px !important;
    line-height: 18px;
    color: var(--color-ffffff);
    height: 20px;
    width: 20px;
    border: 1px solid var(--color-000000);
    text-align: center;
    border-radius: 3px;
    z-index: 999999;
    background: var(--color-000000);
}

.pop-chart-right {
    background: transparent !important;
    margin-right: 8px;
    padding: 0px 0px;
    width: 100%;
    min-width: 170px;
}

.pin {
    height: 22px;
    width: 22px;
    top: 9px;
    background: url(../images/pin.svg) no-repeat center center;
    background-size: 100% !important;
    z-index: 999999;
}

.pin:hover,
.pin.fxd {
    background: url(../images/pin%20mouse%20over.svg) no-repeat center center;
    background-size: 100% !important;
}

.pop-chart-right table {
    border: 0px;
    margin-bottom: 0px !important;
}

.pop-chart-right table td {
    padding: 5px 5px;
    font-size: 12px;
    background: #f1f1f2;
    position: relative;
}

.pop-chart-right table th {
    font-size: 11px;
    padding: 5px;
    background: transparent;
    text-align: left;
    color: #FFFFFF;
    font-weight: 400;
}

.pop-chart-right table td:last-child {
    width: 40px;
}

.pop-chart-right table td:nth-child(3) {
    text-align: right;
    padding-right: 5px;
}

.pop-chart-right tr {
    background: none !important;
}

.pop-chart-right thead,
.pop-chart-right tbody,
.pop-chart-right tfoot {
    background-color: var(--color-303030);
    border: none;
}

.swich-buy-sell {
    position: absolute;
    top: 8px;
    right: 30px;
    color: var(--color-000000) !important;
}

.pop-cont-top {
    text-align: left;
    background: #52b886;
    padding: 8px 8px 8px;
    color: var(--color-ffffff);
    position: relative;
}
.radio-box41 {
    position: relative;
    margin-bottom: 10px;
}
.radio-box41::after, .radio-box-flex::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}

.radio-box-flex::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.dark_theme .radio-box41::after, .dark_theme .radio-box-flex::after,.dark_theme .radio-box-flex::before{
    background: linear-gradient(90deg, transparent, #434343, transparent);
}
.radio-box41 .radio input[type="radio"]:checked+.radio-label:before
{
    display: none !important;
}
.radio-box41 .radio input[type="radio"]:checked+.radio-label {
    color: var(--color-299bd3) !important;
    border-bottom: 1px solid;
    padding-bottom: 6px;
}
.radio-box41 .radio input[type="radio"]+.radio-label:before
{
    display: none !important;
}
[data-theme="light"] .pop-cont-top {
    background: #D9F8EA;
}
[data-theme="light"] .pop-cont-top::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
[data-theme="light"] .pop-cont-top::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.pop-cont-top span.sys_ptg {
    margin-left: 15px;
    font-size: 13px;
}

.pop-cont-top.sell {
    background: #e53935 !important;
}

.swich-buy-sell .switch {
    margin: 0px;
}

.swich-buy-sell .switch .switch-paddle {
    border-radius: 20px;
    background: none;
    border: 1px solid var(--color-ffffff);
}

.swich-buy-sell .switch-paddle::after {
    border-radius: 50%;
}

.swich-buy-sell .switch:before {
    content: "Buy";
    position: absolute;
    left: -30px;
}

.swich-buy-sell .switch:after {
    content: "Sell  ";
    position: absolute;
    right: -30px;
    top: 0px;
}

.pop-cont-top h2 {
    margin: 0px;
    color: var(--color-ffffff);
    text-transform: capitalize;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.jconfirm-box-container {
    margin: 0px auto;
}

.search_sys {
    position: relative;
}
/* 
span.src_clear {
    position: absolute;
    top: 8px;
    right: 38px;
    font-size: 13px;
    color: #EB4D5C;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.5px;
} */

span.src_clear{
    position: absolute;
    top: 8px;
    right: 40px;
    font-size: 13px;
    color: #EB4D5C;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.5px;
}

/**
span.src_clear {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 10px;
    background: #b1b1b1;
    width: 15px;
    text-align: center;
    color: var(--color-ffffff);
    font-weight: 600;
    border-radius: 2px;
    cursor:pointer;
}
**/


/*
.oct-trade {
    position: absolute;
    top: 22px;
    right: 7px;
    width:260px;
}
.oct-trade .input-trade-button.one-click.left {
    left: 7px
}
.oct-trade .input-trade-button.one-click {
    left: 149px;
}











.oct-trade .input-text {
    position: relative;
    height: 24px;
}
.oct-trade .input-text.num button.down span {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #000 transparent transparent transparent;
}
.oct-trade .input-text.num button.up span {
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #000 transparent;
}
.oct-trade .input-text.num button span {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -3px;
}
.oct-trade .input-text input {
    outline: 0;
    border-radius: 0;
    border: 1px solid #abadb3;
    background-color: var(--color-ffffff);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
}
.oct-trade .input-text.num button {
    position: absolute;
    right: 2px;
    width: 20px;
    height: 10px;
    padding: 0 !important;
    margin: 0 !important;
    outline: 0;
}
.oct-trade .webkit button {
    line-height: 16px !important;
}
.oct-trade .input-trade-button {
    width: 93px;
    height: 55px;
    cursor: pointer
}
.oct-trade .input-trade-button .space {
    width: 47px;
    height: 26px;
    position: absolute;
    background: var(--color-ffffff);
    margin: -1px;
    cursor: default !important
}
.oct-trade .input-trade-button .name {
    font-family: Segoe UI, Tahoma, Verdana;
    position: absolute;
    left: 52px;
    width: 37px;
    line-height: 22px;
    font-size: 12px;
    color: var(--color-ffffff);
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5)
}
.oct-trade .input-trade-button .price {
    position: absolute;
    left: 0;
    width: 90px;
    text-align: center;
    top: 23px;
    color: #fff
}

.oct-trade .input-trade-button.red {
    border: 1px solid #af0000;
    background: #fe4f4f;
    background: -moz-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe4f4f), color-stop(100%, #af0000));
    background: -webkit-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -o-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -ms-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: linear-gradient(to bottom, #fe4f4f 0, #af0000 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe4f4f', endColorstr='#af0000', GradientType=0)
}
.oct-trade .input-trade-button.red .space {
    border-right: 1px solid #af0000;
    border-bottom: 1px solid #af0000
}
.oct-trade .input-trade-button.red.left .space {
    border-right: 0 none;
    border-left: 1px solid #af0000
}
.oct-trade .input-trade-button.red.pressed {
    background: #af0000;
    background: -moz-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #af0000), color-stop(100%, #fe4f4f));
    background: -webkit-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -o-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -ms-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: linear-gradient(to bottom, #af0000 0, #fe4f4f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#af0000', endColorstr='#fe4f4f', GradientType=0)
}
.input-trade-button.left.one-click.blue, .input-trade-button.left.one-click {
    border: none;
    background: #e53935;
    background: -moz-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e53935), color-stop(100%, #e53935));
    background: -webkit-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -o-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -ms-linear-gradient(top, #e53935 0, #e53935 100%);
    background: linear-gradient(to bottom, #e53935 0, #e53935 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e53935', endColorstr='#e53935', GradientType=0);
}
.oct--trade .input-trade-button.right, .input-trade-button.right.one-click {
    border: none;
    background: #00b276;
    background: -moz-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00b276), color-stop(100%, #00b276));
    background: -webkit-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -o-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -ms-linear-gradient(top, #00b276 0, #00b276 100%);
    background: linear-gradient(to bottom, #00b276 0, #00b276 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b276', endColorstr='#00b276', GradientType=0);
}
.oct-trade .input-trade-button.blue .space {
    border-right: 1px solid #0000af;
    border-bottom: 1px solid #0000af
}
.oct-trade .input-trade-button.blue.left .space {
    border-right: 0 none;
    border-left: 1px solid #0000af
}
.oct-trade .input-trade-button.blue.pressed {
    background: #0101b0;
    background: -moz-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0101b0), color-stop(100%, #4f4ffe));
    background: -webkit-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -o-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -ms-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: linear-gradient(to bottom, #0101b0 0, #4f4ffe 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0101b0', endColorstr='#4f4ffe', GradientType=0)
}
.oct-trade .input-trade-button.pressed .name, .oct-trade .input-trade-button.pressed .price {
    margin-top: 1px;
    margin-left: 1px
}
.oct-trade .input-trade-button.black .space {
    background: #000
}
.oct-trade .input-trade-button .but {
    position: absolute;
    background: var(--color-000000);
    width: 93px;
    height: 55px;
    opacity: 0
}
.oct-trade .input-trade-button.one-click {
    position: absolute;
    top: 22px;
    left: 104px;
    z-index: 999
}

.oct-trade .input-text.num.one-click {
    position: absolute;
    top: 22px;
    left: 57px;
    width: 92px;
    z-index: 999
}
.oct-trade .input-text.num.one-click input {
    left: 23px;
    width: 46px;
    text-align: right;
    padding: 0 5px;
    outline: 0
}
.oct-trade .input-text.num.one-click .down {
    left: 0;
    top: 0;
    height: 24px;
    width: 24px
}
.oct-trade .input-text.num.one-click .up {
    right: 0;
    top: 0;
    height: 24px;
    width: 24px
}
.oct-trade .input-text.num.book {
    height: 22px
}
.input-text.num.book input {
    left: 0;
    width: 100%;
    text-align: right;
    padding: 0 25px;
    outline: 0
}
.oct-trade .oct-trade .input-text.num.book .down {
    left: 0;
    top: 0;
    height: 22px;
    width: 22px
}
.oct-trade .input-text.num.book .up {
    right: 0;
    top: 0;
    height: 22px;
    width: 22px
}
.ie .oct-trade .input-text.num.one-click button span {
    margin-left: 8px
}
.oct-trade .one-click.hidden {
    display: none !important
}
.oct-trade .input-text.num.one-click input {
    left: 24px;
    width: 35px;
    background-color: #273137;
    color: rgba(255, 255, 255, 0.60) !important;
    text-align:center;
    border: none;
}

.oct-trade .input-trade-button {
    width: 107px;
    height: 55px;
    cursor: pointer;
}
.input-trade-button.right .price {
    left:auto;
    right:0px;
}
.oct-trade .input-trade-button .but {
    width: 107px;

}
.oct-trade .input-text.num.one-click {

    width: 83px;
}
.oct-trade .input-text.num.one-click {
    left: 90px;
}
.oct-trade .input-text.num.one-click {
     width: 83px;
}

.oct-trade .input-text, .oct-trade .input-text.num.one-click .down, .oct-trade .input-text.num.one-click .up {

    height: 55px !important;
}
.oct-trade .input-trade-button.left .space, .oct-trade .input-trade-button .space
{
    display:none;
}
.oct-trade .input-text.num.one-click .down {
    height: 24px;
    width: 24px;
    background-color: #333f46;
    border: none;
}
.oct-trade .input-text.num.one-click .up {
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    background-color: #333f46;
    border: none;
}
.oct-trade .input-text.num button.down span {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #333f46 transparent transparent transparent;
}
.oct-trade .input-text.num button.up span {
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #333f46 transparent;
}
.oct-trade .input-text.num button.up span:after {
    content: '+';
    color: var(--color-ffffff);
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -4px;
}
.oct-trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}
.inside_oc .oct--trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}
.inside_oc .oct--trade .input-text.num button.up span:after {
    content: '+';
   color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -5px;
}*/

inside_oc .oct--trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}

.inside_oc .oct--trade .input-text.num button.up span:after {
    content: '+';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -5px;
}

.oct-trade {
    position: absolute;
    right: 100px;
    top: 50px;
    width: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    box-shadow: 0px 0px 13px 0px #cbcbcb;
}

.input-trade-button.left {
    background: #fff2f4;
    padding: 10px;
    color: #eb4d5c;
    padding: 10px 50px 10px 10px;
}

span.v {
    font-size: 20px;
}

.input-text.num {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    position: relative;
}

.input-text.num input {
    margin: 0px;
    height: 60px;
    border: 2px solid var(--color-ffffff) !important;
    box-shadow: none;
    text-align: center;
}

.input-trade-button .name {
    font-size: 11px;
}

.price {
    font-size: 16px;
}

.input-trade-button.right {
    background: #e0efe8;
    color: #53b987;
    padding: 10px 10px 10px 50px;
}

.input-text.num button.up {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 100%;
    background: #f4f4f5;
    border: 2px solid var(--color-ffffff);
    outline: none;
}

.input-text.num button.down {
    position: absolute;
    left: -40px;
    width: 40px;
    height: 100%;
    background: #f4f4f5;
    border: 2px solid var(--color-ffffff);
    outline: none;
}

.srh_results {
    position: absolute;
    z-index: 999;
    background: var(--color-1e1e1e);
    width: calc(100% - 10px);
    overflow-y: auto;
    top: 41px;
}

.srh_results li {
    padding: 0px !important;
}

.side-codes .srh_results ul li:hover .s-box {
    border: none !important;
}

.SELL .pop-cont-top {
    background: rgb(238 33 34 / 15%);
}

.SELL button.btn-buy {
    background: var(--color-ee2122);
}

.switchery-small {
    border-color: var(--color-ffffff) !important;
    z-index: 999;
}

.pop-chart-right table.buy {
    color: #1458c9;
}

ul#marketwatch-tabs li {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none !important;
}

.marketwatch-tabs>div {
    margin: 0;
    padding: 0;
    overflow-y: auto;
}

ul#marketwatch-tabs li a {
    display: flex;
    align-items: center;
    font-size: 16px !important;
    padding: 0px 6px;
    justify-content: center;
    padding: 0;
    color: var(--color-a8a8a8);
}

span.round_tab {
    width: max-content; 
    height: 24px;
    line-height: 20px;
    font-size: 14px !important;
    color: var(--color-a8a8a8);
    background: var(--color-303030);
    border-radius: 3px;
    padding: 1px;
    text-align: center;
}

.dark_theme span.round_tab1 {
    color: var(--color-a8a8a8) !important;
}

span.round_tab1 {
    height: 24px;
    line-height: 20px;
    font-size: 14px !important;
    background: transparent !important;
    border-radius: 0% !important;
    padding: 1px 10px;
    color: var(--color-a8a8a8) !important;
    display: block;
}

span.symbolsseries {
    /* transform: rotate(20deg); */
    color: grey;
    font-size: 8px;
}

.side-codes-details table.buy tbody tr,
.side-codes-details table.sell tbody tr {
    cursor: pointer;
}

.tab-inner li:hover {
    background: var(--color-ffffff) !important;
}

.tab-inner li {
    position: relative;
    border-bottom: 1px solid #f4f4f5;
}

.tab-inner li .m_bg_color:hover .s_btns,
.tab-inner li.short_act .s_btns {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

span.s_b2.chart {
    border: none !important;
    padding: 0px !important;
    width: 24px;
}

span.s_b2.chart img {
    width: 24px !important;
    height: 24px !important;
}

.tab-inner li span {
    margin: 0px 5px;
}

input#project {
    width: 100%;
    height: 30px;
    border-radius: 20px;
    border-color: #c0c0c0 !important;
    border: 1px solid;
    outline: none !important;
    padding: 0px 15px;
    font-size: 14px;
}

.s-box {
    font-size: 13px;
    position: relative;
    padding: 8px 8px;
}

.srh_results span.s_details {
    padding-right: 0px !important;
}

.s_btns {
    display: none;
    position: absolute;
    right: 130px;
    top: 30px;
    z-index: 99;
    padding-bottom: 9px !important;
    padding-top: 5px !important;
}

.s_btns span {
    height: 24px;
    line-height: 23px;
    text-align: center;
}

.s-box span.symbolsseries {
    position: absolute;
    top: 5px;
    right: 15px;
}

span.s_buy,
span.s_sell {
    width: 24px;
    height: 24px;
}

span.s_name {
    width: 30%;
    display: inline-block;
}

.ui-menu .ui-menu-item {
    padding: 5px 8px;
    background: #f4f4f5;
    margin: 2px 0px;
    border: none;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-menu .ui-menu-item:hover {
    background: var(--color-ffffff);
    color: var(--color-000000);
}

span.s_buy {
    font-size: 12px;
    background: var(--color-00d171);
    padding: 0px 6px;
    color: #fff !important;
    border-radius: 2px;
    margin: 8px 0px 8px 30px !important;
}

span.s_sell {
    font-size: 12px;
    background: #EE2122;
    padding: 0px 6px;
    color: #fff !important;
    border-radius: 2px;
}

span.s_b1,
span.s_b2,
span.s_add,
span.s_add_sym,
span.s_close,
span.s_more {
    /* background: #e9e9e9; */
    padding: 0px 5px;
    width: 24px;
    border-radius: 3px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

span.s_more {
    width: unset;
}

span.s_add,
span.s_add_sym {
    width: 24px;
    display: inline-block;
    text-align: center;
    background: #c7c7c7;
    color: var(--color-ffffff);
}

span.s_details {
    color: var(--color-ffffff) !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 10px;
    font-size: 12px;
    text-align: right;
    width: 50%;
}

.s-box .s_btns span {
    margin: 0px 3px;
}

.ord_switch {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 14px;
    border-radius: 3px;
}

.switchery-small>small {
    height: 23px !important;
    width: 23px !important;
    top: 3px !important;
    left: 3px;
}

.table-filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    float: right;
    position: absolute;
    right: 80px;
    align-items: center;
    top: 5px;
}

.table-filters input,
.table-filters select {
    height: 25px !important;
    font-size: 12px;
    padding: 0px 20px 0px 10px;
    margin: 0px 0px 0px 15px;
    border-radius: 30px;
}

input#filter-name {
    width: 213px;
    font-size: 12px;
}

select#filter-city {
    width: 100px;
}

div#chart_window.act {
    width: calc(100% - 320px);
}

div#chart_window {
    transition: 0.5s ease-in;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.user_info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.chart-box ul.ui-tabs-nav {
    padding: 0px;
    background: var(--color-ffffff) !important;
    border: none;
    border-bottom: none;
    z-index: 999;
    position: relative;
    border-radius: 0px !important;
    overflow: hidden;
    height: 0px;
}

.chart-box.fxd ul.ui-tabs-nav {
    position: sticky;
    top: 0;
}

.chart-box .ui-tabs {
    padding: 0px;
    border: none;
}

.chart-box .ui-tabs .ui-tabs-nav li {
    border: none;
    border-bottom: 4px solid var(--color-ffffff);
    outline: none !important;
}

.chart-box .ui-tabs .ui-tabs-nav li a {
    outline: none !important;
}

.chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-color: #53b987;
    color: var(--color-000000);
    outline: none !important;
    background: #f7f7f7;
}

.chart-box .ui-widget.ui-widget-content {
    border: none !important;
}

.chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #f7f7f7;
}

.chart-box .ui-state-default,
.chart-box .ui-widget-content .ui-state-default,
.chart-box .ui-widget-header .ui-state-default {
    background: none;
}

.chart-box .ui-tabs .ui-tabs-nav li a {
    color: var(--color-000000);
    background: var(--color-ffffff);
    font-weight: 400;
    font-size: 14px;
}

.chart-box .row {
    /**max-width: 100%;**/
    max-width: calc(100vw - 410px);
    margin: 0px;
}

.chart-box .row .column:nth-child(odd) {
    padding-left: 0px;
}

.chart-box .row .column:nth-child(even) {
    padding-right: 0px;
}

.market_info {
    border: 1px solid #ccc;
    margin-right: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    height: calc((100vh - 190px)/3);
}

.market_info {
    cursor: pointer;
    position: relative;
}

span.last_update_time {
    position: absolute;
    bottom: 14px;
    font-size: 13px;
    display: flex;
    align-items: center;
    right: 375px;
}

span.last_update_time img {
    height: 18px !important;
    margin-right: 7px;
}

.market_info_top {
    padding: 15px 15px;
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    position: relative;
}

.info_top_right {
    position: absolute;
    right: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 20px;
}

.info_top_right div {
    margin-bottom: 5px;
}

.rfresh_btn {
    min-width: 22px !important;
    margin-left: 2px;
    background: #f4f4f6;
    border-radius: 50%;
    text-align: center;
    height: 22px;
}

.info_top_right a {
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0px 3px;
    background: #f4f4f6;
    border-radius: 50%;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #f4f4f6;
}

.info_top_right span {
    position: absolute;
    display: none;
    font-size: 12px;
}

.info_top_right a i {
    font-size: 11px;
    line-height: 20px;
}

.info_top_right>div:hover span {
    display: block;
    color: #1689ca;
    right: 12px;
    width: 100px;
    text-align: center;
    top: 0;
}

.info_top_right>div:hover a {
    border-color: #1689ca;
    color: #1689ca;
}

.info_top_right>div {
    position: relative;
}

.market_info_bottom {
    background: #f4f4f5;
    padding: 8px 15px;
}

.market_info_bottom p {
    margin: 0;
    position: relative;
    color: #737373;
    font-size: 12px;
}

.market_info_bottom p span {
    position: absolute;
    right: 0px;
}

.market_info_top h2 {
    font-size: 26px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0px;
}

.mr_name {
    font-size: 16px;
    color: var(--color-000000);
}

.market_overview {
    font-family: Arial, Helvetica, sans-serif;
    height: calc((100vh - 173px)/2);
    min-height: 290px;
    border: 1px solid #ccc;
}

.table_market_overview {
    font-size: 12px;
    margin-top: 10px;
    height: calc((100vh - 130px)/2);
    margin-left: -10px;
}

div#tabs-1 .mCSB_inside>.mCSB_container {
    padding-bottom: 0px !important;
}

.table_market_overview::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.table_market_overview::-webkit-scrollbar {
    width: 3px;
    background-color: #53b987;
}

.table_market_overview::-webkit-scrollbar-thumb {
    background-color: #949493;
    border: 1px solid #949493;
}

.table_market_overview table {
    max-height: calc((100vh - 330px)/2) !important;
}

.market_info_top p {
    margin: 0px;
}

.table_market_overview tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: var(--color-ffffff) !important;
}

.banner_slider {
    height: calc((100vh - 145px)/2);
    border: 1px solid #ccc;
    margin-bottom: 10px;
    min-height: 290px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.banner_slider .owl-carousel .owl-item img {
    height: calc((100vh - 145px)/2);
}

.banner_slider .owl-dots {
    display: none;
}

.banner_slider button.owl-prev {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    left: -40px;
    background: #f4f4f5 !important;
    border-radius: 50%;
    outline: none;
    transition: 0.3s ease;
}

.banner_slider button.owl-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    right: -40px;
    background: #f4f4f5 !important;
    border-radius: 50%;
    outline: none;
    transition: 0.3s ease;
}

.banner_slider .owl-carousel:hover button.owl-next {
    right: 10px;
}

.banner_slider .owl-carousel:hover button.owl-prev {
    left: 10px;
}

.pop-chart-right input {
    width: 10px;
    padding: 0px;
    border: none;
    margin: 0px;
    height: 10px;
    color: #fff !important;
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 9px !important;
}

.pop-chart-right input:nth-child(1) {
    background-color: var(--color-ee2122) !important;
    color: #fff !important;
}

.pop-chart-right input:nth-child(2) {
    background-color: var(--color-00ee79) !important;
    color: #fff !important;
    right: 2px;
}

.pop-chart-right .tabs-content {
    padding: 5px 0px !important;
    background: transparent !important;
    border: none;
    display: flex;
}

.pop-chart-outer.SELL .marketwatchtable table.buy {
    display: table;
}

.pop-chart-outer.BUY .marketwatchtable table.buy {
    display: none;
}

.pop-chart-outer.SELL .marketwatchtable table.sell {
    display: none;
}

.pop-chart-outer.BUY .marketwatchtable table.sell {
    display: table;
}

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

.pop-chart-right table th:nth-child(3) {
    text-align: right !important;
}

.pop-chart-right .tabs-panel {
    padding: 3px 0px;
    display: block;
    width: 50%;
}

.tabs-panel.nse_tbl {
    padding-right: 0px;
}

.tabs-panel.bse_tbl {
    padding-left: 4px;
}

.pop-chart-right ul li {
    width: 50%;
    text-align: center;
}

.pop-chart-right ul li a {
    padding: 10px 5px;
    color: #8a8a8a;
    outline: none;
}

.pop-chart-right .tabs-title>a:focus,
.pop-chart-right .tabs-title>a[aria-selected=true] {
    background: #188acb;
    color: var(--color-ffffff);
}

.tooltip {
    /*background: #7be8ba;*/
    z-index: 99999999;
    position: absolute;
    /*border:1px solid #52b886 !important;*/
    text-decration: none !important;
    padding: 5px 10px;
}

.has-tip {
    cursor: pointer;
}

.tooltip:after,
.tooltip:before {
    /*border-top-color:#52b886 ;
    border-top-color:transparent ;
    border-right-color:#52b886 ;*/
}

.avatar-upload {
    position: relative;
    max-width: 100px;
    margin: 0px auto 20px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: calc(50% - 10px);
    z-index: 1;
    bottom: 0px;
    display: none;
}

.avatar-upload:hover .avatar-edit {
    display: block;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-bottom: 0;
    border-radius: 100%;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 100%;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar-upload:hover .avatar-preview:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(10, 6, 21, 1) 84%);
    content: '';
    top: 0;
    left: 0;
    border-radius: 50%;
}

.pro_sec {
    height: calc(100% - 45px);
    border: 1px solid #eaeaea;
    padding: 25px;
    position: relative;
}

.pro_details p {
    font-size: 14px;
    font-weight: 600;
    color: #737373;
    margin-bottom: 10px;
}

.pro_details label {
    color: #737373;
}

.edit_pop {
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.edit_pop a {
    background: #e9f4fa;
    color: #3a98d0 !important;
    font-size: 14px;
    padding: 5px 30px;
    border-radius: 30px;
    outline: none !important;
}

.chart-box h3 {
    font-size: 24px;
}

.pop_form_item .radio {
    font-size: 14px;
    margin-bottom: 15px;
}

.pop_form_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    position: relative;
}

button.togglePassword {
    position: absolute;
    right: 5px;
    top: 11px;
    color: var(--color-a8a8a8);
}

.pop_form_item1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.pop_form_item .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin: 0px !important;
}

.pop_form_item .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 3px;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.pop_form_item .radio input[type="radio"]:checked+.radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.pop_form_item .radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #3197EE;
}

.pop_form_item .radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.pop_form_item .radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

div#pwd_change {
    padding: 0px;
    text-align: left;
    max-width: 390px;
    background: var(--color-1e1e1e);
}
div#api_keys {
    padding: 0px;
    text-align: left;
    max-width: 390px;
    background: var(--color-1e1e1e);
}
div#pwd_change h2, div#api_keys h2{
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--color-ffffff);
    margin-bottom: 20px;
    max-width: max-content;
    font-weight: 400 !important;
}

.pop_head {
    background: #2a94d0;
    padding: 15px 10%;
    text-transform: uppercase;
    color: var(--color-ffffff);
    font-size: 20px;
}

.pop_body {
    padding: 35px 40px;
}

.pop_form_item input[type="password"] {
    border-radius: 0;
    padding: 5px 10px;
    height: 40px;
    border: none !important;
    outline: none !important;
    border-radius: 3px;
    background-color: var(--color-171717);
    font-size: 14px;
}

.pop_form_item1 input[type="submit"] {
    background: #2a94d0;
    border: 1px solid #2a94d0;
    border-radius: 0px;
    color: var(--color-ffffff);
    padding: 10px 20px;
    margin-right: 10px;
    width: 120px;
}

.pop_form_item1 input[type="button"] {
    width: 100%;
    background: var(--color-299bd3);
    color: #fff;
    height: 35px;
    margin-bottom: 15px;
    border-radius: 3px;
    font-size: var(--font-size-14);
    cursor: pointer;
    border: none;
    transition: 0.3s ease;
    position: relative;
}

[data-theme="light"] .pop_form_item input[type="password"] {
    background-color: #f4f4f4;
    box-shadow: none !important;
}

a.open_login {
    margin-right: 10px;
}

.notify_box {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    background: #f4f4f5;
    color: #2794d1;
    display: none;
}

span.noty_close {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 34px;
    cursor: pointer;
}

.notify_contant {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.noty_img {
    background: #2794d1;
    padding: 5px 15px 5px 25px;
}

.noty_info {
    line-height: 34px;
    font-size: 15px;
    padding: 0px 15px;
    font-weight: 600;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--color-1e1e1e);
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #53b987;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(116 116 116 / 50%);
    border: 0px solid rgb(116 116 116 / 50%);
    opacity: 0.5;
}

div#active_orders {
    padding: 0px;
    font-size: 12px;
}

div#active_orders a.ok_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    line-height: 8px;
    width: 20px;
    height: 20px;
}

.close_all_order {
    position: absolute;
    top: 9px;
    font-size: 12px !important;
    right: 100px;
}

.close_all_order i {
    font-size: 20px !important;
}

div#active_orders th,
div#active_orders td {
    padding: 5px 8px;
}

div#active_orders tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: var(--color-ffffff) !important;
}

.nicescroll-rails {
    z-index: 999 !important;
}

aside.left_nav div.dataTables_filter {
    position: absolute;
    top: 3px;
    z-index: 999999999;
    right: 111px;
    width: 145px;
}

aside.left_nav .dataTables_wrapper {
    position: static;
}

aside.left_nav div.dataTables_filter input {
    height: 27px !important;
    border-radius: 50px;
    width: 90px;
    font-size: 14px;
    padding: 0px 15px;
    margin-bottom: 0px;
}

aside.left_nav div.dataTables_filter label {
    display: inline-flex;
    font-size: 14px;
}

.pos_filter {
    position: absolute;
    top: 4px;
    display: none;
    right: 340px;
}

.refresh_btn i {
    font-size: 16px !IMPORTANT;
}

.pos_filter select {
    height: 27px;
    padding-top: 0;
    padding-bottom: 0px;
    padding-left: 15px;
    border-radius: 30px;
    background-color: transparent;
    font-size: 14px;
    margin-bottom: 0px;
}

div#active_orders {
    max-width: 1200px;
    padding: 10px 10px 0;
}

div#position_conversion .form_field {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px;
}

div#position_conversion .form_field input,
div#position_conversion .form_field select {
    margin: 0px;
}

div#position_conversion input[type="number"] {
    width: 100px;
}

div#position_conversion .pop_form_item1 {
    margin-top: 50px;
    margin-bottom: 15px;
}

div#position_conversion p {
    margin: 15px;
    font-weight: 600;
}

.pop_form_item li {
    font-size: 12px;
    line-height: 1.2;
    padding-left: 0px;
    color: var(--color-a8a8a8);
}

td.ord_activity {
    cursor: pointer;
}

table#activity tbody tr {
    cursor: pointer;
}

.pop_buy_tip {
    max-width: 600px;
    position: absolute;
    width: 100%;
    left: calc(50% - 300px);
    bottom: 10%;
    background: var(--color-ffffff);
    z-index: 999999;
    box-shadow: 0px 0px 13px 0px #cbcbcb;
    display: none;
}

.pop_bid {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.pop_bid table,
.pop_bid td,
.pop_bid tr,
.pop_bid th,
.pop_bid thead,
.pop_bid tbody {
    background: var(--color-000000) !important;
    font-size: 13px;
    text-align: center;
    border: none !important;
    margin: 0px;
    padding: 5px;
}

.tips_right {
    position: absolute;
    top: 10px;
    color: #737373;
    right: 50px;
}

.tips_right label {
    color: #737373;
    font-size: 13px !important;
}

.tips_right input {
    margin: 0px !important;
}

.tips {
    padding: 10px 15px 15px;
    font-size: 13px;
    color: #737373;
}

.tips span {
    font-size: 14px !important;
    color: var(--color-000000);
    font-weight: 600;
}

.pop_bid table {
    width: 230px;
}

.pop_buy_tip span.close {
    background: transparent;
    line-height: 1.2;
    border-radius: 50%;
    color: #909090;
    border: 1px solid #909090;
}

.pop_bid input {
    width: 13px;
    padding: 0px;
    border: none;
    margin: 1px;
    height: 13px;
    color: #fff !important;
    font-size: 10px;
}

.pop_bid input.ask_low {
    /*background:url(../images/down.png) center center #d03838;*/
    margin-right: 2px;
    background: var(--color-ee2122) !important;
}

.pop_bid input.ask_high {
    background: var(--color-00ee79) !important;
    /* background:url(../images/up.png) center center #3166cc;*/
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 5px 15px 5px 5px;
    font-size: 12px;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 5px 5px;
    font-size: 12px;
}

.nifty_st.up {
    color: var(--color-000000);
}

.m_chart .market_overview {
    padding: 0px !important;
}

span.ord_bidtips_left:before,
span.ord_bidtips_right:before {
    content: "\f176";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 16px;
    left: 5px;
}

span.ord_bidtips_left,
span.ord_bidtips_right {
    position: relative;
}

span.ord_bidtips_left:after {
    content: 'Sell Stop';
    color: #949494;
    position: absolute;
    top: 32px;
    right: 5px;
    width: 100px;
    text-align: right;
    font-size: 11px;
}

span.ord_bidtips_right:after {
    content: 'Buy Limit';
    position: absolute;
    top: 32px;
    left: 5px;
    width: 100px;
    text-align: left;
    font-size: 11px;
    color: #949494;
}

span.ord_asktips_left:before,
span.ord_asktips_right:before {
    content: "\f176";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 16px;
    left: 5px;
}

span.ord_asktips_left,
span.ord_asktips_right {
    position: relative;
}

span.ord_asktips_left:after {
    content: 'Sell Limit';
    color: #949494;
    position: absolute;
    top: 32px;
    right: 5px;
    width: 100px;
    text-align: right;
    font-size: 11px;
}

span.ord_asktips_right:after {
    content: 'Buy Stop';
    position: absolute;
    color: #949494;
    top: 32px;
    left: 5px;
    width: 100px;
    text-align: left;
    font-size: 11px;
}

table#journal td:nth-child(3),
table#journal th:nth-child(3) {
    text-align: left;
}

.errdiv {
    font-size: 14px;
    color: #d03838;
}

.pop_body .errdiv {
    font-size: 12px;
    color: #d03838;
}

.chart-box.fxd {
    height: 50%;
    padding-top: 67px;
    margin-top: -20px;
}

.main_inner.fxd {
    margin-top: -40px;
    height: calc(100vh - 0px);
}

.chart-box-inner.fxd {
    height: 100%;
    position: relative;
    /**overflow-y: scroll;**/
    padding-top: 0px;
    border: 1px solid #e8e8e8;
}

span.editposition i {
    cursor: pointer;
}

.main_inner.fxd .side-bar {
    margin-top: 45px;
    display: none !important;
}

.chart-box.fxd .chart-box-inner-out {
    position: relative;
    height: calc(100% + 2px);
    margin: 0px -1px;
}

.m_chart {
    position: relative;
}

.m_chart:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0px;
}

main.active {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    
}

table.dataTable.no-footer,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    border: none !important;
}

div#noty_layout__topLeft {
    left: 70px;
    top: 80px;
}

@keyframes noty_anim_out {
    100% {
        -webkit-transform: translate(-70px, 414px) !important;
        transform: translate(-70px, 414px) !important;
        opacity: 0;
    }
}

td[data-sort='Error'] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 15px;
    text-decoration: none !important;
    border: none;
}

.chart-box-inner span.ui-icon.ui-icon-close {
    background-color: var(--color-000000) !important;
    padding: 0px;
    height: 17px;
    width: 17px;
    color: transparent;
    background-position: -81px -129px;
    margin: 3px;
    border-radius: 0;
    border: 1px solid var(--color-000000);
    line-height: 13px;
    position: relative;
    text-indent: unset !important;
}

.chart-box-inner span.ui-icon.ui-icon-close:before {
    content: 'x';
    color: var(--color-ffffff) !important;
    position: absolute;
    left: 0px;
    width: 15px;
    height: 15px;
    top: 0px;
    z-index: 999;
    text-indent: unset;
    font-size: 13px !important;
    padding: 0px !important;
    text-align: center;
    line-height: 12px;
}

.chart-box-inner .ui-state-active .ui-icon {
    background-image: none;
}

@keyframes blink {
    50% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes blink {
    50% {
        transform: scale(1.1);
    }
}

.blink {
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
    box-shadow: 0px 0px 11px 4px #97c43a;
    transition: linear;
}

small.j_count {
    position: absolute;
    background: #020202;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 22px;
    top: 5px;
    color: var(--color-ffffff);
    font-size: 9px;
    line-height: 17px;
    z-index: 9999;
}

a.menu_tab6 {
    position: relative;
}

.lot {
    text-align: left;
    font-size: 12px;
}

span.icon.icon10 {
    background: none !important;
    opacity: 1;
    padding: 3px;
    position: relative;
}

table#activity [data-sort] {
    padding: 5px 15px 5px 5px;
    font-size: 11px;
}

table#activity [data-sort="Account"] {
    min-width: 80px !important;
}

table#activity [data-sort="Last Update Time"] {
    min-width: 150px !important;
}

table#activity [data-sort="Error"] {
    min-width: 100px !important;
}

table#activity [data-sort="Activity"] {
    min-width: 60px !important;
}

.tag-box-outer .tag-box input[type=number] {
    width: 100%;
    margin-bottom: 10px;
}
.gtt_box .gtt_note {
    margin-bottom: 10px;
    font-size: 12px;
}
.gtt_note a {
    color: var(--color-299bd3);
    text-decoration: underline;
}
span.s_before {
    position: absolute;
}

span.s_after {
    position: absolute;
}
p.com_title {
    display: none;
    align-items: center;
    
}
.tag_ptg{
    margin-left: 30px;
    display: none;
}
.gtt_note {
    width: 133%;
    font-size: 12px;
    text-indent: -20px;
    padding-left: 30px;
}
.tag_ptg::before {
    content: '';
    background: url(../images/exchange.svg) no-repeat center;
    background-size: 15px;
    width: 30px;
    height: 30px;
    bottom: 14px;
    left: -30px;
    position: absolute;
}
p.com_title select{
    padding: 0px 30px 0px 5px!important;
    height: unset;
    width: fit-content;
    margin: 0;
    margin-left: 0px;
    font-size: 14px;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.dark_theme .com_title select
{
    color: #fff;
    background-color: #171717 !important;
}
.chart-box-inner {
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.tp_chk {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.tag-box-outer1 {
    display: none;
    width: 100%;
}

.gtt_add_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.gtt_bx {
    display: none;
    padding: 10px 15px 10px;
    background: #f8f8f8;
    margin-bottom: 10px;
    position: relative;
    margin: 0px 0px 10px;
}
.dark_theme .gtt_bx
{
    background-color: #191919;
}
.gtt_br {
    position: relative;
    margin-top: 14px;
    padding-top: 10px;
}
.gtt_bx::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.gtt_br::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.tag-box-outer1 {
    padding-top: 5px;
}
.gtt_bx::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
}
.gtt_add_box .gtt_note {
    width: 100%;
}
.editpopup .pop-chart-cont {
    width: 100%;
}
span.sp_img {
    width: 15px;
    margin: 8px;
}
.tp_chk img {
    width: 15px;
}
.tp_chk input {
    height: unset !important;
}
.gtt_note img {
    width: 15px;
}

.tag-box-outer1 .gtt_add_box {
    width: 66%;
}

.tag-box-outer1 .gtt_add_box .tag-box {
    width: calc(50% - 16px) !important;
}
input#gtt_qty,#gtt_qty,#gtt_qty1 {
    padding-left: 25px;
}
.gtt_note img {
    width: 15px;
}
span.s_before {
    position: absolute;
    left: 12px;
    top: 9px;
}
.gtt_box input {
    height: 35px;
}   
span.s_after {
    position: absolute;
    right: 30px;
    top: 9px;
}
.tag-box {
    position: relative;
}
input#gtt_qty {
    padding-left: 25px;
}
.trade tbody tr td:nth-child(2) {
    cursor: pointer;
}

div#position_conversion {
    font-size: 14px;
}

span.editposition i {
    font-size: 18px;
}

span.sqoff i {
    font-size: 18px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 0px 18px 0px 5px !important;
    position: sticky;
    top: 0;
    z-index: 9;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    position: sticky;
    bottom: 0;
}

td.climb_line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 28px;
}

.n_scrol {
    height: 100%;
}

div#ghostbar {
    left: 10px !important;
}

span.version {
    background: #e6e7e9;
    position: absolute;
    bottom: -19px;
    width: fit-content;
    right: -40px;
    padding: 2px 11px;
    color: var(--color-000000);
    font-size: 10px;
}

.drop-down ul span.version {
    right: 0px;
    bottom: 4px;
}

.is-invalid-label {
    color: #c60f13 !important;
}

.menu-box.act.fxd {
    height: 50%;
    width: 100%;
}

.chart-box .tabs-content.fxd {
    width: 100%;
    position: relative;
    height: 50%;
    overflow-y: hidden;
    top: -80px !important;
}

#dragbar {
    background-color: var(--color-ffffff);
    height: 5px;
    position: absolute;
    bottom: -7px;
    width: 20%;
    cursor: row-resize;
    z-index: 99;
    overflow: hidden;
    display: none;
    left: 40%;
}

div#dragbar:after {
    content: "***";
    position: absolute;
    width: 25px;
    left: 50%;
    color: #212121;
    font-size: 11px;
    line-height: 1;
    text-align: center;
}

#ghostbar {
    height: 3px;
    background-color: var(--color-000000);
    opacity: 0.5;
    position: absolute;
    cursor: row-resize;
    z-index: 999
}

.chart-box .tabs-content.fxd .tabs-panel {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#margin_details table {
    width: 100%;
}

#margin_details table,
#margin_details td {
    border-collapse: collapse;
}

#margin_details thead {
    display: table;
    width: 100%;
}

#margin_details tbody {
    display: block;
    height: 100px;
    /**overflow-y: scroll; **/
}

#margin_details th,
#margin_details td {
    padding: 5px 0px !important;
}

#margin_details th {
    padding: 5px 15px 5px 5px!important;
}

#margin_details tr {
    width: 100%;
    box-sizing: border-box;
}

#margin_details td {
    text-align: center;
    border-bottom: none;
    border-left: none;
}

div#margin_details_filter {
    position: absolute;
    top: -45px;
    right: 20px;
}

div#margin_details_filter label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 12px;
    align-items: center;
}

div#margin_details_filter label input {
    height: 30px;
    margin: 0px;
    margin-left: 10px;
    border-radius: 15px;
    padding: 0px 10px;
}

.table_market_overview {
    height: unset !important;
}

div#indices_popup ul.chosen-results,
div#indices_popup ul.chosen-choices,
div#indices_popup .chosen-container {
    width: 300px !important;
}

div#indices_popup .select_name {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

div#indices_popup {
    height: 300px;
    padding-top: 50px;
}

div#indices_popup .chosen-container .chosen-results {
    max-height: 150px;
}

.form_bottom {
    margin-top: 20px;
}

.form_bottom input,
.form_bottom button {
    background: #208ecd;
    border: none;
    height: 30px;
    color: var(--color-ffffff);
    padding: 5px 20px;
    font-size: 14px;
    cursor: pointer;
}

.table-scroll {
    height: 100%;
    font-size: 12px;
}

.m_chart img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f4f4f5;
}

.m_chart a {
    display: block;
    height: 100%;
}

.market_info_new_top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 10px;
}

.holding_val h2 {
    margin: 0;
    line-height: 1;
    font-size: 30px;
}

.holding_val {
    padding: 0px 15px;
}

.holding_val p {
    font-size: 14px;
    margin-bottom: 0px;
}

.market_info_new_bottom p {
    font-size: 12px;
    margin: 0px;
    line-height: 1.5;
}

.market_info_new_bottom p span {
    float: right;
}

.market_info_new_bottom {
    background: #f4f4f5;
    padding: 8px 10px;
}

.market_info_new {
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-top: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    height: calc((100vh - 160px)/3);
}

.market_info_new:nth-child(1) {
    margin-bottom: 20px;
}

.market_info_new_top .mr_name {
    line-height: 1.5;
    font-size: 16px;
}

.market_info_new_top img {
    height: 23px;
}

span.go_back1 {
    padding: 3px 10px;
    position: absolute;
    top: 50px;
    left: 0px;
    font-size: 15px;
    cursor: pointer;
    background: #f7f7f7;
    color: var(--color-000000);
    border-radius: 0px;
    border: 1px solid #eaeaea;
    /* position: sticky; */
}

span.go_back {
    padding: 3px 10px;
    position: absolute;
    top: -30px;
    left: -1px;
    font-size: 15px;
    cursor: pointer;
    background: #f7f7f7;
    color: var(--color-000000);
    border-radius: 0px;
    border: 1px solid #eaeaea;
    /* position: sticky; */
}

.wdrw_box_inner span.go_back1 {
    z-index: 999;
    left: 10px !important;
}

.add_money_inner {
    position: relative;
}

.add_money {
    position: absolute;
    top: 0px;
    background: var(--color-ffffff);
    width: calc(100% - 20px);
    margin: 0px 10px;
    left: 0;
    height: 100%;
    z-index: 100;
    display: none;
    overflow-y: scroll;
}

.payment_icon {
    text-align: center;
    background: #ddd;
    line-height: 30px;
    color: #222;
    height: 30px;
    width: 30px;
}

.bank_radio input[type="radio"]:checked+.radio-bank-label .payment_icon {
    background: #1f8ecd;
    color: var(--color-ffffff);
}

.radio-group {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

div#bank_accs_wid {
    padding-left: 10px;
}

.bank_radio {
    margin-bottom: 15px;
}

.radio-group .radio {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    background: none;
    border: none;
    border-radius: 0px;
    width: 170px;
    height: 60px;
    align-items: center;
    border: 1px solid #ccc;
    margin-right: 5px;
    padding: 5px;
    cursor: pointer;
}

.radio.selected {
    border-color: #1f8ecd;
}

.payment_cont {
    font-size: 13px;
    padding-left: 5px;
}

.payment_cont span {
    display: block;
}

.field_items input[type="submit"] {
    background: #1f8ecd;
    border: none;
    color: var(--color-ffffff);
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
}

.add_money h2 {
    font-size: 24px;
}

.add_money p {
    font-size: 14px;
    margin-bottom: 10px;
}

.add_money input[type="number"],
.add_money input[type="text"] {
    height: 35px;
    width: 300px;
    font-size: 14px;
    border-radius: 0px;
}

.add_money_inner {
    border: 1px solid #eaeaea;
    padding: 10px 20px 20px;
    margin-top: 80px;
}

.pay_radio-group {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.pay_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin: 0px;
}

.pay_radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #ccc;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.pay_radio input[type="radio"]:checked+.radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.pay_radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #3197EE;
}

.pay_radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.pay_radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.wdrw_box {
    position: absolute;
    top: 0px;
    background: var(--color-ffffff);
    width: 100%;
    left: 0px;
    height: 100%;
    z-index: 100;
    overflow-y: scroll !important;
    display: none;
}

.wdrw_box .mCSB_container {
    margin: 0px !important;
}

.wdrw_box_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    position: relative;
    /**margin: 0px -10px;**/
    padding-top: 80px;
}

.wdrw_box_left {
    width: 50%;
}

.wdrw_box_left .market_info {
    height: unset;
}

.wdrw_box_left .market_info_top h2 {
    line-height: 1;
    margin-bottom: 15px;
}

.wdrw_box_left .mr_name {
    margin-bottom: 15px;
}

.wdrw_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin: 0px;
}

.wdrw_radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    margin-top: 3px;
    transition: all 250ms ease;
}

.wdrw_radio input[type="radio"]:checked+.radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.wdrw_radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #3197EE;
}

.wdrw_radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.wdrw_radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.wdrw_radio-group {
    background: #f4f4f5;
    padding: 10px 30px;
    margin: 0px 5px;
}

label.radio-label span {
    color: #3097ee;
    font-size: 12px;
    display: block;
    padding-left: 35px;
    line-height: 1;
}

.wdrw_bottom_box {
    padding: 20px 40px;
}

.wdrw_bottom_box input {
    height: 35px;
    border-radius: 0px;
    font-size: 14px !Important;
}

.wdrw_bottom_box input[type="submit"] {
    background: #3097ee;
    color: var(--color-ffffff);
    border: none;
    padding: 5px 20px;
}

.wdrw_bottom_box p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #7a7a7a;
}

.wdrw_radio {
    margin: 10px 0px;
}

.wdrw_info {
    border: 1px solid #dddddd;
    margin: 0px 10px;
    height: 100%;
}

.wdrw_radio label.radio-label {
    color: #7a7a7a;
}

.market_info_cont {
    padding: 0px 15px;
    font-size: 14px;
}

.market_info_cont p {
    font-size: 12px;
}

.market_info_cont th {
    width: 50%;
    color: #7a7a7a;
    font-weight: 600 !important;
    font-size: 11px;
    position: sticky;
    top: 0;
    background: transparent !important;
}

.market_info_cont thead {
    background: transparent;
    border: none;
}

.market_info_cont tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: var(--color-ffffff) !important;
}

.recent_wdrw {
    margin: 15px 10px 10px;
    border: 1px solid #ddd;
    padding: 20px;
}

.recent_wdrw thead th {
    color: #7a7a7a;
    font-weight: 600 !important;
    font-size: 11px;
    position: sticky;
    top: 0;
}

.recent_wdrw thead,
.recent_wdrw tfoot {
    background: transparent;
    border: none;
}

.recent_wdrw tfoot th,
.recent_wdrw tfoot td {
    background: #cacaca;
}

.recent_wdrw td {
    font-size: 12px;
    color: #7a7a7a;
    padding: 5px;
}

.recent_wdrw_head {
    margin-bottom: 20px;
}

.recent_wdrw tbody tr {
    /**box-shadow: 0px 0px 7px 0px #cbcbcb;**/
    margin: 5px 0px !important;
    background: var(--color-ffffff) !important;
}

.GTD_box {
    width: 150px;
    font-size: 14px;
}

.GTD_box input {
    height: 28px;
    font-size: 14px;
    color: #6d6d6d;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #dfe0e1;
}

div#ui-datepicker-div {
    z-index: 999999 !important;
}

button.buttons-excel,
button.buttons-pdf {
    width: 150px;
    height: 30px;
    color: #222;
    margin-right: 5px;
    cursor: pointer;
    outline: none;
    transition: 0.3s ease;
    position: absolute;
    background: var(--color-ffffff);
    padding: 5px;
    border-radius: 30px;
    padding-right: 31px;
    filter: invert(1);
}

.dt-buttons {
    position: absolute;
    bottom: 15px;
    right: 0px;
    display: flex;
    width: 320px;
    height: 50px;
    align-items: center;
}

button.buttons-excel span,
button.buttons-pdf span {
    display: none;
}

button.buttons-excel:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image: url('../images/excel.svg');
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 10px;
    background-size: contain;
}

button.buttons-pdf:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image: url('../images/pdf-file.svg');
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px !important;
    right: 10px !important;
    background-size: contain;
}

.table_market_overview .dt-buttons {
    position: absolute;
    top: -40px;
    right: 10px;
}

.table_market_overview button.buttons-excel span,
.table_market_overview button.buttons-pdf span {
    display: none;
}

.table_market_overview button.buttons-excel,
.table_market_overview button.buttons-pdf {
    /**width: 35px;**/
    height: 25px;
    /**border: 1px solid #949494;**/
    color: #222;
    margin-right: 5px;
    cursor: pointer;
    outline: none;
    transition: 0.3s ease;
}

.table_market_overview button.buttons-excel:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image: url(../images/excel.png);
    height: 25px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}

.table_market_overview button.buttons-pdf:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image: url('../images/pdf.png');
    height: 25px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}

td.dataTables_empty {
    width: 100% !important;
    height: 150px !important;
    background: url(../images/no_data_n.png) center center no-repeat;
    color: transparent;
}

table#margin_details td.dataTables_empty {
    position: absolute;
}

table.dataTable {
    position: relative;
}

.ui-tabs .ui-tabs-panel {
    height: calc(100vh - 40px);
    overflow-y: hidden;
}

.ui-tabs .ui-tabs-panel:hover {
    overflow-y: scroll;
    margin-right: -0px;
}

.ui-tabs .ui-tabs-panel .mCSB_container {
    margin: 0px !important;
}

.ui-tabs .ui-tabs-panel .mCSB_scrollTools {
    margin-right: -6px;
}

.sym_edit {
    margin-left: 15px;
    cursor: pointer;
}

.step1_ind {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px !Important;
    padding-bottom: 10px !important;
}

label.radio-bank-label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    border: 1px solid #ccc;
    padding: 5px;
    align-items: center;
}

.bank_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.bank_radio input[type="radio"]:checked+.radio-bank-label {
    border-color: #1f8ecd;
}

div#future_option_chain .filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    top: 0;
    z-index: 999;
    background: #f4f4f5;
    align-items: center;
    padding: 5px 15px;
    justify-content: space-between;
    border: 1px solid #cccc;
    margin-bottom: 10px;
}

div#future_option_chain {
    width: 750px;
    height: 80vh;
    top: 10vh !important;
}

div#future_option_chain .grid li {
    width: calc(50% - 20px);
    padding: 0px;
    margin: 5px 10px;
    border: none !important;
}

div#future_option_chain .grid ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

div#future_option_chain span.symbols {
    text-align: left;
    padding-left: 20px;
    min-width: 70px !Important;
    max-width: 120px !important;
}

div#future_option_chain .side-codes {
    margin: 0px !important;
    padding: 0px !important;
}

div#future_option_chain .s-box span.symbolsseries {
    top: 0px;
    right: unset;
    left: 0px;
    margin: 0px !Important;
    min-width: 30px;
    font-size: 8px !important;
    max-width: 40px;
    text-align: left;
    height: 30px;
    padding-left: 3px;
    background: rgba(226, 227, 230, 1);
    background: -moz-linear-gradient(145deg, rgba(226, 227, 230, 1) 0%, rgba(226, 227, 230, 1) 49%, rgba(226, 227, 230, 0) 50%, rgba(206, 199, 236, 0) 50%, rgba(193, 191, 234, 0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226, 227, 230, 1)), color-stop(49%, rgba(226, 227, 230, 1)), color-stop(50%, rgba(226, 227, 230, 0)), color-stop(50%, rgba(206, 199, 236, 0)), color-stop(100%, rgba(193, 191, 234, 0)));
    background: -webkit-linear-gradient(145deg, rgba(226, 227, 230, 1) 0%, rgba(226, 227, 230, 1) 49%, rgba(226, 227, 230, 0) 50%, rgba(206, 199, 236, 0) 50%, rgba(193, 191, 234, 0) 100%);
    background: -o-linear-gradient(145deg, rgba(226, 227, 230, 1) 0%, rgba(226, 227, 230, 1) 49%, rgba(226, 227, 230, 0) 50%, rgba(206, 199, 236, 0) 50%, rgba(193, 191, 234, 0) 100%);
    background: -ms-linear-gradient(145deg, rgba(226, 227, 230, 1) 0%, rgba(226, 227, 230, 1) 49%, rgba(226, 227, 230, 0) 50%, rgba(206, 199, 236, 0) 50%, rgba(193, 191, 234, 0) 100%);
    background: linear-gradient(145deg, rgba(226, 227, 230, 1) 0%, rgba(226, 227, 230, 1) 49%, rgba(226, 227, 230, 0) 50%, rgba(206, 199, 236, 0) 50%, rgba(193, 191, 234, 0) 100%);
}

div#future_option_chain .side-codes ul li.act .s-box,
div#future_option_chain .side-codes ul li:hover .s-box {
    background: linear-gradient(90deg, rgba(254, 254, 254, 1) 0%, rgba(233, 233, 233, 1) 100%) !important;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    box-shadow: 0px 0px 9px 0px #ccc;
}

div#future_option_chain .s-box:hover .s_btns {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    width: calc(100% + 2px);
    background: linear-gradient(90deg, rgba(254, 254, 254, 1) 0%, rgba(233, 233, 233, 1) 100%) !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px;
    border-left: 1px solid #ccc;
    left: -1px;
    box-shadow: 0px 7px 9px 0px #ccc;
    justify-content: flex-end;
}

div#future_option_chain .filters select {
    border-radius: 20px;
    font-size: 12px;
    padding: 5px 30px 5px 15px;
    height: 30px;
    width: 200px;
    margin: 0;
}

div#future_option_chain .s-box {
    padding: 8px !important;
    border-top: 1px solid var(--color-ffffff);
    border-right: 1px solid var(--color-ffffff);
    border-left: 1px solid var(--color-ffffff);
}

div#future_option_chain .grid ul {
    border-top: none;
    height: 100%;
    margin-bottom: 15px;
}

table.dataTable thead th {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.menu-box.ui-resizable.act {
    position: absolute;
    min-width: 850px;
    min-height: 200px;
}

select#defaultMW {
    width: 48%;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    border-radius: 30px;
    padding-left: 15px;
    line-height: 1;
}

select#defaultMWlist {
    width: 49%;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    border-radius: 30px;
    padding-left: 15px;
    line-height: 1;
}

.chart_manu ul li button {
    font-size: 12px;
}

.tab-inner table.dataTable {
    width: 100% !important;
}

table#margin_details {
    width: calc(100% - 6px) !important;
}


/*.tabs-content.marketwatch-tabs .tab-inner {
    height: 100% !important;
}*/

.bank_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
}

.bank_details p, .key_details p{
    margin-bottom: 0px;
    font-size: 13px;
    display: flex;
    line-height: 36px;
    justify-content: space-between;
}

.bank_details p span:last-child {
    color: var(--color-ffffff);
}

.p_item p {
    color: var(--color-ffffff);
    display: flex;
    align-items: center;
}

.bank_details, .key_details {
    min-width: 250px;
    width: 100%;
    padding: 5px 15px;
    margin: 3px 0px;
    border-radius: 3px;
}
span.add_key {
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: row-reverse;
}
.dark_theme .add_key svg
{
    fill: #a8a8a8;
}
span.pwr_trd {
    background: var(--color-ffffff);
    margin-bottom: -10px !important;
    display: block;
    font-size: 11px;
    margin-left: 65px;
}

select#defaultindiceslist,
select#defaultsectorlist {
    border-radius: 15px;
    padding: 0px 25px 0px 15px;
    height: 30px;
    font-size: 14px;
    width: calc(100% - 50px);
}

.timer svg {
    transform: rotate(-90deg);
}

.circle_animation {
    stroke-dasharray: 135;
    stroke-dashoffset: 135;
    transition: all 6s linear;
}

.timer {
    height: 50px;
    width: 50px;
    float: right;
    position: relative;
}

.set_timer {
    color: var(--color-000000);
}

.timer h2 {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
    line-height: 50px;
}

div#notimsgsrn h2 {
    font-size: 28px;
}

div#notimsgsrn {
    font-size: 14px;
}

ul#notimsg li {
    position: relative;
}

span.n_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #222;
    border-radius: 2px;
    text-align: center;
    line-height: 13px;
    width: 15px;
    height: 15px;
}

div#bank_acc_select_wdrw {
    font-size: 14px;
    padding: 20px 10px 0px;
}

div#bank_acc_select_wdrw p {
    margin: 0 10px 10px;
}

.wdrw_bottom_box {
    padding: 0px 20px 20px;
}


/* The container */

.mw_setting .container-checkbox {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-a8a8a8) !important;
    background: var(--color-303030);
    padding: 2px 6px;
    border-radius: 3px;
    height: 30px;
    display: flex;
    align-items: center;
}


/* Hide the browser's default checkbox */

.mw_setting .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.mw_setting .container-checkbox .checkmark {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 17px;
    width: 17px;
    background-color: var(--color-303030);
    border-radius: 3px;
}


/* On mouse-over, add a grey background color */

.mw_setting .container-checkbox:hover input~.checkmark {
    background-color: var(--color-303030);
}


/* When the checkbox is checked, add a blue background */


/* Create the checkmark/indicator (hidden when not checked) */

.mw_setting .container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.mw_setting .container-checkbox input:checked~.checkmark:after {
    display: block;
}

.mw_setting .container-checkbox input:checked~.ch_bg {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    height: 30px;
    left: 0;
    padding: 3px 6px;
    background: rgb(41 155 211 / 31%) !important;
    border-radius: 3px;
    font-weight: 600;
    color: #5BADDA;
}


/* Style the checkmark/indicator */

.mw_setting .container-checkbox .checkmark:after {
    left: 0px;
    top: 0px;
    width: 17px;
    height: 17px;
    content: url(../images/checkbox.svg);
}

.mw_setting {
    position: absolute;
    z-index: 99999;
    background: var(--color-000000);
    width: 310px;
    top: 47px;
    right: 5px;
    padding: 10px 10px!important;
    display: none;
    border-radius: 3px;
    color: var(--color-a8a8a8);
}

.light_theme .mw_setting {
    background: #fff;
    box-shadow: 0px 0px 10px 0px var(--color-c1c1c1);
}

.mw_setting:before {
    border: inset 6px;
    content: "";
    display: block;
    border-color: transparent transparent var(--color-000000) transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    right: 5px;
    z-index: 89;
}

.light_theme .mw_setting:before {
    border-color: transparent transparent #fff transparent;
}

.mw_setting.act {
    display: block;
}

span.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.mw_setting p {
    margin-bottom: 10px;
    font-size: 14px;
}

.sort_btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px !important;
}

.sort_btn button {
    font-size: 14px;
    padding: 5px 9px;
    background-color: var(--color-303030);
    width: calc(25% - 6px);
    cursor: pointer;
    color: var(--color-a8a8a8) !important;
    text-align: center;
}

span.mws_btn {
    position: absolute;
    top: 10px;
    right: 9px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    text-align: center;
    z-index: 999;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-1e1e1e);
    border-radius: 3px;
}

span.mws_btn.act {
    background: var(--color-00d171);
}

.light_theme span.mws_btn.act svg path {
    fill: #fff !important;
}

.noty_nosys {
    width: 200px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 100px);
    background: var(--color-ffffff);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    box-shadow: 0px 0px 6px 0px #ccc;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    z-index: 9999999;
}

span.noty_nosys_close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    color: var(--color-ffffff);
    background: #188acb;
    text-align: center;
}

div#recent_withdraws_wrapper .dt-buttons {
    position: absolute;
    top: -55px;
    right: 280px;
}

div#recent_withdraws_filter {
    position: absolute;
    top: -55px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    right: 0;
    font-size: 14px;
}

div#recent_withdraws_filter label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px !important;
}

div#recent_withdraws_filter input {
    height: 30px;
}

h2#notimsg_title {
    font-size: 24px;
}

.pop-cont-top span.sys_sts {
    color: var(--color-ffffff);
    margin-left: 10px;
}

.read_st {
    background: #f5f5f5;
    font-weight: 600;
}

#get_dep .form-error,
#wd_frm .form-error {
    bottom: -16px;
}

#get_dep .field_items,
#wd_frm .field_items,
.wdrw_info .form-error,
.wdrw_info .form-error {
    position: relative;
}

.wdrw_info .form-error,
.wdrw_info .form-error {
    bottom: 12px;
}

button#withdraw_submit {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
}

#deposit_amount {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
}

button.sort.asc {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

a#marketwatchindices-label {
    display: none;
}

a#marketwatchsectors-label {
    display: none;
}

.v_srt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.v_srt1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.button-switch {
    font-size: 12px;
    height: 30px;
    margin-bottom: 0.625em;
    position: relative;
    width: 62px;
    border-radius: 3px;
}

.button-switch .lbl-off,
.button-switch .lbl-on {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
    top: 9px;
    transition: ease-out 0.1s;
    text-transform: uppercase;
}

.button-switch .lbl-off {
    right: 0em;
}

label.lbl-off {
    color: #ffff;
}

.button-switch .lbl-on {
    color: var(--color-ffffff);
    opacity: 1 !important;
    left: 6px;
    z-index: 99;
}

.button-switch .switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    font-size: 1em;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 0;
}

.button-switch .switch:before,
.button-switch .switch:after {
    content: '';
    font-size: 1em;
    position: absolute;
}

.button-switch .switch:before {
    border-radius: 3px;
    background: var(--color-303030);
    height: 30px;
    left: 0px;
    top: 0px;
    transition: 0.25s ease-out 0.1s;
    width: 62px;
}

.button-switch .switch:after {
    box-shadow: 0 0.0625em 0.375em 0 #666;
    border-radius: 3px;
    background: var(--color-299bd3);
    height: 1.5em;
    transform: translate(35px, 4px);
    transition: transform 0.25s ease-out 0.1s;
    width: 23px;
    height: 23px;
}

.button-switch .switch:checked:after {
    transform: translate(4px, 4px);
}

.button-switch .switch:checked~.lbl-off {
    opacity: 1;
    color: #9E9E9E;
    font-size: 12px;
    top: 8px;
    right: 3px;
}

.button-switch .switch:checked~.lbl-on {
    opacity: 1;
    color: #fff;
    font-size: 10px;
    top: 8px;
    left: 4px;
}

.button-switch .switch#switch-blue:checked~.lbl-on {
    opacity: 1;
    color: #fff;
    font-size: 10px;
    top: 10px;
    left: 11px;
}

.button-switch .switch#switch-orange:checked:before {
    background: var(--color-303030);
}

.button-switch .switch#switch-blue:checked:before {
    background: var(--color-303030);
}

.v_srt1 .button-switch .switch:checked:after {
    transform: translate(4px, 3px);
}

.v_srt1 .button-switch .switch:after {
    transform: translate(35px, 3px);
    width: 23px;
}

.v_srt1 .button-switch {
    width: 62px;
}

.v_srt1 .button-switch .switch::before {
    width: 62px;
    border-radius: 3px;
}
.invest_cont {
    background: #2b2b2b;
    padding: 15px 20px;
    text-align: center;
}
.light_theme .invest_cont
{
    background: #ebebeb !important;
}
.v_srt label.lbl-off {
    margin-right: 5px;
    font-size: 9px;
}

.v_srt1 .button-switch .lbl-off {
    right: 0px;
    font-size: 11px !important;
    margin-right: 12px;
}

.button-switch .switch#switch-blue:checked~.lbl-off {
    font-size: 14px !important;
    top: 8px;
    right: 0px;
}

.button-switch input#switch-flicker~.lbl-off, .button-switch input#switch-chart~.lbl-off {
    right: 2px;
    top: 12px;
}

.button-switch input#switch-flicker:checked~.lbl-off, .button-switch input#switch-chart:checked~.lbl-off {
    right: 0px;
    top: 10px;
}

.button-switch input#switch-flicker~.lbl-on, .button-switch input#switch-chart~.lbl-on {
    font-size: 12px;
}

.button-switch input#switch-flicker:checked~.lbl-on, .button-switch input#switch-chart:checked~.lbl-on {
    font-size: 9px;
    top: 12px;
    left: 8px;
}
.button-switch input#switch-chart~.lbl-off {
    margin: 1px 4px !important;
    top: 10px;
    font-size: 10px !important;
}
.button-switch input#switch-chart~.lbl-on {
    margin: 0px 0px !important;
    top: 10px;
    font-size: 12px !important;
}
.button-switch input#switch-chart:checked~.lbl-off {
    right: 0px !important;
    margin: 0px 5px !important;
    font-size: 12px !important;
}
.button-switch input#switch-chart:checked~.lbl-on {
    left: 3px !important;
    margin: 0px 5px !important;
    font-size: 10px !important;
}
div#recent_deposit_wrapper .dt-buttons {
    position: absolute;
    top: -55px;
    right: 280px;
}
div#recent_deposit_filter {
    position: absolute;
    top: -55px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    right: 0;
    font-size: 14px;
}

div#recent_deposit_filter label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px !important;
}

div#recent_deposit_filter input {
    height: 30px;
}

span.symbolsholding {
    text-align: left !important;
    margin-left: -8px !important;
}

.upi_status {
    background: rgba(31, 142, 205, 0.12);
    padding: 15px 20px;
    position: relative;
    z-index: 9999;
    font-size: 14px;
    display: none;
}

.upi_status_load {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    padding: 10px 0px;
    align-items: center;
}

.upi_approve {
    padding-left: 30px;
}

.upi_approve input {
    background: #1f8ecd;
    border: none;
    padding: 7px 15px;
    color: var(--color-ffffff);
    font-size: 14px;
}

.loader_upi {
    border: 8px solid #cecece;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

.upi_status:after {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.56);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.base-timer {
    position: relative;
    width: 50px;
    height: 50px;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 10px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.base-timer__path-remaining.green {
    color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
    color: orange;
}

.base-timer__path-remaining.red {
    color: red;
}

.base-timer__label {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.mobi_tab_manu {
    display: none;
}

.mobi_logo {
    display: none;
}

div#economic_calender_widget {
    display: none;
    top: 85px;
    left: 70px;
    position: absolute;
    z-index: 999;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 136px) !important;
    overflow-y: scroll;
}

span.l_close {
    display: none;
}

.introjs-overlay {
    pointer-events: none !important;
}

.introjs-helperNumberLayer {
    background: #2990cf !important;
}

div#pop_buy {
    overflow-y: hidden;
    border-radius: 3px;
    background: transparent;
}

.login_room {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.login_room a {
    color: #333;
    padding: 2px 15px;
    font-size: 14px;
    border: 1px solid #1C3F50;
}

.login_room1 {
    background: #208ecd !important;
    color: var(--color-ffffff) !important;
}

div#pop_buy {
    top: 10px;
}

.pop_buy_tip {
    bottom: 10px !important;
}

span.symbolsseries {
    min-width: 24px;
    font-size: 10px !important;
    position: absolute;
    max-width: 24px;
    top: 5px !important;
    height: max-content;
    left: 12px;
    color: var(--color-ffffff) !important;
}

span.symbols {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin-left: 3px !important;
}

.mw_list {
    display: flex;
    width: 100%;
    justify-content: end;
    align-items: center;
    gap: 8px;
    height: 55px;
}

.s_btns span {
    margin: 0px !important;
    border-radius: 3px !important;
}

.s_btns span.s_buy {
    margin-left: 30px !important;
}

span.mw_mr_opt {
    border: 1px solid #c7c7c7;
    color: #4b4b4b !important;
}

.side-codes ul li {
    display: block;
}

.mw-dropdown p {
    display: flex;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    justify-content: space-between;
    width: 50%;
}

.mw-dropdown p span {
    color: #656565 !important;
}

.mw-dropdown {
    display: none;
}

.list li.act .mw-dropdown {
    display: flex;
    justify-content: space-between;
    padding-left: 19px !important;
    flex-wrap: wrap;
}

.list li.act .s_btns {
    display: flex;
    position: relative;
    top: 0;
    justify-content: space-between;
    border: none;
}

.list li.act {
    background: var(--color-ffffff) !important;
    border-right: 1px solid #f4f4f5 !important;
}

.list li.act .s_btns span.s_buy {
    margin-left: 15px !important;
}

span.mw_mr_opt.act {
    margin-right: 0px !important;
}

.srh_result .s-box:hover .s_btns {
    justify-content: space-between;
    display: flex !important;
    border: none;
}

.srh_result span.symbolsseries {
    top: -3px !important;
    margin-top: 0px !important;
    background: none;
    font-size: 10px !important;
}

.srh_result .s_btns span.s_buy {
    margin-left: 0px !important;
}

.side-codes-details .mCSB_container {
    margin: 0px !important;
}

.btns .sell {
    width: 48%;
}

.btns .buy {
    width: 48%;
}

.btns {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

.s_btns {
    padding-bottom: 15px !important;
    padding-top: 12px !important;
}

ul#marketwatch-tabs {
    display: flex;
    /**justify-content: space-between;**/
    align-content: stretch;
    align-items: stretch;
    background-color: var(--color-1e1e1e);
    border: none;
    align-items: center;
    padding: 0px 6px;
}

ul#marketwatch-tabs li {
    width: max-content;
    height: 23px;
    line-height: 20px;
    font-size: 14px !important;
    background: var(--color-303030);
    border-radius: 3px;
    font-weight: 400;
    display: inline-block;
    color: var(--color-a8a8a8);
    margin-right: 6px;
    order: 1;
}
ul#marketwatch-tabs li.is-active
{
    visibility: visible !important;
}
ul#marketwatch-tabs li.tabs-title.moretabs.is-active {
    background: transparent !important;
    order: 2 !important;
}

ul#marketwatch-tabs li:last-child {
    padding-right: 0px;
}

li.tabs-title.moretabs {
    width: max-content !important;
    order: 3 !important;
}

div#future_option_chain .s-box:hover .s_btns,
.side-codes ul li.act,
.side-codes ul li:hover {
    background: var(--color-ffffff) !important;
}

div#future_option_chain .s-box:hover .s_btns {
    display: flex;
    justify-content: inherit;
    padding-left: 30px;
}

ul.chart_mw button {
    background: #fff !Important;
}

ul.chart_mw {
    margin-left: 60px;
    margin-bottom: -20px;
    background: var(--color-ffffff);
}

a.sls_info {
    /* color: var(--color-ffffff); */
    margin-left: 5px;
    position: absolute;
    top: 12px;
    right: 8px;
    background: rgb(255 255 255 / 38%);
    height: 18px;
    line-height: 18px;
    width: 18px;
    text-align: center;
    border-radius: 16px;
    font-size: 13px !important;
    font-weight: 400 !important;
}

a.sls_info img {
    margin-top: -1px;
}

span.support_brow {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.48);
    padding: 4px 10px;
    color: #25223f;
    font-weight: 600;
    z-index: 9999999 !important;
}

.amo_timimng {
    text-align: left;
    font-size: 12px;
}

span.netposition_text {
    color: #7a7a7a;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px 8px;
}

span.search_add {
    width: 75%;
    text-align: center;
    margin: 0px !important;
    padding: 0% 0;
    height: calc(100vh - 160px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: var(--color-a8a8a8);
    margin: 0px auto !important;
}

span.search_add p {
    width: 100%;
}

.loader {
    line-height: 100vh;
}

div#netposition_wrapper.table-scroll {
    height: calc(100% - 20px) !important;
}

span.netposition_text {
    font-size: 14px;
}

.activity.dataTable thead:nth-child(2) {
    display: none;
}

tbody.empty_table td {
    height: 150px !important;
    background: url(../images/no_data_n.png) center center no-repeat;
    color: transparent;
    width: 100%;
    position: relative;
}

.errdiv.success {
    color: green !important;
}

.login_pop {
    display: flex;
    align-items: center;
    padding: 20px 30px 20px;
    margin: 0;
    font-size: 14px;
    background: var(--color-ffffff);
}

.login h2 {
    text-align: center;
}

.login_pop img {
    margin-right: 10px;
}

.login {
    padding: 0px;
}

.login_pop img {
    height: 60px;
    width: unset !important;
}

.login_form {
    padding: 30px;
}

.login_room a {
    color: #333;
    padding: 4px 25px;
    margin: 0px 10px;
    border-radius: 30px;
    border: none;
    background-color: var(--color-ffffff);
}

.login_room2 {
    background: #bec8d5 !important;
    color: var(--color-000000) !important;
}

input.sbmt {
    outline: none;
    border: none !important;
    width: 100%;
    background: #bec8d5;
    color: var(--color-000000);
    border-radius: 30px;
}


/**.form-box1.chk_login {
    text-align: center;
}
/**
.login input[type="text"], .login input[type="password"] {
    border: none !important;
    padding: 2px 10px 2px 40px;
    height:40px;
    box-shadow: 0px 4px 10px 0px rgba(102, 102, 102, 0.3);
    background: var(--color-ffffff);
}**/

.form-box img {
    position: absolute;
    top: 10px;
    left: 12px;
    height: 18px;
}

.login_room {
    margin-bottom: 30px;
}

.top_logo {
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-bottom: 6px;
}

.top_logo img {
    width: 35px;
    height: 35px;
	object-fit:contain;
}

aside.left_nav.active img.fav_logo,
aside.left_nav:hover img.fav_logo {
    display: none;
}

aside.left_nav.active img.full_logo,
aside.left_nav:hover img.full_logo {
    display: block;
}

img.full_logo {
    width: unset;
    display: none;
}

label.ntool-tip-show {
    position: absolute;
    width: max-content;
    left: 47px;
    color: var(--color-a8a8a8);
    padding: 5px 6px;
    font-size: 0px;
}

aside.left_nav li a.act label.ntool-tip-show {
    color: var(--color-ffffff);
}

aside.left_nav.active label.ntool-tip-show,
aside.left_nav:hover label.ntool-tip-show {
    font-size: 14px;
}

aside.left_nav span.m-item {
    display: none;
}

.ntool-tip:hover label.ntool-tip-show {
    display: block;
}

.right_theme label.ntool-tip-show {
    left: auto;
    right: 60px;
}

input.forget_btn {
    background: none !important;
    padding: 0px !important;
    margin-top: -13px;
    right: 33px;
    border: none;
    font-size: 13px;
    color: #208ecd !important;
    outline: none;
}

.ntool-tip:hover input#userpassword {
    padding-right: 150px;
}

.login-outer {
    overflow: hidden;
}

.forget a {
    color: #2783c2;
    margin-left: 5px;
}

.forget {
    justify-content: center;
}

.form-box1.chk_login a {
    color: #2783c2;
}

.login-forget,
.login-otp {
    overflow: hidden;
}

.login-otp .forget {
    justify-content: left;
}

.login-otp a.forget_btn {
    position: unset !important;
    color: #919191 !important;
}

.login-otp .forget a {
    color: #919191;
}

.login_room1 {
    background: var(--color-ffffff) !important;
    color: var(--color-000000) !important;
}

.form-box1 input {
    border-radius: 30px;
    background: #2491cd;
    border: 1px solid #2491cd !important;
    color: var(--color-ffffff);
    outline: none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
    padding: 9px;
}

.login #username {
    margin-bottom: 25px;
}

.form-box1 input:hover {
    background: transparent !important;
    border: 1px solid #2491cd !important;
    color: #2491cd !important;
}


/**a.guest_login:hover {
    background: #2491cd;
    color: var(--color-ffffff);
}
a.guest_login {
    border-radius: 30px;
    background: var(--color-ffffff);
    color: var(--color-000000);
    outline: none;
    display: block;
    padding: 6px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
}**/

.forget_right {
    border-radius: 30px;
}

.login {
    min-width: 400px;
}

.login_pop p {
    color: var(--color-000000);
}

.login h2 {
    color: var(--color-000000);
    font-size: 14px;
}

.login_room a {
    font-size: 16px !important;
    padding: 6px 50px;
    color: var(--color-000000) !important;
}

input.forget_btn {
    font-size: 14px;
    cursor: pointer;
}

.form-box1 input {
    font-size: 16px;
}

.forget {
    margin-top: 20px;
}

.foot_note {
    color: var(--color-000000);
    bottom: 0px;
    left: 0px
}

span.version {
    background: transparent;
    position: relative;
    bottom: unset;
    width: 100%;
    right: 0 !important;
    padding: 4px 11px 0px;
    color: #878787;
    font-weight: 400;
    font-size: 12px;
    display: block;
    text-align: center;
}

.foot_note a {
    color: #2885c4;
}

.login-forget .form-box1 input {
    width: 100%;
}

.login-forget .forget_right {
    float: none;
    text-align: center;
}

.login-forget .forget_right a {
    background: var(--color-ffffff);
    display: block;
    border-radius: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    padding: 6px;
    border: 1px solid #2491cd;
    color: #2491cd;
}

.login-forget .forget_right a:hover {
    background: #2491cd;
    color: var(--color-ffffff);
}

.login-otp .form-box1 input {
    width: 48%;
}

.back_to_login {
    padding: 30px 30px;
}

.chang-pwd .form-box1 input {
    width: 48%;
}

.login-otp input#resend_otp {
    background: var(--color-ffffff) !important;
    color: #000 !IMPORTANT;
}

.login-otp input#resend_otp:hover {
    background: #2491cd !IMPORTANT;
    color: var(--color-ffffff) !important;
}

.form-box1.new_user_sub input,
.change-pwd .form-box1 input {
    width: 100%;
}

.forget.new_user_signin a {
    width: 100%;
    background: var(--color-ffffff);
    text-align: center;
    padding: 6px;
    border-radius: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    color: var(--color-000000);
    font-size: 16px;
    transition: 0.3s ease;
    margin: 0px;
}

.forget.new_user_signin a:hover {
    background: #2491cd;
    color: var(--color-ffffff);
}

span.password,
span.password_otp {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

a.forget_btn {
    background: none !IMPORTANT;
    padding: 0px !important;
    position: absolute;
    top: 9px;
    right: 33px;
    border: none;
    font-size: 13px;
    color: #208ecd !important;
    outline: none;
}

.forget_nw {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.forget_nw a {
    position: relative;
    margin: 0px;
    left: 0;
    top: 0;
    color: #919191 !important;
    font-size: 14px !important;
}

.forget_nw a.open_login_from_otp {
    font-size: 14px !important;
}

.forget_nw input {
    width: 46%;
}

.forgot_nw1 input {
    width: 46%;
}

.forgot_nw1 .forget {
    width: 46%;
    border-radius: 30px;
    padding: 0px !important;
}

.forgot_nw1 .forget a {
    width: 100%;
    text-align: center;
    margin: 0px !important;
    line-height: 34px;
    border-radius: 30px;
}

.forgot_nw1 .forget a:hover {
    background: #2491cd !important;
    color: var(--color-ffffff) !important;
}

.market_watch_btn {
    display: none;
}

div#QR_Code_Pop_up {
    max-width: 1000px !important;
    width: 100%;
    padding: 0px;
    box-shadow: 0px 0px 13px 0px var(--color-000000);
}

div#QR_Code_Pop_up .row {
    display: flex;
    /* height: 400px; */
    align-items: center;
}

div#QR_Code_Pop_up .row .qr_left,
div#QR_Code_Pop_up .row .qr_right {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0px;
}

div#QR_Code_Pop_up .row .qr_left {
    background-color: #f1f1f1;
}
.dark_theme div#QR_Code_Pop_up .row .qr_left
{
    background-color: var(--color-1e1e1e);
}
div#qr_right_imgid {
    padding: 10px;
    background: #fff;
}
.reveal-overlay {
    background: rgba(0, 0, 0, 0.78) !important;
}

.steps {
    margin-top: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-000000);
    font-weight: 400;
}

.dark_theme .qr_right .steps {
    color: #fff;
}

.steps span {
    width: 50px;
    height: 50px;
    line-height: 37px;
    background: #a6a6a6;
    border-radius: 50%;
    color: var(--color-ffffff);
    font-size: 23px;
    border: 5px solid #dddddd;
    margin-right: 10px;
}

.rq_show,
.funds_show {
    padding: 0px 0px;
    background-color: var(--color-1e1e1e);
    border-radius: 3px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    cursor: pointer;
}

.rq_show:hover,
.funds_show:hover {
    background-color: #cccccc42;
}

table#margin_details td.dataTables_empty img {
    max-height: 100px;
}

table#margin_details td.dataTables_empty p {
    color: #696969;
    margin: 10px 0px 0px !important;
}

table#margin_details td.dataTables_empty p b {
    display: block;
}

table#margin_details td.dataTables_empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
}

.tab-inner tbody.empty_table td img {
    max-height: 100px;
}

.tab-inner tbody.empty_table td {
    background: none;
    vertical-align: middle;
}

.tab-inner tbody.empty_table td p {
    color: #696969;
    margin: 5px 0px 0px;
}

.tab-inner tbody.empty_table td p b {
    display: block;
}

.s_btns {
    position: absolute;
    top: 0 !important;
    width: unset !important;
    padding: 6px 2px !important;
}

.s_btns span {
    margin: 0px 2px !important;
    font-weight: 600;
    padding: 0px !important;
    text-align: center;
}

.s_btns span.s_buy {
    margin-left: 5px !important;
}

.s_btns .s_more {
    width: unset !important;
    font-size: 12px !important;
    line-height: 22px !important;
}

button.pop_out,
.chart_manu_right {
    display: none;
}

.right_theme aside.left_nav.active li .menu-box.act.fxd {
    left: auto !important;
    right: 65px !important;
}

.right_theme aside.left_nav.fxd li a.act {
    margin: 0px -8px 0px -5px !important;
    padding-left: 10px !important;
}

span.chart_ctrl {
    position: absolute;
    /*left: -12px;**/
    left: 0px;
    bottom: 0px;
    background: #f1f1f2;
    padding: 5px;
    cursor: pointer;
}

.dark_theme .new_options a:hover img,
.dark_theme span.s_b1:hover img,
.dark_theme span.s_b2:hover img,
.dark_theme span.s_close:hover img,
.dark_theme span.s_more:hover img,
.dark_theme span.mw_mr_opt:hover img {
    filter: brightness(1);
}

.dark_theme span.s_more {
    color: #b4b4b4 !important;
}

.pop-chart-right {
    position: relative;
}

.md_btn,.md_btn_ed {
    position: absolute;
    top: 62px;
    padding-right: 16px;
    right: 10px;
    font-size: 12px;
    color: rgb(255 255 255 / 50%);
    background: url(../images/down_arrow.svg) no-repeat center right;
    cursor: pointer;
    line-height: 1;
    z-index: 999999;
}

[data-theme="light"] .md_btn, [data-theme="light"] .md_btn_ed {
    filter: brightness(0);
    font-weight: 400 !important;
    font-size: 12px;
    color: var(--color-ffffff);
}

.md_btn.act,.md_btn_ed.act {
    background: url(../images/up_arrow.svg) no-repeat center right;
}
.md_btn_ed {
    margin-top: 5px;
}
span.chart_ctrl.act .fa-angle-double-left:before {
    content: "\f101" !important;
}

div#pop_buy.act {
    width: 600px;
}

div#pop_buy.act button.btn-buy,
div#pop_buy.act button.btn-cnl {
    padding: 7px 10px;
}

.dhxwin_icon {
    width: 0px !important;
}

.dhxwin_text {
    padding-left: 15px !important;
    font-weight: 600;
}

.pop-chart-right tfoot td {
    text-align: right;
}

.pop-chart-right tfoot td:first-child {
    text-align: left;
}

.t-loader img {
    height: 40px;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.wdrw_box::-webkit-scrollbar,
.add_money::-webkit-scrollbar {
    width: 0px !important;
}

.marketwatch-tabs>div::-webkit-scrollbar {
    width: 2px !important;
}

.marketwatch-tabs:hover>div::-webkit-scrollbar {
    width: 2px !important;
}

.t-loader {
    display: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
    justify-content: center;
    align-items: center;
    background: #ffffff47;
}

@keyframes blinkingdown {
    0% {
        background-color: #cd1e1e24;
        background: rgb(225, 19, 34);
        background: linear-gradient(266deg, rgba(225, 19, 34, 0.46) 0%, rgb(238 33 34 / 15%) 100%);
    }
    100% {
        background: rgb(225, 19, 34);
        background: linear-gradient(266deg, rgba(225, 19, 34, 0.46) 0%, rgb(238 33 34 / 15%) 100%);
    }
}

@keyframes blinkingup {
    0% {
        background: rgb(0, 239, 129);
        background: linear-gradient(266deg, rgba(0, 239, 129, 0.47) 0%, rgb(0 239 129 / 15%) 100%);
    }
    100% {
        background: rgb(0, 239, 129);
        background: linear-gradient(266deg, rgba(0, 239, 129, 0.47) 0%, rgb(0 239 129 / 15%) 100%);
    }
}

.side-codes ul li.blinkdown {
    animation-name: blinkingdown;
    animation-duration: 1s;
}

.side-codes ul li.blinkup {
    animation-name: blinkingup;
    animation-duration: 1s;
}

aside.left_nav.active.fxd:after {
    display: none;
}

div.dhxcombolist_dhx_terrace {
    background-color: var(--color-ffffff) !important;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected {
    background-color: #f7f7f7 !important;
}

.main_inner.fxd .chart-box .row {
    max-width: calc(100vw - 60px);
    margin: 0px;
}

.menu-box.hor-menu {
    left: unset;
    top: 77px;
    width: calc(100vw - 440px);
    height: calc(100vh - 127px);
    overflow: hidden;
}

div#tab_window {
    height: calc(100% - 0px);
    margin-left: 0px;
    width: calc(100% - 6px);
    z-index: 9999;
}

div#tab_window div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 0px 10px;
    text-transform: capitalize;
    color: var(--color-ffffff);
    text-align: left;
    background-color: var(--color-1e1e1e);
}

div#tab_window div.gridbox_dhx_terrace.gridbox table.hdr td:last-child div.hdrcell {
    text-align: right;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td {
    padding: 0px 10px !important;
    background-color: var(--color-303030) !important;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td:first-child {
    border-radius: 3px 0px 0px 3px;
    text-align: left;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td:last-child {
    border-radius: 0px 3px 3px 0px;
    text-align: right !important;
}

.selec_flt .dhxcombo_dhx_terrace,
.selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    border: none !important;
}

.selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    padding: 5px 10px;
    box-shadow: none !important;
}

.tab_head>div {
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    line-height: 28px;
    padding-left: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.search_table .dhxform_textarea {
    border-radius: 3px !important;
    height: 35px !important;
}

.search_table .dhxform_textarea input {
    padding: 5px 10px !important;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
    height: 20px !important;
    right: 5px !important;
}

.search_table .dhxform_control {
    height: 30px !important;
    border-radius: 3px;
}

.search_table input {
    height: 30px !important;
    border-radius: 3px;
    padding: 5px 10px !important;
    border: 1px solid var(--color-303030) !important;
    background-color: var(--color-303030) !important;
    box-shadow: none;
}

span.order_fil {
    padding-left: 30px;
}

.dhxform_obj_dhx_terrace div.dhxform_base {
    width: 100%;
}

.dhxform_item_absolute.search_table .dhxform_control {
    left: unset !important;
    right: 0 !important;
}

.dhxform_item_absolute.search_table {
    left: unset !important;
    right: 0px !important;
}

.tab_head>div {
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    line-height: 28px;
    padding-left: 10px !important;
    padding-top: 0px !important;
}

.selec_flt .dhxcombo_dhx_terrace {
    border-radius: 3px;
}

a.open-aside {
    display: none;
}

nav.hor_nav ul {
    display: flex;
    margin: 0px;
    list-style: none;
    align-items: center;
    border: none;
}

nav.hor_nav ul li {
    float: unset;
    margin-right: 6px;
    text-align: center;
    background: var(--color-1e1e1e);
}

nav.hor_nav ul li img {
    width: 24px;
}

nav.hor_nav span.m-item {
    position: unset;
    width: max-content;
}

.selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    padding: 5px;
    box-shadow: none !important;
    cursor: pointer;
}

nav.hor_nav .ntool-tip:hover label.ntool-tip-show {
    display: none;
}

nav.hor_nav ul li a {
    padding: 0px 20px;
    display: flex;
    color: var(--color-000000);
    border: none !important;
    height: 35px;
    line-height: 35px;
    margin-right: 0px;
    border-radius: 3px;
    /* font-size: 14px; */
    font-size: clamp(calc(14px + var(--font-adjust)), 1.2vw, calc(14px + var(--font-adjust)));
}

nav.hor_nav small.j_count {
    position: absolute;
    background: #020202;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    right: -5px !important;
    top: -5px;
    left: unset;
    color: var(--color-ffffff);
    font-size: 9px;
    line-height: 17px;
    z-index: 9999;
    text-align: center;
}

.menu-box.hor-menu.act {
    left: 402px;
    width: calc(100vw - 408px);
    top: 47px;
    box-shadow: none;
    background: var(--color-000000);
    margin: 0px;
    height: calc(100vh - 52px);
    border: none !important;
    padding: 0px 0px 0px;
    display: block !important;
    z-index: 9999 !important;
    border-radius: 3px;
}

.menu-box.hor-menu.act.fxd {
    top: unset;
    bottom: 50px;
    height: calc(50% - 40px);
}

#tab_window>div>div>div.dhx_cell_cont_layout.dhx_cell_cont_no_borders>div>div>div>div:nth-child(2)>div>div>div>div>div.dhxtabbar_tabs.dhxtabbar_tabs_top {
    background: var(--color-000000) !important;
    border-color: var(--color-000000) !important;
}

#tab_window .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar,
#tab_window .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background: var(--color-1e1e1e) !important;
}

#tab_window>div>div>div.dhx_cell_cont_layout.dhx_cell_cont_no_borders>div>div>div>div:nth-child(2)>div>div>div>div>div.dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tab.dhxtabbar_tab_actv .dhxtabbar_tab_text {
    background: var(--color-303030) !important;
    border-radius: 3px;
}

.dash_sec1,
.dash_sec2,
.dash_sec3 {
    background: var(--color-1e1e1e);
    margin: 0px;
    /*border-bottom: 6px solid var(--color-000000);*/
}

.dash_sec3 {
    border-bottom: none;
}

.dash_sec1>div,
.dash_sec2>div,
.dash_sec3>div {
    border-radius: 3px !important;
    background: var(--color-1e1e1e);
    padding: 10px;
}

.dash_sec2 {
    height: 100%;
}

.dash_sec2 div {
    height: 100%;
}
.dash_sec2 ul li > div {
    height: unset !important;
}
.menu-box.hor-menu .tabs-content {
    border: none;
    background: var(--color-ffffff);
    padding: 0px 15px !important;
    height: 100%;
}

.menu-box.hor-menu h2 {
    font-size: 20px;
    position: absolute;
    top: 48px;
}

.tab-inner .dataTables_filter {
    position: relative;
    right: 0px;
    top: 0px;
    color: var(--color-000000);
    z-index: 999999999;
}

.tab-inner .dataTables_filter label {
    color: var(--color-000000);
    display: flex;
}

.tab-inner .dataTables_filter input {
    margin-bottom: 10px;
    height: 25px;
    border-radius: 30px;
}

.tab-inner .dataTables_wrapper {
    height: 100% !important;
}

.buttons-pdf:before {
    content: "Download pdf";
    font-size: 14px;
}

.buttons-pdf {
    right: 0px;
}

.buttons-excel {
    left: 0;
}

button.dt-button.buttons-excel:before {
    content: "Download Excel";
    font-size: 14px;
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: unset !important;
    color: unset !important;
}


/*.menu-box.hor-menu .dhxtabbar_tabs.dhxtabbar_tabs_top {
    display: none !important;
}*/

.trades_tabs_new .dhxtabbar_tabs.dhxtabbar_tabs_bottom {
    display: none;
}

.dhxtabbar_tabs.dhxtabbar_tabs_bottom {
    display: none !important;
}

.trades_tabs_new .dhxtabbar_tabs.dhxtabbar_tabs_top {
    display: block !important;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    display: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
    border-color: #e6e6e6 !important;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
    color: #cacaca !important;
    background-color: var(--color-1e1e1e);
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    border: none !Important;
}

div#mm_tabs .dhxtabbar_tab.dhxtabbar_tab_actv span.utabs {
    background: rgb(41 155 211 / 31%);
    color: var(--color-299bd3);
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
    background: var(--color-1e1e1e);
}

.download_excel>div,
.download_pdf>div {
    border-radius: 3px !important;
    padding: 0px;
    background: var(--color-1e1e1e);
    max-width: 150px !important;
    border: none !important;
    width: 35px !important;
    height: 35px;
    border: none !important;
    margin: 0px !important;
}

.download_pdf .dhx_button {
    background: url(../images/pdf-file.svg) var(--color-000000) center right 8px no-repeat !important;
    color: var(--color-000000) !important;
    text-align: left !important;
    padding-left: 0px;
    background-size: 16px !important;
    border-radius: 3px !important;
    border: none !important;
    width: 35px !important;
    height: 35px;
}

.download_excel .dhx_button {
    background: url(../images/excel-file.svg) var(--color-000000) center right 8px no-repeat !important;
    color: var(--color-000000) !important;
    text-align: left !important;
    padding-left: 0px;
    background-size: 20px !important;
    border-radius: 3px !important;
    border: none !important;
    width: 35px !important;
    height: 35px;
}

.dhxform_obj_dhx_terrace .dhx_button {
    background-color: transparent;
}

.download_pdf>div {
    left: unset !important;
    right: 0px !important;
    cursor: pointer !important;
    outline: none;
}


/**
.download_pdf {
    left: unset !important;
    right: 0px;
}
**/

.download_pdf,
.refresh_btn {
    left: unset !important;
    right: 0px;
    margin-left: 3px;
}

.order_tabs .download_pdf,
.netposition_update_time+.download_pdf,
.trades_tabs_new .download_pdf {
    right: 0px;
}


/**.download_excel > div {
    left: unset !important;
    right: 160px !important;
    cursor: pointer !important;
    outline: none;
}**/

.download_excel>div {
    left: unset !important;
    right: 40px !important;
    cursor: pointer !important;
    outline: none;
}

.download_excel {
    left: unset !important;
    right: 0px;
    margin-left: 3px;
}

.order_tabs .download_excel>div,
.netposition_update_time+.download_pdf+.download_excel>div,
.trades_tabs_new .download_excel>div {
    right: 41px !important;
}

.dhx_layout-cell .Last_update {
    left: unset !important;
    right: 0 !important;
    background: var(--color-000000) !important;
    height: 35px;
    line-height: 35px;
    padding: 0px 8px !important;
    border-radius: 3px !important;
    margin-left: 3px;
}

.Last_update>div:before {
    content: '';
    margin-left: 0px;
    height: 15px;
    width: 15px;
    background: url(../images/clock.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 8px;
    left: 10px;
}

body.dhxwins_vp_dhx_terrace.dhxwins_vp_auto {
    overflow: hidden !important;
    min-height: 100vh !important;
}

.right_theme nav.hor_nav ul {
    margin-left: 0px;
}

aside.left_nav:after {
    /* left: -1px;*/
    right: unset;
}

.tabs_act .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.tabs_act .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-color: transparent;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

.pin {
    display: none;
}

.close_tab {
    display: none;
}

.Last_update.order_update_time {
    background: #0000002e;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    border-radius: 3px;
}

.Last_update.order_update_time>div {
    right: 0 !important;
}

.Last_update.trade_update_time>div,
.Last_update.netposition_update_time>div,
.Last_update.stock_update_time>div,
.Last_update.activity_update_time>div {
    right: 0 !important;
}

.menu-box div.gridbox_dhx_terrace.gridbox .xhdr td {
    background: var(--color-ffffff) !important;
    padding: 0px 0px 0px 0px !important;
}

.menu-box .position_tabs tbody tr:last-child td,
.menu-box .trades_tabs tbody tr:last-child td {
    background: #f7f7f7 !important;
}

.table_menu_items li span {
    width: 30px;
    display: inline-block;
    text-align: center !important;
}

li.trade_repeat img {
    margin-top: 4px;
    width: 17px;
}

li.pos_depth img,
li.trade_depth img {
    width: 15px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    margin-left: 3px;
}

li.trade_chart img,
li.pos_chart img {
    margin-top: 4px;
    width: 20px;
}

li.pos_addmore img {
    width: 14px;
    margin-top: 5px !important;
    margin-left: 3px;
}

li.pos_sqoff img {
    height: 17px;
    margin-top: 3px;
}

li.pos_cnvt img {
    width: 20px;
    margin-top: 2px;
}

.refresh_btn .dhx_button {
    background: url(../images/refresh.svg) var(--color-000000) center center no-repeat !important;
    width: 35px;
    border: none !important;
    height: 35px !important;
    cursor: pointer !important;
    margin: 0px;
    background-size: 17px !important;
}

.dhxform_obj_dhx_terrace .dhx_button {
    margin: 0px !important;
}

.close_order {
    left: unset !important;
    height: 35px;
}

.search_table * {
    margin: 0;
}

.close_order .dhx_button {
    width: 100px;
    border: none !important;
    height: 35px !important;
    background: var(--color-000000) !important;
    border-radius: 3px !important;
    color: var(--color-ffffff) !important;
    cursor: pointer !important;
}

.search_table .dhx_form-group {
    margin: 0px;
    margin-left: 30px;
}

.position_note>div {
    font-size: 12px !important;
    font-weight: 100 !important;
}


/**.Last_update.funds_update_time {
    left: unset;
    right: 50px !important;
    top: 14px !important;
}**/


/**
.refresh_btn.funds_refresh, .refresh_btn.margin_refresh {
    right: 0px; 
}**/

.Last_update.funds_update_time img,
.Last_update.margin_update_time img {
    height: 20px;
}

.selec_flt .dhxcombo_option {
    border-bottom: 1px solid #ccc;
    background: var(--color-ffffff);
}

span.cntx_menu {
    position: absolute;
    background: url(../images/context_menu_btn.svg) center top 10px no-repeat;
    width: 30px;
    top: 3px;
    background-size: 5px !important;
    left: 0px;
    cursor: pointer;
    height: 37px;
    top: 0px;
    z-index: 0;
}

.dark_theme span.cntx_menu {
    background: url(../images/context_menu_btn_dark.svg) center top 10px no-repeat;
}

span.cntx_menu:hover {
    background-color: var(--color-000000) !important;
}

.dhx_grid {
    --dhx-color-primary: transparent !important;
    --dhx-s-grid-selection-background: transparent !important;
}

ul.dhx_widget.dhx_menu {
    background: var(--color-000000) !important;
    list-style: none;
    border-radius: 3px !important;
    box-shadow: 0px 0px 0px #0000;
    color: var(--color-ffffff);
    margin-left: -20px;
    margin-top: 20px;
    overflow: visible;
}

[data-theme="light"] ul.dhx_widget.dhx_menu {
    background: #eaeaea !important;
}

ul.dhx_widget.dhx_menu:before {
    border-color: transparent transparent #eaeaea transparent;
}

ul.dhx_widget.dhx_menu:before {
    content: '';
    position: absolute;
    left: 20px;
    top: -20px;
    border: 10px solid;
    border-color: transparent transparent var(--color-000000) transparent;
    z-index: 9999;
}

.dhx_menu-button {
    color: #9E9E9E !important;
}

.dhx_menu-button--active:not(:disabled),
.dhx_menu-button:active:not(:disabled),
.dhx_menu-button:focus:not(:disabled),
.dhx_menu-button:hover:not(:disabled) {
    background-color: var(--color-171717) !important;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    position: relative;
    color: #868686 !important;
    text-align: left;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2),
.trades_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.position_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2),
.position_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.order_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2),
.order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell {
    text-align: left !important;
    padding-right: 10px !important;
    padding-left: 30px !important;
}

span.tradelvltwo {
    position: absolute;
    right: 0px;
    background: var(--color-303030) !important;
    padding: 2px 5px;
}

.order_tabs td[align="right"] {
    text-align: right !important;
}

.order_tabs td[align="left"] {
    text-align: left !important;
}

.order_tabs div.gridbox table.hdr td:first-child div.hdrcell {
    text-align: left !important;
    padding-left: 10px !important;
}

.order_tabs div.gridbox table.hdr td:last-child div.hdrcell {
    text-align: right !important;
    padding-right: 10px !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2),
.position_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2),
.order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2),
.founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1),
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) {
    padding-bottom: 0px !Important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.position_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell,
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
    border-right: 1px solid #e6e6e6;
    height: 100%;
}

.trades_tabs_window div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.founds_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(1),
.founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell,
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(1),
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
    text-align: left !important;
    padding-right: 15px !important;
    padding-left: 10px !important;
}


/**
.margin_tabs .Last_update { 
    left: unset !important;
    right: 35px !important;
    top: 13px !important;
}**/

td.sub_item_icon {
    width: 30px !important;
}

td.sub_item_icon img {
    object-fit: contain;
}

.sub_item {
    background: var(--color-ffffff) !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon {
    background: var(--color-ffffff) !important;
    border: 1px solid #e6e6e6;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table {
    margin: 0px !important;
    border: none !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon div {
    border: none !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table tbody,
race_SubLevelArea_Polygon table thead,
race_SubLevelArea_Polygon table tfoot {
    border: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    content: '';
}

input.dhxform_textarea[name=order_search],
input.dhxform_textarea[name=trade_search],
input.dhxform_textarea[name=position_search],
input.dhxform_textarea[name=holding_search],
input.dhxform_textarea[name=form_input_3],
input.dhxform_textarea[name=journal_search],
input.dhxform_textarea[name=margin_search],
input.dhxform_textarea[name=funds_search],
.search_table input.dhxform_textare {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search.svg) center right 5px no-repeat;
}

.table_menu_items {
    position: absolute;
    top: 2px;
    left: 35px;
    width: 150px;
    z-index: 99;
    display: none;
    box-shadow: 0px 0px 5px 0px var(--color-000000);
}

.table_menu_items.act {
    display: block;
}

.table_menu_items li {
    padding: 8px 16px;
    display: flex;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #919191;
}

li.order_more img {
    width: 16px;
    margin: 2px;
}

.table_menu_items li:hover {
    color: var(--color-ffffff);
    background: var(--color-000000);
}

.table_menu_items img {
    width: 18px;
    margin-right: 10px;
    object-fit: contain;
}

.table_menu_items ul {
    margin: 0;
    list-style: none;
    z-index: 99999;
    background: var(--color-171717);
    padding: 5px 0;
}

.table_menu_items:before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    box-shadow: 0px 0px 5px 0px var(--color-000000);
    left: -7px;
    background: var(--color-171717);
    transform: rotate(34deg) skewX(-28deg);
    top: 10px;
    z-index: -1;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option {
    height: 35px !important;
    line-height: 35px !important;
    padding: 0px 10px !important;
}

.menu-box .dhxlayout_sep.dhxlayout_sep_resize_h {
    display: none !important;
}

.table_menu_items.btm_pos {
    top: unset;
    bottom: 0 !important;
}

.table_menu_items.btm_pos:before {
    top: unset;
    bottom: 15px;
}

li.editord span img {
    width: 15px !important;
    margin-top: 5px;
}

li.closeord span img {
    width: 13px;
    margin-left: 3px;
    margin-top: 5px;
}

li.order_depth span img {
    width: 15px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    margin-left: 3px;
}

.close_cntxt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 0%);
    z-index: 1;
    display: none;
}

.close_cntxt.act {
    display: block;
}

.menu-box.hor-menu.act .dhxform_obj_dhx_terrace input.dhxform_textarea,
.menu-box.hor-menu.act .dhxform_obj_dhx_terrace textarea.dhxform_textarea {
    padding-left: 10px !important;
    padding-right: 30px !important;
}

.close_depth {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff0;
    z-index: -2;
    display: none;
}

.order_more_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.dhx_cell_cont_wins.no_border div {
    border: none !important;
}

.dhx_cell_cont_wins.no_border .dhxlayout_sep.dhxlayout_sep_resize_h {
    display: none;
}

.dhxwin_active {
    border: none !important;
    box-shadow: 0 0 6px rgb(160 160 160 / 57%) !important;
}

.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td,
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox tbody,
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox tfoot,
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox thead {
    border: none !important;
    background: transparent !important;
}

.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    border: none !important;
    background: var(--color-ffffff) !important;
    color: rgb(2 0 26 / 55%);
    text-transform: capitalize;
}

.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox .xhdr {
    background: transparent !important;
}

span.om_BS {
    text-transform: uppercase;
}

span.om_symbol {
    font-weight: 600;
    margin-right: 5px;
}

span.om_type {
    font-size: 12px;
    text-transform: uppercase;
}

.om_hd_right a {
    padding: 3px 10px 3px 25px;
    display: flex;
    color: var(--color-a8a8a8);
    background-color: var(--color-1e1e1e);
    font-size: 14px;
    height: 35px;
    align-items: center;
    border-radius: 3px;
}

span.om_BS.buy {
    color: #53b987;
}

.order_more_cont {
    display: flex;
    justify-content: space-between;
}

.order_more_cont ul {
    list-style: none;
    margin: 0;
    width: calc(50% - 3px);
    background-color: var(--color-303030);
    padding: 10px;
    border-radius: 3px;
}

.order_more_foot {
    display: flex;
    justify-content: flex-end;
}

.order_more_foot a {
    background: var(--color-303030);
    color: var(--color-a8a8a8) !important;
    margin-left: 6px;
    padding: 5px 20px;
    height: 30px;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.order_more_w1 {
    padding: 5px 10px;
}

.order_more_cont li {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: rgb(0 0 0 / 50%);
    line-height: 1.8;
}

.order_more_cont li span {
    color: var(--color-000000);
    text-align: right;
}

.light_theme .order_more_cont li span {
    color: #000;
}

.order_more_cont ul:nth-child(2) li {
    padding-left: 30px;
}

.right_theme .hor_nav {
    left: unset !important;
    right: 60px !important;
}

div.dhxwins_mcover {
    background-color: rgb(237 237 237 / 0%) !Important;
    z-index: 9997 !important;
}

.dhxwin_active {
    z-index: 99999 !important;
}

.dhxwins_mcover.act {
    z-index: 999999 !important;
    opacity: 1 !important;
    background: #edededd6 !important;
}

.dhxwin_active.create_basket_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    display: none;
}

p.dmy svg {
    width: 150px;
    height: 150px;
}

p.dmy {
    text-align: center;
    font-size: 16px;
    height: 300px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.basket_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.basket_box_left {
    display: flex;
    flex-direction: column;
    line-height: 1;
    padding: 5px;
}

.basket_list_windows tr.rowselected td,
.basket_list_windows tr.rowselected {
    background: #c50f0f !important;
}

span.basket_name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

span.basket_ord {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: rgb(235 164 19 / 21%);
    text-align: center;
    color: rgb(235, 164, 19);
    border-radius: 50%;
    position: relative;
}

.basket_list_windows tr.odd_dhx_terrace td {
    background-color: #f7f7f7 !important;
}

span.basket_ord:hover:before {
    content: 'Orders';
    position: absolute;
    left: -60px;
    background: var(--color-000000);
    padding: 0px 5px;
}

.om_hd_right a:before {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    background: #1cdf7f;
    border-radius: 50%;
    left: 8px;
    top: 11px !important;
}

.om_hd_right {
    position: relative;
}

.journal_tabs table td:nth-child(3) div,
.journal_tabs table td:nth-child(3) {
    text-align: left !important;
    padding-left: 10px !important;
}

li.empty_noty {
    height: 200px !important;
    background: url(../images/empty_noty.png) center center no-repeat;
    opacity: 0.3;
}

.dark_theme li.empty_noty {
    filter: invert(1);
}

.s_b1 lable.t-tip {
    position: absolute;
    top: -25px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: 75px;
    display: none;
}

.s_b1 lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 45px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.s_b1:hover lable.t-tip {
    display: block;
}

span.s_b2,
.s_close,
.s_more,
.mw_mr_opt {
    position: relative;
}

.s_b2 lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: -18px;
    display: none;
}

.s_b2 lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 21px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

.light_theme .s_b2 lable.t-tip:after {
    border-color: white transparent transparent transparent;
}

span.s_close:hover lable.t-tip {
    display: block;
}

.s_close lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: -8px;
    display: none;
}

.s_close lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 21px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.s_more:hover lable.t-tip {
    display: block;
}

.s_more lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: -40px;
    display: none;
    width: max-content;
}

.s_more lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 45px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.mw_mr_opt:hover lable.t-tip {
    display: block;
}

.mw_mr_opt lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: -5px;
    display: none;
    width: max-content;
}

.mw_mr_opt lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 16px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.s_b2:hover lable.t-tip {
    display: block;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b2 lable.t-tip,
.srh_results li:first-child .s_b2 lable.t-tip {
    top: 27px;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b2 lable.t-tip:after,
.srh_results li:first-child .s_b2 lable.t-tip:after {
    bottom: 26px !important;
    border-color: transparent transparent #000 transparent !important;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b1 lable.t-tip,
.srh_results li:first-child .s_b1 lable.t-tip {
    top: 36px !important;
}

.side-bar .tab-inner ul li:nth-child(1) .s_close lable.t-tip,
.srh_results li:first-child .s_close lable.t-tip {
    top: 36px !important;
}

.side-bar .tab-inner ul li:nth-child(1) .s_more lable.t-tip,
.srh_results li:first-child .s_more lable.t-tip {
    top: 36px !important;
}

.side-bar .tab-inner ul li:nth-child(1) .mw_mr_opt lable.t-tip,
.srh_results li:first-child .mw_mr_opt lable.t-tip {
    top: 36px !important;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b1 lable.t-tip:after,
.srh_results li:first-child .s_b1 lable.t-tip:after,
.side-bar .tab-inner ul li:nth-child(1) .s_close lable.t-tip:after,
.srh_results li:first-child .s_close lable.t-tip:after,
.side-bar .tab-inner ul li:nth-child(1) .s_more lable.t-tip:after,
.srh_results li:first-child .s_more lable.t-tip:after,
.side-bar .tab-inner ul li:nth-child(1) .mw_mr_opt lable.t-tip:after,
.srh_results li:first-child .mw_mr_opt lable.t-tip:after {
    bottom: 26px !important;
    border-color: transparent transparent #000 transparent !important;
}

span.jounrnal_tip {
    display: none;
}

div#s_keys_popup h2 {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-ffffff);
}

span.close_s_key {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--color-ffffff);
}

div#s_keys_popup {
    padding: 0px 5px;
}

div#s_keys_popup h2 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}

span.close_s_key {
    position: absolute;
    top: 5px;
    right: 10px;
    background: var(--color-000000);
    height: 25px;
    width: 25px;
    text-align: center;
    color: var(--color-ffffff);
    line-height: 25px;
    border-radius: 3px;
    cursor: pointer;
}

.key_list {
    display: flex;
}

.key_list h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-ffffff);
    margin-bottom: 15px;
}

.key_list_left {
    width: 40%;
}

.key_list ul {
    margin: 0;
    list-style: none;
}

.key_list ul li {
    padding: 5px 0px;
    color: rgb(0 0 0 / 50%);
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.dark_theme .key_list ul li {
    color: rgb(255 255 255 / 50%);
}

.key_list_left ul {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.key_list_right {
    padding-left: 20px;
    width: 60%;
}

.dark_theme .key_list ul li span {
    color: var(--color-ffffff);
}

.key_list ul li span {
    color: #000;
}

.key_list_right li {
    align-items: center;
    line-height: 1;
    padding-bottom: 11px !important;
}

.key_list_right li span {
    width: 140px;
}
.key_details th {
    font-size: 14px;
    text-align: left !important;
}

.key_details {
    padding: 0;
}

.key_details td {
    text-align: left;
    font-size: 14px;
    color: var(--color-ffffff);
}
span.callbackbtn svg {
    margin-bottom: -6px;
}

span.callbackbtn {
    display: inline-block;
    cursor: pointer;
}
.dhxwins_vp_material div.dhxwin_active {
    background: var(--color-ffffff) !important;
    border: none !important;
}

.dhxwins_vp_material div.dhxwin_brd {
    border: none !important;
}

.ui-tabs .ui-tabs-panel::-webkit-scrollbar {
    width: 0px !important;
}

.show_margin {
    text-align: left;
    font-size: 14px;
    margin-right: 20px;
}
.avl_mrg {
    margin: 0px 10px 0px 15px;
}
.avl_mrg span{
    color: #2ba6cb;
}
.form-btns-left1 i {
    cursor: pointer;
}
.form-btns-left1 {
    display: flex;
    font-size: 14px;
    color: var(--color-ffffff) !important;
}

.dark_theme .pop-chart-right tfoot {
    color: var(--color-ffffff);
}

.dark_theme span.chart_ctrl {
    background: #10151e;
}

.journal_tabs tr td:last-child {
    white-space: normal !important;
    line-height: 1.5 !important;
}

a span.m-item {
    color: var(--color-a8a8a8) !important;
}

.tabs_act nav.hor_nav li.tabs-title.is-active a span.m-item {
    color: var(--color-299bd3) !important;
    font-weight: 400;
    text-shadow: 0 0 1px var(--color-299bd3) !important;
}

[data-theme="light"] li.tabs-title.is-active,
[data-theme="light"] li.tabs-title.act {
    background: rgb(41 155 211 / 30%);
    border-radius: 3px;
}

.side-codes ul li.up.act,
.side-codes ul li.up:hover {
    background-color: rgb(0 239 129 / 15%)!important;
}

.side-codes ul li.down.act,
.side-codes ul li.down:hover {
    background-color: rgb(238 33 34 / 30%) !important;
}

.side-codes .more_menu li:hover,
.side-codes .more_menu li a:hover,
.side-codes #marketwatch-tabs li:hover,
#marketwatch-tabs li span.round_tab:hover {
    background-color: var(--color-000000) !important;
}

.pos_btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pos_btns span {
    margin: 0px 5px !important;
    height: 25px;
    line-height: 25px;
    width: 30px !important;
    padding: 0px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#economic_calender_widget.act {
    display: block;
}

div#ladder_box {
    display: none;
    position: absolute;
    width: 350px;
    top: 80px;
    right: 380px;
    z-index: 999;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 131px);
    overflow-y: scroll;
}

div#ladder_box.act {
    display: block;
}

div#ladder_box ul {
    list-style: none;
    margin: 0px;
    padding: 0;
}

div#ladder_box ul li span {
    width: calc(33.33% - 6px);
    background: #ccc;
    margin: 3px;
    height: 28px;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    color: var(--color-ffffff);
}

div#ladder_box ul li {
    display: flex;
    width: 100%;
    position: relative;
}

li.mid:before {
    content: '';
    top: 50%;
    left: 0;
    height: 4px;
    width: 100%;
    position: absolute;
    background: #f9b002;
    z-index: 0;
}

li.mid span.l_val {
    background: #f9b002 !important;
    color: var(--color-000000) !important;
}

div#ladder_box span.overlay,
.idea_stream_widget.act span.overlay,
.analysis_widget.act span.overlay {
    z-index: -1;
    width: calc(100vw - 420px);
    left: 380px;
}

.left_theme div#ladder_box span.overlay,
.left_theme .idea_stream_widget.act span.overlay,
.left_theme .analysis_widget.act span.overlay {
    right: 380px;
    left: unset;
}

.analysis_widget {
    display: block;
    position: absolute;
    top: 80px;
    z-index: 99999;
    right: 380px;
    background: var(--color-ffffff);
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
    padding: 0px 10px 0px;
    height: calc(100vh - 131px);
    /*overflow-y: scroll;*/
    min-width: 800px;
}

.analysis_widget.act {
    display: block;
}

.analysis_box {
    display: flex;
}

.widget_head {
    padding: 8px 8px 2px;
    background: var(--color-ffffff);
    position: sticky;
    top: 0;
}

div#fundamentals {
    margin-right: 10px;
}

.idea_stream_widget {
    display: block;
    position: absolute;
    top: 47px;
    left: 372px;
    z-index: 99999;
    background: var(--color-ffffff);
    box-shadow: 0px 0px 30px #000000D1;
    padding: 0px 0px 10px;
    height: calc(100vh - 53px);
    overflow-y: auto;
    border-radius: 3px;
}

.idea_stream_widget.act span.overlay {
    z-index: -1;
}

span.l_ask.l_cont {
    background: #ff0026 !important;
}

span.l_bid.l_cont {
    background: #3ac455 !important;
}

span.l_val {
    z-index: 1;
}

span.l_val {
    background: #2d2d2d !important;
}

span.l_bid {
    background: #147527 !important;
    text-align: right !important;
    padding: 0px 10px;
}

span.l_ask {
    text-align: right !important;
    background: #df3c54 !important;
    padding: 0px 10px;
}

.analysis_widget {
    display: none;
}

.idea_stream_widget {
    display: none;
}

.idea_stream_widget.act {
    display: block;
}

.new_options {
    margin: 8px 6px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.new_options a {
    color: var(--color-000000);
    padding: 2px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}

.new_options a:hover,
.new_options a.act {
    background: #1d83c6;
    color: var(--color-ffffff);
    border-color: #1d83c6;
}

.new_options a:hover {
    background: #f4f4f5;
    border-color: #cccccc;
    color: var(--color-000000) !important;
}

.new_options a img {
    margin-right: 10px;
}

.new_options a.act img {
    filter: invert(1);
}

a.ladder_btn img {
    height: 20px;
}

.side-bar .tab-inner.grid_view ul {
    display: flex;
    flex-flow: wrap;
}

.side-bar .tab-inner.grid_view li {
    width: calc(33.33% - 6px);
    margin: 3px;
    border-radius: 6px;
    padding: 0px !important;
    overflow: hidden;
}
.side-bar .tab-inner.grid_view .mw_list_left > div {
    flex-direction: column;
    padding: 0px;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.side-bar .tab-inner.grid_view .mw_list_left > div span.symbols
{
    padding: 0px;
}

li.search_add_li.no_data {
    width: 100% !important;
    pointer-events: none;
}

.side-bar .tab-inner.grid_view li .m_bg_color {
    padding: 25px 5px 15px 5px !important;
}


.side-bar .tab-inner.grid_view li.up:after {
    content: "";
    height: 7px !important;
    border-radius: 10px;
    background-color: var(--color-00ee79);
    width: calc(100% - 6px);
    position: absolute;
    bottom: 3px;
    left: 3px;
}

.side-bar .tab-inner.grid_view li.down:after {
    content: "";
    height: 7px !important;
    border-radius: 10px;
    background-color: var(--color-ee2122);
    width: calc(100% - 6px);
    position: absolute;
    bottom: 3px;
    left: 3px;
}

.side-bar .tab-inner.grid_view .mw_list {
    display: flex;
    flex-flow: column;
    text-align: center;
}

.side-bar .tab-inner.grid_view .mw_list span {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    top: unset !important;
    left: unset !important;
    text-align: center;
    min-width: auto !important;
    max-width: 100%;
    height: unset !important;
    color: var(--color-a8a8a8);
}

.side-bar .tab-inner.grid_view .mw_list span.sys_dri {
    display: none !important;
}

.side-bar .tab-inner.grid_view .mw_list span.symbols {
    order: 1;
    font-weight: 400;
    line-height: 1;
    bottom: unset;
    top: 25px !important;
    font-size: 11px;
    text-align: center;
    display: block;
}
.side-bar .tab-inner.grid_view .mw_list span.symbolsseries {
    order: 2;
    font-size: 10px !important;
    color: #909090 !important;
    line-height: 1;
}

.side-bar .tab-inner.grid_view .mw_list span.symbolsseries {
    position: absolute;
    left: 5px !important;
    top: 5px !important;
    width: max-content !important;
}

.side-bar .tab-inner.grid_view .mw_list span.sys_ptg {
    order: 5;
    line-height: 1;
    font-size: 12px;
}

.side-bar .tab-inner.grid_view .mw_list span.sys_sts {
    order: 5;
    line-height: 1;
}

.side-bar .tab-inner.grid_view .mw_list span.sys_dri {
    display: none !important;
}

.side-bar .tab-inner.grid_view .mw_list span.sys_vl {
    order: 4;
    font-weight: 600 !important;
    line-height: 1;
    margin: 10px 0px 8px !important;
    font-size: 14px;
}

.side-bar .tab-inner.grid_view li.up .mw_list span.sys_ptg {
    color: #328342 !important;
}

.side-bar .tab-inner.grid_view li.down .mw_list span.sys_ptg {
    color: #df3c54 !important;
}

.side-bar .tab-inner.grid_view .mw_list .symbols_info
{
    display: none;
}
.side-bar .tab-inner.grid_view .option .mw_list .symbols_info
{
    display: block;
}
.side-bar .tab-inner.grid_view .mw_list .mw_list_right {
    display: flex;
    flex-direction: column;
}

/*.side-bar .tab-inner.grid_view li:hover:before, .side-bar .tab-inner.grid_view li.act:before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: -16px;
    left: 46%;
    border: 1px solid #ccc;
    transform: rotate(45deg);
}

.side-bar .tab-inner.grid_view li:hover .s_btns:before, .side-bar .tab-inner.grid_view li.act .s_btns:before {
    content: '';
    height: 20px;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
} **/

.side-bar .tab-inner.grid_view li .s_btns {
    bottom: 10px;
    top: unset !important;
    width: 100% !important;
    border: none;
    left: 0;
    border-radius: 0px 0px 3px 3px;
    background: transparent !important;
    /* background: linear-gradient(360deg, rgba(30,30,30,1) 50%, rgba(30,30,30,0) 80%) !important; */
    align-items: end;
}


/* .side-bar .tab-inner.grid_view li.up .s_btns {
    background: linear-gradient(360deg, #035f35 50%, rgba(30,30,30,0) 80%) !important;
}
.side-bar .tab-inner.grid_view li.down .s_btns {
    background: linear-gradient(360deg, #035f35 50%, rgba(30,30,30,0) 80%) !important;
} */


/*
 .side-bar .tab-inner.grid_view li:nth-child(3n+2) .s_btns, .side-bar .tab-inner.grid_view li:nth-child(3n+2) .mw-dropdown{
    left: -138px;
}
.side-bar .tab-inner.grid_view li:nth-child(3n+3) .s_btns, .side-bar .tab-inner.grid_view li:nth-child(3n+3) .mw-dropdown{
    left: unset !Important;
    right:-1px !Important;
} **/

.side-bar .tab-inner.grid_view .list li.act .s_btns {
    position: absolute !important;
    z-index: 9999 !important;
    box-shadow: none !important;
}

.side-bar .tab-inner.grid_view .mw-dropdown {
    position: absolute;
    background: var(--color-ffffff) !important;
    left: -1px;
    width: 400px;
    padding: 50px 10px 10px !important;
    z-index: 999;
    top: 130px;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 61%);
    border-radius: 5px;
}

.side-bar .tab-inner.grid_view li.symquotes.act .m_bg_color {
    box-shadow: 0px 0px 10px 0px #03a9f4;
}

.side-bar .tab-inner.grid_view.heatview li {
    padding: 10px;
}

.side-bar .tab-inner.grid_view.heatview li:after {
    display: none;
}

.side-bar .tab-inner.grid_view.heatview li.up {
    background: #328342 !important;
}

.side-bar .tab-inner.grid_view.heatview li.down {
    background: #df3c54 !important;
}

.side-bar .tab-inner.grid_view.heatview li.up,
.side-bar .tab-inner.grid_view.heatview li.down {
    background: #505050 !important
}

.side-bar .tab-inner.grid_view.heatview li.span,
.side-bar .tab-inner.grid_view.heatview li.down span,
.side-bar .tab-inner.grid_view.heatview li.down .mw_list span.sys_ptg,
.side-bar .tab-inner.grid_view.heatview .mw_list span,
.side-bar .tab-inner.grid_view.heatview li.up .mw_list span.sys_ptg {
    color: var(--color-ffffff) !important;
}

.side-bar .tab-inner.grid_view.heatview li .s_btns span.s_more,
.side-bar .tab-inner.grid_view.heatview li .s_btns span.mw_mr_opt {
    color: var(--color-000000) !important;
}

.side-bar .tab-inner.grid_view.heatview .mw-dropdown {
    top: 130px;
}

.support_icon img {
    height: 20px;
}

.support_icon span.overlay {
    display: none;
}

.support_icon.act span.overlay,
.support_cont.act {
    display: block;
}

.support_cont {
    position: absolute;
    background: var(--color-ffffff);
    left: -40px;
    width: 260px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 51%);
    padding: 10px 15px;
    border-radius: 5px;
    top: 50px;
    z-index: 99999;
    display: none;
}

.support_cont:before {
    content: '';
    width: 12px;
    height: 12px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 51%);
    background: var(--color-ffffff);
    position: absolute;
    top: -6px;
    left: 50px;
    transform: rotate(45deg);
}

.support_cont:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 13px;
    background: var(--color-ffffff);
    top: 0px;
    left: 44px;
}

.support_cont h2 {
    font-size: 18px;
    font-weight: 800 !IMPORTANT;
}

span.close_sup {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    transform: scaleX(1.5);
}

.support_cont .btns a {
    border: 1px solid #3fa7de;
    padding: 3px;
    width: 48%;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    color: var(--color-000000);
}

.support_cont .btns a.sp_btn1 {
    color: #3fa7de !important;
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
    font-weight: 700;
}

.support_cont .btns a.sp_btn1:hover {
    color: var(--color-000000) !important;
}

.support_cont h3 {
    font-size: 16px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.support_cont .btns {
    margin: 20px 0;
}

.support_cont textarea {
    background: url(../images/comment.png) top 3px left 10px no-repeat;
    text-indent: 35px;
    font-size: 13px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    padding: 0px;
    background-size: 15px;
    resize: none;
    border-radius: 0px !important;
}

.support_icon {
    margin-right: 0px;
    cursor: pointer;
    padding: 7px 10px;
    height: 40px;
}

.support_icon:hover {
    background: #cccccc42;
}

.support_cont input[type="submit"] {
    display: block;
    background: #31a1dc;
    border: 1px solid #31a1dc;
    margin: 0px auto 15px !important;
    color: var(--color-ffffff);
    padding: 7px 30px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
}

.support_cont .btns a:hover {
    background: #3fa7de;
    color: var(--color-ffffff);
    box-shadow: 2px 4px 8px 0px rgb(0 0 0 / 58%);
}

.support_cont input[type="submit"]:hover {
    background: var(--color-ffffff);
    color: #3fa7de;
    box-shadow: 2px 4px 8px 0px rgb(0 0 0 / 58%);
}

div#currency_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    /**overflow-y: scroll;**/
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}

div#currency_widget.act {
    display: block;
}

.dark_theme div#tools_widget {
    background: #11151e!important;
}

div#tools_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    /**overflow-y: scroll;**/
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}

div#tools_widget.act {
    display: block;
}

.strike_f3 input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.strike_f3 label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 15px;
    background: #5b5c58;
    display: block;
    border-radius: 100px;
    position: relative;
}

.strike_f3 label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 4px;
    width: 10px;
    height: 11px;
    background: var(--color-ffffff);
    border-radius: 90px;
    transition: 0.3s;
}

.strike_f3 input:checked+label {
    background: #208ecd;
}

.strike_f3 input:checked+label:after {
    left: calc(100% - 12px);
    /* transform: translateX(-100%); */
}

.strike_f3 label:active:after {
    width: 130px;
}

div#update_strike {
    position: absolute;
    width: 650px;
    height: calc(100vh - 53px);
    background: var(--color-000000);
    left: 47px;
    z-index: 999;
    top: 47px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
    overflow-y: hidden;
    border-radius: 3px;
}

.update_strike_head {
    z-index: 999;
}

.update_strike_cont {
    padding: 0px 6px;
    
}

div#update_strike.act {
    display: block;
    z-index: 9999;
}

div#update_strike.act_greek {
    width: 1050px;
}

div#update_strike span.overlay {
    z-index: -1;
}

.update_strike_head h2 {
    font-size: 18px;
    font-weight: 600;
}

span#option_chain_symbl select {
    margin: 0;
    font-size: 14px;
    border-radius: 3px;
    height: 35px;
    padding: 0px 25px 0px 10px;
    box-shadow: none;
    margin-left: 0px;
    width: 460px;
    color: var(--color-ffffff);
    font-weight: 600;
    border: none;
    background: url(../images/dow_arrow.svg) no-repeat right 10px center var(--color-1e1e1e);
}

.get_attr_data .fa {
    line-height: 20px !important;
}

span.strike_close {
    position: absolute;
    height: 22px;
    width: 22px;
    text-align: center;
    cursor: pointer;
    right: 13px !important;
    top: 12px;
    border-radius: 5px;
    background: rgb(255 201 211);
    color: #ff0130;
    line-height: 20px;
    font-weight: 600;
    font-size: 13px;
}

.strike_f3 input {
    position: absolute;
}

.exp-switch *,
.exp-switch *:before,
.exp-switch *:after {
    box-sizing: border-box;
}

.exp-switch {
    position: relative;
    height: 35px;
    border-radius: 3px;
    background: var(--color-ffffff);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.exp-switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 110px;
    height: 35px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    margin: 0px 3px !important;
    line-height: 33px;
}

.exp-switch-label:active {
    font-weight: bold;
}

.exp-switch-label-off {
    padding-left: 1px;
    color: var(--color-000000);
    font-weight: 600;
}

.exp-switch-label-on {
    color: #373737;
    margin-right: -1px;
}

.exp-switch-input {
    display: none;
}

.exp-switch-input:checked+.exp-switch-label {
    font-weight: bold;
    color: var(--color-ffffff);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.exp-switch-input:checked+.exp-switch-label-on {
    font-weight: 600;
    /* color: #62b125; */
    color: var(--color-ffffff);
}

.exp-switch-input:checked+.switch-label-off {
    font-weight: 600;
    color: #373737;
}

.exp-switch-input:checked+.exp-switch-label-on~.exp-switch-selection {
    /* Note: left: 50% doesn't transition in WebKit */
    left: unset;
    border-radius: 30px;
    height: 30px;
    top: 0px;
    right: -1px;
}

.exp-switch-selection {
    z-index: 1;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 50%;
    color: var(--color-ffffff);
    border-radius: 26px;
    line-height: 30px;
    height: 30px;
    background: #208ecd;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: inset 0 px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.strike_filters {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    /** margin: 20px 0px;**/
}

.str_readymade img {
    height: 25px;
}

.str_readymade {
    position: absolute;
    right: -112px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-707070);
    cursor: pointer;
    background-color: var(--color-1e1e1e);
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    padding: 0px 17px;
}

.str_save {
    position: relative;
    right: unset;
    font-size: 13px;
    color: #208ECD;
    background: var(--color-303030);
    border-radius: 3px !important;
    height: 35px;
    line-height: 35px;
    margin-left: 6px;
    border: none;
    padding: 0px 20px !important;
    cursor: pointer;
}

.strike_f2>span {
    text-transform: uppercase !important;
    font-weight: 400;
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 10px;
    color: var(--color-a8a8a8);
}

.strike_f2 {
    display: flex;
    align-items: center;
    margin-left: 3px;
    border-radius: 3px !important;
    position: relative;
}

.dhxwin_active.create_basket_windows {
    z-index: 999999 !important;
}

.strike_f2 select {
    margin: 0;
    font-size: 14px;
    border-radius: 3px;
    height: 35px;
    padding: 9px 23px 0px 10px;
    font-weight: 400;
    box-shadow: none;
    border: none;
    margin-left: 0px;
    background: url(../images/dow_arrow.svg) no-repeat right 10px center var(--color-1e1e1e);
    color: var(--color-ffffff);
}

span.highcharts-plot-line-label span {
    background: rgb(0 209 113 / 30%)!important;
    border: none !important;
    padding: 5px 10px !important;
    color: #00D171 !important;
    height: 26px !important;
    display: block;
    line-height: 15px;
    margin-top: -3px;
}

button.list_btn {
    display: none;
}

.strike_f2 {
    background: var(--color-1e1e1e);
    margin-left: 0px;
}

.strike_f3 {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 400;
}

.update_strike_cont th {
    background: transparent !important;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    position: sticky;
    top: 0px;
    background: #ffff !important;
}

.dark_theme .update_strike_cont th {
    background: var(--color-1e1e1e) !important;
}

.update_strike_cont thead {
    background: transparent;
}

.strike_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.str_btns span {
    width: 30px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 20px;
    margin: 0px 5px;
    line-height: 18px;
    border-radius: 3px;
    cursor: pointer;
}

span.str_chart,
span.str_depth {
    color: #FFFFFF;
    line-height: 15px;
}

.light_theme span.str_chart,
.light_theme span.str_depth {
    background: unset !important;
}

span.str_buy {
    background: #4bb17d;
    color: var(--color-ffffff);
}

span.str_sell {
    background: #e84251;
    color: var(--color-ffffff);
}

.str_btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.strike_price {
    width: 100px;
    background: var(--color-171717);
    text-align: center;
    border-radius: 3px;
}

.update_strike_cont td {
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

.view_box h2 {
    font-size: 14px;
}

.view_box li img {
    height: 25px;
}

.side-codes .view_box ul li {
    display: flex !important;
    justify-content: space-between;
    width: 80px;
    height: 80px;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-303030) !important;
    font-size: 14px;
    padding: 14px 5px !important;
    line-height: 1;
    position: relative;
}

.side-codes .view_box ul li:hover {
    border: none !important;
}

.side-codes .view_box ul li.act {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
    font-weight: 600;
    border: none;
}

.side-codes .view_box ul li.act:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(41 155 211 / 30%) !important;
    z-index: 999;
    position: absolute;
    top: 0;
    border-radius: 3px;
}
.create_popup_out {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    
}
.create_popup_out.act{
    display: flex;
}
.create_popup {
    width: 600px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    box-shadow: 0px 0px 30px #000;
    background: var(--color-171717);
}
.create_popup h2 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.light_theme li.v_heat img {
    filter: brightness(0.5);
}

.dark_theme .side-bar .tab-inner.grid_view li span.symbolsholding.act {
    color: var(--color-000000) !important;
}

.side-bar .tab-inner.grid_view li span.symbolsholding.act {
    position: absolute;
    right: 5px;
    width: max-content !important;
    top: 0px !important;
}

.view_box li {
    padding: 5px 0px !important;
}

.mw_setting hr {
    margin: 8px 0px;
}

.side-bar .tab-inner.grid_view.heatview li .mw-dropdown p span {
    color: #656565 !important;
}

.dark_theme .side-bar .tab-inner.grid_view.heatview li .mw-dropdown p span {
    color: var(--color-ffffff) !important;
}

div#economic_calender_widget span.overlay,
div#global_trade_widget span.overlay,
#future_widget span.overlay,
#heatmap_widget span.overlay {
    z-index: -1 !important;
}

span.divider {
    background: var(--color-000000);
    height: 2px;
    width: 75%;
    display: none;
    margin: 12px auto;
}

div#global_trade_widget,
#future_widget {
    position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: var(--color-ffffff);
    box-shadow: 0px 0px 11px 0px #0000004d;
    display: none;
}

#future_widget {
    padding: 0px;
}

div#future_widget_inr {
    height: 100%;
}

div#future_widget_inr iframe {
    border: none;
}

div#global_trade_widget.act {
    display: block;
}

#heatmap_widget {
    position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: var(--color-ffffff);
    box-shadow: 0px 0px 11px 0px #0000004d;
    width: calc(100vw - 500px);
    display: none;
}

#heatmap_widget.act {
    display: block;
}

#screener_widget {
    position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: var(--color-ffffff);
    box-shadow: 0px 0px 11px 0px #0000004d;
    width: calc(100vw - 500px);
    display: none;
}

#screener_widget.act {
    display: block;
}

body.right_theme div#economic_calender_widget,
body.right_theme div#screener_widget,
body.right_theme #heatmap_widget,
body.right_theme div#currency_widget,
body.right_theme div#future_widget,
body.right_theme div#global_trade_widget {
    left: unset;
    right: 70px;
}

.update_strike_cont.fo_fut .fut_cont,
.update_strike_cont.fo_ops .ops_cont {
    display: block;
}

.update_strike_cont.fo_fut .ops_cont,
.update_strike_cont.fo_ops .fut_cont {
    display: none;
}

.update_strike_cont.fo_ops tr th:last-child,
.update_strike_cont.fo_ops tr td:last-child,
.update_strike_cont.fo_ops tr th:last-child,
.update_strike_cont.fo_ops tr td:last-child,
.update_strike_cont.fo_ops tr th:first-child,
.update_strike_cont.fo_ops tr td:first-child,
.update_strike_cont.fo_ops tr th:first-child,
.update_strike_cont.fo_ops tr td:first-child {
    display: table-cell !important;
}

div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-last-child(-n+5),
div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-last-child(-n+5),
div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-child(-n+5),
div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-child(-n+5) {
    display: table-cell;
    border: 1px solid #d5d5d5 !important;
}

.update_strike_cont tr {
    border: 1px solid var(--color-1e1e1e);
    background: transparent !important;
    border-radius: 3px;
}

.update_strike_cont tbody {
    background-color: var(--color-303030);
}

.ops_ltp_item.get_attr_data {
    border: 1px solid var(--color-1e1e1e);
    border-radius: 3px;
    height: 35px;
    align-items: center;
}

.update_strike_cont.fo_ops .ops_cont tbody tr.act_left td:nth-child(-n+6) {
    background: #feef95;
    color: var(--color-000000) !important;
}

.update_strike_cont.fo_ops .ops_cont tbody tr.act_left td:nth-child(7) {
    background: linear-gradient(90deg, #feef95 50%, transparent 50%);
}

.update_strike_cont.fo_ops .ops_cont tbody tr.act_right td:nth-last-child(-n+6) {
    background: #feef95;
    color: var(--color-000000) !important;
}

.update_strike_cont.fo_ops .ops_cont tbody tr.act_right td:nth-child(7) {
    background: linear-gradient(90deg, transparent 50%, #feef95 50%);
}

.pos_con_windows .dhxwin_hdr {
    background: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwin_brd {
    border: none !important;
}

.pos_con_windows .dhxform_obj_dhx_terrace {
    border: none !important;
}

.pos_con_windows .dhx_cell_cont_layout {
    border: none !important;
}

.pos_con_windows .dhxlayout_sep.dhxlayout_sep_resize_h {
    height: 1px !important;
    background: #ccc !important;
}

.pos_con_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    display: none !important;
}

.pos_con_windows input,
.pos_con_windows div.dhxcombo_dhx_terrace {
    height: 25px !important;
    box-shadow: none !important;
    padding: 0px 10px !important;
    border-radius: 0px !important;
}

.pos_con_windows .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    font-weight: 300 !important;
    font-size: 13px !important;
}

.pos_con_windows .dhx_button.dhx_button_autowidth {
    height: 26px !important;
}

.pos_con_windows .dhx_button {
    background: #d3d3d3 !important;
    line-height: 28px !important;
    border-radius: 30px !important;
}

.pos_con_windows .lbl_head div {
    font-weight: 800 !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    font-weight: bold !important;
}

.pos_con_windows .lbl _head .dhxform_txt_label2 {
    font-weight: 700 !important;
}

.pos_con_windows span.pos_con_close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    background: var(--color-000000) !important;
    color: var(--color-ffffff) !important;
    text-align: center;
    border-radius: 3px;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    font-weight: 700 !important;
    height: 40px;
    line-height: 40px;
    font-size: 15px !important;
}

.pos_con_windows .lbl _head .dhxform_txt_label2 {
    font-weight: 700 !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr {
    height: 40px !important;
}

div#fundamentals,
div#tech_analysis {
    height: 100%;
    position: relative;
    width: 50%;
}

.dark_theme span.divider {
    background: rgb(255 255 255 / 39%);
}

.dark_theme .new_options a {
    color: var(--color-ffffff);
}

.dark_theme .new_options a img {
    filter: invert(1);
}

.dark_theme .support_icon img {
    filter: invert(1);
}

.dark_theme .support_icon img {
    filter: invert(1);
}

.dark_theme .support_cont {
    background: var(--color-171717);
}

.dark_theme .support_cont:before,
.dark_theme .support_cont:after {
    background: var(--color-171717);
}


/**.dark_theme  .support_cont textarea, .dark_theme  .support_cont select {
    filter: invert(1);
    color: var(--color-000000);
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0px !important;
}**/

div#global_trade_widget .tradingview-widget-container {
    height: 100% !important;
}

div#global_trade_widget .tradingview-widget-container iframe,
#future_widget iframe {
    height: 100% !important;
}

div#currency_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important;
}

div#currency_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}

div#heatmap_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important;
}

div#heatmap_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}

div#screener_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important;
}

div#screener_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}

.view_box li,
.view_box li.act {
    background: transparent !important;
}

.analysis_box {
    display: flex;
    height: calc(100% - 55px);
    /**flex-wrap: wrap;**/
}

div#analysis_details {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div#analysis_details iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.right_theme .analysis_widget.act {
    left: 380px;
    right: auto;
}

.right_theme .idea_stream_widget.act {
    right: auto;
    left: 380px;
}

.right_theme div#ladder_box.act {
    right: auto;
    left: 380px;
}

.analysis_widget.act span.overlay {
    z-index: -1;
}

.dark_theme .widget_head {
    background: var(--color-171717) !important;
}

.dark_theme .analysis_widget.act,
.dark_theme .idea_stream_widget.act,
.dark_theme div#heatmap_widget,
.dark_theme div#screener_widget,
.dark_theme #global_trade_widget,
.dark_theme #economic_calender_widget,
.dark_theme div#currency_widget {
    background: var(--color-1e1e1e) !important;
}

.dark_theme .widget_head img {
    filter: invert(1) !important;
}

.view_box {
    margin-top: 20px;
}


/**
.side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, calc(0.5 < 0)) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.2) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.3) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.3) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.4) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.4) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.25) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.25) !important"] .mw_list span.sys_ptg {
    color: var(--color-000000) !important;
}**/

.update_strike_cont .ops_cont tbody tr.act_left.act_right td {
    background: #feef95 !important;
}

.active_statue.warning {
    color: yellow !important;
}

.active_statue.warning span::before {
    background: yellow;
}

.dark_theme .side-codes ul li {
    border-color: var(--color-171717);
}

.dark_theme .mw-dropdown p span {
    color: var(--color-ffffff) !important;
}

tr.total td {
    color: var(--color-000000);
}

.dark_theme tr.total td {
    color: #eaeaea;
}

.dark_theme .tips,
.dark_theme .tips_right label,
.dark_theme span.ord_asktips_right:after,
.dark_theme span.ord_asktips_right:before,
.dark_theme .pop_buy_tip span.close,
.dark_theme span.ord_bidtips_right:after,
.dark_theme span.ord_bidtips_left:after,
.dark_theme span.ord_asktips_left:after,
.dark_theme .tag-box-outer label,
.dark_theme .radio [type=checkbox]+label,
.dark_theme .radio [type=radio]+label,
.dark_theme .pop-chart-cont {
    color: var(--color-9e9e9e);
}

.dark_theme .tag-box-outer input {
    color: var(--color-ffffff);
}

span.sys_sts {
    width: 60px;
    min-width: 40px;
    text-align: right;
    margin-right: 0px !important;
}

span.btn.btn-default.btn-file,
label.btn.btn-default.btn-file {
    position: relative;
    width: 100%;
    padding-left: 35px;
    font-size: 14px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

div#files2 input {
    width: 100% !important;
}

span.br_sys_ptg.sys_sts {
    color: unset !important;
}

ul.fileList {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    list-style: none;
    padding: 0px;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: var(--color-ffffff);
    width: 50%;
    justify-content: space-between;
    align-items: center;
}

.support_box input#submit {
    margin-top: 30px;
    background: var(--color-299bd3) !important;
    color: var(--color-ffffff);
    width: 50%;
    height: 35px;
    border: none;
}

ul.fileList li {
    font-size: 13px;
    border: none;
    padding: 0px 9px;
    background: var(--color-303030) !important;
    width: calc(50% - 6px);
    position: relative;
    margin-left: 5px;
    margin-bottom: 6px;
    text-align: left;
}

ul.fileList li a {
    color: #b2b2b2;
    margin-left: 5px;
    position: absolute;
    right: 9px;
    top: 0;
    font-size: 19px;
    line-height: 1;
}

ul.fileList li span {
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    height: 22px;
}

.dark_theme .side-codes li.srh_result:hover {
    border: none !important;
}

.dark_theme .srh_results span.symbolsseries {
    background-color: transparent !important;
}

.grid_view .list li.act .s_btns span.s_buy {
    margin-left: 8px !important;
}

.grid_view span.mw_mr_opt.act {
    margin-right: 8px !important;
}


/**.menu-box.hor-menu {
    left: -100% !important;
    right:unset !important;
}***/

.right_theme div#update_strike {
    right: unset !important;
    left: 380px !important;
}

.right_theme div#update_strike.strategy_act {
    right: unset !important;
    left: 0px !important;
}

.dark_theme .support_cont .btns a {
    color: var(--color-ffffff);
}

.dark_theme .support_cont.act textarea,
.dark_theme .support_cont.act input {
    color: var(--color-ffffff);
}

div#economic_calender_widget:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#screener_widget:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#heatmap_widget:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#currency_widget:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#global_trade_widget:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#tech_analysis:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#fundamentals:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#future_widget:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

div#market_overview_widget:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100px;
    bottom: 10px;
    z-index: 9;
}

.dark_theme .support_cont.act textarea {
    border: none !important;
    border-bottom: 1px solid var(--color-ffffff) !important;
    color: var(--color-ffffff) !important;
}

.dark_theme ul.fileList {
    background: transparent !important;
}

.support_cont input[type="submit"] {
    outline: none !important;
}

.support_box {
    padding: 10px;
    display: none;
}

.dark_theme input.dhxform_textarea[name=order_search],
.dark_theme input.dhxform_textarea[name=trade_search],
.dark_theme input.dhxform_textarea[name=position_search],
.dark_theme input.dhxform_textarea[name=holding_search],
.dark_theme input.dhxform_textarea[name=form_input_3],
.dark_theme input.dhxform_textarea[name=journal_search],
.dark_theme input.dhxform_textarea[name=margin_search],
.dark_theme input.dhxform_textarea[name=funds_search],
.dark_theme .search_table input.dhxform_textare {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search1.svg) center right 5px no-repeat;
}

.dark_theme .side-bar .tab-inner.grid_view.heatview li .s_btns span.s_more,
.dark_theme .side-bar .tab-inner.grid_view.heatview li .s_btns span.mw_mr_opt {
    color: var(--color-ffffff) !important;
}


/* Important switch stuff */

.analysis_widget input[type=checkbox].switch_new+label {
    width: 40px;
    height: 14px;
    background: #9a9a9a;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.analysis_widget input[type=checkbox].switch_new+label:before,
input[type=checkbox].switch_new+label:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0;
    transition: all .2s;
}

.analysis_widget input[type=checkbox].switch_new+label:after {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.analysis_widget input[type=checkbox].switch_new+label:before {
    background: lightgray;
    transform: scale3d(0, 0, 1);
}

.analysis_widget input[type=checkbox].switch_new+label:active:before {
    transform: scale3d(3, 3, 1);
    opacity: 0;
}

.analysis_widget input[type=checkbox].switch_new {
    display: none;
}

.analysis_widget input[type=checkbox].switch_new:checked+label {
    background: rgba(3, 155, 229, 0.5);
}

.analysis_widget input[type=checkbox].switch_new:checked+label:before,
.analysis_widget input[type=checkbox].switch_new:checked+label:after {
    left: 24px;
    background: #039be5;
}

.analysis_widget input[type=checkbox].switch_new:disabled+label {
    opacity: 0.4;
    cursor: not-allowed;
}

.analysis_widget input[type=checkbox].switch_new.green {
    display: none;
}

.analysis_widget input[type=checkbox].switch_new.green:checked+label {
    background: rgba(4, 196, 52, 0.5);
}

.analysis_widget input[type=checkbox].switch_new.green:checked+label:before,
.analysis_widget input[type=checkbox].switch_new.green:checked+label:after {
    background: #04c434;
}

.analysis_widget input[type=checkbox].switch_new.red {
    display: none;
}

.analysis_widget input[type=checkbox].switch_new.red:checked+label {
    background: rgba(244, 67, 54, 0.5);
}

.analysis_widget input[type=checkbox].switch_new.red:checked+label:before,
.analysis_widget input[type=checkbox].switch_new.red:checked+label:after {
    background: #f44336;
}

.analysis_check {
    position: absolute;
    top: 6px;
    right: 40px;
    margin: 0px 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.dark_theme .login {
    padding: 0px;
    /**background: var(--color-171717) !important; **/
    background-color: transparent;
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.34);
}

.dark_theme .login input[type="text"],
.dark_theme .login input[type="password"] {
    border: none !important;
    padding: 2px 10px 2px 40px;
    height: 40px;
    box-shadow: 0px 4px 10px 0px rgba(102, 102, 102, 0.3) !important;
    background: var(--color-ffffff) !important;
    color: var(--color-000000) !important;
}


/**.dark_theme .form-box1 input {
    background: #ffaa05;
    color: var(--color-000000);
}**/

.forget {
    color: var(--color-000000);
}

span.password {
    color: var(--color-000000);
}

div#screener_widget.act .overlay {
    z-index: -1;
}

.ans_box_one {
    display: flex;
}

.ans_fundamental {
    width: 50%;
    border-right: 1px solid #ccc;
}

div#container_fund {
    height: 150px;
}

.ans_fundamental {
    padding: 10px;
}

.ans_technical {
    padding: 10px;
    width: 50%;
}

.pop_head1 {
    font-weight: 800;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.ans_technical tr,
.ans_technical th,
.ans_technical td {
    background: transparent !important;
}

.ans_technical thead {
    background: transparent;
    border: none !important;
}

.ans_technical th {
    padding: 0px 9px 5px;
    font-size: 14px !important;
    font-weight: 800;
}

.ans_technical tbody {
    background: transparent;
    border: none;
}

.ans_technical tbody td {
    padding: 2px 2px;
    font-size: 14px;
}

.ans_technical tbody td span {
    background: #f6f6f6;
    border-color: #dcdcdc;
    display: block;
    color: var(--color-000000);
    padding: 5px 10px;
    height: 100% !important;
    border: 1px solid #dcdcdc;
    font-size: 12px !important;
}

.ans_technical tfoot td {
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.ans_fundamental td {
    font-size: 12px;
    line-height: 1.2;
}

.ans_fundamental table {
    margin-bottom: 0px;
    background: transparent;
}

.ans_fundamental table td,
.ans_fundamental table tr,
.ans_fundamental table tbody {
    background: transparent !important;
    border: none;
}

.ans_fundamental td span {
    font-weight: 800;
    line-height: 1;
}

.ans_fundamental table tr {
    border-bottom: 1px solid #dcdcdc;
}

.ans_News ul {
    margin: 0;
}

.ans_News ul .up_arw {
    width: 20px;
    height: 20px;
}

.ans_News ul li {
    display: flex;
    font-size: 14px;
    padding: 4px 0px;
    position: relative;
}

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

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

.ans_fundamental {
    padding-top: 0;
}

.ans_technical {
    padding-top: 0px;
}

.ans_News ul li .down_arw,
.ans_News ul li .mdl_arw {
    width: 20px;
    height: 20px;
    position: relative;
}

.ans_News ul li .down_arw:before {
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #e84352 transparent transparent transparent;
    transform: scaleY(1.5);
    top: 10px;
}

.ans_News ul li .mdl_arw:before {
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #9d9b9b transparent transparent transparent;
    transform: scaleY(1.5);
    top: 18px;
}

.ans_News ul li .mdl_arw:after {
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: transparent transparent #9d9b9b transparent;
    transform: scaleY(1.5);
    top: -6px;
}

.ans_News {
    padding: 0px 10px;
}

span.up_arw:before {
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: transparent transparent #49b07c transparent;
    transform: scaleY(1.5);
}

span.news_sys {
    width: 200px;
    font-weight: 700;
}

span.news_sys:after {
    content: ':';
    float: right;
    margin-right: 5px;
}

.ans_technical tfoot td span {
    float: right;
    font-weight: 400;
    padding-right: 10px;
}

.ans_technical tfoot td,
.ans_technical tfoot {
    background: none;
}


/**span.down_val, **/

.mildbarishhbg {
    background: #e84352 !important;
    color: var(--color-ffffff) !important;
}


/**span.mid_val,**/

.greybg {
    background: #9d9b9b !important;
    color: var(--color-ffffff) !important;
}


/**span.up_val,**/

.bullishbg {
    background: #49b07b !important;
    color: var(--color-ffffff) !important;
}

.ans_fundamental {
    padding: 10px 20px 0px 10px;
}

.ans_technical {
    padding: 10px 20px 0px 20px;
}

.ans_box_one {
    margin-bottom: 15px;
}

.ans_technical tbody td:nth-child(1) {
    padding-left: 0px !important;
}

.ans_technical tbody td:nth-child(3) {
    padding-right: 0px !important;
}

.foot_links {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    text-transform: uppercase;
}

.foot_links a,
.pop_head1 span {
    background: var(--color-000000) !important;
    padding: 0px 25px;
    color: var(--color-ffffff);
    font-size: 12px;
    border-radius: 30px;
    /* width: 150px; */
    line-height: 27px;
    height: 27px;
    margin: 0px 5px;
    cursor: pointer;
}

.pop_head1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_buttons,
.fundamental_buttons1,
.technical_buttons1 {
    display: flex;
    text-align: center;
}

span.analysis_close,
span.idea_stream_close {
    background-color: #747474 !important;
    height: 18px;
    width: 18px;
    color: var(--color-000000) !important;
    position: absolute;
    right: 7px;
    border-radius: 50%;
    text-align: center;
}

span.idea_stream_close:before {
    content: "\F11A";
    font-family: dhxicons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dark_theme .pop_head1,
.dark_theme .ans_fundamental {
    border-color: var(--color-171717);
}

.dark_theme .ans_technical tfoot td {
    border: 1px solid var(--color-171717);
    color: var(--color-ffffff);
}

.dark_theme .ans_fundamental table tr {
    border-bottom: 1px solid var(--color-171717);
}

.dark_theme .ans_technical tbody td span {
    background: var(--color-1e1e1e);
    border-color: #dcdcdc;
    color: var(--color-ffffff);
}

.dark_theme .list li.act {
    border-right: 1px solid #242A34 !important;
}

.dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-last-child(-n+4),
.dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-last-child(-n+4),
.dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-child(-n+4),
.dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-child(-n+4) {
    border-color: #363c4e !important;
}

.ind_cntx_menu {
    position: absolute;
    width: 100px;
    /*top: 40px;*/
    display: none;
    z-index: 99999 !important;
}

.ind_cntx_menu:before {
    content: '';
    position: absolute;
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    top: -15px;
    left: 10px;
}

.ind_cntx_menu ul {
    list-style: none;
    background: var(--color-ffffff);
    margin: 0;
}

.ind_cntx_menu li a {
    padding: 2px 10px;
    display: block;
    font-size: 14px;
    color: var(--color-000000);
}

div#no_internet {
    width: 380px;
    padding: 50px 10px;
    z-index: var(--dhx-z-index-overlay-total);
}

div#no_internet button.close-button span {
    line-height: 20px;
    height: 30px;
    overflow: hidden;
    font-size: 30px;
    margin-top: 3px !important;
    display: block;
    outline: none;
}

.no_net_icon {
    margin-bottom: 40px;
}

.no_net_icon img {
    width: 75px;
    margin-top: 20px;
}

a.btn_recont {
    height: 35px;
    padding: 0px 15px 0px 10px;
    border-radius: 3px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 50px auto 0px;
    font-size: 14px;
    background: var(--color-299bd3);
    color: #fff;
}

.btn_recont img {
    margin-right: 5px;
}

.dark_theme a.btn_recont img {
    filter: invert(1);
}

a.btn_recont:hover img {
    transform: rotate(306deg);
    transition: 0.8s ease;
}

div#no_internet h5,
div#no_internet h6 {
    color: #7f7f7f;
}

span.upi_status_close {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: var(--color-000000);
    color: var(--color-ffffff);
    line-height: 1.3;
    top: 10px;
    cursor: pointer;
}

p.upi_display_amount {
    font-weight: 600;
    font-size: 22px;
}

table#fundamental_det td {
    padding: 10px 0px;
}

.foot_links {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.analysis_box1_inner {
    height: calc(100vh - 180px) !important;
    overflow-y: auto;
}

.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2),
.holdings_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    text-align: left !important;
    padding-left: 15px !important;
}

text.highcharts-credits {
    opacity: 0;
}

.mildbullishbg,
.bullishbg {
    background: #49b07b !important;
    color: var(--color-ffffff) !important;
}

.greybg {
    background: #9d9b9b !important;
    color: var(--color-ffffff) !important;
}

.sidewaysbg {
    background: #FF9800 !important;
    color: var(--color-ffffff) !important;
}

.mildbarishhbg,
.barishhbg {
    background: #e84352 !important;
    color: var(--color-ffffff) !important;
}


/* Style the tab */

.ops_cont .tab {
    overflow: hidden;
    border: none !Important;
    border-radius: 0px;
    display: block;
    position: sticky;
    top: 84px;
    background: var(--color-ffffff);
    padding-bottom: 3px;
    z-index: 999;
}


/* Style the buttons that are used to open the tab content */

.ops_cont .tab button {
    background-color: var(--color-303030);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 600;
    color: var(--color-a8a8a8);
    height: 30px;
}

.tablinks.active {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}


/* Change background color of buttons on hover */

.ops_cont .tab button:hover {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}


/* Create an active/current tablink class */


/* Style the tab content */

.ops_cont .tabcontent {
    display: none;
    padding: 0px 0px;
    border-top: none;
    overflow: hidden;
}

.ops_bs_head,
.ops_ltp_head {
    display: flex;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    padding: 5px 0px;
    font-weight: 500;
    z-index: 999;
}

.ops_bs_item.get_attr_data.act_left.act_right .strike_price {
    background: rgb(32, 142, 205);
    color: #fff;
}

.dark_theme .ops_grk_head:before {
    background: var(--color-1e1e1e) !important
}

.dark_theme .basket_list_windows tr.odd_dhx_terrace td {
    background-color: var(--color-000000) !important;
}

.ops_bs_item {
    display: flex;
    border: 1px solid var(--color-1e1e1e);
    padding: 5px 0px;
    border-radius: 3px;
}

.ops_ltp_item {
    display: flex;
}

.ops_bs_item .str_btns,
.ops_bs_head .str_btns {
    width: calc(50% - 50px);
}

.ops_bs_head .strike_price {
    background: transparent;
}

.ops_bs_item.act_left {
    background: #feee96;
    background: linear-gradient(to right, #1C3F50 50%, var(--color-303030) 50%, var(--color-303030) 100%);
}

.ops_bs_item.act_right {
    background: #feee96;
    background: linear-gradient(to left, #1C3F50 50%, var(--color-303030) 50%, var(--color-303030) 100%);
}

[data-theme="light"] .ops_bs_item.act_left {
   
 background: linear-gradient(to right, #bfe1f2 50%, #F4F4F4 50%, #F4F4F4 100%); 
}

[data-theme="light"] .ops_bs_item.act_right {
    background: linear-gradient(to left, #bfe1f2 50%, #F4F4F4 50%, #F4F4F4 100%);
}

[data-theme="light"] .ops_bs_item.act_right.act_left,
[data-theme="light"] .ops_ltp_item.act_right.act_left,
[data-theme="light"] .ops_grk_item.act_left.act_right {
    background: #bfe1f2!important;
}

[data-theme="light"] .strike_price {
    background: #ffffff;
}

.ops_ltp_item.act_left {
    background: #feee96;
    background: linear-gradient(to right, #feee96, #feee96 calc(50% - 85px), var(--color-303030) calc(50% - 85px), var(--color-303030) 100%);
}

.ops_ltp_item.act_right {
    background: #feee96;
    background: linear-gradient(to left, #feee96, #feee96 calc(50% - 80px), var(--color-303030) calc(50% - 80px), var(--color-303030) 100%);
}

[data-theme="light"] .ops_ltp_item.act_left {
    border-bottom:1px solid #f4f4f4;
     background: linear-gradient(to right, #bfe1f2, #bfe1f2 calc(50% - 85px), #ffffff calc(50% - 85px), #ffffff 100%);
     color:#000000 !important; 
}

[data-theme="light"] .ops_ltp_item.act_right {
        /* background: #ffffff;  */
    border-bottom:1px solid #f4f4f4;
    /* background: #feee96; */
    background: linear-gradient(to left, #bfe1f2, #bfe1f2 calc(50% - 80px), #ffffff calc(50% - 80px), #ffffff 100%); 
    color:#000000 !important;
}

.dark_theme .ops_bs_item.act_right.act_left,
.dark_theme .ops_ltp_item.act_right.act_left {
    background: #1C3F50;
}

.dark_theme span.str_depth img,
.dark_theme .str_chart img,
.dark_theme .str_more img {
    /*filter:brightness(100);*/
}

.cl_ltp,
.put_ltp {
    width: calc(50% - 60px);
    text-align: center;
    font-size: 12px;
}

.ltp_strike,
.ltp_iv {
    /** width: 20%;**/
    width: 70px;
    text-align: center;
    font-size: 14px;
}

.ltp_strike {
    width: 55px;
}

.ops_ltp_head .cl_ltp,
.ops_ltp_head .put_ltp {
    color: #898989;
}

span.ltp_down {
    color: red;
}

span.ltp_up {
    color: green;
}

.ops_ltp_item .cl_ltp,
.ops_ltp_item .put_ltp {
    position: relative;
    z-index: 1;
}

.ops_ltp_item .cl_ltp,
.ops_ltp_item .put_ltp {
    position: relative;
}

.ops_ltp_item .cl_ltp span.progress_bar {
    position: absolute;
    left: 0;
    background:#b6c52e;
    height: 90%;
    z-index: -1;
    border-radius: 0px 50px 50px 0;
    transition: 0.5s ease;
    top: 5%;
}

.ops_ltp_item .put_ltp span.progress_bar {
    position: absolute;
    right: 0;
    background: #b6c52e;
    height: 90%;
    z-index: -1;
    border-radius: 50px 0px 0px 50px;
    transition: 0.5s ease;
    top: 5%;
    margin-right: 0px;
}

.ops_grk_head {
    display: flex;
    padding: 5px;
    position: sticky;
    top: 121px;
}

.oi_ltp_item .actt,
.ops_ltp_item .actt {
    font-size: 0px;
}

.oi_ltp_item .actt:after,
.ops_ltp_item .actt:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 18px;
}

.light_theme .strike_in {
    border: 2px solid #ffffff !important;
}

.ops_grk_item.greekright {
    background: var(--color-303030);
    border: 1px solid var(--color-1e1e1e);
    border-radius: 3px;
    height: 35px;
    align-items: center;
}

.grk_cell,
.grk_cell_b {
    width: 14.2%;
    text-align: center;
    font-size: 13px;
}

.grk_cell_b {
    font-weight: 400;
}

.ops_grk_item {
    display: flex;
    text-align: center;
    border-bottom:1px solid #f4f4f4;
}

.light_theme .input-group1 {
    border: 2px solid #fff !important;
    background: #fff !important;
}

.ops_grk_item .grk_cell,
.ops_grk_item .grk_cell_b {
    padding: 5px;
}

.ops_ltp_item div {
    padding: 5px;
}

.ops_grk_item .grk_cell:first-child {
    border-left: none;
}

.ops_grk_item .grk_cell:last-child {
    border-right: none;
}

.ops_ltp_item div:first-child {
    border-left: none;
}

.ops_ltp_item div:last-child {
    border-right: none;
}

.v_note {
    position: absolute;
    bottom: 0;
    background: var(--color-ffffff);
    width: 100%;
    left: 0;
    padding: 5px 10px;
    font-size: 14px;
    z-index: 999;
}

[data-theme="light"] .v_note {
    background: #fff;
}

.v_note span {
    width: 35px;
    height: 8px;
    background: #b6c52e;
    display: inline-block;
    border-radius: 30px;
}

div.ops_ltp_cont {
    overflow: auto;
    height: calc(100vh - 150px);
}

.ops_cont .tab {
    background: var(--color-1e1e1e);
}

.exp-switch {
    background: var(--color-000000);
}

label#future_count {
    background-color: var(--color-1e1e1e);
    border-radius: 3px;
    background: var(--color-707070);
}

.exp-switch-input:checked+.exp-switch-label {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
    border-radius: 3px;
}

.dark_theme .v_note {
    background: var(--color-1e1e1e);
}

div#banlist_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}

div#banlist_widget.act {
    display: block;
}

div#banlist_widget_inr {
    z-index: 99999 !important;
    height: 100% !important
}

div#banlist_widget_inr .dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    text-align: center;
}

div#banlist_widget_inr .dhxlayout_arrow.dhxlayout_arrow_va,
div#banlist_widget_inr .dhxlayout_arrow.dhxlayout_arrow_vb {
    display: none;
}

.dhx_cell_layout.no_border div {
    border: none !important;
}

.dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/search.svg) no-repeat top 0px right 10px;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 5px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    line-height: 1.2;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: var(--color-000000);
    font-weight: 600;
    vertical-align: middle;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr,
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
#banlist_widget_inr tbody tr:nth-child(even),
div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
    background: transparent !important;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    line-height: 1;
    font-size: 12px;
    color: var(--color-000000);
}


/*.dhxform_item_absolute.search_ban {
    right: 260px;
    left: unset !important;
    top: 0px;
}*/

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="left"],
#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="left"] {
    text-align: left !important;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="right"],
#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="right"] {
    text-align: right !important;
}

#banlist_widget_inr tbody,
#banlist_widget_inr tfoot,
#banlist_widget_inr thead,
#result_cal_widget_inr tbody,
#result_cal_widget_inr tfoot,
#result_cal_widget_inr thead {
    border: none !important;
}

div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td:last-child,
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td:last-child {
    text-align: right !important;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
#banlist_widget_inr tbody tr:nth-child(even),
#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
#result_cal_widget_inr tbody tr:nth-child(even) {
    border-bottom: 1px solid #e6e6e6 !important;
}

#banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout,
#banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,
#result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,
#result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-color: #e6e6e6 !important;
}

div#result_cal_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: var(--color-ffffff);
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}

div#result_cal_widget.act {
    display: block;
}

div#result_cal_widget_inr {
    z-index: 99999 !important;
    height: 100% !important
}

div#result_cal_widget_inr .dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    text-align: center;
}

div#result_cal_widget_inr .dhxlayout_arrow.dhxlayout_arrow_va,
div#result_cal_widget_inr .dhxlayout_arrow.dhxlayout_arrow_vb {
    display: none;
}

.dhx_cell_layout.no_border div {
    border: none !important;
}

.dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/search.svg) no-repeat top 0px right 10px;
}

div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 5px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    line-height: 1.2;
}

div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: var(--color-000000);
    font-weight: 600;
    vertical-align: middle;
}

div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr,
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
div#result_cal_widget_inr tbody tr:nth-child(even),
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
    background: transparent !important;
}

div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    line-height: 1;
    font-size: 12px;
    color: var(--color-000000);
}

div#result_cal_widget_inr .dhxform_item_absolute.cal_btn {
    right: 0px;
    left: unset !important;
    width: 100%;
}

div#result_cal_widget_inr .dhxform_item_absolute.cal_btn>div {
    right: 16px !important;
    left: unset !important;
}

.dhxform_item_absolute.head_line {
    font-size: 16px;
}

div#result_cal_widget_inr .dhxform_item_absolute.head_lable>div {
    right: 150px !important;
    left: unset !important;
}

div#result_cal_widget_inr .dhxform_item_absolute.head_lable {
    width: 100% !important;
}

.dhxform_obj_dhx_terrace .cal_btn .dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/cal.svg) no-repeat top 0px right 10px;
    background-size: 17px;
    background-position: right 10px center;
}

.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
    z-index: 999 !important;
}

.dark_theme div#result_cal_widget,
.dark_theme div#banlist_widget {
    background: var(--color-1e1e1e);
}

.dark_theme #banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout,
.dark_theme #banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,
.dark_theme #result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,
.dark_theme #result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-color: #353b4d !important;
}

.dark_theme .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
    border: 1px solid #353b4d;
    background-color: #242a34;
    color: var(--color-ffffff);
}

.dark_theme div.gridbox_dhx_terrace.gridbox table.hdr td {
    color: var(--color-ffffff);
}

.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,
.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    color: var(--color-ffffff);
}

.dark_theme tbody tr:nth-child(even) {
    background-color: #000000;
}

.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
.dark_theme #banlist_widget_inr tbody tr:nth-child(even),
.dark_theme #result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
.dark_theme #result_cal_widget_inr tbody tr:nth-child(even) {
    border-bottom: 1px solid #353b4d !important;
}

.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,
.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr,
.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
.dark_theme div#result_cal_widget_inr tbody tr:nth-child(even),
.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid #353b4d !important;
}

.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,
.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr,
.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace,
.dark_theme #banlist_widget_inr tbody tr:nth-child(even),
.dark_theme div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid #353b4d !important;
}

.dark_theme .side-bar .tab-inner.grid_view .mw-dropdown {
    background: rgb(54, 60, 78) !important;
    border: 1px solid rgb(54, 60, 78) !important;
}

.dark_theme span.mw_mr_opt {
    border: 1px solid #cacaca;
}

.dark_theme .support_cont.act textarea,
.dark_theme .support_cont.act input {
    color: var(--color-ffffff);
}

.dark_theme .support_cont input[type="submit"]:hover {
    color: #3fa7de;
}

.dark_theme .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] span,
.dark_theme .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] .mw_list span.sys_ptg {
    color: var(--color-ffffff) !important;
}


/**.dark_theme canvas#myCanvas {
    filter: invert(1);
}**/

.dark_theme div#ladder_box {
    background: var(--color-1e1e1e);
}

.dhxwins_vp_dhx_terrace .pos_con_windows div.dhxwin_hdr div.dhxwin_icon {
    background: none !Important;
}

.dark_theme .pos_con_windows div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    color: #fff !Important;
}

.dhxwins_vp_dhx_terrace .pos_con_windows div.dhxwin_hdr {
    border-bottom: 1px solid #363c4e !important;
}

.dark_theme span.net_msg {
    font-size: 14px;
    color: #eaeaea;
}

label.radio-bank-label {
    margin-left: 0px;
}

.dark_theme .upi_status:after {
    background: rgb(0 0 0 / 56%);
}

.dark_theme .upi_note {
    color: var(--color-ffffff);
}

.flex_align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row.flex_align a {
    margin: 0px 10px;
    border-radius: 50px;
    padding: 8px 13px;
    color: var(--color-ffffff) !important;
    background: #208ecd;
}

.dark_theme .noty_nosys {
    background: #242a34;
    box-shadow: 0px 0px 13px 0px var(--color-000000);
}

.right_theme div#result_cal_widget,
.right_theme div#banlist_widget {
    left: unset;
    right: 70px;
}

div#ladder_box span.l_close {
    display: block;
    width: 22px;
    height: 22px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    text-align: center;
    top: 8px;
    border-radius: 3px;
    cursor: pointer;
    background: rgb(255 201 211);
    color: #ff0130;
    line-height: 18px;
    font-weight: 600;
    font-size: 16px;
}

div#ladder_box .widget_head {
    display: flex;
    justify-content: space-between;
    z-index: 999;
}

div#ladder_box {
    padding-top: 0;
}

span.empty_data {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.technical_nodata,
.news_nodata {
    height: calc(100% - 35px);
}

span.fur_wid_close,
.global_trade_widget_close,
.cur_wid_close,
.headmap_wid_close,
.scr_wid_close,
.banlist_wid_close,
.result_wid_close,
.eco_wid_close {
    position: absolute;
    right: 5px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: var(--color-000000);
    text-align: center;
    top: 5px;
    color: var(--color-ffffff);
    text-transform: lowercase;
    cursor: pointer;
    border: 1px solid var(--color-000000);
    line-height: 15px;
    border-radius: 0;
    z-index: 9999999;
}

@keyframes mymove {
    100% {
        transform: rotate(360deg);
    }
}

.ref_loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/refresh.png) center center no-repeat var(--color-ffffff) !important;
    background-size: 70% !important;
    animation: mymove 1s infinite;
    width: 100%;
    height: 100%;
    z-index: 999;
    border-radius: 50%;
}

.side-bar .tab-inner.grid_view span.symbolsholding.act {
    padding-left: 15px !important;
}

.ans_News ul .up_arw,
.ans_News ul li .down_arw,
.ans_News ul li .mdl_arw {
    min-width: 20px !important;
    height: 20px;
}

@media screen and (max-height: 450px) {
    .foot_note {
        display: none;
    }
}

.new_options.analysis_hide {
    justify-content: space-between;
}

.new_options.analysis_hide a {
    width: calc(50% - 5px);
    margin: 5px 0px;
}

.chang-pwd .form-box1 input {
    width: 100%;
}

.chang-pwd ul {
    font-size: 12px;
}

.cc-banner.cc-bottom.cc-theme-edgeless.cc-type-info.cc-window {
    z-index: 99999999 !important;
}

p.date_time {
    margin: 0px;
    font-size: 12px;
    color: var(--color-000000);
    font-style: italic;
}

.dark_theme p.date_time {
    color: var(--color-ffffff);
}

.holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr td:nth-child(2) {
    text-align: center !important;
    border-right: none !important;
}

.holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
    border-right: 0px solid #e6e6e6;
    height: 100%;
}

.cellselected {
    cursor: pointer;
}

.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    cursor: pointer;
}

.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj.row20px {
    margin-bottom: 2px !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row .hdrcell {
    height: 36px !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row .xhdr {
    min-height: 41px !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row {
    margin: 6px !important;
    border: 1px solid #e6e6e6;
    margin-left: -1px !important;
    margin-top: -2px !important;
}

.menu-box .trades_tabs tbody tr:last-child td {
    background: transparent !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2),
.trades_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid #e6e6e6;
    height: 100%;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj tr td:nth-child(2),
.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row .xhdr td:nth-child(2) div.hdrcell {
    border-right: 0px solid #e6e6e6;
    height: 100%;
}

#trade_details_window .trade_details_close .dhx_button {
    cursor: pointer !important;
    left: unset !important;
    right: 0px !important;
}

#trade_details_window .dhxform_item_absolute.trade_details_close {
    width: 100%;
}

.dhxwin_activetrade_details_window>div.dhx_cell_wins>div>div>div>div:nth-child(1)>div.dhx_cell_cont_layout {
    border: none !important;
}

div.dhxwin_active#trade_details_window>div.dhx_cell_wins>div>div>div>div:nth-child(1)>div.dhx_cell_hdr.dhx_cell_hdr_hidden {
    border: none !important;
}

.trade_details_close .dhx_button {
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    background: var(--color-000000) !important;
    color: var(--color-ffffff) !important;
}

.dhxwin_active#trade_details_window table {
    margin: 0px;
}

.dhxwin_active#trade_details_window table tr {
    background: var(--color-ffffff) !important;
    border-bottom: 1px solid #e6e6e6;
}

.dhxwin_active#trade_details_window div.gridbox_dhx_terrace.gridbox .ftr table th {
    padding: 0px;
}

.dhxwin_active#trade_details_window div.gridbox_dhx_terrace.gridbox .ftr table td {
    padding: 0px 10px;
    font-weight: 600;
}

.dhxwin_active#trade_details_window div.gridbox_dhx_terrace.gridbox table.hdr td {
    background: var(--color-ffffff);
}

.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2),
.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid var(--color-171717);
    height: 100%;
}

.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row {
    margin: 6px !important;
    border: 1px solid var(--color-171717);
}

.dark_theme .menu-box .trades_tabs tbody tr:last-child td {
    background: var(--color-1e1e1e) !important
}

.dark_theme .dhxwin_active#trade_details_window div.gridbox_dhx_terrace.gridbox table.hdr td {
    background: var(--color-1e1e1e);
}

.dark_theme .dhxwin_active#trade_details_window table tr {
    background: var(--color-1e1e1e) !important;
    border-bottom: 1px solid var(--color-171717);
}

.dark_theme .dhxwin_active#trade_details_window div.gridbox_dhx_terrace.gridbox .ftr table td {
    color: var(--color-ffffff);
    background-color: var(--color-1e1e1e);
}

.overview {
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-radius: 3px;
    padding: 0px 8px 0px 20px;
    border-bottom: 1px solid var(--color-303030);
    padding-bottom: 18px;
}
.overview_left
{
    display: flex;
    justify-content: flex-start;
    text-align: center;
    border-radius: 3px;
}

.overview_left>div {
    margin: 0px 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding-right: 50px;
}

.overview_left>div:first-child {
    margin-left: 0;
}

.overview_left>div:last-child {
    margin-right: 0;
}

.overview_left>div>p {
    margin-bottom: 3px;
    font-size: 14px;
    color: var(--color-a8a8a8);
}

.overview_left span {
    font-size: 16px;
    line-height: 1.2;
}
.overview_right ul {
    display: flex;
    list-style: none;
    margin: 0px;
}
.overview_right {
    display: flex;
}
.overview_right span {
    position: absolute;
    z-index: 99;
    left: 15px;
    font-size: 12px;
    line-height: 26px;
    color: #000000;
}

.overview_right li {
    position: relative;
}
.c_slider {
    width: 90px;
    height: 25px;
    background: #e0e0e0;
    border-radius: 3px;
    position: relative;
    margin-left: 10px;
}
[data-theme="light"] .c_slider {
    background:#e5e5e5;
}
.c_slider.cc1::before
{
background-color: #ffeb3b;
}
.c_slider.cc2::before
{
background-color: #ff5722;
}
.c_slider.cc3::before
{
background-color: #ff9800;
}
.c_slider.cc4::before
{
background-color: #9c27b0;
}
.c_slider.cc5::before
{
background-color: #2196f3;
}

.c_slider::before {
    /**content: attr(data-val);**/
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 22px;
    padding-left: 6px;
    border-radius: 3px;
}
.c_slider[data-val="0"]:before
{
    width: 0%;
}
.c_slider[data-val="1"]:before
{
    width: 16%;
}
.c_slider[data-val="2"]:before
{
    width: 33%;
}
.c_slider[data-val="3"]:before
{
    width: 50%;
}
.c_slider[data-val="4"]:before
{
    width: 66%;
}
.c_slider[data-val="5"]:before
{
    width: 83%;
}
.c_slider[data-val="6"]:before
{
    width: 100%;
}

.overview_right ul {
    display: flex;
    align-items: center;
}






.ind_chart {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: none !important;
}

span.ind_chart_btn img {
    margin-right: 5px;
}

.dark_theme span.ind_chart_btn {
    color: #fff !Important;
}

.nifty_st {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.nifty_st:hover .ind_chart {
    display: block;
}

.dark_theme .introjs-tooltip {
    background-color: #21242f;
}

.dark_theme .introjs-helperLayer {
    background-color: rgb(33 36 47);
}

.dark_theme .introjs-arrow.top {
    border-bottom-color: #21242f;
}


/**
.p_fix {
    position: sticky;
    top: 0;
}**/

span.ttr_alert_msg {
    font-size: 16px;
    margin-bottom: 10px;
    background: rgb(235 77 92 / 26%);
    display: inline-block;
    color: var(--color-000000);
    padding: 4px 20px;
    border-radius: 25px;
    border: 2px dashed #eb4d5c;
    font-weight: 600;
}

ul.theme_color li {
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0px 0px 0px 6px !important;
}

ul.theme_color li span {
    background: var(--color-303030);
    display: flex;
    height: 100%;
    line-height: 30px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
}

.theme_color path#Path_5 {
    fill: transparent;
    stroke: #5e5f5e;
    transform: scale(0.9);
    margin-top: 5px;
}

.dark_theme .theme_color path#Path_5 {
    fill: transparent;
    stroke: var(--color-ffffff);
    transform: scale(0.9);
}

.light_theme .theme_color li.Light path#Path_6 {
    display: block;
}

.dark_theme .theme_color li.Light path#Path_6 {
    display: none;
}

.light_theme .theme_color li.Dark path#Path_6 {
    display: none;
}

.dark_theme .theme_color li.Dark path#Path_6 {
    display: block;
}

li.Dark span svg {
    fill: var(--color-a8a8a8);
}

.light_theme li.Light span svg path {
    fill: var(--color-299bd3) !important;
}

.light_theme li.Dark span svg {
    fill: var(--color-a8a8a8);
}

.dark_theme li.Dark span {
    background: rgba(41, 155, 211, 0.31) !important;
}

.light_theme .theme_color li.Light path#Path_5 {
    fill: #3bb54a;
    stroke: #3bb54a;
}

.dark_theme .theme_color li.Light path#Path_5 {
    fill: transparent;
}

.light_theme .theme_color li.Dark path#Path_5 {
    fill: transparent;
}

.dark_theme .theme_color li.Dark path#Path_5 {
    fill: #3bb54a;
    stroke: #3bb54a;
}

ul.theme_color li {
    box-shadow: none !important;
}

span.chart_t {
    margin-bottom: -25px;
    position: relative;
    display: block;
    margin-left: 10px;
    background-color: rgb(255 255 255 / 60%);
}

.dark_theme span.chart_t {
    color: var(--color-ffffff);
    background-color: rgb(19 23 34 / 60%);
}

.pay_radio-group.mx_two {
    flex-wrap: wrap;
    max-width: fit-content;
}

.mx_two_head {
    width: 100%;
    margin: 10px 0px;
    font-weight: 600;
}

.dark_theme .mx_two_head {
    color: #dcdcdc;
}

span.mrg_eqt {
    max-width: calc(100% - 14px);
    word-break: break-all;
    display: block;
}

.dark_theme div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid var(--color-1e1e1e);
    background-color: var(--color-1e1e1e);
}

.dark_theme .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-left: 1px solid var(--color-171717);
    border-right: 1px solid var(--color-171717);
    border-bottom: 1px solid var(--color-171717);
}

div#tab_window>.dhxlayout_cont {
    width: 100% !important;
    height: 100% !important;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
    background-color: transparent !important;
}

.pop_buy_tip_nw {
    position: absolute;
    background: var(--color-000000);
    z-index: 999999;
    box-shadow: 0px 0px 6px #ccc;
    width: 420px;
    right: 140px;
    top: 74px;
    display: none;
}

.pop_buy_tip_nw .pop_bid {
    display: flex;
    flex-wrap: wrap;
    width: 320px;
}

.pop-chart-right .pop_buy_tip_nw table th {
    text-align: center !important;
}

.pop_buy_tip_nw span.ord_bidtips_right:after {
    top: 0px;
    right: -158px;
    left: unset;
}

.pop_buy_tip_nw span.ord_bidtips_left:after {
    top: -23px;
    right: -115px;
    left: unset;
}

.pop_buy_tip_nw span.ord_asktips_left:after {
    top: 0px;
    right: -117px;
    left: unset;
}

.pop_buy_tip_nw span.ord_asktips_right:after {
    top: -22px;
    right: -158px;
    left: unset;
}

span.ord_asktips_right:before,
span.ord_bidtips_right:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 17px;
    width: 30px;
    height: 1px;
    background: #3166cc;
}

span.ord_bidtips_left:before,
span.ord_asktips_left:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 8px;
    width: 54px;
    height: 14px;
    border: 1px solid #d03838;
    border-bottom: unset;
    border-right: none;
}

.pop_buy_tip_nw:after {
    border: 10px;
    content: "";
    display: block;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 150px;
    top: -18px;
}

ul.nav_pos li {
    border: none !important;
    background: transparent !important;
    display: flex;
    align-items: center;
    min-width: unset;
    min-height: unset;
    max-height: unset;
    width: unset;
    height: unset !important;
    padding: 10px !important;
}

ul.nav_pos {
    width: 100%;
}

ul.nav_pos li span {
    margin: 5px 5px 8px!important;
}

ul.nav_pos path#Path_5 {
    fill: transparent;
    stroke: #5e5f5e;
    transform: scale(0.9);
    margin-top: 5px;
}

.dark_theme ul.nav_pos path#Path_5 {
    fill: transparent;
    stroke: var(--color-ffffff);
    transform: scale(0.9);
}

.right_theme ul.nav_pos li.Right path#Path_6 {
    display: block;
}

.left_theme ul.nav_pos li.Right path#Path_6 {
    display: none;
}

.right_theme ul.nav_pos li.Left path#Path_6 {
    display: none;
}

.left_theme ul.nav_pos li.Left path#Path_6 {
    display: block;
}

.right_theme ul.nav_pos li.Right path#Path_5 {
    fill: #3bb54a;
    stroke: #3bb54a;
}

.left_theme ul.nav_pos li.Right path#Path_5 {
    fill: transparent;
}

.right_theme ul.nav_pos li.left path#Path_5 {
    fill: transparent;
}

.left_theme ul.nav_pos li.Left path#Path_5 {
    fill: #3bb54a;
    stroke: #3bb54a;
}

.dark_theme .pop_buy_tip_nw {
    background: var(--color-171717);
    box-shadow: 0px 0px 6px #05070c;
}

.dark_theme .pop_buy_tip_nw:after {
    border-color: transparent transparent var(--color-171717) transparent;
}

.dhx_sub_row .objbox,
.dhx_sub_row {
    overflow: visible !important;
    background: transparent !important;
    margin: 0px;
}

.dhx_sub_row .objbox tr:last-child {
    border-bottom: 1px solid var(--color-000000) !important;
}

.menu-box .dhx_sub_row .objbox tbody tr {
    border: none;
    background: transparent !important;
    top: -3px !important;
    position: relative;
}

.menu-box .dhx_sub_row .objbox tbody tr span.cntx_menu {
    border: none;
}

.menu-box .dhx_sub_row .objbox tbody tr td:first-child {
    text-align: left !important;
}

.dhx_sub_row .objbox tbody tr td {
    padding: 0px 10px !important;
}

.menu-box div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj tr td {
    padding: 0px 10px !important;
}

.menu-box div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj tr td:first-child {
    padding-left: 30px !important;
}

#tab_window>div>div>div.dhx_cell_cont_layout.dhx_cell_cont_no_borders>div>div>div>div:nth-child(3)>div>div>div>div>div.dhxtabbar_tabs.dhxtabbar_tabs_top {
    border: 1px solid #e6e6e6 !important;
}

.dark_theme #tab_window>div>div>div.dhx_cell_cont_layout.dhx_cell_cont_no_borders>div>div>div>div:nth-child(3)>div>div>div>div>div.dhxtabbar_tabs.dhxtabbar_tabs_top {
    border: 1px solid #363c4e !important;
}

.dark_theme div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    filter: invert(1);
}

.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    margin-top: 10px;
}

.holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr th:nth-child(1) {
    width: 217px;
}

.menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 0px solid var(--color-1e1e1e) !important;
    border-left: 1px solid var(--color-1e1e1e) !important;
    border-right: 1px solid var(--color-1e1e1e) !important;
}

.dark_theme .dhxwin_active tbody tr {
    background: var(--color-1e1e1e) !important;
}

.dark_theme span.ttr_alert_msg {
    color: var(--color-ffffff);
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr.rowselected td {
    background-color: #fff3a100;
    color: black;
}

.dhx_sub_row .xhdr {
    height: 41px !important;
    margin-top: -2px;
}

.dark_theme .exp-switch-label-off {
    color: var(--color-ffffff);
}

.dhxcombolist_dhx_terrace {
    z-index: 9999 !important;
}
.str_readymade, .str_save, span.str_place_order, span.reset_prz {font-size: 13px !important;padding-left: 10px;padding-right: 10px;}
.port_radio {
    width: 100% !important;
    color: var(--color-ffffff);
}
.port_radio legend.dhx_label {
    display: none;
}

.port_radio .dhx_radiobutton .dhx_text {
    color: var(--color-ffffff) !important;
}
.port_radio .dhx_layout-cell {
    max-width: max-content;
}
.dhx_layout-cell.port_radio.dhx_form-element {
    background: var(--color-000000) !important;
    margin-bottom: 10px;
    padding: 5px 0px;
}
.port_radio .dhx_form-group {
    align-items: center;
    display: flex;
}
.dhx_layout-cell.port_radio.dhx_form-element * {
    background: transparent !important;
    margin-bottom: 0px;
}
.stocks-main .dhx_tabbar-header__wrapper {
    display: block !important;
}
.dhx_layout-cell.port_radio .dhx_radiobutton__input:checked+.dhx_radiobutton__visual-input + .dhx_text {
    color: var(--primary-color) !important;
    background-color: rgb(41 155 211 / 31%) !important;
    border-radius: 3px;
}
.dhx_layout-cell.port_radio .dhx_radiobutton__input+.dhx_radiobutton__visual-input + .dhx_text {
    padding: 3px 20px !important;
    margin: 0px;
}

.dhx_layout-cell.port_radio .dhx_radiobutton__input:checked+.dhx_radiobutton__visual-input {
    display: none !important;
}
.port_radio .dhx_radiobutton__visual-input {
    display: none;
}
.dhx_layout-cell.port_radio.dhx_form-element label.dhx_radiobutton {
    margin: 0px 6px;
}
.inval .dhx_label, .inval .dhx_text
{
    font-size: 12px;
}
.inval .dhx_input, .dhx_form-group .inval .dhx_input {
    border: none !important;
    font-size: 20px;
    padding: 0px 0px 0px 10px;
    color: var(--color-ffffff) !important;
    background-color: var(--color-1e1e1e) !important;
    box-shadow: none !important;
}
.dhx_layout-cell.port_radio {
    margin-bottom: 15px !important;
}
.stocks-main .dhx_header-wrapper .dhx_header-row[aria-rowindex="2"]{
    display: none !important;
}
.stocks-main .dhx_header-wrapper, .stocks-main .dhx_grid-header
{
    height: unset !important;
    /* z-index: 999999; */
}

.radio_css1, .radio_css2 {
    width: 100% !important;
}
.radio_css2 .dhx_label {
    display:none;
}

.radio_css2 .dhx_form-group {
    margin: 0px !important;
}

.dhx_layout-cell.radio_css2 .dhx_input {
    font-size: 12px;
}

.dhx_layout-cell.radio_css2 {
    margin: 0px;
     width: 100% !important;
    margin-top: -15px !important;
}
.dhx_layout-cell.dhx_layout-rows.tb-wtd {
    width: 25% !important;
}
.dhx_layout-cell.inv_stock,.dhx_layout-cell.inv_mf 
{
    display: none ;
}
.dhx_layout-cell.ds_hd3 .dhx_widget.dhx_form .dhx_form-group--disabled {
    opacity: 1 !important;
}
.dhx_layout-cell.invest_stock.dhx_form-element {
    width: 100% !important; 
}
/* [data-cell-id="cr_tabs"]
{
    display: none;
} */
.dhx_layout-cell.ds_hd3 .dhx_layout-rows.dhx_form {
    justify-content: center;
    overflow: hidden;
}
.ds_hd3.show_mf .dhx_layout-rows.dhx_form {
    justify-content: flex-start;
}
.stocks-main .dxi-chevron-up + .dhx_tree-cell.dhx_align-left {
    padding-left: 2px !important;
}

.stocks-main .dhx_grid-cell.dhx_tree-cell.dhx_align-left {
    padding-left: 5px !important;
}   
.marketwatch-tabs li.down .bg_chart{
    filter: hue-rotate(295deg) !important;
    opacity: 0.3 !important;
}
.marketwatch-tabs li.up .bg_chart, .marketwatch-tabs li .bg_chart {
    filter: hue-rotate(68deg)!important;
    opacity: 0.3 !important;
}
table.buy td.rang_val:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    width: var(--w);
    background: #00EE79;
    background: linear-gradient(270deg,rgba(0, 238, 121, 1) 0%, rgba(29, 29, 29, 0) 100%);
    height: calc(100% - 6px);
    opacity: 50%;
    border-radius: 3px;
}
table.sell td.rang_val:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    width: var(--w);
    background: #FF0A13;
    background: linear-gradient(270deg,rgba(255, 10, 19, 1) 0%, rgba(29, 29, 29, 0) 100%);
    height: calc(100% - 6px);
    opacity: 50%;
    border-radius: 3px;
}

td.rang_val {
    position: relative;
}
.dhx_popup--window.Mdepth_window:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 403px);
    height: 100%;
    background: rgb(0% 0% 0% / 35%);
}

.dhx_popup--window.Mdepth_window {
    max-width: 1200px;
}
.light_theme .dhx_button--view_link.dhx_button--color_secondary, .dhx_button--view_link.dhx_button--color_secondary {
    background-color: #a8a8a8 !important;
}
.left_lbl {
    position: absolute;
    left: 0;
    top: -16px;
    font-size: 10px;
    color: var(--color-707070) !important;
}

.right_lbl {
    position: absolute;
    right: 0px;
    top: -16px;
    font-size: 10px;
    color: var(--color-707070) !important;
}
.light_theme .left_lbl, .light_theme .right_lbl{
    color: var(--color-707070) !important;
}

.g_item.mcexpirydate_div {
    display: none;
}

@media screen and (max-width: 1400px) {
    .overview_left>div {
        padding-right: 20px !important;
     }
     .overview_left>div>p {
        font-size: 12px !important;
     
    }
    .c_slider {
        width: 75px !important;
     
    }
    .side-codes ul li {
        font-size: 14px;
    }
    .order_tabs .selec_flt .dhxcombo_dhx_terrace {
        width: 150px !important;
    }
    .step1_ind>div:nth-child(5) {
        display: none;
    }
    h2#proname_det {
        font-size: 26px;
    }
    .chart-box h3 {
        font-size: 18px;
    }
    .head_line11 div {
        left: 500px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    .exp-switch-label {
        font-size: 10px;
    }
    .exp-switch {
        width: 160px;
    }
    .strike_f2>span {
        font-size: 10px;
    }
    .grk_cell,
    .grk_cell_b {
        font-size: 12px;
    }
    .ops_ltp_item div {
        font-size: 12px;
        color: var(--color-ffffff);
    }
    .ops_bs_head,
    .ops_ltp_head {
        font-size: 12px;
    }
    .ltp_strike,
    .ltp_iv {
        width: 65px;
    }
    .cl_ltp,
    .put_ltp {
        width: calc(50% - 60px);
    }
    .strike_price {
        font-size: 14px;
    }

    .str_readymade, .str_save, span.str_place_order, span.reset_prz {width: 48%;line-height: 34px;padding: 0px 5px !important;text-align: center;margin: 2px !important;}
    .nw_st_head h2 {
        font-size: 16px !important;
        margin-bottom: 0px;
    }

    .st_btns {
        width: 300px;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 64em) and (max-width: 1300px) {
    .mm_txt input.dhx_input {
        width: 150px !important;
    }
    .right_theme .analysis_widget.act,
    .right_theme .idea_stream_widget.act,
    .right_theme div#ladder_box.act {
        left: 380px;
        right: auto;
    }
    .left_theme .analysis_widget.act,
    .left_theme .idea_stream_widget.act,
    .left_theme div#ladder_box.act {
        right: 380px;
        left: auto;
    }
    h2#proname_det {
        font-size: 22px;
    }
    div#currency_widget,
    #heatmap_widget,
    #screener_widget,
    div#result_cal_widget,
    div#banlist_widget {
        width: calc(100vw - 449px) !important;
    }
    .selec_flt .dhxcombo_dhx_terrace {
        width: 120px !important;
    }
    .search_table input {
        width: 120px !important;
    }
    .right_theme div#update_strike {
        right: unset !important;
        left: 380px !important;
    }
    div#update_strike.act {
        right: 380px;
    }
    div#main_tabs .medium-12.large-3.small-12.column,
    div#main_tabs .medium-12.large-9.small-12.column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    nav.hor_nav ul {
        width: calc(100vw - 440px);
        gap: 5px;
    }
    nav.hor_nav ul li
    {
        border-radius: 3px;
    }
    .market_info {
        width: 33%;
        height: 200px;
    }
    .market_info_new {
        width: 33%;
        height: 200px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    div#main_tabs .medium-12.large-3.small-12.column {
        display: flex;
    }
    .market_info_new:last-child {
        margin-right: 0;
    }
    nav.hor_nav ul li a {
        padding: 0px 12px;
    }
    .side-codes-details .btns button {
        font-size: 12px !important;
    }
    .r_flex {
        gap: 10px;
        padding-bottom: 10px !important;
    }
    .scd_right {
        display: none;
    }

    .scd_left {
        width: 100% !important;
    }
    .dash_sec2 ul li {
        width: 25% !important;
        padding: 15px 10px !important;
    }
    nav.hor_nav ul li img {
        width: 17px;
        height: 25px;
        object-fit: contain;
    }
    .funds_show span {
        display: none;
    }
    
    .funds_show {
        padding: 0px 0px !important;
        width: 36px !important;
    }
    
    .funds_show img {
        margin: 0 !important;
    }
  
    .side-codes ul li {
        font-size: 14px;
    }
    .new_options a {
        padding: 2px 9px;
        font-size: 12px;
    }
    div#tab_window {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    span.support_brow {
        display: none;
    }
    label.ntool-tip-show {
        display: none !important;
    }
    .side-codes {
        padding: 10px 0px;
    }
    .side-bar {
        max-width: 320px;
        width: 320px;
        position: absolute;
        height: 100%;
        background: var(--color-ffffff);
        z-index: 999;
        right: -400px;
    }
    .chart-box .row {
        max-width: 100%;
        margin: 0px;
    }
    aside.left_nav.active li .menu-box.act {
        width: calc(100vw - 100px);
    }
}

@media screen and (max-width: 39.9375em) {
    .foot_links a,
    .pop_head1 span {
        padding: 0px 10px !important;
        font-size: 10px;
        height: 20px;
        line-height: 20px;
    }
    .pop_head1 {
        font-size: 16px;
    }
    .foot_links a,
    .pop_head1 span {
        padding: 0px 10px !important;
        font-size: 10px !important;
        height: 20px !important;
        line-height: 20px !important;
    }
    .pop_head1 {
        font-size: 16px !important;
    }
    .analysis_box {
        flex-direction: column;
    }
    span.l_close {
        position: absolute;
        right: 0;
        top: 0;
        background: var(--color-000000);
        width: 25px;
        height: 25px;
        z-index: 999;
        color: var(--color-ffffff);
        text-align: center;
        line-height: 22px;
        display: block;
    }
    div#ladder_box {
        padding-top: 30px;
    }
    .ans_box_one {
        flex-direction: column;
    }
    .ans_fundamental {
        width: 100% !important;
    }
    .ans_technical {
        width: 100% !important;
    }
    div#idea_stream {
        height: calc(100% - 40px);
    }
    div#idea_stream iframe {
        width: 100% !important;
    }
    div#idea_stream iframe {
        height: 100% !important;
    }
    div#global_trade_widget,
    #future_widget {
        width: 100%;
        height: calc(100vh - 85px) !important;
        top: 50px !important;
    }
    div#currency_widget,
    div#heatmap_widget,
    div#update_strike,
    div#screener_widget,
    div#economic_calender_widget,
    div#ladder_box,
    div.analysis_widget,
    div.idea_stream_widget {
        width: 100% !important;
        right: 0px !important;
        height: calc(100vh - 85px) !important;
        top: 50px !important;
    }
    span.support_brow {
        display: none !important;
    }
    select#position_filter_sel {
        display: none;
    }
    select#order_filter_sel {
        display: none !important;
    }
    .dt-buttons {
        display: none !important;
    }
    .menu-box .tabs li.tabs-title {
        display: none;
    }
    .menu-box .tabs li.tabs-title.is-active {
        display: block !Important;
    }
    .orders tr th,
    .orders tr td,
    .orders tr {
        display: block;
        position: relative;
    }
    .orders tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    .orders tr td:before {
        position: absolute;
        left: 15px
    }
    .orders thead {
        display: none;
    }
    .orders tr td:nth-child(1):before {
        content: "Time : ";
    }
    .orders tr td:nth-child(2):before {
        content: "Symbol : ";
    }
    .orders tr td:nth-child(3):before {
        content: "Exch : ";
    }
    .orders tr td:nth-child(4):before {
        content: "B/S : ";
    }
    .orders tr td:nth-child(5):before {
        content: "Trade / Total : ";
    }
    .orders tr td:nth-child(6):before {
        content: "Price : ";
    }
    .orders tr td:nth-child(7):before {
        content: "D Qty : ";
    }
    .orders tr td:nth-child(8):before {
        content: "Product : ";
    }
    .orders tr td:nth-child(9):before {
        content: "Value : ";
    }
    .orders tr td:nth-child(10):before {
        content: "Ex Order No : ";
    }
    .orders tr td:nth-child(11):before {
        content: "Edit : ";
    }
    .orders tr td:nth-child(12):before {
        content: "Cancel : ";
    }
    .orders tfoot tr td:nth-child(1):before {
        content: "Time : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(2):before {
        content: "Symbol : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(3):before {
        content: "Exch : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(4):before {
        content: "B/S : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(5):before {
        content: "Trade / Total : ";
    }
    .orders tfoot tr td:nth-child(6):before {
        content: "Price : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(7):before {
        content: "D Qty : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(8):before {
        content: "Product : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(9):before {
        content: "Total Value : ";
    }
    .orders tfoot tr td:nth-child(10):before {
        content: "Ex Order No : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(11):before {
        content: "Edit : ";
        display: none;
    }
    .orders tfoot tr td:nth-child(12):before {
        content: "";
        display: none;
    }
    .orders thead {
        display: none;
    }
    .orders tfoot td {
        padding: 2px 15px !important;
    }
    table#margin_details tr {
        display: block !important;
    }
    table#margin_details tr th,
    table#margin_details tr td {
        display: block;
    }
    .margin_details tr td:before {
        position: absolute;
        left: 15px
    }
    #margin_details tr td:nth-child(1):before {
        content: "Exch : ";
    }
    #margin_details tr td:nth-child(2):before {
        content: "Symbol : ";
    }
    #margin_details tr td:nth-child(3):before {
        content: "Buy Ord Qty : ";
    }
    #margin_details tr td:nth-child(4):before {
        content: "Buy Ord Val : ";
    }
    #margin_details tr td:nth-child(5):before {
        content: "Sell Ord Qty : ";
    }
    #margin_details tr td:nth-child(6):before {
        content: "Sell Ord Val : ";
    }
    #margin_details tr td:nth-child(7):before {
        content: "Intra/CNC : ";
    }
    #margin_details tr td:nth-child(8):before {
        content: "Net Traded Qty : ";
    }
    #margin_details tr td:nth-child(9):before {
        content: "Net Traded Val : ";
    }
    #margin_details tr td:nth-child(10):before {
        content: "Total Turnover : ";
    }
    #margin_details tr td:nth-child(11):before {
        content: "Deposit Used : ";
    }
    .table_market_overview .dt-buttons {
        position: relative;
        right: 0;
        text-align: right;
    }
    #margin_details tr td {
        text-align: right;
    }
    #margin_details thead {
        display: none;
    }
    #journal tr td:before {
        position: absolute;
        left: 10px
    }
    #journal tr th,
    #journal tr td,
    #journal tr {
        display: block;
        position: relative;
        padding: 2px 10px;
    }
    #journal tr td:nth-child(1):before {
        content: "Time : ";
    }
    #journal tr td:nth-child(2):before {
        content: "Source : ";
    }
    #journal tr td:nth-child(3):before {
        content: "Message : ";
    }
    #journal tr td {
        text-align: right !important;
    }
    #journal thead {
        display: none;
    }
    .trade tr th,
    .trade tr td,
    .trade tr {
        display: block;
        position: relative;
    }
    .trade tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    .trade tr td:before {
        position: absolute;
        left: 15px
    }
    .trade thead {
        display: none;
    }
    .trade tfoot tr td:nth-child(4) {
        display: block !important;
    }
    .trade tfoot td {
        display: none;
    }
    .trade tr td:nth-child(1):before {
        content: "Time : ";
    }
    .trade tr td:nth-child(2):before {
        content: "Symbol : ";
    }
    .trade tr td:nth-child(3):before {
        content: "B/S : ";
    }
    .trade tr td:nth-child(4):before {
        content: "Qty : ";
    }
    .trade tr td:nth-child(5):before {
        content: "Price : ";
    }
    .trade tr td:nth-child(6):before {
        content: "Product : ";
    }
    .trade tr td:nth-child(7):before {
        content: "Trade ID : ";
    }
    .trade tr td:nth-child(8):before {
        content: "Traded Date : ";
    }
    .trade tr td:nth-child(9):before {
        content: "Exch No. : ";
    }
    #netposition tr th,
    #netposition tr td,
    #netposition tr {
        display: block;
        position: relative;
    }
    #netposition tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    #netposition tr td:before {
        position: absolute;
        left: 15px
    }
    #netposition thead {
        display: none;
    }
    #netposition tr td:nth-child(1):before {
        content: "Product : ";
    }
    #netposition tr td:nth-child(2):before {
        content: "Symbol : ";
    }
    #netposition tr td:nth-child(3):before {
        content: "Segment : ";
    }
    #netposition tr td:nth-child(4):before {
        content: "Exch : ";
    }
    #netposition tr td:nth-child(5):before {
        content: "Net Qty : ";
    }
    #netposition tr td:nth-child(6):before {
        content: "Av B. Pr : ";
    }
    #netposition tr td:nth-child(7):before {
        content: "Av S. Pr : ";
    }
    #netposition tr td:nth-child(8):before {
        content: "LTP : ";
    }
    #netposition tr td:nth-child(9):before {
        content: "M2M : ";
    }
    #netposition tr td:nth-child(10):before {
        content: "B. Qty : ";
    }
    #netposition tr td:nth-child(11):before {
        content: "S. Qty : ";
    }
    #netposition tr td:nth-child(12):before {
        content: "B. Val : ";
    }
    #netposition tr td:nth-child(13):before {
        content: "S. Val : ";
    }
    #netposition tr td:nth-child(14):before {
        content: "Realised M2M : ";
    }
    #netposition tr td:nth-child(15):before {
        content: "UnRealised M2M : ";
    }
    #netposition tr td:nth-child(16):before {
        content: "Convert : ";
    }
    #netposition tr td:nth-child(17):before {
        content: "SQ Off : ";
    }
    .holding tr th,
    .holding tr td,
    .holding tr {
        display: block;
        position: relative;
    }
    .holding tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    .holding tr td:before {
        position: absolute;
        left: 15px
    }
    .holding thead {
        display: none;
    }
    .holding tr td:nth-child(1):before {
        content: "Stock Name : ";
    }
    .holding tr td:nth-child(2):before {
        content: "DP/Pool : ";
    }
    .holding tr td:nth-child(3):before {
        content: "StockType : ";
    }
    .holding tr td:nth-child(4):before {
        content: "Today Sell : ";
    }
    .holding tr td:nth-child(5):before {
        content: "Net Available : ";
    }
    .holding tr td:nth-child(6):before {
        content: "CMP : ";
    }
    .holding tr td:nth-child(7):before {
        content: "CURR. VALUE : ";
    }
    .holding tr td:nth-child(8):before {
        content: "Add : ";
    }
    .holding tr td:nth-child(9):before {
        content: "Sell : ";
    }
    #margin tr th,
    #margin tr td,
    #margin tr {
        display: block;
        position: relative;
    }
    #margin tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    #margin tr td:before {
        position: absolute;
        left: 15px
    }
    #margin thead {
        display: none;
    }
    #margin tr td:nth-child(1):before {
        content: "Exchange : ";
    }
    #margin tr td:nth-child(2):before {
        content: "Symbol : ";
    }
    #margin tr td:nth-child(3):before {
        content: "Buy Ord Qty : ";
    }
    #margin tr td:nth-child(4):before {
        content: "Buy Ord Val : ";
    }
    #margin tr td:nth-child(5):before {
        content: "Sell Ord Qty : ";
    }
    #margin tr td:nth-child(6):before {
        content: "Sell Ord Val : ";
    }
    #margin tr td:nth-child(7):before {
        content: "Intra/CNC : ";
    }
    #margin tr td:nth-child(8):before {
        content: "Net Traded Qty : ";
    }
    #margin tr td:nth-child(9):before {
        content: "Net Traded Val : ";
    }
    #margin tr td:nth-child(10):before {
        content: "Total Turnover : ";
    }
    #margin tr td:nth-child(11):before {
        content: "Deposit Used : ";
    }
    #margin tr td:nth-child(17):before {
        content: "SQ Off : ";
    }
    #funds tr th,
    #funds tr td,
    #funds tr {
        display: block;
        position: relative;
    }
    #funds tr td {
        padding: 2px 15px !important;
        text-align: right;
    }
    #funds tr td:before {
        position: absolute;
        left: 15px
    }
    #funds thead {
        display: none;
    }
    #funds tr td:nth-child(1):before {
        content: "User : ";
    }
    #funds tr td:nth-child(2):before {
        content: "Ledger Deposit : ";
    }
    #funds tr td:nth-child(3):before {
        content: "Payin/Payout : ";
    }
    #funds tr td:nth-child(4):before {
        content: "P/L_Margin : ";
    }
    #funds tr td:nth-child(5):before {
        content: "MTM_Margin : ";
    }
    #funds tr td:nth-child(6):before {
        content: "Used Margin : ";
    }
    #funds tr td:nth-child(7):before {
        content: "Dep. Remaining : ";
    }
    #funds tr td:nth-child(8):before {
        content: "Deposit : ";
    }
    #funds tr td:nth-child(9):before {
        content: "Withdraw : ";
    }
    #funds tr td:nth-child(17):before {
        content: "SQ Off : ";
    }
    select#position_filter_sel {
        display: none;
    }
    .wdrw_box_inner {
        padding: 0px 10px;
    }
    .menu-box {
        top: 0px;
    }
    div#tabs-1,
    div#tabs-2 {
        padding: 0px 10px !important;
        height: calc(100vh - 90px) !important;
        overflow-x: auto !important;
    }
    .chart-box h3 {
        font-size: 16px;
    }
    .chart-box-inner {
        height: calc(100vh - 40px) !important;
    }
    div#profile_det {
        height: 130px;
        margin-bottom: 10px;
    }
    div#tabs-2 .column,
    div#tabs-2 .columns {
        padding: 0;
    }
    .mobi_logo {
        display: block;
        padding: 5px 15px;
    }
    .mobi_logo img {
        height: 40px;
    }
    input#project-id {
        border-radius: 3px;
        border-color: #e6e6e6;
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .market_info_new {
        margin-right: 0px;
    }
    .banner_slider {
        height: auto !important;
        min-height: auto !important;
        margin-top: 10px;
    }
    .banner_slider .owl-carousel .owl-item img {
        height: auto;
    }
    .side-codes {
        height: calc(100vh - 90px);
    }
    .pop_head {
        font-size: 18px;
        padding: 5px 15px;
    }
    .pop_form_item input {
        height: 35px;
        font-size: 14px;
    }
    .pop_form_item1 input[type="button"] {
        padding: 5px;
    }
    .wdrw_box_inner {
        flex-wrap: wrap;
    }
    .wdrw_box_left {
        width: 100%;
    }
    .mobi_tab_manu ul {
        align-content: center;
        display: flex;
        margin: 0px;
        text-align: center;
        justify-content: space-evenly;
        list-style: none;
        font-size: 14px;
    }
    .mobi_tab_manu ul li {
        width: 33.33%;
    }
    .mobi_tab_manu {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        background: var(--color-ffffff);
        width: 100%;
        box-shadow: 0px -1px 10px 0px #ccc;
    }
    .dark_theme .mobi_tab_manu {
        box-shadow: 0px -1px 10px 0px var(--color-000000);
        background: #242a34;
    }
    .dark_theme .mobi_tab_manu ul a.act {
        background: var(--color-171717);
        color: var(--color-ffffff);
    }
    .dark_theme .mobi_tab_manu ul a {
        color: var(--color-ffffff);
    }
    .mobi_tab_manu ul a {
        color: var(--color-000000);
        font-size: 10px;
        line-height: 1;
        display: block;
        padding: 5px;
    }
    .mobi_tab_manu ul a.act {
        background: #999999;
        color: var(--color-ffffff);
    }
    .mobi_tab_manu ul a i {
        font-size: 17px;
        line-height: 1;
    }
    .chart-box .ui-tabs .ui-tabs-nav li:nth-child(1),
    .chart-box .ui-tabs .ui-tabs-nav li:nth-child(2),
    .chart-box .ui-tabs .ui-tabs-nav li {
        display: none;
    }
    aside.left_nav.active.open ul.mobi_nav_tabs {
        display: block !important;
    }
    aside.left_nav li a {
        position: relative;
    }
    .mobi .menu-box.hor-menu.act {
        z-index: 9999 !important;
        padding: 0px 10px !important;
        left: unset!important;
        right: 0px!important;
    }
    .mobi .refresh_btn {
        right: 125px;
    }
    .mobi .menu-box.hor-menu {
        width: 100vw !Important;
        left: 0 !Important;
        top: 53px !Important;
        height: calc(100vh - 90px) !Important;
        margin: 0px;
    }
    .selec_flt div {
        width: 80px !important;
    }
    .selec_flt>div {
        left: 65px !important;
    }
    .dhxform_item_absolute.selec_flt div.dhxcombo_select_button {
        width: 16px !important;
    }
    .dhxform_item_absolute.search_table div {
        width: 120px !important;
    }
    .dhxform_item_absolute.search_table input {
        width: 120px !important;
    }
    .mobi div#tab_window {
        width: calc(100vw - 20px) !important;
    }
    div#pop_buy {
        top: 0px !important;
        overflow-y: auto !Important;
    }
    .pop-cont-top {
        margin-bottom: 10px;
    }
    div#pop_buy.act {
        width: 100% !important;
    }
    a.open-aside {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgb(255 255 255 / 47%) !Important;
        z-index: -9 !important;
    }
    aside.left_nav.active.open a.open-aside {
        display: block;
        background: transparent !important;
    }
    .download_excel .dhx_button,
    .download_pdf .dhx_button {
        width: 50px !important;
        font-size: 0px !important;
    }
    .download_excel,
    .download_pdf {
        width: 50px !important;
    }
    .mobi .download_excel>div {
        right: 60px !important;
    }
    .download_excel .dhx_button .dhx_button_filler,
    .download_pdf .dhx_button .dhx_button_filler {
        height: 100% !Important;
    }
    a.open-aside:after {
        display: none;
    }
    div#future_option_chain {
        width: 320px;
        margin: 0px auto;
    }
    div#future_option_chain .grid li {
        width: 100%;
    }
    .sort_btn {
        justify-content: inherit;
    }
    aside.left_nav.active li .menu-box.act {
        top: 120px !Important;
        height: calc(100vh - 96px);
        box-shadow: 0px 0px 5px 0px #ccc;
    }
    body.mobi .menu-box.act .tab-inner {
        height: calc(100vh - 150px);
    }
    .pin {
        display: none;
    }
    body.mobi .theme_set:nth-child(2) {
        display: none;
    }
    .mobi_nav {
        width: 20px;
        height: 30px;
        position: fixed;
        right: 10px;
        top: 10px;
    }
    .mobi_nav span {
        height: 3px;
        width: 100%;
        background: #222 !important;
        display: block;
        position: relative;
        top: 15px;
        transition: 0.3s ease;
    }
    .mobi_nav span:after {
        content: '';
        height: 2px;
        width: 100%;
        background: #222;
        position: absolute;
        top: -6px;
        transition: 0.3s ease;
    }
    .mobi_nav span:before {
        content: '';
        height: 2px;
        width: 100%;
        background: #222;
        position: absolute;
        bottom: -6px;
        transition: 0.3s ease;
    }
    span.sys_sts,
    span.symbols {
        max-width: 100%;
    }
    .mobi_nav.act span {
        background: transparent !important;
    }
    .mobi_nav.act span:before {
        transform: rotate(45deg);
        bottom: 0;
    }
    .mobi_nav.act span:after {
        transform: rotate(-45deg);
        top: 0;
    }
    .login-outer,
    .login-secur,
    .login-forget,
    .change-pwd,
    .login_loader,
    .login-otp,
    .qr-login {
        background: var(--color-ffffff);
        justify-content: center;
    }
    .login {
        width: 100%;
        box-shadow: none;
    }
    aside.left_nav.active {
        width: 200px;
        left: -250px;
        transition: 0.3s ease-in-out;
        z-index: 99999;
        background: var(--color-ffffff);
    }
    aside.left_nav.open {
        left: 0px;
        overflow-y: auto;
    }
    aside.left_nav.open ul.tabs {
        display: block !important;
        border: none;
    }
    aside.left_nav.open ul.tabs li {
        width: 100%;
    }
    aside.left_nav.open ul.tabs li span.m-item {
        z-index: 1;
    }
    main.active nav.hor_nav {
        display: none;
    }
    main.active {
        margin-left: 0!important;
        margin-right: 0px!important;
    }
    .right_theme main.active {
        margin-left: 0!important;
        margin-right: 0px!important;
    }
    .mobi aside.left_nav.active {
        width: 200px!important;
        right: 0!important;
    }
    .mobi .active a.open-aside {
        border: none;
        right: 00px!important;
    }
    .side-codes ul li {
        font-size: 12px;
    }
    span.symbols {
        min-width: 130px;
    }
    .tab-inner li span {
        margin: 0px 5px;
    }
    div#market_overview_widget {
        display: none;
    }
    .side-bar {
        max-width: 100%;
        box-shadow: none !important;
        right: 0px !important;
        width: 100% !important;
    }
    .header-left {
        display: none;
    }
    .side-codes {
        padding: 10px 10px;
        width: 100%;
    }
    .side-codes ul.tabs {
        position: relative;
        border-radius: 3px;
    }
    .drop-down li li {
        padding: 0px 5px;
    }
    .drop-down li a {
        font-size: 10px;
    }
    .colors h3 {
        font-size: 12px;
        padding: 5px 0px;
    }
    .colors li {
        min-width: 25px;
        min-height: 25px;
        line-height: 20px;
        font-size: 12px;
        max-width: 25px;
        max-height: 25px;
    }
    .drop-down h5 {
        font-size: 12px;
        padding: 5px 5px;
    }
    header {
        height: 50px;
    }
    .drop-down {
        min-width: 200px;
    }
    .active_statue span {
        font-size: 0px;
        padding: 0px;
        line-height: 15px;
        height: 20px;
        width: 20px;
        display: block;
        top: 0;
    }
    .active_statue span:before {
        left: 4px;
        top: 4px;
    }
    .menu_icon {
        position: fixed;
        top: 10px;
        right: 10px;
        background: #208ecd;
        width: 35px;
        height: 30px;
        padding: 5px;
    }
    .menu_icon span {
        position: absolute;
        height: 4px;
        width: 27px;
        background: #fefefe;
        top: 13px;
        left: 4px;
        transition: 0.3s ease;
    }
    .menu_icon span:before {
        content: '';
        position: absolute;
        top: -8px;
        height: 4px;
        width: 100%;
        background: #fefefe;
        /* left: 3px; */
    }
    .menu_icon span:after {
        content: '';
        position: absolute;
        bottom: -8px;
        height: 4px;
        width: 100%;
        background: #fefefe;
    }
    .header-right {
        position: absolute;
        right: 40px;
        top: 6px;
    }
    .menu_icon span.act:before {
        transform: rotate(45deg);
        top: -1px;
    }
    .menu_icon span.act:after {
        transform: rotate(-45deg);
        top: -1px;
    }
    .menu_icon span.act {
        background: transparent;
    }
    .notify {
        width: 40px;
    }
    .user-profile {
        padding-right: 0px;
    }
    aside.left_nav.active.act {
        left: 0px;
        background: var(--color-ffffff);
    }
    a.open-aside {
        display: none;
    }
    .left_nav .logo {
        transform: rotate(90deg) !important;
        left: 62px;
    }
    aside.left_nav div.dataTables_filter {
        display: none;
    }
    aside.left_nav.active li .menu-box.act {
        width: 100%;
        left: 0px;
        position: fixed !important;
        z-index: 999999;
        min-width: 0;
    }
    aside.left_nav.active:after {
        content: '';
        position: fixed;
        top: 0px;
        left: 0px;
        background: var(--color-ffffff);
    }
    .pop-chart-outer {
        display: block;
    }
    .pop-chart {
        width: 100% !important;
        display: none;
        padding-right: 0px;
    }
    div#pop_buy.act .pop-chart {
        display: block;
    }
    .pop-chart-left {
        width: 100%;
    }
    canvas#myCanvas {
        max-width: 100%;
        transform: scale(1);
        margin: 0px;
    }
    .pop-chart-right {
        margin: 0px auto 10px;
        width: 100%;
    }
    span.chart_ctrl {
        display: none;
    }
    .pop-chart-left {
        display: none;
    }
    .pop-chart-cont {
        width: 100%;
        min-height: 420px;
    }
    .pop-chart-outer {
        box-shadow: 0px 0px 5px 0px #ccc;
        padding: 10px;
    }
    .radio-box2 {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        float: none;
    }
    .radio-box1 {
        width: 100%;
        float: none;
    }
    .radio-box-flex {
        display: block;
    }
    .tag-box-outer {
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .pop-chart-bottom {
        width: calc(100% - 20px);
        left: 0px;
        bottom: 0px;
        padding: 0px 8px;
    }
    .pop_buy_tip {
        display: none !important;
    }
    .chart-box {
        display: block;
        position: absolute;
        z-index: 99;
        width: 100%;
    }
    .market_info,
    .market_overview {
        cursor: pointer;
        margin: 10px 0px;
        height: fit-content;
    }
    .chart-box-inner .ui-tabs .ui-tabs-panel {
        overflow-y: auto;
    }
    .theme_set {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .list li.act .mw-dropdown {
        padding-left: 0px !important;
    }
    .new_options a {
        padding: 2px 5px !Important;
    }
    div#global_trade_widget,
    #future_widget {
        left: 0px !important;
    }
    .idea_stream_widget {
        right: unset !Important;
        left: 0px;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .mm_txt input.dhx_input {
        width: 150px;
    }
    .chart-box h3 {
        font-size: 20px;
    }
    h2#proname_det {
        font-size: 24px;
    }
    .pop_head {
        font-size: 16px;
    }
    .pop_form_item input[type="password"] {
        font-size: 14px;
    }
    .market_watch_btn {
        display: block;
    }
    .side-bar.open {
        right: 0px !important;
        display: block !important;
    }
    .tab-inner li span {
        margin: 0px 0px 0px 8px;
    }
    .step1_ind .nifty_st:nth-child(4),
    .step1_ind .nifty_st:nth-child(5),
    .step1_ind .nifty_st:nth-child(3) {
        display: none;
    }
    .chart-box {
        width: 100%;
    }
    .pop-chart-left {
        display: block;
    }
    .right_theme .market_watch_btn {
        right: 60px;
    }
    nav.hor_nav {
        width: calc(100% - 60px);
    }
    .chart-box .row {
        max-width: 100% !important;
        margin: 0px;
    }
    div#main_tabs .medium-12.large-3.small-12.column {
        display: flex;
    }
    .market_info {
        width: 33%;
    }
    .market_info_new {
        width: 33%;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .side-codes {
        height: calc(100vh - 75px) !important;
        width: 100%;
    }
    aside.left_nav.active li .menu-box.act {
        width: calc(100vw - 60px);
    }
    select#position_filter_sel,
    select#order_filter_sel {
        width: 150px;
    }
    .market_info_new:last-child {
        margin-right: 0;
    }
}

.ops_ltp_item.act_left {
    background: #1C3F50;
    background: linear-gradient(to right, #1C3F50 calc(50% - 85px), var(--color-303030) calc(50% - 85px), var(--color-303030) 100%);
}

.ops_ltp_item.act_right {
    background: #1C3F50;
    background: linear-gradient(to left, #1C3F50 calc(50% - 80px), var(--color-303030) calc(50% - 80px), var(--color-303030) 100%);
}

span.ltp_up {
    color: #0b9857;
}
.progress_bar_div{
    width: 70%;
    position:absolute;
    top:5%;
    height:90%;
} 
.cl_ltp .progress_bar_div{
    left:0px;
}
.put_ltp .progress_bar_div{
    right:0px;
}
.ops_bs_item.act_right.act_left,
.ops_ltp_item.act_right.act_left,
.ops_grk_item.act_left.act_right {
    background: #1C3F50 !important;
}

.ops_ltp_head .cl_ltp,
.ops_ltp_head .put_ltp {
    color: var(--color-ffffff);
}

.ops_grk_item .grk_cell,
.ops_grk_item{
    color:var(--color-a8a8a8);
}
 .grk_cell_b {
    color: var(--color-ffffff);
}

.dark_theme .side-codes ul li.search_add_li.noflicker:hover {
    background: var(--color-1e1e1e) !important;
}

.side-codes ul li.search_add_li.noflicker:hover {
    background: #ffffff !important;
}

.dark_theme .chosen-container {
    background: #242a34;
}

.dark_theme .chosen-container-multi .chosen-choices {
    background: var(--color-1e1e1e);
    border: 1px solid #464f66 !important;
}

.dark_theme .dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    background: url(../images/search1.svg) no-repeat top 0px right 10px;
}

.dark_theme .chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: var(--color-ffffff) !important;
}

tr.s1_no {
    position: relative;
    border: none !important;
}

tr.s1_no tr:not:first-child {
    display: none !important;
}

tr.s1_no td:not(:first-child) {
    display: none;
}

tr.s1_no td:first-child {
    display: block;
    position: relative !important;
    border: none !important;
}

span.s_no {
    display: block;
    position: relative;
    font-size: 14px;
    text-align: left;
}

body tr.rowselected td,
body tr.rowselected {
    background-color: transparent !important;
}

#trade_details_window div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    text-align: left !important;
    padding: 0px 10px !important;
}

#trade_details_window div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2) {
    padding-left: 40px !important;
}

.dashboard_tabs .dhxform_label_nav_link {
    color: var(--color-a8a8a8) !important;
}

.dashboard_tabs .dhxform_img.chbx0,
.dashboard_tabs .dhxform_actv_c.chbx0 {
    opacity: 0.3 !important;
}

.dashboard_tabs .dhxform_img.chbx1,
.dashboard_tabs .dhxform_actv_c.chbx1 {
    opacity: 1 !important;
}

#trade_details_window div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.trade_details_window div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2),
.trades_tabs_new div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell,
.trades_tabs_new div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2) {
    text-align: left !important;
    padding: 0px 10px !important;
    padding-left: 30px !important;
}

.trades_tabs_new div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj.row20px tr td:nth-child(2),
.trades_tabs_new div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.hdr td:nth-child(2) div.hdrcell {
    text-align: center !important;
}

.dhxwin_active.ord_history .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    color: var(--color-000000);
    text-align: center;
    padding-left: unset;
}

.dark_theme .dhxwin_active.ord_history .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    color: var(--color-ffffff);
}

.dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td,
.dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr {
    background-color: transparent !important;
}

.dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr {
    border-top: 1px solid #ccc;
}

.dark_theme .dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr {
    border-top: 1px solid #363c4e;
}

.dark_theme ul#notimsg li.read_st {
    background: var(--color-171717);
}

.dark_theme ul#notimsg li {
    background: var(--color-000000);
}

.holdings_tabs span.cntx_menu {
    border-right: none !important;
}
span.cntx_menu.hold_anl_context {
    left: unset !important;
    right: 0;
    background: transparent !important;
    line-height: 35px;
}
.dark_theme .tab-inner li.short_act .s_btns {
    background: #242a34;
    border-bottom: 1px solid #242a34;
    border-right: 1px solid #242a34;
}

button.price_alert img {
    width: 22px;
}

button.price_alert {
    cursor: pointer;
    position: relative;
}
/* .ds_hd1 .dhx_layout-cell.dhx_layout-cell-content {
    padding: 0px 10px;
} */
.dhx_layout-cell.ds_hd1 .dhx_footer-wrapper * {
    background: #000 !important;
}

.ds_hd1 .dhx_grid-header, .ds_hd1 .dhx_header-wrapper {
    height: 35px !important;
}

.ds_hd1 .dhx_layout-cell-header {
    padding-bottom: 0px !important;
    border: none;
}
.ds_hd1 .dhx_grid-header-cell.dhx_grid-header-cell--align_left {
    height: 30px !important;
}
.ds_hd1 .dhx_grid-cell__content, .ds_hd1 .dhx_grid-row, .ds_hd1 .dhx_grid-cell {
    font-size: 13px !important;
    height: 35px !important;
}
.ds_hd1 .dhx_grid-content, .ds_hd1 .dhx_grid-body,.ds_hd1 .dhx_data-wrap
{
    height: unset !important;
}
.code_dtl {
    width: 100%;
    justify-content: space-between;
}

button.price_alert span {
    position: absolute;
    background: var(--color-000000);
    right: 30px;
    width: max-content;
    color: var(--color-ffffff);
    font-size: 12px;
    padding: 7px 13px;
    display: none;
}

button.price_alert:hover span {
    display: block;
}

button.price_alert span:after {
    width: 15px;
    height: 15px;
    content: '';
    top: 6px;
    border: 7px solid;
    right: -15px;
    border-color: transparent transparent transparent black;
    position: absolute;
}

.tools-widget-container {
    height: 100% !important;
    z-index: 999999;
    position: relative;
}

.tools-widget-container iframe {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    box-shadow: none;
    border: none;
}

button.btn-bskt.add_basket {
    background: rgba(235, 164, 19, 0.3);
    border-color: rgba(235, 164, 19, 0.3);
    padding: 2px 5px !important;
    color: var(--color-ffffff);
    font-size: 14px;
    cursor: pointer;
}

button.btn-bskt.add_basket svg {
    height: 20px;
    width: 30px;
    fill: #ffffff;
}

.add_basket_f.plus_btn:hover:after {
    content: 'Add to basket';
    position: absolute;
    top: 3px;
    right: -144px;
    color: var(--color-ffffff);
    width: 120px;
    background: var(--color-000000);
    padding: 5px 10px;
}

body .dhxwin_active.basket_list_windows tr.rowselected td.cellselected,
body .dhxwin_active.create_basket_windows tr.rowselected td.cellselected {
    background-color: #2880b2 !important;
    color: var(--color-ffffff) !important;
}

body .dhxwin_active.basket_list_windows tr.rowselected td.cellselected span,
body .dhxwin_active.create_basket_windows tr.rowselected td.cellselected span {
    color: var(--color-ffffff) !important;
}


/**.dhxwin_active.basket_list_windows .dhxwin_btns {
    position: absolute;
    bottom: 10px !important;
    top: unset !important;
}**/

.dhxwin_active.basket_list_windows .dhxwin_hdr,
.dhxwin_active.create_basket_windows .dhxwin_hdr {
    position: static !important;
}

.dhxwin_active.basket_list_windows div.gridbox_dhx_terrace.gridbox .xhdr,
.dhxwin_active.create_basket_windows div.gridbox_dhx_terrace.gridbox .xhdr {
    border: none !important;
}

.dhxwin_active.basket_list_windows div.dhx_cell_layout div.dhx_cell_cont_layout,
.dhxwin_active.create_basket_windows div.dhx_cell_layout div.dhx_cell_cont_layout {
    border: none !important;
}

.add_basket_f.plus_btn .dhx_button {
    font-size: 25px;
    line-height: 22px !important;
}

.basket_list_windows .dhxwin_icon,
.create_basket_windows .dhxwin_icon {
    left: unset !important;
    right: 10px;
    height: 20px !important;
    width: 20px !important;
    background: none !important;
    cursor: pointer !important;
    text-align: center;
}

.basket_list_windows .dhxwin_icon:after,
.create_basket_windows .dhxwin_icon:after {
    content: 'x';
    top: 0 !important;
    position: absolute;
    font-size: 17px;
    line-height: 1;
    left: 0;
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
}

.basket_list_windows .dhxwin_icon:hover:after,
.create_basket_windows .dhxwin_icon:hover:after {
    background: #ccc !important;
}

.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1),
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1) .dhx_cell_cont_layout {
    height: 360px !important;
}

.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(2),
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(2) .dhx_cell_cont_layout {
    height: 50px !important;
    margin-top: 10px;
}

.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1) .dhx_cell_cont_layout .objbox {
    height: 350px !important;
}

.dhxwin_active.basket_list_windows .dhx_button .dhx_button_filler {
    height: unset !important;
}

.dhxwin_active.basket_list_windows .dhxlayout_sep.dhxlayout_sep_resize_h {
    display: none;
}

.dhxwin_active.basket_list_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    border-color: var(--color-ffffff) !important;
}

.dark_theme .dhxwin_active.basket_list_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    border-color: var(--color-171717) !important;
}

.dhxwin_active.basket_list_windows div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    text-align: left;
    background: var(--color-ffffff);
}

.dark_theme .dhxwin_active.basket_list_windows div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    text-align: left;
    background: var(--color-171717);
}

.dhxwin_active.basket_list_windows div.gridbox .objbox {
    background-color: var(--color-ffffff);
    color: var(--color-000000);
}

.dark_theme .dhxwin_active.basket_list_windows div.gridbox .objbox {
    background-color: var(--color-171717);
    color: var(--color-ffffff);
}

.dhxwin_active.basket_list_windows div.gridbox .objbox .b_act {
    background: #242a34 !important;
    cursor: pointer;
}

.dhxwin_active.basket_list_windows tbody,
.dhxwin_active.basket_list_windows tfoot,
.dhxwin_active.basket_list_windows thead {
    border: 1px solid var(--color-ffffff);
}

.dark_theme .dhxwin_active.basket_list_windows tbody,
.dark_theme .dhxwin_active.basket_list_windows tfoot,
.dark_theme .dhxwin_active.basket_list_windows thead {
    border: 1px solid var(--color-171717);
}

.dhxwin_active.basket_list_windows .dhx_button * {
    background: var(--color-1e1e1e) !important;
    border-color: var(--color-1e1e1e) !important;
    cursor: pointer;
}

.dhxwin_active.basket_list_windows .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background-color: var(--color-1e1e1e);
}

.dark_theme .dhxwin_active.basket_list_windows .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background-color: var(--color-171717);
}

.dhxwin_active.basket_list_windows .add_basket_f .dhx_button *,
.dhxwin_active.basket_list_windows .add_basket_f .dhx_button {
    background: #43227d !important;
}

.dhxwin_active.basket_list_windows .dhx_button {
    border-color: var(--color-1e1e1e) !important;
    border-radius: 0 !important;
    background: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
}

.new_basket input {
    height: 30px !important;
    background: var(--color-303030) !important;
    border-color: var(--color-303030) !important;
    box-shadow: none !important;
}

.basket_cr_window label.dhx_label {
    display: none !important;
}

.bskt_sec_box {
    padding: 10px;
    background: var(--color-1e1e1e);
}

.bskt_sec_box .dhxtabbar_tabs.dhxtabbar_tabs_top {
    display: none !important;
}

.bskt_sec_box .dhxtabbar_cont {
    margin-top: 0px;
}

.bskt_sec_box div.dhx_cell_cont_tabbar {
    border-left: 1px solid var(--color-1e1e1e) !Important;
    border-right: 1px solid var(--color-1e1e1e) !Important;
    border-bottom: 1px solid var(--color-1e1e1e) !Important;
}

.bskt_sec_box .dhxlayout_sep.dhxlayout_sep_resize_h,
.bskt_sec_box .dhxlayout_sep.dhxlayout_sep_resize_v {
    display: none;
}

.bskt_sec_box tr.odd_dhx_terrace,
.bskt_sec_box tr.ev_dhx_terrace {
    margin: 0px 0px !important;
    border-top: 1px solid #353b4d!important;
    border-bottom: 1px solid #353b4d!important;
    background: var(--color-1e1e1e) !important;
}

.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:last-child {
    border-right: 1px solid #353b4d;
}

.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:first-child {
    border-left: 1px solid #353b4d;
}

.bskt_sec_box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-left: 1px solid var(--color-1e1e1e);
    border-right: 1px solid var(--color-1e1e1e);
    border-bottom: 1px solid var(--color-1e1e1e);
}

.bskt_sec_box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
    border: 1px solid var(--color-1e1e1e);
    background-color: var(--color-1e1e1e);
    color: var(--color-ffffff);
}

.tb_btn1.act .dhx_button,
.tb_btn2.act .dhx_button,
.tb_btn3.act .dhx_button {
    background: #242a34 !important;
    color: var(--color-ffffff) !important;
    border-color: #242a34 !important;
}

.tb_btn1 .dhx_button,
.tb_btn2 .dhx_button,
.tb_btn3 .dhx_button {
    background: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
    border-color: var(--color-1e1e1e) !important;
}

.bskt_sec_box button.place_bkst_ord {
    background: #208ECD;
    color: var(--color-ffffff);
    padding: 7px 30px;
    font-size: 13px;
    border-radius: 30px;
}

.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    text-align: unset;
    line-height: 1.2;
}

span.bskt_count {
    display: block;
}

span.bskt_ord_list {
    display: flex !important;
    flex-wrap: wrap;
    border-left: 1px solid #353b4d;
    padding-left: 10px;
}

span.bskt_ord_list span {
    margin: 3px;
    background: #242a34;
    padding: 3px 6px;
    font-size: 12px !important;
}

.frm_add_bskt .dhx_button {
    background: #208ecd !important;
    border-color: #208ecd !important;
    color: var(--color-ffffff) !important;
    border-radius: 50px !important;
}

.dhxwin_active.basket_list_windows {
    z-index: 999991 !important;
}

.option_sec {
    width: 100%;
}

.strategy_act {
    width: calc(100% - 0px) !important;
    height: calc(100vh - 0px) !important;
    box-shadow: none !important;
    top: 0px !important;
    left: 0px !important;
}

.strategy_act div.ops_ltp_cont {
    overflow-y: auto;
    height: calc(99vh - 140px);
}

.strategy_act div#ops_greek {
    overflow-y: auto;
    height: calc(99vh - 90px);
}

.strategy_act .ops_grk_head {
    top: -2px;
    background-color: var(--color-1e1e1e);
}

.left_theme .strategy_act {
    right: unset !important;
    left: 60px;
    overflow: hidden !important;
}

.com_head h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}

.com_head {
    margin: 0px 0px 6px;
    padding: 0px 0px 0px;
    position: sticky;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    background-color: var(--color-000000);
}

.nw_exp {
    margin-right: 28px;
}

.nw_exp {
    border: 1px solid #ccc;
    margin-right: 30px;
    line-height: 28px;
    height: 30px;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase;
}

.nw_exp button {
    padding: 0px 10px;
    height: 100%;
    border-radius: 50px;
    text-transform: unset;
    cursor: pointer;
}

.nw_exp button.b_act {
    background: #208ecd;
    color: var(--color-ffffff);
}

.update_strike_in {
    display: flex;
}

.strategy_act .ops_cont .tab {
    top: 5px;
}

.strategy_act div#ops_bs_cont {
    height: calc(99vh - 112px);
    overflow-y: auto;
}

.g_items p {
    margin: 0;
    color: #747474;
    font-size: 14px !important;
}

.g_items span {
    font-weight: 600;
    font-size: 14px !important;
    color: var(--color-ffffff);
}

.g_items {
    margin-bottom: 5px;
}

.graph {
    width: calc(100% - 250px);
    height: 500px;
    border: none;
    margin-bottom: 6px;
    border-radius: 3px;
    background: var(--color-1e1e1e);
    position: relative;
}

.graph_outer {
    width: 100%;
    display: flex;
}

.strategy {
    width: calc(100% - 470px) !important;
    height: calc(100vh - 42px);
    overflow-y: auto;
    display: none;
}

.strategy_act .strategy {
    display: block;
}

.strategy_act .option_sec {
    width: 460px;
    margin: 0px 7px 0px 0px;
    height: calc(100vh - 42px);
    position: relative;
    border-radius: 3px;
    background-color: var(--color-1e1e1e);
    overflow: hidden;
    
}
.dark_theme .strategy_act .option_sec, .dark_theme span#option_chain_symbl select, .dark_theme .graph, .dark_theme .graph_details, .dark_theme .new_strategy, .dark_theme select#opt_fur, .dark_theme .ops_cont .tab, .dark_theme .strike_f2 select,.dark_theme .v_note, .dark_theme .strategy_act .ops_grk_head, .dark_theme  span#option_chain_symbl select > option
{
    background-color: #272727 !important;
}
.dark_theme .ops_grk_item
{
    background-color: #303030 !important;
}
.dark_theme .ops_bs_item, .dark_theme .ops_ltp_item.get_attr_data, .dark_theme .ops_grk_item
{
    border-color:  #272727 !important;
}
.fut_cont td:last-child {
    min-width: 70px !important;
    text-align: right;
}

.strategy_act .update_strike_head {
    border-radius: 3px;
}

.graph_details {
    width: 250px;
    padding: 10px 0px 0px 10px;
    height: 500px;
    border-radius: 3px;
    margin-left: 6px;
    background-color: var(--color-1e1e1e);
}

.strategy_act span.strike_close {
    right: 13px !important;
    top: 12px;
    border-radius: 5px;
    background: rgb(255 201 211);
    color: #ff0130;
    line-height: 20px;
    font-weight: 600;
    font-size: 13px;
    height: 22px;
    width: 22px;
}

.strike_in {
    display: flex;
    width: 150px;
    margin: 0px auto;
    border: none;
    border-radius: 3px !important;
    overflow: hidden;
}

form.range-field.w-25 {
    display: block;
    margin-top: 15px;
    margin-bottom: 25px !important;
}

.chart_parameters_left_in .strike_in {
    margin: 0px;
}

input#cqty {
    background-color: var(--color-303030);
    border-color: var(--color-303030);
}

.strike_in button {
    min-width: 30px;
    background-color: var(--color-303030);
    border-radius: 0px !important;
    line-height: 1px;
}

.strategy_act table input,
.strategy_act table select {
    margin: 0px !important;
    height: 26px !important;
    padding: 0px 20px 0px 10px;
    font-size: 13px;
}

.strike_in input {
    margin: 0px;
    height: 30px !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-align: center;
}

.new_strategy .strike_in input {
    margin: 0px;
    height: 23px !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-align: center;
    background-color: var(--color-303030);
    border: none !important;
    border-radius: 0px !important;
}

.nw_strategy_foot button {
    background-color: var(--color-303030);
    line-height: 1px;
}

.nw_st_head h2 {
    font-size: 18px;
    font-weight: 400;
}

.nw_st_head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(112 112 112 / 50%);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.nw_st_head_right {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.jyZMZN.act {
    box-shadow: 0px 0px 6px 0px #007fff;
}

.st_tbl_head {
    display: flex;
    justify-content: space-between;
}

.new_strategy {
    padding: 10px;
    border-radius: 3px;
    background-color: var(--color-1e1e1e);
}

.new_strategy table,
.new_strategy table tr,
.new_strategy table tbody {
    border: none !important;
    background-color: transparent;
}

.new_strategy table tr:nth-child(even) {
    border-bottom: 0;
    background-color: transparent;
}

.new_strategy input[readonly] {
    background-color: var(--color-303030);
}

.new_strategy td {
    text-align: center;
    font-size: 13px;
}

.new_strategy td:first-child {
    text-align: left;
}

.nw_st_head h2 {
    display: flex;
    align-items: center;
    color: var(--color-ffffff);
}

.nw_st_head h2 small {
    margin-left: 10px;
}

.nw_st_head h2 div {
    margin-left: 20px;
}

span.reset_prz {
    position: relative;
    right: unset;
    font-size: 13px;
    color: #208ECD;
    background: var(--color-303030);
    border-radius: 3px !important;
    height: 35px;
    line-height: 35px;
    margin-left: 6px;
    border: none;
    padding: 0px 20px !important;
    cursor: pointer;
}

span.str_place_order {
    padding: 5px 20px;
    margin-left: 5px;
    border-radius: 30px;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}

span.str_place_order {
    font-size: 13px;
    color: #ffffff;
    background: var(--color-299bd3) !important;
    border-radius: 3px !important;
    height: 35px;
    line-height: 26px;
}

.st_btns {
    display: flex;
    align-items: center;
    margin-left: 20px;
    position: relative;
}

.nw_st_head_right .str_readymade {
    position: relative;
    right: unset;
    font-size: 13px;
    color: #208ECD;
    background: var(--color-303030);
    border-radius: 3px !important;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
}

select#opt_fur {
    margin: 0;
    font-size: 14px;
    border-radius: 3px;
    height: 35px;
    padding: 0px 25px 0px 10px;
    box-shadow: none;
    margin-left: 0px;
    background: url(../images/dow_arrow.svg) no-repeat right 10px center var(--color-1e1e1e);
    color: var(--color-a8a8a8);
    border: none;
    width: 150px;
}

span.str_place_order:hover {
    background: var(--color-171717);
}

.str_readymade:hover {
    background: var(--color-171717);
}
.str_save:hover, .reset_prz:hover {
    background: var(--color-171717);
}

.strike_f1 {
    margin-left: 6px;
    margin-right: 6px;
}

span.st_clear_all {
    font-size: 13px;
    font-weight: 400;
    color: #208ECD;
    display: none;
}

span.st_clear {
    font-size: 13px;
    font-weight: 400;
    color: #208ECD;
    display: none;
}

.new_strategy th {
    color: var(--color-a8a8a8);
    font-weight: 400;
    font-size: 14px;
}

span.st_S {
    display: flex;
    width: 23px;
    height: 23px;
    align-items: center;
    background: #EE2122;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    line-height: 1;
}

span.st_B {
    display: flex;
    width: 23px;
    height: 23px;
    align-items: center;
    background: var(--color-00ee79);
    justify-content: center;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    line-height: 1;
}

span.strategy_put_buy,
span.strategy_put_sell,
span.strategy_call_buy,
span.strategy_call_sell {
    display: none !important;
    line-height: 18px;
}

.strategy_act span.strategy_put_buy,
.strategy_act span.strategy_put_sell,
.strategy_act span.strategy_call_buy,
.strategy_act span.strategy_call_sell {
    display: inline-block !important;
}

.strategy_act .call_buy,
.strategy_act .call_sell,
.strategy_act .put_buy,
.strategy_act .put_sell,
.strategy_act .fut_buy,
.strategy_act .fut_sell {
    display: none !important;
}

.call_buy,
.call_sell,
.put_buy,
.put_sell {
    display: inline-block !important;
}

span.strategy_call_buy,
span.strategy_put_buy {
    background: var(--color-00ee79);
    color: var(--color-ffffff);
}

span.strategy_call_buy.actt,
span.strategy_put_buy.actt {
    background: #00b95a;
    opacity: 1;
}

span.strategy_call_sell,
span.strategy_put_sell {
    background: #ee2222; 
    color: var(--color-ffffff);
}

[data-theme="light"] .strategy_act span.strategy_put_buy,
[data-theme="light"] .strategy_act span.strategy_put_sell,
[data-theme="light"] .strategy_act span.strategy_call_buy,
[data-theme="light"] .strategy_act span.strategy_call_sell {
    color: #fff;
}

span.strategy_call_sell.actt,
span.strategy_put_sell.actt {
    background: #ff0130;
    opacity: 1;
}


/**
#ffabb3
#90cbadbd
#ff0130
#00b95a
**/

span.i_note {
    width: 15px;
    height: 15px;
    background: var(--color-000000);
    display: inline-block;
    text-align: center;
    color: var(--color-ffffff);
    line-height: 15px;
    margin-left: 10px;
    border-radius: 50%;
    font-size: 11px !important;
    cursor: pointer;
    position: relative;
}

span#risk_reward {
    display: flex;
    align-items: center;
}

span#maxloss {
    display: flex;
    align-items: center;
    color: var(--color-ee2122);
}

span.i_note:hover:after {
    content: "This value can go to any extent based on various factors, Therefore this value cannot be defined for the current statergy";
    position: absolute;
    background: var(--color-000000);
    top: 15px;
    width: 300px;
    right: -150px;
    padding: 8px;
}

.new_strategy td:last-child {
    text-align: right;
}

table.nw_strategy {
    margin-bottom: 0px;
    max-width: 100%;
    min-width: auto;
}

button.delete_btn {
    margin-left: 20px;
    cursor: pointer;
}

table.nw_strategy thead {
    background: transparent;
    border: none;
    text-align: center;
}

table.nw_strategy thead th {
    text-align: center;
}

table.nw_strategy thead th:nth-child(2) {
    text-align: left;
}

input.check_all,
.nw_strategy [type=checkbox] {
    height: 16px !important;
    width: 16px;
    margin: 0px 10px 0px 0px;
    line-height: 1;
    box-shadow: inset 0px 0px 20px 20px var(--color-303030);
}

[data-theme="light"] input.check_all,
[data-theme="light"].nw_strategy [type=checkbox] {
    box-shadow: inset 0px 0px 20px 20px #ccc;
}

input.check_all:checked,
.nw_strategy [type=checkbox]:checked {
    box-shadow: none;
}

span#maxprofit {
    color: var(--color-00ee79);
}

.st_tbl_head>div {
    display: flex;
    align-items: center;
}

.nw_strategy_foot {
    display: none !important;
    justify-content: flex-end;
    background: var(--color-171717);
    flex-direction: column;
    padding: 10px;
    border-radius: 3px;
    color: var(--color-a8a8a8);
    margin-top: 38px;
    width: 160px;
}

[data-theme="light"] .nw_strategy_foot {
    background: #F6F6F6;
}

[data-theme="light"] .new_strategy .strike_in input,
[data-theme="light"] .strike_in button,
[data-theme="light"] .strike_in {
    background: #fff;
}

.nw_strategy_foot .strike_in input {
    width: 100px;
}

td.strpremium input {
    border: none !important;
    text-align: right;
    box-shadow: none !important;
}

.str_tble {
    display: flex;
    align-items: flex-start;
}

.nw_strategy_foot .strike_in {
    margin: unset;
    height: 23px;
}

.nw_strategy_foot .strike_in {
    margin: 7px 0px 10px;
    border: none !important
}

.nw_strategy_foot span {
    font-size: 14px !important;
}

.nw_strategy_foot .get_tl {
    font-weight: 600;
    font-size: 18px !important;
    color: var(--color-ffffff);
}

span.c_count {
    margin-right: 5px;
}

.dark_theme .strike_in button,
.dark_theme .nw_exp button {
    color: var(--color-ffffff);
}

table.nw_strategy select {
    background-color: var(--color-303030) !important;
    color: var(--color-ffffff);
    border-color: var(--color-303030);
    width: 60px;
}

[data-theme="light"] table.nw_strategy select {
    background-color: #F4F4F4 !important;
}

.side-codes-details.strategy_depth {
    height: unset;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto !important;
    width: 320px !important;
}

.graph h2 {
    font-size: 18px;
    padding: 5px 10px;
    color: var(--color-ffffff);
}

iframe#Strategy_chart {
    border: none;
    width: 100%;
    height: calc(100% - 50px);
}

iframe#tools_win {
    width: 100%;
    height: calc(100% - 6px);
    border: none;
    padding: 0px !important;
    margin: 0px !important;
}

.ready_mode_pop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: 0.6s ease;
}

.ready_mode_pop.act {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

div#ready_mode {
    width: 600px;
    height: 450px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    box-shadow: 0px 0px 30px #000;
}

div#ready_mode ul.ui-tabs-nav {
    background: transparent !important;
    border: none;
    margin-bottom: 10px;
}

div#ready_mode li.ui-tabs-tab {
    border-radius: 50px !important;
    border: none;
    text-align: center;
    background-color: transparent;
}

div#ready_mode li.ui-tabs-tab a {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    color: var(--color-a8a8a8);
    line-height: 1;
    height: 30px;
}

li.ui-tabs-active a {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

.bPnzRP {
    display: flex;
    flex-wrap: wrap;
}

.jyZMZN {
    margin: 3px;
    font-size: 14px;
    width: 120px;
    padding: 10px;
    border: none;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    background-color: #303030;
}

[data-theme="light"] .jyZMZN {
    background-color: #f4f4f4;
}

div#ready_mode h2 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

span.ready_mode_close, span.str_save_close {
    background-color: #747474 !important;
    height: 18px;
    width: 18px;
    color: var(--color-000000) !important;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer;
}
.create_popup [type=submit]
{
    font-size: 13px;
    color: #ffffff;
    background: var(--color-299bd3) !important;
    border-radius: 3px !important;
    height: 35px;
    line-height: 26px;
    padding: 0px 30px;
    border: none;
}

button#strategy_builder.b_act {
    pointer-events: none;
    cursor: pointer;
}

.dark_theme.dhxwins_vp_dhx_terrace div.dhxwin_hdr {
    border-bottom: 1px solid #10151e !important;
    background-color: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
}

td.strpremium {
    width: 70px;
}

td.strpremium input {
    width: 70px;
    padding: 0px 5px !important;
    text-align: center;
    appearance: unset !important;
    box-shadow: none !important;
}

#ready_mode.ui-tabs .ui-tabs-panel {
    height: unset !important;
    border-color: transparent;
}
.user_selections {max-height: 240px;}

.dark_theme div#ready_mode,
.dark_theme .jyZMZN {
    color: var(--color-ffffff);
}

.dark_theme #ready_mode.ui-widget-content {
    background: var(--color-171717);
}

#ready_mode.ui-widget-content .ui-tabs-active a {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}


/**.right_theme  div#update_strike.strategy_act {
    left: 0px !important;
}**/

.order_note {
    font-size: 14px;
}

.trade_switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.trade_switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: rgb(41 155 211 / 31%) !important;
    display: block;
    border-radius: 3px;
    position: relative;
    margin: 0px 5px !important;
    overflow: hidden;
}

.trade_switch label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: var(--color-299bd3) !important;
    border-radius: 3px;
    transition: 0.3s;
}

.trade_switch input:checked+label {
    background: rgb(41 155 211 / 31%) !important;
}

.trade_switch input:checked+label:after {
    left: calc(100% - 3px);
    transform: translateX(-100%);
}

.trade_switch label:active:after {
    width: 130px;
}

.trade_switch {
    display: flex;
    margin: 0 !important;
    align-items: center;
}

.trade_switch_out {
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.trade_switch_out span {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
}

a.ladder_btn_pp img {
    height: 18px;
}

.new_options {
    flex-wrap: wrap;
}

.new_options a {
    width: calc(50% - 5px);
    margin: 5px 0px;
}

aside.left_nav li svg {
    width: 24px;
    height: 100%;
}

p.r_note {
    margin: 10px 0px 0px;
    padding-top: 5px;
    line-height: 1.5;
    font-size: 14px;
    color: var(--color-a8a8a8);
}

.sort_mw li.symquotes.symbol_expired .mw_list:after {
    line-height: 17px;
    content: "Symbol has changed. Please delete and add again";
    position: absolute;
    width: 60%;
    height: 100%;
    background: #fefefe;
    top: 0;
    right: 0;
    color: #f00;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.dark_theme .sort_mw li.symquotes.symbol_expired .mw_list:after {
    background: var(--color-1e1e1e);
}

.md_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.md_line .dhx_layout-cell {
    align-items: center;
}

.md_line .dhx_form-group--container {
    margin-bottom: 0px;
}

.dhx_layout-cell.dhx_layout-columns.md_line1 {
    justify-content: space-between;
}

.pos_css1 .dhx_combobox-input-box,
.pos_css2 .dhx_combobox-input-box {
    background: var(--color-303030) !important;
    border-color: var(--color-303030);
}

.pos_css1 input.dhx_combobox-input,
.pos_css2 input.dhx_combobox-input {
    border: none !important;
    background: var(--color-303030) !important;
    border-color: var(--color-303030);
    box-shadow: none !important;
    height: 30px !important;
}

.md_line .dhx_input {
    background: var(--color-303030) !important;
    border: none !important;
}

.pos_css1 {
    border-bottom: 1px solid #303030;
}
[name="bf_qty_val"], .pos_css1  [name="form_input_1"] {
    max-width: 110px !important;
    margin-right: 10px;
}
[name="bf_qty_val"]:disabled,.pos_css1  [name="form_input_1"]:disabled {
    cursor: not-allowed;
}
.trns_note {
    display: inline-block;
}
span.t_note {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #000;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    position: relative;
    color: #fff;
}

span.t_note:hover:before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    right: -4px;
    background: #000;
    padding: 4px 10px;
    border-radius: 5px;
    width: max-content;
    max-width: 150px;
    font-size: 10px;
    z-index: 9999;
}
.dhx_layout-cell.posss.dhx_form-element {
    margin-left: 10px;
}

.dhx_layout-cell.dhx_layout-columns.sbt_pos {
    justify-content: flex-end;
}

.dhx_button--view_flat {
    margin-right: 0px !important;
}
.dhx_layout-cell.n_btn {
    margin-left: 10px !important;
}
ul.dhx_widget.dhx_menu .c_chart_dropdown ul {
    margin: 0px;
}

ul.dhx_widget.dhx_menu .c_chart_dropdown {
    left: 0px !important;
    position: relative;
}


span.str_buy,
span.str_sell,
span.strategy_call_buy,
span.strategy_call_sell,
span.strategy_put_buy,
span.strategy_put_sell {
    width: 20px;
    min-width: 20px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 20px;
    margin: 0px 5px;
    line-height: 20px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 1;
}

.cl_ltp.t_flex span.str_sell,
.cl_ltp.t_flex .strategy_call_sell {
    position: absolute;
    right: -5px;
    margin-right: 0px !important;
}

.cl_ltp.t_flex span.str_buy,
.cl_ltp.t_flex .strategy_call_buy {
    position: absolute;
    right: 12px;
}

.put_ltp.t_flex span.str_sell,
.put_ltp.t_flex .strategy_put_sell {
    position: absolute;
    left: -6px;
    margin-left: 0px;
}

.put_ltp.t_flex span.str_buy,
.put_ltp.t_flex .strategy_put_buy {
    position: absolute;
    left: 13px;
}

.t_flex {
    display: flex;
}

.t_flex span {
    margin-right: 8px;
}

.put_ltp.t_flex span {
    margin-right: 0px !important;
    margin-left: 5px;
}

.put_ltp.t_flex {
    justify-content: end;
}

.mon_cont {
    display: flex;
    font-size: 14px;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.mon_cont div {
    margin: 0px 5px 0px 5px;
    border-radius: 50px;
    background: #208ecd;
    border: 1px solid transparent;
    color: var(--color-ffffff);
    width: 50%;
    text-align: center;
    padding: 5px 5px;
    font-size: 12px;
}

.mon_cont div:nth-child(2) {
    background: transparent;
    color: #208ecd;
    border: 1px solid #208ecd;
}

.mon_cont div:hover {
    background: #e9f4fa;
    color: #3a98d0 !important;
}

.dark_theme .wdrw_info .field_items p {
    color: #eaeaea;
}

.wdrw_info .field_items {
    padding: 0px 15px;
    font-size: 14px;
}

.wdrw_bottom_box .field_items {
    padding: 0;
}

span.net_msg {
    font-size: 14px;
}

.def_amount {
    display: flex;
    list-style: none;
    margin: -5px 0px 8px;
}

.def_amount span {
    margin-right: 10px;
    font-size: 12px;
    padding: 0px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    display: block;
}

.def_amount span.active {
    background: #1f8ecd;
    color: var(--color-ffffff);
}

.dark_theme .def_amount span {
    color: #eaeaea;
    border: 1px solid #363c4e;
}

p.p_note {
    background: rgb(255 235 59 / 33%);
    padding: 2px 2px 2px 10px;
    margin: 0;
}

.graph_outer.not_show:before {
    content: attr(message);
    visibility: visible;
    position: absolute;
    font-size: 12px;
    background: #ffeb3b6b;
    border: 1px dashed #ffc107;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
}

.graph_outer.not_show {
    position: relative;
    height: 300px;
}

.guest_login .last_login,
.guest_login .editpro,
.guest_login a#pwd_change1,
.guest_login button#add_mw_btn,
.guest_login .refer_frd {
    display: none !important;
}

.guest_login .pro_details:last-child {
    display: none;
}


/**
a.signup {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border-radius: 30px;
    outline: none;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
    transition: 0.3s ease;
    padding: 6px;
    background: #2491cd !important;
    color: var(--color-ffffff) !important;
}
a.signup:hover{
    background: var(--color-ffffff) !important;
    color: var(--color-000000) !important;
} 
.form-box1.s_rocket {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}




.form-box1.s_rocket a.signup {
    width: 100%;
    margin-top: 25px;
}**/

span.lbl_or {
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px 0px;
    font-size: 14px;
    color: var(--color-000000);
}

input.qr_btn {
    margin-top: 0px;
    width: 100%;
    border: 1px solid #2491cd !important;
    background: transparent;
    color: #2491cd;
    box-shadow: none;
}

input.qr_btn:hover {
    color: var(--color-ffffff) !important;
    background: #2491cd !important;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
}

.dark_theme.vardhamancapital aside.left_nav li span.icon svg {
    fill: var(--color-ffffff);
}

a.tool_widget.ntool-tip span.icon {
    background: url(../images/tools.svg) no-repeat center center #494949;
    background-size: 20px;
}

.vardhamancapital a.tool_widget.ntool-tip span.icon {
    background: url(../images/tools.svg) no-repeat center center;
    background-size: 22px;
}

.dark_theme.vardhamancapital a.tool_widget.ntool-tip span.icon {
    background: url(../images/tools_wht.svg) no-repeat center center;
    background-size: 22px;
}

.option_sec.not_show .ops_cont .tab {
    display: none;
}

.option_sec.not_show .ops_cont .ops_bs_head {
    top: 85px;
}

.dark_theme .graph_outer.not_show:before {
    color: var(--color-ffffff);
}

.foot_item div:last-child {
    width: 40px;
}

div#show_qrcodeid.reload::after {
    background-image: url(../images/reloading.svg);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}

div#show_qrcodeid.reload {
    position: relative;
}

.search_filter_outer {
    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--color-1e1e1e);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding: 5px 0px;
}

.search_filter {
    padding: 0px 5px 2px;
    border-radius: 3px;
    margin-right: 0px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    height: 23px;
    background: var(--color-303030);
    line-height: 21px;
}

.search_filter.act {
    background: rgb(41 155 211 / 31%);
    color: var(--color-299bd3);
}

.srh_results {
    height: 0px;
}

.mw_nav_btn {
    display: flex;
    position: absolute;
    top: -40px;
    right: 0px;
    height: 35px;
    align-items: center;
    z-index: 999999;
    background: rgb(30, 30, 30);
    background: linear-gradient(297deg, rgba(30, 30, 30, 1) 25%, rgba(30, 30, 30, 0) 80%);
}

[data-theme="light"] .mw_nav_btn {
    background: var(--color-303030);
    background: linear-gradient(297deg, rgb(255 255 255) 25%, rgba(30, 30, 30, 0) 80%);
}

li.tabs-title.moretabs.active a {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

li.tabs-title.moretabs.active a span {
    color: var(--color-299bd3) !important;
}

.mw_nav_btn button.btnss {
    height: 30px;
    width: 24px;
    margin-right: 5px;
    
    cursor: pointer;
    border: none !important;
}
.dhx_tabbar_scroll.arrow-right {
    right: 0;
    background: linear-gradient(90deg, rgb(0 0 0 / 15%) 0, var(--color-1e1e1e) 75%) !important;
    padding: 0px 5px !important;
    color: var(--color-a8a8a8) !important;
}
.dhx_tabbar_scroll.arrow-left {
    background: linear-gradient(270deg,rgb(0 0 0 / 15%) 0, var(--color-1e1e1e) 75%) !important;
    padding: 0px 5px !important;
    color: var(--color-a8a8a8) !important;
}



[data-theme="light"] .dhx_tabbar_scroll.arrow-right {
    right: 0;
    background: linear-gradient(90deg, rgb(255 255 255 / 15%) 0, var(--color-1e1e1e) 75%) !important;
    padding: 0px 5px !important;
    color: var(--color-a8a8a8) !important;
}
[data-theme="light"] .dhx_tabbar_scroll.arrow-left {
    background: linear-gradient(270deg,rgb(255 255 255 / 15%) 0, var(--color-1e1e1e) 75%) !important;
    padding: 0px 5px !important;
    color: var(--color-a8a8a8) !important;
}



.dhx_tabbar_scroll.arrow-left, .dhx_tabbar_scroll.arrow-right
{
    width: 30px !important;
}
.dhx_tabbar_scroll.arrow-left {
    right: calc(100% - 30px) !important;
}
.filter_icon {
    display: none !important;
    align-items: center;
    padding: 0px 5px 0px 2px;
}

.filter_icon svg {
    margin-right: 5px;
}

.filter_icon span {
    color: rgb(32, 142, 205);
    margin-left: 7px;
}

div#funds_margin {
    position: relative;
    height: calc(100% - 40px);
    overflow: auto;
    background: var(--color-000000) !important;
}

.menu-box .margin_ṭable th,
.menu-box .margin_ṭable td,
.menu-box .margin_ṭable tbody,
.menu-box .margin_ṭable thead {
    font-size: 14px;
    background: var(--color-1e1e1e) !important;
    color: var(--color-747474) !important;
    text-align: left;
    font-weight: 400 !important;
}

.menu-box .margin_ṭable th,
.menu-box .margin_ṭable td {
    padding: 0px 5px !important;
}

.menu-box .margin_ṭable th {
    padding-bottom: 10px !important;
}

.menu-box .margin_ṭable td {
    color: var(--color-ffffff) !important;
    background: var(--color-303030) !important;
}

.margin_ṭable {
    margin: 0px -5px;
}

div#funds_margin h2 {
    position: relative;
    top: unset;
    cursor: pointer;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.founds_head {
    display: flex;
    justify-content: space-between;
}

.founds_btn button {
    height: 35px;
    cursor: pointer;
    background-color: var(--color-1e1e1e);
    border-radius: 3px;
    margin-left: 6px;
    font-size: 14px;
    padding: 0px 15px;
    color: var(--color-299bd3) !important;
}
.highcharts-legend-item text {
    fill: var(--color-ffffff) !important;
}
.founds_btn {
    display: flex;
}
.margin_sec h3 {
    position: relative;
    top: unset;
    cursor: pointer;
    padding-left: 0px;
    font-size: 18px;
    font-weight: 600;
}

.funds_sec {
    position: relative;
    margin-bottom: 20px;
}

.fund_items ul,
.margin_items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
[data-theme="dark"] text.highcharts-legend-navigation {
    fill: #fff;
}

/* .fund_items.a_chart:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff0;
    z-index: 99;
} */

.fund_items {
    border: none;
    padding: 10px 0px 0px;
    width: calc(66.66% - 15px);
    margin: 0px 15px 0px 0px;
}

.fund_items.a_chart {
    width: calc(33.33% - 15px);
    transform: scale(1);
    margin-top: 0px;
    overflow: hidden;
    max-width: 390px;
    display: flex;
    align-items: center;
    margin-bottom: -30px;
}

.founds_margin_items.open .fund_items.a_chart {
    transform: scale(1);
}

.fund_items.a_chart>div {
    height: 200px !important;
}

.margin_items {
    padding: 20px 15px;
    margin: 0px 15px 0px 0px;
}

.fund_items ul li p,
.margin_items ul li p {
    margin: 0px;
    font-size: 14px;
}

.fund_details {
    display: flex;
    flex-wrap: wrap;
}
/* 
.fund_items ul li {
    width: 33%;
    margin-bottom: 15px;
} */
ul.mr_list {
    display: flex;
    align-items: center;
    gap: 10px;
}

li.mmp {
    color: #2CAFFE;
    font-size: 18px !important;
}
.margin_items ul li {
    width: 16.66%;
    margin-bottom: 15px;
}

.fund_items ul li span,
.margin_items ul li span {
    color: var(--color-747474);
    font-size: 12px;
}

.fund_items h3 {
    font-size: 20px;
    font-weight: 600;
}
button.amt_btn {
    color: #2CAFFE;
    background-color: rgb(44 175 254 / 25%);
    padding: 10px 15px;
    margin-right: 8px;
    min-width: 100px;
    border-radius: 5px;
    cursor: pointer;
}

.total_margin {
    background: #000000;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    min-width: 25%;
}

[data-theme="light"] .total_margin {
    background: #f4f4f4;
    
}

.nav_btns {
    margin-bottom: 16px;
}
.margin_box {
    display: flex;
    gap: 16px;
    align-items: center;
}
.margin_box h2 {
    font-size: 30px !important;
    font-weight: 500 !important;
    margin: 0px !important;
}

.margin_box h4 {
    color: #949494;
    font-size: 18px !important;
    margin: 0;
    line-height: 1;
}
ul.margin_list {
    padding: 10px 10px 0px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.overlay_close_window {
    position: absolute;
    z-index: 9999;
    height: 100%;
    width: 100%;
    cursor: pointer;
    display: none;
}

span.logout_icon {
    display: flex;
    align-items: center;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 0px;
    font-weight: 600;
    color: #2892cc;
    text-align: left;
    margin-bottom: 0px;
}

span.logout_icon svg {
    height: 16px;
    margin-right: 7px;
}
span.mplus {
    font-size: 30px;
    color: #2CAFFE;
}

.dark_theme span.logout_icon svg {
    fill: var(--color-ffffff);
}

.notify.dpd.act:before {
    content: "";
    display: block;
    background: url(../images/act.svg);
    position: absolute;
    bottom: -8px;
    right: -6px;
    z-index: 89;
    width: 48px;
    height: 4px;
}

.user-profile:hover,
.rq_show:hover,
.support_icon:hover,
.notify:hover,
.funds_show:hover {
    background: #f4f4f5;
}

.header-right .drop-down li:hover {
    background: var(--color-1e1e1e);
}

.header-right li.v_menus:hover {
    background-color: var(--color-000000) !important;
}

.header-right li.v_menus ul li:hover {
    background: var(--color-1e1e1e) !important;
}

.dark_theme .user-profile:hover,
.dark_theme .rq_show:hover,
.dark_theme .support_icon:hover,
.dark_theme .notify:hover,
.dark_theme .funds_show:hover {
    background: var(--color-171717);
}

li.tabs-title.moretabs span.symbolsseries {
    DISPLAY: NONE;
}

.guest_login .timer {
    width: max-content !important;
}

.mw_tab_box {
    background: var(--color-1e1e1e);
    width: 100%;
    height: 35px;
    z-index: 999999;
    position: absolute;
    top: -40px;
    left: 0px;
    border-radius: 3px;
    overflow: hidden;
    /**display: none; **/
}

div#mm_tabs * {
    border: none;
}
div#mm_tabs ul li {
    padding-left: 6px;
    background-color: transparent !important;
    /**width: max-content !important; **/
}
div#mm_tabs ul {
    padding: 6px;
    background-color: var(--color-1e1e1e) !important;
    margin-left: -6px;
}
div#mm_tabs ul li button
{
    padding: 0px 10px !important;
    height: 24px !important;
    background-color: var(--color-303030) !important;
}
[data-id="HoldingsM"]
{
    text-transform: uppercase !important;
}
div#mm_tabs .dhx_tabbar-tab-button.dhx_tabbar-tab-button--active
{
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}
.dhx_tabbar_scroll {
    height: 35px !important;
}
div#mm_tabs {
    width: calc(100% - 30px);
    height: 35px;
    z-index: 999999;
    top: 0px;
}

div#mm_tabs .dhx_cell_cont_tabbar {
    height: 0px !important;
}

div#mm_tabs .dhxtabbar_tab_text span.utabs {
    width: 23px;
    height: 23px;
    line-height: 20px;
    font-size: 14px !important;
    background: var(--color-303030);
    border-radius: 3px;
    font-weight: 400;
    padding: 1px;
    display: inline-block;
    color: var(--color-a8a8a8);
}

div#mm_tabs .dhxtabbar_tab_text span.mtabs {
    height: 23px;
    line-height: 20px;
    font-size: 14px !important;
    background: var(--color-303030);
    border-radius: 3px;
    font-weight: 400;
    padding: 1px 5px;
    display: inline-block;
    color: var(--color-a8a8a8);
}

div#mm_tabs .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
    height: 36px;
}

div#mm_tabs .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
div#mm_tabs .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
    height: 36px;
}

div#mm_tabs .dhxtabbar_tabs_line {
    display: none;
}

div#mm_tabs .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    padding: 0px 3px;
}

div#mm_tabs .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
    width: max-content !important;
    min-width: 35px;
}

.dhxform_obj_dhx_terrace .dhx_button .dhx_button_filler {
    color: var(--color-a8a8a8);
}

.sqoff_positions {
    left: unset !important;
    right: 0px !important;
    height: 35px;
    font-size: 14px;
}

.sqoff_positions .dhx_button {
    border: none !important;
    height: 35px !important;
    background: var(--color-000000) !important;
    border-radius: 3px !important;
    color: var(--color-a8a8a8) !important;
    margin-right: 6px;
    cursor: pointer !important;
}

.dark_theme span.utabs {
    color: var(--color-1e1e1e);
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
    filter: invert(1);
}

.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
    background: rgb(36, 42, 52);
}

li.pos_sqoff_dis {
    opacity: 0.6 !important;
}

.dark_theme li.pos_sqoff_dis:hover {
    background: #141313 !important;
}

li.pos_sqoff_dis:hover {
    background: #e0e0e0 !important;
}

button#add_mw_btn {
    display: none;
}

.addmw button#add_mw_btn {
    position: absolute;
    bottom: -45px;
    line-height: 35px;
    display: block;
    height: 35px;
    color: var(--color-ffffff);
}

.addmw span.mws_btn {
    right: 35px;
}

.addmw .search_sys {
    width: calc(100% - 60px) !important;
}

.mw_setting:before {
    right: 40px;
}

div#QR_Code_Pop_up {
    max-width: 1000px !important;
    width: 100%;
    padding: 0px;
    box-shadow: 0px 0px 13px 0px var(--color-000000);
}

div#QR_Code_Pop_up .row {
    display: flex;
    /* height: 400px; */
    align-items: center;
}

div#QR_Code_Pop_up .row .qr_left,
div#QR_Code_Pop_up .row .qr_right {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0px;
}

div#QR_Code_Pop_up .row .qr_left {
    background-color: #f1f1f1;
}

.reveal-overlay {
    background: rgb(87 87 87 / 60%) !important;
}

.steps {
    margin-top: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-ffffff);
    font-weight: 800;
}

.steps span {
    width: 50px;
    height: 50px;
    line-height: 37px;
    background: #a6a6a6;
    border-radius: 50%;
    color: var(--color-ffffff);
    font-size: 23px;
    border: 5px solid #dddddd;
    margin-right: 10px;
}

.side-codes-details p {
    margin-bottom: 2px;
}

@media (max-height: 700px) {
    .login_pop {
        padding: 10px 20px;
    }
    .foot_blue {
        padding: 0px;
    }
    .foot_item {
        padding: 10px 30px;
    }
    .login_form {
        padding: 10px 30px;
    }
    span.lbl_or {
        margin: 0px 0px;
    }
}

.list-unstyled ul {
    height: 30px;
    width: 150px;
    border: 1px #fff solid;
}

.list-unstyled ul li {
    padding: 5px 10px;
    z-index: 2;
}

.list-unstyled ul li:not(.init) {
    float: left;
    width: 130px;
    display: none;
    background: #ddd;
}

.list-unstyled ul li:not(.init):hover,
.list-unstyled ul li.selected:not(.init) {
    background: #09f;
}

.list-unstyled li.init {
    cursor: pointer;
}

.list-unstyled a#submit {
    z-index: 1;
}

ul.list-unstyled {
    margin: 0;
    list-style: none;
}

.step1_ind li {
    list-style: none;
}

div.custom-select {
    height: 35px;
    width: 380px;
    position: relative;
    background-color: var(--color-1e1e1e);
    margin-right: 6px;
    border-radius: 3px;
}

.light_theme div.custom-select {
    box-shadow: 0px 0px 5px 0px #c1c1c1;
}

div.selected {
    width: calc(100% - 30px) !important;
    width: inherit;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    float: right;
    overflow: visible !important;
    position: static !important;
    background: url(../images/dow_arrow.svg) no-repeat right 10px center;
}

div.selected>.text {
    padding: 6px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

span.ind_chart_btn {
    position: absolute;
    left: 5px;
}

ul.select-list span.ind_chart_btn {
    position: absolute;
    left: 47%;
    z-index: 999;
    display: none;
}

ul.select-list li:hover span.ind_chart_btn {
    display: block;
}

div.select-box {
    display: none;
    width: 100%;
    z-index: 10029;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 0px 20px var(--color-c1c1c1);
}

div.select-box.active {
    display: block;
    margin-top: 35px;
}

div.select-box.drop-up {
    top: auto;
    bottom: 100%;
}

ul.select-list {
    margin: 0;
    padding: 10px;
    list-style-type: none;
    background-color: var(--color-1e1e1e);
    max-height: 50vh;
    overflow: auto;
}

ul.select-list li {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

ul.select-list li span.s_b2.chart {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 46%;
    top: 5px;
}

ul.select-list li:hover span.s_b2.chart {
    display: block;
}

ul.select-list li:hover,
ul.select-list li.active {
    background-color: var(--color-303030);
}

div.custom-select span.ind_syml {
    width: 130px !important;
    display: inline-block;
    color: var(--color-ffffff) !important;
}

ul.select-list li {
    margin: 0px !important;
    line-height: 30px;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_tabs_ar_right {
    display: none;
}

form#order_form {
    padding: 8px 10px;
    background-color: var(--color-171717);
    min-height: calc(100% - 46px);
}
div#pop_buy.act form#order_form {
    min-height: 280px !important;
}
div#pop_buy.act .pop-chart-cont
{
    height: unset !important;
}
div#pop_buy.act .regular_box {
    margin-bottom: 10px !important;
}
.dark_theme #order_form, .dark_theme .dhx_window .dhx_toolbar
{
    background-color: #1d1d1d;
}
.pop-chart-cont.GTT .radio-box4.radio_btn .radio {
    display: none;
}
ul.sys_ul {
    margin: 0;
    display: flex;
    list-style: none;
    height: 30px;
}

ul.sys_ul li {
    margin-right: 20px;
    position: relative;
}

ul.sys_ul a {
    font-size: 12px;
    color: var(--color-ffffff);
    padding-left: 20px;
    z-index: 99;
    position: relative;
}

ul.sys_ul li:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/in-active-tick.svg);
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    border-radius: 50%;
    background-size: contain;
}

ul.sys_ul li.is-active:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/active-tick.svg);
    box-shadow: inset 0 0 0 0px #027741;
    background-size: contain;
}
input#gtt_stl,input#gtt_trail,input#gtt_trgt{
    position: absolute;
    visibility: hidden;
    width: 0;
}
input#gtt_stl+label::before,input#gtt_trail+label::before,input#gtt_trgt+label::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/un_active.svg);
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    background-size: contain;
}
input#gtt_stl:checked+label::before,input#gtt_trail:checked+label::before,input#gtt_trgt:checked+label::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/active.svg);
    box-shadow: inset 0 0 0 0px #027741;
    background-size: contain;
}
.gtt_add_box label {
    position: relative;
    padding-left: 20px;
    margin-left: 0px;
}
.r_flex {
    display: flex;
    padding: 20px 0px;
}
.dash_all h3 {
    font-size: 18px;
    margin: 0px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
}

span.r_withdraw {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-299bd3);
    background: var(--color-303030);
    position: absolute;
    right: 0px;
    display: flex;
    height: 35px;
    top: 0px;
    padding: 0px 30px;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
}

.dash_sec1 ul,
.dash_sec3 ul {
    list-style: none;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: var(--color-a8a8a8);
}

.dash_sec2 ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* height: calc(100% - 50px); */
    margin: 0;
    list-style: none;
    justify-content: flex-start;
}
.dhx_layout-cell.ds_hd22 {
    height: 100px;
}

.dash_sec2 ul li {
    width: max-content;
    padding: 10px;
    border-radius: 10px;
    margin: 0px 30px 0px 0px;
    gap: 15px;
    cursor: pointer;
    position: relative;
    display: flex ;
    align-items: center;
}

.dash_sec2 ul li:hover {
    background-color: var(--color-000000);
}

.dash_sec2 ul li h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: var(--color-ffffff);
}

.dash_sec1 ul p,
.dash_sec3 ul p {
    margin: 0px;
    color: var(--color-a8a8a8);
    font-size: 14px;
}

.dash_sec1 ul p span,
.dash_sec3 ul p span {
    color: var(--color-ffffff);
}

a.btn_view {
    height: 35px;
    background: var(--color-303030);
    display: inline-block;
    line-height: 35px;
    padding: 0px 30px;
    border-radius: 3px;
    color: var(--color-299bd3);
}

span.icon_svg {
    width: 55px;
    height: 55px;
    display: inline-block;
    background-color: var(--color-1e1e1e) !important;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    min-width: 55px;
}
span.icon_svg img {
    max-width: 25px;
}
.dash_sec2 ul li p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color-a8a8a8);
}

.r_balance {
    width: 250px;
    display: flex;
    justify-content: space-between;
    background: var(--color-000000);
    align-items: center;
    padding: 5px 8px;
    line-height: 1;
    height: 35px;
    border-radius: 3px;
}

.chart_bubbles {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999999;
}

.chart_bubbles ul {
    margin: 0px;
    display: flex;
    color: #fff;
    list-style: none;
    max-width: 100vw;
    overflow: hidden;
    justify-content: flex-end;
}

.chart_bubbles ul li {
    display: flex;
    justify-content: space-between;
    width: 220px;
    min-width: 220px;
    background: var(--color-303030);
    padding: 5px;
    align-items: center;
    border-radius: 3px 3px 0px 0px;
    margin: 0px 3px;
    cursor: pointer;
    background: hsla(360, 86%, 53%, 1);
    background: linear-gradient(270deg, hsla(360, 86%, 53%, 1) 0%, hsla(0, 79%, 35%, 1) 100%);
    background: -moz-linear-gradient(270deg, hsla(360, 86%, 53%, 1) 0%, hsla(0, 79%, 35%, 1) 100%);
    background: -webkit-linear-gradient(270deg, hsla(360, 86%, 53%, 1) 0%, hsla(0, 79%, 35%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#EE2122", endColorstr="#A21313", GradientType=1);
}

span.c_close img {
    filter: brightness(22);
}

.c_left {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

span.c_source {
    color: #F2F2F2;
    font-size: 10px;
    margin-bottom: 3px;
}

span.c_symbol {
    font-size: 14px;
}

span.c_mw {
    margin-right: 5px;
    font-size: 12px;
    text-transform: capitalize;
}

div#tab_window .dhx_cell_cont_tabbar .dhx_cell_cont_tabbar {
    border-top: 6px solid var(--color-000000) !important;
}

div#main_tabs {
    width: 100%;
    height: 100%;
}

.main_inner {
    width: 100%;
    overflow: hidden;
}

.chart-box {
    height: 100%;
    overflow: hidden;
}

.strategy_sec {
    width: 100%;
    min-height: 100% !important;
    height: 100%;
    max-height: calc(100vh - 58px) !important;
    position: relative;
    
}

.strategy_sec iframe {
    width: 100%;
    height: calc(100vh - 58px);
    position: relative;
    border: none;
    background-color: var(--color-1e1e1e);
}

iframe#strategy_builder {
    height: calc(100vh - 58px);
    max-height: calc(100vh - 58px);
    width: 100%;
    height: 100%;
    border: none;
}



#tab_window>div>div>div.dhx_cell_cont_layout.dhx_cell_cont_no_borders>div>div>div>div:nth-child(2)>div>div>div>div>div:nth-child(2)>div>div>div>div>div.dhx_cell_cont_layout {
    border: none !important;
}

.noty_journal {
    position: fixed;
    top: 47px;
    height: max-content;
    background: var(--color-171717);
    padding: 6px;
    width: 300px;
    right: 6px;
    border-radius: 3px;
    display: none;
    max-height: 70vh;
}

.light_theme .noty_journal {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.noty_journal.act {
    display: block;
}

.noty_journal .tabs-title>a {
    height: 30px;
    padding: 0px 30px;
    line-height: 30px;
    border-radius: 3px;
    color: var(--color-747474);
    font-size: 14px;
}

.noty_journal li.tabs-title.is-active a {
    border: none !important;
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
    text-shadow: 0 0 1px var(--color-299bd3) !important;
}

.noty_journal .tabs {
    border: none;
    background: var(--color-171717);
    margin-bottom: 3px;
}

.noty_journal .tabs-content {
    background: transparent !important;
    color: var(--color-ffffff);
    border: none;
}

.noty_journal li {
    background: var(--color-303030);
    margin-bottom: 5px;
}

.noty_journal ul {
    margin: 0;
    list-style: none;
    padding: 0px;
}

.noty_journal .tabs-panel {
    padding: 0;
}

.noty_journal .tabs-panel li {
    padding: 10px;
    border-radius: 3px;
}

.noty_journal .tabs-panel li h4 {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.noty_journal .tabs-panel li h4 img {
    margin-right: 10px;
}

.noty_journal .tabs-panel li p {
    font-size: 12px;
    color: #9E9E9E;
    margin-bottom: 0px;
}

.date_time {
    display: flex;
    font-size: 12px;
    color: #9E9E9E;
    justify-content: space-between;
}

.date_time span {
    position: unset !important;
    width: unset;
    height: unset;
    background: unset;
    color: unset;
    line-height: unset;
    font-size: unset;
}

div#call_us h3 {
    display: flex;
    font-size: 18px;
    justify-content: space-between;
}

.contact_box ul {
    display: flex;
    list-style: none;
    margin: 0px;
    align-items: center;
}

.contact_box {
    padding: 10px;
}

span.c_icon {
    width: 30px;
    height: 30px;
    background: var(--color-303030);
    display: block;
    height: 100%;
    line-height: 30px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
}

.contact_box ul li {
    margin-right: 20px;
}

.contact_box ul li a {
    color: #9E9E9E;
    font-size: 14px;
}

.from_row {
    display: flex;
    justify-content: space-between;
}

.from_row .form_feilde {
    width: calc(50% - 6px);
}

select#tag_names,
input#subject {
    height: 35px;
    border: none;
    background-color: var(--color-303030);
    font-size: 14px;
    color: #FFE !important;
    padding: 0px 10px;
}

textarea#message {
    background: var(--color-303030);
    font-size: 14px;
    color: #FFE !important;
    padding: 5px 10px !important;
    border: none;
}

select#tag_names {
    padding-right: 30px;
}

label.btn.btn-default.btn-file {
    width: calc(50% - 6px) !important;
    min-height: 35px;
    height: 35px;
    border: none;
    background: url(../images/upload.svg) right 10px center var(--color-303030)no-repeat !important;
    font-size: 14px;
    color: #FFE !important;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    border-radius: 3px;
}

.is-invalid-input:not(:focus) {
    background-color: rgb(238 33 34 / 26%) !important;
    color: #EE2122 !important;
}

div#profile_sec {
    position: fixed;
    top: 47px;
    left: 47px;
    z-index: 99999;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    background: var(--color-000000);
    display: none;
}

.profile_sec_head {
    font-size: 18px;
    font-weight: 600;
    padding: 2px 0px 6px;
    display: flex;
    align-items: center;
}

.profile_sec_head span.funds_back {
    position: relative;
}

.profile_sec_inner {
    height: calc(100% - 50px);
    background: var(--color-1e1e1e);
    padding: 20px;
    display: flex;
}

.profile_sec_left {
    width: 500px;
}

.profile_pic_top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.profile_pic_bottom {
    display: flex;
    align-items: center;
    
}

.avatar-preview {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.profile_pic {
    text-align: center;
    background: var(--color-171717);
    border-radius: 3px;
    padding: 15px 15px;
    margin-bottom: 20px;
}

.profile-cont {
    display: flex;
    flex-direction: column;
}

span.user_name {
    color: var(--color-ffffff);
}

.profile_sec_right {
    width: 500px;
    padding: 0px 30px;
    display: block;
}

.p_sec_in h3 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    color: var(--color-ffffff);
}

.p_sec_in {
    display: flex;
    width: 100%;
    flex-direction: column;
}

span.user_ucc {
    text-align: left;
    font-size: 14px;
}

span.c_edit {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-303030);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    color: var(--color-299bd3);
    margin-left: 10px;
}

button.change_pass, .change_totp, .freeze_account, button.key_btn, .disable_totp {
    height: 35px;
    font-size: 14px;
    font-weight: 400;
    background: var(--color-303030);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0px 20px;
    color: var(--color-299bd3);
    cursor: pointer;
    margin-right: 5px;
}

.p_item {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding: 0px 40px 0px 15px;
    position: relative;
}

.p_item span {
    color: var(--color-a8a8a8);
}

.p_item span.c_edit {
    position: absolute;
    right: 0;
}

span.last_login {
    display: block;
    font-size: 11px;
    color: var(--color-a8a8a8);
    text-align: left;
    margin-top: 10px;
}

.hdrcell.filter {
    padding: 0px 3px !important;
}

div.gridbox .dhxcombo_dhx_terrace {
    height: 30px !important;
    border: none;
    width: 100% !important;
}

div.gridbox .filter input,
div.gridbox .filter select {
    height: 30px;
    width: 100% !important;
    border: none !important;
    background-color: var(--color-303030) !important;
    margin-bottom: 0px;
    padding: 0px 5px !important;
    color: var(--color-ffffff);
}

.view_box ul {
    display: flex;
    justify-content: space-between;
}

span.tradelvltwo svg path {
    fill: #eaeaea !important;
}

.founds_head {
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    line-height: 28px;
    padding: 6px 5px;
    background: var(--color-000000);
}

.founds_margin_items {
    background: var(--color-1e1e1e);
    padding: 11px 14px;
    border-radius: 3px;
    margin-bottom: 6px;
}

.margin_sec {
    width: 100%;
    display: none;
}

/* .founds_margin_items.open .fund_items ul li {
    width: 25%;
} */

#tab_window .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar.founds_margin {
    background: var(--color-000000) !important;
}

#tab_window .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar.founds_margin div.dhx_cell_cont_layout {
    background: var(--color-000000) !important;
    border-left: 0px solid var(--color-000000) !important;
    border-right: 0px solid var(--color-000000) !important;
}

span.acc_opener {
    font-size: 14px;
    color: var(--color-299bd3);
    text-decoration: underline;
    position: relative;
}

span.acc_opener:after {
    content: '';
    background: url(../images/down.svg) no-repeat center right;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -20px;
    top: 6px;
}

span.acc_opener.open:after {
    transform: rotate(180deg);
}

.showBrokerage {
    width: 100%;
    height: 100%;
    background: var(--color-171717);
    z-index: 99999;
    border-radius: 3px;
    color: var(--color-ffffff);
}

.bro_top {
    display: flex;
    align-items: center;
    padding: 15px 15px 0px;
}

.order_details_sec {
    padding: 15px;
    font-size: 14px;
}

.showBrokerage h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-ffffff) !important;
}

.order_details_sec ul {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.bro_bottom {
    padding: 15px;
    background: var(--color-1e1e1e);
    max-height: 274px;
    height: 100%;
}

.light_theme .bro_bottom {
    background: var(--color-000000);
}

.trade_time1 span {
    color: var(--color-00ee79);
}

.win_brokerage .dhx_window-header {
    padding-bottom: 0px !important;
}

.win_brokerage .dhx_window-content {
    padding: 0px !important;
}

.bro_bottom ul {
    display: block;
    column-count: 2;
    margin: 0px;
}

.bro_bottom ul li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 40px;
}

span.br_label {
    color: #747474;
}

.order_details_sec li p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #747474;
}

.order_details_sec li {
    font-size: 14px;
}

.bro_ltp {
    color: var(--color-00ee79);
    margin-bottom: 25px;
}

span.br_close {
    position: absolute;
    right: 15px;
}

.trade_time {
    font-size: 12px;
    position: absolute;
    left: 50%;
    color: #9E9E9E;
}

span.br_sys_vl {
    font-size: 16px;
    font-weight: 600;
}

.jconfirm .jconfirm-box {
    background-color: var(--color-171717);
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: var(--color-303030) !important;
    color: var(--color-a8a8a8);
}

.notimsg_cont font {
    color: var(--color-a8a8a8) !important;
}

.notimsg_cont span {
    color: var(--color-a8a8a8) !important;
}

.notimsg_cont p {
    color: var(--color-a8a8a8) !important;
}

.more_menu {
    position: absolute;
    width: 100%;
    left: 0;
    background: var(--color-1e1e1e);
    z-index: 99999;
    top: -5px !important;
    padding: 0px 3px 6px;
    left: 0px !important;
    display: none;
}

.more_menu.is-open {
    display: block;
}

.more_menu ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.more_menu a {
    padding: 0;
    height: 24px;
    line-height: 20px;
    font-size: 14px !important;
    color: var(--color-a8a8a8);
    background: var(--color-303030);
    border-radius: 3px;
    font-weight: 400;
    padding: 1px;
    text-align: center;
}

.more_menu li {
    padding: 0px !important;
    margin: 6px 3px;
}

.c_chart {
    width: 60px;
    height: 60px;
    left: 60px;
    bottom: 0;
    position: absolute;
    top: 0px;
}

.c_chart:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.c_chart rect.highcharts-background {
    fill: #21000000 !important;
}

.c_chart .highcharts-root path {
    stroke: transparent !important;
}

svg.highcharts-root {
    transform: translate(15px, 0px);
}

div#tab_window .dhx_cell_cont_tabbar .dhx_cell_cont_tabbar .dhx_cell_cont_tabbar {
    border-top: 6px solid var(--color-1e1e1e) !important;
}

div#tab_window .dhx_cell_cont_tabbar .dhx_cell_cont_tabbar .dhx_cell_cont_tabbar div.dhxtabbar_tabs {
    border-color: var(--color-1e1e1e) !important;
}

.dhxtabbar_base_dhx_terrace .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
    border-color: var(--color-1e1e1e) !important;
}

.dhxtabbar_base_dhx_terrace .dhxtabbar_base_dhx_terrace .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
    border-radius: 3px;
}

.pie-chart {
    position: relative;
    border-radius: 50%;
}

.chart .pie-chart {
    width: 30px;
    height: 30px;
}

.chart.value[data-chart="0"]  .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 0deg, rgb(255 87 34 / 30%) 0deg);
}
.chart.value[data-chart="1"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 60deg, rgb(255 87 34 / 30%) 60deg);
}
.chart.value[data-chart="2"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 120deg, rgb(255 87 34 / 30%) 120deg);
}
.chart.value[data-chart="3"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 180deg, rgb(255 87 34 / 30%) 180deg);
}
.chart.value[data-chart="4"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 240deg, rgb(255 87 34 / 30%) 240deg);
}
.chart.value[data-chart="5"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 300deg, rgb(255 87 34 / 30%) 300deg);
}
.chart.value[data-chart="6"] .pie-chart {
    background-color: #ff5722;
    background: conic-gradient(#ff5722 0deg, #ff5722 360deg, rgb(255 87 34 / 30%) 360deg);
}


.chart.future[data-chart="0"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 0deg, rgb(255 152 0 / 30%) 0deg);
}
.chart.future[data-chart="1"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 60deg, rgb(255 152 0 / 30%) 60deg);
}
.chart.future[data-chart="2"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 120deg, rgb(255 152 0 / 30%) 120deg);
}
.chart.future[data-chart="3"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 180deg, rgb(255 152 0 / 30%) 180deg);
}
.chart.future[data-chart="4"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 240deg, rgb(255 152 0 / 30%) 240deg);
}
.chart.future[data-chart="5"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 300deg, rgb(255 152 0 / 30%) 300deg);
}
.chart.future[data-chart="6"] .pie-chart {
    background-color: #ff9800;
    background: conic-gradient(#ff9800 0deg, #ff9800 360deg, rgb(255 152 0 / 30%) 360deg);
}



.chart.past[data-chart="0"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 0deg, rgb(156 39 176 / 30%) 0deg);
}
.chart.past[data-chart="1"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 60deg, rgb(156 39 176 / 30%) 60deg);
}
.chart.past[data-chart="2"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 120deg, rgb(156 39 176 / 30%) 120deg);
}
.chart.past[data-chart="3"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 180deg, rgb(156 39 176 / 30%) 180deg);
}
.chart.past[data-chart="4"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 240deg, rgb(156 39 176 / 30%) 240deg);
}
.chart.past[data-chart="5"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 300deg, rgb(156 39 176 / 30%) 300deg);
}
.chart.past[data-chart="6"] .pie-chart {
    background-color: #9c27b0;
    background: conic-gradient(#9c27b0 0deg, #9c27b0 360deg, rgb(156 39 176 / 30%) 360deg);
}




.chart.health[data-chart="0"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 0deg, rgb(33 150 243 / 30%) 0deg);
}
.chart.health[data-chart="1"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 60deg, rgb(33 150 243 / 30%) 60deg);
}
.chart.health[data-chart="2"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 120deg, rgb(33 150 243 / 30%) 120deg);
}
.chart.health[data-chart="3"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 180deg, rgb(33 150 243 / 30%) 180deg);
}
.chart.health[data-chart="4"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 240deg, rgb(33 150 243 / 30%) 240deg);
}
.chart.health[data-chart="5"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 300deg, rgb(33 150 243 / 30%) 300deg);
}
.chart.health[data-chart="6"] .pie-chart {
    background-color: #2196f3;
    background: conic-gradient(#2196f3 0deg, #2196f3 360deg, rgb(33 150 243 / 30%) 360deg);
}







.chart.dividend[data-chart="0"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 0deg, rgb(255 235 59 / 30%) 0deg);
}
.chart.dividend[data-chart="1"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 60deg, rgb(255 235 59 / 30%) 60deg);
}
.chart.dividend[data-chart="2"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #9080F2 120deg, rgb(255 235 59 / 30%) 120deg);
}
.chart.dividend[data-chart="3"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 180deg, rgb(255 235 59 / 30%) 180deg);
}
.chart.dividend[data-chart="4"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 240deg, rgb(255 235 59 / 30%) 240deg);
}
.chart.dividend[data-chart="5"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 300deg, rgb(255 235 59 / 30%) 300deg);
}
.chart.dividend[data-chart="6"] .pie-chart {
    background-color: #ffeb3b;
    background: conic-gradient(#ffeb3b 0deg, #ffeb3b 360deg, rgb(255 235 59 / 30%) 360deg);
}


.c_chart_dopdown>div {
    padding: 5px;
}

a.view_btn {
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background: #299BD3;
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 99;
}
.c_chart_dropdown {
    position: absolute;
    top: unset;
    bottom: 19px;
    background: var(--color-000000);
    width: 200px;
    border-radius: 3px;
    padding: 10px;
    z-index: 999;
    display: none;
    left: -22px;
}

.side-codes ul li:nth-child(1) .c_chart_dropdown,.side-codes ul li:nth-child(2) .c_chart_dropdown,.side-codes ul li:nth-child(3) .c_chart_dropdown,.side-codes ul li:nth-child(4) .c_chart_dropdown ,.side-codes ul li:nth-child(5) .c_chart_dropdown,.side-codes ul li:nth-child(6) .c_chart_dropdown,.side-codes ul li:nth-child(7) .c_chart_dropdown,.side-codes ul li:nth-child(8) .c_chart_dropdown
{
    position: absolute;
    top: 19px;
    bottom: unset;
    background: var(--color-000000);
    width: 200px;
    border-radius: 3px;
    padding: 10px;
    z-index: 999;
    display: none;
    left: -22px;
}
.side-codes ul li .c_chart_dropdown
{
    background: var(--color-000000);
}

.tab-inner.grid_view.heatview ul li, .tab-inner.grid_view ul li
{
    height: 125px;
}
.side-bar .tab-inner.grid_view li .c_chart_dropdown {
    position: absolute;
    top: 19px;
    width: 93px !important;
    border-radius: 3px;
    padding: 5px;
    left: -35px !important;
    
}
.side-bar .tab-inner.grid_view li .c_chart_dropdown ul li, .side-bar .tab-inner.grid_view li .c_chart_dropdown .div_ul .div_li {
    padding: 0px !important;
    margin: 1px 0px !important;
    width: 100% !important;
}
.side-bar .tab-inner.grid_view li .c_chart_dropdown ul li .c_slider, .side-bar .tab-inner.grid_view li .c_chart_dropdown .div_ul .div_li .c_slider
{
    height: 8px !important;
}

.side-bar .tab-inner.grid_view li  a.view_btn {
    height: 19px !important;
    line-height: 19px !important;
    font-size: 10px !important;
}
.side-bar .tab-inner.grid_view li .c_chart_dropdown ul li span, .side-bar .tab-inner.grid_view li .c_chart_dropdown .div_ul .div_li span
{
    display: none !important;
}
.anl_mw_btn:hover .c_chart_dropdown {
    display: block !important;
}
.c_chart_dropdown:after {
    content: '';
    position: absolute;
    left: 25px;
    top: unset;
    bottom: -5px;
    
    width: 20px;
    height: 20px;
    background: var(--color-000000);
    transform: rotate(45deg);
}
.side-codes ul li:nth-child(1) .c_chart_dropdown:after,.side-codes ul li:nth-child(2) .c_chart_dropdown:after,.side-codes ul li:nth-child(3) .c_chart_dropdown:after,.side-codes ul li:nth-child(4) .c_chart_dropdown:after ,.side-codes ul li:nth-child(5) .c_chart_dropdown:after,.side-codes ul li:nth-child(6) .c_chart_dropdown:after,.side-codes ul li:nth-child(7) .c_chart_dropdown:after,.side-codes ul li:nth-child(8) .c_chart_dropdown:after
{
    content: '';
    position: absolute;
    left: 25px;
    top: -5px;
    bottom: unset;
    width: 20px;
    height: 20px;
    background: var(--color-000000);
    transform: rotate(45deg);
}

.c_chart_dropdown.act {
    display: block;
}

.dashboard_tabs tr {
    position: relative;
}

.dashboard_tabs td {
    position: unset !important;
}

.c_chart_dropdown div {
    padding: 3px 0px;
}

.c_item {
    display: flex;
    color: #9E9E9E;
    align-items: center;
    position: relative;
    flex-direction: column;
}
.c_item p {
    font-size: 12px;
    color: #707070 !important;
    margin: 0px;
}
.c_item .chart {
    margin-right: 10px;
}

.c_item span {
    font-weight: 600;
    color: var(--color-ffffff);
    margin-left: 10px;
}
.analysis_scores .chart .pie-chart:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 50%;
    background: #1e1e1e;
}
[data-theme="light"] .analysis_scores .chart .pie-chart:after{
    background: #ffffff;
}
.dhx_layout-space.dhx_layout-rows>.dhx_layout-cell:last-child {
    margin-bottom: 0px !important;
}

.dhx_layout-space.dhx_layout-rows>.dhx_layout-cell {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: var(--color-000000);
}

.dash_all h3 {
    color: var(--color-ffffff);
}

[data-theme="light"] .dash_all h3,
[data-theme="light"] .dash_sec2 ul li h4 {
    color: #000;
}

.dhx_tabbar-header {
    height: 35px;
}

.dhx_tabbar-tab-button {
    height: 35px !important;
    padding: 0px 24px !important;
    border-radius: 3px !important;
}

.dhx_tabbar-tab {
    height: 35px !important;
}

.dhx_tabbar {
    background: var(--color-000000) !important;
}

.dhx_layout-cell {
    border: none !important;
    border-radius: 3px !important;
}

.dhx_tabbar-tab-button.dhx_tabbar-tab-button--active {
    background: var(--color-303030) !important;
    border: none !important;
    color: var(--color-ffffff) !important;
    font-weight: 400 !important;
}

[data-theme="light"] .dhx_tabbar-tab-button--active {
    background: #fff !important;
}

.dhx_tabbar--top>.dhx_tabbar-header__wrapper {
    border-bottom: none !important;
}

.dash_sec1 ul span,
.dash_sec3 ul span {
    color: var(--color-ffffff) !important;
}

.dhx_layout-cell {
    background: var(--color-1e1e1e) !important;
}

.dhx_tabbar-header__wrapper {
    margin-bottom: 6px;
}

.dhx_layout-space {
    background: var(--color-000000) !important;
}

.dhx_tabbar-header-active {
    display: none;
}

.dhx_tabbar-tab-button {
    color: var(--color-a8a8a8) !important;
}

.dhx_tabbar-tab-button:active,
.dhx_tabbar-tab-button:hover,
.dhx_tabbar-tab-button:hover:active {
    background-color: #1a1a1a !important;
}

[data-theme="light"] .dhx_tabbar-tab-button:active,
[data-theme="light"] .dhx_tabbar-tab-button:hover,
[data-theme="light"] .dhx_tabbar-tab-button:hover:active {
    background-color: #ececec !important;
}

.dhx_window-content {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 6px !important;
}

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

.dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar {
    padding: 0px 10px 0 10px !important;
}

.Mdepth_window .dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar {
    padding: 0px 15px 0 15px !important;
}

div#tab_window .dhx_tabbar--bottom>.dhx_tabbar-header__wrapper {
    display: none !important;
}


/* .trades_tabs_new .dhx_layout-rows.dhx_form {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
}  */

.trades_css {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row !important;
}

.dhx_layout {
    background-color: var(--color-1e1e1e) !important;
    color: var(--color-a8a8a8) !important;
}

.tab_head .dhx_layout-cell-inner_html {
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    line-height: 28px;
    color: var(--color-ffffff);
}

.dhx_grid-content,
.dhx_header-row,
.dhx_grid-footer-cell,
.dhx_grid-header-cell {
    background-color: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
    border: none !important;
}

.dhx_grid-cell,
.dhx_grid-cell__content {
    color: var(--color-ffffff) !important;
}

.dhx_grid-header-cell-text_content {
    color: var(--color-a8a8a8) !important;
}

.dhx_string-cell,
.dhx_string-cell .dhx_grid-cell__content,
.dhx_tree-cell,
.dhx_date-cell .dhx_grid-cell__content,
.dhx_date-cell {
    background-color: var(--color-303030) !important;
    border: none !important;
}

.dhx_grid-row {
    width: 100%;
    border-bottom: 2px solid var(--color-1e1e1e) !important;
}

.grid_contant {
    padding: 6px;
}

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

.dhx_grid-filter,
.dhx_grid-header-cell .dhx_combobox-input-box,
.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input {
    background-color: var(--color-000000) !important;
    border: none !important;
    box-shadow: none !important;
}

.light_theme .dhx_grid-filter,
.light_theme .dhx_grid-header-cell .dhx_combobox-input-box,
.light_theme .dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input {
    background-color: #eaeaea !important;
}

.light_theme .dhx_checkbox__input:checked+.dhx_checkbox__visual-input {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
    transition: background-color var(--dhx-transition-time) var(--dhx-transition-out);
    filter: brightness(0.5);
    border-color: #f4f4f4 !IMPORTANT;
}

.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input::-webkit-input-placeholder {
    color: #6b6b6b !important;
}

.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input:-ms-input-placeholder {
    color: #6b6b6b !important;
}

.dhx_grid-header-cell .dhx_combobox .dhx_combobox-input-list .dhx_combobox-input::placeholder {
    color: #6b6b6b !important;
}

.dhx_combobox-input__icon,
.dhx_grid-filter__label:before {
    color: #6b6b6b !important
}

.dhx_widget.dhx_layout.dhx_layout-columns.trades_css.dhx_form {
    align-items: center;
}

.trades_css .dhx_checkbox {
    display: flex;
    align-items: center;
    margin: 5px 0px 0px;
}

.dhx_window .dhx_toolbar {
    background-color: var(--color-171717) !important;
    min-height: 35px !important;
    height: 35px !important;
}

.dhx_navbar-title {
    color: var(--color-ffffff) !important;
}

.jconfirm {
    z-index: var(--dhx-z-index-overlay-total);
}

.dhx_button--view_link.dhx_button--color_secondary {
    color: var(--color-ffffff) !important;
    outline-width: 0;
}

.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
    color: var(--color-000000) !important;
}

.basket_window .dhx_header-wrapper {
    display: none !important;
}

.order_info .dhx_window-content-without-header {
    padding: 0px;
    overflow-y: auto;
    color: var(--color-ffffff) !important;
}

.dhx_popup {
    border-radius: 3px;
    background-color: var(--color-1e1e1e);
}

span.i_btn {
    background: rgb(255 255 255 / 10%);
    padding: 5px 10px;
    border-radius: 3px;
}

span.bs_btn {
    color: var(--color-00ee79);
    padding: 5px 10px;
    border-radius: 3px;
    background-color: rgb(0 209 113 / 20%);
}

.light_theme span.bs_btn {
    color: #00b45b;
}

.dhx_checkbox__visual-input {
    background-color: transparent !important;
    border-color: #818181 !important;
}

.funds_show.act {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
    position: relative;
}

.funds_show.act:after {
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    background: var(--color-299bd3) !important;
    bottom: 0;
    border-radius: 0px 0px 3px 3px;
}
.funds_show {
    width: max-content;
    padding: 8px;
    font-size: 14px;
}

.funds_show img {
    margin-right: 8px;
}
.dhx_toolbar-button__icon {
    color: var(--color-a8a8a8) !important;
}

.chart_windowg_list iframe {
    border: none;
}

li.dhx_toolbar__item {
    width: 25px;
    height: 25px;
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
}

.dhx_window-header .title_max {
    width: unset;
    height: unset;
}

li.dhx_toolbar__item button {
    background-color: #747474 !important;
    height: 18px;
    width: 18px;
    color: var(--color-000000) !important;
    padding: 0;
    border-radius: 50%;
    margin: 0px !important;
}

li.dhx_toolbar__item button span:before {
    font-size: 15px !important;
    color: var(--color-000000) !important;
    line-height: 18px;
}

span.fa.fa-minus-square.dhx_toolbar-button__icon:before {
    font-size: 12px !important;
    color: var(--color-000000) !important;
}

span.fa.fa-external-link.dhx_toolbar-button__icon:before {
    font-size: 12px !important;
    color: var(--color-000000) !important;
}

.basket_grid .dhx_grid-row {
    height: unset !important;
}

.basket_grid .dhx_grid-cell {
    height: unset !important;
}

.dhx_window-header .dhx_navbar-title {
    font-size: 15px !important;
    text-transform: capitalize;
}

.dhx_popup {
    box-shadow: 0px 0px 30px #000000D1;
}

.light_theme .dhx_popup {
    box-shadow: 0px 0px 20px #c1c1c1;
}

.light_theme .dhx_popup .dhx_window {
    box-shadow: 0px 0px 10px #d1d1d1;
}

.dhx_button--view_link.dhx_button--color_secondary,
.dhx_button--view_link.dhx_button--color_secondary {
    background-color: #747474 !important;
    height: 18px;
    width: 18px;
    color: var(--color-000000) !important;
}

a.margin_click {
    text-decoration: underline;
}

.activity_note {
    position: absolute;
    bottom: -45px;
    font-size: 12px;
    right: 0px;
    overflow: hidden;
    width: calc(100vw - 415px);
    background: #3c3c3c;
    text-align: left;
    border-top: #fff;
    border-radius: 0px 0px 3px 3px;
    padding: 2px 10px;
    height: 45px;
}

[data-theme="light"] .activity_note {
    background: #e2e2e2;
}

.activity_note span {
    margin-left: 7px;
    margin-right: 7px;
    color: var(--color-a8a8a8) !important;
}

.activity_tabs .dhx_grid-row {
    margin-bottom: 50px;
    position: relative;
}

.activity_tabs .dhx_grid-cell {
    position: unset;
}

.activity_tabs .dhx_grid-cell,
.activity_tabs .dhx_grid-row {
    overflow: visible;
}

.activity_tabs .dhx_data-wrap {
    overflow-y: auto !important; 
    min-height: calc(100vh - 200px) !important;
    max-height: calc(100vh - 200px) !important;
}

span#margin_result a {
    cursor: auto;
    text-decoration: none;
}

iframe.stocks_iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.order_alert_note {
    position: absolute;
    width: 300px;
    bottom: 60px;
    /*display: flex;*/
    display: none;
    align-items: center;
    justify-content: space-between;
    right: 10px;
    background: var(--color-000000);
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #EB1E1F58;
    font-size: 12px;
}

span.alert_icon {
    min-width: 25px;
    margin-right: 10px;
}

span.note_close img {
    min-width: 15px;
}

.dhx_menu-button__icon {
    color: #9E9E9E !important;
}

.dhx_widget .dhx_menu-button__icon:before {
    font-size: 18px !important;
}

.dhx_widget .dhx_menu-button__icon {
    width: 30px;
    text-align: center;
}

li.dhx_toolbar__item.brokerage_header {
    width: unset;
}

li.dhx_toolbar__item.brokerage_header>span {
    display: flex;
}

.win_brokerage .brokerage_header {
    margin-top: 10px;
}

.trade_time1 {
    font-size: 12px;
    margin-left: 50px;
    margin-top: 3px;
    color: #9E9E9E;
}

panel label input {
    position: absolute;
    opacity: 0;
}
[data-dhx-col-id="ipo_sym"] .dhx_grid-cell__content {
    /* flex-direction: column; */
    align-items: center;
    gap: 5px;
}

div#risk_dis h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 25px;
}

div#risk_dis p {
    background: rgb(43 166 203 / 10%);
    border-radius: 10px;
    padding: 16px;
}
.dhx_popup.dhx_widget.dhx_popup--window_modal.risk_closer {
    border-radius: 20px;
    overflow: hidden;
}
.risk_closer .dhx_window-content-without-header {
    padding: 40px;
    overflow-y: auto;
}
.risk_closer .invest_cont {
    background: hsl(40deg 85% 50% / 10%) !important;
    color: hsl(40deg 100% 42.7%) !important;
}
.dhx_popup.dhx_widget.dhx_popup--window_modal.risk_closer {
    height: max-content !important;
}
.dhx_popup.risk_closer {
    min-width: 750px;
}
.dark_theme .st_ltp {
    color: #fff !important;
}
.bg_chart {
    position: absolute;
    height: 60%;
    bottom: 0px;
    left: 0;
    width: 100%;
}
.Last_update {
    display: none;
}

/**** new dashborad*****/
.dhx_layout-cell.ds_hd1,.ds_hd1 .dhx_layout-cell-header {
    background: var(--color-000000) !important;
}
.dhx_layout-cell.ds_hd3 .dhx_layout-cell-header.dhx_layout-cell-header--col {
    border: none;
}
.dark_theme .dhx_layout-cell.ds_hd3 .dhx_layout-cell-header.dhx_layout-cell-header--col
{
    background: #272727;
}
.dhx_layout-cell.ds_hd22.stocks-main .dhx_widget.dhx_form {
    overflow: hidden;
}
.dhx_layout-cell.ds_hd2 {
    background: var(--color-000000) !important;
}

.ds_hd1 .dhx_layout-cell.dhx_layout-cell-content {
    background: var(--color-000000) !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt1 {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}
.fr_cnt1 .dhx_layout-cell.dhx_form-element {
    width: 100%;
}

.fr_cnt1 .dhx_form-group {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    text-align: center;
        margin-bottom: 10px;
    margin-top: 0px;
    opacity: 1 !important;

}
.fr_cnt1 .dhx_form-group--inline .dhx_input__wrapper {
    width: 100% !important;
}
.ds_hd2 .fr_cnt1 .dhx_form-group--inline .dhx_label {
    text-align: center;
    width: 100% !important;
    color: var(--color-ffffff);
    font-weight: 400;
    margin-top: 5px;
}
.ds_hd1 .dhx_layout-cell.dhx_form-element {
    margin: 0px auto;
}

.dhx_layout-cell.ipo_sec .dhx_grid-content.dhx_grid-less-height {
    padding: 10px;
}

.dhx_layout-cell.ipo_sec .dhx_layout-cell-header.dhx_layout-cell-header--col {
    background: var(--color-1e1e1e) !important;
    margin: 5px 0px 0px;
}
.fr_cnt1 .dhx_input {
    text-align: center;
    box-shadow: none !important;
    border: none;
    font-weight: 600;
    color: var(--color-ffffff);
    font-size: 1.5rem;
    background: var(--color-1e1e1e) !important;
}
.dhx_layout-cell.po_hd1 .ds_hd2{
    border-top: 15px solid var(--color-000000) !important;
    margin-right: 6px !important;
}
.btn_add .dhx_button {
    background: url(../images/wallet.svg) no-repeat 20px center;
    padding-left: 30px;
    padding: 8px 20px 8px 45px;
    border-radius: 6px;
    background-size: 18px;
}
.dash_sec2>div {
    background: var(--color-000000) !important;
}
.ds_hd2 .dhx_layout-cell.dhx_form-element
{
    width: unset;
}
.ds_hd3.no_br {
    border: none !important;
}
.dhx_layout-cell.ds_hd22 {
    background: var(--color-000000) !important;
}
.tab-containerb {
    margin: 0px 10px;
    background: var(--color-1e1e1e) !important;
}
.dhx_layout-cell.ds_hd22.stocks-main {
    padding: 0px;
}
.dhx_layout-cell.ds_hd3 .dhx_label {
    color: var(--color-a8a8a8) !important;
}
button#view_holding, button#view_mf {
    background: transparent !important;
    margin: 2px 10px !important;
    font-size: 12px !important;
    padding: 0px;
    color: var(--primary-color) !important;
}
button#view_holding:hover,button#view_mf:hover {
    text-decoration: underline;
}
.dhx_layout-cell.invest_mf.dhx_form-element {
    width: 100% !important;
}

div#open_mm li.tabs-title {
    height: unset !important;
}
.dhx_layout-cell.view_stc_btn * {
    background: transparent !important;
    
}
.dhx_layout-cell.view_stc_btn .stc_view_more{
    color: var(--primary-color) !important;
    text-decoration: underline ;
    cursor: pointer !important;
    margin-top: 0px;
    font-size: 14px;
    width: max-content;
}

.dhx_layout-cell.view_stc_btn {
    position: relative;
    padding: 0px;
    width: 85px;
    text-align: center;
    margin: 0px auto;
    top: 0px;
    left: 8px;
}
.dash_sec2 .show_gainer
{
    display: none !important;
}
.stocks-main .dhx_grid-row {
    height: 42px !important;
    border-bottom: 1px solid #1e1e1e !important;
    border-top: 1px solid #1e1e1e !important;
}
.stocks-main .dhx_grid-row:hover {
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, #434343, transparent) 1 !important;
    background-color: #161616 !important;
    cursor: pointer;
}
.stocks-main .dhx_grid-row:hover *,  .stocks-main .dhx_grid-row:hover .dhx_string-cell, .stocks-main .dhx_grid-row:hover .dhx_string-cell .dhx_grid-cell__content, .stocks-main .dhx_grid-row:hover .dhx_tree-cell 
{
    background-color: #161616 !important;
    cursor: pointer;

}
.stocks-main .dhx_grid_data 
{
    top: 0px !important;
}

[data-theme="light"] .stocks-main .dhx_grid-row {
    border-bottom: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    height: 42px !important;
}
[data-theme="light"] .stocks-main .dhx_grid-row:hover {
    border-image: linear-gradient(90deg, transparent, #D2D2D2, transparent) 1 !important;
    background-color: #F3F3F3 !important;
}
[data-theme="light"] .stocks-main .dhx_grid-row:hover *,  [data-theme="light"] .stocks-main .dhx_grid-row:hover .dhx_string-cell, [data-theme="light"] .stocks-main .dhx_grid-row:hover .dhx_string-cell .dhx_grid-cell__content, [data-theme="light"] .stocks-main .dhx_grid-row:hover .dhx_tree-cell 
{
    background-color: #F3F3F3 !important;
}
[data-theme="dark"] .stocks-main .dhx_grid-row .dhx_grid-cell
{
        border-bottom: 0px solid #1e1e1e !important;
}
[data-theme="light"] .stocks-main .dhx_grid-row .dhx_grid-cell {
    border-bottom: 0px solid #ffffff !important;
}
.Mdepth_window {
    animation: none !important;
}

.Mdepth_window .dhx_layout-cell.dhx_window-content {
    padding: 0px !important;
}

.Mdepth_window .side-codes-details {
    padding: 0px 15px;
    box-shadow: none;
    width: 100%;
}

.chart_windowg_list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mdepth_dot {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: var(--color-1e1e1e);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: none;
}

.mdepth_dot ul {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mdepth_dot ul li {
    width: 10px;
    height: 10px;
    background:var(--color-434343) !important;
    border: none !important;
    border-radius: 30px;
    cursor: pointer;

}
.side-codes-details .mdepth_dot ul li
{
    border: none !important;
}
.mdepth_dot ul li.act {
    width: 30px;
    background-color: var(--color-299bd3) !important;
}
.md_right .right_box {
    margin-left: 0px !important;
}
.md_right .scd_right {
    width: 100% !important;
}
.dash_all {
    height: 100%;
    overflow: auto;
}
.side-codes ul li .s_btns {
    top: 10px !important;
}
.scd_left {
    width: 60%;
    height: 100%;
    max-width: 720px;
    padding-right:5px;
    overflow: auto;
}
li.NSE[style="display: none;"] + li.BSE{ border:none !important;}
.scd_right {
    width: 40%;
    height: 100%;
    overflow: auto;
    max-width: 530px;
    padding-top: 18px;
}
.row.mdepth_list thead th {
    padding-bottom: 15px;
}
.right_box_head + table {
    margin-bottom: 0;
}
.Mdepth_window.md_left .scd_left, .Mdepth_window.md_right .scd_right {
    padding-bottom: 30px;
}
.side-codes-details {
    display: flex !important;
}
.Mdepth_window {
    box-shadow: none !important;
}
.right_box {
    background: var(--color-1d1d1d);
    padding: 15px 20px;
    margin-left: 18px;
    margin-bottom: 8px;
}
.right_box_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding: 0px 5px;
}
.right_box_head td:nth-child(2), .right_box_head th:nth-child(2){
    text-align: left;
}
.right_box_head p {
    font-size: 14px;
}
.right_box_head span a {
    font-size: 14px;
    color: var(--primary-color);
    text-decoration: underline;
}
.right_box th {
    color: var(--color-707070) !important;
    font-size: 12px;
}
.right_box td:last-child, .right_box th:last-child
{
    text-align: right;
}
.right_box td
{
    padding: 10px 5px;
    border-top: 1px solid transparent !important;
    border-image: linear-gradient(90deg, transparent, #434343, transparent) 1 !important;
    background-color: #000000 !important;
}
.right_box tbody tr:hover {
    background-color: #161616 !important;
    cursor: pointer;
}
[data-theme="light"] .right_box tbody tr
{
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
}
[data-theme="light"] .right_box tbody tr:hover 
{
    background-color: #e9e9e9 !important;
}
.right_box.no_data tbody tr:hover 
{
    background-color: transparent !important;
}

.right_box tbody tr::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #434343, transparent);
}
.dhx_popup--window.Mdepth_window {
    max-width: 1200px;
}
.dhx_popup--window.Mdepth_window:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 403px);
    height: 100%;
    background: rgb(0% 0% 0% / 35%);
}
[data-theme="light"] .right_box tbody tr::after
{
    background: linear-gradient(90deg, transparent, #D2D2D2, transparent);
} 
.right_box tbody tr
{
    position:relative;
}

.right_box  td.t_nodata {
    text-align: center !important;
    color: #707070 !important;
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
    padding: 25px 5px 0px;
}
.dark_theme .right_box td.t_nodata img {
    opacity: 0.3 !important;
}
.side-codes-details.MCX .m_depth_foot:before {
    top: calc(50% - 20px);
}





.position_tabs .dhx_footer-wrapper {
    height: 0px !important;
}
.dhx_layout-cell.ds_hd1.ipo_sec .dhx_grid-content.dhx_grid-less-width .dhx_data-wrap {
    padding: 0px 5px !important;
}
.ipo_sec .dhx_grid.dhx_widget {
    height: 100%;
}
.dhx_colorpicker-value__input,
.dhx_list,
.dhx_popup {
    background-color: var(--color-000000) !important;
}

span.dhx_combobox-options__value {
    color: var(--color-ffffff) !important;
}

.dhx_list-item--focus,
.dhx_list-item--selected:hover,
.dhx_list-item:hover {
    background-color: var(--color-303030) !important;
}

.Last_update .dhx_layout-cell-inner_html {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    background-color: var(--color-000000) !important;
}

.Last_update .dhx_layout-cell-inner_html img {
    margin: 0px !important;
    width: 16px;
    margin-right: 5px !important;
}

.Last_update .dhx_layout-cell-inner_html div {
    margin-top: 0px !important;
}

.chart_windowg_list .dhx_layout-cell.dhx_window-content {
    padding: 0 !important;
}

.price_alert_window iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent !important;
}

h4.symtitle {
    font-size: 0;
    margin: 0;
}

.side-codes li.srh_result {
    position: relative;
}

.side-codes li.srh_result:hover .s_btns {
    display: flex;
}

#funds_margin rect.highcharts-background {
    fill: transparent !important;
}

.notify.act+.noty_journal {
    display: block !important;
}

.dhx_button__icon,
.dhx_button__text {
    text-transform: capitalize !important;
}

.dhx_layout-cell,
.dhx_grid {
    background-color: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
}

ul#noty-tabs {
    width: 100%;
}

ul#noty-tabs li {
    width: 50%;
    text-align: center;
    background: transparent;
}

.win_brokerage .dhx_window-header .dhx_navbar-title {
    font-size: 18px !important;
}

.noty_journal .tabs-panel {
    max-height: calc(70vh - 42px);
    overflow: auto;
}

/* .ds_hd1 .dhx_layout-cell-header,
.ds_hd2 .dhx_layout-cell-header,
.ds_hd3 .dhx_layout-cell-header {
    background: var(--color-1e1e1e) !important;
    color: var(--color-ffffff) !important;
    border: none !important;
} */

.ds_hd1 .dhx_layout-cell-header *,
.ds_hd2 .dhx_layout-cell-header *,
.ds_hd3 .dhx_layout-cell-header * {
    color: var(--color-ffffff) !important;
    font-size: 18px;
    margin: 0px;
    font-weight: 600;
    position: relative;
}

.flx_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flx_form .dhx_form-group {
    margin-bottom: 0px !important;
}

.flx_form .dhx_input {
    border: none !important;
    padding: 0px;
    color: var(--color-ffffff) !important;
    box-shadow: none !important;
    background: transparent !important;
}

.flx_form .dhx_form-group--disabled {
    opacity: 1 !important;
}

.flx_form label {
    color: var(--color-a8a8a8) !important;
}

.order_alert_note1 {
    width: 100%;
    display: flex;
    right: 0px;
    background: #ffd40026;
    padding: 10px;
    border-radius: 6px;
    border: 2px dashed #ffd400;
    font-size: 12px;
    margin: 10px 0px;
}

span.alert_icon {
    min-width: 25px;
    margin-right: 10px;
}

span.note_close img {
    min-width: 15px;
}

span.note_close {
    display: none;
}

/* .dhx_layout-cell.ds_hd1 {
    border-bottom: 6px solid var(--color-000000) !important;
} */

.dhx_layout-cell.ds_hd2 {
    border-top: 6px solid var(--color-000000) !important;
}
.dhx_layout-cell.ds_hd3 {
    border-top: 6px solid var(--color-000000) !important;
    border-right: 6px solid var(--color-000000) !important;
    margin-right: 0px !important;
}

.ds_hd3 .dhx_layout-cell.dhx_layout-cell-content {
    padding: 0px 10px;
}
.mm_txt input.dhx_input {
    height: 35px;
    background: var(--color-000000) !important;
    padding: 5px 10px !important;
    width: 222px;
}
button.apl_btn {
    background: var(--color-299bd3) !important;
    padding: 5px 15px;
    color: #ffff;
}
.tab_head_nw label {
    font-size: 18px !important;
    color: #fff !important;
    margin-top: 0px !important;
    font-weight: 600;
}
.flx_form button.dhx_button--view_flat.dhx_button--color_primary {
    height: 35px;
    color: var(--color-299bd3);
    background: var(--color-303030);
    padding: 5px 20px !important;
}
.ds_hd2 .dhx_form-group--inline .dhx_label
{
    text-align: left;;
}
.ds_hd2 .flx_form .dhx_input {
    text-align: right;
}
/* .flx_form .btn_addmoney button.dhx_button--view_flat.dhx_button--color_primary {
    padding: 0px !important;
    width: 28px;
    margin-left: -35px;
    height: 28px;
    margin-top: 4px;
} */

.light_theme .flx_form .btn_addmoney button.dhx_button--view_flat.dhx_button--color_primary {
    background: var(--color-299bd3);
    color: #fff;
}

.light_theme span.mws_btn svg path {
    fill: #a8a8a8 !important;
}

.dhx_layout-cell.mm_txt.dhx_form-element {
    width: 100%;
}


/**
.dhx_layout-cell.btn_addmoney {
    width: 30px !important;
    position: absolute;
    right: 277px;
    margin-top: -2px;
}**/

.btn_refresh,
.btn_addmoney,
.btn_withdraw {
    margin: 0px 3px 0px;
}

.btn_refresh {
    margin: 0px 3px 0px;
}
.tab_head_nw input {
    text-align: left !important;
    color: var(--color-ffffff) !important;
    font-size: 18px;
    margin: 0px;
    font-weight: 600;
    position: relative;

}
.btn_refresh .dhx_button {
    margin: 15px 3px 0px;
    background: url(../images/refresh.svg) var(--color-000000) center center no-repeat !important;
    width: 35px;
    border: none !important;
    height: 35px !important;
    cursor: pointer !important;
    margin: 0px;
    background-size: 17px !important;
}
.dhx_layout-cell.btn_refresh.dhx_form-element {
    margin-left: 15px;
}
.dhx_layout-cell.dhx_layout-rows.flx_form.nw_form {
    align-items: unset !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_lvl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.stocks_back {
    padding-bottom: 6px;
    padding-top: 2px;
    background-color: var(--color-000000);
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.stocks_back span {
    padding: 5px 6px 0px;
    display: inline-block;
    height: 33px;
    width: 33px;
    background: var(--color-1e1e1e) !important;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 6px;
}

.stocks_back span img {
    width: 17px;
}

.dashboard_tabs div.dhx_layout-cell>div>div.dhx_tabbar-header__wrapper {
    display: none;
}

.dhx_widget.dhx_widget--bg_white {
    background-color: var(--color-1e1e1e) !important;
    border: none !important;
}

.dhx_chart .group-text,
.dhx_chart .header-text,
.dhx_chart .heat-day-text,
.dhx_chart .heat-month-text,
.dhx_chart .heat-year-text,
.dhx_chart .legend-text,
.dhx_chart .legend-tick,
.dhx_chart .scale-text,
.dhx_chart .scale-title,
.dhx_chart .pie-value {
    fill: var(--color-a8a8a8) !important;
}

.dhx_chart .chart.donut,
.dhx_chart .chart.pie,
.dhx_chart .chart.pie3d,
.dhx_chart .chart.treeMap {
    color: var(--color-a8a8a8) !important;
}

.dhx_chart .donut-value {
    fill: var(--color-ffffff) !important;
}

.grid_nodata {
    max-width: 400px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: center;
    color: var(--color-a8a8a8);
}

.grid_nodata p {
    margin: 30px 0px;
}

.nodata_tip {
    background: #299BD3;
    margin-top: 20px;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    position: relative;
}

.nodata_tip:before {
    content: '';
    position: absolute;
    height: 15px;
    width: 0px;
    left: calc(50% - 30px);
    top: -25px;
    border-bottom: 15px solid;
    border-left: 7px solid;
    border-right: 7px solid;
    border-top: 10px solid;
    border-color: transparent transparent #299BD3 transparent;
}

.noty_nodata {
    height: 200px !important;
    background: transparent !important;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

li.noty_nodata img {
    margin-bottom: 15px;
}

.ds_hd1 .dhx_layout-cell.dhx_form-element {
    width: 25%;
}

@keyframes ldio-jovbc4x8tqa {
    0% {
        transform: translate(22px, 90px) scale(0);
    }
    25% {
        transform: translate(22px, 90px) scale(0);
    }
    50% {
        transform: translate(22px, 90px) scale(1);
    }
    75% {
        transform: translate(90px, 90px) scale(1);
    }
    100% {
        transform: translate(158px, 90px) scale(1);
    }
}

@keyframes ldio-jovbc4x8tqa-r {
    0% {
        transform: translate(158px, 90px) scale(1):
    }
    100% {
        transform: translate(158px, 90px) scale(0);
    }
}

@keyframes ldio-jovbc4x8tqa-c {
    0% {
        background: #299bd3
    }
    25% {
        background: rgba(41, 155, 211, 0.19596774193548383)
    }
    50% {
        background: rgba(41, 155, 211, 0.4391935483870968)
    }
    75% {
        background: rgba(41, 155, 211, 0.6824193548387096)
    }
    100% {
        background: #299bd3
    }
}

.ldio-jovbc4x8tqa div {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(90px, 90px) scale(1);
    background: #299bd3;
    animation: ldio-jovbc4x8tqa 1.4285714285714284s infinite cubic-bezier(0, 0.5, 0.5, 1);
}

.ldio-jovbc4x8tqa div:nth-child(1) {
    background: rgba(41, 155, 211, 0.6824193548387096);
    transform: translate(158px, 90px) scale(1);
    animation: ldio-jovbc4x8tqa-r 0.3571428571428571s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-jovbc4x8tqa-c 1.4285714285714284s infinite step-start;
}

.ldio-jovbc4x8tqa div:nth-child(2) {
    animation-delay: -0.3571428571428571s;
    background: #299bd3;
}

.ldio-jovbc4x8tqa div:nth-child(3) {
    animation-delay: -0.7142857142857142s;
    background: rgba(41, 155, 211, 0.6824193548387096);
}

.ldio-jovbc4x8tqa div:nth-child(4) {
    animation-delay: -1.0714285714285714s;
    background: rgba(41, 155, 211, 0.4391935483870968);
}

.ldio-jovbc4x8tqa div:nth-child(5) {
    animation-delay: -1.4285714285714284s;
    background: rgba(41, 155, 211, 0.19596774193548383);
}

.loadingio-spinner-ellipsis-76vi38m2jd {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-jovbc4x8tqa {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.ldio-jovbc4x8tqa div {
    box-sizing: content-box;
}


/* generated by https://loading.io/ */

.dark_theme .mm_txt input.dhx_input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a8a8a8;
}

.dark_theme .mm_txt input.dhx_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a8a8a8;
}

.dark_theme .mm_txt input.dhx_input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a8a8a8;
}

.sort_btn.filter button.sort {
    width: calc(33% - 3px);
}

.win_brokerage,
.win_brokerage .dhx_window {
    box-shadow: none !important;
}

.dhx_grid-custom-content-cell {
    padding: 5px 3px !important;
}

.dxi.dxi-chevron-up:before {
    content: url(../images/up_arrow.svg) !important;
    margin-top: -10px;
    margin-left: 6px;
}

.dxi.dxi-chevron-down:before {
    content: url(../images/dow_arrow.svg) !important;
    margin-top: -10px;
    margin-left: 6px;
}

.dxi.dxi-menu-down:before {
    font-size: 32px !important;
}

.dhx_grid-footer-cell:first-child,
.dhx_grid-header-cell:first-child {
    padding-left: 0px !important;
}

.dhx_grid-footer-cell:first-child .dhx_grid-header-cell-text_content,
.dhx_grid-header-cell:first-child .dhx_grid-header-cell-text_content {
    padding-left: 5px !important;
}

.dhx_grid-footer-cell:last-child,
.dhx_grid-header-cell:last-child {
    padding-right: 0px !important;
}

.dhx_grid-footer-cell:last-child .dhx_grid-header-cell-text_content,
.dhx_grid-header-cell:last-child .dhx_grid-header-cell-text_content {
    padding-right: 5px !important;
}

.light_theme span.tradelvltwo svg path {
    fill: #515151 !important;
}

span.marg_acc_opener,
span.marg_close_opener {
    color: #299BD3;
    text-decoration: underline;
    cursor: pointer;
    display: none;
}

span.marg_acc_opener svg,
span.marg_close_opener svg {
    margin-left: 5px;
    width: 12px !important;
    height: 8px;
}

.dhx_grid-footer-cell .dhx_grid-footer-cell-text {
    padding: 0px 5px !important;
}

.sort_btn.filter input+label {
    font-size: 14px;
    padding: 0px 9px;
    background-color: var(--color-303030);
    width: calc(33% - 3px);
    cursor: pointer;
    color: var(--color-a8a8a8) !important;
    text-align: center;
    margin: 0px !important;
    border-radius: 3px;
}

.sort_btn.filter input:checked+label {
    background: rgb(41 155 211 / 31%) !important;
    color: var(--color-299bd3) !important;
}

.sort_btn.filter input {
    display: none;
}

.dhx_tree-cell .dhx_grid-expand-cell-icon {
    z-index: 99999;
    position: absolute;
    right: 17px;
}

.logoff_out {
    text-align: center;
    padding-top: 25px;
}

.internet_win .logoff_out {
    padding-top: 0px;
}

[data-theme="light"] .drop-down li.Dark path {
    fill: #a8a8a8 !important;
}

.holdings_tabs .dhx_grid-cell:first-child {
    padding-left: 0 !important;
}

span.chart-columngrid:before {
    content: '';
    background: url(../images/e1.svg) no-repeat center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 90%;
    top: 0;
    left: 0;
}

span.chart-rowgrid:before {
    content: '';
    background: url(../images/e2.svg) no-repeat center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 90%;
    top: 0;
    left: 0;
}

span.chart-grid:before {
    content: '';
    background: url(../images/e3.svg) no-repeat center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 90%;
    top: 0;
    left: 0;
}

[data-theme="light"] span.chart-columngrid:before,
[data-theme="light"] span.chart-rowgrid:before,
[data-theme="light"] span.chart-grid:before {
    filter: brightness(0.2);
}

[data-theme="light"] .user-img .st1 {
    fill: #fff;
}

li.dhx_toolbar__item button[data-dhx-id="grid"],
li.dhx_toolbar__item button[data-dhx-id="columngrid"],
li.dhx_toolbar__item button[data-dhx-id="rowgrid"] {
    border-radius: 0px !important;
    background: transparent !important;
}

span.chart-columngrid,
span.chart-rowgrid,
span.chart-grid {
    background: transparent !important;
}

.dhx_header-row[aria-rowindex="1"] {
    height: 30px !important;
    padding-top: 0px !important;
}

span.dxi.dxi-menu-up:before {
    content: url(../images/up_arrow.svg);
    color: var(--dhx-font-color-secondary);
    pointer-events: none;
    position: absolute;
    right: 4px;
    z-index: 10;
    top: 0px;
}

[data-theme="light"] .dxi.dxi-menu-down:before,
[data-theme="dark"] .dxi.dxi-menu-down:before {
    content: url(../images/up_arrow.svg);
    color: var(--dhx-font-color-secondary);
    pointer-events: none;
    position: absolute;
    right: 4px;
    z-index: 10;
    top: 10px;
    transform: rotate(180deg);
}

.dhx_combobox-input__icon {
    width: 30px;
    height: 30px;
}

span.goback_any {
    height: 30px;
    width: 30px;
}

span.goback_any img {
    height: 18px;
}

span.goback_any {
    height: 30px;
    width: 30px;
    position: absolute;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px;
    left: 8px;
    border-radius: 3px;
    cursor: pointer;
    z-index: 999;
}

[data-theme="dark"] span.goback_any {
    background-color: #303030;
}

.dhx_tooltip {
    z-index: 9999 !important;
    display: block;
    border: none !important;
}

#tab_window>div>div>div>div.dhx_layout-cell>div>div.dhx_layout-cell>div {
    overflow-y: auto;
}

.cnt_sqoff::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/Sq.off.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_sqoff::before {
    background: url(../images/Sq.off_light.svg);
    background-size: contain;
}

.cnt_convert::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/convert.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_convert::before {
    background: url(../images/convert_light.svg);
    background-size: contain;
}

.cnt_addmore::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/buy.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_addmore::before {
    background: url(../images/buy.svg);
    background-size: contain;
}

.cnt_depth::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/depth.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_depth::before {
    background: url(../images/depth_light.svg);
    background-size: contain;
}

.cnt_chart::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/chart.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_chart::before {
    background: url(../images/chart_light.svg);
    background-size: contain;
}

.cnt_fo::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/F&O.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_fo::before {
    background: url(../images/F&O_light.svg);
    background-size: contain;
}

.cnt_cancel::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/cancel.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_cancel::before {
    background: url(../images/cancel_light.svg);
    background-size: contain;
}

.cnt_info::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/Info.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_info::before {
    background: url(../images/Info_light.svg);
    background-size: contain;
}

.cnt_repeat::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/repeat.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_repeat::before {
    background: url(../images/Repeat_light.svg);
    background-size: contain;
}

.cnt_sell::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/sell.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}

[data-theme="light"] .cnt_sell::before {
    background: url(../images/sell.svg);
    background-size: contain;
}

.mw-rename::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/rename.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}
.mw-delete::before {
    content: '' !important;
    width: 22px !important;
    height: 22px !important;
    background: url(../images/delete.svg);
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: contain;
}
.custom-image .c_chart_dropdown {
    display:block;
    top:0px;
}
.custom-image .c_chart_dropdown:after {
    display:none;
}
    
    
.dhx_combobox-input__template {
 color:var(--color-a8a8a8) !important;
}
span.holding_sub {
    padding-left: 30px;
}

span.clear_filter {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #299BD3;
    cursor: pointer;
}

span.clear_sort {
    position: absolute;
    top: 76px;
    right: 10px;
    font-size: 14px;
    color: #299BD3;
    cursor: pointer;
}

[data-theme="dark"] .new_basket input::-webkit-input-placeholder,
[data-theme="dark"] .new_basket input::placeholder {
    color: #6b6b6b !important;
}

#ops_ltp span.strategy_put_buy,
#ops_ltp span.strategy_put_sell,
#ops_ltp span.strategy_call_buy,
#ops_ltp span.strategy_call_sell,
#ops_ol span.strategy_put_buy,
#ops_ol span.strategy_put_sell,
#ops_ol span.strategy_call_buy,
#ops_ol span.strategy_call_sell {
    width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
}

.basket_window .dhx_data-wrap {
    height: max-content !important;
}

ul#requirements {
    margin: 0;
    margin-bottom: 10px;
    background: transparent !important;
}

ul#requirements li {
    background: transparent !important;
    padding: 3px;
    position: relative;
    padding-left: 20px;
}

.pop_form_item li.list-group-item-success {
    color: #00ee79;
}

.pop_form_item li.list-group-item:before {
    content: "\f111" !important;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    left: 0px;
}

.pop_form_item li.list-group-item-success:before {
    content: "\f14a" !important;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    left: 0px;
}

.clear_filter button {
    margin-right: 5px !important;
    height: 35px;
    background-color: rgb(221 213 23 / 30%) !important;
    color: rgb(221 213 23 / 100%) !important;
}

.light_theme .clear_filter button {
    background-color: rgb(221 213 23) !important;
    color: rgb(0 0 0) !important;
}

.risk_css1 .dhx_layout-cell {
    justify-content: center;
}

div#risk_dis h2 {
    font-size: 20px;
}

div#risk_dis li {
    font-size: 14px;
}

div#risk_dis ol {
    margin-left: 30px !important;
}

div#risk_dis {
    font-size: 16px;
}

div#risk_dis h3 {
    font-size: 18px;
    margin-top: 20px;
}

.fund_items.a_chart .dark_theme .highcharts-legend-item text {
    fill: #fff !important;
}

.fund_items.a_chart path.highcharts-point,
.fund_items.a_chart .highcharts-empty-series {
    stroke: transparent;
}

div#risk_dis {
    height: 100%;
    overflow: auto;
}
div#risk_dis h2 {
    font-size: 22px;
}
div#risk_dis li {
    font-size: 14px;
}
div#risk_dis ol {
    margin-left: 20px !important;
    color: var(--color-a8a8a8) !important;
}
div#risk_dis {
    font-size: 14px;
}
div#risk_dis h3 {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
    color: #2ba6cb;
}

li.add_mw a i {
    width: 23px !important;
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
}

.btns .md_btn1:hover .t-tip,
.btns .md_btn1:hover::before {
    display: block;
}

.btns lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: var(--color-000000);
    color: var(--color-ffffff);
    padding: 3px 10px;
    left: -18px;
    display: none;
    width: max-content;
}

.btns .md_btn1 {
    position: relative;
}

/* .btns .md_btn1:before {
    content: '';
    position: absolute;
    top: -6px;
    border: 7px solid;
    border-color: #000 transparent transparent transparent !important;
    left: 3px;
    display: none;
    filter: invert(1);
}

.dark_theme .btns .md_btn1:before {
    filter: invert(0);
} */

.side-codes-details .btns button:hover {
    background-color: #299bd3 !important;
    color: #fff;
}
.btns .md_btn1 lable.t-tip:after {
    display: none;
}
li.dhx_list-item {
    color: var(--color-ffffff);
}
button.add_basket_btn {
    cursor: pointer;
    background: rgb(235 164 19 / 30%);
    width: 25px;
    height: 26px;
}
button.add_basket_btn img {
    height: 18px;
}
.anl_mw_btn {
     position: relative;
    top: 4px;
    /*left: 35px; */
    height: 16px;
    line-height: 16px;
}
.anl_c{
    display: flex;
}
.analysis_scores {
    display: flex;
    justify-content: space-between;
}

.analysis_scores .c_item span {
    font-weight: 400;
    font-size: 12px;
}

.analysis_scores .chart {
    margin: 0px;
}


.profile_grid .dhx_grid-row:last-child * {
    background-color: var(--color-1e1e1e) !important;
    font-weight: 600;
}
.c_chart_dropdown ul li, .c_chart_dropdown .div_ul .div_li {
    padding: 0px !important;
    margin: 4px 0px !important;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.c_chart_dropdown ul li span, .c_chart_dropdown .div_ul .div_li span {
    position: absolute;
    z-index: 9;
    color: #000 !important;
    top:5px;
}

.c_chart_dropdown ul li div, .c_chart_dropdown .div_ul .div_li div {
    width: 100%;
    margin: 0px !important;
}

.c_chart_dropdown ul, .c_chart_dropdown .div_ul {
    z-index: 9;
    position: relative;
}
[data-theme="light"] .c_chart_dropdown
{
    background: #b4b4b4;
}
[data-theme="light"] .c_chart_dropdown ul li span, [data-theme="light"] .c_chart_dropdown .div_ul .div_li span {
    color: #090909 !important;
    padding-left: 5px;
}
[data-theme="light"] ul.dhx_widget.dhx_menu:before {
    border-color: transparent transparent #b4b4b4 transparent;
}

/**.dhx_grid-cell, .dhx_grid-row {
    height: 30px !important;
    font-size: 12px;
} **/
span.us_rmv {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
}

.user_selections .l_items,.user_selections .jyZMZN {
    position: relative;
}

span.us_rmv img {
    height: 14px;
}

.anl_c span, span.cntx_menu.hold_anl_context span {
    width: 7px;
    height: 7px;
    background: #000;
    display: inline-block;
    margin: 0px !important;
    border-radius: 50%;
    margin: 0px 1px !important;
}
span.anl_c_income
{
    background: #ffeb3b !important;
}
span.anl_c_value
{
    background: #ff5722 !important;
}
span.anl_c_past
{
    background: #9c27b0 !important;
}
span.anl_c_future
{
    background: #ff9800 !important;
}
span.anl_c_health
{
    background: #2196f3 !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt {
    flex-direction: column;
}
.dhx_layout-cell.ds_hd2.no_ipo
{
    margin-left: -6px;
}
.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt {
    display: flex;
    margin: 30px 0px;
    flex-direction: row;
}

.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_input__wrapper input {
    font-weight: 600;
    font-size: 14px;
}

.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element {
    background: #f9f9f9 !important;
    padding: 6px 15px 10px;
}
.dhx_layout-cell.dhx_layout-rows.fr_row {
    padding: 0px 10px;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt > div {
    margin-right: 15px;
}

.dark_theme .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element{
    background: var(--color-303030) !important;
}
.dhx_layout-cell.dhx_layout-columns.fr_cnt + div {
    position: absolute;
    top: -50px !important;
    right: 0px !important;
}
.dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt + div {
    position: unset;
    top: unset !important;
    right: 0px !important;
}
.funds_note {
    background: rgb(255 235 59 / 36%);
    padding: 10px;
    width: calc(100% - 6px);
	
}
div#nofund_popup button.addfund {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 0px 30px;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 3px;
    height: 35px;
}
svg#Layer_111 {
    height: 100px;
}
div#totp_qrcode {
    text-align: center;
}
div#totp_qrcode img {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
}
.list_items input {
    width: 40px;
    margin: 0px 5px;
    background: var(--color-303030) !important;
    color: var(--color-ffffff);
    height: 40px;
    text-align: center;
}
.otp-input1 input {
    max-width: 250px;
    margin: 0px auto;
    text-align: center;
    background: var(--color-303030) !important;
    height: 40px;
    text-align: center;
    /**letter-spacing: 15px; **/
    color: var(--color-ffffff);
    padding-left: 25px;
}

.dark_theme input.dhx_input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a8a8a8;
}

.dark_theme  input.dhx_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a8a8a8;
}

.dark_theme input.dhx_input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a8a8a8;
}
.dark_theme .dhx_grid-sort-icon:before {
    color: #a0a0a0;
}
.light_theme .dhx_grid-sort-icon:before {
    color: #000;
}
.dhx_layout-cell.otp-input2.dhx_form-element .dhx_label {
    text-align: center;
    display: block;
}
.otp-input2 input {
    max-width: 250px;
    margin: 0px auto;
    text-align: center;
    background: var(--color-303030) !important;
    height: 40px;
    text-align: center;
    /**letter-spacing: 15px; **/
    color: var(--color-ffffff);
    padding-left: 25px;
}

.dhx_layout-cell.totp_qrcode {
    padding-bottom: 0px !important;
}

/* .dhx_layout-cell.txt_in1 {
    margin-bottom: 20px;    
} */
.dhx_layout-cell.txt_in1 input {
    color: var(--color-a8a8a8) !important;
}
.otp-input1 .dhx_label {display: none;}

.dhx_layout-cell.dhx_layout-columns.list_items {
    justify-content: center;
}
.txt_in input {
    border: none !important;
    text-align: center;
    font-weight: 500;
    cursor: unset;
    background: transparent !important;
    box-shadow: unset !important;
}
.txt_in1 input {
    border: none !important;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    cursor: unset;
    background: transparent !important;
    box-shadow: unset !important;
    padding: 0px;
}
.regenerate_btn,.regenerate_btn2 {text-align: center;justify-content: center;display: flex;}
.regenerate_btn2 button{
    max-width: 250px;
    width: 100%;;
    margin-top: 5px;
}
.regenerate_btn button {
    width: 60%;
}

.totp_qrcode1 img {
    width: 250px;
    margin: 0px auto;
}


.totp_qrcode1 .dhx_layout-cell-inner_html {
    text-align: center;
}
.flx_btns {
    display: flex;
    justify-content: center;
}

.reg_btn {
    width: 40%;
    margin: 0px 5px;
}

.reg_btn button {
    width: 100%;
}
.term_lbl label.dhx_checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 20px;
}


.hld_css [type="text"] {
    border: none !important;
    padding: 0px !important;
    color: unset !important;
    cursor: unset !important;
    outline: none !important;
    background: transparent !important;
    font-size: 20px;
    margin: 0px !important;
    box-shadow: none !important;
}
.hld_css {
    margin-left: 8px;
}
.hld_css .dhx_form-group {
    margin: 0px !important;
}
.v_srt,.v_srt_chart {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.v_srt1,.v_srt2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.button-switch {
    font-size: 12px;
    height: 30px;
    margin-bottom: 0.625em;
    position: relative;
    width: 62px;
    border-radius: 3px;
}

.button-switch .lbl-off,
.button-switch .lbl-on {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
    top: 9px;
    transition: ease-out 0.1s;
    text-transform: uppercase;
}

.button-switch .lbl-off {
    right: 0em;
}

label.lbl-off {
    color: #ffff;
}

.button-switch .lbl-on {
    color: var(--color-ffffff);
    opacity: 1 !important;
    left: 6px;
    z-index: 99;
}

.button-switch .switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    font-size: 1em;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 0;
}

.button-switch .switch:before,
.button-switch .switch:after {
    content: '';
    font-size: 1em;
    position: absolute;
}

.button-switch .switch:before {
    border-radius: 3px;
    background: var(--color-303030);
    height: 30px;
    left: 0px;
    top: 0px;
    transition: 0.25s ease-out 0.1s;
    width: 62px;
}

.button-switch .switch:after {
    box-shadow: 0 0.0625em 0.375em 0 #666;
    border-radius: 3px;
    background: var(--color-299bd3);
    height: 1.5em;
    transform: translate(35px, 4px);
    transition: transform 0.25s ease-out 0.1s;
    width: 23px;
    height: 23px;
}

.button-switch .switch:checked:after {
    transform: translate(4px, 4px);
}

.button-switch .switch:checked~.lbl-off {
    opacity: 1;
    color: #9E9E9E;
    font-size: 12px;
    top: 8px;
    right: 3px;
}

.button-switch .switch:checked~.lbl-on {
    opacity: 1;
    color: #fff;
    font-size: 10px;
    top: 8px;
    left: 4px;
}

.button-switch .switch#switch-blue:checked~.lbl-on {
    opacity: 1;
    color: #fff;
    font-size: 10px;
    top: 10px;
    left: 11px;
}

.button-switch .switch#switch-orange:checked:before {
    background: var(--color-303030);
}

.button-switch .switch#switch-blue:checked:before {
    background: var(--color-303030);
}

.v_srt2 .button-switch .switch:checked:after {
    transform: translate(4px, 3px);
    width: 33px;
}

.v_srt2 .button-switch .switch:after {
    transform: translate(35px, 3px);
    width: 58px;
}

.v_srt2 .button-switch {
    width: 96px;
}

.v_srt2 .button-switch .switch::before {
    width: 96px;
    border-radius: 3px;
}
.v_srt2 .button-switch .lbl-on
{
    color: #9E9E9E;
    left: 9px;
}
.v_srt label.lbl-off {
    margin-right: 5px;
    font-size: 9px;
}

.v_srt2 .button-switch .lbl-off,.v_srt2 .button-switch .lbl-off {
    right: 0px;
    font-size: 11px !important;
    margin-right: 10px;
}
.v_srt2 .button-switch .lbl-off, .v_srt2 .button-switch .lbl-on {
    font-size: 11px !important;
}
.v_srt2 .button-switch .switch:checked~.lbl-on {
    opacity: 1;
    color: #fff;
    font-size: 11px !important;;
    top: 9px;
    left: 9px;
}
.v_srt2 .button-switch .switch:checked~.lbl-off {
    top: 9px;
    right: 0px;
    font-size: 11px !important;
}

span.sys_bit {
    height: 35px;
    color: #00b45b !important;
    line-height: 35px;
    padding-left: 15px;
    display: none;
}
span.sys_ask {
    height: 35px;
    color: var(--color-ee2122) !important;
    line-height: 35px;
    display: none;
}
.pledge_btn {
    margin-right: 8px;
}

.pledge_btn button {
    height: 35px;
}
span.ind_add_sym 
{
    display: none;
}
ul.select-list li:hover span.ind_add_sym {
    position: absolute;
    right: calc(47% - 28px);
    width: 23px;
    height: 23px;
    background: #299bd3;
    z-index: 999;
    top: 4px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    border-radius: 3px;
    display: block;
}
iframe#pledge_window {
    width: 100%;
    height: calc(100% - 5px);
    border: none;
    margin: 0px !important;
}
iframe#transfer_window {
    width: 100%;
    height: calc(100% - 5px);
    border: none;
    margin: 0px !important;
}
[aria-label="Transfer Funds"] .dhx_window-header .dhx_navbar-title {
    font-size: 19px !important;
    padding: 21px 10px !important;
}

[aria-label="Transfer Funds"] .dhx_layout-cell.dhx_window-header {
    padding-top: 10px;
}
.order-status-popup
{
    text-align: center;
    color:var(--color-ffffff) !important;
}
.order-status-popup .dhx_layout-cell-inner_html {
    display: flex;
    align-items: center;
    justify-content: center;
}
input.custom_div {
    position: absolute;
    margin: 0px;
    width: 15px;
    height: 15px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

input.custom_div + label.custom_lbl {
    width: 17px;
    height: 17px;
    display: block;
    margin: 0px !important;
    background: #4B4B4B;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    z-index: 0;
}
input.custom_div:checked + label.custom_lbl {
    background: #299BD3;
}
input.custom_div:checked + label.custom_lbl::after {
    content: '';
    width: 5px;
    height: 10px;
    border: 1px solid #fff;
    position: absolute;
    border-color: transparent #fff #fff TRANSPARENT;
    transform: rotate(45deg);
    left: 6px;
    top: 2px;
}

input.custom_div + label.custom_lbl {
    background: #c3c3c3;
}
select#investor_clients {
    margin: 0;
    margin-right: 6px;
    border: 1px solid #ddd;
    height: 30px;
    padding-top: 5px;
}
.dark_theme select#investor_clients
{
    border: 1px solid #303030;
}
.changepassword_note {
    font-size: 12px;
    margin-bottom: 15px;
}
.nodata_tip a {
    color: #fff;
    text-decoration-line: underline;
    padding-left: 5px;
}
[aria-label="Margin Split-up"] {
    right: 0px !important;
    left: unset !important;
    height: 85vh !important;
}

[aria-label="Margin Split-up"] .margin-container {
    height: 100% !important;
    overflow: auto;
}
[aria-label="Margin Split-up"] .dhx_window-header .title_max, [aria-label="Margin Split-up"] .dhx_window-header .dhx_navbar-title {
    height: 36px !important;
    font-size: 18px !important;
    line-height: 45px;
    font-weight: 400 !important;
}
.margin-container {
    padding: 0px 6px;
}

p.net_mrg {
    margin: 0px;
    font-size: 14px;
    color: var(--color-747474);
}
span#net-margin
{
    font-size: 16px;
    color: #000;
}
p.mrg_exg {
    font-size: 10px;
}
.dark_theme span#net-margin
{
    color: #fff;
}
[aria-label="Margin Split-up"] .dhx_layout-cell.dhx_window-header,[aria-label="Margin Split-up"] .dhx_window .dhx_toolbar,[aria-label="Margin Split-up"] .dhx_layout-cell.dhx_window-content {
    background: #f4f4f4 !important;
}
.dark_theme [aria-label="Margin Split-up"] .dhx_layout-cell.dhx_window-header,.dark_theme [aria-label="Margin Split-up"] .dhx_window .dhx_toolbar,.dark_theme [aria-label="Margin Split-up"] .dhx_layout-cell.dhx_window-content {
    background: #000 !important;
}
.dark_theme [aria-label="Margin Split-up"] .dhx_layout-cell, .dark_theme [aria-label="Margin Split-up"] .dhx_grid, .dark_theme [aria-label="Margin Split-up"] li.dhx_toolbar__item button span:before
{
    color:#fff !important;
}
[aria-label="Margin Split-up"]   .dhx_layout-cell.dhx_window-header {
    padding-bottom: 0px !important;
}
.margin-section {
    background: #fff !important;
    border-radius: 10px;
    padding: 10px;
}
.dark_theme [aria-label="Margin Split-up"] .margin-section
{
    background: #1e1e1e !important;
    
}
.margin-section ul li div span:first-child b {
    color: #000;
    font-weight: 500;
}
.dark_theme .margin-section ul li div span:first-child b {
    color: #fff;
}
[aria-label="Margin Split-up"] button.dhx_button.dhx_button--color_secondary.dhx_button--size_medium.dhx_button--view_link.dhx_button--circle.dhx_button--icon {
    width: 20px;
    height: 20px;
    background: #2CAFFE !important;
    color: #fff !important;
}
[aria-label="Margin Split-up"] .dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon{
    color: #fff !important;
}
.margin-section ul li div {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.margin-section ul {
    margin: 0px;
}
.margin-section ul li div span:first-child {
    color : var(--color-747474);
}
.dark_theme .margin-section ul li div span:first-child, .dark_theme p.net_mrg  {
    color: #9599A2;
}
.margin-section ul li {
    line-height: 2;
    display: flex;
    gap: 5px;
    align-items: center;
}
.margin-section ul li span.label {

    color: #2CAFFE;
    background-color: rgb(44 175 254 / 25%);
    margin-right: 0px;
    border-radius: 3px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    padding: 0px;
    line-height: 22px;
}
i.t-tip {
    cursor: pointer;
    /* position: relative; */
}

i.t-tip:after {
    content: attr(data-title);
    position: absolute;
    width: 100%;
    background: var(--color-000000);
    left: 0;
    bottom: 25px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    display: none;
}
i.t-tip:hover::after{
    display: block;
}
@media (max-height: 769px) {
    .dash_sec2 ul li {
        margin: 0px 0px !important;
        padding: 10px;
        width: 24%;
    }
    div#risk_dis h2 {
        font-size: 26px;
    }
    div#risk_dis li {
        font-size: 14px;
    }
    div#risk_dis ol {
        margin-left: 36px !important;
    }
    div#risk_dis {
        font-size: 18px;
    }
    div#risk_dis h3 {
        font-size: 24px;
        margin-top:20px;
    }
    .login_head {
        margin-bottom: 20px;
    }
    aside.left_nav li span.icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    aside.left_nav li span.icon img {
        width: 20px;
        height: 20px;
    }
    label.ntool-tip-show {
        left: 42px;
        padding: 2px 6px;
    }
    aside.left_nav li {
        padding-left: 2px;
    }
    .colors h3 {
        font-size: 12px;
    }
    .drop-down li {
        font-size: 12px;
        min-height: 26px;
    }
    .drop-down li a {
        font-size: 12px;
    }
    .drop-down h5 {
        font-size: 12px;
    }
    .dash_sec2 ul li p {
        font-size: 12px;
    }
    .stocks-main.showipo 
    {
        display: none !important;
    }
    .view_stc_btn.showipo
    {
        display: none;
    }
    
    .dash_sec2 .show_gainer
    {
        display: flex !important;
    }
}

@media (max-height: 710px) {
    .dhx_layout-cell.ds_hd22 {
        height: 20px;
    }
    /* span.icon_svg {
        height: 30px;
        position: absolute;
        left: 6px;
    } */
    span.icon_svg img {
        height: 25px;
    }
    .dash_sec2 ul li h4 {
        font-size: 15px;
        margin-bottom: 0;
    }
    
    .dash_all h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .ds_hd1 .dhx_layout-cell-header *,
    .ds_hd2 .dhx_layout-cell-header * {
        font-size: 16px;
        margin-bottom: 5px;
    }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (max-width: 1200px) {
   
    nav.hor_nav ul li a {
        font-size: 12px;
        padding: 0px 5px;
    }
    .overview_left>div>p {
        font-size: 10px;
    }
    aside.left_nav li span.icon {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .mw_setting p {
        font-size: 10px;
    }
    .sort_btn.filter input+label {
        font-size: 12px;
        padding: 0px 9px;
    }
    .mw_setting {
        height: 50vh;
        overflow: auto;
    }
    .tradingview-widget-container {
        width: 100% !important;
    }
    .ans_News ul li {
        font-size: 12px;
    }
    .foot_links a,
    .pop_head1 span {
        padding: 0px 9px;
        font-size: 11px;
    }
    .ans_technical {
        padding: 10px 10px 0px 10px;
    }
    .ans_technical tbody td span {
        padding: 5px 5px;
        font-size: 11px !important;
    }
    .analysis_widget {
        min-width: 500px !important;
        max-width: calc(100vw - 449px) !important;
    }
    .pop_head1 {
        font-weight: 400;
        font-size: 16px;
    }
    span.news_sys {
        min-width: 200px;
        font-weight: 400;
    }
    .ans_News ul li .down_arw:before {
        border: 5px solid;
        border-color: #e84352 transparent transparent transparent;
    }
    span.up_arw:before {
        border: 5px solid;
        border-color: transparent transparent #49b07c transparent;
    }
    .ans_News ul li .mdl_arw:before {
        border: 5px solid;
        border-color: #9d9b9b transparent transparent transparent;
    }
    .ans_News ul li .mdl_arw:after {
        border: 5px solid;
        border-color: transparent transparent #9d9b9b transparent;
    }
    .ops_cont .tab {
        top: 75px;
    }
    .ops_grk_head {
        top: 112px;
    }
    .update_strike_head h2 {
        font-size: 14px;
        font-weight: 500;
    }
    .sym_edit {
        margin-left: 0px;
        cursor: pointer;
    }
    .chart-box h3 {
        font-size: 18px;
    }
    .nifty_st {
        margin-right: 00px !important;
        font-size: 0.7rem;
    }
    .nifty_st span {
        font-size: 0.7rem !important;
    }
    .active .nifty_st {
        margin-left: 0px;
        padding-right: 40px;
    }
    .nifty_st:nth-child(5) {
        display: none;
    }
    .menu-box .tabs-title>a {
        padding: 12px 8px 12px;
    }
    aside.left_nav div.dataTables_filter input {
        height: 24px !important;
        width: 108px;
        font-size: 12px;
        margin: 0px;
    }
    .dt-buttons {
        right: 230px;
    }
    .menu-box.ui-resizable.act {
        position: absolute;
        min-width: 550px;
        min-height: 200px;
    }
    .market_info_top h2 {
        font-size: 18px;
    }
    .market_info_bottom p {
        font-size: 10px;
    }
    .market_info_new_bottom p {
        font-size: 10px;
    }
    aside.left_nav div.dataTables_filter label {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        align-items: center;
    }
    aside.left_nav div.dataTables_filter {
        top: 5px;
        right: 25px;
    }
    .side-bar {
        display: none;
    }
    .menu-box.hor-menu.act {
        left: 47px;
        width: calc(100vw - 52px);
        top: 47px;
    }
    .side-bar.open {
        right: 0px !important;
        display: block !important;
        box-shadow: 5px 9px 9px 0px #000;
    }
    [data-theme="light"] .side-bar.open {
        box-shadow: 5px 9px 9px 0px #ccc;
    }
    div.custom-select {
        width: 320px;
    }
    .market_watch_btn {
        position: absolute;
        left: 12px;
        bottom: 10px;
        z-index: 9999999999 !important;
        background: var(--color-303030) !important;
        color: #ffff;
        cursor: pointer;
        border: none;
        display: block !important;
        border-radius: 3px;
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }
    .activity_note {
        width: 100%;
    }
    .market_watch_btn span {
        animation: color 4s infinite linear;
        display: flex;
        height: 100%;
        width: 100%;
        padding: 0px 12px;
    }
    .mm_txt input.dhx_input {
        width: 150px;
    }
   
    @keyframes color {
        0% {
            color: #00ee79;
            box-shadow: 0 0 15px #00ee79;
        }
        20% {
            color: #00ee79;
            box-shadow: 0 0 0px #00ee79;
        }
        40% {
            color: var(--color-ee2122);
            box-shadow: 0 0 15px #ee2122;
        }
        60% {
            color: var(--color-ee2122);
            box-shadow: 0 0 0px #ee2122;
        }
        80% {
            color: #00ee79;
            box-shadow: 0 0 15px #00ee79;
        }
        100% {
            color: #00ee79;
            box-shadow: 0 0 0px #00ee79;
        }
    }
}

@media screen and (min-width: 1201px) and (max-width: 1350px) {
    .side-codes-details .btns button {
        padding: 0px !important;
        font-size: 12px !important;
    }
    .overview_left>div {
        padding-right: 10px;
    }
    .dhx_layout-cell.ds_hd2.no_ipo label.dhx_label {
        width: unset !important;
        font-size: 13px !important;
    }
    .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_input__wrapper input {
        font-weight: 600;
        font-size: 12px;
    }
    .dhx_layout-cell.ds_hd2.no_ipo .dhx_layout-cell.dhx_layout-columns.fr_cnt .dhx_layout-cell.dhx_form-element {
        padding: 6px 10px 10px;
    }
    .total_margin {
        padding: 10px;
    }
    div#funds_margin button.amt_btn {
        padding: 6px 10px;
        font-size: 10px;
        min-width: unset;
    }
    div#funds_margin .margin_box h4 {
        font-size: 12px !important;
    }
    div#funds_margin .margin_box h2 {
        font-size: 16px !important;
    }
    div#funds_margin .fund_items:first-child {
        width: calc(100% - 400px) 
    }
    div#funds_margin .fund_items.a_chart {
        width: 380px !important;
    }
    .c_slider {
        width: 65px !important;
        height: 20px !important;
    }
    .dhx_layout-cell.dhx_layout-columns.hld_css .dhx_layout-cell .dhx_label, .dhx_layout-cell.dhx_layout-columns.hld_css .dhx_layout-cell .dhx_input, .dhx_layout-cell.dhx_layout-columns.hld_css .dhx_layout-cell {
        width: 100px !important;
    }
    .hld_css [type="text"] {
        font-size: 14px;
    }
    .hld_css .dhx_label 
    {
        font-size: 10px ;
    }
    .overview_right span {
        left: 15px;
        font-size: 9px;
        line-height: 20px;
    }
    .dhx_grid-header-cell-text_content, .dhx_string-cell, .dhx_string-cell .dhx_grid-cell__content {
        font-size: 10px !important;
    }
    span.order_fil {
       font-size: 10px;
    }
    span.symbols, .tab-inner li span {
        font-size: 12px;
    }
    .dash_sec2 ul li p {
        font-size: 10px !important;
    }
    .dash_sec2 ul li h4 {
        font-size: 12px  !important;
    }
    .ds_hd1 .dhx_layout-cell-header *, .ds_hd2 .dhx_layout-cell-header * {
        font-size: 12px  !important;
        margin-bottom: 5px;
    }
    .dash_all h3, .ds_hd1 .dhx_layout-cell-header *, .ds_hd2 .dhx_layout-cell-header *, .ds_hd3 .dhx_layout-cell-header *, .ds_hd2 .flx_form .dhx_input {
        font-size: 12px  !important;
    }
    .btn_refresh .dhx_button {
        width: 25px;
        height: 25px !important;
        padding: 0px 10px;
        background-size: 11px !important;
    }
    .flx_form button.dhx_button--view_flat.dhx_button--color_primary {
        padding: 0px 10px !important;
        height: 25px;
        font-size: 12px;
    }
    .ds_hd2 .dhx_form-group--inline .dhx_label {
        text-align: left;
        font-size: 12px !important;
    }
    .download_excel .dhx_button,.download_pdf .dhx_button,.refresh_btn .dhx_button {
        background-size: 12px !important;
        width: 25px !important;
        height: 25px !important;
    }
    .sqoff_positions .dhx_button, .clear_filter button
    {
        font-size: 10px !important;
        height: 25px !important;
    }
    .tab_head .dhx_layout-cell-inner_html {
        font-size: 14px !important;
    }
    .tab_head .dhx_layout-cell-inner_html {
        font-size: 14px !important;
    }
    
    .Last_update .dhx_layout-cell-inner_html {
        font-size: 10px !important;
    }
    
    .Last_update>div:before {
        height: 10px;
        width: 10px;
    }
    
    .dhx_layout-cell .Last_update,.pledge_btn button, .close_order .dhx_button {
        height: 25px !important;
        font-size: 10px !important;
    }
    .Last_update .dhx_layout-cell-inner_html img {
        width: 12px;
    }
    .trades_css label.dhx_label {
        font-size: 10px !important;
    }
    div#risk_dis h2 {
        font-size: 20px;
    }
    div#risk_dis li {
        font-size: 14px;
    }
    div#risk_dis h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    .invest_cont {
        font-size: 14px;
    }
    .dhx_layout-cell.ds_hd2 {
        max-width: 300px;
    }
}

@media (max-height: 650px) {
    .dash_sec2 ul li p {
        font-size: 12px;
    }
    .risk_closer .dhx_window-content-without-header{
        padding: 30px;
    }
    div#risk_dis li {
        font-size: 12px;
    }
    div#risk_dis h3 {
        font-size: 16px;
        margin-top: 10px;
    }
    div#risk_dis p {
        font-size: 12px;
    }
    div#risk_dis h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    div#risk_dis svg {
        width: 25px;
    }
}

@media screen and (max-width: 1500px) {
    .mon_cont div {
        margin: 0px 3px 0px 3px !important;
        padding: 5px 0px !important;
        font-size: 10px !important;
    }
    #tab_window .dhx_grid-cell{
        font-size: 12px;
    }
    .hld_css [type="text"] {
        font-size: 18px;
    }
    .scd_right
    {
        display: none;
    }
    .dhx_popup--window_active.Mdepth_window {
        max-width: 750px !important;
    }
    .Mdepth_window.md_right {
        max-width: 560px !important;
    }
    .scd_left, .scd_right
    {
        width: 100% !important;
        padding-bottom: 30px;
        padding-right: 5px;
    }
    .mdepth_dot
    {
        display: flex !important;
    }
}

@media screen and (max-width: 1600px) {
    .mon_cont div {
        margin: 0px 3px 0px 3px !important;
        padding: 5px 0px !important;
        font-size: 10px !important;
    }
    nav.hor_nav ul li a {
        padding: 0px 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 1470px) {
    nav.hor_nav ul li a {
        padding: 0px 6px !important;
        font-size: 13px;
    }
    nav.hor_nav ul li {
        margin-right: 3px !important;
    }
    .margin_box {
        gap: 10px !important;
    }
    span.mplus {
        font-size: 20px !important; 
    }
    .total_margin {
        padding: 12px !important; 
    }
    .fund_items ul li span, .margin_items ul li span {
        font-size: 11px;
    }
    ul.mr_list {
        gap: 6px;
    }
    .margin_box h2 {
        font-size: 24px !important;
    }
    .graph_outer {
        width: 100%;
        flex-direction: column;
        display: flex;
    }
    .margin_box h4 {
        font-size: 15px !important;
    }
    .graph {
        width: 100%;
    }
    .graph_details {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        height: unset;
        margin-left: 0;
        margin-bottom: 10px;
    }
    
    .g_items {
        width: 25%;
    }
    span.i_note:hover:after {
        left: -50px;
    }
    .nw_st_head h2 {
        font-size: 16px;
    }
    
}
@media screen and (max-width: 1260px) {
    nav.hor_nav ul li a {
        padding: 0px 5px !important;
        font-size: 12px;
    }
    nav.hor_nav ul li {
        margin-right: 0px !important;
    }
    .funds_show,.rq_show,.notify {
        padding: 0px 0px !important;
        width: 30px !important;
    }
    div.custom-select {
        width: 330px !important;
     
    }
    .nifty_st,span.indices_move {
        font-size: 12px;
    }
}

@media (max-height: 750px) {
    .guest_login .login_pop {
        padding: 10px 30px 10px;
    }
    .guest_login .login_form {
        padding: 15px 30px;
    }
    .guest_login .login input[type="text"],
    .guest_login .login input[type="password"] {
        height: 30px;
        font-size: 14px;
    }
    .guest_login .foot_item.gst_lg {
        padding-bottom: 8px;
    }
    .guest_login .foot_top {
        padding: 10px 30px;
        font-size: 10px;
        line-height: 1.3;
    }
    .guest_login .foot_blue {
        padding: 0;
    }
    .guest_login .foot_item {
        padding: 8px 30px;
    }
    .guest_login .foot_item a {
        font-size: 12px;
    }
    .guest_login .foot_item p {
        font-size: 10px;
    }
    .guest_login span.version {
        font-size: 10px !important;
    }
    .guest_login .form-box img {
        height: 13px !important;
        top: 10px !important;
    }
    .guest_login .login #username {
        margin-bottom: 15px;
    }
    .guest_login .form-box1 input {
        font-size: 12px;
        margin-top: 10px;
        padding: 5px;
    }
    .guest_login span.lbl_or {
        margin: 5px 0px;
        font-size: 12px;
        color: var(--color-000000);
    }
    .fund_items.a_chart>div {
        height: 230px !important;
    }
    .fund_items.a_chart {
        width: 280px !important;
    }
    .fund_items {
        width: calc(100% - 320px) !important;
    }
    .margin_box h4 {
        font-size: 15px !important;
    }
}



.rvs_flex .dhx_form-group--checkbox {
    display: flex;
    flex-direction: row-reverse;
    text-align: left !important;
    gap: 10px;
}
.rvs_flex label.dhx_label {
    justify-content: flex-start !important;
}

.rvs_flex .dhx_checkbox__container {
    margin-left: 15px;
    width: 20px !important;
}
.dxi.dxi-sort-variant:before {
    color: #fff;
}
span.select2-container {
    z-index: 9999999 !important;
    font-size: 14px;
    background: #fff;
}
input.select2-search__field {
    height: 30px;
    margin: 0px;
}

.right_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
}
.chart_windowg_list.dhx_window--stop_selection .dhx_popup--window {
    pointer-events: none !important;
}
.mw_list_left span {
    position: unset !important;
    display: flex;
    left: unset !important;
    top: unset !important;
}

.mw_list_left {
    position: relative;
    min-width: 145px;
    width: 145px
}
.mw_list_left span.symbolsseries {
    left: 0px;
    top: 0px;
    margin: 0px !important;
}
.mw_list_left span.symbols {
    
    margin: 0px !important;
    min-width: max-content !important;
    width: max-content;
}

.mw_list_left span.symbols_info {
    margin: 0px !important;
    font-size: 10px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-ffffff) !important;
}

.mw_list_left > div {
    display: flex;
    max-width: 155px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5px;
    line-height: 1.2;
    gap: 3px;
}
.mw_list {
    justify-content: space-between;
}
.mw_list_right {
    display: flex;
    align-items: center;
    max-width: 55%;
}

.side-bar .tab-inner.grid_view .mw_list_right, .side-bar .tab-inner.grid_view .mw_list_left
{
    max-width: 100% !important;
    width: 100% !important;
}
.side-bar .tab-inner.grid_view .option .mw_list .symbolsseries {
    position: absolute !important;
    top: 26px !important;
    width: 100% !important;
    text-align: center;
    left: 0 !important;
    display: block;
    font-size: 11px;
}
.side-bar .tab-inner.grid_view .anl_mw_btn
{
    display: none;
}



.whatsapp_popup,.whatsapp_popup1 {
    position: fixed;
    display: none;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffffff6e;
}
.dark_theme .whatsapp_popup, .dark_theme .whatsapp_popup1 {
    background: #0000006e;
}
.whatsapp_popup_in
{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    background: var(--color-303030);
    text-align: center;
    box-shadow: 0px 0px 9px #ccc;
    padding: 20px;
    border-radius: 15px;
}
.dark_theme .whatsapp_popup_in {
    box-shadow: 0px 0px 9px #000;
}
.whatsapp_popup img, .whatsapp_popup1 img {
    width: 150px;
}

.whatsapp_popup h2, .whatsapp_popup1 h2 {
    font-size: 20px;
    color: var(--color-ffffff);
}

.whatsapp_popup p, .whatsapp_popup1 p {
    padding: 0px 22px;
}
.close_whatsapp {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.trns_note {
    background: rgb(44 175 254 / 25%);
    border-radius: 5px;
    margin-right: 2px;
    padding-right: 3px;
}

.trns_note button {
    background: transparent;
    margin: 0px;
}

.trns_note span {
    margin-left: -10px;
    margin-right: 5px;
    border-radius: 50%;
}
.show_qrcode a {
    text-decoration: underline;
}
div#mm_tabs .dhx_tabbar_scroll.arrow-right, div#mm_tabs .dhx_tabbar_scroll.arrow-left
{
    opacity: 0 !important;
    pointer-events: none;
}
div#mm_tabs .dhx_widget.dhx_tabbar.dhx_tabbar--top:before {
    content: '';
    width: 5px !important;
    height: 100%;
    background: var(--color-1e1e1e);
    left: 0px;
    top: 0;
    position: absolute;
    z-index: 9999;
}
.profile_outer {
    height: calc(100% - 50px);
    overflow: auto;
}
.last_login {
    text-align: left;
    margin-top: 20px;
    max-width: 500px;
}

.last_login h3 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 11px;
    color: var(--color-ffffff);
}

.last_login p {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding: 0px 40px 0px 15px;
    position: relative;
}
aside.left_nav li .instaoptions span.icon {
    background-color: #51bb4159;
}
aside.left_nav li .instaoptions span.icon svg
{
    width: 18px;
}

div#api_keys .pop_head h2, div#api_keys_item .pop_head h2 {
    font-size: 16px;
    align-items: center;
    color: var(--color-ffffff);
    font-weight: 400 !important;
    margin: 0px !important;
    display: flex;
    justify-content: space-between;
    max-width: 100% !important;
}

div#api_keys .pop_head, div#api_keys_item .pop_head {
    background: var(--color-1e1e1e) !important;
    padding: 15px 15px 0px !important;
}
div#api_keys .pop_head a.open_login, div#api_keys_item .pop_head a.open_login {
    margin-right: 0px;
}


div#api_keys .pop_head a.open_login img, div#api_keys_item .pop_head a.open_login img {
    height: 18px;
}
div#api_keys_item {
    padding: 0px;
}
.keyValue th, .keyValue td {
    text-align: left !important;
    padding: 7px 10px !important;
}
span#copied,span#copied1 {
    width: max-content !important;
    background: var(--color-303030);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
    padding: 5px 20px;
    color: var(--color-299bd3);
}
span#copied1 {
    background: var(--color-1e1e1e);
}
.keyValue table {
    margin-top: 0px !important;
}
.pop-chart-bottom {
    position: absolute;
    bottom: 0px;
}
.pop-chart-cont.CO .tag-box-outer {
    margin-top: 0px;
}

.dark_theme .st_ltp {
    color: #fff !important;
}
a.Quantman_SSO.side_menu_tools.ntool-tip span {
    background-color: #d9d9d9c2;
}
.order_info .dhx_string-cell {
    font-size: 13px;
    word-break: break-all;
    white-space: normal !important;
    word-wrap: break-word;
    line-height: 1.2;
    
}
.order_info .dhx_grid-row {
    height: unset !important;
}
p.prz_info span {
    font-weight: 600;
    margin-right: 10px;
    max-width: max-content;
}
p.prz_info {
    display: flex;
    flex-wrap: wrap;
}

.HideToolBox{
    display:none !important;
}

body.mic-toolbox-cursor-big-black,
body.mic-toolbox-cursor-big-black *,
body.mic-toolbox-cursor-big-black *:hover,
body.mic-toolbox-cursor-big-black a,
body.mic-toolbox-cursor-big-black button,
body.mic-toolbox-cursor-big-black input,
body.mic-toolbox-cursor-big-black select,
body.mic-toolbox-cursor-big-black textarea,
body.mic-toolbox-cursor-big-black [style*="cursor"]{
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAzCAYAAAAZ+mH/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODM1RTg1NDJCQzhFMTFFNzhFNDdGMzY5NjY0M0JBMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODM1RTg1NDNCQzhFMTFFNzhFNDdGMzY5NjY0M0JBMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MzVFODU0MEJDOEUxMUU3OEU0N0YzNjk2NjQzQkExNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MzVFODU0MUJDOEUxMUU3OEU0N0YzNjk2NjQzQkExNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PisYaokAAAcASURBVHjavFhrTFRHFJ5978pLcFFKHzxkY22RRo3+qy4JgUCsMahJEVEWRIz946LUAq0toolVofLDR0tisLhiUFEETPxhTQyxPqqNSuIjLTZGLI1UgqbyWJbbby5zl7m7d3nIrpN8md1zH/Pdb845c2aIzWZbfe/evSMmk4mwpgU0gBpQMQS0qXt7e3WJiYmFra2te8LCwnSwCR4kAt9Wrlz5ucDa5cuX9xmNRkrEABg5VQKqiOxrrVbrtubm5j2hoaE6Zte+jSlRM7hbSkpK0alTp77R6/Uqdk3L3RcQQorznpqa+uW5c+e+DQkJ0b4NRWQk2traSH9/v/g7PT29uKGhoQyKSCpoPBTxq2PmSI65fv16ITs7WxgYGJBMwoULF76HImG4dRrnrH4lIvMHnU5HHA4HsdvtbhtV5OTJk8W4JgRKERkJjUYj9ocOHRKJDA0N0b+qjIyMsrNnz34VHBwskeB9ROXX6SgsLBRYshKxdetWgWtDLS0t5VBkGpsag0ceCQwJiqKiIsHpdLqZUCJQJNivPjIeCR+KfAdFTH5TZCIkJCIul8vNpKmpqSQIzS+KTJQERVlZGa+IE85aqtVqp67IZEhQlJaWyhRBZp26IpMl4UOREgVFJk7kTUgoKdLY2Fg8DY1TZOIlwJuSoCgvL+cV6cfqW4SEZ+AUmVhxNBUSFBUVFTyR4dOnTxdNWpGpklCr1cKuXbt4IgOTVmSqJHwpAiJ200j1PL4i/iJBFdm9ezdPpO/EiRNfwK4fVxF/kZCwf/9+nshgfX395nEV8TcJ+IInkddQZPOYivibhA9FnFQRBI3Jg8iIIoEiQRWprKyUKXLs2LEClUql81IkUCQkVFVVyRIaiORjg0V9I0giop1KQUTLQVTjBOlb8ToGJTt27CAolMmGDRuoybBu3brq4eFhkpeXV4frWmnz+8YtPDycnD9/Xuzpi5UaJUjJUkKYCmoKys3NPUhtGzduPI4txsSViIqKIl1dXTJbd3c3efjwIcFLJ8vfkJOTc4T6Q0FBwc8TIrF9+3ayZMkSsmLFCoJ6U3bt6NGjJCsrixgMBvq1LnxZF6Zczb6aMN+QzRKDFkS29fT0/DkuiS1bthBkQlHOhQsXkmvXrsmuX79+nVy9epUkJyeL/+F4PyEcf4fcGhChczTMeoH2FMgZLmCQ+mdnZ2fPmCSKi4vJ3r173f/XrFnjRWJwcJDU1dWJJDCAJjo6OunKlSv1zN9cDMMMAuupzcngkoXopk2bZEULnI0PL+H58+dCZGSkVxiGhoYKT548GSnFh4b+Wbp0aQbsCYAFiAXeB94DohmiADP1bSBE7flVtO3cuVOcAmlesTftoCuj2Wwma9eu9VLs5cuXpLa2VgrbmQjDT+lj9JWsp7vsPobXrB9kSgzJlICnCiUlJbKvP3PmzPG0tLRMEOml/+EDAvY+XmokJSUJcDLxGfT3IyIiPoT9XSASmA5IGyYTg5ElK52MxKNHj2RTgE2OA5uc+bjxoxs3bjRSG60rsUlWzI4g7H4WaubBNoMhxD3g6LZgFDwJvqGUr0Wm+wQ3JQKz8/Pzc2nVRK/B+xVJLFu2zP387du3W+A/kYwEVUHvsYyrFBcwjkANSviPcQOVdA4QHxcXZ+no6PhVrFb6+oSEhAQvEnhGuHPnjvSaF9jNp8AeypQw+toYqT0NIHAwOzu7El4+4jQjTjX4+PHj7osXLzbSe2h822w2LwelRwk0eUlZHWk5jTtK8H2mwSnhAoEqfE0cC6945lgzWThFLFq0yIII6qQ3P3jwQDFcY2JihKdPnwpMsb8sFsscbkoMikRWrVplow80NzdXYDdHY/gDIIbF8wxOTtoHIVn9IOmNdK3oGzU1Ne6pPXDgwGbYwliEmLgDltGGxWf1zZs392FJpoPM4pKJ5NUm9gW010E5K94thuulS5cUScydO1fAGiKSwAL3CxY/+s4IpobOSw3IF44kNJ2xNbPBpbg2cmEl1oi4N6S9vb2FZUdh8eLFMgLz5s0Tqqur+cO315mZmZ9xahqUHFTHBgthkJKK3iOmtUwNPerHLGmEw4cPi2l7+fLldD8qO/mT2t27d39CvglnJIxKU6JjAxo56D121tLprqhGfHz8O5C7XYzDFy8ETKdSqqGJ7z8QaMCUZyKdz2Jqm7h3j1ZpzKj1+HLPY2Q1rwYSVongo7169eoPh8PxY2pqajp8bTbzMYmEUYmEioth9RhHgypGTky/Vqt1Psb7mxvb9ezZs9+wL/0aoZzMQtzChbqZS99ePqFSwFjnnmLJjpSuu3XrFi1W/21ra2uy2+05sCXRFM8Gt3Chbmb+YFKKjskecqk4IuoFCxYkxMbGmltbW+/DITVMasIyrVOh54scd+n3vwADAK1sS+5aX9ZxAAAAAElFTkSuQmCC), url(toolbar/b2.cur), auto !important;
}
body.mic-toolbox-cursor-big-white,
body.mic-toolbox-cursor-big-white *,
body.mic-toolbox-cursor-big-white *:hover,
body.mic-toolbox-cursor-big-white a,
body.mic-toolbox-cursor-big-white button,
body.mic-toolbox-cursor-big-white input,
body.mic-toolbox-cursor-big-white select,
body.mic-toolbox-cursor-big-white textarea,
body.mic-toolbox-cursor-big-white [style*="cursor"]{
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAzCAYAAAAZ+mH/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDA1OTE2NURCQzkyMTFFN0IwODJCQjE5QzZFMDg2QjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDA1OTE2NUVCQzkyMTFFN0IwODJCQjE5QzZFMDg2QjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDU5MTY1QkJDOTIxMUU3QjA4MkJCMTlDNkUwODZCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDU5MTY1Q0JDOTIxMUU3QjA4MkJCMTlDNkUwODZCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phwph8YAAAWrSURBVHjavFldSGxVFF7zq+N4/RtTuY1SU2SWoqUW/iAZhL1UFD4kVBD02Jv45os/+Psi+CCU9hRYkGVF1kOUmEYZpmGJEpqJ4Ev5e/XqzDi7tU5rz92zx7nqzBwXfBxn73P2/va311pnnS0AwDuI3xG34H9zIGwMC8NUsyIOEU8iphAexDnCzn2mE5AkrPx3PRPJZiJSEavZiqgkyJ5BfInIQQSZiOmKXDRBDSuSc1OKxFplJWISkasQMU2RiIF9Ph+kpqbKn88ivmAiIYTTLEVUfzAIeL1ecLlcsulpxKdmKxIxYFpaGrS0tEBOTg44nU7VWT83W5G3EIJQWVkpyAYGBkRBQYFAZYTsQ/yM8JJgxDfZqoRJVFRUiGAwaBDp6uoS+fn5AhVRiSwoRNxK5CSsSAQJv98vpPX19Ym8vLwbUSQmiZtU5L4kVEVSUlJMU+RSElKR3Nxc4XA4TFHkSiTIent7hcfjMUWRK5OQihCRZCtyLRJmKXJtElIRzKxJUyQuElKR7OxsPXzjUiRuEmSdnZ0GkUQVSYhEshRJmIRUJCsrK25FkkKCrKenR2RmZsalSNJIkHV0dIiMjAxht9uvpUhSScSrSNJJXKLIgxoRm2kkyPr7+w0imiI/MZEUScSeSCESCoXg9PQULJboqKO21tZW2Nvbg7GxMeOKVZtaxb+E+DdhEoeHh1BbWwv7+/sxidhsNkB14fz8XO2SVfxrRORKJI6OjoyJsPgFzAPhdrfbbUyws7MTzxqkIq9YL7uzu7sbsAqHkpISWFpaitqOsrIyQOeLV0z60hu779PoWDA8PAy7u7uGnFjmwcTERLgfX+XQ1tYGk5OThvToi9T8B+JDzgdB/lYJ8ceT/DvIvwOI7SgSVqs1rAARoG1gh4KFhQWYnZ2F+vr6yOWgUouLi5IE2TziH46GAE94rhChq5/7QhHbQU5EGBwchKGhITg4ODD2XNrW1haMj49HECDHbGxsNJ5jowOXF3i1enq2cJuNv+RSOVfcyxNVVVWivb39ooI2jObmZrG9vR2RD3C7RGFhoXrfPqIC8RjiIcRtRB5/Snr42IGQhUgnRuWIV4kNJhaYn583YlpVAO2uZLyysgINDQ1QXFwcDkvyDdqy6elpw1k5EZ0hvmf5z1j6gOIPQcVn7ilB3xZadiN8gHhZ/qb+8vLyqOw4MzNj9KNPyee+46On23x1MzknL8jBZ2P2CCWOj4/VpLKMGER8hjhA0HlBOfXTyskJa2pqIhLTxsYGrK6uhtMI4hfEX+wLAc05Q3JhsfIEhdm7iK/5YUqvi6qD0oSqFRUVQVNTE2AVLpvIB15n59MdVFcb3tQafuVzK/LyUkQx4mHEUwhapsBVi9LSUrG8vBy1LT6fz+hXxitmQrd4O2x6QaMr8RvibY5xku2YQV76J+ITkpG2Ym1tDaampiAQCIQfPjk5gerqasPB2fycngXvvy1WjfmGUnQ8TsoiHuVrgRJSHn4F79L9FMK0at0wmYn09HRVjTlW4gEKR3bMiO0hZnWIR/jVesRee8bwK2FFA95hvEihSMdKlC3JH1TfoCw7Nzcnmyg61tmnbJpTGkYSzSC+ReyxR9/lmwJKLAO3+fk+2irb+vo6jI6OQl1dHZydncHIyAhsbm4a+UJNxIhMmWeUA1yhErGyRJmcwTJYNpd22O5kkuTtP8icQNkV07yRbb1e74VZlsk/weO7lS0Jm1Op+dJ48hStELWyai5Gs5zA5XIZH8daRKggZd/jbfFofhEhl13LYvq/GiyKYum8oh9jTCoU//kK8TyHuJffHVFK2Hmv9bAR2hUUvwjxvyfe53yiP0eVz0cc5tM8oUV5Xwh9XHuMyWKZ4MFoFX8zGZkUyME/5lrijqx7tEiTL6+I+a57yCVrAQcP+BznFLJvlC1Vixa/gqDy/ggr8p8AAwB38ep+f+/fmwAAAABJRU5ErkJggg==), url(toolbar/w2.cur), auto !important;
}