.speaker {
    color: #2D6CB9;
    cursor: pointer;
}

.speaker:hover {
    color: #337AD0;
}

.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

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

body {
    margin: 0;
    padding: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

*,
div,
ul,
li,
span,
input,
textarea,
header,
footer,
nav,
b,
h1,
h2,
h3,
h4,
h5 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input:focus,
textarea:focus,
div:focus,
button:focus,
select:focus {
    outline: none;
}

body {
    background: #191c22;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #b1b1b1;
    font-weight: 400;
}

a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    font-family: "Montserrat", sans-serif;
    color: #b1b1b1;
    font-weight: 400;
}

a:hover {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #04aed1;
}

a:visited {
    text-decoration: none;
}

.container {
    max-width: 1170px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.cle::after {
    content: "";
    clear: both;
    display: block;
}

/* COMPONENT */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

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

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

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

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

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

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

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

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

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

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

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

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.font-800 {
    font-weight: 800;
}

.font-900 {
    font-weight: 900;
}

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

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

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

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

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

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

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

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

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

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

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

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

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

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

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.d-none {
    display: none !important;
}

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

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-block {
        display: block !important;
    }
}

/* COMPONENT */
.slider1 {
    opacity: 0;
}

.slider1.slick-initialized {
    opacity: 1 !important;
    z-index: 101;
}

@media only screen and (min-width: 1366px) {
    .slick-slider {
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .slick-list.draggable {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

/* SLİDER */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

/* Slider Arrows */
.sliderX .slick-prev,
.sliderX .slick-next {
    font-size: 0;
    display: block;
    position: absolute;
}

.sliderX .slick-prev::before,
.sliderX .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 6px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background: #eeeeee;
    cursor: pointer;
}

.sliderX .slick-prev {
    right: 30px;
    top: -35px;
}

.sliderX .slick-next {
    right: 0px;
    top: -35px;
}

.sliderX .slick-prev::before {
    content: '\f053';
}

.sliderX .slick-next::before {
    content: '\f054';
}

/* TAB */
.tab-content {
    display: none;
}

.tab-content.current {
    display: block;
}

/* MODAL */
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.remodal,
[data-remodal-id] {
    display: none;
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.remodal-overlay {
    background: rgba(27, 26, 31, 0.77);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

.remodal-wrapper {
    padding: 10px 10px 0;
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.remodal iframe,
.remodal img {
    display: inline-block;
    max-width: 100%;
    border: none;
    height: auto;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

.animation1 {
    animation-name: anime1;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes anime1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.spe-inputX::placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.spe-inputX::-ms-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.spe-inputX:-ms-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.spe-inputX::-moz-placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.spe-inputX:-moz-placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.spe-inputX::-webkit-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important;
}

.background-one {
    /* color */
    background: #12232b;
}

.sbtn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    font-weight: 400;
}

@media only screen and (min-width: 1200px) {
    .sbtn {
        padding: 10px 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .sbtn {
        padding: 10px 15px;
    }
}

.sbtn:hover {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.sbtn.sbtn-button {
    border: none;
}

.sbtn.sbtn-blue {
    background: #04aed1;
    color: #ffffff;
}

.sbtn.sbtn-blue:hover {
    background: #12c4e9;
}

.sbtn.sbtn-blue2 {
    background: #2d6cb9;
    color: #ffffff;
}

.sbtn.sbtn-blue2:hover {
    background: #337ad0;
}

.sbtn.sbtn-red {
    background: #d10460;
    color: #ffffff;
}

.sbtn.sbtn-red:hover {
    background: #fd0574;
}

.sbtn.sbtn-dark-blue {
    background: #09638c;
    color: #ffffff;
}

.sbtn.sbtn-dark-blue:hover {
    background: #51a1c5;
}

.sbtn.sbtn-gray {
    background: #888888;
    color: #ffffff;
}

.sbtn.sbtn-gray:hover {
    background: #bbbbbb;
}

.sbtn.sbtn-darkred {
    background: #b92d44;
    color: #ffffff;
}

.sbtn.sbtn-darkred:hover {
    background: #da3752;
}

.sbtn.sbtn-purple {
    background: #6256a9;
    color: #ffffff;
}

.sbtn.sbtn-purple:hover {
    background: #7367bf;
}

.sbtn.sbtn-green {
    background: #51d104;
    color: #ffffff;
}

.sbtn.sbtn-green:hover {
    background: #57e700;
}

.sbtn.sbtn-border-blue {
    border: 1px solid #04aed1;
}

.sbtn.sbtn-border-blue:hover {
    background-color: #04aed1;
    color: #ffffff;
}

.icon-save:hover{
	background-image: url(../images/save_1.png) !important;
}

.icon-upload:hover{
	background-image: url(../images/upload_1.png) !important;
}

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

.sbtn.sbtn-inline {
    display: inline-block;
}

.sbtn.sbtn-large {
    font-size: 15px;
}

.sbtn.sbtn-xlarge {
    padding: 20px 20px;
}

.sbtn.sbtn-medium {
    padding: 10px 20px !important;
}

.sbtn.sbtn-small {
    padding: 7px 10px !important;
    font-size: 12px !important;
}

.menu-icon {
    background: url("../images/icon7.png") no-repeat center center;
    width: 42px;
    height: 42px;
    cursor: pointer;
    display: inline-block;
}

.user-button {
    height: 40px;
    display: block;
    border: 1px solid #04aed1;
    background: #242424 url("../images/icon78.png") no-repeat center center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

@media only screen and (min-width: 1200px) {
    .user-button {
        width: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .user-button {
        width: 100%;
    }
}

.user-button:hover {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

.opensans {
    font-family: "Open Sans", sans-serif;
}

.text-white {
    /* color */
    color: #ffffff;
}

@media only screen and (min-width: 1200px) {
    .datateble-title {
        padding: 0 0 30px 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .datateble-title {
        padding: 0 0 20px 0;
    }
}

.datateble-title h1 {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
}

.table-container {
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .table-container {
        overflow-x: auto;
    }
}

.table-style thead tr {
    /* color */
    background: #2c6d7b;
    color: #ffffff;
}

.table-style tbody tr {
    /* color */
    border: 1px solid #54767d;
}

.table-style3 thead tr {
    /* color */
    background: #12232b;
    border: 1px solid #425f6c;
    color: #ffffff;
}

.table-style3 tbody tr {
    /* color */
    border: 1px solid #54767d;
}

.table-style3 tbody tr:hover {
    background: #12232b;
}

.table-style {
    border: 0;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 1199px) {
    .table-style {
        width: 1400px;
    }
}

.table-style thead {
    display: block;
}

.table-style thead tr {
    text-align: left;
    display: table;
    width: 100%;
}

.table-style thead tr th {
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.table-style thead tr th:focus {
    outline: none;
}

.table-style thead tr th.unk-th::after {
    display: none;
}

.table-style thead tr th:hover,
.table-style thead tr th.sorting_asc,
.table-style thead tr th.sorting_desc {
    background: rgba(255, 255, 255, 0.1);
}

.table-style thead tr th.sorting_desc::after {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.table-style thead tr th::after {
    content: "";
    background: url("../images/icon2-b.png") no-repeat;
    width: 8px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
}

.table-style td {
    padding: 5px 20px;
}

.table-style th {
    padding: 10px 20px;
}

.table-style td,
.table-style th {
    font-weight: 400 !important;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
}

.table-style td:nth-child(1),
.table-style th:nth-child(1) {
    width: 15% !important;
}

.table-style td:nth-child(2),
.table-style th:nth-child(2) {
    width: 10% !important;
}

.table-style td:nth-child(3),
.table-style th:nth-child(3) {
    width: 30% !important;
}

.table-style td:nth-child(4),
.table-style th:nth-child(4) {
    width: 11% !important;
}

.table-style td:nth-child(5),
.table-style th:nth-child(5) {
    width: 11% !important;
}

.table-style td:nth-child(6),
.table-style th:nth-child(6) {
    width: 11% !important;
}

.table-style td:nth-child(7),
.table-style th:nth-child(7) {
    width: 12% !important;
}

.table-style tbody {
    display: block;
}

.table-style tbody tr {
    margin-top: 6px;
    display: table;
    width: 100%;
}

.table-style.t1-list-grid {
    display: block;
}

@media only screen and (max-width: 1199px) {
    .table-style.t1-list-grid {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .table-style.t1-list-grid.list-gridx6 tr {
        width: 24.25%;
        position: relative;
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx6 tr:nth-child(5n+0) {
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx6 tr:nth-child(4n+0) {
        margin-right: 0 !important;
    }

    .table-style.t1-list-grid.list-gridx7 tr {
        width: 32.66666%;
        position: relative;
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx7 tr:nth-child(5n+0) {
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx7 tr:nth-child(3n+0) {
        margin-right: 0 !important;
    }

    .table-style.t1-list-grid.list-gridx8 tr {
        width: 49.5%;
        position: relative;
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx8 tr:nth-child(5n+0) {
        margin-right: 1%;
    }

    .table-style.t1-list-grid.list-gridx8 tr:nth-child(even) {
        margin-right: 0 !important;
    }
}

.table-style.t1-list-grid thead {
    display: none;
}

.table-style.t1-list-grid tbody {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.table-style.t1-list-grid tr {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 10px !important;
    margin-top: 1% !important;
}

@media only screen and (min-width: 1200px) {
    .table-style.t1-list-grid tr {
        width: 19.2%;
        position: relative;
        margin-right: 1%;
    }

    .table-style.t1-list-grid tr:nth-child(5n+0) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .table-style.t1-list-grid tr {
        width: 100%;
        position: relative;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1199px) {
    .table-style.t1-list-grid tr {
        width: 49%;
        position: relative;
        margin-right: 2%;
    }

    .table-style.t1-list-grid tr:nth-child(even) {
        margin-right: 0;
    }
}

.table-style.t1-list-grid tr td,
.table-style.t1-list-grid tr th {
    display: block;
    padding: 0px !important;
}

.table-style.t1-list-grid tr td:nth-child(1),
.table-style.t1-list-grid tr th:nth-child(1) {
    width: 50% !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.table-style.t1-list-grid tr td:nth-child(2),
.table-style.t1-list-grid tr th:nth-child(2) {
    width: 50% !important;
    font-weight: 700 !important;
    text-align: right;
    margin-bottom: 10px !important;
}

.table-style.t1-list-grid tr td:nth-child(3),
.table-style.t1-list-grid tr th:nth-child(3) {
    width: 100% !important;
}

.table-style.t1-list-grid tr td:nth-child(4),
.table-style.t1-list-grid tr th:nth-child(4) {
    width: 100% !important;
    margin-top: 10px !important;
}

.table-style.t1-list-grid tr td:nth-child(5),
.table-style.t1-list-grid tr th:nth-child(5) {
    display: none !important;
}

.table-style.t1-list-grid tr td:nth-child(6),
.table-style.t1-list-grid tr th:nth-child(6) {
    display: none !important;
}

.table-style.t1-list-grid tr td:nth-child(7),
.table-style.t1-list-grid tr th:nth-child(7) {
    width: 100% !important;
    margin-top: 10px !important;
}

.table-style.t1-list-grid tr td:nth-child(3) a,
.table-style.t1-list-grid tr th:nth-child(3) a {
    display: none;
}

.table-style.t1-list-grid tr td:nth-child(3) a:first-child,
.table-style.t1-list-grid tr th:nth-child(3) a:first-child {
    display: block !important;
}

.table-style.t1-list-grid tr td:nth-child(3) a:first-child img,
.table-style.t1-list-grid tr th:nth-child(3) a:first-child img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.table-style1-all .dataTables_paginate {
    margin-top: 30px;
}

.table-style1-all .dataTables_paginate a {
    margin-right: 5px;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 600;
}

.table-style1-all .dataTables_paginate a {
    /* color */
    border: 1px solid #56737a;
}

.table-style1-all .dataTables_paginate a:hover,
.table-style1-all .dataTables_paginate a.current {
    background: #56737a;
    color: #ffffff;
}

.analiz-images img {
    display: inline-block;
    width: 43px;
    height: 21px;
    margin-right: 10px;
}

.table-style1-all {
    /*
.spe-select5 {
  .border-radius(5px);
  display:block;
  position:absolute;
  right:0;
  top:0;
  padding:5px 25px 5px 20px;
  font-weight:600;
  font-size:16px;
  background:transparent;
}
.spe-select5 {
  border:1px solid #54767d;
}
*/
}

.foot-main {
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

.foot-main a {
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

.foot-main a:hover {
    color: #04aed1;
}

.change-mode {
    cursor: pointer;
}

.change-mode.current .cm-bg span {
    margin-left: 37px;
    background: #04aed1;
}

.cm-bg {
    width: 75px;
    height: 36px;
    padding: 3px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.cm-bg span {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.cm-bg span::after {
    width: 20px;
    height: 20px;
    content: "";
    margin: 0 auto;
    margin-top: 3px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.cm-bg {
    /* color */
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.cm-bg span {
    background: #12232b;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.cm-bg span::after {
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.lang-select {
    position: relative;
}

.lang-select .lang-dropdown {
    padding: 10px 20px 10px 10px;
    cursor: pointer;
}

.lang-select img {
    display: block;
    width: 27px;
}

.lang-select .lang-dropped {
    display: none;
    bottom: 45px;
    width: 100%;
    z-index: 1000;
    position: absolute;
}

.lang-select .lang-dropped a {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.lang-select .lang-dropdown {
    background: url("../images/icon4-b.png") no-repeat right center;
}

.yardim {
    display: block;
    padding: 5px 0 5px 40px;
    background: url("../images/icon6.png") no-repeat left center;
}

.logo img {
    display: block;
}

@media only screen and (min-width: 1200px) {
    .logo img {
        max-height: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .logo img {
        max-height: 30px;
    }
}

.head-top {
    position: relative;
    z-index: 500;
}

.menu-one {
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    height: 100%;
}

@media only screen and (min-width: 1200px) {
    .menu-one {
        z-index: 499;
        padding-top: 70px;
    }
}

@media only screen and (max-width: 1199px) {
    .menu-one {
        z-index: 501;
        top: 65px;
    }
}

.menu-one ul {
    margin: 0;
    list-style: none;
}

@media only screen and (min-width: 1200px) {
    .menu-one ul {
        padding: 25px 7% 30px 7%;
    }
}

@media only screen and (max-width: 1199px) {
    .menu-one ul {
        padding: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .menu-one ul li {
        display: inline-block;
        margin-right: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .menu-one ul li {
        display: block;
        margin-top: 20px;
    }

    .menu-one ul li:first-child {
        margin-top: 0;
    }
}

.menu-one ul li a {
    font-weight: 600;
    font-size: 21px;
    opacity: 0.4;
    font-family: "Open Sans", sans-serif;
}

.menu-one ul li a img {
    height: 40px;
    display: block;
}

.menu-one ul li a:hover {
    opacity: 1;
}

.menu-one {
    /* color */
    background: rgba(27, 26, 31, 0.55);
}

.menu-one ul {
    background: #1b1a1f;
}

.menu-one ul li a {
    color: #ffffff;
}

.yz-row .yz-col {
    position: relative;
}

@media only screen and (min-width: 1920px) {
    .yz-row .yz-col:nth-child(1) {
        width: 4%;
    }

    .yz-row .yz-col:nth-child(2) {
        width: 73%;
        padding: 0 10px;
    }

    .yz-row .yz-col:nth-child(3) {
        width: 23%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .yz-row .yz-col:nth-child(1) {
        width: 4%;
    }

    .yz-row .yz-col:nth-child(2) {
        width: 73%;
        padding: 0 10px;
    }

    .yz-row .yz-col:nth-child(3) {
        width: 23%;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-row .yz-col:nth-child(1) {
        width: 100%;
    }

    .yz-row .yz-col:nth-child(2) {
        width: 100%;
    }

    .yz-row .yz-col:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .yz-option {
        position: absolute;
        bottom: 5px;
        width: 100%;
        left: 0;
    }

    .yz-zoom {
        position: absolute;
        bottom: 90px;
        width: 100%;
        left: 0;
    }
}

.yz-func-bar {
    position: relative;
}

@media only screen and (min-width: 1920px) {
    .yz-func-bar {
        padding: 0px 0px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .yz-func-bar {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar {
        display: none;
    }
}

.yz-func-bar .yz-option a {
    border-right: 0 !important;
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar .yz-option a {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar .yz-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.yz-func-bar .yz-links a.yz-link {
    display: block;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar .yz-links a.yz-link {
        width: 25%;
    }

    .yz-func-bar .yz-links a.yz-link:nth-child(4n+0) {
        border-right: none;
    }

    .yz-func-bar .yz-links a.yz-link:nth-last-child(1),
    .yz-func-bar .yz-links a.yz-link:nth-last-child(2),
    .yz-func-bar .yz-links a.yz-link:nth-last-child(3) {
        border-bottom: none;
    }
}

@media only screen and (min-width: 1200px) {
    .yz-func-bar .yz-links a.yz-link:last-child {
        border-bottom: none;
    }
}

.yz-func-bar .yz-links a.yz-link:hover {
    background: rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .yz-func-bar .yz-links a.yz-link {
        padding: 7px 0;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar .yz-links a.yz-link {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 1920px) {
    .yz-func-bar .yz-links a.yz-link {
        padding: 10px 0;
    }
}

.yz-func-bar .yz-links a.yz-link i {
    margin: 0 auto;
}

@media only screen and (min-width: 1920px) {
    .yz-zoom {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .yz-zoom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center !important;
        align-items: center !important;
        margin-top: 20px;
    }

    .yz-zoom span {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .yz-zoom {
        margin-top: 10px;
        /*
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    .yz-zoom-text,a {
      width:33.333%;
    }
    */
        align-items: center !important;
    }
}

.yz-zoom a {
    display: block;
}

@media only screen and (max-width: 1199px) {
    .yz-zoom a {
        width: 33.333%;
    }
}

.yz-zoom a i {
    margin: 0 auto;
	margin-top: 23px;
}

.yz-func-bar {
    /* color */
}

@media only screen and (max-width: 1199px) {
    .yz-func-bar .yz-links a.yz-link {
        border-right: 1px solid #1d4350;
        border-bottom: 1px solid #1d4350;
    }
}

.border-one {
    /* color */
    border: 1px solid #587c84;
}

.top-question {
    position: relative;
    overflow-x: auto;
}

@media only screen and (min-width: 1200px) {
    .top-question .row {
        height: 75px;
    }

    .top-question .row .col-xl-auto:nth-child(1) {
        width: 5%;
    }

    .top-question .row .col-xl-auto:nth-child(2) {
        width: 95%;
    }
}

@media only screen and (max-width: 1199px) {
    .top-question .row .col-xl-auto:nth-child(1) {
        width: 15%;
    }

    .top-question .row .col-xl-auto:nth-child(2) {
        width: 85%;
    }
}

.top-question img {
    display: block;
    max-width: 100%;
    height: 40px;
    margin: 0 auto;
}

.top-question p {
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-size: 13px;
}

.sli1-col img {
    display: block;
    height: 150px;
    width: 150px;
}

.s1nav-col {
    padding-right: 10px;
    height: 93px;
    width: 150px;
	float:left;
}

.s1-bg {
    padding: 10px;
    cursor: pointer;
}

.s1-bg img {
    display: block;
    width: 100%;
}

.s1nav-col {
    /* color */
}

.s1nav-col.slick-current .s1-bg {
    /* color */
    background: #12232b;
}

@media only screen and (min-width: 1200px) {
    .yz-user {
        height: 117px;
    }
}

.text1 {
    font-size: 12px;
}

.text2 {
    font-weight: 600;
    font-size: 14px;
}

.yz-right-list {
    overflow-x: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

@media only screen and (max-width: 1199px) {
    .yz-right-list {
        max-height: 700px;
    }
}

.yz-right-list::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.yz-right-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}

.yz-right-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

.yz-right-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

.yz-right-list .yz-rl-col {
    font-weight: 600;
}

.yz-right-list .yz-rl-col img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

@media only screen and (min-width: 1920px) {
    .yz-right-list .yz-rl-col img {
        height: 30px;
    }
}

.yz-rl-link {
    /* color */
}

.yz-rl-link:hover .icon14 {
    background-position: 0 -71px;
}

.yz-rl-link:hover .icon15 {
    background-position: -25px -71px;
}

.select-test {
    position: relative;
}

.select-test .test-dropdown {
    background-image: url("../images/icon10.png") !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    background-position: right 10px center !important;
    background-size: 10px;
    font-weight: 500;
}

.select-test .test-dropdown img {
    display: block;
    height: 24px;
}

.select-test .test-dropped {
    position: absolute;
    display: none;
    top: 45px;
    left: 0;
    width: 100%;
	height: 176px;
}

.select-test .test-dropped a {
    display: block;
    padding: 5px 10px;
    font-weight: 500;
}

.select-test {
    /* color */
}

.select-test .test-dropped a {
    border-bottom: 1px solid #587c84;
}

.sli1-bg {
    display: block;
    background-size: cover;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1199px) {
    .sli1-bg {
        height: 391px;
    }
}

.s1nav-bg {
    display: block;
    background-size: cover;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1200px) {
    .s1nav-bg {
        height: 66px;
    }
}

@media only screen and (max-width: 1199px) {
    .s1nav-bg {
        height: 80px;
    }
}

.yz-puan {
    background: #15b3d4;
    color: #ffffff;
    font-size: 16px;
    padding: 0 30px;
    font-weight: 600;
}

.yz-puan .row {
    height: 57px;
}

.yz-puan .yz-puan-big {
    font-weight: 700;
    font-size: 25px;
}

.yz-bar {
    padding: 13px 20px 13px 50px;
    background-image: url("../images/img3.png") !important;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 30px;
    display: block;
    font-weight: 700;
}

.yz-text1 {
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
}

.background-two {
    /* color */
    background: #2c6d7b;
}

.ob-text {
    color: #ffffff;
    font-weight: 600;
}

.ob-bot {
    /* color */
    border-top: 1px solid #587c84;
}

@media only screen and (min-width: 1200px) {
    .anz-row .anz-col:nth-child(1) {
        width: 55%;
    }

    .anz-row .anz-col:nth-child(2) {
        width: 45%;
    }
}

@media only screen and (max-width: 1199px) {
    .anz-row .anz-col:nth-child(1) {
        width: 100%;
    }

    .anz-row .anz-col:nth-child(2) {
        width: 100%;
    }
}

.anz-one {
    background-image: url("../images/icon13.png");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

@media only screen and (max-width: 1199px) {
    .anz-one {
        background-size: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .anz-one .row {
        height: 77px;
    }
}

.anz-text1 {
    color: #a0abbd;
    font-size: 13px;
}

.anz-text2 {
    /* color */
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.anz-big-img {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .anz-big-img {
        height: 300px;
    }
}

.abi-icon {
    position: absolute;
    right: 20px;
    top: 20px;
}

.abi-icon a {
    background: #ffffff;
    display: block;
    width: 60px;
    height: 60px;
    padding-top: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.abi-icon a:hover {
    background: #12232b;
}

.abi-icon a i {
    margin: 0 auto;
}

.anz-two-oran {
    font-size: 23px;
    color: #04aed1;
}

.anz-button {
    display: block;
    padding: 10px 0;
    text-align: center;
}

@media only screen and (max-width: 1919px) {
    .anz-button {
        font-size: 13px;
    }
}

.anz-button:hover {
    color: #ffffff;
    background: #04aed1;
    border-color: #04aed1;
}

.anz-button {
    /* color */
    color: #ffffff !important;
    background: #161617;
}

.anz-two-links .range-text1 {
    display: block;
    font-size: 10px;
    text-align: center;
    font-weight: 300;
    color: #04aed1;
}

@media only screen and (min-width: 1200px) {
    .range-slider {
        width: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .range-slider {
        width: 100%;
    }
}

.range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #04aed1;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #1abc9c;
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #1abc9c;
}

.range-slider__range::-moz-range-thumb {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 100%;
    background: #04aed1;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: #04aed1;
}

.range-slider__range:active::-moz-range-thumb {
    background: #04aed1;
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px;
}

.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content: "";
}

::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

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

@media only screen and (min-width: 1200px) {
    .anz-three .anzt-row {
        height: 77px;
    }
}

.anz-three-comment,
.anz-three-doctor {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.anz-three-comment:hover,
.anz-three-doctor:hover,
.anz-three-comment.current,
.anz-three-doctor.current {
    background: #253b46;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.anz-four {
    overflow-x: auto;
}

.anz-four::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.anz-four::-webkit-scrollbar-track {
    background: rgba(4, 174, 198, 0.5);
}

.anz-four::-webkit-scrollbar-thumb {
    background: rgba(4, 174, 198, 0.5);
}

.anz-four::-webkit-scrollbar-thumb:hover {
    background: rgba(4, 174, 198, 0.5);
}

.anz-text3 {
    font-size: 11px;
}

.anz-text3 {
    color: #ffffff;
}

.anz-text3 span {
    color: #04aed1;
}

.anz-text3 .anz-inline {
    display: inline-block;
}

.anz-five .anzf-col {
    text-align: center;
    /* color */
    border-right: 1px solid #334852;
}

@media only screen and (min-width: 1200px) {
    .anz-five .anzf-col {
        width: 6.25%;
        padding: 20px 0;
    }

    .anz-five .anzf-col:nth-child(16n+0) {
        border-right: none;
    }
}

@media only screen and (max-width: 1199px) {
    .anz-five .anzf-col {
        width: 10%;
        padding: 10px 0;
    }

    .anz-five .anzf-col:nth-child(10n+0) {
        border-right: none;
    }
}

.anz-five .anzf-col .anzf-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 24px;
}

.background-three {
    background: #003b43;
}

.anzs-text1 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    border-right: 1px solid #04aed1;
}

.anzs-text2 {
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
}

.button-dark {
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    color: #ffffff;
    background: #161617;
}

.button-dark:hover {
    background: #0abcd5;
    color: #ffffff;
}

.button-green {
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    color: #ffffff !important;
    background: #249c10;
}

.button-green:hover {
    background: #3bc923;
    color: #ffffff;
}

.anzs-img-text {
    font-size: 12px;
}

.anzs-img img {
    display: block;
    width: 100%;
}

.anzs-bar-grey {
    font-size: 11px;
}

.anzs-bar-grey .abg-bar {
    width: 100%;
    text-align: center;
    height: 27px;
    font-size: 11px;
    font-weight: 600;
    color: #222;
    background: #afafaf;
    line-height: 27px;
}

.anzs-bar-blue {
    font-size: 11px;
    color: #04aed1;
}

.anzs-bar-blue .abg-bar {
    width: 100%;
    text-align: center;
    height: 27px;
    font-size: 11px;
    font-weight: 600;
    color: #222;
    background: #04aed1;
    line-height: 27px;
}

.anzs-bar-red {
    font-size: 11px;
    color: #cf3a3a;
}

.anzs-bar-red .abg-bar {
    width: 100%;
    text-align: center;
    height: 27px;
    font-size: 11px;
    font-weight: 600;
    color: #222;
    background: #cf3a3a;
    line-height: 27px;
}

.icon-talk-spe {
    background: url("../images/icon22.png") no-repeat center center;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.background-four {
    background: #420100;
}

.background-four .anzs-text1 {
    border-right-color: #ef5350;
}

.border-two {
    border: 1px solid #ef5350;
}

.abi-checks {
    position: absolute;
    right: 20px;
    width: 170px;
    top: 100px;
    background: rgba(22, 22, 23, 0.7);
}

.label-control {
    cursor: pointer;
}

.label-control::after {
    clear: both;
    content: "";
    display: block;
}

.label-control input {
    display: none;
}

.label-control input:checked + span {
    background-image: url("../images/icon28.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    background-color: #456472;
}

.label-control span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: -2px;
    display: block;
    float: left;
    /* color */
    background-color: #12232b;
    border: 1px solid #456472;
}

.form-select {
    position: relative;
    overflow: hidden;
    background: #1b1a1f url("../images/icon10.png") no-repeat right 20px center;
    border: 1px solid #456472;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.form-select select.form-control {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 45px;
    padding: 0 20px;
    background: transparent;
    border: none;
}

.form-select select.form-control option {
    background: #1b1a1f;
}

.background-five {
    background: #161617;
}

.save-button {
    display: inline-block;
    padding: 10px 20px;
}

.save-button:hover {
    background: #04aed1 !important;
    color: #ffffff !important;
    border-color: #04aed1 !important;
}

.anz-eight {
    display: none;
}

.anz-e-text textarea {
    line-height: 24px;
    width: 100%;
    display: block;
    border: none;
    background: transparent;
    height: 150px;
    resize: none;
}

.backgrond-six {
    background: #003a42;
}

.modal-container {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    border-bottom: 2px solid #003a42;
}

.modal-top {
    text-align: Center;
    padding: 30px 0;
    font-weight: 700;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
}

.anz-seven {
    display: none;
}

.remodal-close {
    background: #e04f5f;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    .remodal-close {
        right: -15px;
        top: -15px;
    }
}

@media only screen and (max-width: 1199px) {
    .remodal-close {
        right: -5px;
        top: -5px;
    }
}

.modal-content {
    background: #2e2d35;
}

.modal-top-red {
    background: #c72938 !important;
}

.modal-top-purple {
    background: #09638c !important;
}

.modal-container-purple-border {
    border-bottom-color: #2e2d35 !important;
}

.textarea-copy {
    border-right: none !important;
    display: block;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    resize: none;
    overflow: hidden;
    width: 100%;
}

.icon-copied {
    background-image: url("../images/icon29.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    cursor: pointer;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: none !important;
}

.icon-copied:active {
    opacity: 0.7;
}

.fs-12 {
    font-size: 12px;
}

.background-ten {
    background: #12232b;
}

.border-ten {
    border: 1px solid #3a4a56;
}

.select-sort {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.select-sort .ss-sel {
    padding: 20px 10px;
    cursor: pointer;
    text-align: center;
}

.select-sort .ss-sel:hover,
.select-sort .ss-sel.current {
    background: #003a42;
    color: #ffffff;
}

.select-lister {
    max-height: 400px;
    overflow-x: auto;
}

.select-lister::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.select-lister::-webkit-scrollbar-track {
    background: rgba(4, 174, 198, 0);
}

.select-lister::-webkit-scrollbar-thumb {
    background: #949eaf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.select-lister::-webkit-scrollbar-thumb:hover {
    background: rgba(4, 174, 198, 0);
}

.sl-border {
    border-top: 2px solid #003a42;
}

.login-screen {
    padding-top: 1px;
}

.login-box-fixed {
    z-index: 200000;
    left: 0;
    right: 0;
}

@media only screen and (min-width: 1200px) {
    .login-box-fixed {
        top: 50%;
        width: 500px;
        position: absolute;
        margin: auto;
        margin-top: -250px;
        margin-bottom: -250px;
    }
}

@media only screen and (max-width: 1199px) {
    .login-box-fixed {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    #particle-canvas {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

.logo-fixed {
    z-index: 200000;
    margin: auto;
}

@media only screen and (min-width: 1200px) {
    .logo-fixed {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .logo-fixed {
        margin-top: 30px;
    }
}

.foot-fixed {
    z-index: 200000;
    width: 100%;
    margin: auto;
}

@media only screen and (min-width: 1200px) {
    .foot-fixed {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.login-logo {
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    .login-logo {
        padding: 20px 0;
    }
}

@media only screen and (max-width: 1199px) {
    .login-logo {
        padding: 20px 0;
    }
}

.login-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.login-container {
    margin: 0 auto;
}

.login-container .login-tabs {
    display: flex;
    display: -ms-flex;
}

.login-container .login-tabs .lt-col {
    width: 50%;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    text-align: center;
    padding: 0 0 30px 0;
}

.login-container .login-tabs .lt-col.current {
    color: #04aed1;
}

.login-tab-content {
    display: none;
}

.login-tab-content.current {
    display: block;
}

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

/* ---- particles.js container ---- */
#particles-js {
    width: 100%;
    height: 100%;
    background-color: #b61924;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.container-fixed {
    max-width: 1500px;
    padding: 10px 0 0 5px;
    margin: 0 auto;
}

.title-2 {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) {
    .ag-row .ag-col:nth-child(1) {
        width: 21%;
    }

    .ag-row .ag-col:nth-child(2) {
        width: 79%;
        padding-left: 5px;
    }
}

@media only screen and (max-width: 1199px) {
    .ag-row .ag-col:nth-child(1) {
        width: 100%;
    }

    .ag-row .ag-col:nth-child(2) {
        margin-top: 10px;
        width: 100%;
    }
}

.form-controlx {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 45px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background: #1b1a1f;
    border: 1px solid #456472;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.form-controlx:focus {
    border-color: #04aed1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.form-title {
    display: block;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
}

.title-3 {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

/* ui datepicker */
.ui-datepicker {
    background: #04aed1;
    color: #ffffff;
    overflow: hidden;
    display: none;
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 350px;
    margin-top: 5px;
}

.ui-datepicker .ui-datepicker-header {
    background: rgba(255, 255, 255, 0.1);
    position: relative;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    color: #ffffff;
    position: absolute;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 12px;
    width: 55px;
    right: 0;
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    top: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #ffffff;
    position: absolute;
    text-align: center;
    font-size: 12px;
    height: 55px;
    background: rgba(0, 0, 0, 0.05);
    line-height: 55px;
    width: 55px;
    left: 0;
    top: 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    height: 55px;
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 55px;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    font-size: 12px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    width: 14.285%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td a {
    color: #ffffff;
    display: block;
}

.ui-datepicker .ui-datepicker-calendar th:nth-child(7n+0),
.ui-datepicker .ui-datepicker-calendar td:nth-child(7n+0) {
    border-right: none;
}

.ui-datepicker .ui-datepicker-calendar thead {
    background: rgba(255, 255, 255, 0.1);
}

.ui-datepicker .ui-state-disabled {
    background: rgba(0, 0, 0, 0.1);
}

.ui-datepicker .ui-datepicker-current-day {
    background: #18d6a7;
}

/* ui datepicker */
@media only screen and (min-width: 1200px) {
    .ag-one {
        height: 567px;
    }
}

.ag-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media only screen and (min-width: 1200px) {
    .ag-image {
        height: 498px;
    }
}

@media only screen and (max-width: 1199px) {
    .ag-image {
        height: 330px;
    }
}

@media only screen and (min-width: 1200px) {
    .ag-icon-row {
        height: 63px;
    }
}

.tab-links {
    margin-bottom: -1px;
    position: relative;
}

.tab-links .tab-col {
    float: left;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
    border-bottom: 1px solid #587c84;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) {
    .tab-links .tab-col {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .tab-links .tab-col {
        padding: 0 5px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 1200px) {
    .tab-links .tab-col {
        margin-left: 10px;
    }
}

.tab-links .tab-col.current {
    color: #ffffff;
    margin-top: 0;
    border-bottom-color: #191c22;
    height: 50px;
    line-height: 50px;
}

@-webkit-keyframes progress-bar-animate {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-animate {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #d9dadb;
}

.progress-bar {
    width: 0%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    background-color: #503bff;
    background-size: 25px 25px;
    border-radius: 10px 0 0 10px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 30%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 33%, transparent 33%, transparent 46%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 83%, transparent 83%, transparent 97%, rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 30%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 34%, transparent 34%, transparent 46%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 84%, transparent 84%, transparent 96%, rgba(0, 0, 0, 0.1) 96%, rgba(0, 0, 0, 0.1));
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: width 200ms ease;
    -moz-transition: width 200ms ease;
    -o-transition: width 200ms ease;
    transition: width 200ms ease;
    -webkit-animation: progress-bar-animate 1s linear infinite;
    animation: progress-bar-animate 1s linear infinite;
}

.cd-bg-create {
    background: #7ba956;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 12px;
}

.cd-bg-edit {
    background: #04aec6;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 12px;
}

.user-icon-but {
    background-image: url("../images/icon32.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0;
}

.analiz-icon-but {
    background-image: url("../images/icon33.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 20px center !important;
    background-size: 35px !important;
    padding-left: 46px !important
}

.select-search {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 5px;
}

.form-select2 {
    position: relative;
    overflow: hidden;
    background: #1b1a1f url("../images/icon4-s.png") no-repeat right 10px center;
    background-size: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.form-select2 select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 27px;
    padding: 0 30px 0 20px;
    background: transparent;
    border: none;
}

.form-select2 select option {
    background: #1b1a1f;
}

.fs-input {
    border: none;
    width: 100%;
    display: block;
    height: 27px;
    background: transparent;
    line-height: 27px;
    padding: 0 10px;
}

.fs-submit {
    border: none;
    width: 100%;
    display: block;
    height: 27px;
    width: 40px;
    line-height: 27px;
    background: transparent url("../images/icon31.png") no-repeat center center;
}

.fs-submit:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.or-bg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 30px 20px;
    display: block;
    width: 160px;
    background: #3e3e41;
}

.or-bg:hover {
    background: #04aed1;
}

.or-bg img {
    display: block;
    margin: 0 auto;
    height: 74px;
}

.or-bg span {
    font-size: 18px;
    color: #ffffff;
    margin-top: 20px;
    display: block;
}

.mc-fix {
    max-width: 700px;
}

.table-style2 {
    border: 0;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 1199px) {
    .table-style2 {
        width: 1400px;
    }
}

.table-style2 thead {
    display: block;
    background: #16161a;
}

.table-style2 thead tr {
    text-align: left;
    display: table;
    width: 100%;
}

.table-style2 thead tr th {
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.table-style2 thead tr th:focus {
    outline: none;
}

.table-style2 thead tr th.unk-th::after {
    display: none;
}

.table-style2 thead tr th:hover,
.table-style2 thead tr th.sorting_asc,
.table-style2 thead tr th.sorting_desc {
    background: rgba(255, 255, 255, 0.1);
}

.table-style2 thead tr th.sorting_desc::after {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.table-style2 thead tr th::after {
    content: "";
    background: url("../images/icon2-b.png") no-repeat;
    width: 8px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
}

.table-style2 td {
    padding: 7px 10px;
}

.table-style2 th {
    padding: 10px 10px;
    opacity: 0.5;
}

.table-style2 tbody tr:nth-child(odd) {
    background: #393841;
}

.table-style2 tbody tr:nth-child(even) {
    background: #302f37;
}

.table-style2 td,
.table-style2 th {
    font-weight: 500 !important;
    display: table-cell;
    vertical-align: middle;
}

.table-style2 td:nth-child(1),
.table-style2 th:nth-child(1) {
    width: 7% !important;
}

.table-style2 td:nth-child(2),
.table-style2 th:nth-child(2) {
    width: 20% !important;
}

.table-style2 td:nth-child(3),
.table-style2 th:nth-child(3) {
    width: 15% !important;
}

.table-style2 td:nth-child(4),
.table-style2 th:nth-child(4) {
    width: 10% !important;
}

.table-style2 td:nth-child(5),
.table-style2 th:nth-child(5) {
    width: 10% !important;
}

.table-style2 td:nth-child(6),
.table-style2 th:nth-child(6) {
    width: 10% !important;
}

.table-style2 td:nth-child(7),
.table-style2 th:nth-child(7) {
    width: 10% !important;
}

.table-style2 td:nth-child(8),
.table-style2 th:nth-child(8) {
    width: 5% !important;
}

.table-style2 td:nth-child(9),
.table-style2 th:nth-child(9) {
    width: 5% !important;
}

.table-style2 td:nth-child(10),
.table-style2 th:nth-child(10) {
    width: 5% !important;
}

.table-style2 td:nth-child(11),
.table-style2 th:nth-child(11) {
    width: 5% !important;
}

.table-style2 td:nth-child(12),
.table-style2 th:nth-child(12) {
    width: 5% !important;
}

.table-style2 tbody {
    display: block;
}

.table-style2 tbody tr {
    margin-top: 2px;
    display: table;
    width: 100%;
}

.table-style2-all .dataTables_paginate {
    margin-top: 30px;
}

.table-style2-all .dataTables_paginate a {
    margin-right: 5px;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 600;
}

.table-style2-all .dataTables_paginate a {
    /* color */
    border: 1px solid #302f37;
    background: #302f37;
}

.table-style2-all .dataTables_paginate a:hover,
.table-style2-all .dataTables_paginate a.current {
    background: #1b1a1f;
    color: #ffffff;
}

.tag-red {
    background: #a95656;
    display: inline-block;
    color: #ffffff !important;
    font-size: 12px;
    padding: 3px 5px;
}

.tag-blue {
    background: #567ba9;
    color: #ffffff !important;
    display: inline-block;
    font-size: 12px;
    padding: 3px 5px;
}

.tag-green {
    background: #7ba956;
    display: inline-block;
    color: #ffffff !important;
    font-size: 12px;
    padding: 3px 5px;
}

.ts2-image {
    width: 30px;
    display: block;
    height: 30px;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    background: #0863d4 url("../images/icon37.png") no-repeat center center;
    background-size: 17px;
}

.ts2-search {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    background: #96d408 url("../images/icon38.png") no-repeat center center;
    background-size: 17px;
}

.ts2-delete {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    background: #c73a02 url("../images/icon39.png") no-repeat center center;
    background-size: 17px;
}

.icon-ts2-search {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: url("../images/icon40.png") no-repeat center center;
    background-size: 16px;
}

.icon-ts2-delete {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: block;
    cursor: pointer;
    background: url("../images/icon41.png") no-repeat center center;
    background-size: 16px;
    margin: 0 auto;
}

.ts3-image {
    width: 22px;
    display: block;
    height: 24px;
    margin: 0 auto;
    cursor: pointer;
    background: url("../images/icon37.png") no-repeat center center;
}

.ts3-search {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    border: 1px solid #96d408;
    background: url("../images/icon38.png") no-repeat center center;
    background-size: 14px !important;
}

.ts3-delete {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #c73a02;
    background: url("../images/icon39.png") no-repeat center center;
    background-size: 14px !important;
}

.table-style2-all {
    /*
.spe-select5 {
  .border-radius(50px);
  display:block;
  position:absolute;
  right:0;
  top:0;
  padding:10px 25px 10px 20px;
  font-weight:600;
  font-size:16px;
  background:transparent;
}
.spe-select5 {
  background:#16161a;
  border:none;
}
*/
}

.sli1-nav-hide {
    position: absolute;
    width: 97%;
    bottom: 10px;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.sli1-nav-hide.current {
    opacity: 1;
    z-index: 103;
}

@media only screen and (min-width: 1200px) {
    .tq-but-row .tq-but-col:nth-child(1) {
        width: 80%;
        padding-right: 5px;
    }

    .tq-but-row .tq-but-col:nth-child(2) {
        width: 20%;
    }
}

@media only screen and (max-width: 1199px) {
    .tq-but-row .tq-but-col {
        width: 100%;
    }
}

.tq-but {
    position: relative;
}

@media only screen and (min-width: 1200px) {
    .tq-but > .row {
        height: 75px;
    }
}

.tq-butx {
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url("../images/icon68.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.tq-butx.current {
    background-color: #4ac1e5 !important;
    background-image: url("../images/icon70.png") !important;
}

.tq-butx.current:hover {
    background-color: #4ac1e5 !important;
    background-image: url("../images/icon70.png") !important;
}

.tq-butx:hover {
    background-color: #12232b;
}

.tq-buty {
    width: 35px;
    cursor: pointer;
    height: 35px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url("../images/icon69.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.tq-buty.current {
    background-color: #4ac1e5 !important;
    background-image: url("../images/icon70.png") !important;
}

.tq-buty.current:hover {
    background-color: #4ac1e5 !important;
    background-image: url("../images/icon70.png") !important;
}

.tq-buty:hover {
    background-color: #12232b;
}

.tq-dropdown {
    position: absolute;
    width: 300px;
    right: 0;
    top: 80px;
    z-index: 105;
}

.tq-x-dropdown {
    position: absolute;
    width: 311px;
    right: 0;
    top: 75px;
    z-index: 401;
}

.tq-x-colors {
    height: 161px;
	overflow-y: scroll;
	padding-right: 8px;
}

.ks-bg {
    background: #04aed1;
    color: #111;
    font-size: 11px;
    padding: 2px 4px;
    font-weight: 600;
}

.background-six {
    background: #191c22;
}

.s-click-dropdown {
    display: none;
}

.sq-search {
    display: block;
    width: 100%;
    background-image: url("../images/icon31.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 13px;
    border: 1px solid #04aed1;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    padding: 0 20px;
    height: 30px;
}

.label-control2 {
    cursor: pointer;
    font-size: 13px;
}

.label-control2::after {
    clear: both;
    content: "";
    display: block;
}

.label-control2 input {
    display: none;
}

.label-control2 input:checked + span {
    background-image: url("../images/icon71.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    background-color: #04aed1;
}

.label-control2 span {
    width: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 16px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    float: left;
    /* color */
    border: 1px solid #2298c5;
}

.tq-color {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    right: 72px;
}

.modal-container2 {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.background-seven {
    background: #191c22;
}

.label-control3 {
    cursor: pointer;
}

.label-control3 input {
    display: none;
}

.label-control3 input:checked + span {
    background-image: url("../images/icon71.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px !important;
}

.label-control3 span {
    width: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 16px;
    display: block;
}

.mc2-input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    display: block;
    padding: 5px;
    height: 20px;
    font-size: 12px;
}

.mc2-text {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    display: block;
    height: 70px;
    resize: none;
    font-size: 12px;
    padding: 10px 5px;
}

.bolum-puan {
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    .bolum-puan {
        height: 80px;
        padding-top: 10px;
        font-family: "Open Sans", sans-serif;
    }

    .bolum-puan .bp-title {
        font-weight: 700;
        font-size: 17px;
    }

    .bolum-puan .bp-text {
        font-weight: 700;
        font-size: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .bolum-puan {
        padding: 20px;
        font-family: "Open Sans", sans-serif;
    }

    .bolum-puan .bp-title {
        font-weight: 700;
        font-size: 15px;
    }

    .bolum-puan .bp-text {
        font-weight: 700;
        font-size: 18px;
    }
}

.es-bulgu,
.esx-bulgu {
    font-size: 12px;
}

.label-control4 {
    cursor: pointer;
}

.label-control4 input {
    display: none;
}

.label-control4 input:checked + span {
    background: #191c22;
}

.label-control4 input:checked + span::after {
    background-image: url("../images/icon71.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    background-color: #04aed1;
}

.label-control4 span {
    display: block;
    position: relative;
    padding: 10px 10px 10px 30px;
    font-size: 13px;
}

.label-control4 span::after {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -7px 0;
    border: 1px solid #04aed1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.label-control4 .right-span::after {
    content: "";
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -7px 0;
    border: 1px solid #04aed1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.es-top {
    color: #ffffff;
    cursor: pointer;
}

.es-content {
    overflow-x: auto;
}

@media only screen and (min-width: 1200px) {
    .es-content {
        height: 100%;
    }
}

.esx-content {
    overflow-x: auto;
}

.yz-right-list-x {
    overflow-x: auto;
}

.clear-add-sn {
    overflow-x: auto;
}

@media only screen and (min-width: 1200px) {
    .clear-add-sn {
        height: 120px;
    }
}

.scrollbar-st {
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.scrollbar-st::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.scrollbar-st::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}

.scrollbar-st::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

.scrollbar-st::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 1200px) {
    .popup-tab-left {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .popup-tab-left {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }
}

.tabs2-content {
    display: none;
}

.tabs2-content.current {
    display: block;
}

.tabs-2 .tabs-2-col {
    padding: 14px;
    cursor: pointer;
}

@media only screen and (min-width: 1200px) {
    .tabs-2 .tabs-2-col {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

.label-control5 {
    cursor: pointer;
}

.label-control5 input {
    display: none;
}

.label-control5 input:checked + span {
    background: #04aed1;
    color: #ffffff !important;
}

.label-control5 span {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #04aed1;
    color: #ffffff;
}

.mc3-textarea {
    height: 100px;
    resize: none;
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.mc3-title {
    font-size: 18px;
    font-weight: 600;
}

.form-controly {
    border: 1px solid #04aed1;
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: transparent;
}

.form-controly:focus {
    background: rgba(0, 0, 0, 0.05);
}

.delete-account {
    color: red;
    background: url("../images/icon74.png") no-repeat left center;
    font-size: 12px;
    padding-left: 20px;
    display: block;
}

.select-img {
    cursor: pointer;
}

.select-img span {
    width: 100px;
    position: relative;
    height: 100px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #04aed1;
    margin: 0 auto;
}

.select-img span::after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: #70b714 url("../images/icon72.png") no-repeat center center;
    right: -5px;
    top: -5px;
    z-index: 10;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.select-img span img {
    width: 98px;
    height: 98px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.select-img input {
    display: none;
}

.password-y {
    background-image: url("../images/icon73.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    padding-left: 25px !important;
}

.sbtn-analiz {
    background-image: url("../images/icon75.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
}

.list-is-clear {
    background-image: url("../images/icon76.png");
    background-repeat: no-repeat !important;
    background-position: top 40px center !important;
	height: 670px !important;
	margin-top: 50%;
}

.lic-text {
    color: #04aed1;
    padding-top: 160px;
}

.t1-grid,
.t1-list {
    display: block;
    width: 40px;
    height: 33px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.t1-grid:hover,
.t1-list:hover,
.t1-grid.current,
.t1-list.current {
    background-color: #2c6d7b;
}

.t1-grid {
    background-image: url("../images/icon79.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.t1-list {
    background-image: url("../images/icon80.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.ya-search {
    height: 37px;
    padding: 0 20px;
    width: 400px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-image: url("../images/icon40.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    max-width: 100%;
}

.input-images-1 input {
    display: none;
}

.input-images-1 .upload-text {
    border: 1px dashed #777;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    height: 200px;
    padding: 10px;
    margin-top: 10px;
    background: url("../images/icon83.png") no-repeat center center;
}

.input-images-1 .uploaded {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.input-images-1 .uploaded .uploaded-image {
    width: 23%;
    position: relative;
    margin-bottom: 10px;
    height: 80px;
    margin-right: 2%;
}

.input-images-1 .uploaded .uploaded-image .delete-image {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -5px;
    margin-bottom: -5px;
    width: 20px;
    height: 20px;
    background: #6256a9 url("../images/icon77.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    border: none;
}

.input-images-1 .uploaded .uploaded-image .delete-image i {
    display: none;
}

.input-images-1 .uploaded .uploaded-image img {
    display: block;
    width: 100%;
    border: 1px solid #04aed1;
    height: 90px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.input-images-1 .uploaded .uploaded-image:nth-child(4n+0) {
    margin-right: 0;
}

.ii1-text {
    font-style: italic;
    color: #777;
    line-height: 20px;
    margin-left: 19.5%;
    font-size: 12px;
}

.table-style thead tr {
    /* color */
    background: #2c6d7b;
    color: #ffffff;
}

.table-style tbody tr {
    /* color */
    border: 1px solid #54767d;
}

.table-style3 {
    border: 0;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 1199px) {
    .table-style3 {
        width: 1400px;
    }
}

.table-style3 thead {
    display: block;
}

.table-style3 thead tr {
    text-align: left;
    display: table;
    width: 100%;
}

.table-style3 thead tr th {
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.table-style3 thead tr th:focus {
    outline: none;
}

.table-style3 thead tr th.unk-th::after {
    display: none;
}

.table-style3 thead tr th:hover,
.table-style3 thead tr th.sorting_asc,
.table-style3 thead tr th.sorting_desc {
    background: rgba(255, 255, 255, 0.1);
}

.table-style3 thead tr th.sorting_desc::after {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.table-style3 thead tr th::after {
    content: "";
    background: url("../images/icon2-b.png") no-repeat;
    width: 8px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
}

.table-style3 td {
    padding: 5px 20px;
}

.table-style3 th {
    padding: 10px 20px;
}

.table-style3 td,
.table-style3 th {
    font-weight: 400 !important;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
}

.table-style3 td:nth-child(1),
.table-style3 th:nth-child(1) {
    width: 7% !important;
}

.table-style3 td:nth-child(2),
.table-style3 th:nth-child(2) {
    width: 15% !important;
}

.table-style3 td:nth-child(3),
.table-style3 th:nth-child(3) {
    width: 14% !important;
}

.table-style3 td:nth-child(4),
.table-style3 th:nth-child(4) {
    width: 10% !important;
}

.table-style3 td:nth-child(5),
.table-style3 th:nth-child(5) {
    width: 12% !important;
}

.table-style3 td:nth-child(6),
.table-style3 th:nth-child(6) {
    width: 12% !important;
}

.table-style3 td:nth-child(7),
.table-style3 th:nth-child(7) {
    width: 12% !important;
}

.table-style3 td:nth-child(8),
.table-style3 th:nth-child(8) {
    width: 5% !important;
}

.table-style3 td:nth-child(9),
.table-style3 th:nth-child(9) {
    width: 5% !important;
}

.table-style3 td:nth-child(10),
.table-style3 th:nth-child(10) {
    width: 5% !important;
}

.table-style3 tbody {
    display: block;
}

.table-style3 tbody tr {
    margin-top: 6px;
    display: table;
    width: 100%;
}

.table-style3 .ts3-image img {
    width: 200px;
    position: absolute;
    right: 35px;
    top: 0;
    z-index: 30;
    display: none;
}

.table-style3 .ts3-image:hover img {
    display: block;
}

.table-style3.t1-list-grid {
    display: block;
}

.table-style3.t1-list-grid .ts3-image img {
    left: 0;
    top: 35px;
}

@media only screen and (max-width: 1199px) {
    .table-style3.t1-list-grid {
        width: 100% !important;
    }
}

.table-style3.t1-list-grid thead {
    display: none;
}

.table-style3.t1-list-grid tbody {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.table-style3.t1-list-grid tr {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 10px !important;
    margin-top: 1% !important;
}

@media only screen and (min-width: 1200px) {
    .table-style3.t1-list-grid tr {
        width: 19.2%;
        position: relative;
        margin-right: 1%;
    }

    .table-style3.t1-list-grid tr:nth-child(5n+0) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .table-style3.t1-list-grid tr {
        width: 100%;
        position: relative;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1199px) {
    .table-style3.t1-list-grid tr {
        width: 49%;
        position: relative;
        margin-right: 2%;
    }

    .table-style3.t1-list-grid tr:nth-child(even) {
        margin-right: 0;
    }
}

.table-style3.t1-list-grid tr td,
.table-style3.t1-list-grid tr th {
    display: block;
    padding: 0px !important;
}

.table-style3.t1-list-grid tr td:nth-child(1),
.table-style3.t1-list-grid tr th:nth-child(1) {
    width: 50% !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.table-style3.t1-list-grid tr td:nth-child(2),
.table-style3.t1-list-grid tr th:nth-child(2) {
    width: 50% !important;
    font-weight: 700 !important;
    text-align: right;
    margin-bottom: 10px !important;
}

.table-style3.t1-list-grid tr td:nth-child(3),
.table-style3.t1-list-grid tr th:nth-child(3) {
    width: 100% !important;
}

.table-style3.t1-list-grid tr td:nth-child(4),
.table-style3.t1-list-grid tr th:nth-child(4) {
    width: 40% !important;
    margin-top: 10px !important;
}

.table-style3.t1-list-grid tr td:nth-child(5),
.table-style3.t1-list-grid tr th:nth-child(5) {
    display: none !important;
}

.table-style3.t1-list-grid tr td:nth-child(6),
.table-style3.t1-list-grid tr th:nth-child(6) {
    display: none !important;
}

.table-style3.t1-list-grid tr td:nth-child(7),
.table-style3.t1-list-grid tr th:nth-child(7) {
    display: none !important;
}

.table-style3.t1-list-grid tr td:nth-child(8),
.table-style3.t1-list-grid tr th:nth-child(8) {
    width: 20% !important;
    margin-top: 10px !important;
}

.table-style3.t1-list-grid tr td:nth-child(9),
.table-style3.t1-list-grid tr th:nth-child(9) {
    width: 20% !important;
    margin-top: 10px !important;
}

.table-style3.t1-list-grid tr td:nth-child(10),
.table-style3.t1-list-grid tr th:nth-child(10) {
    width: 20% !important;
    margin-top: 10px !important;
}

#particle-canvas {
    width: 100%;
    height: 100%;
}

/* tooltip */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    min-width: 130px;
    line-break: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*======================================
  Selectric v1.12.0
======================================*/
.selectric {
    border: 1px solid #587c84;
    background: #12232b;
}

.selectric .button {
    background-color: #12232b;
    color: #fff;
}

.selectric .label {
    color: #fff;
}

.selectric .button:after {
    border-top-color: #fff;
}

.selectric-focus .selectric {
    border-color: #04aed1;
}

.selectric-hover .selectric {
    border-color: #04aed1;
}

.selectric-hover .selectric .button {
    color: #fff;
}

.selectric-hover .selectric .button:after {
    border-top-color: #fff;
}

.selectric-open .selectric {
    border-color: #04aed1;
}

.selectric-items {
    background: #12232b;
    border: 1px solid #587c84;
}

.selectric-items li.selected {
    background: #04aed1;
    color: #fff;
}

.selectric-items li.highlighted {
    background: #04aed1;
    color: #fff;
}

.selectric-items li:hover {
    background: #04aed1;
    color: #fff;
}

.selectric-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    line-height: 31px;
    height: 31px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom: none;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: NaN a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    cursor: pointer;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

@media only screen and (min-width: 1200px) {
    .il-row .il-col {
        width: 49%;
    }

    .il-row .il-col:nth-child(1) {
        margin-right: 2%;
    }

    .il-row .il-col:nth-child(2) {
        margin-right: 0%;
    }
}

@media only screen and (max-width: 1199px) {
    .il-row .il-col {
        width: 100%;
    }

    .il-row .il-col:nth-child(2) {
        margin-top: 20px;
    }
}

.select-list-ilet {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.drag-and-drop-image {
    background: url("../images/icon83.png") no-repeat center center;
    height: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

.dadi-text {
    opacity: 0.5;
    font-style: italic;
    font-size: 12px;
}

.dadi-labels {
    height: 97px;
    overflow-y: auto;
}

.dadi-bar {
    position: relative;
}

.dadi-bar img {
    display: block;
    width: 100%;
    height: 120px;
}

.dadi-selects {
    font-size: 12px;
    display: block;
    cursor: pointer;
}

.dadi-selects:hover {
    color: #04aed1;
}

.dadi-delete {
    background: url("../images/icon74.png") no-repeat center center;
    width: 24px;
    height: 24px;
    z-index: 10;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.dadi-delete:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.icons {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
}

.icons.icon1 {
    background-position: 0 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon2 {
    background-position: -32px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon3 {
    background-position: -64px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon4 {
    background-position: -96px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon5 {
    background-position: -128px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon6 {
    background-position: -160px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon7 {
    background-position: -192px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon8 {
    background-position: -224px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon9 {
    background-position: -256px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon10 {
    background-position: -288px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon11 {
    background-position: -320px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon12 {
    background-position: -352px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon13 {
    background-position: -384px 0;
    width: 32px;
    height: 32px;
    display: block;
}

.icons.icon14 {
    background-position: 0 -46px;
    width: 25px;
    height: 25px;
    display: block;
}

.icons.icon15 {
    background-position: -25px -46px;
    width: 25px;
    height: 25px;
    display: block;
}

@media only screen and (min-width: 1200px) {
    .icon-opened {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .icon-opened {
        position: absolute;
        right: 80px;
        background: url("../images/icon12.png") no-repeat center center;
        width: 32px;
        height: 32px;
        top: 16px;
    }
}

.icon16 {
    background: url("../images/icon24.png") no-repeat center center;
    background-size: 85%;
    width: 40px;
    height: 40px;
    display: block;
}

.icon17 {
    background: url("../images/icon25.png") no-repeat center center;
    background-size: 85%;
    width: 40px;
    height: 40px;
    display: block;
}

.icon18 {
    background: url("../images/icon26.png") no-repeat center center;
    background-size: 85%;
    width: 40px;
    height: 40px;
    display: block;
}

.icon19 {
    background: url("../images/icon27.png") no-repeat center center;
    background-size: 85%;
    width: 40px;
    height: 40px;
    display: block;
}

.icon20 {
    background: url("../images/icon14.png") no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
}

.icon21 {
    background: url("../images/icon15.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon22 {
    background: url("../images/icon16.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon23 {
    background: url("../images/icon17.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon24 {
    background: url("../images/icon18.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon25 {
    background: url("../images/icon19.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon26 {
    background: url("../images/icon20.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon27 {
    background: url("../images/icon21.png") no-repeat center center;
    width: 27px;
    height: 27px;
    display: block;
}

.icon28 {
    background: url("../images/icon22.png") no-repeat center center;
    width: 77px;
    height: 77px;
    display: block;
}

.icon29 {
    background: url("../images/icon23.png") no-repeat center center;
    width: 77px;
    height: 77px;
    display: block;
}

.icon30 {
    background: url("../images/icon50_1.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}
.lightmode .form-select-control{
	background: url('/static/images/icon10.png') no-repeat right 20px center!important;
}
.lightmode .icon30 {
    background: url("../images/icon50.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.icon31 {
    background: url("../images/icon51.png") no-repeat center center;
    background-size: 95%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon32 {
    background: url("../images/icon52.png") no-repeat center center;
    background-size: 95%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon33 {
    background: url("../images/icon53.png") no-repeat center center;
    background-size: 95%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon34 {
    background: url("../images/icon54_1.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.lightmode .icon34 {
    background: url("../images/icon54.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.icon35 {
    background: url("../images/icon55_1.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.lightmode .icon35 {
    background: url("../images/icon55.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.icon36 {
    background: url("../images/icon56_1.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.lightmode .icon36 {
    background: url("../images/icon56.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.icon37 {
    background: url("../images/icon64_1.png") no-repeat center center;
    background-size: 67%;
    width: 36px;
    height: 36px;
    display: block;
}

.icon38 {
    background: url("../images/icon58.png") no-repeat center center;
    background-size: 95%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon39 {
    background: url("../images/icon59.png") no-repeat center center;
    background-size: 12px;
    width: 24px;
    height: 24px;
    display: block;
}

.icon40 {
    background: url("../images/icon60.png") no-repeat center center;
    background-size: 12px;
    width: 24px;
    height: 24px;
    display: block;
}

.icon41 {
    background: url("../images/icon61_1.png") no-repeat center center;
    background-size: 90%;
    width: 24px;
    height: 24px;
    display: block;
}

.lightmode .icon41 {
    background: url("../images/icon61.png") no-repeat center center;
    background-size: 90%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon42 {
    background: url("../images/icon62_1.png") no-repeat center center;
    background-size: 90%;
    width: 24px;
    height: 24px;
    display: block;
}

.lightmode .icon42 {
    background: url("../images/icon62.png") no-repeat center center;
    background-size: 90%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon43 {
    background: url("../images/icon63.png") no-repeat center center;
    background-size: 95%;
    width: 24px;
    height: 24px;
    display: block;
}

.icon59 {
	background: url(../images/icon59_1.png) no-repeat center center;
    background-size: 90%;
    width: 28px;
    height: 48px;
    display: block;
}

.lightmode .icon59 {
	background: url(../images/icon59.png) no-repeat center center;
    background-size: 90%;
    width: 28px;
    height: 48px;
    display: block;
}

.icon60 {
	background: url(../images/icon60_1.png) no-repeat center center;
    background-size: 90%;
    width: 15px;
    height: 24px;
    display: block;
}

.lightmode .icon60 {
	background: url(../images/icon60.png) no-repeat center center;
    background-size: 90%;
    width: 28px;
    height: 48px;
    display: block;
}

.next-icon-hover i:hover {
	background: url(../images/icon60_1.png) no-repeat center center;
}

.back-icon-hover i:hover {
	background: url(../images/icon59_1.png) no-repeat center center;
}

.zoomin-icon-hover i:hover {
	background: url(../images/icon61_1.png) no-repeat center center;
}

.zoomout-icon-hover i:hover {
	background: url(../images/icon62_1.png) no-repeat center center;
}

.zoomreset-icon-hover i:hover {
	background: url(../images/icon67_1.png) no-repeat center center;
}

.place-icon-hover i:hover {
	background: url(../images/icon50_1.png) no-repeat center center;
}

.rect-icon-hover i:hover {
	background: url(../images/icon54_1.png) no-repeat center center;
}

.polygon-icon-hover i:hover {
	background: url(../images/icon55_1.png) no-repeat center center;
}

.point-icon-hover i:hover {
	background: url(../images/icon56_1.png) no-repeat center center;
}

.line-icon-hover i:hover {
	background: url(../images/icon64_1.png) no-repeat center center;
}


.icon66 {
    background-image: url("../images/icon66.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 20px center;
    padding-left: 50px;
}

.icon66:hover {
    background-color: #137583 !important;
	background-image: url("../images/icon66_1.png") !important;
}

.icon67 {
    background: url("../images/icon67_1.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.lightmode .icon67 {
    background: url("../images/icon67.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
}

.icon70 {
    background-image: url("../images/icon65.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center;
}

.sli1-nav-show {
    position: absolute;
    background-image: url("../images/icon65_1.png");
    background-repeat: no-repeat !important;
    background-position: center center;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    right: 0;
    z-index: 104;
    left: 0;
    margin: auto;
    width: 50px;
    height: 30px;
    cursor: pointer;
    bottom: 0px;
}

.sli1-nav-show.current {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    bottom: 120px;
}

.bot-214{
	bottom: 214px !important;
}

.cas-bg {
    background: #04aed1 url("../images/icon77.png") no-repeat right 5px center;
    padding: 2px 15px 2px 5px;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    cursor: pointer;
    color: #111;
}

@media only screen and (min-width: 1200px) {
    .foot-show-page-fix {
        width: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 0 !important;
    }

    .foot-fix-body {
        padding-bottom: 75px !important;
    }
}

.lightmode {
    background: #f1f4f9;
    color: #3c3c3c;
}

.lightmode a {
    color: #3c3c3c;
}

.lightmode .background-one {
    /* color */
    background-color: #ffffff;
}

.lightmode .text-white {
    /* color */
    color: #083850;
}

.lightmode .table-style thead tr {
    /* color */
    background: #04aed1;
    color: #ffffff;
}

.lightmode .table-style tbody tr {
    /* color */
    border: 1px solid #83d3e6;
    background: #ffffff;
}

.lightmode .table-style3 thead tr {
    /* color */
    border: 1px solid #04aed1;
    background: #04aed1;
    color: #ffffff;
}

.lightmode .table-style3 tbody tr {
    /* color */
    border: 1px solid #83d3e6;
    background: #ffffff;
}

.lightmode .table-style3 tbody tr:hover {
    background: #e6eff4;
}

.lightmode .table-style1-all {
    /*
  .spe-select5 {
    border:1px solid #83d3e6;
    background:@white;
  }
  */
}

.lightmode .table-style1-all .dataTables_paginate a {
    /* color */
    border: 1px solid #83d3e6;
    background: #ffffff;
}

.lightmode .table-style1-all .dataTables_paginate a:hover,
.lightmode .table-style1-all .dataTables_paginate a.current {
    background: #04aed1;
    border-color: #04aed1;
    color: #ffffff;
}

.lightmode .menu-one {
    /* color */
    background: rgba(255, 255, 255, 0.55);
}

.lightmode .menu-one ul {
    background: #ffffff;
}

.lightmode .menu-one ul li a {
    color: #ffffff;
    background: #04aed1;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.lightmode .yz-func-bar {
    /* color */
}

@media only screen and (max-width: 1199px) {
    .lightmode .yz-func-bar .yz-links a.yz-link {
        border-right: 2px solid #dbf3fa;
    }
}

.lightmode .border-one {
    /* color */
    border: 1px solid #7bd1e5;
}

.lightmode .s1nav-col {
    /* color */
}

.lightmode .s1nav-col.slick-current .s1-bg {
    background: #ffffff;
}

.lightmode .yz-rl-link {
    /* color */
}

.lightmode .yz-rl-link:hover .icon14 {
    background-position: 0 -96px;
}

.lightmode .yz-rl-link:hover .icon15 {
    background-position: -25px -96px;
}

.lightmode .background-two {
    /* color */
    background-color: #15b3d4;
}

.lightmode .ob-bot {
    /* color */
    border-top: 1px solid #15b3d4;
}

.lightmode .anz-text2 {
    /* color */
    color: #3c3c3c;
}

.lightmode .anz-button {
    /* color */
    background: #04aed1;
}

.lightmode .range-slider__range {
    border: 1px solid #04aed1;
}

.lightmode .anz-three-comment:hover,
.lightmode .anz-three-doctor:hover,
.lightmode .anz-three-comment.current,
.lightmode .anz-three-doctor.current {
    background: #e3edf2;
}

.lightmode .anz-text3 {
    color: #3c3c3c;
}

.lightmode .anz-five .anzf-col {
    /* color */
    border-right: 1px solid #d9e9eb;
}

.lightmode .button-dark {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.lightmode .background-four {
    background: #bf4341;
}

.lightmode .background-four .anzs-text1 {
    border-right-color: #ef5350;
}

.lightmode .background-three {
    background: #2c8d9a;
}

.lightmode .label-control input:checked + span {
    background-color: #04aed1;
}

.lightmode .label-control span {
    /* color */
    background-color: #fff;
    border: 1px solid #04aed1;
}

.lightmode .abi-checks {
    background: rgba(255, 255, 255, 0.7);
}

.lightmode .form-select {
    background: #ffffff url("../images/icon10.png") no-repeat right 20px center;
    border: 1px solid #98c3d9;
}

.lightmode .form-select select.form-control {
    color: #333;
}

.lightmode .form-select select.form-control option {
    background: #ffffff;
}

.lightmode .background-five {
    background: #e8f0f4;
}

.lightmode .backgrond-six {
    background: #04aed1;
}

.lightmode .modal-container {
    border-bottom: 2px solid #04aed1;
}

.lightmode .modal-top {
    color: #ffffff;
}

.lightmode .modal-content {
    background: #ffffff;
}

.lightmode .icon-copied {
    background-image: url("../images/icon30.png");
}

.lightmode .sl-border {
    border-top: 2px solid #04aed1;
}

.lightmode .background-ten {
    background: #cdebef;
}

.lightmode .border-ten {
    border: 1px solid #04aed1;
}

.lightmode .select-sort .ss-sel:hover,
.lightmode .select-sort .ss-sel.current {
    background: #04aed1;
    color: #ffffff;
}

.lightmode .form-controlx {
    background: #ffffff;
    border: 1px solid #04aed1;
}

.lightmode .tab-links .tab-col {
    border-bottom-color: #04aed1;
    color: #333;
}

.lightmode .tab-links .tab-col.current {
    border-bottom-color: #f1f4f9;
}

.lightmode .form-select2 {
    background: #ffffff url("../images/icon4-s.png") no-repeat right 10px center;
}

.lightmode .form-select2 option {
    background: #ffffff;
}

.lightmode .or-bg {
    background: #04aed1;
}

.lightmode .table-style2 thead {
    background: #04aed1;
    color: #ffffff;
}

.lightmode .table-style2 tbody tr:nth-child(odd) {
    background: #eae8f7;
}

.lightmode .table-style2 tbody tr:nth-child(even) {
    background: #f3f1ff;
}

.lightmode .table-style2-all .dataTables_paginate a {
    /* color */
    border: 1px solid #04aed1;
    background: #ffffff;
}

.lightmode .table-style2-all .dataTables_paginate a:hover,
.lightmode .table-style2-all .dataTables_paginate a.current {
    background: #04aed1;
    color: #ffffff;
}

.lightmode .table-style2-all {
    /*
    .spe-select5 {
      background:#ffffff;
    }
    */
}

.lightmode .tq-butx:hover {
    background-color: #ffffff;
}

.lightmode .tq-buty:hover {
    background-color: #ffffff;
}

.lightmode .background-six {
    background: #ffffff;
}

.lightmode .background-seven {
    background-color: #ffffff;
}

.lightmode .label-control4 input:checked + span {
    background: #ffffff;
}

.lightmode .popup-tab-left {
    color: #ffffff;
}

.lightmode .label-control5 span {
    color: #222;
}

.lightmode .tabs-2 .tabs-2-col.background-seven {
    color: #111 !important;
}

.lightmode .user-button {
    border: 1px solid #04aed1;
    background: #ffffff url("../images/icon78.png") no-repeat center center;
}

.lightmode .user-button:hover {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

.lightmode .t1-grid:hover,
.lightmode .t1-list:hover,
.lightmode .t1-grid.current,
.lightmode .t1-list.current {
    background-color: #cfe4e7 !important;
}

.lightmode .t1-grid {
    background-image: url("../images/icon82.png") !important;
}

.lightmode .t1-list {
    background-image: url("../images/icon81.png") !important;
}

.lightmode .ts3-image {
    background: #0863d4 url("../images/icon37.png") no-repeat center center;
}

.lightmode .ts3-search {
    background: #96d408 url("../images/icon38.png") no-repeat center center;
}

.lightmode .ts3-delete {
    background: #c73a02 url("../images/icon39.png") no-repeat center center;
}

.lightmode .selectric {
    border: 1px solid #04aed1;
    background: #ffffff;
}

.lightmode .selectric .button {
    background-color: #ffffff;
    color: #04aed1;
}

.lightmode .selectric .label {
    color: #222;
}

.lightmode .selectric .button:after {
    border-top-color: #222;
}

.lightmode .selectric-focus .selectric {
    border-color: #04aed1;
}

.lightmode .selectric-hover .selectric {
    border-color: #04aed1;
}

.lightmode .selectric-hover .selectric .button {
    color: #222;
}

.lightmode .selectric-hover .selectric .button:after {
    border-top-color: #222;
}

.lightmode .selectric-open .selectric {
    border-color: #04aed1;
}

.lightmode .selectric-items {
    background: #ffffff;
    border: 1px solid #04aed1;
}

.lightmode .selectric-items li.selected {
    background: #04aed1;
    color: #fff;
}

.lightmode .selectric-items li.highlighted {
    background: #04aed1;
    color: #fff;
}

.lightmode .selectric-items li:hover {
    background: #04aed1;
    color: #fff;
}

.tq-x-colors::-webkit-scrollbar {
width: 9px;
height: 5px;
}

.tq-x-colors::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px #7bd1e5;
border-radius: 10px;
}

.tq-x-colors::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #7bd1e5; 
box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.tq-x-colors::-webkit-scrollbar-thumb:hover {
background: #39b7d4;
}

.right-lbl-row{
	height:50px;
}

#big-slider-image{
	height: 91%;
}

.right-border-one{
	height:740px;
}

.match-wrong{
	height: 528px !important;
}

.home-page{
	bottom: 0px;
    position: fixed;
    width: 100%;
}

.left-menu{
	height:865px;
}

.blue-tooltip + .tooltip > .tooltip-inner {background-color: #009ee3;}
.blue-tooltip + .tooltip > .tooltip-arrow {border-right-color: #009ee3;}


#loading {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	z-index: 999;
	background-color: #191c22;
}

#loading-image {
	position: absolute;
	top: 20%;
	left: 30%;
	z-index: 100;
} 

.ul-fix{
	margin: 0;
    padding: 0;
    list-style: none;
}
.ul-fix-2{
	margin: 0;
    padding: 0;
    list-style: none;
	bottom: 0;
	position: absolute;
    width: 100%;
}
.ul-fix-3{
	margin: 0;
    padding: 0;
    list-style: none;
	margin-left: 15px;
}
.ul-fix-3 li{
	float:left;
    font-size: 19px;
    font-weight: 600;
    margin-left: 5px;
}
.ul-fix-result{
	margin: 0;
    padding: 0;
    list-style: none;
}
.left-menu li {
	display: block;
}
.left-menu li a{
	padding: 30px 20px;
	display: block;
    text-align: center;
	text-decoration: none;
}

@media only screen and (max-width: 1919px) and (min-width: 1200px){
.left-menu li a{
	padding: 30px 13px;
}
}
@media only screen and (max-width: 1300px){
.left-menu li a{
	padding: 30px 7px;
}
}

.left-menu li a span {
	display: block;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left-menu li a:hover {
  background: #3e8bc4;
  color: #ffffff;
}
.left-menu li a.active {
  background: #3e8bc4;
  color: #ffffff;
}
.ul-fix li a i {
    margin: 0 auto;
}

.ul-fix-2 li a i {
    margin: 0 auto;
}

.ul-fix-result li a i {
    margin: 0 auto;
}

.form-select-control{
	background: #1b1a1f url(../images/icon10.png) no-repeat right 20px center;
}

.datepicker{
	background: #1b1a1f url(../images/icon84.png) no-repeat right 20px center;
}

.tick-icon {
    width: 86px;
    height: 64px;
    position: absolute;
    margin-top: 13px;
    margin-left: 35px;
	opacity: 0.7;
    }
	
#right-span{
	float: right;
    bottom: 28px;
    padding: 10px 10px 5px 14px;
	background: #fffff;
}

.eyeImg {
    background: url("../images/eye.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 46px;
    right: 39px;
}
.tickImg {
    background: url("../images/tickSmallBlue.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 46px;
    right: 97px;
}
.tickActiveImg {
    background: url("../images/tickSmall.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 46px;
    right: 97px;
}

.eyeImg1 {
    background: url(../images/eye.png) no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: -7px;
	z-index: 99;
	right:10px;
}

.ımgOn {
    background: url("../images/eye.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 46px;
    right: 39px;
}

.ımgOff {
    background: url("../images/eye_off.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 46px;
    right: 39px;
}

.ımgOn1 {
    background: url("../images/eye.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: -7px;
    right:10px;
}

.ımgOff1 {
    background: url("../images/eye_off.png") no-repeat center center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: -7px;
    right:10px;
}

.deleteImg {
    background: url("../images/delete.png") no-repeat center center;
    width: 20px;
    height: 20px;
    float: right;
    position: relative;
    bottom: 44px;
    right: -18px;
}

.icon-save{
	background-image: url(../images/save.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center;
    padding-left: 50px;
}

.icon-upload {
    background-image: url(../images/upload.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center;
    padding-left: 50px;
}

.table-style2 tbody tr td a img {
	margin-left: 10px;
}

.leaflet-control-attribution a {
	display:none;
}

#bottom-slider{
	z-index:-5;
}

.border-select{
	border: 3px solid #2d6cb9;
    border-radius: 17px;
}

.ul-fix-input {
    background-color: transparent;
    margin-right: 2px;
    text-align: right;
}

.mb-5, .my-5 {
	margin-bottom: 3.7rem !important;
}

@media only screen and (max-width: 1900px) {
	/*%110*/
	.ul-fix-3 li {
		font-size: 14px;
	}
	.match-wrong {
		height: 449px !important
	}
	.mb-5, .my-5 {
		margin-bottom: 1rem !important;
	}
}

@media only screen and (max-width: 1700px){
	/*%125*/
	.ul-fix-3 {
		margin-left: 3px;
	}
	.icon59 {
		width: 12px;
		height: 20px;
	}
	.icon60 {
		width: 12px;
		height: 20px;
	}
	.ul-fix-3 li {
		font-size: 14px;
	}
	.match-wrong {
		height: 346px !important;
	}

}

@media only screen and (min-width: 2000px) {
	/*%90*/
	.ul-fix-3 li {
		font-size: 20px;
	}
	.ul-fix-3 {
		margin-left: 22px;
	}
	.match-wrong {
		height: 637px !important;
	}
	.mb-5, .my-5 {
		margin-bottom: 7rem !important;
	}
}

@media only screen and (min-width: 2200px) {
	/*%80*/
	.ul-fix-3 li {
		font-size: 20px;
	}
	.ul-fix-3 {
		margin-left: 22px;
	}
	.match-wrong {
		height: 766px !important;
	}
	.mb-5, .my-5 {
		margin-bottom: 11rem !important;
	}
}

@media only screen and (min-width: 2500px) {
	/*%75*/
	.ul-fix-3 li {
		font-size: 20px;
	}
	.ul-fix-3 {
		margin-left: 22px;
	}
	.match-wrong {
		height: 844px !important;
	}
	.mb-5, .my-5 {
		margin-bottom: 13.5rem !important;
	}
}