/* Minification failed. Returning unminified contents.
(4092,23): run-time error CSS1036: Expected expression, found '#'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(14679,1): run-time error CSS1019: Unexpected token, found '@import'
(14679,9): run-time error CSS1019: Unexpected token, found 'url('../plugins/waves/css/waves.min.css')'
(14680,1): run-time error CSS1019: Unexpected token, found '@import'
(14680,9): run-time error CSS1019: Unexpected token, found 'url('../plugins/notification/css/animate.min.css')'
(14681,1): run-time error CSS1019: Unexpected token, found '@import'
(14681,9): run-time error CSS1019: Unexpected token, found 'url('../plugins/notification/css/notification.css')'
(14682,1): run-time error CSS1019: Unexpected token, found '@import'
(14682,9): run-time error CSS1019: Unexpected token, found 'url("../plugins/search/css/component.css")'
(14683,1): run-time error CSS1019: Unexpected token, found '@import'
(14683,9): run-time error CSS1019: Unexpected token, found 'url('generic-class.css')'
(14684,1): run-time error CSS1019: Unexpected token, found '@import'
(14684,9): run-time error CSS1019: Unexpected token, found 'url('svg-weather.css')'
(14685,1): run-time error CSS1019: Unexpected token, found '@import'
(14685,9): run-time error CSS1019: Unexpected token, found 'url('menu.css')'
(14971,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(14979,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15482,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(17374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17384,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17422,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17432,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17463,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(18260,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(18789,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18816,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18830,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18831,8): run-time error CSS1035: Expected colon, found '{'
(18877,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18887,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18899,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18988,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(19074,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(23889,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23916,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24656,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*!
 * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
progress {
    vertical-align: baseline
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit
}
b,
strong {
    font-weight: bolder
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
figure {
    margin: 1em 40px
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
button,
input,
select,
textarea {
    font: inherit
}
optgroup {
    font-weight: 700
}
button,
input,
select {
    overflow: visible
}
button,
input,
select,
textarea {
    margin: 0
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}
[disabled] {
    cursor: default
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
@media print {
    *,
    ::after,
    ::before,
    ::first-letter,
    ::first-line {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .tag {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
@-ms-viewport {
    width: device-width
}
html {
    font-size: 16px;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
    background-color: #fff
}
[tabindex="-1"]:focus {
    outline: 0!important
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}
p {
    margin-top: 0;
    margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: .5rem;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
a {
    color: #0275d8;
    text-decoration: none
}
a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):focus {
    outline: 0
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}
figure {
    margin: 0 0 1rem
}
img {
    vertical-align: middle
}
[role=button] {
    cursor: pointer
}
[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
table {
    border-collapse: collapse;
    background-color: transparent
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    text-align: left;
    caption-side: bottom
}
th {
    text-align: left
}
label {
    display: inline-block;
    margin-bottom: .5rem
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
button,
input,
select,
textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
    cursor: not-allowed
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}
textarea {
    resize: vertical
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}
input[type=search] {
    -webkit-appearance: none
}
output {
    display: inline-block
}
[hidden] {
    display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}
.h1,
h1 {
    font-size: 2.5rem
}
.h2,
h2 {
    font-size: 2rem
}
.h3,
h3 {
    font-size: 1.75rem
}
.h4,
h4 {
    font-size: 1.5rem
}
.h5,
h5 {
    font-size: 1.25rem
}
.h6,
h6 {
    font-size: 1rem
}
.lead {
    font-size: 1.25rem;
    font-weight: 300
}
.display-1 {
    font-size: 6rem;
    font-weight: 300
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
    font-size: 80%;
    font-weight: 400
}
.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    padding-left: 0;
    list-style: none
}
.list-inline-item {
    display: inline-block
}
.list-inline-item:not(:last-child) {
    margin-right: 5px
}
.initialism {
    font-size: 90%;
    text-transform: uppercase
}
.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #818a91
}
.blockquote-footer::before {
    content: "\2014 \00A0"
}
.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}
.blockquote-reverse .blockquote-footer::before {
    content: ""
}
.blockquote-reverse .blockquote-footer::after {
    content: "\00A0 \2014"
}
dl.row>dd+dt {
    clear: left
}
.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img,
.img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}
.img-rounded {
    border-radius: .3rem
}
.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}
.img-circle {
    border-radius: 50%
}
.figure {
    display: inline-block
}
.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}
.figure-caption {
    font-size: 90%;
    color: #818a91
}
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}
kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: .2rem
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #373a3c
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container::after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 544px) {
    .container {
        max-width: 576px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 940px
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    /*jempis*/
    margin-bottom: 30px;

}
.container-fluid::after {
    content: "";
    display: table;
    clear: both
}
.row {
    margin-left: -15px;
    margin-right: -15px
}
.row::after {
    content: "";
    display: table;
    clear: both
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-1 {
    float: left;
    width: 8.333333%
}
.col-xs-2 {
    float: left;
    width: 16.666667%
}
.col-xs-3 {
    float: left;
    width: 25%
}
.col-xs-4 {
    float: left;
    width: 33.333333%
}
.col-xs-5 {
    float: left;
    width: 41.666667%
}
.col-xs-6 {
    float: left;
    width: 50%
}
.col-xs-7 {
    float: left;
    width: 58.333333%
}
.col-xs-8 {
    float: left;
    width: 66.666667%
}
.col-xs-9 {
    float: left;
    width: 75%
}
.col-xs-10 {
    float: left;
    width: 83.333333%
}
.col-xs-11 {
    float: left;
    width: 91.666667%
}
.col-xs-12 {
    float: left;
    width: 100%
}
.pull-xs-0 {
    right: auto
}
.pull-xs-1 {
    right: 8.333333%
}
.pull-xs-2 {
    right: 16.666667%
}
.pull-xs-3 {
    right: 25%
}
.pull-xs-4 {
    right: 33.333333%
}
.pull-xs-5 {
    right: 41.666667%
}
.pull-xs-6 {
    right: 50%
}
.pull-xs-7 {
    right: 58.333333%
}
.pull-xs-8 {
    right: 66.666667%
}
.pull-xs-9 {
    right: 75%
}
.pull-xs-10 {
    right: 83.333333%
}
.pull-xs-11 {
    right: 91.666667%
}
.pull-xs-12 {
    right: 100%
}
.push-xs-0 {
    left: auto
}
.push-xs-1 {
    left: 8.333333%
}
.push-xs-2 {
    left: 16.666667%
}
.push-xs-3 {
    left: 25%
}
.push-xs-4 {
    left: 33.333333%
}
.push-xs-5 {
    left: 41.666667%
}
.push-xs-6 {
    left: 50%
}
.push-xs-7 {
    left: 58.333333%
}
.push-xs-8 {
    left: 66.666667%
}
.push-xs-9 {
    left: 75%
}
.push-xs-10 {
    left: 83.333333%
}
.push-xs-11 {
    left: 91.666667%
}
.push-xs-12 {
    left: 100%
}
.offset-xs-1 {
    margin-left: 8.333333%
}
.offset-xs-2 {
    margin-left: 16.666667%
}
.offset-xs-3 {
    margin-left: 25%
}
.offset-xs-4 {
    margin-left: 33.333333%
}
.offset-xs-5 {
    margin-left: 41.666667%
}
.offset-xs-6 {
    margin-left: 50%
}
.offset-xs-7 {
    margin-left: 58.333333%
}
.offset-xs-8 {
    margin-left: 66.666667%
}
.offset-xs-9 {
    margin-left: 75%
}
.offset-xs-10 {
    margin-left: 83.333333%
}
.offset-xs-11 {
    margin-left: 91.666667%
}
@media (min-width: 544px) {
    .col-sm-1 {
        float: left;
        width: 8.333333%
    }
    .col-sm-2 {
        float: left;
        width: 16.666667%
    }
    .col-sm-3 {
        float: left;
        width: 25%
    }
    .col-sm-4 {
        float: left;
        width: 33.333333%
    }
    .col-sm-5 {
        float: left;
        width: 41.666667%
    }
    .col-sm-6 {
        float: left;
        width: 50%
    }
    .col-sm-7 {
        float: left;
        width: 58.333333%
    }
    .col-sm-8 {
        float: left;
        width: 66.666667%
    }
    .col-sm-9 {
        float: left;
        width: 75%
    }
    .col-sm-10 {
        float: left;
        width: 83.333333%
    }
    .col-sm-11 {
        float: left;
        width: 91.666667%
    }
    .col-sm-12 {
        float: left;
        width: 100%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.333333%
    }
    .pull-sm-2 {
        right: 16.666667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.333333%
    }
    .pull-sm-5 {
        right: 41.666667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.333333%
    }
    .pull-sm-8 {
        right: 66.666667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.333333%
    }
    .pull-sm-11 {
        right: 91.666667%
    }
    .pull-sm-12 {
        right: 100%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.333333%
    }
    .push-sm-2 {
        left: 16.666667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.333333%
    }
    .push-sm-5 {
        left: 41.666667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.333333%
    }
    .push-sm-8 {
        left: 66.666667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.333333%
    }
    .push-sm-11 {
        left: 91.666667%
    }
    .push-sm-12 {
        left: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}
@media (min-width: 768px) {
    .col-md-1 {
        float: left;
        width: 8.333333%
    }
    .col-md-2 {
        float: left;
        width: 16.666667%
    }
    .col-md-3 {
        float: left;
        width: 25%
    }
    .col-md-4 {
        float: left;
        width: 33.333333%
    }
    .col-md-5 {
        float: left;
        width: 41.666667%
    }
    .col-md-6 {
        float: left;
        width: 50%
    }
    .col-md-7 {
        float: left;
        width: 58.333333%
    }
    .col-md-8 {
        float: left;
        width: 66.666667%
    }
    .col-md-9 {
        float: left;
        width: 75%
    }
    .col-md-10 {
        float: left;
        width: 83.333333%
    }
    .col-md-11 {
        float: left;
        width: 91.666667%
    }
    .col-md-12 {
        float: left;
        width: 100%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.333333%
    }
    .pull-md-2 {
        right: 16.666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.333333%
    }
    .pull-md-5 {
        right: 41.666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.333333%
    }
    .pull-md-8 {
        right: 66.666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.333333%
    }
    .pull-md-11 {
        right: 91.666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.333333%
    }
    .push-md-2 {
        left: 16.666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.333333%
    }
    .push-md-5 {
        left: 41.666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.333333%
    }
    .push-md-8 {
        left: 66.666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.333333%
    }
    .push-md-11 {
        left: 91.666667%
    }
    .push-md-12 {
        left: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}
@media (min-width: 992px) {
    .col-lg-1 {
        float: left;
        width: 8.333333%
    }
    .col-lg-2 {
        float: left;
        width: 16.666667%
    }
    .col-lg-3 {
        float: left;
        width: 25%
    }
    .col-lg-4 {
        float: left;
        width: 33.333333%
    }
    .col-lg-5 {
        float: left;
        width: 41.666667%
    }
    .col-lg-6 {
        float: left;
        width: 50%
    }
    .col-lg-7 {
        float: left;
        width: 58.333333%
    }
    .col-lg-8 {
        float: left;
        width: 66.666667%
    }
    .col-lg-9 {
        float: left;
        width: 75%
    }
    .col-lg-10 {
        float: left;
        width: 83.333333%
    }
    .col-lg-11 {
        float: left;
        width: 91.666667%
    }
    .col-lg-12 {
        float: left;
        width: 100%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.333333%
    }
    .pull-lg-2 {
        right: 16.666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.333333%
    }
    .pull-lg-5 {
        right: 41.666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.333333%
    }
    .pull-lg-8 {
        right: 66.666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.333333%
    }
    .pull-lg-11 {
        right: 91.666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.333333%
    }
    .push-lg-2 {
        left: 16.666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.333333%
    }
    .push-lg-5 {
        left: 41.666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.333333%
    }
    .push-lg-8 {
        left: 66.666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.333333%
    }
    .push-lg-11 {
        left: 91.666667%
    }
    .push-lg-12 {
        left: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}
@media (min-width: 1200px) {
    .col-xl-1 {
        float: left;
        width: 8.333333%
    }
    .col-xl-2 {
        float: left;
        width: 16.666667%
    }
    .col-xl-3 {
        float: left;
        width: 25%
    }
    .col-xl-4 {
        float: left;
        width: 33.333333%
    }
    .col-xl-5 {
        float: left;
        width: 41.666667%
    }
    .col-xl-6 {
        float: left;
        width: 50%
    }
    .col-xl-7 {
        float: left;
        width: 58.333333%
    }
    .col-xl-8 {
        float: left;
        width: 66.666667%
    }
    .col-xl-9 {
        float: left;
        width: 75%
    }
    .col-xl-10 {
        float: left;
        width: 83.333333%
    }
    .col-xl-11 {
        float: left;
        width: 91.666667%
    }
    .col-xl-12 {
        float: left;
        width: 100%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.333333%
    }
    .pull-xl-2 {
        right: 16.666667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.333333%
    }
    .pull-xl-5 {
        right: 41.666667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.333333%
    }
    .pull-xl-8 {
        right: 66.666667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.333333%
    }
    .pull-xl-11 {
        right: 91.666667%
    }
    .pull-xl-12 {
        right: 100%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.333333%
    }
    .push-xl-2 {
        left: 16.666667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.333333%
    }
    .push-xl-5 {
        left: 41.666667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.333333%
    }
    .push-xl-8 {
        left: 66.666667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.333333%
    }
    .push-xl-11 {
        left: 91.666667%
    }
    .push-xl-12 {
        left: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}
.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef
}
.table tbody+tbody {
    border-top: 2px solid #eceeef
}
.table .table {
    background-color: #fff
}
.table-sm td,
.table-sm th {
    padding: .3rem
}
.table-bordered {
    border: 3px solid #eceeef
}
.table-bordered td,
.table-bordered th {
    border: 2px solid #eceeef
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-success,
.table-success>td,
.table-success>th {
    background-color: #dff0d8
}
.table-hover .table-success:hover {
    background-color: #d0e9c6
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #d0e9c6
}
.table-info,
.table-info>td,
.table-info>th {
    background-color: #d9edf7
}
.table-hover .table-info:hover {
    background-color: #c4e3f3
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #c4e3f3
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fcf8e3
}
.table-hover .table-warning:hover {
    background-color: #faf2cc
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #faf2cc
}
.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f2dede
}
.table-hover .table-danger:hover {
    background-color: #ebcccc
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ebcccc
}
.thead-inverse th {
    color: #fff;
    background-color: #373a3c
}
.thead-default th {
    color: #55595c;
    background-color: #eceeef
}
.table-inverse {
    color: #eceeef;
    background-color: #373a3c
}
.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #55595c
}
.table-inverse.table-bordered {
    border: 0
}
.table-responsive {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}
.table-reflow thead {
    float: left
}
.table-reflow tbody {
    display: block;
    white-space: nowrap
}
.table-reflow td,
.table-reflow th {
    border-top: 1px solid #eceeef;
    border-left: 1px solid #eceeef
}
.table-reflow td:last-child,
.table-reflow th:last-child {
    border-right: 1px solid #eceeef
}
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow thead:last-child tr:last-child th {
    border-bottom: 1px solid #eceeef
}
.table-reflow tr {
    float: left
}
.table-reflow tr td,
.table-reflow tr th {
    display: block!important;
    border: 1px solid #eceeef
}
.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}
.form-control:focus {
    color: #55595c;
    background-color: #fff;
    border-color: #66afe9;
    outline: 0
}
.form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}
.form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1
}
.form-control::placeholder {
    color: #999;
    opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}
.form-control:disabled {
    cursor: not-allowed
}
select.form-control:not([size]):not([multiple]) {
    height: 2.5rem
}
select.form-control:focus::-ms-value {
    color: #55595c;
    background-color: #fff
}
.form-control-file,
.form-control-range {
    display: block
}
.col-form-label {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0
}
.col-form-label-lg {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.25rem
}
.col-form-label-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .875rem
}
.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}
.form-control-static {
    min-height: 2.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0
}
.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}
.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}
.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}
.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}
.form-group {
    margin-bottom: 1rem
}
.form-text {
    display: block;
    margin-top: .25rem
}
.form-check {
    position: relative;
    display: block;
    margin-bottom: .75rem
}
.form-check+.form-check {
    margin-top: -.25rem
}
.form-check.disabled .form-check-label {
    color: #818a91;
    cursor: not-allowed
}
.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}
.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem
}
.form-check-input:only-child {
    position: static
}
.form-check-inline {
    position: relative;
    display: inline-block;
    padding-left: 1.25rem;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer
}
.form-check-inline+.form-check-inline {
    margin-left: .75rem
}
.form-check-inline.disabled {
    cursor: not-allowed
}
.form-control-feedback {
    margin-top: .25rem
}
.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .625rem;
    -webkit-background-size: 1.25rem 1.25rem;
    background-size: 1.25rem 1.25rem
}
.has-success .custom-control,
.has-success .form-check-inline,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #5cb85c
}
.has-success .form-control {
    border-color: #5cb85c
}
.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}
.has-success .form-control-feedback {
    color: #5cb85c
}
.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}
.has-warning .custom-control,
.has-warning .form-check-inline,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #f0ad4e
}
.has-warning .form-control {
    border-color: #f0ad4e
}
.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}
.has-warning .form-control-feedback {
    color: #f0ad4e
}
.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}
.has-danger .custom-control,
.has-danger .form-check-inline,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #d9534f
}
.has-danger .form-control {
    border-color: #d9534f
}
.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}
.has-danger .form-control-feedback {
    color: #d9534f
}
.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}
@media (min-width: 544px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-check {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-check-label {
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn:focus,
.btn:hover {
    text-decoration: none
}
.btn.focus {
    text-decoration: none
}
.btn.active,
.btn:active {
    background-image: none;
    outline: 0
}
.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .65
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}
.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b;
    background-image: none
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #014682;
    border-color: #01315a
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus {
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-secondary {
    color: #373a3c;
    background-color: #fff;
    border-color: #ccc
}
.btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad
}
.btn-secondary.focus,
.btn-secondary:focus {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad
}
.btn-secondary.active,
.btn-secondary:active,
.open>.btn-secondary.dropdown-toggle {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
    background-image: none
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.btn-secondary.dropdown-toggle.focus,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:hover {
    color: #373a3c;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}
.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary:disabled.focus,
.btn-secondary:disabled:focus {
    background-color: #fff;
    border-color: #ccc
}
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
    background-color: #fff;
    border-color: #ccc
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}
.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}
.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
    background-image: none
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1f7e9a
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info:disabled.focus,
.btn-info:disabled:focus {
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-info.disabled:hover,
.btn-info:disabled:hover {
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}
.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}
.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
    background-image: none
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #2d672d
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success:disabled.focus,
.btn-success:disabled:focus {
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-success.disabled:hover,
.btn-success:disabled:hover {
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}
.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}
.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316;
    background-image: none
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #b06d0f
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}
.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a;
    background-image: none
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #8b211e
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus {
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-outline-primary.active,
.btn-outline-primary:active,
.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}
.btn-outline-primary.active.focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.open>.btn-outline-primary.dropdown-toggle.focus,
.open>.btn-outline-primary.dropdown-toggle:focus,
.open>.btn-outline-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #014682;
    border-color: #01315a
}
.btn-outline-primary.disabled.focus,
.btn-outline-primary.disabled:focus,
.btn-outline-primary:disabled.focus,
.btn-outline-primary:disabled:focus {
    border-color: #43a7fd
}
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
    border-color: #43a7fd
}
.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}
.btn-outline-secondary.active,
.btn-outline-secondary:active,
.open>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}
.btn-outline-secondary.active.focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary:active.focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active:hover,
.open>.btn-outline-secondary.dropdown-toggle.focus,
.open>.btn-outline-secondary.dropdown-toggle:focus,
.open>.btn-outline-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #a1a1a1;
    border-color: #8c8c8c
}
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary:disabled.focus,
.btn-outline-secondary:disabled:focus {
    border-color: #fff
}
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled:hover {
    border-color: #fff
}
.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-outline-info.focus,
.btn-outline-info:focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-outline-info.active,
.btn-outline-info:active,
.open>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-outline-info.active.focus,
.btn-outline-info.active:focus,
.btn-outline-info.active:hover,
.btn-outline-info:active.focus,
.btn-outline-info:active:focus,
.btn-outline-info:active:hover,
.open>.btn-outline-info.dropdown-toggle.focus,
.open>.btn-outline-info.dropdown-toggle:focus,
.open>.btn-outline-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1f7e9a
}
.btn-outline-info.disabled.focus,
.btn-outline-info.disabled:focus,
.btn-outline-info:disabled.focus,
.btn-outline-info:disabled:focus {
    border-color: #b0e1ef
}
.btn-outline-info.disabled:hover,
.btn-outline-info:disabled:hover {
    border-color: #b0e1ef
}
.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-outline-success.focus,
.btn-outline-success:focus {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-outline-success.active,
.btn-outline-success:active,
.open>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}
.btn-outline-success.active.focus,
.btn-outline-success.active:focus,
.btn-outline-success.active:hover,
.btn-outline-success:active.focus,
.btn-outline-success:active:focus,
.btn-outline-success:active:hover,
.open>.btn-outline-success.dropdown-toggle.focus,
.open>.btn-outline-success.dropdown-toggle:focus,
.open>.btn-outline-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #2d672d
}
.btn-outline-success.disabled.focus,
.btn-outline-success.disabled:focus,
.btn-outline-success:disabled.focus,
.btn-outline-success:disabled:focus {
    border-color: #a3d7a3
}
.btn-outline-success.disabled:hover,
.btn-outline-success:disabled:hover {
    border-color: #a3d7a3
}
.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}
.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-outline-warning.active,
.btn-outline-warning:active,
.open>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-outline-warning.active.focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.active:hover,
.btn-outline-warning:active.focus,
.btn-outline-warning:active:focus,
.btn-outline-warning:active:hover,
.open>.btn-outline-warning.dropdown-toggle.focus,
.open>.btn-outline-warning.dropdown-toggle:focus,
.open>.btn-outline-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #b06d0f
}
.btn-outline-warning.disabled.focus,
.btn-outline-warning.disabled:focus,
.btn-outline-warning:disabled.focus,
.btn-outline-warning:disabled:focus {
    border-color: #f8d9ac
}
.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled:hover {
    border-color: #f8d9ac
}
.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-outline-danger.active,
.btn-outline-danger:active,
.open>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}
.btn-outline-danger.active.focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.active:hover,
.btn-outline-danger:active.focus,
.btn-outline-danger:active:focus,
.btn-outline-danger:active:hover,
.open>.btn-outline-danger.dropdown-toggle.focus,
.open>.btn-outline-danger.dropdown-toggle:focus,
.open>.btn-outline-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #8b211e
}
.btn-outline-danger.disabled.focus,
.btn-outline-danger.disabled:focus,
.btn-outline-danger:disabled.focus,
.btn-outline-danger:disabled:focus {
    border-color: #eba5a3
}
.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled:hover {
    border-color: #eba5a3
}
.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
    background-color: transparent
}
.btn-link,
.btn-link:active,
.btn-link:focus {
    border-color: transparent
}
.btn-link:hover {
    border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}
.btn-link:disabled:focus,
.btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none
}
.btn-group-lg>.btn,
.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
    margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}
.fade.in {
    opacity: 1
}
.collapse {
    display: none
}
.collapse.in {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height
}
.dropdown,
.dropup {
    position: relative
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}
.dropdown-toggle:focus {
    outline: 0
}
.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #e5e5e5
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0
}
.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    color: #818a91
}
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"
}
.open>.dropdown-menu {
    display: block
}
.open>a {
    outline: 0
}
.dropdown-menu-right {
    right: 0;
    left: auto
}
.dropdown-menu-left {
    right: auto;
    left: 0
}
.dropdown-header {
    display: block;
    padding: 5px 20px;
    font-size: .875rem;
    color: #818a91;
    white-space: nowrap
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: .3em solid
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 2
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 2
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}
.btn-toolbar {
    margin-left: -.5rem
}
.btn-toolbar::after {
    content: "";
    display: table;
    clear: both
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: .5rem
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}
.btn-group>.btn:first-child {
    margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.btn-group>.btn-group {
    float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}
.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}
.btn+.dropdown-toggle-split::after {
    margin-left: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}
.btn .caret {
    margin-left: 0
}
.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: .3em .3em 0;
    border-bottom-width: 0
}
.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 .3em .3em
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}
.btn-group-vertical>.btn-group::after {
    content: "";
    display: table;
    clear: both
}
.btn-group-vertical>.btn-group>.btn {
    float: none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.input-group {
    position: relative;
    width: 100%;
    display: table;
    border-collapse: separate
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}
.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
    z-index: 3
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}
.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #55595c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}
.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.input-group-addon:not(:last-child) {
    border-right: 0
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.form-control+.input-group-addon:not(:first-child) {
    border-left: 0
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}
.input-group-btn>.btn {
    position: relative
}
.input-group-btn>.btn+.btn {
    margin-left: -1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 3
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
    margin-right: -1px
}
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
    z-index: 2;
    margin-left: -1px
}
.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
    z-index: 3
}
.custom-control {
    position: relative;
    display: inline;
    padding-left: 1.5rem;
    cursor: pointer
}
.custom-control+.custom-control {
    margin-left: 1rem
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}
.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #0074d9
}
.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9
}
.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #84c6ff
}
.custom-control-input:disabled~.custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee
}
.custom-control-input:disabled~.custom-control-description {
    color: #767676;
    cursor: not-allowed
}
.custom-control-indicator {
    position: absolute;
    top: .0625rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%
}
.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
    background-color: #0074d9;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-radio .custom-control-indicator {
    border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.custom-controls-stacked .custom-control {
    display: inline
}
.custom-controls-stacked .custom-control::after {
    display: block;
    margin-bottom: .25rem;
    content: ""
}
.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0
}
.custom-select {
    display: inline-block;
    max-width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    padding-right: .75rem\9;
    color: #55595c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-image: none\9;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}
.custom-select:focus {
    border-color: #51a7e8;
    outline: 0
}
.custom-select:focus::-ms-value {
    color: #55595c;
    background-color: #fff
}
.custom-select:disabled {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef
}
.custom-select::-ms-expand {
    opacity: 0
}
.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}
.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    cursor: pointer
}
.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}
.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem
}
.custom-file-control:lang(en)::after {
    content: "Choose file..."
}
.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 .25rem .25rem 0
}
.custom-file-control:lang(en)::before {
    content: "Browse"
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.nav-link {
    display: inline-block
}
.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}
.nav-link.disabled {
    color: #818a91
}
.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: transparent
}
.nav-inline .nav-item {
    display: inline-block
}
.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
    margin-left: 1rem
}
.nav-tabs {
    border-bottom: 1px solid #ddd
}
.nav-tabs::after {
    content: "";
    display: table;
    clear: both
}
.nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px
}
.nav-tabs .nav-item+.nav-item {
    margin-left: .2rem
}
.nav-tabs .nav-link {
    display: block;
    padding: .5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
    color: #818a91;
    background-color: transparent;
    border-color: transparent
}
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.nav-pills::after {
    content: "";
    display: table;
    clear: both
}
.nav-pills .nav-item {
    float: left
}
.nav-pills .nav-item+.nav-item {
    margin-left: .2rem
}
.nav-pills .nav-link {
    display: block;
    padding: .5em 1em;
    border-radius: .25rem
}
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}
.nav-stacked .nav-item {
    display: block;
    float: none
}
.nav-stacked .nav-item+.nav-item {
    margin-top: .2rem;
    margin-left: 0
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
.navbar {
    position: relative;
    padding: .5rem 1rem
}
.navbar::after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 544px) {
    .navbar {
        border-radius: .25rem
    }
}
.navbar-full {
    z-index: 1000
}
@media (min-width: 544px) {
    .navbar-full {
        border-radius: 0
    }
}
.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}
@media (min-width: 544px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}
.navbar-fixed-top {
    top: 0
}
.navbar-fixed-bottom {
    bottom: 0
}
.navbar-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
    width: 100%
}
@media (min-width: 544px) {
    .navbar-sticky-top {
        border-radius: 0
    }
}
.navbar-brand {
    float: left;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}
.navbar-brand>img {
    display: block
}
.navbar-divider {
    float: left;
    width: 1px;
    padding-top: .425rem;
    padding-bottom: .425rem;
    margin-right: 1rem;
    margin-left: 1rem;
    overflow: hidden
}
.navbar-divider::before {
    content: "\00a0"
}
.navbar-toggler {
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}
.navbar-nav .nav-item {
    float: left
}
.navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem
}
.navbar-nav .nav-link+.nav-link {
    margin-left: 1rem
}
.navbar-nav .nav-item+.nav-item {
    margin-left: 1rem
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .8)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .8)
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .6)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .active>.nav-link:focus,
.navbar-light .navbar-nav .active>.nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .open>.nav-link,
.navbar-light .navbar-nav .open>.nav-link:focus,
.navbar-light .navbar-nav .open>.nav-link:hover {
    color: rgba(0, 0, 0, .8)
}
.navbar-light .navbar-divider {
    background-color: rgba(0, 0, 0, .075)
}
.navbar-dark .navbar-brand {
    color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link:focus,
.navbar-dark .navbar-nav .active>.nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .open>.nav-link,
.navbar-dark .navbar-nav .open>.nav-link:focus,
.navbar-dark .navbar-nav .open>.nav-link:hover {
    color: #fff
}
.navbar-dark .navbar-divider {
    background-color: rgba(255, 255, 255, .075)
}
.navbar-toggleable-xs::after {
    content: "";
    display: table;
    clear: both
}
@media (max-width: 543px) {
    .navbar-toggleable-xs .navbar-nav .nav-item {
        /*float: none;*/
        margin-left: 0
    }
}
@media (min-width: 544px) {
    .navbar-toggleable-xs {
        display: block!important
    }
}
.navbar-toggleable-sm::after {
    content: "";
    display: table;
    clear: both
}
@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .nav-item {
        float: none;
        margin-left: 0
    }
}
@media (min-width: 768px) {
    .navbar-toggleable-sm {
        display: block!important
    }
}
.navbar-toggleable-md::after {
    content: "";
    display: table;
    clear: both
}
@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .nav-item {
        float: none;
        margin-left: 0
    }
}
@media (min-width: 992px) {
    .navbar-toggleable-md {
        display: block!important
    }
}
.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid rgba(0, 0, 0, .125)
}
.card-block {
    padding: 1.25rem
}
.card-block::after {
    content: "";
    display: table;
    clear: both
}
.card-title {
    margin-bottom: .75rem
}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}
.card-text:last-child {
    margin-bottom: 0
}
.card-link:hover {
    text-decoration: none
}
.card-link+.card-link {
    margin-left: 1.25rem
}
.card>.list-group:first-child .list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}
.card-header {
    padding: .75rem 1.25rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header::after {
    content: "";
    display: table;
    clear: both
}
.card-header:first-child {
    border-radius: .25rem .25rem 0 0
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer::after {
    content: "";
    display: table;
    clear: both
}
.card-footer:last-child {
    border-radius: 0 0 .25rem .25rem
}
.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}
.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}
.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}
.card-primary .card-footer,
.card-primary .card-header {
    background-color: transparent
}
.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}
.card-success .card-footer,
.card-success .card-header {
    background-color: transparent
}
.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}
.card-info .card-footer,
.card-info .card-header {
    background-color: transparent
}
.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}
.card-warning .card-footer,
.card-warning .card-header {
    background-color: transparent
}
.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}
.card-danger .card-footer,
.card-danger .card-header {
    background-color: transparent
}
.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}
.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}
.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}
.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}
.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}
.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}
.card-inverse .card-footer,
.card-inverse .card-header {
    border-color: rgba(255, 255, 255, .2)
}
.card-inverse .card-blockquote,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-inverse .card-title {
    color: #fff
}
.card-inverse .card-blockquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
    color: rgba(255, 255, 255, .65)
}
.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
    color: #fff
}
.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}
.card-img {
    border-radius: .25rem
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}
.card-img-top {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}
.card-img-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}
@media (min-width: 544px) {
    .card-deck {
        display: table;
        width: 100%;
        margin-bottom: .75rem;
        table-layout: fixed;
        border-spacing: 1.25rem 0
    }
    .card-deck .card {
        display: table-cell;
        margin-bottom: 0;
        vertical-align: top
    }
    .card-deck-wrapper {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
}
@media (min-width: 544px) {
    .card-group {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .card-group .card {
        display: table-cell;
        vertical-align: top
    }
    .card-group .card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0
    }
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
    .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        border-radius: 0
    }
}
@media (min-width: 544px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns .card {
        width: 100%
    }
}
.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: .25rem
}
.breadcrumb::after {
    content: "";
    display: table;
    clear: both
}
.breadcrumb-item {
    float: left
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #818a91;
    content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}
.breadcrumb-item.active {
    color: #818a91
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem
}
.page-item {
    display: inline
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}
.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0275d8;
    border-color: #0275d8
}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
    color: #818a91;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}
.page-link {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    color: #0275d8;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.page-link:focus,
.page-link:hover {
    color: #014c8c;
    background-color: #eceeef;
    border-color: #ddd
}
.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}
.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}
.pagination-sm .page-link {
    padding: .275rem .75rem;
    font-size: .875rem
}
.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}
.tag {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}
.tag:empty {
    display: none
}
.btn .tag {
    position: relative;
    top: -1px
}
a.tag:focus,
a.tag:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.tag-default {
    background-color: #818a91
}
.tag-default[href]:focus,
.tag-default[href]:hover {
    background-color: #687077
}
.tag-primary {
    background-color: #0275d8
}
.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: #025aa5
}
.tag-success {
    background-color: #5cb85c
}
.tag-success[href]:focus,
.tag-success[href]:hover {
    background-color: #449d44
}
.tag-info {
    background-color: #5bc0de
}
.tag-info[href]:focus,
.tag-info[href]:hover {
    background-color: #31b0d5
}
/*jempis*/
.tag-caution {
    background-color: #ffff00
}
.tag-caution[href]:focus,
.tag-caution[href]:hover {
    background-color: ##f2f20d
}
/*******/
.tag-warning {
    background-color: #f0ad4e
}
.tag-warning[href]:focus,
.tag-warning[href]:hover {
    background-color: #ec971f
}
.tag-danger {
    background-color: #d9534f
}
.tag-danger[href]:focus,
.tag-danger[href]:hover {
    background-color: #c9302c
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}
@media (min-width: 544px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}
.jumbotron-hr {
    border-top-color: #d0d5d8
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}
.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}
.alert-heading {
    color: inherit
}
.alert-link {
    font-weight: 700
}
.alert-dismissible {
    padding-right: 2rem
}
.alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -1rem;
    color: inherit
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}
.alert-success hr {
    border-top-color: #c1e2b3
}
.alert-success .alert-link {
    color: #2b542c
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}
.alert-info hr {
    border-top-color: #a6d5ec
}
.alert-info .alert-link {
    color: #245269
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}
.alert-warning hr {
    border-top-color: #f7ecb5
}
.alert-warning .alert-link {
    color: #66512c
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}
.alert-danger hr {
    border-top-color: #e4b9b9
}
.alert-danger .alert-link {
    color: #843534
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}
.progress {
    display: block;
    width: 100%;
    height: 1rem;
    margin-bottom: 1rem
}
.progress[value] {
    background-color: #eee;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem
}
.progress[value]::-ms-fill {
    background-color: #0074d9;
    border: 0
}
.progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}
.progress[value]::-webkit-progress-value {
    background-color: #0074d9;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}
.progress[value="100"]::-moz-progress-bar {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}
.progress[value="100"]::-webkit-progress-value {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}
.progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: .25rem
}
.progress[value],
base::-moz-progress-bar {
    background-color: #eee;
    border-radius: .25rem
}
@media screen and (min-width: 0\0) {
    .progress {
        background-color: #eee;
        border-radius: .25rem
    }
    .progress-bar {
        display: inline-block;
        height: 1rem;
        text-indent: -999rem;
        background-color: #0074d9;
        border-bottom-left-radius: .25rem;
        border-top-left-radius: .25rem
    }
    .progress[width="100%"] {
        border-bottom-right-radius: .25rem;
        border-top-right-radius: .25rem
    }
}
.progress-striped[value]::-webkit-progress-value {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}
.progress-striped[value]::-moz-progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}
.progress-striped[value]::-ms-fill {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}
@media screen and (min-width: 0\0) {
    .progress-bar-striped {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        -webkit-background-size: 1rem 1rem;
        background-size: 1rem 1rem
    }
}
.progress-animated[value]::-webkit-progress-value {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}
.progress-animated[value]::-moz-progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}
@media screen and (min-width: 0\0) {
    .progress-animated .progress-bar-striped {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
    }
}
.progress-success[value]::-webkit-progress-value {
    background-color: #5cb85c
}
.progress-success[value]::-moz-progress-bar {
    background-color: #5cb85c
}
.progress-success[value]::-ms-fill {
    background-color: #5cb85c
}
@media screen and (min-width: 0\0) {
    .progress-success .progress-bar {
        background-color: #5cb85c
    }
}
.progress-info[value]::-webkit-progress-value {
    background-color: #5bc0de
}
.progress-info[value]::-moz-progress-bar {
    background-color: #5bc0de
}
.progress-info[value]::-ms-fill {
    background-color: #5bc0de
}
@media screen and (min-width: 0\0) {
    .progress-info .progress-bar {
        background-color: #5bc0de
    }
}
.progress-warning[value]::-webkit-progress-value {
    background-color: #f0ad4e
}
.progress-warning[value]::-moz-progress-bar {
    background-color: #f0ad4e
}
.progress-warning[value]::-ms-fill {
    background-color: #f0ad4e
}
@media screen and (min-width: 0\0) {
    .progress-warning .progress-bar {
        background-color: #f0ad4e
    }
}
.progress-danger[value]::-webkit-progress-value {
    background-color: #d9534f
}
.progress-danger[value]::-moz-progress-bar {
    background-color: #d9534f
}
.progress-danger[value]::-ms-fill {
    background-color: #d9534f
}
@media screen and (min-width: 0\0) {
    .progress-danger .progress-bar {
        background-color: #d9534f
    }
}
.media,
.media-body {
    overflow: hidden
}
.media-body {
    width: 10000px
}
.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}
.media-middle {
    vertical-align: middle
}
.media-bottom {
    vertical-align: bottom
}
.media-object {
    display: block
}
.media-object.img-thumbnail {
    max-width: none
}
.media-right {
    padding-left: 10px
}
.media-left {
    padding-right: 10px
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}
.media-list {
    padding-left: 0;
    list-style: none
}
.list-group {
    padding-left: 0;
    margin-bottom: 0
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}
.list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #818a91
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    border-color: #0275d8
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #a8d6fe
}
.list-group-flush .list-group-item {
    border-radius: 0
}
.list-group-item-action {
    width: 100%;
    color: #555;
    text-align: inherit
}
.list-group-item-action .list-group-item-heading {
    color: #333
}
.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}
a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}
.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}
a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}
.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}
a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}
.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}
a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-21by9 {
    padding-bottom: 42.857143%
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive-4by3 {
    padding-bottom: 75%
}
.embed-responsive-1by1 {
    padding-bottom: 100%
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}
.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}
.modal-open {
    overflow: hidden
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
.modal-backdrop.fade {
    opacity: 0
}
.modal-backdrop.in {
    opacity: .5
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}
.modal-header::after {
    content: "";
    display: table;
    clear: both
}
.modal-header .close {
    margin-top: -2px
}
.modal-title {
    margin: 0;
    line-height: 1.5
}
.modal-body {
    position: relative;
    padding: 15px
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
.modal-footer::after {
    content: "";
    display: table;
    clear: both
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
@media (min-width: 544px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto
    }
    .modal-sm {
        max-width: 300px
    }
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}
.tooltip.in {
    opacity: .9
}
.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow,
.tooltip.tooltip-top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}
.tooltip.bs-tether-element-attached-left .tooltip-arrow,
.tooltip.tooltip-right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}
.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}
.tooltip.bs-tether-element-attached-top .tooltip-arrow,
.tooltip.tooltip-bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}
.tooltip.bs-tether-element-attached-right .tooltip-arrow,
.tooltip.tooltip-left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}
.popover.bs-tether-element-attached-bottom,
.popover.popover-top {
    margin-top: -10px
}
.popover.bs-tether-element-attached-bottom .popover-arrow,
.popover.popover-top .popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}
.popover.bs-tether-element-attached-bottom .popover-arrow::after,
.popover.popover-top .popover-arrow::after {
    bottom: 1px;
    margin-left: -10px;
    content: "";
    border-top-color: #fff;
    border-bottom-width: 0
}
.popover.bs-tether-element-attached-left,
.popover.popover-right {
    margin-left: 10px
}
.popover.bs-tether-element-attached-left .popover-arrow,
.popover.popover-right .popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}
.popover.bs-tether-element-attached-left .popover-arrow::after,
.popover.popover-right .popover-arrow::after {
    bottom: -10px;
    left: 1px;
    content: "";
    border-right-color: #fff;
    border-left-width: 0
}
.popover.bs-tether-element-attached-top,
.popover.popover-bottom {
    margin-top: 10px
}
.popover.bs-tether-element-attached-top .popover-arrow,
.popover.popover-bottom .popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}
.popover.bs-tether-element-attached-top .popover-arrow::after,
.popover.popover-bottom .popover-arrow::after {
    top: 1px;
    margin-left: -10px;
    content: "";
    border-top-width: 0;
    border-bottom-color: #fff
}
.popover.bs-tether-element-attached-right,
.popover.popover-left {
    margin-left: -10px
}
.popover.bs-tether-element-attached-right .popover-arrow,
.popover.popover-left .popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, .25)
}
.popover.bs-tether-element-attached-right .popover-arrow::after,
.popover.popover-left .popover-arrow::after {
    right: 1px;
    bottom: -10px;
    content: "";
    border-right-width: 0;
    border-left-color: #fff
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: .2375rem .2375rem 0 0
}
.popover-title:empty {
    display: none
}
.popover-content {
    padding: 9px 14px
}
.popover-arrow,
.popover-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.popover-arrow {
    border-width: 11px
}
.popover-arrow::after {
    content: "";
    border-width: 10px
}
.carousel {
    position: relative
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}
.carousel-inner>.carousel-item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}
.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img {
    line-height: 1
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.carousel-item.active.right,
    .carousel-inner>.carousel-item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.carousel-item.active.left,
    .carousel-inner>.carousel-item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.carousel-item.active,
    .carousel-inner>.carousel-item.next.left,
    .carousel-inner>.carousel-item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}
.carousel-inner>.active {
    left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}
.carousel-inner>.next {
    left: 100%
}
.carousel-inner>.prev {
    left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}
.carousel-inner>.active.left {
    left: -100%
}
.carousel-inner>.active.right {
    left: 100%
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    opacity: .5
}
.carousel-control.left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1
}
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}
.carousel-control .icon-prev::before {
    content: "\2039"
}
.carousel-control .icon-next::before {
    content: "\203a"
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption .btn {
    text-shadow: none
}
@media (min-width: 544px) {
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}
.bg-faded {
    background-color: #f7f7f9
}
.bg-primary {
    color: #fff!important;
    background-color: #0275d8!important
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5!important
}
.bg-success {
    color: #fff!important;
    background-color: #5cb85c!important
}
a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44!important
}
.bg-info {
    color: #fff!important;
    background-color: #5bc0de!important
}
a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5!important
}
.bg-warning {
    color: #fff!important;
    background-color: #f0ad4e!important
}
a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f!important
}
.bg-danger {
    color: #fff!important;
    background-color: #d9534f!important
}
a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c!important
}
.bg-inverse {
    color: #fff!important;
    background-color: #373a3c!important
}
a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #1f2021!important
}
.clearfix::after {
    content: "";
    display: table;
    clear: both
}
.d-block {
    display: block!important
}
.d-inline-block {
    display: inline-block!important
}
.d-inline {
    display: inline!important
}
.pull-xs-left {
    float: left!important
}
.pull-xs-right {
    float: right!important
}
.pull-xs-none {
    float: none!important
}
@media (min-width: 544px) {
    .pull-sm-left {
        float: left!important
    }
    .pull-sm-right {
        float: right!important
    }
    .pull-sm-none {
        float: none!important
    }
}
@media (min-width: 768px) {
    .pull-md-left {
        float: left!important
    }
    .pull-md-right {
        float: right!important
    }
    .pull-md-none {
        float: none!important
    }
}
@media (min-width: 992px) {
    .pull-lg-left {
        float: left!important
    }
    .pull-lg-right {
        float: right!important
    }
    .pull-lg-none {
        float: none!important
    }
}
@media (min-width: 1200px) {
    .pull-xl-left {
        float: left!important
    }
    .pull-xl-right {
        float: right!important
    }
    .pull-xl-none {
        float: none!important
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
.w-100 {
    width: 100%!important
}
.m-x-auto {
    margin-right: auto!important;
    margin-left: auto!important
}
.m-a-0 {
    margin: 0 0!important
}
.m-t-0 {
    margin-top: 0!important
}
.m-r-0 {
    margin-right: 0!important
}
.m-b-0 {
    margin-bottom: 0!important
}
.m-l-0 {
    margin-left: 0!important
}
.m-x-0 {
    margin-right: 0!important;
    margin-left: 0!important
}
.m-y-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}
.m-a-1 {
    margin: 1rem 1rem!important
}
.m-t-1 {
    margin-top: 1rem!important
}
.m-r-1 {
    margin-right: 1rem!important
}
.m-b-1 {
    margin-bottom: 1rem!important
}
.m-l-1 {
    margin-left: 1rem!important
}
.m-x-1 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}
.m-y-1 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}
.m-a-2 {
    margin: 1.5rem 1.5rem!important
}
.m-t-2 {
    margin-top: 1.5rem!important
}
.m-r-2 {
    margin-right: 1.5rem!important
}
.m-b-2 {
    margin-bottom: 1.5rem!important
}
.m-l-2 {
    margin-left: 1.5rem!important
}
.m-x-2 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}
.m-y-2 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}
.m-a-3 {
    margin: 3rem 3rem!important
}
.m-t-3 {
    margin-top: 3rem!important
}
.m-r-3 {
    margin-right: 3rem!important
}
.m-b-3 {
    margin-bottom: 3rem!important
}
.m-l-3 {
    margin-left: 3rem!important
}
.m-x-3 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}
.m-y-3 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}
.p-a-0 {
    padding: 0 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-r-0 {
    padding-right: 0!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-l-0 {
    padding-left: 0!important
}
.p-x-0 {
    padding-right: 0!important;
    padding-left: 0!important
}
.p-y-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}
.p-a-1 {
    padding: 1rem 1rem!important
}
.p-t-1 {
    padding-top: 1rem!important
}
.p-r-1 {
    padding-right: 1rem!important
}
.p-b-1 {
    padding-bottom: 1rem!important
}
.p-l-1 {
    padding-left: 1rem!important
}
.p-x-1 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}
.p-y-1 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}
.p-a-2 {
    padding: 1.5rem 1.5rem!important
}
.p-t-2 {
    padding-top: 1.5rem!important
}
.p-r-2 {
    padding-right: 1.5rem!important
}
.p-b-2 {
    padding-bottom: 1.5rem!important
}
.p-l-2 {
    padding-left: 1.5rem!important
}
.p-x-2 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}
.p-y-2 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}
.p-a-3 {
    padding: 3rem 3rem!important
}
.p-t-3 {
    padding-top: 3rem!important
}
.p-r-3 {
    padding-right: 3rem!important
}
.p-b-3 {
    padding-bottom: 3rem!important
}
.p-l-3 {
    padding-left: 3rem!important
}
.p-x-3 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}
.p-y-3 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}
.pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}
.text-justify {
    text-align: justify!important
}
.text-nowrap {
    white-space: nowrap!important
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-xs-left {
    text-align: left!important
}
.text-xs-right {
    text-align: right!important
}
.text-xs-center {
    text-align: center!important
}
@media (min-width: 544px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}
.text-lowercase {
    text-transform: lowercase!important
}
.text-uppercase {
    text-transform: uppercase!important
}
.text-capitalize {
    text-transform: capitalize!important
}
.font-weight-normal {
    font-weight: 400
}
.font-weight-bold {
    font-weight: 700
}
.font-italic {
    font-style: italic
}
.text-muted {
    color: #818a91!important
}
a.text-muted:focus,
a.text-muted:hover {
    color: #687077!important
}
.text-primary {
    color: #0275d8!important
}
a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5!important
}
.text-success {
    color: #5cb85c!important
}
a.text-success:focus,
a.text-success:hover {
    color: #449d44!important
}
.text-info {
    color: #5bc0de!important
}
a.text-info:focus,
a.text-info:hover {
    color: #31b0d5!important
}
.text-warning {
    color: #f0ad4e!important
}
a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f!important
}
.text-danger {
    color: #d9534f!important
}
a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c!important
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.invisible {
    visibility: hidden!important
}
.hidden-xs-up {
    display: none!important
}
@media (max-width: 543px) {
    .hidden-xs-down {
        display: none!important
    }
}
@media (min-width: 544px) {
    .hidden-sm-up {
        display: none!important
    }
}
@media (max-width: 767px) {
    .hidden-sm-down {
        display: none!important
    }
}
@media (min-width: 768px) {
    .hidden-md-up {
        display: none!important
    }
}
@media (max-width: 991px) {
    .hidden-md-down {
        display: none!important
    }
}
@media (min-width: 992px) {
    .hidden-lg-up {
        display: none!important
    }
}
@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none!important
    }
}
.hidden-xl-down {
    display: none!important
}
.visible-print-block {
    display: none!important
}
@media print {
    .visible-print-block {
        display: block!important
    }
}
.visible-print-inline {
    display: none!important
}
@media print {
    .visible-print-inline {
        display: inline!important
    }
}
.visible-print-inline-block {
    display: none!important
}
@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}
@media print {
    .hidden-print {
        display: none!important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */
@media (max-width: 544px) {
    #admin-nav{
        display:block;
        float:none;
        text-align: center;
    }
    #admin-nav{
        margin-top: 20px;
    }

    #task-form{
        margin-top:110px;
    }

    #task-container li, #task-form input, #task-form button{
        width:100%;
    }
    #task-form button{
        margin-top:20px;
    }
    #controls p{
        font-size: 0.8em;
    }
    .md-group-add-on {
        margin-bottom: 15px;
    }
}

.bg-theme, .label-theme {
    background-color: #68dff0;
}
.badge.bg-important {
    background: #ff6c60;
}
.task-checkbox{
    float: left;
}
.login-card .md-input-wrapper {
    margin-bottom: 20px;
}

.piani-card .md-input-wrapper {
    margin-bottom: 20px;
}
/* Todo page css end */


/**  =====================
      Page Layouts css start
==========================  **/
.layouts-link{
    display: block;
    opacity: 0.75;
}

/**======  Page Layouts css ends ======**/

/*====== Warning css starts ======= */
.ie-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000000;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "Courier New", Courier, monospace;
    padding: 50px 0;
}
.ie-warning p {
    font-size: 17px;
}
.ie-warning .iew-container {
    min-width: 1024px;
    width: 100%;
    height: 200px;
    background: #fff;
    margin: 50px 0;
}
.ie-warning .iew-download {
    list-style: none;
    padding: 30px 0;
    margin: 0 auto;
    width: 720px;
}
.ie-warning .iew-download > li {
    float: left;
    vertical-align: top;
}
.ie-warning .iew-download > li > a {
    display: block;
    color: #000;
    width: 140px;
    font-size: 15px;
    padding: 15px 0;
}
.ie-warning .iew-download > li > a > div {
    margin-top: 10px;
}
.ie-warning .iew-download > li > a:hover {
    background-color: #eee;
}
/*====== Warning css ends ======= */

/**  =====================
      ACE editor css start
==========================  **/
#wrapper {
    padding: 10px;
}
.controls {
    margin-bottom: 1em;
}
#editor{
    width: 100% !important;
    position: relative;
}
/*====== ACE editor css End ======= */

/*Blink css*/
@keyframes blink {
    0% { box-shadow: 0 0 8px #ff3b35; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 8px #ff3b35; }
}

@-webkit-keyframes blink {
    0% { box-shadow: 0 0 8px #ff3b35; }
    50% { box-shadow: 0 0 1px #ff3b35 ; }
    100% { box-shadow: 0 0 8px #ff3b35; }
}

.blink {
    -webkit-animation: blink 1.0s linear infinite;
    -moz-animation: blink 1.0s linear infinite;
    -ms-animation: blink 1.0s linear infinite;
    -o-animation: blink 1.0s linear infinite;
    animation: blink 1.0s linear infinite;
    border-radius: 50%;
}


/* responsive css */
@media only screen and (max-width: 1564px){
    .sub-title{
        line-height: 1.4;
    }
    .cw-widget .clock{
        height: 100px;
        width: 100px;
    }
    .cw-widget .hour {
        height: 25px;
    }
    .cw-widget .min {
        height: 40px;
    }
    .cw-widget .clock{
        box-shadow: 0 0 0 7px #f5f5f5, 0 10px 10px 5px rgba(0,0,0,0.3);
    }
    .user-borders-right .f-30{
        font-size: 20px !important;
    }
    .info-block {
        width: 100px;
    }
    .to-do-list.widget-to-do-list{
        margin-bottom: 5px;
    }
    .cw-widget .info span{
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .infos h2{
        font-size: 12px;
    }
    .cw-widget .date {
        font-size: 20px;
    }
    .cw-widget .place {
        font-size: 22px;
    }
    .user-borders-right,.cw-widget .info{
        width: 50%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dashboard-total-growth .photo-table img{
        width: 30px;
    }
    .info.wind{
        border-bottom:none !important;
    }
    .cw-widget .info{
        border-bottom: 1px solid;
    }
    .cw-widget .info:last-child{
        border: none;
    }
    .cw-widget .upper {
        height: 175px;
    }
    .cw-widget .info,.cw-widget .weather p{
        margin: 10px 0;
    }
    .user-borders-right{
        border-right: 0;
    }
    .infos{
        overflow: auto;
    }
    .basic-widget i {
        height: 60px;
        width: 60px;
        font-size: 20px;
        line-height: 20px;
        margin: 20px 0;
        display: inline-flex;
        padding: 20px;
    }
    .dashboard-total-growth .photo-table img{
        width: 30px;
    }
     .weather-detail li{
        padding: 0 5px;
    }
    .basic-widget i{
        margin-bottom: 10px;
    }
    .default-grid-item .row .col-sm-6{
        width: 100%;
    }
    .basic-widget-purple .m-b-30 {
        margin-bottom: 15px !important;
    }
    .task-timer-text{
        font-size: 16px;
    }
    .basic-widget h4 {
        margin-bottom: 20px;
    }
    .basic-widget {
        margin-bottom: 20px;
    }
    .widget-card h6,.widget-card p{
        margin: 0;
    }
    h1 {
        font-size: 1.5rem;
    }
    .bg-icon i {
        font-size: 50px;
    }
    .last-activity-table button:first-child{
        margin-right: 0;
    }
    #system-clock{
        font-size: 26px;
    }
}
@media only screen and (max-width: 1564px) and (min-width: 1200px){
    .matrics-issue .col-md-6{
        width: 100%;
    }
}
@media only screen and (min-width: 1199px){
    .error-500 h1,.error-503 h1 ,.error-404 h1,.error-400 h1,.error-403 h1{
        background-size: 270px 270px;
    }
    .panels-wells .panel{
        margin-bottom: 0;
    }
    .well.well-lg{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1366px) and (min-width: 1200px) {
    .widget-card .img-full {
        height: 80px;
        max-width: 80px !important;
        width: 80px;
    }

    .grid-item .md-tabs .nav-item {
        width: calc(100% / 4);
    }

    .grid-item .md-tabs .nav-item a {
        padding: 10px 0 10px !important;
    }

    .grid-item .nav-tabs .slide {
        width: calc(100% / 4);
        bottom: initial;
    }
    .weather-temp li {
        padding: 5px 5px;
    }
    .widget-social-list .col-xl-3,.to-do-with-btn,.widget-contact-card{
        width: 50%;
    }
    .widget-social-list .p-15 {
        padding: 12px;
    }
    .freelance-card-2 .freelance-2 {
        padding: 27px;
    }
    .freelance-card-2 .freelance-2 .user-name {
        margin-top: 40px;
    }
    .widget-user-block{
        width: 100%;
        text-align: center;
    }
    .widget-activities .progress{
        margin: 37px 0;
    }
    .weather-table {
        margin-bottom: 0;
    }
    .owl-theme .owl-controls .owl-nav div {
        height: 40px;
        padding: 2px;
        width: 40px;
    }
    .cd-timeline-content .cd-date{
        left: 141%;
    }
    .cd-timeline-content{
        margin-left: -15px;
    }
    .cd-timeline-content img{
        /*width: 100px;*/
        margin:0 auto;
    }
    .cd-timeline-content .cd-details{
        left: 141%;
    }
    .dashbored-live-left,.dashbored-live-right {
        width: 50%;
    }
    .dashbored-live-right .table td,.dashbored-live-right .table th {
        padding: 3px 10px;
    }
    .grid-item .media.p-10{
        padding: 0 10px !important;
    }
}
@media only screen and (min-width: 1300px){
    .invoice-table{
        display: block;
    }
}
@media only screen and (min-width: 1300px) and  (max-width: 1500px){
    .filter-bar [class*=b-l-] a.card-title{
            text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    display: inline-block;
    }
}
@media only screen and (max-width: 1199px) {
    /*Generic Class*/
    p {
        font-size: 12px;
    }
    .m-b-50 {
        margin-bottom: 40px;
    }
    .card-header {
        padding: 15px;
    }
    .card-block {
        padding: 15px;
    }
    .card-block.box-list {
        padding-bottom: 0;
    }
    .accordion-block{
        padding: 0;
    }
    .card {
        margin-bottom: 20px;
    }
    .card-header-text,.sub-title {
        font-size: 15px;
    }
    .sub-title {
        padding-bottom: 8px;
        margin-bottom: 15px;
    }
    .m-b-30 {
        margin-bottom: 25px !important;
    }
    .m-b-15 {
        margin-bottom: 10px;
    }
    .m-r-20 {
        margin-right: 13px;
    }
    .m-b-20 {
        margin-bottom: 15px !important;
    }
    .m-r-15 {
        margin-right: 10px;
    }
    .p-r-15 {
        padding-right: 10px;
    }
    .m-b-25 {
        margin-bottom: 18px;
    }
    .m-t-25 {
        margin-top: 18px;
    }
    .m-t-15 {
        margin-top: 10px;
    }
    .m-b-40 {
        margin-bottom: 30px;
    }
    .m-t-40 {
        margin-top: 25px;
    }
    .p-20 {
        padding: 15px;
    }
    .p-b-25 {
        padding-bottom: 18px;
    }
    .p-t-25 {
        padding-top: 18px;
    }
    .m-b-10{
        margin-bottom: 5px !important;
    }
    h2{
        font-size: 28px;
    }
    h4 {
        font-size: 20px;
    }
    .social-timelines-left{
        margin-left: -16px;
    }
    .blog-big-user h6,.blog-big-user h5 {
        margin: 10px 0;
    }
    .main-header {
        padding: 15px;
    }
    /*Error pages*/

    .error-500 h1,.error-503 h1 ,.error-404 h1,.error-400 h1,.error-403 h1{
        background-size: 250px 250px;
        font-size: 130px;
    }

    .f-35 {
        font-size: 32px;
    }
    .md-float-material .md-float-group {
        margin-bottom: 25px;
    }
    .task-list-table,.task-list-table ~ .pull-right{
        display: block !important;
    }
    .task-list-table ~ .pull-right{
        float: none;
    }

    /*According*/
    .accordion-msg {
        padding: 14px 15px;
    }
    .accordion-desc{
        padding: 0px 14px 14px 14px;
    }
    /*Addvance general elements*/
    .form-radio {
        margin: 1.2rem 0;
    }
    .blog-add-cmnt{
        text-align: center;
    }
    .table td, .table th {
        padding: 8px 10px;
        font-size: 14px;
    }
    .page-item .page-link {
        padding: 5px 14px;
    }
    .checkbox-fade .cr .cr-icon, .radio .cr .cr-icon {
        left: 10%;
    }
    .checkbox-fade .cr, .radio .cr {
        height: 1em;
        width: 1em;
    }
    .tabledit-edit-button,.tabledit-delete-button{
        margin: 1px !important;
        padding: 2px 5px !important;
        font-size: 13px !important;
    }
    .m-b-70 {
        margin-bottom: 55px;
    }
    .scroll-list li,.dynamic-row li {
        padding: 10px;
    }
    .scroll-list {
        height: 200px;
    }
    .spark-chart canvas{
        height: 250px !important;
    }
    .piechart canvas{
        width: 250px !important;
    }
    .f-45 {
        font-size: 35px;
    }
    .prod-item .prod-info {
        padding: 20px 0 10px;
    }
    .list-group-item {
        display: inline-block;
        max-width: 150px;
        padding-top: 5px;
        padding-bottom:5px;
    }
    .email-icon{
        margin-bottom: 20px;
    }
    .list-group.compose-list-group{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .email-icon{
        text-align: left;
    }
    .comming-soon h1 {
        font-size: 54px;
    }
    .cd-pricing-footer {
        padding: 20px 0;
    }
    .social-timeline-left {
        top: -140px;
    }
    .md-tabs .nav-item a {
        padding: 15px 0 15px !important;
    }
    .to-do-list{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .to-do-label,#task-container li{
        margin-bottom: 15px !important;
    }
    #task-container li:nth-child(n+4){
        margin-bottom: 0;
    }
    .btn-print-invoice{
        margin: 0 0 10px 0;
    }
    .blog-block h6 {
        margin-right: 5px;
    }
    .blog-single h4 {
        margin-top: 20px;
    }
    .blog-single p {
        margin: 20px 0;
    }
    .blog-single p:last-child {
        margin-bottom: 20px;
    }
    .blog-big-user {
        margin-bottom: 20px;
    }
    .dashboard-header i{
        font-size: 32px;
    }
    #website-stats{
        height: 332px !important;
    }
    svg#sun {
        height: 150px;
        width: 150px;
    }
    .weather-temp h6{
        margin: 0;
    }
    .climacon {
        width: 50px;
        height: 30px;
    }
    .user-block-2-active {
        margin-bottom: 17px;
    }
    .navbar-nav .nav-item+.nav-item {
        margin-left: 5px;
    }
    #newc{
        height: 190px !important;
    }
    #speed-count{
        height: 345px !important;
    }
    .advance-elements .col-xl-3:nth-child(2n){
        margin-bottom: 15px;
    }
    .m-b-30.advance-elements{
        margin-bottom: 15px !important;
    }
    .bootstrap-timer .form-group{
        margin-bottom: 0;
    }
    .wrap .f-120{
        font-size: 100px;
    }
    .button-list {
        padding-bottom: 5px;
    }
    .f-64 {
        font-size: 44px;
    }
    .icofont-hand-drag{
        margin: 0 !important;
    }
    .icofont-hand-drag ~h5{
        font-size: 15px;
    }
    .breadcrumb-icon-block {
        padding-top: 10px;
    }
    .ms-container {
        width: 240px;
    }
    .grid-item .col-sm-5.bg-warning {
        padding: 20px;
    }
    .widget-social-list .p-15 {
        padding: 15px;
    }
    .widget-card .col-lg-8{
        padding-left: 0;
    }
    .jscolor{
        margin-bottom: 0;
    }
    .blog .blog-section:nth-child(even) .blog-detail {
        padding-right: 15px;
    }

    .blog .blog-section .blog-detail {
        padding-left: 15px !important;
    }

    .blog .blog-section:nth-child(even) .blog-detail h2 {
        right: 15px;
    }
    .blog .blog-detail {
        position: relative;
    }
    .blog-section img{
        width: 100%;
    }
    .users-main-fix {
        top: 139px;
    }
    .user-block-2{
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1169px){
    .main-timeline:before, .main-timeline:after{
        opacity: 0;
    }
    .cd-timeline-content::before{
        top:15px;
    }
    .cd-date{
        padding-top: 0!important;
    }
    .cd-details{
        padding-bottom: 15px;
    }
    .cd-date,.cd-details{
        margin-left: 15px;
        display: block !important;
    }
    .crm-timeline .cd-timeline-content::before{
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    /*General css*/
    .yourCountdownContainer .f-24{
        font-size: 14px !important;
    }

    .m-r-20 {
        margin-right: 13px;
    }

    .m-t-40 {
        margin-top: 20px;
    }

    .m-b-40 {
        margin-bottom: 20px;
    }

    .m-b-50 {
        margin-bottom: 30px;
    }

    .yourCountdownContainer .counter-text {
        font-size: 60px;
    }
    .comming-soon h1 {
        font-size: 35px;
    }
    .comming-soon>p {
        font-size: 22px;
    }
    .messages-content{
        border-right: none;
    }
    h4 {
        font-size: 20px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        top: 10px;
    }
    .m-b-70 {
        margin-bottom: 35px;
    }
    #example-advanced-form ul, #example-basic ul{
        display: table;
        height: 100%;
    }
    #example-advanced-form ul li,#example-basic ul li{
        display: table-cell;
        height: 100%;
    }
    #example-advanced-form ul li a ,#example-basic ul li a{
        height: 100%;
    }
    .fc .fc-toolbar > * > :first-child {
        margin-left: 20px;
    }
    .inline-form-2 label{
        display: none;
    }
    .list-icons-img img {
        left: -50px;
    }
    .product-right{
        padding: 0;
    }
    .dataTables_scrollBody{
        height: 400px !important;
    }

    .email-body .m-l-5 {
        margin-left: 0;
    }
    .email-body .m-r-15 {
        margin-right: 3px;
    }
    .faq-left{
        text-align: center;
    }
    .faq-left img{
        margin: 0 auto;
    }
    .contact-box{
        height: 100%;
        background: #fff;
        position: fixed;
        z-index: 999;
        bottom: 0;
        top: 135px;
        right: auto;
        transition: all ease-in-out 0.3s;
    }

    .contact-hide{
        left: 100%;
    }
    .messages .b-r-muted {
        border: none;
    }
    h2 {
        font-size: 20px;
    }
    .cd-pricing-header {
        padding: 15px 15px 0 15px;
    }
    .cd-pricing-features li {
        padding: 13px;
    }
    .timeline-dot:after, .timeline-dot:before {
        left: 3.4%;
    }
    .icon-list-demo div {
        margin-bottom: 7px;
    }
    .isuue-btn-group,.bug-issue-link{
        display: block;
        text-align: center;
        float: none !important;
    }
    .bug-issue-link li{
        float: none;
    }
    .m-b-30 {
        margin-bottom: 20px !important;
    }
    .m-t-30 {
        margin-top: 20px !important;
    }
    .dotted-line-theme {
        min-height: 25px;
    }
    .dashboard-header .col-sm-6:nth-child(1),.dashboard-header .col-sm-6:nth-child(2){
        margin-bottom: 20px;
    }
    .weather-temp li {
        padding: 5px 8px;
    }
    #speed-count{
        height: 340px !important;
    }
    .advance-elements [class*="col-"],.advance-elements .switchery{
        margin-bottom: 10px;
    }
    .m-b-30.advance-elements{
        margin-bottom: 0 !important;
    }
    .wrap .f-120{
        font-size: 80px;
    }
    .email-welcome-txt{
        margin-top: 10px;
    }
    .email-content {
        line-height: 2;
    }
    .email-card .user-mail {
        margin-left: 0;
    }
    .user-name{
        margin-bottom: 5px;
    }
    .ms-container{
        width: 100%;
    }
    .product-detail{
        margin-top: 20px;
        text-align: center;
        justify-content: center;
    }
    .product-detail .f-right{
        float: none !important;
        display: block;
        margin-top: 10px;
    }
    .product-detail .detail-stars{
        justify-content: center;
        display: flex;
    }
    .product-detail .br-widget {
        min-height: 30px;
    }
    .md-float-material{
        display: block;
    }
    .climacon-right{
        padding-left: 15px !important;
    }
    .dashboard-primary,.dashboard-success{
        margin-bottom: 20px;
    }
    .box-shadow {
        text-align: center;
    }
    .box-list div div {
        margin-bottom: 15px;
    }
    .animation-type .text-left {
        text-align: center;
    }
    .animation-type .text-left .btn{
        margin-left: 0;
    }
    .shares-like .btn-facebook, .shares-like .btn-twitter, .shares-like .btn-google-plus, .shares-like .btn-linkedin, .shares-like .btn-pinterest {
        color: #fff;
        padding: 4px 12px;
    }
    .btn-facebook i, .btn-twitter i, .btn-linkedin i, .btn-dribbble i, .btn-google-plus i, .btn-instagram i, .btn-pinterest i, .btn-dropbox i, .btn-flickr i, .btn-tumblr i, .btn-skype i, .btn-youtube i, .btn-github i {
        padding: 5px 5px;
    }
    .blog-section {
        margin-bottom: 20px;
    }
    .contact-detail{
        width: 100%;
    }
    .messages-content{
        width: 100%;
    }
    .morphsearch-content {
        margin-top: 2.5em;
    }
}
@media only screen and (max-width: 767px) {
    /*Generic Class*/
    h3 {
        line-height: 1.5;
    }

    h2 {
        font-size: 18px;
    }

    .error-500 h1, .error-503 h1, .error-404 h1, .error-400 h1, .error-403 h1 {
        font-size: 100px;
    }

    .error-500 h5, .error-503 h5, .error-404 h5, .error-400 h5, .error-403 h5 {
        font-size: 23px;
    }

    .error-500 p, .error-503 p, .error-404 p, .error-400 p, .error-403 p {
        font-size: 17px;
    }

    .sidebar-collapse .nav-level, .sidebar-collapse .icon-arrow-down{
        display: inline-block;
    }

    #issue-list-table_filter label{
        position: relative;
        right: 0;
    }
    .sidebar-collapse span.menu-caption{
        display: block !important;
    }


    .sidebar-menu>li>a{
        border-bottom: 1px solid #efefef;
    }

    .m-b-50 {
        margin-bottom: 30px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .ct-chart-button {
        top: 5px;
        right: 15px;
    }

    .comming-soon h1 {
        font-size: 25px;
        line-height: 1;
    }

    .quote {
        display: none;
    }

    .color-card .card {
        margin-bottom: 0;
    }

    .yourCountdownContainer .counter-text {
        font-size: 40px;
    }

    .comming-soon > p {
        font-size: 20px;
    }

    .f-45 {
        font-size: 25px;
    }

    .m-b-25 {
        margin-bottom: 10px;
    }

    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .commimg-text {
        line-height: 1.8;
    }
    .coming-social{
        padding-top: 20px;
    }
    #maintance{
        position: absolute;
    }

    #maintance img{
        width: 400px;
        margin: 0 auto;
    }

    /*Error pages*/
    .error-500 h1, .error-503 h1, .error-404 h1, .error-400 h1, .error-403 h1 {
        padding: 30px 0;
        background-size: 170px 170px;
    }

    .btn-error {
        padding: 7px 16px;
        font-size: 15px;
    }

    /*animation page*/
    .wrap .f-120 {
        font-size: 60px;
    }

    /*Blog Detail*/
    .articles, .models .card-block, .notifications .card-block {
        text-align: center;
    }

    .related-artical div .articles {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .related-artical div:last-child .articles {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .articles img {
        margin: 0 auto;
    }

    .shadow-box, .dynamic-list .dynamic-row {
        text-align: center;
    }

    .shadow-box .col-md-4 {
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }

    .shadow-box .col-md-4:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .table td, .table th {
        padding: 6px 8px;
    }

    #crm-contact .img-circle, img.comment-img {
        width: 30px;
        height: 30px;
    }
    #crm-contact,#contact-list{
        width: 100%;
        mso-cellspacing: 0;
    }
    .dataTables_length label {
        margin-bottom: 0;
    }

    .masking-elements .col-md-12 .row .col-md-8 {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #ccc !important;
    }

    .masking-elements .col-md-12 .row:last-child .col-md-8 {
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
        border-bottom: none !important;
    }

    .masking-elements .form-group {
        margin-bottom: 0;
    }

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

    .inline-form-1 .btn {
        margin-top: 15px;
    }

    .inline-form-style .p-t-35 {
        padding-top: 20px;
    }

    .range-slider {
        justify-content: center;
        display: flex !important;
        text-align: center;
    }

    .f-45 {
        font-size: 25px;
    }

    .dataTables_scroll img {
        height: 22px;
        width: 22px;
    }

    .gallery .card-block .row .col-md-6, .gallery .card-block .row .col-md-3 {
        margin: 0;
        padding-bottom: 0;
    }

    .mail-compose .card-block .row .col-md-6 {
        border: none;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .fc button {
        padding: 5px 10px;
    }

    .fc .fc-toolbar > * > :first-child {
        margin-left: 0;
    }

    .cd-pricing-footer button, .cd-pricing-footer a {
        float: right;
        margin-right: 20px;
    }
     

    .social-timeline-left {
        top: 0;
        position: relative;
        margin-right: 0;
    }

    .invoive-info, .invoice-contact {
        display: block;
    }

    .invoice-client-info {
        margin-bottom: 20px;
    }

    .btn-print-invoice {
        margin-bottom: 0;
    }

    .invoice-btn-group {
        text-align: center;
        margin: 15px auto 0;
    }

    .coming-social a {
        margin-right: 15px;
        font-size: 20px;
    }

    .maintances .d-flex {
        display: block;
    }

    .blog-tag li {
        padding: 3px 10px;
    }

    .shares-like .btn-facebook, .shares-like .btn-twitter, .shares-like .btn-google-plus, .shares-like .btn-linkedin, .shares-like .btn-pinterest {
        padding: 5px 15px;
    }

    #website-stats {
        height: 305px !important;
    }

    .climacon-left {
        padding-right: 15px !important;
    }

    .climacon-right {
        padding-left: 15px !important;
    }

    #speed-count {
        height: 320px !important;
    }

    .dasboard-map .d-flex {
        display: block;
    }

    .custom-width-66 {
        width: 100%;
    }

    .blog-section h5 {
        margin-bottom: 10px;
    }

    .preloader4 {
        margin: 35px 0;
    }

    .color-picker {
        text-align: center;
    }

    .nav-tabs.md-tabs.tab-timeline li a {
        font-size: 16px;
    }

    .tabs p
    {
        padding: 10px;
    }

    .cd-price .cd-price-month {
        font-size: 24px;
    }

    .messages-content {
        padding: 0;
    }

    .messages-content .media .media-left {
        padding-right: 0;
    }

    .messages-content .media {
        margin-bottom: 10px;
    }

    .messages-content .media .msg-send, .messages-content .media .msg-reply {
        padding: 7px;
        font-size: 12px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .widget-browser {
        display: block;
    }

    .project-process h6, .project-process h5 {
        margin-bottom: 20px;
    }

    .grid-item .to-do-list {
        padding-bottom: 5px;
    }

    .photo-table img {
        width: 35px;
    }

    .widget-timeline .media {
        padding: 10px;
    }

    .widget-timeline i {
        top: 25px;
    }

    .main-sidebar {
        box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.1);
    }

    .widget-to-do-list .rkmd-checkbox .input-checkbox {
        left: -10px;
    }

    .box-list div div {
        margin-bottom: 10px;
    }


    .users {
        top: 150px;
    }
    .p-chat-user{
        top:100px;
    }

    .showChat_inner {
        top: 100px;
    }

    .chat-reply-box {
        bottom: 90px;
    }

    .shares-like li {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .social-login .btn span:nth-child(2) {
        display: none;
    }

    .social-login .btn {
        padding-right: 4px;
    }

    .login-card .m-b-40 {
        margin-bottom: 10px;
    }

    .login-card .md-input-wrapper {
        margin-bottom: 15px;
    }

    .piani-card h1 {
        font-size: 22px;
    }

        .piani-card .m-b-40 {
        margin-bottom: 10px;
    }

    .piani-card .md-input-wrapper {
        margin-bottom: 15px;
    }

    .piani-card h1 {
        font-size: 22px;
    }

    #simpletable_filter label , #task-table_filter label {
        position: relative;
    }
    .f-fix {
        position: relative;

    }

    #simpletable_length label {
        margin-left: -105px;
    }

    #simpletable_filter,#task-table_filter {
        margin-bottom: -30px;
    }

    .footer-bg{
        width: 100% !important;
        bottom:-40px;
    }
    .btn-add-task{
        margin-bottom: 15px;
        overflow: auto;
    }
    #advanced-table_filter label {
        display: none;
    }
    .users-main {
        width: 75px;
        right: 0;
    }
    .users-main .md-float-material{
        display:none;
    }
    .userlist-box {
        padding-left:0;
    }
    .users{
        width: 75px;
    }
    .forgot-phone{
        text-align: inherit;
        margin-bottom: 25px;
    }
    .showChat,.fix-showChat {
        margin-top: 0px;
    }
    .top-showChat{
        margin-top: -100px !important;
    }
     #contact-list_wrapper{
        height: 350px !important;
    }
}

@media only screen and (max-height: 433px){
    #maintance img{
        position: relative;
        top: 0px;
        width:500px;
    }
    #maintance h6{
        font-size: 16px;
    }
    #maintance h6{
        font-size: 18px;
    }
    #maintance .f-30 {
        font-size: 20px;
    }
    #maintance .d-flex{
        display: flex !important;
    }
    .error-500, .error-503, .error-404, .error-400, .error-403, .login{
        position: absolute;
        top:150px;
    }
}
@media only screen and (max-height: 433px){
    #maintance img{
        position: relative;
        top: 0px;
        width:500px;
    }
    #maintance h6{
        font-size: 16px;
    }
    #maintance h6{
        font-size: 18px;
    }
    #maintance .f-30 {
        font-size: 20px;
    }
    #maintance .d-flex{
        display: flex !important;
    }
}
@media only screen and (max-height: 300px){
    #maintance img{
        width:300px;
    }

}
@media only screen and (max-width: 330px){
    .menu-snaps h6{
        font-size: 9px;
    }
}
@media only screen and (max-width: 576px) {
    .f-16 {
        font-size: 13px;
    }

    .error-500 h5, .error-503 h5, .error-404 h5, .error-400 h5, .error-403 h5 {
        font-size: 17px;
    }

    .m-b-30 {
        margin-bottom: 15px;
    }

    .m-b-25 {
        margin-bottom: 13px;
    }

    .m-b-20 {
        margin-bottom: 10px !important;
    }

    .f-45 {
        font-size: 19px;
    }

    .error-500 p, .error-503 p, .error-404 p, .error-400 p, .error-403 p {
        font-size: 14px;
    }

    .max-height-table .table thead th{
        vertical-align: top;
    }

    .rkmd-checkbox {
        margin-right: 10px;
    }

    .form-radio label {
        font-size: 13px;
    }

    .blog .blog-social h6 {
        font-size: 13px;
    }

    .blog .blog-block {
        margin-left: 0;
    }

    .blog .blog-left h2 {
        position: relative;
        left: 0 !important;
    }

    .blog-section:nth-child(even) .blog-block {
        margin-right: 0;
    }

    .md-float-material .md-float-group {
        margin-bottom: 20px;
    }

    .shares-like .m-r-20 {
        margin-right: 3px;
    }

    .chart-redial .card-block {
        text-align: center;
    }

    .login-card {
        width: 290px;
    }

      .piani-card {
        width: 360px;
    }

    .wizard .steps ul li {
        width: 100%;
    }

    .form-inline .btn {
        margin-top: 0;
    }

    .inline-form-style .p-t-35 {
        padding-top: 0;
    }

    .icon-list-demo {
        font-size: 13px;
    }

    .btn-md {
        padding: 6px 10px;
    }

    a {
        font-size: 14px;
    }

    .md-tabs .nav-item, .nav-tabs .slide {
        width: calc(100%);
        bottom: initial;
    }

    .nav-tabs {
        border-bottom: none;
    }

    .nav-tabs .nav-item {
        float: none;
        text-align: center;
    }

    .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
        border: none;
    }

    .tabs-left, .tabs-right, .tabs-left-content, .tabs-right-content {
        display: block;
    }

    .tabs-left, .tabs-right {
        width: 100%;
    }

    .img-tabs img {
        width: 40px;
    }

    .tab-with-img .md-tabs .nav-item, .tab-with-img .nav-tabs .slide {
        width: calc(100% / 4);
    }

    .tab-with-img .nav-tabs .nav-item {
        float: left;
        text-align: center;
    }

    .nav.nav-tabs.md-tabs.tab-timeline .nav-item {
        padding-bottom: 0;
    }

    .to-do-label, #task-container li {
        margin-bottom: 10px !important;
    }

    .shares-like ul, .blog-tag ul {
        text-align: right;
    }

    input[type=text].md-form-control, input[type=file].md-form-control, input[type=password].md-form-control, input[type=email].md-form-control, input[type=number].md-form-control, .md-input-wrapper select, .md-input-wrapper textarea {
        padding: 8px 4px;
        font-size: 13px;
    }

    .md-input-wrapper {
        margin-bottom: 15px;
    }

    .social-login .btn {
        margin-bottom: 10px;
    }

    .display-1 {
        font-size: 4rem;
    }

    .display-2 {
        font-size: 3.5rem;
    }

    .display-3 {
        font-size: 3rem;
    }

    .display-4 {
        font-size: 2.5rem;
    }
    .sign-in-up-left{
        display: none;
        width: 0;
    }
    .sign-in-up-right{
        width: 100%;
    }
    .sign-in-up-right .md-tabs .nav-item a {
        padding: 10px 0 10px !important;
    }
}

@media only screen and (max-width: 544px) {
    .f-18 {
        font-size: 15px;
    }
    .p-b-20 {
        padding-bottom: 10px;
    }

    .m-r-10 {
        margin-right: 5px;
    }

    .light-box img {
        margin: 10px auto;
    }

    .loader-block, .br-widget, .loader {
        justify-content: center;
        display: flex;
        text-align: center;
        margin: 0 auto;
    }

    .stars {
        text-align: center;
    }

    .search2 .d-flex{
        display: block;
        text-align: center;
    }

    .search2 .search-content {
        margin-bottom: 20px !important;
        padding-bottom: 5px;
    }

    .dataTables_scrollBody {
        height: 300px !important;
    }

    .email-card .f-right {
        margin-top: 10px;
        float: none;
    }

    .social-timelines:before {
        left: 7%;
    }

    .timeline-dot:after, .timeline-dot:before {
        left: 6%;
    }

    /*Advance form elements start*/
    .advance-elements .col-md-4:last-child .switchery-default, .form-radio, .radio {
        margin-bottom: 0 !important;
    }

    .animation-type .d-flex {
        display: block;
    }

    .animation-type .text-left {
        margin-top: 15px;
    }

    .counter-email {
        display: block;
    }

    .counter-email .btn-primary {
        margin-bottom: 15px;
    }

    .blog-add-cmnt {
        margin-bottom: 15px;
    }

    .dashboard-header .col-sm-6:nth-child(3) {
        margin-bottom: 20px;
    }

    .dashboard-sales .col-sm-4 {
        margin-bottom: 15px;
    }

    .dashboard-sales .col-sm-4:last-child {
        margin-bottom: 0;
    }

    .m-b-30 {
        margin-bottom: 15px !important;
    }

    .m-t-30 {
        margin-top: 15px !important;
    }

    .social-login .btn {
        margin-bottom: 5px;
    }

    .social-login {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .f-30 {
        font-size: 20px;
    }

    .title.current-rating, .title.your-rating, .br-current-rating {
        top: 70%;
    }

    .user-mail ~ .m-t-15 .row.m-t-15 .col-xs-9 {
        margin-bottom: 10px;
    }

    .user-mail ~ .m-t-15 .row.m-t-15 .col-xs-9:last-child {
        margin-bottom: 0;
    }

    .email-textarea {
        width: 100%;
        margin-top: 0 !important;
    }

    .photo-contant {
        display: inline;
    }

    .seacrh-header {
        display: block;
        text-align: center;
    }

    .search-content {
        text-align: center;
        display: block;
    }

    .search-content img {
        width: 100%;
    }

    .badge-top-left {
        right: 52%;
    }

    .badge-bottom-left {
        margin-left: -33px;
        right: auto;
    }

    .generic-card-body, .label-bagdes .card-block {
        text-align: center;
    }

    .dashboard-header .col-sm-6:nth-child(1), .dashboard-header .col-sm-6:nth-child(2) {
        margin-bottom: 15px;
    }

    .card {
        margin-bottom: 20px;
    }

    .project-table img {
        height: auto;
    }

    .last-activity-table button:first-child {
        margin: 0 0 8px 0;
    }

    .widget-activities h6 {
        margin: 5px 0;
    }

    .owl-theme .owl-controls .owl-nav div.owl-prev::before, .owl-theme .owl-controls .owl-nav div.owl-next::before {
        font-size: 20px;
    }

    .owl-theme .owl-controls .owl-nav div {
        padding: 0;
        height: 30px;
        width: 30px;
    }

    .dtr-data span {
        display: none;
    }

    .wrap .f-120 {
        font-size: 40px;
    }

    select.form-control:not([size]):not([multiple]) {
        height: 2rem;
        padding: 0 12px;
        width: 100px;
    }

    #simpletable_filter label ,#task-table_filter label{
        right: 0;
    }

    #simpletable_length label {
        margin-left: 0;
    }

    .button-list .btn {
        display: inline-block;
    }

    .md-input-wrapper textarea ~ label {
        top: 5px !important;
    }
    .wizard > .content {
        min-height: 25em;
    }
    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        padding: 10px;
    }
    .issue-progress .progress .issue-text1{
        margin-right: -30px;
        font-size: 12px;
    }

}

@media only screen and (max-width: 420px) {
    .material-switch {
        margin-bottom: 15px;
    }

    .nvd-chart {
        height: 200px;
    }

    .comming-soon > p {
        font-size: 15px;
    }

    #website-stats {
        height: 230px !important;
    }

    .freelance-card-2 .freelance-2 {
        padding: 15px;
    }

    .freelance-card-2 .freelance-2 .user-name {
        margin-top: 40px;
    }

    .weather-temp h6 {
        font-size: 12px;
    }

    .grid-item .button-list .btn {
        margin-right: 0;
    }

    .widget-income-footer {
        padding: 15px;
    }

    .list-view .d-inline-block {
        display: block !important;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    h6 {
        font-size: 13px;
    }

    h4,.counter-txt {
        font-size: 18px;
    }


    .error-500 h5, .error-503 h5, .error-404 h5, .error-400 h5, .error-403 h5 {
        font-size: 20px;
    }
    .invoice-box{
        display: block;
        margin-top: 40px;
    }
    .invoice-box h1{
        font-size: 3rem;
    }

    .invoice-table {
        border-left: none;
        padding-left: 0;
    }
    .m-r-20 {
        margin-right: 10px;
    }

    .table td, .table th {
        font-size: 13px;
        padding: 7px 10px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 8px;
    }

    .page-item .page-link {
        margin-top: 10px;
        padding: 1px 6px;
    }

    .m-r-30 {
        margin-right: 5px;
    }

    .edit-left, .edit-right {
        width: 100%;
        text-align: center;
    }

    .user-block-2-active label {
        margin-top: 5px;
    }

    .main-timeline {
        padding: 10px;
    }

    .cd-container {
        width: 100%;
    }
    .mail-img .col-sm-4:first-child img{
        margin-top: 20px;
    }
    .mail-img img{
        margin-bottom: 20px;
    }

    .cd-timeline-icon {
        left: 7px;
        width: 25px;
        height: 25px;
    }

    .cd-timeline-icon i {
        font-size: 14px;
        line-height: 1.1;
    }

    .m-t-20 {
        margin-top: 10px;
    }

    .cd-timeline-content {
        margin-left: 45px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .popout .panel {
        width: 240px;
        right: -70%;
        bottom: -15px;
    }

    .weather-temp li {
        padding: 5px 2px;
    }

    .climacon {
        width: 30px;
    }

    .error-500 h5, .error-503 h5, .error-404 h5, .error-400 h5, .error-403 h5, .error-500 h1, .error-503 h1, .error-404 h1, .error-400 h1, .error-403 h1, .error-500 p, .error-503 p, .error-404 p, .error-400 p, .error-403 p {
        margin-bottom: 25px;
    }

    #line-example svg, #area-example svg, #donut-example svg {
        height: 250px;
    }

    #placeholder canvas, .flot-text, #placeholder1 canvas {
        height: 200px !important;
    }

    #placeholder, #placeholder1 {
        height: 220px !important;
    }

    .email-icon {
        margin-bottom: 5px;
    }

    .email-icon button {
        margin-bottom: 10px;
    }

    .footer-bg {
        font-size: 12px;
    }
    .br-widget{
        min-height: 150px;
    }

    .login-card h1 {
        margin-bottom: 10px;
    }

       .piani-card h1 {
        margin-bottom: 10px;
    }

    .social-login .btn {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-nav .nav-item {
        float: none;
    }

    .navbar-light .btn {
        margin-bottom: 10px;
    }

    .placeholder3 > div.legend > table {
        top: -90px;
        left: -40px;
    }

    .placeholder3 {
        height: 180px !important;
        width: 180px !important;
    }

    .placeholder3 {
        margin: 80px auto 0;
    }

    .owl-widget-bottom .f-24 {
        font-size: 16px;
    }

    .owl-widget-bottom .p-20 {
        padding: 10px;
    }

    #product-list tbody tr td:last-child {
        display: none;
    }

    .main-header-top .top-nav > li:nth-child(4), .main-header-top .top-nav > li:nth-child(5) span:nth-child(2), .main-header-top .top-nav > li:nth-child(2) {
        display: none;
    }

    .main-header-top .top-nav > li:nth-child(5) img {
        width: 32px;
        border: 2px solid #fff;
    }

    .blog-section h2 {
        padding: 5px 30px;
        font-size: 16px;
    }

    .blog-section .blog-block {
        padding: 10px 15px;
    }

    .blog-section p {
        margin-top: 5px;
    }

    .blog-section h5 {
        margin-bottom: 0;
        font-size: 18px;
    }
    .d-block-phone{
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 383px) {
    .btn-new-tickets {
        margin-bottom: 10px;
    }

    .product-detail .m-r-20 {
        margin-right: 5px;
    }

    .widget-card .col-xl-9 {
        margin: 0 7px 0 -8px;
    }

    .table.table-inverse {
        overflow: hidden;
    }
    .menu-snaps h6{
        font-size: 11px;
    }
}


@media only screen and (min-width: 481px) and (max-width: 767px){
    .invoice-box{
        display: flex;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .task-list table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .task-list table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 19px;
    }

    .task-detail-btn {
        margin-top: 10px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
    .chat-single-box {
        width: 190px;
    }
    #main-chat .chat-box ul.boxs li.minimized{
        left: -40px;
    }
    #main-chat .chat-box ul.boxs li.minimized .chat-dropdown{
        width: 130px;
    }
}
/*====== Color css ends ======= */



/* viral */
/* open sub menu on hover*/
/*@media screen and (min-width: 768px){
  .dropup-mega:hover .dropdown-menu{
        display: block;
    }
}*/

/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 300px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(55, 58, 60, 0.65);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #666666;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	color: #fff;
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: #1b8bf9;
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 15px 30px 15px; 
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #fff;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(55, 58, 60, 0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}
/*
    Author: Andrea Leonardi
    
    Description: Temporary stylesheet. To be integrate with other sheet.
*/

.oa-error {
    color: red;
    background-color: #FFE4E1;
}

.oa-warnig {
    color: green;
    background-color: #99ff66;
}

.oa-require-pro-plan {
    color: red;
    background-color: orange;
}

.disabled-cursor {
    cursor: not-allowed;
}

.subscription-info {
    font-size: 14pt;
    color: #1b8bf9 !important;
    font-weight: 600;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: unset;
}

.volapp-logo {
    height: 100px;
    padding: 5px;
}

.main-header-top {
    background-color: white !important;
    max-height: 100px !important
}

.volAdmin-logo {
    height: 125px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.main-header-top > .navbar {
    max-height: 100px !important;
    height: 100px;
}

.main-header-top .logo  {
    height: 100px !important;
}

.pad-top-10 {
    padding-top:10px
}

.pad-top-25 {
    padding-top: 25px
}



.accordion-box {
    max-height: 65vh;
    overflow-y: auto;
}

.text-medium {
    font-size: medium !important
}

.btn-gift-lac, .btn-gift-lac:focus, .btn-gift-lac:hover {
    background-color: #4e4e4e;
    border-color: #4e4e4e;
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert {
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
  animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
  animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
  animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
  animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
  animation: slideToTop 0.3s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1040;
}
.sweet-alert {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000;
}
@media all and (max-width: 767px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert .form-group {
  display: none;
}
.sweet-alert .form-group .sa-input-error {
  display: none;
}
.sweet-alert.show-input .form-group {
  display: block;
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -9px;
  opacity: 0;
  visibility: hidden;
}
.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default;
}
.sweet-alert button.confirm[disabled] {
  color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 40px auto;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #d9534f;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #ffffff;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
  border-color: #4cae4c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
  border-color: #d43f3a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fall.la-dark {
  color: #333;
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fall {
  width: 54px;
  height: 18px;
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
/**  =====================
      Generic-class css start
==========================  **/
/**  =====================
      Margin-classes start
==========================  **/
/*========== All Margin ===========*/

.m-0{
    margin: 0 !important;
}
.m-5 {
    margin: 5px;
}
.m-10 {
    margin: 10px;
}
.m-15 {
    margin: 15px;
}
.m-20 {
    margin: 20px;
}
.m-25 {
    margin: 25px;
}
.m-30 {
    margin: 30px;
}
.m-40 {
    margin: 40px;
}
.m-50 {
    margin: 50px;
}
/*========== Margin top ===========*/

.m-t-0 {
    margin-top: 0;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-70{
    margin-top: 70px;
}
.m-t-150{
    margin-top: 150px;
}
/*========== Margin Bottom ===========*/

.m-b-0 {
    margin-bottom: 0;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-70{
    margin-bottom: 70px;
}
/*========== Margin left ===========*/

.m-l-0 {
    margin-left: 0;
}
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-30 {
    margin-left: 30px;
}
.m-l-40 {
    margin-left: 40px;
}
.m-l-50 {
    margin-left: 50px;
}
/*========== Margin Right ===========*/

.m-r-0 {
    margin-right: 0;
}
.m-r-3 {
    margin-right: 3px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-25 {
    margin-right: 25px;
}
.m-r-30 {
    margin-right: 30px;
}
.m-r-40 {
    margin-right: 40px;
}
.m-r-50 {
    margin-right: 50px;
}
/**  =====================
      Padding-classes start
==========================  **/
/*========== All Padding ===========*/

.p-0 {
    padding: 0 !important;
}
.p-3 {
    padding: 3px;
}
.p-5 {
    padding: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px;
}
.p-20 {
    padding: 20px;
}
.p-25 {
    padding: 25px;
}
.p-30 {
    padding: 30px;
}
.p-40 {
    padding: 40px !important;
}
.p-50 {
    padding: 50px;
}
/*========== Padding top ===========*/

.p-t-0 {
    padding-top: 0;
}
.p-t-2 {
    padding-top: 2px !important;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-6{
    padding-top: 6px;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-35 {
    padding-top: 35px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-t-50 {
    padding-top: 50px;
}
/*========== Padding Bottom ===========*/

.p-b-0 {
    padding-bottom: 0;
}
.p-b-2 {
    padding-bottom: 2px !important;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.p-b-35 {
    padding-bottom: 35px;
}
.p-b-40 {
    padding-bottom: 40px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-b-70{
    padding-bottom: 70px;
}
.p-b-100{
    padding-bottom: 100px !important;
}
/*========== Padding left ===========*/

.p-l-0 {
    padding-left: 0;
}
.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-l-40 {
    padding-left: 40px;
}
.p-l-50 {
    padding-left: 50px;
}
/*========== Padding Right ===========*/

.p-r-0 {
    padding-right: 0;
}
.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}
.p-r-40 {
    padding-right: 40px;
}
.p-r-50 {
    padding-right: 50px;
}
/**  =====================
      Font-classes start
==========================  **/
/*========== Font Size ===========*/

.f-12 {
    font-size: 12px;
}
.f-13 {
    font-size: 13px;
}
.f-14 {
    font-size: 14px;
}
.f-15{
    font-size: 15px !important;
}
.f-16 {
    font-size: 16px;
}
.f-18 {
    font-size: 18px;
}
.f-20 {
    font-size: 20px;
}
.f-24 {
    font-size: 24px;
}
.f-26 {
    font-size: 26px !important;
}
.f-28 {
    font-size: 28px;
}
.f-30 {
    font-size: 30px;
}
.f-35 {
    font-size: 35px;
}
.f-40 {
    font-size: 40px;
}
.f-45 {
    font-size: 45px;
}
.f-52 {
    font-size: 52px;
}
.f-64 {
    font-size: 64px;
}
.f-90 {
    font-size: 90px;
}
.f-120 {
    font-size: 120px;
}
/*========== Font Weight ===========*/

.f-w-100 {
    font-weight: 100;
}
.f-w-300 {
    font-weight: 300;
}
.f-w-400 {
    font-weight: 400;
}
.f-w-600 {
    font-weight: 600;
}
.f-w-700 {
    font-weight: 700;
}
.f-w-900 {
    font-weight: 900;
}
/*========== Font Style ===========*/

.f-normal {
    font-style: normal;
}
.f-italic {
    font-style: italic;
}
.f-oblique {
    font-style: oblique;
}
.f-bold {
    font-weight: bold;
}
.f-thin {
    font-weight: lighter;
}
/**  =====================
      Text-classes start
==========================  **/

/*========== Text align ===========*/
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-overline {
    text-decoration: overline;
}
.text-through {
    text-decoration: line-through;
}
.text-underline {
    text-decoration: underline;
}
.text-plain {
    text-decoration: none;
}
/**  =====================
      Positions start
==========================  **/

.p-relative {
    position: relative;
}
.p-absolute {
    position: absolute;
}
.p-static {
    position: static;
}
.p-fixed {
    position: fixed;
}
/**  =====================
      Floating start
==========================  **/

.f-left {
    float: left;
}
.f-right {
    float: right !important;
}
.f-none {
    float: none;
}
/**  =====================
      Overflow css start
==========================  **/

.o-hidden {
    overflow: hidden;
}
.o-auto {
    overflow: auto;
}
.o-visible {
    overflow: visible;
}
/**  =====================
      Background Color css start
==========================  **/

.bg-color-box {
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    box-shadow: 0 0 5px 2px rgba(128, 128, 128, 0.49);
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
.bg-color-box span {
    display: block;
}
.bg-primary {
    background-color: #2196F3 !important;
}
.bg-dark-primary{
    background-color: #2f80e7 !important;
}
.bg-success {
    background-color: #4CAF50 !important;
}
.bg-dark-success{
    background-color: #4ca250 !important;
}
.bg-danger,.alert-danger {
    background-color: #ff5252 !important;
}
.bg-info {
    background-color: #40c4ff !important;
}
.bg-warning {
    background-color: #f57c00 !important;
}
.bg-dark-warning{
    background-color: #de7203 !important;
}
.bg-default {
    background-color: #757575 !important;
}
.bg-white{
    background-color: #fff !important;
}
.bg-twitter{
    background-color: #1da1f2;
}
.bg-facebook{
    background-color: #3b5998;
}
.bg-dark-facebook{
    background-color: #334e88 !important;
}
.bg-gray{
    background-color: #d7d8da;
}
.danger-color {
    background: #ff4444;
}
.warning-color {
    background: #ffbb33;
}
.success-color {
    background: #00C851;
}
.info-color {
    background: #33b5e5;
}
.default-color {
    background: #2BBBAD;
}
.primary-color {
    background: #4285F4;
}
.secondary-color {
    background: #aa66cc;
}
.elegant-color {
    background: #2E2E2E;
}
.stylish-color {
    background: #3F729B;
}
.unique-color {
    background: #3F729B;
}
.special-color {
    background: #37474F;
}
/**  =====================
      Text-color css start
==========================  **/

.txt-primary {
    color: #2196F3 !important;
}
.txt-white{
    color: #fff !important;
}
.txt-muted {
    color: #777 !important;
}
.txt-success {
    color: #4CAF50 !important;
}
.txt-info {
    color: #40c4ff !important;
}
.txt-warning {
    color: #f57c00 !important;
}
.txt-danger {
    color: #ff5252 !important;
}
/**  =====================
      Display-classes start
==========================  **/

.d-flex{
    display: flex;
    align-items: center;
}
.d-block{
    display: block;
}
.d-none{
    display: none;
}

/**  =====================
      vertical-classes start
==========================  **/

.v-middle {
    vertical-align: middle !important;
}
.v-top{
    vertical-align: top;
}
.v-bottom{
    vertical-align: bottom;
}
/**  =====================
      Border-classes start
==========================  **/

.b-none {
    border: none !important;
}
.b-solid {
    border: 1px solid #333;
}
.b-dotted {
    border: 1px dotted #333;
}
.b-radius-0{
    border-radius: 0 !important;
}
.b-b-muted{
    border-bottom: 1px solid #ccc;
}
.b-t-muted{
    border-top: 1px solid #ccc;
}
.b-l-muted{
    border-left: 1px solid #ccc;
}
.b-r-muted{
    border-right: 1px solid #ccc;
}



/**====== Generic-class css end ======**/
/*https://codepen.io/noahblon/pen/lxukH*/

/*General classes*/
.climacon_component-stroke {
  fill: white;
  stroke-width: 0%;
  stroke: black;
}

.climacon_component-fill {
  fill: #aedef4;
  stroke-width: 0%;
  stroke: black;
}
.climacon {
  display: inline-block;
  width: 50px;
  height: 50px;
  shape-rendering: geometricPrecision;
}

g, path, circle, rect {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}



/* SUN */
.climacon_componentWrap-sun {
  -webkit-animation-name: rotate;
          animation-name: rotate;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  -webkit-animation-name: scale;
          animation-name: scale;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

/* MOON */
.climacon_componentWrap-moon {
  -webkit-animation-name: partialRotate;
          animation-name: partialRotate;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

/* WIND */
.climacon_componentWrap-wind {
  -webkit-animation-name: translateWind;
          animation-name: translateWind;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* SNOWFLAKE */
.climacon_componentWrap-snowflake {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 54s;
          animation-duration: 54s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

/* CLOUD SUN */
.climacon_componentWrap-sun_cloud {
  -webkit-animation-name: behindCloudMove, rotate;
          animation-name: behindCloudMove, rotate;
  -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease-out, linear;
          animation-timing-function: ease-out, linear;
  -webkit-animation-delay: 0, 4.5s;
          animation-delay: 0, 4.5s;
  -webkit-animation-duration: 4.5s, 18s;
          animation-duration: 4.5s, 18s;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity, scale;
          animation-name: fillOpacity, scale;
  -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
  -webkit-animation-delay: 4.5s, 0;
          animation-delay: 4.5s, 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

/* CLOUD MOON */
.climacon_componentWrap-moon_cloud {
  -webkit-animation-name: behindCloudMove, partialRotate;
          animation-name: behindCloudMove, partialRotate;
  -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
  -webkit-animation-timing-function: ease-out, linear;
          animation-timing-function: ease-out, linear;
  -webkit-animation-delay: 0, 4.5s;
          animation-delay: 0, 4.5s;
  -webkit-animation-duration: 4.5s, 18s;
          animation-duration: 4.5s, 18s;
}

/* DRIZZLE */
.climacon_component-stroke_drizzle {
  fill-opacity: 0;
  -webkit-animation-name: drizzleFall, fillOpacity2;
          animation-name: drizzleFall, fillOpacity2;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.climacon_component-stroke_drizzle:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.climacon_component-stroke_drizzle:nth-child(2) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.climacon_component-stroke_drizzle:nth-child(3) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

/* RAIN */
.climacon_component-stroke_rain {
  fill-opacity: 0;
  -webkit-animation-name: rainFall, fillOpacity2;
          animation-name: rainFall, fillOpacity2;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.climacon_component-stroke_rain:nth-child(n+4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.climacon_component-stroke_rain_alt:nth-child(2) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

/* HAIL */
/* HAIL ALT */
.climacon_component-stroke_hailAlt {
  fill-opacity: 1;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.climacon_component-stroke_hailAlt-left {
  -webkit-animation-name: hailLeft, fillOpacity2;
          animation-name: hailLeft, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle {
  -webkit-animation-name: hailMiddle, fillOpacity2;
          animation-name: hailMiddle, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle:nth-child(2) {
  -webkit-animation-name: hailMiddle2, fillOpacity2;
          animation-name: hailMiddle2, fillOpacity2;
}

.climacon_component-stroke_hailAlt-right {
  -webkit-animation-name: hailRight, fillOpacity2;
          animation-name: hailRight, fillOpacity2;
}

.climacon_component-stroke_hailAlt:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.climacon_component-stroke_hailAlt:nth-child(2) {
  -webkit-animation-delay: 0.16667s;
          animation-delay: 0.16667s;
}

.climacon_component-stroke_hailAlt:nth-child(3) {
  -webkit-animation-delay: 0.33333s;
          animation-delay: 0.33333s;
}

.climacon_component-stroke_hailAlt:nth-child(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.climacon_component-stroke_hailAlt:nth-child(5) {
  -webkit-animation-delay: 0.66667s;
          animation-delay: 0.66667s;
}

.climacon_component-stroke_hailAlt:nth-child(6) {
  -webkit-animation-delay: 0.83333s;
          animation-delay: 0.83333s;
}

/* SNOW */
.climacon_component-stroke_snow {
  fill-opacity: 0;
  -webkit-animation-name: snowFall, fillOpacity2;
          animation-name: snowFall, fillOpacity2;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}

.climacon_component-stroke_snow:nth-child(3) {
  -webkit-animation-name: snowFall2, fillOpacity2;
          animation-name: snowFall2, fillOpacity2;
}

.climacon_component-stroke_snow:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.climacon_component-stroke_snow:nth-child(2) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.climacon_component-stroke_snow:nth-child(3) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

/* SNOW ALT */
.climacon_wrapperComponent-snowAlt {
  fill-opacity: 0;
  -webkit-animation-name: snowFall, fillOpacity2;
          animation-name: snowFall, fillOpacity2;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}

/* FOG */
.climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  -webkit-animation-name: translateFog, fillOpacityFog;
          animation-name: translateFog, fillOpacityFog;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}

.climacon_component-stroke_fogLine:nth-child(even) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}

/* LIGHTNING */
.climacon_component-stroke_lightning {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacityLightning;
          animation-name: fillOpacityLightning;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}

/* TORNADO */
.climacon_component-stroke_tornadoLine {
  -webkit-animation-name: translateTornado1;
          animation-name: translateTornado1;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}

.climacon_component-stroke_tornadoLine:nth-child(1) {
  -webkit-animation-name: translateTornado1;
          animation-name: translateTornado1;
}

.climacon_component-stroke_tornadoLine:nth-child(2) {
  -webkit-animation-name: translateTornado2;
          animation-name: translateTornado2;
}

.climacon_component-stroke_tornadoLine:nth-child(3) {
  -webkit-animation-name: translateTornado3;
          animation-name: translateTornado3;
}

.climacon_component-stroke_tornadoLine:nth-child(4) {
  -webkit-animation-name: translateTornado4;
          animation-name: translateTornado4;
}

.climacon_component-stroke_tornadoLine:nth-child(5) {
  -webkit-animation-name: translateTornado5;
          animation-name: translateTornado5;
}

.climacon_component-stroke_tornadoLine:nth-child(6) {
  -webkit-animation-name: translateTornado6;
          animation-name: translateTornado6;
}

.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
          animation-name: translateSunset;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
          animation-name: translateSunset;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  -webkit-animation-name: scale;
          animation-name: scale;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  -webkit-animation-name: scale;
          animation-name: scale;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity2, translateArrowUp;
          animation-name: fillOpacity2, translateArrowUp;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
}

.climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity2, translateArrowDown;
          animation-name: fillOpacity2, translateArrowDown;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke, .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
  -webkit-animation-name: scale;
          animation-name: scale;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.climacon_componentWrap-sunriseAlt {
  -webkit-animation-name: translateSunrise, fillOpacity;
          animation-name: translateSunrise, fillOpacity;
  -webkit-animation-duration: 18s, 9s;
          animation-duration: 18s, 9s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity, scale;
          animation-name: fillOpacity, scale;
  -webkit-animation-direction: normal, alternate;
          animation-direction: normal, alternate;
  -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
  -webkit-animation-delay: 4.5s, 0;
          animation-delay: 4.5s, 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s, 4.5s;
          animation-delay: 4.5s, 4.5s;
}

.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
          animation-name: translateSunset;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* ANIMATIONS */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes partialRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes partialRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
}
@-webkit-keyframes behindCloudMove {
  0% {
    -webkit-transform: translateX(-1.75px) translateY(1.75px);
            transform: translateX(-1.75px) translateY(1.75px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@keyframes behindCloudMove {
  0% {
    -webkit-transform: translateX(-1.75px) translateY(1.75px);
            transform: translateX(-1.75px) translateY(1.75px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@-webkit-keyframes drizzleFall {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(21px);
            transform: translateY(21px);
  }
}
@keyframes drizzleFall {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(21px);
            transform: translateY(21px);
  }
}
@-webkit-keyframes rainFall {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
  }
}
@keyframes rainFall {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
  }
}
@-webkit-keyframes rainFall2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
  }
  100% {
    -webkit-transform: translateX(14px) translateY(14px);
            transform: translateX(14px) translateY(14px);
  }
}
@keyframes rainFall2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(14px);
            transform: translateY(14px);
  }
  100% {
    -webkit-transform: translateX(14px) translateY(14px);
            transform: translateX(14px) translateY(14px);
  }
}
@-webkit-keyframes hailLeft {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.3px);
            transform: translateY(17.5px) translateX(-0.3px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.9px);
            transform: translateY(16.40333px) translateX(-0.9px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-1.5px);
            transform: translateY(15.32396px) translateX(-1.5px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-2.1px);
            transform: translateY(14.27891px) translateX(-2.1px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-2.7px);
            transform: translateY(13.28466px) translateX(-2.7px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-3.3px);
            transform: translateY(12.35688px) translateX(-3.3px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-3.9px);
            transform: translateY(11.51021px) translateX(-3.9px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-4.5px);
            transform: translateY(10.75801px) translateX(-4.5px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-5.1px);
            transform: translateY(10.11213px) translateX(-5.1px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-5.7px);
            transform: translateY(9.58276px) translateX(-5.7px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-6.3px);
            transform: translateY(9.17826px) translateX(-6.3px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-6.9px);
            transform: translateY(8.90499px) translateX(-6.9px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-7.5px);
            transform: translateY(8.76727px) translateX(-7.5px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-8.1px);
            transform: translateY(8.76727px) translateX(-8.1px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-8.7px);
            transform: translateY(8.90499px) translateX(-8.7px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-9.3px);
            transform: translateY(9.17826px) translateX(-9.3px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-9.9px);
            transform: translateY(9.58276px) translateX(-9.9px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-10.5px);
            transform: translateY(10.11213px) translateX(-10.5px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-11.1px);
            transform: translateY(10.75801px) translateX(-11.1px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-11.7px);
            transform: translateY(11.51021px) translateX(-11.7px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-12.3px);
            transform: translateY(12.35688px) translateX(-12.3px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-12.9px);
            transform: translateY(13.28466px) translateX(-12.9px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-13.5px);
            transform: translateY(14.27891px) translateX(-13.5px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-14.1px);
            transform: translateY(15.32396px) translateX(-14.1px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-14.7px);
            transform: translateY(16.40333px) translateX(-14.7px);
  }
}
@keyframes hailLeft {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.3px);
            transform: translateY(17.5px) translateX(-0.3px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.9px);
            transform: translateY(16.40333px) translateX(-0.9px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-1.5px);
            transform: translateY(15.32396px) translateX(-1.5px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-2.1px);
            transform: translateY(14.27891px) translateX(-2.1px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-2.7px);
            transform: translateY(13.28466px) translateX(-2.7px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-3.3px);
            transform: translateY(12.35688px) translateX(-3.3px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-3.9px);
            transform: translateY(11.51021px) translateX(-3.9px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-4.5px);
            transform: translateY(10.75801px) translateX(-4.5px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-5.1px);
            transform: translateY(10.11213px) translateX(-5.1px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-5.7px);
            transform: translateY(9.58276px) translateX(-5.7px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-6.3px);
            transform: translateY(9.17826px) translateX(-6.3px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-6.9px);
            transform: translateY(8.90499px) translateX(-6.9px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-7.5px);
            transform: translateY(8.76727px) translateX(-7.5px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-8.1px);
            transform: translateY(8.76727px) translateX(-8.1px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-8.7px);
            transform: translateY(8.90499px) translateX(-8.7px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-9.3px);
            transform: translateY(9.17826px) translateX(-9.3px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-9.9px);
            transform: translateY(9.58276px) translateX(-9.9px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-10.5px);
            transform: translateY(10.11213px) translateX(-10.5px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-11.1px);
            transform: translateY(10.75801px) translateX(-11.1px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-11.7px);
            transform: translateY(11.51021px) translateX(-11.7px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-12.3px);
            transform: translateY(12.35688px) translateX(-12.3px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-12.9px);
            transform: translateY(13.28466px) translateX(-12.9px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-13.5px);
            transform: translateY(14.27891px) translateX(-13.5px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-14.1px);
            transform: translateY(15.32396px) translateX(-14.1px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-14.7px);
            transform: translateY(16.40333px) translateX(-14.7px);
  }
}
@-webkit-keyframes hailMiddle {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.15px);
            transform: translateY(17.5px) translateX(-0.15px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.45px);
            transform: translateY(16.40333px) translateX(-0.45px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-0.75px);
            transform: translateY(15.32396px) translateX(-0.75px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-1.05px);
            transform: translateY(14.27891px) translateX(-1.05px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-1.35px);
            transform: translateY(13.28466px) translateX(-1.35px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-1.65px);
            transform: translateY(12.35688px) translateX(-1.65px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-1.95px);
            transform: translateY(11.51021px) translateX(-1.95px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-2.25px);
            transform: translateY(10.75801px) translateX(-2.25px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-2.55px);
            transform: translateY(10.11213px) translateX(-2.55px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-2.85px);
            transform: translateY(9.58276px) translateX(-2.85px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-3.15px);
            transform: translateY(9.17826px) translateX(-3.15px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-3.45px);
            transform: translateY(8.90499px) translateX(-3.45px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-3.75px);
            transform: translateY(8.76727px) translateX(-3.75px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-4.05px);
            transform: translateY(8.76727px) translateX(-4.05px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-4.35px);
            transform: translateY(8.90499px) translateX(-4.35px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-4.65px);
            transform: translateY(9.17826px) translateX(-4.65px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-4.95px);
            transform: translateY(9.58276px) translateX(-4.95px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-5.25px);
            transform: translateY(10.11213px) translateX(-5.25px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-5.55px);
            transform: translateY(10.75801px) translateX(-5.55px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-5.85px);
            transform: translateY(11.51021px) translateX(-5.85px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-6.15px);
            transform: translateY(12.35688px) translateX(-6.15px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-6.45px);
            transform: translateY(13.28466px) translateX(-6.45px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-6.75px);
            transform: translateY(14.27891px) translateX(-6.75px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-7.05px);
            transform: translateY(15.32396px) translateX(-7.05px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-7.35px);
            transform: translateY(16.40333px) translateX(-7.35px);
  }
}
@keyframes hailMiddle {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.15px);
            transform: translateY(17.5px) translateX(-0.15px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.45px);
            transform: translateY(16.40333px) translateX(-0.45px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-0.75px);
            transform: translateY(15.32396px) translateX(-0.75px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-1.05px);
            transform: translateY(14.27891px) translateX(-1.05px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-1.35px);
            transform: translateY(13.28466px) translateX(-1.35px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-1.65px);
            transform: translateY(12.35688px) translateX(-1.65px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-1.95px);
            transform: translateY(11.51021px) translateX(-1.95px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-2.25px);
            transform: translateY(10.75801px) translateX(-2.25px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-2.55px);
            transform: translateY(10.11213px) translateX(-2.55px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-2.85px);
            transform: translateY(9.58276px) translateX(-2.85px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-3.15px);
            transform: translateY(9.17826px) translateX(-3.15px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-3.45px);
            transform: translateY(8.90499px) translateX(-3.45px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-3.75px);
            transform: translateY(8.76727px) translateX(-3.75px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-4.05px);
            transform: translateY(8.76727px) translateX(-4.05px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-4.35px);
            transform: translateY(8.90499px) translateX(-4.35px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-4.65px);
            transform: translateY(9.17826px) translateX(-4.65px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-4.95px);
            transform: translateY(9.58276px) translateX(-4.95px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-5.25px);
            transform: translateY(10.11213px) translateX(-5.25px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-5.55px);
            transform: translateY(10.75801px) translateX(-5.55px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-5.85px);
            transform: translateY(11.51021px) translateX(-5.85px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-6.15px);
            transform: translateY(12.35688px) translateX(-6.15px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-6.45px);
            transform: translateY(13.28466px) translateX(-6.45px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-6.75px);
            transform: translateY(14.27891px) translateX(-6.75px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-7.05px);
            transform: translateY(15.32396px) translateX(-7.05px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-7.35px);
            transform: translateY(16.40333px) translateX(-7.35px);
  }
}
@-webkit-keyframes hailMiddle2 {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.15px);
            transform: translateY(17.5px) translateX(0.15px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.45px);
            transform: translateY(16.40333px) translateX(0.45px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(0.75px);
            transform: translateY(15.32396px) translateX(0.75px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(1.05px);
            transform: translateY(14.27891px) translateX(1.05px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(1.35px);
            transform: translateY(13.28466px) translateX(1.35px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(1.65px);
            transform: translateY(12.35688px) translateX(1.65px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(1.95px);
            transform: translateY(11.51021px) translateX(1.95px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(2.25px);
            transform: translateY(10.75801px) translateX(2.25px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(2.55px);
            transform: translateY(10.11213px) translateX(2.55px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(2.85px);
            transform: translateY(9.58276px) translateX(2.85px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(3.15px);
            transform: translateY(9.17826px) translateX(3.15px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(3.45px);
            transform: translateY(8.90499px) translateX(3.45px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(3.75px);
            transform: translateY(8.76727px) translateX(3.75px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(4.05px);
            transform: translateY(8.76727px) translateX(4.05px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(4.35px);
            transform: translateY(8.90499px) translateX(4.35px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(4.65px);
            transform: translateY(9.17826px) translateX(4.65px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(4.95px);
            transform: translateY(9.58276px) translateX(4.95px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(5.25px);
            transform: translateY(10.11213px) translateX(5.25px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(5.55px);
            transform: translateY(10.75801px) translateX(5.55px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(5.85px);
            transform: translateY(11.51021px) translateX(5.85px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(6.15px);
            transform: translateY(12.35688px) translateX(6.15px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(6.45px);
            transform: translateY(13.28466px) translateX(6.45px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(6.75px);
            transform: translateY(14.27891px) translateX(6.75px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(7.05px);
            transform: translateY(15.32396px) translateX(7.05px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(7.35px);
            transform: translateY(16.40333px) translateX(7.35px);
  }
}
@keyframes hailMiddle2 {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.15px);
            transform: translateY(17.5px) translateX(0.15px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.45px);
            transform: translateY(16.40333px) translateX(0.45px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(0.75px);
            transform: translateY(15.32396px) translateX(0.75px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(1.05px);
            transform: translateY(14.27891px) translateX(1.05px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(1.35px);
            transform: translateY(13.28466px) translateX(1.35px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(1.65px);
            transform: translateY(12.35688px) translateX(1.65px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(1.95px);
            transform: translateY(11.51021px) translateX(1.95px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(2.25px);
            transform: translateY(10.75801px) translateX(2.25px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(2.55px);
            transform: translateY(10.11213px) translateX(2.55px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(2.85px);
            transform: translateY(9.58276px) translateX(2.85px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(3.15px);
            transform: translateY(9.17826px) translateX(3.15px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(3.45px);
            transform: translateY(8.90499px) translateX(3.45px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(3.75px);
            transform: translateY(8.76727px) translateX(3.75px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(4.05px);
            transform: translateY(8.76727px) translateX(4.05px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(4.35px);
            transform: translateY(8.90499px) translateX(4.35px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(4.65px);
            transform: translateY(9.17826px) translateX(4.65px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(4.95px);
            transform: translateY(9.58276px) translateX(4.95px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(5.25px);
            transform: translateY(10.11213px) translateX(5.25px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(5.55px);
            transform: translateY(10.75801px) translateX(5.55px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(5.85px);
            transform: translateY(11.51021px) translateX(5.85px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(6.15px);
            transform: translateY(12.35688px) translateX(6.15px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(6.45px);
            transform: translateY(13.28466px) translateX(6.45px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(6.75px);
            transform: translateY(14.27891px) translateX(6.75px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(7.05px);
            transform: translateY(15.32396px) translateX(7.05px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(7.35px);
            transform: translateY(16.40333px) translateX(7.35px);
  }
}
@-webkit-keyframes hailRight {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.3px);
            transform: translateY(17.5px) translateX(0.3px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.9px);
            transform: translateY(16.40333px) translateX(0.9px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(1.5px);
            transform: translateY(15.32396px) translateX(1.5px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(2.1px);
            transform: translateY(14.27891px) translateX(2.1px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(2.7px);
            transform: translateY(13.28466px) translateX(2.7px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(3.3px);
            transform: translateY(12.35688px) translateX(3.3px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(3.9px);
            transform: translateY(11.51021px) translateX(3.9px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(4.5px);
            transform: translateY(10.75801px) translateX(4.5px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(5.1px);
            transform: translateY(10.11213px) translateX(5.1px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(5.7px);
            transform: translateY(9.58276px) translateX(5.7px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(6.3px);
            transform: translateY(9.17826px) translateX(6.3px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(6.9px);
            transform: translateY(8.90499px) translateX(6.9px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(7.5px);
            transform: translateY(8.76727px) translateX(7.5px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(8.1px);
            transform: translateY(8.76727px) translateX(8.1px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(8.7px);
            transform: translateY(8.90499px) translateX(8.7px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(9.3px);
            transform: translateY(9.17826px) translateX(9.3px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(9.9px);
            transform: translateY(9.58276px) translateX(9.9px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(10.5px);
            transform: translateY(10.11213px) translateX(10.5px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(11.1px);
            transform: translateY(10.75801px) translateX(11.1px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(11.7px);
            transform: translateY(11.51021px) translateX(11.7px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(12.3px);
            transform: translateY(12.35688px) translateX(12.3px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(12.9px);
            transform: translateY(13.28466px) translateX(12.9px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(13.5px);
            transform: translateY(14.27891px) translateX(13.5px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(14.1px);
            transform: translateY(15.32396px) translateX(14.1px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(14.7px);
            transform: translateY(16.40333px) translateX(14.7px);
  }
}
@keyframes hailRight {
  50% {
    -webkit-transform: translateY(17.5px);
            transform: translateY(17.5px);
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.3px);
            transform: translateY(17.5px) translateX(0.3px);
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.9px);
            transform: translateY(16.40333px) translateX(0.9px);
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(1.5px);
            transform: translateY(15.32396px) translateX(1.5px);
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(2.1px);
            transform: translateY(14.27891px) translateX(2.1px);
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(2.7px);
            transform: translateY(13.28466px) translateX(2.7px);
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(3.3px);
            transform: translateY(12.35688px) translateX(3.3px);
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(3.9px);
            transform: translateY(11.51021px) translateX(3.9px);
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(4.5px);
            transform: translateY(10.75801px) translateX(4.5px);
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(5.1px);
            transform: translateY(10.11213px) translateX(5.1px);
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(5.7px);
            transform: translateY(9.58276px) translateX(5.7px);
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(6.3px);
            transform: translateY(9.17826px) translateX(6.3px);
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(6.9px);
            transform: translateY(8.90499px) translateX(6.9px);
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(7.5px);
            transform: translateY(8.76727px) translateX(7.5px);
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(8.1px);
            transform: translateY(8.76727px) translateX(8.1px);
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(8.7px);
            transform: translateY(8.90499px) translateX(8.7px);
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(9.3px);
            transform: translateY(9.17826px) translateX(9.3px);
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(9.9px);
            transform: translateY(9.58276px) translateX(9.9px);
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(10.5px);
            transform: translateY(10.11213px) translateX(10.5px);
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(11.1px);
            transform: translateY(10.75801px) translateX(11.1px);
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(11.7px);
            transform: translateY(11.51021px) translateX(11.7px);
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(12.3px);
            transform: translateY(12.35688px) translateX(12.3px);
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(12.9px);
            transform: translateY(13.28466px) translateX(12.9px);
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(13.5px);
            transform: translateY(14.27891px) translateX(13.5px);
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(14.1px);
            transform: translateY(15.32396px) translateX(14.1px);
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(14.7px);
            transform: translateY(16.40333px) translateX(14.7px);
  }
}
@-webkit-keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@-webkit-keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@-webkit-keyframes lightningFlash {
  0% {
    fill-opacity: 0;
  }
  1% {
    fill-opacity: 1;
  }
  2% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  51% {
    fill-opacity: 1;
  }
  52% {
    fill-opacity: 0;
  }
  53% {
    fill-opacity: 1;
  }
  54% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 0;
  }
}
@keyframes lightningFlash {
  0% {
    fill-opacity: 0;
  }
  1% {
    fill-opacity: 1;
  }
  2% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  51% {
    fill-opacity: 1;
  }
  52% {
    fill-opacity: 0;
  }
  53% {
    fill-opacity: 1;
  }
  54% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 0;
  }
}
@-webkit-keyframes snowFall {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(0.75349px);
            transform: translateY(0.35px) translateX(0.75349px);
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(1.44133px);
            transform: translateY(0.7px) translateX(1.44133px);
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(2.06119px);
            transform: translateY(1.05px) translateX(2.06119px);
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(2.61124px);
            transform: translateY(1.4px) translateX(2.61124px);
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(3.09017px);
            transform: translateY(1.75px) translateX(3.09017px);
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(3.49718px);
            transform: translateY(2.1px) translateX(3.49718px);
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(3.83201px);
            transform: translateY(2.45px) translateX(3.83201px);
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(4.09491px);
            transform: translateY(2.8px) translateX(4.09491px);
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(4.28661px);
            transform: translateY(3.15px) translateX(4.28661px);
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(4.40839px);
            transform: translateY(3.5px) translateX(4.40839px);
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(4.46197px);
            transform: translateY(3.85px) translateX(4.46197px);
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(4.44956px);
            transform: translateY(4.2px) translateX(4.44956px);
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(4.37381px);
            transform: translateY(4.55px) translateX(4.37381px);
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(4.23782px);
            transform: translateY(4.9px) translateX(4.23782px);
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(4.04508px);
            transform: translateY(5.25px) translateX(4.04508px);
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(3.79948px);
            transform: translateY(5.6px) translateX(3.79948px);
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(3.50523px);
            transform: translateY(5.95px) translateX(3.50523px);
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(3.16689px);
            transform: translateY(6.3px) translateX(3.16689px);
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(2.78933px);
            transform: translateY(6.65px) translateX(2.78933px);
  }
  40% {
    -webkit-transform: translateY(7px) translateX(2.37764px);
            transform: translateY(7px) translateX(2.37764px);
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(1.93717px);
            transform: translateY(7.35px) translateX(1.93717px);
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(1.47343px);
            transform: translateY(7.7px) translateX(1.47343px);
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(0.99211px);
            transform: translateY(8.05px) translateX(0.99211px);
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(0.49901px);
            transform: translateY(8.4px) translateX(0.49901px);
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
            transform: translateY(8.75px) translateX(0px);
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(-0.49901px);
            transform: translateY(9.1px) translateX(-0.49901px);
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(-0.99211px);
            transform: translateY(9.45px) translateX(-0.99211px);
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(-1.47343px);
            transform: translateY(9.8px) translateX(-1.47343px);
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(-1.93717px);
            transform: translateY(10.15px) translateX(-1.93717px);
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(-2.37764px);
            transform: translateY(10.5px) translateX(-2.37764px);
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(-2.78933px);
            transform: translateY(10.85px) translateX(-2.78933px);
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(-3.16689px);
            transform: translateY(11.2px) translateX(-3.16689px);
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(-3.50523px);
            transform: translateY(11.55px) translateX(-3.50523px);
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(-3.79948px);
            transform: translateY(11.9px) translateX(-3.79948px);
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(-4.04508px);
            transform: translateY(12.25px) translateX(-4.04508px);
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(-4.23782px);
            transform: translateY(12.6px) translateX(-4.23782px);
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(-4.37381px);
            transform: translateY(12.95px) translateX(-4.37381px);
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(-4.44956px);
            transform: translateY(13.3px) translateX(-4.44956px);
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(-4.46197px);
            transform: translateY(13.65px) translateX(-4.46197px);
  }
  80% {
    -webkit-transform: translateY(14px) translateX(-4.40839px);
            transform: translateY(14px) translateX(-4.40839px);
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(-4.28661px);
            transform: translateY(14.35px) translateX(-4.28661px);
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(-4.09491px);
            transform: translateY(14.7px) translateX(-4.09491px);
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(-3.83201px);
            transform: translateY(15.05px) translateX(-3.83201px);
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(-3.49718px);
            transform: translateY(15.4px) translateX(-3.49718px);
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(-3.09017px);
            transform: translateY(15.75px) translateX(-3.09017px);
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(-2.61124px);
            transform: translateY(16.1px) translateX(-2.61124px);
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(-2.06119px);
            transform: translateY(16.45px) translateX(-2.06119px);
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(-1.44133px);
            transform: translateY(16.8px) translateX(-1.44133px);
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(-0.75349px);
            transform: translateY(17.15px) translateX(-0.75349px);
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
            transform: translateY(17.5px) translateX(0px);
  }
}
@keyframes snowFall {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(0.75349px);
            transform: translateY(0.35px) translateX(0.75349px);
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(1.44133px);
            transform: translateY(0.7px) translateX(1.44133px);
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(2.06119px);
            transform: translateY(1.05px) translateX(2.06119px);
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(2.61124px);
            transform: translateY(1.4px) translateX(2.61124px);
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(3.09017px);
            transform: translateY(1.75px) translateX(3.09017px);
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(3.49718px);
            transform: translateY(2.1px) translateX(3.49718px);
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(3.83201px);
            transform: translateY(2.45px) translateX(3.83201px);
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(4.09491px);
            transform: translateY(2.8px) translateX(4.09491px);
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(4.28661px);
            transform: translateY(3.15px) translateX(4.28661px);
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(4.40839px);
            transform: translateY(3.5px) translateX(4.40839px);
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(4.46197px);
            transform: translateY(3.85px) translateX(4.46197px);
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(4.44956px);
            transform: translateY(4.2px) translateX(4.44956px);
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(4.37381px);
            transform: translateY(4.55px) translateX(4.37381px);
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(4.23782px);
            transform: translateY(4.9px) translateX(4.23782px);
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(4.04508px);
            transform: translateY(5.25px) translateX(4.04508px);
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(3.79948px);
            transform: translateY(5.6px) translateX(3.79948px);
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(3.50523px);
            transform: translateY(5.95px) translateX(3.50523px);
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(3.16689px);
            transform: translateY(6.3px) translateX(3.16689px);
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(2.78933px);
            transform: translateY(6.65px) translateX(2.78933px);
  }
  40% {
    -webkit-transform: translateY(7px) translateX(2.37764px);
            transform: translateY(7px) translateX(2.37764px);
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(1.93717px);
            transform: translateY(7.35px) translateX(1.93717px);
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(1.47343px);
            transform: translateY(7.7px) translateX(1.47343px);
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(0.99211px);
            transform: translateY(8.05px) translateX(0.99211px);
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(0.49901px);
            transform: translateY(8.4px) translateX(0.49901px);
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
            transform: translateY(8.75px) translateX(0px);
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(-0.49901px);
            transform: translateY(9.1px) translateX(-0.49901px);
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(-0.99211px);
            transform: translateY(9.45px) translateX(-0.99211px);
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(-1.47343px);
            transform: translateY(9.8px) translateX(-1.47343px);
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(-1.93717px);
            transform: translateY(10.15px) translateX(-1.93717px);
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(-2.37764px);
            transform: translateY(10.5px) translateX(-2.37764px);
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(-2.78933px);
            transform: translateY(10.85px) translateX(-2.78933px);
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(-3.16689px);
            transform: translateY(11.2px) translateX(-3.16689px);
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(-3.50523px);
            transform: translateY(11.55px) translateX(-3.50523px);
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(-3.79948px);
            transform: translateY(11.9px) translateX(-3.79948px);
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(-4.04508px);
            transform: translateY(12.25px) translateX(-4.04508px);
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(-4.23782px);
            transform: translateY(12.6px) translateX(-4.23782px);
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(-4.37381px);
            transform: translateY(12.95px) translateX(-4.37381px);
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(-4.44956px);
            transform: translateY(13.3px) translateX(-4.44956px);
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(-4.46197px);
            transform: translateY(13.65px) translateX(-4.46197px);
  }
  80% {
    -webkit-transform: translateY(14px) translateX(-4.40839px);
            transform: translateY(14px) translateX(-4.40839px);
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(-4.28661px);
            transform: translateY(14.35px) translateX(-4.28661px);
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(-4.09491px);
            transform: translateY(14.7px) translateX(-4.09491px);
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(-3.83201px);
            transform: translateY(15.05px) translateX(-3.83201px);
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(-3.49718px);
            transform: translateY(15.4px) translateX(-3.49718px);
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(-3.09017px);
            transform: translateY(15.75px) translateX(-3.09017px);
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(-2.61124px);
            transform: translateY(16.1px) translateX(-2.61124px);
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(-2.06119px);
            transform: translateY(16.45px) translateX(-2.06119px);
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(-1.44133px);
            transform: translateY(16.8px) translateX(-1.44133px);
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(-0.75349px);
            transform: translateY(17.15px) translateX(-0.75349px);
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
            transform: translateY(17.5px) translateX(0px);
  }
}
@-webkit-keyframes snowFall2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(-0.75349px);
            transform: translateY(0.35px) translateX(-0.75349px);
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(-1.44133px);
            transform: translateY(0.7px) translateX(-1.44133px);
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(-2.06119px);
            transform: translateY(1.05px) translateX(-2.06119px);
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(-2.61124px);
            transform: translateY(1.4px) translateX(-2.61124px);
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(-3.09017px);
            transform: translateY(1.75px) translateX(-3.09017px);
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(-3.49718px);
            transform: translateY(2.1px) translateX(-3.49718px);
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(-3.83201px);
            transform: translateY(2.45px) translateX(-3.83201px);
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(-4.09491px);
            transform: translateY(2.8px) translateX(-4.09491px);
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(-4.28661px);
            transform: translateY(3.15px) translateX(-4.28661px);
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(-4.40839px);
            transform: translateY(3.5px) translateX(-4.40839px);
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(-4.46197px);
            transform: translateY(3.85px) translateX(-4.46197px);
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(-4.44956px);
            transform: translateY(4.2px) translateX(-4.44956px);
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(-4.37381px);
            transform: translateY(4.55px) translateX(-4.37381px);
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(-4.23782px);
            transform: translateY(4.9px) translateX(-4.23782px);
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(-4.04508px);
            transform: translateY(5.25px) translateX(-4.04508px);
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(-3.79948px);
            transform: translateY(5.6px) translateX(-3.79948px);
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(-3.50523px);
            transform: translateY(5.95px) translateX(-3.50523px);
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(-3.16689px);
            transform: translateY(6.3px) translateX(-3.16689px);
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(-2.78933px);
            transform: translateY(6.65px) translateX(-2.78933px);
  }
  40% {
    -webkit-transform: translateY(7px) translateX(-2.37764px);
            transform: translateY(7px) translateX(-2.37764px);
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(-1.93717px);
            transform: translateY(7.35px) translateX(-1.93717px);
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(-1.47343px);
            transform: translateY(7.7px) translateX(-1.47343px);
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(-0.99211px);
            transform: translateY(8.05px) translateX(-0.99211px);
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(-0.49901px);
            transform: translateY(8.4px) translateX(-0.49901px);
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
            transform: translateY(8.75px) translateX(0px);
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(0.49901px);
            transform: translateY(9.1px) translateX(0.49901px);
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(0.99211px);
            transform: translateY(9.45px) translateX(0.99211px);
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(1.47343px);
            transform: translateY(9.8px) translateX(1.47343px);
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(1.93717px);
            transform: translateY(10.15px) translateX(1.93717px);
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(2.37764px);
            transform: translateY(10.5px) translateX(2.37764px);
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(2.78933px);
            transform: translateY(10.85px) translateX(2.78933px);
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(3.16689px);
            transform: translateY(11.2px) translateX(3.16689px);
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(3.50523px);
            transform: translateY(11.55px) translateX(3.50523px);
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(3.79948px);
            transform: translateY(11.9px) translateX(3.79948px);
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(4.04508px);
            transform: translateY(12.25px) translateX(4.04508px);
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(4.23782px);
            transform: translateY(12.6px) translateX(4.23782px);
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(4.37381px);
            transform: translateY(12.95px) translateX(4.37381px);
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(4.44956px);
            transform: translateY(13.3px) translateX(4.44956px);
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(4.46197px);
            transform: translateY(13.65px) translateX(4.46197px);
  }
  80% {
    -webkit-transform: translateY(14px) translateX(4.40839px);
            transform: translateY(14px) translateX(4.40839px);
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(4.28661px);
            transform: translateY(14.35px) translateX(4.28661px);
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(4.09491px);
            transform: translateY(14.7px) translateX(4.09491px);
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(3.83201px);
            transform: translateY(15.05px) translateX(3.83201px);
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(3.49718px);
            transform: translateY(15.4px) translateX(3.49718px);
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(3.09017px);
            transform: translateY(15.75px) translateX(3.09017px);
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(2.61124px);
            transform: translateY(16.1px) translateX(2.61124px);
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(2.06119px);
            transform: translateY(16.45px) translateX(2.06119px);
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(1.44133px);
            transform: translateY(16.8px) translateX(1.44133px);
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(0.75349px);
            transform: translateY(17.15px) translateX(0.75349px);
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
            transform: translateY(17.5px) translateX(0px);
  }
}
@keyframes snowFall2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(-0.75349px);
            transform: translateY(0.35px) translateX(-0.75349px);
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(-1.44133px);
            transform: translateY(0.7px) translateX(-1.44133px);
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(-2.06119px);
            transform: translateY(1.05px) translateX(-2.06119px);
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(-2.61124px);
            transform: translateY(1.4px) translateX(-2.61124px);
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(-3.09017px);
            transform: translateY(1.75px) translateX(-3.09017px);
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(-3.49718px);
            transform: translateY(2.1px) translateX(-3.49718px);
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(-3.83201px);
            transform: translateY(2.45px) translateX(-3.83201px);
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(-4.09491px);
            transform: translateY(2.8px) translateX(-4.09491px);
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(-4.28661px);
            transform: translateY(3.15px) translateX(-4.28661px);
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(-4.40839px);
            transform: translateY(3.5px) translateX(-4.40839px);
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(-4.46197px);
            transform: translateY(3.85px) translateX(-4.46197px);
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(-4.44956px);
            transform: translateY(4.2px) translateX(-4.44956px);
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(-4.37381px);
            transform: translateY(4.55px) translateX(-4.37381px);
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(-4.23782px);
            transform: translateY(4.9px) translateX(-4.23782px);
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(-4.04508px);
            transform: translateY(5.25px) translateX(-4.04508px);
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(-3.79948px);
            transform: translateY(5.6px) translateX(-3.79948px);
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(-3.50523px);
            transform: translateY(5.95px) translateX(-3.50523px);
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(-3.16689px);
            transform: translateY(6.3px) translateX(-3.16689px);
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(-2.78933px);
            transform: translateY(6.65px) translateX(-2.78933px);
  }
  40% {
    -webkit-transform: translateY(7px) translateX(-2.37764px);
            transform: translateY(7px) translateX(-2.37764px);
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(-1.93717px);
            transform: translateY(7.35px) translateX(-1.93717px);
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(-1.47343px);
            transform: translateY(7.7px) translateX(-1.47343px);
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(-0.99211px);
            transform: translateY(8.05px) translateX(-0.99211px);
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(-0.49901px);
            transform: translateY(8.4px) translateX(-0.49901px);
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
            transform: translateY(8.75px) translateX(0px);
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(0.49901px);
            transform: translateY(9.1px) translateX(0.49901px);
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(0.99211px);
            transform: translateY(9.45px) translateX(0.99211px);
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(1.47343px);
            transform: translateY(9.8px) translateX(1.47343px);
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(1.93717px);
            transform: translateY(10.15px) translateX(1.93717px);
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(2.37764px);
            transform: translateY(10.5px) translateX(2.37764px);
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(2.78933px);
            transform: translateY(10.85px) translateX(2.78933px);
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(3.16689px);
            transform: translateY(11.2px) translateX(3.16689px);
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(3.50523px);
            transform: translateY(11.55px) translateX(3.50523px);
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(3.79948px);
            transform: translateY(11.9px) translateX(3.79948px);
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(4.04508px);
            transform: translateY(12.25px) translateX(4.04508px);
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(4.23782px);
            transform: translateY(12.6px) translateX(4.23782px);
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(4.37381px);
            transform: translateY(12.95px) translateX(4.37381px);
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(4.44956px);
            transform: translateY(13.3px) translateX(4.44956px);
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(4.46197px);
            transform: translateY(13.65px) translateX(4.46197px);
  }
  80% {
    -webkit-transform: translateY(14px) translateX(4.40839px);
            transform: translateY(14px) translateX(4.40839px);
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(4.28661px);
            transform: translateY(14.35px) translateX(4.28661px);
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(4.09491px);
            transform: translateY(14.7px) translateX(4.09491px);
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(3.83201px);
            transform: translateY(15.05px) translateX(3.83201px);
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(3.49718px);
            transform: translateY(15.4px) translateX(3.49718px);
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(3.09017px);
            transform: translateY(15.75px) translateX(3.09017px);
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(2.61124px);
            transform: translateY(16.1px) translateX(2.61124px);
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(2.06119px);
            transform: translateY(16.45px) translateX(2.06119px);
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(1.44133px);
            transform: translateY(16.8px) translateX(1.44133px);
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(0.75349px);
            transform: translateY(17.15px) translateX(0.75349px);
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
            transform: translateY(17.5px) translateX(0px);
  }
}
/* Tornado */
@-webkit-keyframes translateTornado1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(3.997px);
            transform: translateX(3.997px);
  }
  75% {
    -webkit-transform: translateX(-3.997px);
            transform: translateX(-3.997px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(3.997px);
            transform: translateX(3.997px);
  }
  75% {
    -webkit-transform: translateX(-3.997px);
            transform: translateX(-3.997px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes translateTornado2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(2.002px);
            transform: translateX(2.002px);
  }
  75% {
    -webkit-transform: translateX(-2.002px);
            transform: translateX(-2.002px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(2.002px);
            transform: translateX(2.002px);
  }
  75% {
    -webkit-transform: translateX(-2.002px);
            transform: translateX(-2.002px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes translateTornado3 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(8.001px);
            transform: translateX(8.001px);
  }
  75% {
    -webkit-transform: translateX(-8.001px);
            transform: translateX(-8.001px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado3 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(8.001px);
            transform: translateX(8.001px);
  }
  75% {
    -webkit-transform: translateX(-8.001px);
            transform: translateX(-8.001px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes translateTornado4 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(5.999px);
            transform: translateX(5.999px);
  }
  75% {
    -webkit-transform: translateX(-5.999px);
            transform: translateX(-5.999px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado4 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(5.999px);
            transform: translateX(5.999px);
  }
  75% {
    -webkit-transform: translateX(-5.999px);
            transform: translateX(-5.999px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes translateTornado5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(10.003px);
            transform: translateX(10.003px);
  }
  75% {
    -webkit-transform: translateX(-10.003px);
            transform: translateX(-10.003px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(10.003px);
            transform: translateX(10.003px);
  }
  75% {
    -webkit-transform: translateX(-10.003px);
            transform: translateX(-10.003px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes translateTornado6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(5.999px);
            transform: translateX(5.999px);
  }
  75% {
    -webkit-transform: translateX(-5.999px);
            transform: translateX(-5.999px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateTornado6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(5.999px);
            transform: translateX(5.999px);
  }
  75% {
    -webkit-transform: translateX(-5.999px);
            transform: translateX(-5.999px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@-webkit-keyframes translateFog {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(2.499px);
            transform: translateX(2.499px);
  }
  75% {
    -webkit-transform: translateX(-2.499px);
            transform: translateX(-2.499px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateFog {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(2.499px);
            transform: translateX(2.499px);
  }
  75% {
    -webkit-transform: translateX(-2.499px);
            transform: translateX(-2.499px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
}
@keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
}
@-webkit-keyframes translateSunrise {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
  100% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
}
@keyframes translateSunrise {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
  100% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
}
@-webkit-keyframes translateSunset {
  0% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
  25% {
    -webkit-transform: translateY(-3.997px);
            transform: translateY(-3.997px);
  }
  100% {
    -webkit-transform: translateY(-3.997px);
            transform: translateY(-3.997px);
  }
}
@keyframes translateSunset {
  0% {
    -webkit-transform: translateY(-16.002px);
            transform: translateY(-16.002px);
  }
  25% {
    -webkit-transform: translateY(-3.997px);
            transform: translateY(-3.997px);
  }
  100% {
    -webkit-transform: translateY(-3.997px);
            transform: translateY(-3.997px);
  }
}
@-webkit-keyframes translateArrowDown {
  0% {
    -webkit-transform: translateY(2.002px);
            transform: translateY(2.002px);
  }
  100% {
    -webkit-transform: translateY(4.998px);
            transform: translateY(4.998px);
  }
}
@keyframes translateArrowDown {
  0% {
    -webkit-transform: translateY(2.002px);
            transform: translateY(2.002px);
  }
  100% {
    -webkit-transform: translateY(4.998px);
            transform: translateY(4.998px);
  }
}
@-webkit-keyframes translateArrowUp {
  0% {
    -webkit-transform: translateY(-2.002px);
            transform: translateY(-2.002px);
  }
  100% {
    -webkit-transform: translateY(-4.998px);
            transform: translateY(-4.998px);
  }
}
@keyframes translateArrowUp {
  0% {
    -webkit-transform: translateY(-2.002px);
            transform: translateY(-2.002px);
  }
  100% {
    -webkit-transform: translateY(-4.998px);
            transform: translateY(-4.998px);
  }
}
@-webkit-keyframes translateWind {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(4.998px);
            transform: translateX(4.998px);
  }
  75% {
    -webkit-transform: translateX(-4.998px);
            transform: translateX(-4.998px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes translateWind {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateX(4.998px);
            transform: translateX(4.998px);
  }
  75% {
    -webkit-transform: translateX(-4.998px);
            transform: translateX(-4.998px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/** Template Name: Able Pro Responsive Bootstrap 4 Admin Template
Author: Phoenixcoded
Email: phoenixcoded@gmail.com
File: menu.css
**/

.volapp-logo{
    display:inline-block !important;
}

.img-circle-avatar, a.icon-circle > span > img.img-circle{
    margin-bottom: 4px !important;
}

.settings-menu li{
    padding: 7px 20px;
}
.settings-menu li a i{
    font-size: 14px;
    margin-right: 10px;
}
/*jempis*/
.settings-menu a {
    display: block;
}
.bell-notification .block-time{
    font-size: 12px;
}
.bell-notification .block{
    color: #777;
}
.bell-notification img{
    width: 40px;
}
.top-nav .dropdown-toggle:after{
    content: initial;
}
.main-header-top {
    background-color: #1b8bf9;
}
.nav-level{
    padding: 10px 15px !important;
    font-weight: bold;
    font-size: 13px;
    border-top: 1px solid #efefef;
}
.sidebar-collapse .nav-level,.sidebar-collapse .icon-arrow-down{
    display: none;
}
.sidebar-collapse .sidebar-menu .treeview-menu>li>a{
    padding-left: 20px;
}
.sidebar-collapse .treeview-menu{
    box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
}
/*.sidebar-collapse .main-header-top{
	position:fixed;
	width:100%;
}*/
.sidebar-mini.sidebar-fixed .main-header-top{
    position: relative;
}
.sidebar-mini.sidebar-fixed .content-wrapper{
    margin-top:0px;
}
.main-header-top .navbar .top-nav>li>a {
    opacity: 0.9;
    color: #fff
}
.main-header-top .navbar .top-nav>li>a:hover,
.main-header-top .navbar .top-nav>li>a:active,
.main-header-top .navbar .top-nav>li>a:focus {
    opacity: 1;
    color: #f6f6f6
}
.main-header-top .navbar .top-nav>li>a:hover i,
.main-header-top .navbar .top-nav>li>a:active i,
.main-header-top .navbar .top-nav>li>a:focus i
.main-header-top .navbar .top-nav .open>a i{
    font-weight: 800;
}
.main-header-top .navbar .top-nav .open>a:hover,
.main-header-top .navbar .top-nav .open>a:focus {
    opacity: 1;
    color: #f6f6f6
}
.main-header-top .navbar .top-nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.main-header-top .navbar .sidebar-toggle {
    color: #fff;
    opacity: 0.9;
}
.main-header-top .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    opacity: 1;
}
.main-header-top .logo {
    color: #fff;
    border-bottom: 0 solid transparent
}
.main-header-top .logo i{
    position: relative;
    font-size: 22px;
    top:3px;
}

.user-panel>.info {
    color: #fff
}
.user-panel>.info>a {
    color: #fff
}
.sidebar-menu>li>a {
    color: #666;
}

.sidebar-menu>li>a.inpsBtn {
    color: #1b8bf9 !important;
}
.sidebar-menu>li>a.dtlBtn {
    color: #3f51b5 !important;
}

.sidebar-menu>li.active>a {
    color: #fff;
    font-weight: 600;
    background: #1b8bf9;
}
.sidebar-menu .treeview-menu {
    margin: 0 1px;
    background: #fff;
}
.sidebar-menu .treeview-menu>li>a {
    color: #666;
}

.sidebar-menu .treeview-menu>li.active>a {
    color: #1b8bf9;
    font-weight: bold;
}
.only-sidebar.sidebar-collapse .sidebar .logo .sidebar-toggle {
    color: #673AB7
}
.only-sidebar .sidebar .logo {
    color: #fff;
    background-color: #673AB7
}
.only-sidebar .sidebar .logo .sidebar-toggle {
    color: #fff
}
.only-sidebar .sidebar .user-panel:after {
    color: #fff
}
.fixed .main-header-top,
.fixed .main-sidebar,
.fixed .left-side {
    position: fixed
}
.fixed .main-header-top {
    top: 0;
    right: 0;
    left: 0
}
.fixed .content-wrapper{
    margin-top: 50px
}
header .wrapper {
    min-height: 100vh;
    position: static;
    overflow-x: hidden;
    background: #e5e5e5;;
}
.wrapper:before {
    content: " ";
    display: table
}
.wrapper:after {
    content: " ";
    clear: both
}
.header-fixed .content-wrapper{
    margin-top:50px;
}
.content-wrapper {
    height: 100%;
    background-color: #E5E5E5;
    margin-left: 230px;
    z-index: 820;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
    .content-wrapper{
        margin-left:50px;
    }
}
@media (max-width: 767px) {
    .fixed .content-wrapper {
        margin-top: 100px
    }
}
@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper {
        margin-left: 0
    }
}
@media (max-width: 767px) {
    .content-wrapper {
        margin-left: 0
    }
    /*.sidebar-open .content-wrapper {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        transform: translate(230px, 0)
    }*/
}
@media (max-width: 480px) {
    .content-wrapper {
        padding: 0px
    }
}
.block {
    display: block
}
.light-text {
    font-weight: 300 !important
}
.semibold-text {
    font-weight: 500 !important
}
.line-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.main-header-top {
    position: relative;
    max-height: 55px;
    z-index: 1030
}
.header-fixed .main-header-top{
    position: fixed;
    width: 100%;
}
.sidebar-fixed .main-sidebar{
    position: fixed;

}
.main-header-top>.navbar {
    margin-bottom: 0;
    margin-left: 230px;
    border: none;
    max-height: 55px;
    border-radius: 0;
    padding: 0;
    background-color: #1b8bf9;
}
.main-header-top .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding:15px;
    font-family: fontAwesome;
    position: relative;
    transition: all 0.3s ease;
    max-height: 55px
}
.main-header-top .sidebar-toggle:before {
    font-family: 'simple-line-icons';
    content: "\e601";
    font-size: 15px;
    margin-top: 23px
}
.main-header-top .sidebar-toggle:focus,
.main-header-top .sidebar-toggle:active {
    background: transparent
}
.main-header-top .logo {
    display: block;
    width: 230px;
    height: 55px;
    font-size: 15px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    float: left;
    overflow: hidden
}
.main-header-top .navbar-brand {
    color: #fff
}
.main-header-top .top-nav {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    float: right;
    margin: 0 10px 0 0;
}
.main-header-top .top-nav>li {
    display: inline-block;
    position: relative
}
.main-header-top .top-nav>li>a {
    padding: 15px 20px;
    line-height: 50px;
    opacity: 0.9;
}
.header-badge{
    position: absolute;
    top: 2px;
    left: 25px;
    padding: 4px 6px;
    font-size: 11px;
}
.main-header-top .top-nav .settings-menu li a {
    font-weight: 500;
    text-transform: capitalize;
    color: #666;
    font-size: 13px;
    transition: all ease-in 0.3s;
}
.main-header-top .top-nav .settings-menu li a:hover{
    color: #1b8bf9;
}
.main-header-top .top-nav .notification-menu .dropdown-menu {
    min-width: 300px
}
.main-header-top .top-nav .notification-menu .dropdown-menu i {
    width: auto
}
.main-header-top .top-nav .notification-menu .dropdown-menu .fa-stack {
    text-align: center
}
.main-header-top .top-nav .notification-menu .dropdown-menu .fa-stack-1x,
.main-header-top .top-nav .notification-menu .dropdown-menu .fa-stack-2x {
    width: 100%
}
.main-header-top .top-nav .notification-menu .dropdown-menu .fa-stack-2x {
    font-size: 2em
}
.main-header-top .top-nav .notification-menu .media {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 8px 12px;
}
.main-header-top .top-nav .notification-menu .media .block:not(.text-muted) {
    font-weight: 500
}
.main-header-top .top-nav .notification-menu .not-head {
    padding: 8px 20px;
    text-align: center;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size:14px;
}
.main-header-top .top-nav .notification-menu .not-footer {
    text-align: center;
    background-color: #fff;
    padding: 5px;
}

.icon-menu-margin {
    margin-top: 23px;
}

@media (max-width: 767px) {
    .main-header-top {
        position: relative
    }
    .main-header-top .logo {
        width: 100%;
        float: none
    }
    .main-header-top .navbar {
        width: 100%;
        float: none;
        margin: 0;
        height: 50px !important;
    }

    .icon-menu-margin {
        margin-top: 0px;
    }
}


@media (max-width: 768px) {
    .main-header-top .top-nav {
        margin-right: 0
    }
}
.horizontal-fixed .main-sidebar{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    background:#fff;
    padding-top: 50px;
    min-height: 100vh;
    width: 230px;
    z-index: 810;
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out
}
.mega-menu{
    display: none;
}
@media (max-width: 767px) {
    .main-sidebar {
        padding-top: 100px;
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
    .sidebar-open .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        transform: translate(-230px, 0)
    }
}
.sidebar {
    padding-bottom: 10px;
    font-size: 16px
}
.sidebar .user-panel {
    position: relative;
    width: 100%;
    padding: 80px 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
    /*jempis*/
    /*white-space: nowrap;*/
    background-image: url("/Content/assets/images/extra-profile-bg.png");
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, .34);
}
.user-panel .info p {
    color: #fff;
}
.sidebar .user-panel:before {
    content: " ";
    display: table
}
.sidebar .user-panel:after {
    content: " ";
    display: table;
    clear: both
}
.sidebar .user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto
}
.sidebar .user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px
}
.sidebar .user-panel>.info>p {
    margin-top: 2px;
    margin-bottom: 5px;
    font-family: "Lato", "Segoe UI", sans-serif;
    font-size: 17px
}
.sidebar .user-panel>.info>.designation {
    font-size: 13px
}
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    /*white-space: nowrap;*/
    overflow: hidden
}
.sidebar-menu:hover {
    overflow: visible
}
.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0
}
.sidebar-menu>li>a {
    padding: 12px 5px 12px 15px;
    display: block;
    position: relative;
    font-size: 14px;
    background-color: #fff;
}
.sidebar-menu>li>a>i {
    padding-right: 6px;
    display: inline;
}
.sidebar-menu>li .label,
.sidebar-menu>li .badge {
    margin-top: 3px;
    margin-right: 5px
}
.menu-caption{
    position: absolute;
    right: 10px;
}
.sidebar-collapse span.menu-caption{
    display: none !important;
}
.label-success.menu-caption{
    right:25px;
}
.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden
}
.treeview-menu i{
    font-size: 9px;
}
.treeview-menu .icofont.icofont-caret-right{
    font-size: 13px;
}
.sidebar-menu li>a>.icon-arrow-down {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    padding: 0;
    float: none;
    margin-right: 12px;
    margin-top: 5px;
    transition: all 0.3s ease;
    font-size: 10px;
}
.sidebar-menu li.active>a>.icon-arrow-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.sidebar-menu li.active>.treeview-menu {
    display: block
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px
}
.sidebar-menu .treeview-menu .treeview-menu li a{
    padding-left: 40px;
}

.sidebar-menu .treeview-menu .treeview-menu .treeview-menu li a{
    padding-left: 60px;
}
.sidebar-menu .treeview-menu>li {
    margin: 0
}
.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 8px 30px;
    display: block;
    font-size: 13px;
    position: relative;
    border-top: 1px solid #efefef;
}
.sidebar-menu .treeview-menu>li:first-child >a{
    border:none;
}
.sidebar-menu .treeview-menu>li>a>.fa-angle-left,
.sidebar-menu .treeview-menu>li>a>.fa-angle-down {
    width: auto
}
.sidebar-menu .treeview-menu>li>a>i:first-of-type {
    padding-right: 10px
}
@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0;
        position: relative;
        transition: none;
        overflow:visible;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.fa-angle-right {
        display: none
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block;
        position: absolute;
        width: 230px;
        left: 50px;
        box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
        background: #fff;
        color: #666;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span.inpsBtn:not(.pull-right) {
        display: block;
        position: absolute;
        width: 230px;
        left: 50px;
        box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
        background: #fff;
        color: #1b8bf9;
    }

       .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span.dtlBtn:not(.pull-right) {
        display: block;
        position: absolute;
        width: 230px;
        left: 50px;
        box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
        background: #fff;
        color: #3f51b5;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        padding: 12px 5px 12px 20px;
        background-color: inherit
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info {
        display: none !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right {
        display: none;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.page-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #FFF;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.page-title h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 400
}
.page-title p {
    margin-bottom: 0;
    font-style: italic
}
.page-title .breadcrumb {
    margin-bottom: 0;
    text-align: right;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize
}
.page-title .breadcrumb.side {
    margin-top: 10px;
    text-align: left;
    padding: 0
}
@media (max-width: 480px) {
    .page-title {
        margin-top: -10px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 20px
    }
}
header .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 0;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border: 0;
    padding: 0;
    min-width: 230px;
}
.dropdown-menu li a {
    position: relative;
    padding: 8px 0px
}
.dropdown-menu li a i {
    width: 20px;
    font-size: 18px;
    vertical-align: middle
}
.open>.dropdown-menu {
    -webkit-animation-name: scaleDrop;
    animation-name: scaleDrop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
@-webkit-keyframes scaleDrop {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scaleDrop {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.m-circular {
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #673AB7;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}
.btn-spinner {
    display: inline-block;
    z-index: 2000;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 10px;
    -webkit-animation: bSpinner 0.8s linear infinite;
    animation: bSpinner 0.8s linear infinite
}
@-webkit-keyframes bSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes bSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.widget-small {
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.widget-small .icon {
    display: -ms-flexbox;
    display: flex;
    min-width: 85px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px 0 0 4px
}
.widget-small .info {
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    -ms-flex-item-align: center;
    align-self: center
}
.widget-small .info h4 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 400
}
.widget-small .info p {
    margin: 0;
    font-size: 16px
}
.widget-small.primary {
    background-color: #673AB7
}
.widget-small.primary.coloured-icon {
    background-color: #fff;
    color: #2a2a2a
}
.widget-small.primary.coloured-icon .icon {
    background-color: #673AB7;
    color: #fff
}
.widget-small.info {
    background-color: #2196F3
}
.widget-small.info.coloured-icon {
    background-color: #fff;
    color: #2a2a2a
}
.widget-small.info.coloured-icon .icon {
    background-color: #2196F3;
    color: #fff
}
.widget-small.warning {
    background-color: #FF9800
}
.widget-small.warning.coloured-icon {
    background-color: #fff;
    color: #2a2a2a
}
.widget-small.warning.coloured-icon .icon {
    background-color: #FF9800;
    color: #fff
}
.widget-small.danger {
    background-color: #F44336
}
.widget-small.danger.coloured-icon {
    background-color: #fff;
    color: #2a2a2a
}
.widget-small.danger.coloured-icon .icon {
    background-color: #F44336;
    color: #fff
}
.messanger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.messanger .messages {
    -ms-flex: 1;
    flex: 1;
    margin: 10px 0;
    padding: 0 10px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden
}
.messanger .messages .message {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -ms-flex-align: start;
    align-items: flex-start
}
.messanger .messages .message.me {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.messanger .messages .message.me img {
    margin-right: 0;
    margin-left: 15px
}
.messanger .messages .message.me .info {
    background-color: #673AB7;
    color: #fff
}
.messanger .messages .message.me .info:before {
    display: none
}
.messanger .messages .message.me .info:after {
    position: absolute;
    right: -13px;
    top: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 16px 0;
    border-color: transparent #673AB7 transparent transparent;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.messanger .messages .message img {
    border-radius: 50%;
    margin-right: 15px
}
.messanger .messages .message .info {
    margin: 0;
    background-color: #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.messanger .messages .message .info:before {
    position: absolute;
    left: -14px;
    top: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 16px 0;
    border-color: transparent #ddd transparent transparent
}
.messanger .sender {
    display: -ms-flexbox;
    display: flex
}
.messanger .sender input[type="text"] {
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #673AB7;
    outline: none;
    padding: 5px 10px
}
.messanger .sender button {
    border-radius: 0
}
.product {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}
.product img {
    margin-right: 10px
}
.product .item-desc h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px
}
.product .item-desc p {
    margin-bottom: 0
}
.user-list {
    padding: 0 15px
}
.user-list .user img {
    border-radius: 50%;
    max-width: 50px;
    margin: 0 auto;
    display: block
}
.user-list .user a {
    margin-top: 10px;
    font-weight: 500;
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.login-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh
}
.login-content .logo {
    margin-bottom: 40px;
    font-family: 'Niconne';
    color: #fff
}
.login-content .logo h1 {
    font-size: 52px
}
.login-content .login-box {
    position: relative;
    min-width: 350px;
    min-height: 390px;
    background-color: #fff;
    box-shadow: 0px 29px 147.5px 102.5px rgba(0, 0, 0, 0.05), 0px 29px 95px 0px rgba(0, 0, 0, 0.16);
    -webkit-perspective: 800px;
    perspective: 800px;
    transition: all 0.5s ease-in-out
}
.login-content .login-box .login-head {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center
}
.login-content .login-box label {
    color: #666
}
.login-content .login-box .utility {
    display: -ms-flexbox;
    display: flex;
    padding: 1px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.login-content .login-box .btn-container {
    margin-bottom: 0
}
.login-content .login-box .login-form,
.login-content .login-box .forget-form {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.5s ease-in-out
}
.login-content .login-box .forget-form {
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.login-content .login-box.flipped {
    min-height: 300px
}
.login-content .login-box.flipped .login-form {
    opacity: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
.login-content .login-box.flipped .forget-form {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
@media (max-width: 351px) {
    .login-content .login-box {
        min-width: 100%
    }
    .login-content .login-box .login-form,
    .login-content .login-box .forget-form {
        width: 100%
    }
}
.lockscreen-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh
}
.lockscreen-content .logo {
    font-family: 'Niconne';
    margin-bottom: 40px;
    color: #fff
}
.lockscreen-content .logo h1 {
    font-size: 52px
}
.lockscreen-content .lock-box {
    position: relative;
    min-width: 320px;
    padding: 20px 40px;
    background-color: #fff;
    box-shadow: 0px 29px 147.5px 102.5px rgba(0, 0, 0, 0.05), 0px 29px 95px 0px rgba(0, 0, 0, 0.16);
    -webkit-perspective: 800px;
    perspective: 800px;
    transition: all 0.5s ease-in-out
}
.lockscreen-content .lock-box .user-image {
    border: 3px solid #fff;
    max-width: 100px;
    display: block;
    margin: 0 auto
}
.lockscreen-content .lock-box .user-name {
    margin-bottom: 2px
}
.lockscreen-content .lock-box label {
    color: #666
}
.page-error {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}
.page-error h1 {
    margin: 10px;
    color: #F44336;
    font-size: 42px
}
.folder-head {
    padding: 10px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd
}
.mailbox-controls {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mailbox-controls .animated-checkbox .label-text:before {
    vertical-align: -7px !important
}
.mail-nav>li>a {
    background-color: #fff;
    color: #2a2a2a;
    border-radius: 0 !important;
    font-weight: 500
}
.mailbox-messages table tr td {
    border: 0 !important;
    padding: 5px !important
}
.mailbox-messages .mail-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px
}
.user .profile {
    margin: -30px -30px 0 -30px;
    display: -ms-flexbox;
    display: flex
}
.user .profile .info {
    padding: 30px 60px;
    text-align: center;
    background-color: #fff;
    white-space: nowrap;
    background-color: #404040;
    color: #fff
}
.user .profile .info img {
    border-radius: 50%;
    max-width: 110px;
    margin-bottom: 20px;
    margin-top: 10px
}
.user .profile .cover-image {
    -ms-flex: 1;
    flex: 1;
    background-image: url(http://placeimg.com/1200/300/nature);
    background-size: cover;
    background-position: center
}
.user .user-tabs {
    margin-top: 20px
}
.user .user-tabs>li.active>a {
    border-left: 3px solid #673AB7;
    border-bottom: 0;
    background-color: #eee !important
}
.user .user-tabs>li>a {
    border-left: 3px solid transparent;
    padding: 12px 15px;
    border-bottom: 0;
    font-size: 15px
}
.user .user-tabs>li>a:hover,
.user .user-tabs>li>a:active {
    background-color: #eee !important;
    border-bottom: 0
}
.user .tab-content {
    margin: 20px -10px -10px
}
.user .timeline .post {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}
.user .timeline .post .post-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px
}
.user .timeline .post .post-media img {
    margin-right: 10px
}
.user .timeline .post .post-media h5 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 15px
}
.user .timeline .post .post-content {
    margin-bottom: 20px
}
.user .timeline .post .post-utility {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}
.user .timeline .post .post-utility .likes,
.user .timeline .post .post-utility .shares {
    margin-right: 10px
}
.user .timeline .post .post-utility .likes a,
.user .timeline .post .post-utility .shares a {
    color: #555
}
.user .timeline .post .post-utility .comments {
    color: #555;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}
.user .user-settings .line-head {
    font-size: 18px;
    margin-bottom: 30px;
    color: #2a2a2a
}
.user .user-settings label {
    color: #666
}

@media (max-width: 767px) {
    .mega-menu.menu-open .card-block.mega-card{
        padding:0;
    }
}
@media (min-width: 767px) {
    /* Top bar menu */
    .horizontal-fixed .main-sidebar{
        width:100%;
        min-height:auto;
    }
    .horizontal-fixed .sidebar-menu .treeview-menu .treeview-menu li a{
        padding-left: 20px;
    }
    .horizontal-fixed .main-sidebar .sidebar{
        padding-bottom:0px;
    }
    .horizontal-fixed .main-sidebar .user-panel,.horizontal-fixed .main-sidebar .sidebar-menu li.nav-level{
        display:none;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li{
        display:inline-block;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li .treeview-menu{
        position:absolute;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li .treeview-menu li{
        display: list-item;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li.active>.treeview-menu{
        display:none;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li:hover .treeview-menu{
        display:block;
        box-shadow: 0px 1px 2px 2px rgba(128, 128, 128, 0.19);
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li>a>.icon-arrow-down{
        position:relative;
    }
    .sidebar-menu .treeview-menu>li>a {
        padding:10px 15px 10px 20px;
    }
    .horizontal-fixed.fixed .sidebar-menu>li>a {
        padding: 13px 13px 13px 15px;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu ul.treeview-menu ul.treeview-menu {
        left: 100%;
        top: 0;
        display: none;
    }

    .horizontal-fixed .main-sidebar .sidebar-menu ul.treeview-menu li:hover ul.treeview-menu {
        display:block;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu .treeview-menu>li{
        position:relative;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu ul.treeview-menu ul.treeview-menu ul.treeview-menu {
        display: none;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu ul.treeview-menu li:hover ul.treeview-menu li:hover ul.treeview-menu{
        display:block;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu .treeview-menu{
        padding-top:0px;
    }

    .icon-fixed .main-sidebar .sidebar-menu li{
        text-align:center;
    }
    .icon-fixed .main-sidebar .sidebar-menu .treeview-menu li{
        text-align:left;
    }
    .icon-fixed .main-sidebar .sidebar-menu .icon-arrow-down{
        margin-right: 0;
        margin-left: 5px;
    }
    .icon-fixed .main-sidebar .sidebar-menu li a i:first-child{
        display:block;
    }
    .icon-fixed .main-sidebar .sidebar-menu li .treeview-menu li a i:first-child,.icon-fixed .main-sidebar .sidebar-menu .mega-menu .mega-list li a i:first-child{
        display:inline-block;
    }

    .horizontal-fixed .container,.horizontal-fixed .container-fluid{
        margin-top:110px;
        /*padding-top:30px;*/
    }
    body.icon-fixed .container-fluid{
        margin-top: 30px;
    }
    .horizontal-fixed.fixed .container-fluid{
        margin-top: 99px;
    }
    .horizontal-fixed .mega-menu{
        display:none;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu li:hover ul.mega-menu {
        display: block;
        position: fixed;
        background: #fff;
        padding: 10px;
        left: 10px;
        right: 10px;
        box-shadow: 0px 2px 4px 3px rgba(128, 128, 128, 0.24);
        border-top: 3px solid #1b8bf9;
    }
    .mega-menu ul{
        width: 98% !important;
        left: 1%;
    }
    .mega-card h6{
        margin-bottom: 0px;
        color: #1b8bf9;
        font-weight: 700;
    }
    .mega-list li{
        padding: 5px;
    }
    .mega-card{
        padding-top: 10px;
    }
    ul.mega-list li > a{
        padding: 3px 5px;
        color: #666;
        font-size: 13px;
    }
    ul.mega-list li > a:hover{
        color: #1b8bf9;
    }
    ul.mega-list li > a > i{
        font-size: 10px;
    }
    ul.mega-list li a{
        border-top: none;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu .mega-menu .mega-list li{
        display: list-item;
        text-align:left;
        line-height:1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .horizontal-fixed .main-sidebar .sidebar-menu .mega-menu .mega-card{
        text-align:left;
    }
    .horizontal-fixed.top-fixed .main-sidebar{
        position:absolute;
    }
}
@media (max-width: 1199px) {
    .horizontal-fixed.fixed  .sidebar-menu > li > a {
        padding: 10px 5px ;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    .horizontal-fixed .main-sidebar .sidebar-menu li span{
        display: none;
    }
}
@media (max-width: 767px){
    #sidebar ~ .container-fluid{
        padding-top: 50px;
    }
}

/**

Template Name: Able Pro Responsive Bootstrap 4 Admin Template
Author: Phoenixcoded
Email: phoenixcoded@gmail.com
File: main.css
**/
/* =============
  == Table of Contents==

	- Custom Css
	- Generic classes
		-	Margin, Padding, Font class, text align, position, floating, overflow, background class, text color, display class, boarder class
	- Theme Elements
		-	Icons, Accordion, Button, Redial, floating actions, FAB, tabs, typography, buttons, box shadow, slider page, error page, Breadcrumb, pagination, Basic card, Login card
	- General Elements
		-	Modal, Nestable, Lable & Badges, List, Portlates, Preloader, Calender, To-Do, Materialize general elements, Lables
	- Advance Form Elements
	- Pages
		-	Loader page, Invoice, Tasklist, Task detail, Range-slider, Counter, Maintenance, Color, FAQ, Progress, Panels & wells, Contact card, Auth pages, Flag
		-	Gallery, Products pages, Widget, Email, Social timeline, Datatable, Chat, Blog, Wizard, CRM dashboard, Task board, Issue list, Chartlist, X-editable
		-	Home chat, Dashboard 1-2-3-4
	- Responsive media class

============= */
@import url('../plugins/waves/css/waves.min.css');
@import url('../plugins/notification/css/animate.min.css');
@import url('../plugins/notification/css/notification.css');
@import url("../plugins/search/css/component.css");
@import url('generic-class.css');
@import url('svg-weather.css');
@import url('menu.css');

body {
    /*font-size: 15px;*/
    overflow-x: hidden;
    background-color: #E5E5E5;
    font-family: 'Open Sans', sans-serif;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

* a {
    color: #000;
    transition: all 0.3s 0s;
}

*:focus {
    outline: none !important;
}

a {
    color: #00b9f5;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}

p {
    font-size: 13px;
    line-height: 1.6;
    color: #666666;
    font-weight: 400;
    margin: 0;
}

i {
    cursor: pointer;
}

.card_main {
    margin-bottom: 30px;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
}

.sub-title {
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 400;
}

label {
    color: rgba(43, 61, 81, 0.8);
    font-weight: 500;
    text-transform: capitalize;
}

h6 {
    color: #757575;
    font-weight: 600;
}

ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.counter-txt {
    font-size: 1.5rem;
}

.width-100 {
    width: 100%;
}

.c-both {
    clear: both;
}

.c-pointer {
    cursor: pointer;
}

.breadcrumb-block .breadcrumb:last-child {
    margin-bottom: 0;
}

.breadcrumb-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

.card-header-text {
    margin-bottom: 0;
    font-size: 1rem;
    color: rgba(51, 51, 51, 0.85);
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

.card-header {
    padding: 20px;
    background-color: transparent;
    color: #757575;
}

.card {
    margin-bottom: 30px;
    border: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
}

textarea {
    resize: none;
}

.txt-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    overflow: hidden;
}

.form-inline label {
    margin-bottom: 5px !important;
}

.able-logo {
    display: inline-block;
    margin-right: 10px;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
    background: transparent;
    color: #0275d8;
    text-align: center;
    border-bottom: 1px solid #0275d8;
}

.generic-card-body strong {
    display: block;
}

.generic-card-body code {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.block {
    display: block;
}

.btn.shadow-none {
    box-shadow: none;
}
/**====== Custom css end ======**/


/**  =====================
      Box-layout css start
==========================  **/


.box-layout .main-sidebar {
    left: auto;
}


/**====== Box-layout css end ======**/

/**  =====================
      icon css start
==========================  **/
/*========== font awesome icone ===========*/

.data_table_main.icon-list-demo [class*=col-] {
    margin-bottom: 10px;
}

.icon-list-demo i {
    border: 1px solid #eceeef;
    border-radius: 3px;
    color: rgba(43, 61, 81, 0.7);
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin: 0 12px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.icon-list-demo div {
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 10px;
}

.icon-list-demo i:hover {
    color: #64b0f2;
}

.main-header {
    padding: 20px 0 20px 20px;
}

    .main-header h4 {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 600;
    }

    .main-header .breadcrumb-title {
        margin-top: 10px;
        margin-bottom: 0;
    }

        .main-header .breadcrumb-title a {
            font-size: 16px;
            color: #1b8bf9;
        }

        .main-header .breadcrumb-title .breadcrumb-item:last-child a {
            color: #7e7e7e;
        }
/*========== Material Design Icons ===========*/
/**====== icon css end ======**/
/**  =====================
      Accordion css start
==========================  **/
.accordion-msg {
    display: block;
    color: #222222;
    padding: 14px 20px;
    border-top: 1px solid #ddd;
    font-weight: 600;
}

    .accordion-msg:hover,
    .accordion-msg:focus {
        text-decoration: none;
    }

.faq-accordion .accordion-desc {
    padding: 20px;
}

.accordion-desc {
    color: #222222;
    padding: 0px 20px 20px 20px;
}

#color-accordion .accordion-desc {
    margin-top: 14px;
}

.ui-accordion-header-icon {
    float: right;
    font-size: 20px;
}

.accordion-title {
    margin-bottom: 0;
}

.accordion-block {
    padding: 0;
}
/*dropdown*/
.drop.animate {
    -webkit-animation: drop 1s ease-out;
    animation: drop 1s ease-out;
}

@-webkit-keyframes drop {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

@keyframes drop {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

.materialSelect {
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

    .materialSelect.error .md-select:not(.isOpen) {
        border: 1px solid #DD2C00 !important;
    }

    .materialSelect.error .message {
        display: block;
    }

    .materialSelect.inline {
        float: none !important;
        display: inline-block;
        z-index: 0;
        min-width: 100px;
    }

        .materialSelect.inline .md-select {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            top: 0;
            left: 0;
            margin: 0;
            -webkit-transition: all 0.2s !important;
            transition: all 0.2s !important;
            width: 100%;
            background-color: #f7f7f7;
            border-bottom: 1px solid #CDCDCD;
        }

            .materialSelect.inline .md-select.isOpen {
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                top: 50%;
            }

    .materialSelect:not(.inline) {
        width: 100%;
    }

        .materialSelect:not(.inline) .md-select {
            width: 100%;
            margin-left: 50%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }

    .materialSelect .md-select {
        position: absolute;
        padding: 0;
        top: -1px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 250px;
        text-align: center;
        margin: 0 0 0 auto;
        z-index: 9999;
        height: 48px;
        overflow: hidden;
        border: 1px solid transparent;
        box-shadow: 0 0 0 0 transparent;
        background-color: #fff;
        -webkit-transform: none;
        transform: none;
    }

        .materialSelect .md-select:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #bbbbbb;
            content: '';
            display: block;
            height: 0;
            position: absolute;
            pointer-events: none;
            top: 19px;
            right: 10px;
            width: 0;
        }

        .materialSelect .md-select li {
            cursor: pointer;
            font-size: 15px;
            list-style: none;
            line-height: 48px;
            padding: 0 48px 0 24px;
            position: relative;
            overflow: hidden;
            text-align: left;
        }

            .materialSelect .md-select li[data-selected] {
                height: 48px;
            }

            .materialSelect .md-select li:not([data-selected]) {
                height: 0;
                opacity: 0;
            }

        .materialSelect .md-select.isOpen {
            background-color: #fafafa;
            border-radius: 2px;
            box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
            top: -96px;
            height: auto;
            z-index: 99999;
        }

            .materialSelect .md-select.isOpen:after {
                display: none;
            }

            .materialSelect .md-select.isOpen:before {
                border-color: transparent !important;
            }

            .materialSelect .md-select.isOpen li {
                height: 48px;
                opacity: 1;
            }

                .materialSelect .md-select.isOpen li[data-selected] {
                    color: #1b8bf9;
                }

                .materialSelect .md-select.isOpen li:hover {
                    background-color: #eeeeee;
                }

                .materialSelect .md-select.isOpen li:active {
                    background-color: #dbdbdb;
                }

        .materialSelect .md-select:not(.isOpen):hover {
            background-color: #f7f7f7;
            border-bottom: 1px solid #ccc;
        }

        .materialSelect .md-select:not(.isOpen):active {
            box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
        }

        .materialSelect .md-select + .md-select:before {
            border-left: thin solid #c8c8c8;
            content: '';
            height: 32px;
            left: 0;
            position: absolute;
            top: 8px;
        }

    .materialSelect .message {
        position: absolute;
        top: 50px;
        width: 100%;
        color: #DD2C00;
        display: none;
    }

/**====== Accordion css ends ======**/
/**=====================
      Button-FAB css start
==========================**/

.card-height {
    height: 350px;
}

.fab-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

.toolbar-active {
    border-radius: 4px !important;
    width: 208px !important;
}

.fab-icon i {
    line-height: 55px;
    height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    transition: all ease-in 0.3s;
}

#horizontal-fab-button .jfab_btns_wrapper .horizontal-fab {
    display: inline-block;
    float: left;
}

#horizontal-fab-button .jfab_btns_wrapper {
    right: 70px;
    bottom: 15px;
}
/* Radial effect */
.radial {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    bottom: 13px;
    background: #ff4081;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.fab {
    border: none;
    color: white;
    background-color: #ff4081;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .fab:hover {
        background-color: #f30053;
    }

#fab-expand .icofont-plus {
    position: absolute;
    top: 12.5px;
    left: 12.5px;
}

#plus {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 25px;
}

#fa-1,
#fa-2,
#fa-3,
#fa-4,
#fa-5,
#fa-6 {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent;
    border: none;
    color: white;
}

    #fa-1:hover,
    #fa-2:hover,
    #fa-3:hover,
    #fa-4:hover,
    #fa-5:hover,
    #fa-6:hover {
        tansition-delay: 0s;
        color: #ff8db3;
    }

.radial.open {
    height: 220px;
    width: 220px;
}

    .radial.open .fab {
        position: absolute;
        background-color: #f30053;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.2);
        right: 80px;
        bottom: 81px;
    }

    .radial.open #plus {
        -webkit-transform: rotateZ(135deg) translate(-1px, 3px);
        transform: rotateZ(135deg) translate(-1px, 3px);
    }

    .radial.open #fa-1 {
        font-size: 35px;
        margin: 60px 40px;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate(-110px, 10px);
        transform: translate(-110px, 10px);
    }

    .radial.open #fa-2 {
        font-size: 35px;
        margin: 27px 64px;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transform: translate(-85px, -85px);
        transform: translate(-85px, -85px);
    }

    .radial.open #fa-3 {
        font-size: 35px;
        margin: 45px 90px;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: translate(10px, -110px);
        transform: translate(10px, -110px);
    }

    .radial.open #fa-4 {
        font-size: 35px;
        margin: 0px 25px;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: translate(10px, -110px);
        transform: translate(10px, -110px);
    }

    .radial.open #fa-5 {
        font-size: 35px;
        margin: -60px 20px;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: translate(10px, -110px);
        transform: translate(10px, -110px);
    }

    .radial.open #fa-6 {
        font-size: 35px;
        margin: -105px 90px;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: translate(10px, -110px);
        transform: translate(10px, -110px);
    }

/* floating action button */
.popout {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
}

    .popout .btn {
        display: inline-block;
        outline: none;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 32px;
        z-index: 999;
        background: #2196F3;
        color: white;
        border-radius: 50%;
        margin-right: -28px;
        margin-bottom: -35px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: 0.2s opacity ease-in-out;
        -webkit-transition: 0.2s opacity ease-in-out;
    }

        .popout .btn.active {
            visibility: hidden;
            opacity: 0;
        }

        .popout .btn:after {
            display: block;
            position: absolute;
            top: 0;
            content: "";
            border-radius: 50%;
            width: 60px;
            height: 60px;
            background: #fff;
            z-index: -2;
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            transition: transform 0.2s, opacity 0.2s;
        }

        .popout .btn:active:after {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0;
        }

    .popout .panel {
        box-shadow: 0 0 5px rgba(0,0,0,0.15);
        position: absolute;
        bottom: 0;
        right: 0;
        width: 340px;
        text-align: left;
        overflow: hidden;
        visibility: hidden;
        transform: scale(0);
        transform-origin: 100% 100%;
        transition: transform 0.2s, visibility 0s 0.2s;
        opacity: 0;
    }

    .popout .icon {
        font-size: 25px;
        margin: 0;
    }

    .popout .panel.active {
        height: auto;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: transform 0.2s, visibility 0s 0s, opacity 0.2s;
    }

    .popout .panel-header {
        padding: 20px;
        font-size: 15px;
        background-color: #34495e;
        color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .popout .panel-body {
        padding: 10px 20px;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 11px;
        color: #aaa;
    }
/* fab-expand animation */
#main-display {
    margin: 200px auto;
}

.fab-expand {
    border: none;
    background-color: #4CAF50;
    border-radius: 100%;
    padding: 25px;
    position: absolute;
    right: 20px;
    top: 80%;
    color: white;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-sizing: border-box;
    width: 60px;
    height: 60px;
}

    .fab-expand .fa {
        transform: translate(-50%, -50%);
    }

    .fab-expand.is-expanding {
        animation: expand 0.5s ease-in;
    }

    .fab-expand.expanded {
        width: 80%;
        height: 60%;
        border-radius: 3px;
        background-color: #3498db;
        left: 10%;
        top: 20%;
        cursor: auto;
    }

    .fab-expand.is-closing {
        animation: expand 0.5s ease-out reverse;
    }

@keyframes expand {
    33% {
        width: 0;
        height: 0;
        left: 70%;
        top: 70%;
    }

    100% {
        width: 80%;
        height: 60%;
        border-radius: 3px;
        background-color: #3498db;
        left: 10%;
        top: 20%;
    }
}

.expand-close {
    cursor: pointer;
    float: right;
}

.fab-expand-icon {
    font-size: 25px;
    margin: 5px;
}
/**====== Button-FAB css ends ======**/

/**  =====================
      Footer css start
==========================  **/
.footer-fix .footer-bg {
    position: fixed !important;
}

.footer-bg {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    padding: 10px 15px;
    position: fixed;
    border-top: 1px solid #ccc;
}

.sidebar-mini.fixed .footer-bg {
    width: calc(100% - 230px);
}

.sidebar-mini .footer-bg {
    width: calc(100% - 50px);
}
/**====== footer css end ======**/
/**  =====================
      Typography css start
==========================  **/

.text-pink {
    color: #ff7aa3;
}

.text-custom {
    color: #64b0f2;
}

.text-dark {
    color: #2b3d51;
}

.text-purple {
    color: #9261c6;
}
/**====== Typography css end ======**/

/**  =====================
      Tabs css start
==========================  **/
.tab-list p {
    padding: 10px;
}

.tab-with-img i {
    position: absolute;
    padding: 5px;
}

.tab-icon {
    margin-bottom: 30px;
}

    .tab-icon i {
        padding-right: 10px;
    }

.tab-below.nav-tabs .nav-link.active {
    border-color: transparent #ddd #ddd #ddd;
}

.tab-below {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

    .tab-below .nav-item {
        margin-top: -2px;
    }

    .tab-below.nav-tabs .nav-link {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

.card-header ~ .tab-icon .tab-with-img .sub-title i {
    right: 10px;
}

.tab-with-img .nav-link {
    position: relative;
}

.tabs-left, .tabs-right {
    min-width: 120px;
    vertical-align: top;
    width: 150px;
}

.tabs-left, .tabs-right, .tabs-left-content, .tabs-right-content {
    display: table-cell;
}

.nav-tabs.tabs-left .slide {
    height: 35px;
    width: 4px;
    bottom: 15px;
}

.nav-tabs.tabs-right .slide {
    height: 35px;
    width: 4px;
    bottom: 15px;
    right: 0;
}

.md-tabs .nav-item.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .nav-link.active, .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover {
    color: #1b8bf9;
    border: none;
    background-color: transparent;
    border-radius: 0;
}

.md-tabs .nav-item a {
    padding: 20px 0 20px !important;
}

.product-edit .md-tabs .nav-item a {
    padding: 0 0 20px !important;
}

.md-tabs.tabs-left .nav-item, .tabs-left .nav-item, .md-tabs.tabs-right .nav-item, .tabs-right .nav-item {
    width: 100%;
    position: relative;
}

.md-tabs {
    position: relative;
}

    .md-tabs .nav-item + .nav-item {
        margin: 0;
    }

    .md-tabs .nav-link {
        border: none;
    }

        .md-tabs .nav-link:focus, .md-tabs .nav-link:hover {
            border: none;
        }

    .md-tabs .nav-item {
        background-color: #fff;
        width: calc(100% / 4);
        text-align: center;
    }

    .md-tabs .nav-link {
        color: #1b8bf9;
    }

.nav-tabs .slide {
    background: #1b8bf9;
    width: calc(100% / 4);
    height: 4px;
    position: absolute;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    bottom: 0;
}

.md-tabs .nav-item .nav-link.active ~ .slide {
    opacity: 1;
    transition: all 0.3s ease-out;
}

.md-tabs .nav-item .nav-link ~ .slide {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.img-tabs img {
    width: 100px;
    margin: 0 auto;
}

.img-tabs a img {
    border: 3px solid;
}

.img-tabs a.active {
    opacity: 1;
    transition: all ease-in-out 0.3s;
}

.img-tabs a {
    opacity: 0.5;
    transition: all ease-in-out 0.3s;
}

    .img-tabs a span i {
        height: 25px;
        width: 25px;
        border-radius: 100%;
        bottom: 10px;
        right: 70px;
    }

#pc-left-panel-menu {
    margin-bottom: 20px;
}
/**====== Tabs css end ======**/

/**  =====================
      Button css start
==========================  **/
/* Raised Button css*/
.btn {
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    font-size: 13px;
    font-weight: 600;
    transition: box-shadow linear 0.4s;
}

.button-list {
    padding-bottom: 10px;
}

    .button-list .btn {
        margin-bottom: 10px;
        margin-right: 30px;
    }

.btn:hover {
    box-shadow: none;
}

.button-list .btn:last-child {
    margin-right: 0;
}

.btn-page [class*=btn-]:last-child {
    margin-right: 0;
}

.dropdown-split [class*=btn-], .btn-group [class*=btn-] {
    margin-right: 0;
}

.animation-model button {
    margin-bottom: 10px;
}
/*Alter Bootstrap Button */
.btn-default, .btn-default:focus, .btn-default:hover {
    background-color: #FFFFFF;
    color: #757575;
}

    .btn-default:active {
        background-color: #FFFFFF !important;
        border-color: #757575 !important;
        transition: background-color 0.3s ease-in-out;
    }

.btn-info, .btn-info:focus, .btn-info:hover {
    background-color: #40c4ff;
    border-color: #40c4ff;
}

    .btn-info:active {
        background-color: #40c4ff !important;
        border-color: #40c4ff !important;
    }

.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #2196F3;
    border-color: #2196F3;
}

    .btn-primary:active {
        background-color: #2196F3 !important;
        border-color: #2196F3 !important;
    }

.btn-success, .btn-success:focus, .btn-success:hover {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

    .btn-success:active {
        background-color: #4CAF50 !important;
        border-color: #4CAF50 !important;
    }

.btn-danger, .btn-danger:focus, .btn-danger:hover {
    background-color: #ff5252;
    border-color: #ff5252;
}

    .btn-danger:active {
        background-color: #ff5252 !important;
        border-color: #ff5252 !important;
    }

.btn-warning, .btn-warning:focus, .btn-warning:active, .btn-warning:hover {
    background-color: #f57c00;
    border-color: #f57c00;
}

    .btn-warning:active {
        background-color: #f57c00 !important;
        border-color: #f57c00 !important;
    }
/*flat button css*/
.btn-flat {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent;
    font-weight: 600;
}

.flat-primary:focus {
    background-color: #81d4fa;
}

.flat-success:focus {
    background-color: #a5d6a7;
}

.flat-warning:focus {
    background-color: #ffe0b2;
}

.flat-danger:focus {
    background-color: #ffcdd2;
}

.flat-info:focus {
    background-color: #b3e5fc;
}

.flat-default:focus {
    background-color: #f5f5f5;
}
/*inverse button css*/
.btn-inverse-default {
    background-color: #FFFFFF;
    border-color: #757575;
    color: #757575;
    box-shadow: none;
    transition: border-color linear 0.4s;
}

    .btn-inverse-default:hover {
        border-color: #757575;
        color: #757575;
    }

.btn-inverse-primary {
    background-color: #fff;
    border-color: #2196F3;
    color: #2196F3;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-primary:hover {
        border-color: #2196F3;
        background-color: #2196F3;
        color: #fff;
    }

.btn-inverse-success {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-success:hover {
        background-color: #4CAF50;
        border-color: #4CAF50;
        color: #fff;
    }

.btn-inverse-warning {
    background-color: #fff;
    border-color: #f57c00;
    color: #f57c00;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-warning:hover {
        background-color: #f57c00;
        border-color: #f57c00;
        color: #fff;
    }

.btn-inverse-danger {
    background-color: #fff;
    border-color: #ff5252;
    color: #ff5252;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-danger:hover {
        background-color: #ff5252;
        border-color: #ff5252;
        color: #fff;
    }

.btn-inverse-info {
    background-color: #fff;
    border-color: #40c4ff;
    color: #40c4ff;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-info:hover {
        background-color: #40c4ff;
        border-color: #40c4ff;
        color: #fff;
    }

.btn-inverse-disable {
    background-color: #fff;
    border-color: #757575;
    color: #757575;
    box-shadow: none;
    transition: all ease-in 0.3s;
}

    .btn-inverse-disable:hover {
        background-color: #e0e0e0;
        border-color: #e0e0e0;
        color: #757575;
    }
/*button size css*/
.btn-xlg {
    padding: 14px 20px;
    font-size: 21px;
    line-height: 40px;
}

.btn-lg {
    padding: 12px 18px;
    font-size: 18px;
    line-height: 32px;
}

.btn-md {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 23px;
}

.btn-sm {
    padding: 8px 14px;
    line-height: 16px;
    font-size: 11px;
}

.btn-mini {
    padding: 5px 10px;
    line-height: 14px;
    font-size: 10px;
}
/*social button*/
.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-dropbox,
.btn-flickr,
.btn-tumblr,
.btn-skype,
.btn-youtube,
.btn-github {
    color: #fff;
}

    .btn-facebook i,
    .btn-twitter i,
    .btn-linkedin i,
    .btn-dribbble i,
    .btn-google-plus i,
    .btn-instagram i,
    .btn-pinterest i,
    .btn-dropbox i,
    .btn-flickr i,
    .btn-tumblr i,
    .btn-skype i,
    .btn-youtube i,
    .btn-github i {
        display: inline-block;
        padding: 5px 15px;
        border-radius: 3px 0 0 3px;
        margin: -7px 0 -7px -13px;
    }

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #00ACED;
}

.btn-linkedin {
    background-color: #007BB6;
}

.btn-dribbble {
    background-color: #EA4C89;
}

.btn-google-plus {
    background-color: #DD4B39;
}

.btn-instagram {
    background-color: #517FA4;
}

.btn-pinterest {
    background-color: #CB2027;
}

.btn-dropbox {
    background-color: #007EE5;
}

.btn-flickr {
    background-color: #FF0084;
}

.btn-tumblr {
    background-color: #32506D;
}

.btn-skype {
    background-color: #00AFF0;
}

.btn-youtube {
    background-color: #BB0000;
}

.btn-github {
    background-color: #171515;
}

/*button round css*/
.btn-icon {
    border-radius: 50%;
    width: 40px;
    line-height: 30px;
    height: 40px;
    padding: 3px;
    text-align: center;
}

.btn-group .btn {
    box-shadow: none;
}

/*dropdown button css*/
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}

.dropdown-danger,
.dropdown-success,
.dropdown-warning,
.dropdown-info,
.dropdown-warning,
.dropdown-primary {
    display: inline-block;
    vertical-align: center;
    position: relative;
}

    .dropdown-primary a:hover {
        background-color: #2196F3;
        color: #fff;
    }

    .dropdown-danger a:hover {
        background-color: #ff5252;
        color: #fff;
    }

    .dropdown-warning a:hover {
        background-color: #f57c00;
        color: #fff;
    }

    .dropdown-success a:hover {
        background-color: #4CAF50;
        color: #fff;
    }

    .dropdown-info a:hover {
        background-color: #40c4ff;
        color: #fff;
    }

.dropdown-split-primary a:hover {
    background-color: #2196F3;
    color: #fff;
}

.dropdown-split-success a:hover {
    background-color: #4CAF50;
    color: #fff;
}

.dropdown-split-danger a:hover {
    background-color: #ff5252;
    color: #fff;
}

.dropdown-split-warning a:hover {
    background-color: #f57c00;
    color: #fff;
}

.dropdown-split-info a:hover {
    background-color: #40c4ff;
    color: #fff;
}
/* ========================
    Start Box Shadow Css
=========================== */

/* css for z-depth for top only */
.z-depth-top-0 {
    box-shadow: 0 -5px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-top-1 {
    box-shadow: 0 -7px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-top-2 {
    box-shadow: 0 -9px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-top-3 {
    box-shadow: 0 -10px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-top-4 {
    box-shadow: 0 -11px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-top-5 {
    box-shadow: 0 -12px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

/* css for z-depth for bottom only */
.z-depth-bottom-0 {
    box-shadow: 0 5px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-bottom-1 {
    box-shadow: 0 7px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-bottom-2 {
    box-shadow: 0 9px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-bottom-3 {
    box-shadow: 0 10px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-bottom-4 {
    box-shadow: 0 11px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-bottom-5 {
    box-shadow: 0 12px 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

/* css for z-depth left only */
.z-depth-left-0 {
    box-shadow: -5px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-left-1 {
    box-shadow: -7px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-left-2 {
    box-shadow: -9px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-left-3 {
    box-shadow: -10px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-left-4 {
    box-shadow: -11px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-left-5 {
    box-shadow: -12px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

/* css for z-depth right only */
.z-depth-right-0 {
    box-shadow: 5px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-right-1 {
    box-shadow: 7px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-right-2 {
    box-shadow: 9px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-right-3 {
    box-shadow: 10px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-right-4 {
    box-shadow: 11px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-right-5 {
    box-shadow: 12px 0 25px -5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

/* css for z-depth all side */
.z-depth-0 {
    box-shadow: 0 0 25px 5px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-1 {
    box-shadow: 0 0 25px 7px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-2 {
    box-shadow: 0 0 25px 9px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-3 {
    box-shadow: 0 0 25px 10px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-4 {
    box-shadow: 0 0 25px 11px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.z-depth-5 {
    box-shadow: 0 0 25px 12px #ccc,0 1px 5px 0 rgba(0, 0, 0, 0.1),0 0px 0px 0px rgba(0, 0, 0, 0);
}

.box-list div div {
    margin-bottom: 20px;
}

.box-list {
    padding-bottom: 0;
}
/*=========================
    Slider Page css Start
============================ */

/* css for owl carousel */
.slider-center .owl-carousel .owl-item {
    display: inline-block;
    width: auto;
    border-radius: 50%;
}

.slider-center .card-text, .swiper-slide .card-text {
    margin-bottom: 20px;
}

.owl-next {
    position: relative;
}

.owl-theme .owl-controls .owl-nav div {
    border-radius: 30px;
    display: inline-block;
    font-size: 0;
    height: 50px;
    margin: 5px;
    padding: 7px;
    width: 50px;
}

    .owl-theme .owl-controls .owl-nav div.owl-prev::before, .owl-theme .owl-controls .owl-nav div.owl-next::before {
        content: "\eb5e";
        font-family: 'IcoFont' !important;
        font-size: 25px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-transform: none;
    }

    .owl-theme .owl-controls .owl-nav div.owl-next::before {
        content: "\eb61" !important;
    }

.owl-theme .owl-controls {
    text-align: center;
}

.slider-center .owl-theme .owl-controls {
    margin-top: 30px;
    position: relative;
    text-align: right;
    z-index: 9;
}
/* ============================
    start error page css
========================== */
/* error page css */
.error-500,
.error-503,
.error-404,
.error-400,
.error-403,
.login
{
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #2196F3;
}

.loginRegist,
.subscript  {
    /*position: fixed;*/
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #2196F3;
}

.error-500 h1,
.error-503 h1,
.error-404 h1,
.error-400 h1,
.error-403 h1 {
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);
    padding: 70px 0;
    color: #fff;
    font-size: 150px;
    margin-bottom: 40px;
}

.error-500 h5,
.error-503 h5,
.error-404 h5,
.error-400 h5,
.error-403 h5 {
    font-size: 40px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #fff;
}

.error-500 p,
.error-503 p,
.error-404 p,
.error-400 p,
.error-403 p {
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #fff;
}

.btn-error {
    background-color: #fff;
    border-color: #fff;
    padding: 10px 20px;
    color: #777;
}

    .btn-error:hover {
        color: #777;
    }

.error-500 h1 {
    background: url("../images/500@2x.png") no-repeat center;
}

.error-503 h1 {
    background: url("../images/503@2x.png") no-repeat center;
}

.error-404 h1 {
    background: url("../images/404@2x.png") no-repeat center;
}

.error-400 h1 {
    background: url("../images/400@2x.png") no-repeat center;
}

.error-403 h1 {
    background: url("../images/403@2x.png") no-repeat center;
}

/*======================
  Breadcrumb
===================== */

/* css for breadcrumb */
.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
    content: "\00bb\00a0";
}

.breadcrumb .breadcrumb-item .home::before {
    content: "\f124";
}

.breadcrumb-3 {
    border: solid 1px #ddd;
    background-color: transparent;
}

.icon-folder::before {
    content: "\f124";
}

.breadcrumb > li {
    display: inline-block;
}
/* breadcrumbs */
#breadcrumb-triangle {
    list-style: none;
    display: inline-block;
}

    #breadcrumb-triangle .icon {
        font-size: 14px;
    }

    #breadcrumb-triangle li {
        float: left;
        margin-top: 5px;
    }

.breadcrumb-icon-block {
    padding-top: 15px;
}

#breadcrumb-triangle li a {
    color: #FFF;
    display: block;
    background: #2196F3;
    text-decoration: none;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
    transition: background 0.3s ease-in-out;
}

#breadcrumb-triangle li:nth-child(even) a {
    background-color: #2196F3;
}

    #breadcrumb-triangle li:nth-child(even) a:before {
        border-color: #2196F3;
        border-left-color: transparent;
    }

    #breadcrumb-triangle li:nth-child(even) a:after {
        border-left-color: #2196F3;
    }

#breadcrumb-triangle li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}

    #breadcrumb-triangle li:first-child a:before {
        border: none;
    }

#breadcrumb-triangle li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}

    #breadcrumb-triangle li:last-child a:after {
        border: none;
    }

#breadcrumb-triangle li a:before, #breadcrumb-triangle li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: solid #2196F3;
    border-width: 20px 10px;
    width: 0;
    height: 0;
}

#breadcrumb-triangle li a:before {
    left: -20px;
    border-left-color: transparent;
}

#breadcrumb-triangle li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #2196F3;
}

#breadcrumb-triangle li a:hover {
    background-color: #40c4ff;
}

    #breadcrumb-triangle li a:hover:before {
        border-color: #40c4ff;
        border-left-color: transparent;
    }

    #breadcrumb-triangle li a:hover:after {
        border-left-color: #40c4ff;
    }

#breadcrumb-triangle li a:active {
    background-color: #16a085;
}

    #breadcrumb-triangle li a:active:before {
        border-color: #16a085;
        border-left-color: transparent;
    }

    #breadcrumb-triangle li a:active:after {
        border-left-color: #16a085;
    }

/* pagination */
.pager {
    margin-bottom: 1rem;
}

    .pager a.prev {
        border-radius: 50px 0 0 50px;
    }

    .pager a.next {
        border-radius: 0 50px 50px 0;
    }

    .pager li {
        display: inline;
    }

ul.margin-pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    ul.margin-pagination li {
        display: inline;
    }

        ul.margin-pagination li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 4px;
        }

            ul.margin-pagination li a.active {
                background-color: #4CAF50;
                color: white;
                border: 1px solid #4CAF50;
            }

            ul.margin-pagination li a:hover:not(.active) {
                background-color: #ddd;
            }
/*====== Pagination CSS ===== */
.pager li a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager .previous a, .pager .previous span {
    float: left;
}

.pager .next > a, .pager .next > span {
    float: right;
}

.icon-left-thin:before {
    content: "\2190";
}

.icon-right-thin:before {
    content: "\2192";
}

.pagination > li > a, .pagination > li > span, .pager > li > a, .pager > li > span {
    color: #00b8ce;
}

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

.pager li > a:hover, .pager li > a:focus {
    color: #505050;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span, .bootpag li.disabled a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

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

.demo2 .bootpag {
    margin: 0;
}

.bootpag > li {
    display: inline;
}

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

.bootpag > .active > a, .bootpag > .active > a:focus, .bootpag > .active > a:hover, .bootpag > .active > span, .bootpag > .active > span:focus, .bootpag > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0275d8;
    border-color: #0275d8;
}
/*======================
Basic card CSS
======================= */
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.global-cards .card-text {
    margin-bottom: 10px;
}

.color-card footer, .color-card p {
    color: #fff;
}

.color-card .card-default p, .color-card .card-default footer {
    color: #222;
}
/* =======================
      Piani Card css
 ======================= */
.piani-card {
    padding: 30px 20px;
    width: 800px;
    position: relative;
    display: block;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

    .piani-card h1 {
        margin-bottom: 20px;
        font-size: 25px;
        font-weight: 400;
        text-align: center;
    }

    .piani-card i {
        color: #777;
    }

.piani {
    text-align: left;
}
/* =======================
      Login Card css
 ======================= */
.common-img-bg {
    height: 100%;
    background-size: cover;
    background: url('../images/authentication-bg.jpg')no-repeat;
}

.login-card {
    padding: 30px 20px;
    width: 500px;
    position: relative; 
    display: block;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

    .login-card h1 {
        margin-bottom: 20px;
        font-size: 25px;
        font-weight: 400;
        text-align: center;
    }

    .login-card i {
        color: #777;
    }

.login {
    text-align: left; 
}

    .login ul li label {
        color: #757575;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .login h3 {
        color: #666666;
        font-size: 20px;
        margin-top: 25px;
    }

.social-login {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

    .social-login .btn {
        margin-left: 5px;
        margin-right: 5px;
    }

.login-card .md-input-wrapper {
    margin-bottom: 30px;
}

.login-card .card-footer {
    background: #fff;
}

.login-card h1 {
    color: #1b8bf9;
}

.btn-signup .btn-md,
.btn-singin1 .btn-md,
.btn-singin2 .btn-md {
    font-size: 22px;
    font-weight: 400;
    width: 400px;
}

.login-card .forget {
    border-bottom: 1px solid #fff;
    font-size: 24px;
    line-height: 0.6;
}

.form-group-main .form-group {
    margin: 30px 0;
}

.login-card .unlock,
.login-card .btn-forgot {
    text-align: center;
}

.imgs-screen .img-circle {
    padding: 4px;
    border: 1px solid #E6E6E4;
}

.sign-in-with {
    /*margin-bottom: 15px;*/
    margin: 24px auto 16px;
    text-align: center;
    font-weight: 600;
    position: relative;
}

    .sign-in-with .text {
        display: inline-block;
        vertical-align: baseline;
        position: relative;
        padding: 0 8px;
        z-index: 9999;
    }

.text:after {
    left: 100%;
}

.text:before {
    right: 100%;
}

.sign-in-with .text:after, .sign-in-with .text:before {
    content: '';
    display: block;
    width: 60px;
    position: absolute;
    top: 8px;
    border-top: 1px solid rgba(0,0,0,.28);
}
/**  =====================
      General Elements start
==========================  **/
.multiple-select {
    overflow-y: scroll;
}

.select2-multiple-select {
    overflow-y: scroll;
}

.input-success,
.input-success:focus {
    border: 1px solid #4CAF50;
    box-shadow: none;
}

.input-warning,
.input-warning:focus {
    border: 1px solid #f57c00;
    box-shadow: none;
}

.input-danger,
.input-danger:focus {
    border-bottom: 1px solid #ff5b5b !important;
    box-shadow: none;
}

.input-icon {
    position: absolute;
    top: 10px;
    right: 30px;
}

.addon-btn {
    padding: 8px .75rem;
    font-size: 14px;
    line-height: 1.25;
}

.form-control-label {
    font-weight: 700;
}

.form-group label,
.form-control {
    font-size: 14px;
}

.input-group-addon {
    padding: 8px .75rem;
    font-size: 14px;
    line-height: 1.25;
}

.form-control-lg, .input-group-lg .form-control, .input-group-lg .input-group-addon, .input-group-lg .input-group-btn .btn, .md-input-lg {
    font-size: 1.25rem;
}

.form-control-sm, .input-group-sm .form-control, .input-group-sm .input-group-addon, .input-group-sm .input-group-btn .btn, .md-input-sm {
    font-size: .875rem;
}

.inline-forms .card-block .inline-form-style {
    margin-bottom: 0;
}
/**  =====================
      Input Types End
==========================  **/
/**  =====================
      Modal page start
==========================  **/
.sign-in-up {
    display: flex;
    background-color: #1b8bf9;
}

.sign-in-up-left {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.sign-in-up-right {
    width: 60%;
    background-color: #fff;
    padding: 20px;
}

    .sign-in-up-right .md-tabs .nav-item a {
        padding: 0 0 20px !important;
    }

    .sign-in-up-right .md-tabs {
        border-bottom: none;
        margin-bottom: 40px;
    }

.login-up button.close {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 999;
}
/**====== Modal css end ======**/
/**  =====================
      Nestable css start
==========================  **/
.nestable-menu {
    padding: 0;
    margin: 0;
}
/**====== Nestable css end ======**/
/**  =====================
      Label And badges start
==========================  **/
/*badge on button*/

.btn .badge {
    margin-left: 8px;
}

.btn-default .badge,
.btn-primary .badge,
.btn-warning .badge,
.btn-danger .badge,
.btn-info .badge,
.btn-success .badge {
    background-color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
}

.btn-primary .badge {
    color: #2196F3;
}

.btn-success .badge {
    color: #4CAF50;
}

.btn-warning .badge {
    color: #f57c00;
}

.btn-danger .badge {
    color: #ff5252;
}

.btn-info .badge {
    color: #40c4ff;
}

.btn-default .badge {
    background-color: #757575;
    color: #fff;
}

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

.badge-md {
    padding: 4px 8px;
    font-size: 14px;
}

.badge-lg {
    padding: 5px 9px;
    font-size: 14px;
}

.label {
    display: inline;
    padding: 2px 7px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 10px;
}

.label-bagdes .label-icon {
    position: relative;
    font-size: 20px;
}

.label-bagdes .badge {
    margin-bottom: 0;
}

.label-lg {
    padding: 6px 21px;
}

.label-md {
    padding: 4px 14px;
}

.badge-default,
.label-default {
    color: #fff;
    background-color: #757575;
}

.badge-primary,
.label-primary {
    background-color: #2196F3;
}

.badge-success,
.label-success {
    background-color: #4CAF50;
}

.badge-warning,
.label-warning {
    background-color: #f57c00;
}

.badge-danger,
.label-danger {
    background-color: #ff5252;
}

.badge-info,
.label-info {
    background-color: #40c4ff;
}

.badge-inverse-default,
.label-inverse-default {
    color: #757575;
    border: 1px solid #757575;
    padding: 2px 7px;
}

.label-bagdes .card .card-block p {
    margin-bottom: 20px;
}

.group-label {
    display: inline-block;
}

.label-icon label {
    position: absolute;
}
/**====== Label And badges css end ======**/

.badge-inverse-primary,
.label-inverse-primary {
    color: #2196F3;
    border: 1px solid #2196F3;
    padding: 2px 7px;
}

.badge-inverse-success,
.label-inverse-success {
    color: #4CAF50;
    border: 1px solid #4CAF50;
    padding: 2px 7px;
}

.badge-inverse-warning,
.label-inverse-warning {
    color: #f57c00;
    border: 1px solid #f57c00;
    padding: 2px 7px;
}

.badge-inverse-danger,
.label-inverse-danger {
    color: #ff5252;
    border: 1px solid #ff5252;
    padding: 2px 7px;
}

.badge-inverse-info,
.label-inverse-info {
    color: #40c4ff;
    border: 1px solid #40c4ff;
    padding: 2px 7px;
}

.badge-top-left {
    margin-right: -10px;
    right: 100%;
    top: -3px;
}

.badge-top-right {
    margin-left: -10px;
    top: -3px;
}

.badge-bottom-left {
    margin-left: -33px;
    bottom: -4px;
    right: 97%;
}

.badge-bottom-right {
    margin-left: -7px;
    bottom: -3px;
}

.label-bagdes .label-main {
    margin-bottom: 10px;
    display: inline-block;
}
/**====== Label And badges End ======**/
/**  =====================
      List css start
==========================  **/
.card-list-img {
    height: 75px;
    width: 75px;
}

.basic-list {
    margin-bottom: 30px;
}

    .basic-list li {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

        .basic-list li:last-child {
            border: none;
            padding-bottom: 0;
        }

    .basic-list.list-icons li, .basic-list.list-icons-img li {
        margin-left: 50px;
        position: relative;
    }

.list-icons i {
    left: -64px;
    top: 0;
    bottom: -1px;
    width: 64px;
    padding: 8px 0;
}

.list-icons-img img {
    left: -60px;
    top: 0;
    bottom: -1px;
    width: 40px;
    padding: 8px 0;
}

.list-view li button {
    margin-right: 10px;
    margin-bottom: 10px;
}

.dynamic-row {
    margin-bottom: 30px;
}
/**====== List css End ======**/
/**  =====================
      Portlets css start
==========================  **/

.portlets i {
    margin-left: 10px;
}

.portlets-default .card-header {
    background-color: #fff;
}

.portlets-primary .card-header,
.portlets-primary .card-header i,
.portlets-success .card-header,
.portlets-success .card-header i,
.portlets-warning .card-header,
.portlets-warning .card-header i,
.portlets-danger .card-header,
.portlets-danger .card-header i,
.portlets-info .card-header,
.portlets-info .card-header i,
.portlets-inverse .card-header,
.portlets-inverse .card-header i,
.portlets-gray .card-header,
.portlets-gray .card-header i,
.portlets-purple .card-header,
.portlets-purple .card-header i,
.portlets-pink .card-header,
.portlets-pink .card-header i,
.portlets-deep-orange .card-header,
.portlets-deep-orange .card-header i {
    color: #fff;
}

.portlets-primary .card-header {
    background-color: #2196F3;
}

.portlets-success .card-header {
    background-color: #4CAF50;
}

.portlets-warning .card-header {
    background-color: #f57c00;
}

.portlets-danger .card-header {
    background-color: #ff5252;
}

.portlets-info .card-header {
    background-color: #40c4ff;
}

.portlets-inverse .card-header {
    background-color: #4c5667;
}

.portlets-gray .card-header {
    background-color: gray;
}

.portlets-purple .card-header {
    background-color: purple;
}

.portlets-pink .card-header {
    background-color: #fb6d9d;
}

.portlets-deep-orange .card-header {
    background-color: #E64A19;
}
/* 21. Preloader CSS Starts*/

.btry-loader .btry {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 40px;
    margin: -10px 0 0 -20px;
    border: 1px solid #ff3366;
    border-radius: 3px;
}

    .btry-loader .btry:after {
        display: block;
        content: "";
        position: absolute;
        top: -3px;
        height: 2px;
        width: 8px;
        background: #ff3366;
        border-radius: 0 2px 20px 0;
        left: 5px;
    }

    .btry-loader .btry .btry-charge {
        position: absolute;
        z-index: 100;
        height: 16px;
        width: 16px;
        bottom: 1px;
        left: 1px;
        background: #ff3366;
        border-radius: 1px;
        -webkit-animation: red-btry 2s linear 0s infinite;
        -moz-animation: red-btry 2s linear 0s infinite;
        animation: red-btry 2s linear 0s infinite;
    }

@-webkit-keyframes red-btry {
    0% {
        height: 20px;
    }

    100% {
        height: 36px;
    }
}

@keyframes red-btry {
    0% {
        height: 0px;
    }

    100% {
        height: 36px;
    }
}

.btry-loader .radius {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

    .btry-loader .radius .btry-charge {
        position: absolute;
        z-index: 100;
        height: 20px;
        width: 4px;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -2px;
        border-top: 4px solid #ff3366;
        -webkit-animation: rotation 1s linear 0s infinite;
        -moz-animation: rotation 1s linear 0s infinite;
        animation: rotation 1s linear 0s infinite;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
    }

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(60deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(60deg);
    }
}

/* bar loader */
.loader-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
}

.loader-bar {
    position: fixed;
    height: 5px;
    width: 80%;
    top: 0;
    left: 0;
    background: rgba(33, 150, 243, 1);
    animation: barfiller 2.0s;
}

@keyframes barfiller {
    0% {
        width: 0%;
    }

    25% {
        width: 20%;
    }

    50% {
        width: 40%;
    }

    70% {
        width: 60%;
    }

    100% {
        width: 80%;
    }
}

/*Preloader CSS Ends*/
/*full screen start*/
:-webkit-full-screen #myObject {
    font-size: 20px;
    width: 100%;
}

:-moz-full-screen #myObject {
    font-size: 20px;
    width: 100%;
}
/*full screen end*/
/**====== Portals css end ======**/
/**  =====================
      Full Calender css start
==========================  **/
.fc-left {
    margin-bottom: 10px;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
    background: #f3f3f3;
    color: #000;
    cursor: move;
    border-left: none;
    padding: 5px 18px;
    margin-bottom: 5px;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events .rkmd-checkbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

.fc th, .fc td {
    line-height: 2.5;
}

.fc-state-default {
    background-color: #fff;
    color: #272727;
}

tr:first-child > td > .fc-day-grid-event {
    color: #000;
    padding-left: 10px;
    background: #f3f3f3;
}

.fc-nonbusiness {
    background-color: #fff;
}

.fc-state-active {
    background-color: #1b8bf9;
    color: #fff;
}

.fc-toolbar {
    margin-bottom: 8px;
}

    .fc-toolbar .fc-center {
        display: block;
    }

.fc-center h2 {
    font-weight: 300;
    font-size: 25px;
    margin-top: 10px;
}

.fc button {
    height: auto;
    padding: 10px;
}

.fc-toolbar .fc-left {
    float: right;
}

.fc-button-group {
    margin-right: 10px;
}

.fc .fc-toolbar > * > * {
    margin-left: 0;
}

.fc-event,
.fc-event-dot {
    background-color: transparent;
}

.fc-day-grid-event:hover {
    color: #000 !important;
    opacity: 0.8;
}

.fc-time-grid-event .fc-content {
    color: #fff;
}
/**====== Full Calender css end ======**/

/**  =====================
      To-Do css start
==========================  **/
.task-title {
    width: 90%;
}

.task-checkbox {
    margin-right: 10px;
}

.to-do-label .rkmd-checkbox {
    width: 100%;
}

.to-do-label {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.task-panel .to-do-label {
    padding-bottom: 0;
}

.to-do-label:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

.to-do-list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .to-do-list .input-checkbox ~ label, .tasks-widget .input-checkbox ~ label {
        padding-left: 40px;
    }

    .to-do-list:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }

    .to-do-list:hover i {
        opacity: 1;
        transition: opacity ease-in 0.3s;
    }

    .to-do-list i {
        color: #ccc;
        font-size: 24px;
        opacity: 0;
    }

    .to-do-list p {
        display: inline-block;
    }

.done-task ~ label, .done-task .captions {
    text-decoration: line-through;
}
/**====== To-Do css end ======**/
/**  =====================
      Materialize General elements css start
==========================  **/
.md-input-wrapper {
    position: relative;
    padding-top: 4px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

    .md-input-wrapper > label {
        text-transform: initial;
        color: #727272;
        position: absolute;
        top: 0px;
        left: 4px;
        right: 0;
        pointer-events: none;
        -webkit-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }

    input[type=text].md-form-control, input[type=file].md-form-control, input[type=password].md-form-control, input[type=email].md-form-control, input[type=number].md-form-control, .md-input-wrapper select, .md-input-wrapper textarea {
        border-radius: 0;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: rgba(0,0,0,.12);
        box-shadow: inset 0 -1px 0 transparent;
        box-sizing: border-box;
        padding: 12px 4px;
        background: 0 0;
        width: 100%;
        display: block;
        max-height: 100px;
    }

.md-disable {
    opacity: 0.7;
}

    .md-disable input {
        cursor: not-allowed;
    }

.checkbox-ripple {
    cursor: pointer;
}

.checkbox-disable, .fade-in-default label, .checkbox-default label, .radio-disable label {
    opacity: 0.6;
    cursor: not-allowed;
}

.md-input-wrapper .md-line {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .md-input-wrapper .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-wrapper .md-line:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #1976d2;
        -webkit-transition: width .4s cubic-bezier(.4,0,.2,1);
        transition: width .4s cubic-bezier(.4,0,.2,1);
    }

.md-form-control:focus ~ .md-line:before, .md-form-control:focus ~ .md-line:after {
    width: 100%;
    background: #1b8bf9;
}

.md-form-control .md-line:before {
    left: 50%;
}

.md-form-control .md-line:after {
    right: 50%;
}

.md-static ~ label {
    top: -6px;
    font-size: 13px;
}

.md-form-control:focus ~ label, .md-valid ~ label {
    top: -20px;
    font-size: 13px;
    color: #1b8bf9;
}

.md-group-add-on {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

    .md-group-add-on .md-input-wrapper {
        margin-bottom: 0;
    }

.md-label-file {
    position: absolute;
    top: 12px;
}

.md-add-on {
    padding-right: 20px;
    vertical-align: middle;
    padding-left: 5px;
    display: table-cell;
}

.md-group-add-on .md-input-wrapper {
    display: table-cell;
}

.md-group-add-on .md-add-on {
    vertical-align: middle;
    display: inline-block;
    width: 35px;
    float: left;
    height: 3rem;
    line-height: 3rem;
    padding-top: 2px;
}

    .md-group-add-on .md-add-on ~ .md-input-wrapper {
        display: inline-block;
        width: calc(100% - 40px);
        z-index: 10;
    }

.md-input-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.md-input-file {
    overflow: hidden;
    padding-left: 10px;
}

.md-add-on-file {
    float: left;
    height: 3rem;
    line-height: 3rem;
}

.md-form-file ~ .md-form-control {
    opacity: 0;
    position: absolute;
    top: 0;
}

.md-input-wrapper .md-check {
    padding-left: 0;
    top: 0;
}

/*Primary labels*/
.md-input-primary .md-form-control {
    border-color: #1b8bf9 !important;
}

    .md-input-primary .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-primary .md-line:before,
    .md-input-primary .md-form-control:focus ~ .md-line:before, .md-input-primary .md-form-control:focus ~ .md-line:after {
        background: #1b8bf9;
    }

    .md-input-primary > label, .md-input-primary .md-form-control:focus ~ label, .md-valid ~ label {
        color: #1b8bf9;
    }

/*Success labels*/
.md-input-success .md-form-control {
    border-color: #4CAF50 !important;
}

    .md-input-success .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-success .md-line:before,
    .md-input-success .md-form-control:focus ~ .md-line:before, .md-input-success .md-form-control:focus ~ .md-line:after {
        background: #4CAF50;
    }

    .md-input-success > label, .md-input-success .md-form-control:focus ~ label, .md-valid ~ label {
        color: #4CAF50;
    }

/*Warning inputs*/
.md-input-warning .md-form-control {
    border-color: #f57c00 !important;
}

    .md-input-warning .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-warning .md-line:before,
    .md-input-warning .md-form-control:focus ~ .md-line:before, .md-input-warning .md-form-control:focus ~ .md-line:after {
        background: #f57c00;
    }

    .md-input-warning > label, .md-input-warning .md-form-control:focus ~ label, .md-valid ~ label {
        color: #f57c00;
    }

/*Danger inputs*/
.md-input-danger .md-form-control {
    border-color: #ff5252 !important;
}

    .md-input-danger .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-danger .md-line:before,
    .md-input-danger .md-form-control:focus ~ .md-line:before, .md-input-danger .md-form-control:focus ~ .md-line:after {
        background: #ff5252;
    }

    .md-input-danger > label, .md-input-danger .md-form-control:focus ~ label, .md-valid ~ label {
        color: #ff5252;
    }

/*Info inputs*/
.md-input-info .md-form-control {
    border-color: #40c4ff !important;
}

    .md-input-info .md-line:after, .md-form-control:focus ~ .md-line:before, .md-input-info .md-line:before,
    .md-input-info .md-form-control:focus ~ .md-line:before, .md-input-info .md-form-control:focus ~ .md-line:after {
        background: #40c4ff;
    }

    .md-input-info > label, .md-input-info .md-form-control:focus ~ label, .md-valid ~ label {
        color: #40c4ff;
    }
/* BOTTOM BARS ================================= */

.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before,
    .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0;
        position: absolute;
        background: #1b8bf9;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

.bar-focus {
    border-bottom: 2px solid #1b8bf9;
}

.bar-warning {
    border-bottom: 2px solid #f57c00;
}

.bar-success {
    border-bottom: 2px solid #4CAF50;
}

.bar-info {
    border-bottom: 2px solid #40c4ff;
}

.bar-danger {
    border-bottom: 2px solid #ff5252;
}

.bar.bar-focus:after,
.bar.bar-focus:before {
    display: none;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}
/**====== Materialize General elements css end ======**/
/**  =====================
      Advance Form Elements css start
==========================  **/
/**  ======= Swiches css start =========  **/

/*========== iO7 ===========*/

.ios-switch {
    opacity: 0;
    position: absolute;
}

/* Normal Track */
input[type="checkbox"].ios-switch + div {
    vertical-align: middle;
    width: 40px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 999px;
    background-color: #fff;
    -webkit-transition-duration: .4s;
    -webkit-transition-property: background-color, box-shadow;
    box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4);
    margin-right: 20px;
}

/* Checked Track (Blue) */
input[type="checkbox"].ios-switch:checked + div {
    width: 40px;
    background-position: 0 0;
    background-color: #3b89ec;
    border: 1px solid #0e62cd;
    box-shadow: inset 0 0 0 10px rgba(59, 137, 259, 1);
}

/* Tiny Track */
input[type="checkbox"].tinyswitch.ios-switch + div {
    width: 34px;
    height: 18px;
}

/* Big Track */
input[type="checkbox"].bigswitch.ios-switch + div {
    width: 50px;
    height: 27px;
}

/* Color Switch Track */
input[type="checkbox"].primary.ios-switch:checked + div {
    background-color: #2196F3;
    border: 1px solid rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 10px #2196F3;
}

input[type="checkbox"].warning.ios-switch:checked + div {
    background-color: #f57c00;
    border: 1px solid rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 10px #f57c00;
}

input[type="checkbox"].success.ios-switch:checked + div {
    background-color: #4CAF50;
    border: 1px solid rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 10px #4CAF50;
}

input[type="checkbox"].info.ios-switch:checked + div {
    background-color: #40c4ff;
    border: 1px solid rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 10px #40c4ff;
}

input[type="checkbox"].danger.ios-switch:checked + div {
    background-color: #ff5252;
    border: 1px solid rgba(0, 162, 63, 1);
    box-shadow: inset 0 0 0 10px #ff5252;
}

/* Normal Knob */
input[type="checkbox"].ios-switch + div > div {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: inherit;
    background: #EEEDED;
    -webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -moz-transition-duration: 0.4s;
    -moz-transition-property: transform, background-color;
    pointer-events: none;
    margin-top: 1px;
    margin-left: 1px;
    border: 1px solid #EEEDED;
}
/* Checked Knob (Blue Style) */
input[type="checkbox"].ios-switch:checked + div > div {
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    background-color: #ffffff;
    border: 1px solid #EEEDED;
}

/* Green Knob */
input[type="checkbox"].green.ios-switch:checked + div > div {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 162, 63, 1);
}
/**  =====================
      Checkbox css start
==========================  **/

.rkmd-checkbox {
    color: #818181;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .5px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.checkbox-rotate .captions {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    position: relative;
    padding-left: 40px;
}

.rkmd-checkbox .input-checkbox {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
    top: -5px;
}

.widget-to-do-list .rkmd-checkbox .input-checkbox {
    left: 0;
}

.rkmd-checkbox .input-checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    left: 7px;
    bottom: 7px;
    margin: 0;
    padding: 0;
    outline: none;
    cursor: pointer;
    opacity: 0;
}

    .rkmd-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
        position: absolute;
        left: 4px;
        bottom: 8px;
        width: 18px;
        height: 18px;
        font-family: 'FontAwesome';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        vertical-align: -6px; /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */
        text-rendering: optimizeLegibility; /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale; /* Support for IE. */
        -webkit-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        z-index: 1;
    }

    .rkmd-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
        content: "\f14a";
        color: #717171;
    }

    .rkmd-checkbox .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
        content: "\f00c";
    }

    .rkmd-checkbox .input-checkbox input[type="checkbox"]:active:not(:disabled) + .checkbox:before {
        -webkit-transform: scale3d(0.88, 0.88, 1);
        transform: scale3d(0.88, 0.88, 1);
    }

    .rkmd-checkbox .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
        color: rgba(0, 0, 0, 0.157) !important;
    }

.rkmd-checkbox.checkbox-light label,
.rkmd-checkbox.checkbox-light .label, .rkmd-checkbox.checkbox-light input[type="checkbox"] + .checkbox:before {
    color: #FFF;
}

.rkmd-checkbox.checkbox-light input[type="checkbox"]:disabled + .checkbox:before {
    color: #5d5d5d !important;
}

.rkmd-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"] + .checkbox:before {
    border-color: #FFF;
}

.rkmd-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"]:disabled + .checkbox:before {
    border-color: #5d5d5d !important;
}

.rkmd-checkbox label, .rkmd-checkbox .label {
    cursor: pointer;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox {
    cursor: pointer;
}

    .rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox:before {
        content: "";
        position: absolute;
        left: 7px;
        bottom: 7px;
        width: 18px;
        height: 18px;
        border: 2px solid #717171;
        border-radius: 2px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        z-index: 1;
    }

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
    left: 11px;
    width: 12px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-top: transparent;
    border-left: transparent;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-radius: 1px;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
    border-color: rgba(0, 0, 0, 0.157) !important;
}

.rkmd-checkbox.checkbox-ripple .ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

    .rkmd-checkbox.checkbox-ripple .ripple.animated {
        display: block;
        -webkit-animation-name: checkbox-ripple;
        animation-name: checkbox-ripple;
        -webkit-animation-duration: 400ms;
        animation-duration: 400ms;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

@-webkit-keyframes checkbox-ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

@keyframes checkbox-ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

.rkmd-checkbox.checkbox-rotate .checkbox-primary input[type="checkbox"]:checked + .checkbox:before {
    border-color: #2196F3;
}

.rkmd-checkbox.checkbox-rotate .checkbox-warning input[type="checkbox"]:checked + .checkbox:before {
    border-color: #f57c00;
}

.rkmd-checkbox.checkbox-rotate .checkbox-success input[type="checkbox"]:checked + .checkbox:before {
    border-color: #4CAF50;
}

.rkmd-checkbox.checkbox-rotate .checkbox-info input[type="checkbox"]:checked + .checkbox:before {
    border-color: #40c4ff;
}

.rkmd-checkbox.checkbox-rotate .checkbox-danger input[type="checkbox"]:checked + .checkbox:before {
    border-color: #ff5252;
}

/**========= Fade-In Checkbox =========**/
.fade-in-primary,
.fade-in-warning,
.fade-in-success,
.fade-in-info,
.fade-in-default,
.fade-in-danger {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
}

.checkbox-fade label {
    display: flex;
    align-items: center;
}

    .checkbox-fade label:after,
    .radio label:after {
        content: '';
        display: table;
        clear: both;
    }

.checkbox-fade .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    cursor: pointer;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox-fade .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox-fade label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox-fade label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox-fade label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox-fade label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.fade-in-primary .cr {
    border: 1px solid #2196f3;
}

.fade-in-warning .cr {
    border: 1px solid #f57c00;
}

.fade-in-success .cr {
    border: 1px solid #4CAF50;
}

.fade-in-info .cr {
    border: 1px solid #40c4ff;
}

.fade-in-danger .cr {
    border: 1px solid #ff5252;
}
/**========= Color Check-box css ======**/
.checkbox-color {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

    .checkbox-color label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox-color label::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 3px;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox-color label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 3px;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox-color input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox-color input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox-color input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox-color input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox-color input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox-color.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox-color.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #2196f3;
    border-color: #2196f3;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #ff5252;
    border-color: #ff5252;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #40c4ff;
    border-color: #40c4ff;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f57c00;
    border-color: #f57c00;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #4caf50;
    border-color: #4caf50;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}
/**  =====================
      Radio-Button css start
==========================  **/

.form-radio {
    position: relative;
}

.radio.radiofill input:checked ~ .helper::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio.radiofill .helper::after {
    border-color: #1b8bf9;
}

.radio-inline {
    display: inline-block;
    margin-right: 20px;
}

.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #b3b3b3;
    font-size: 0.8rem;
}

.form-radio .form-help {
    position: absolute;
    width: 100%;
}

.form-radio label {
    position: relative;
    padding-left: 1.5rem;
    text-align: left;
    color: #333;
    display: block;
}

.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.radio .helper {
    position: absolute;
    top: -0.15rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}

    .radio .helper::before,
    .radio .helper::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        margin: 0.25rem;
        width: 1rem;
        height: 1rem;
        -webkit-transition: -webkit-transform 0.28s ease;
        transition: -webkit-transform 0.28s ease;
        transition: transform 0.28s ease, -webkit-transform 0.28s ease;
        border-radius: 50%;
        border: 0.125rem solid currentColor;
    }

    .radio .helper::after {
        -webkit-transform: scale(0);
        transform: scale(0);
        background-color: #1b8bf9;
        border-color: #337ab7;
    }

.radio label:hover .helper {
    color: #1b8bf9;
}

.radio input:checked ~ .helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.radio input:checked ~ .helper::before {
    color: #1b8bf9;
}

/**  =====================
      Multi-Select css start
==========================  **/
.multiselect-native-select .btn-default, .multiselect-native-select .btn-default:focus, .multiselect-native-select .btn-default:active, .multiselect-native-select .btn-default:hover {
    border-color: rgba(0,0,0,.15);
}

.multiselect .caret {
    display: none;
}

.caret {
    color: #666;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.custom-header {
    text-align: center;
    padding: 3px;
    background: #2196f3;
    color: #fff;
}
/**====== Advance Form Elements css end ======**/
/**  =====================
      Loader page css start
==========================  **/
.loaders .card {
    min-height: 200px;
}
/*loader1*/
.loader {
    margin: 18px auto;
    top: 65px;
    left: 65px;
    right: 0;
    width: 100px;
    height: 100px;
    position: relative;
    transform: translate(-50%, -50%);
}

    .loader.animation-start .circle {
        animation: rotating 2s ease-in-out infinite;
    }

    .loader.animation-stop .circle {
        animation-iteration-count: 1;
    }

    .loader .circle {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        transform-origin: 50% 50%;
        animation-iteration-count: 0;
    }

        .loader .circle:after {
            content: '';
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            display: block;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            background-color: #1b8bf9;
        }

        .loader .circle.delay-1 {
            animation-delay: 0.125s;
        }

        .loader .circle.size-1:after {
            width: 11px;
            height: 11px;
        }

        .loader .circle.delay-2 {
            animation-delay: 0.25s;
        }

        .loader .circle.size-2:after {
            width: 12px;
            height: 12px;
        }

        .loader .circle.delay-3 {
            animation-delay: 0.375s;
        }

        .loader .circle.size-3:after {
            width: 13px;
            height: 13px;
        }

        .loader .circle.delay-4 {
            animation-delay: 0.5s;
        }

        .loader .circle.size-4:after {
            width: 14px;
            height: 14px;
        }

        .loader .circle.delay-5 {
            animation-delay: 0.625s;
        }

        .loader .circle.size-5:after {
            width: 15px;
            height: 15px;
        }

        .loader .circle.delay-6 {
            animation-delay: 0.75s;
        }

        .loader .circle.size-6:after {
            width: 16px;
            height: 16px;
        }

        .loader .circle.delay-7 {
            animation-delay: 0.875s;
        }

        .loader .circle.size-7:after {
            width: 17px;
            height: 17px;
        }

        .loader .circle.delay-8 {
            animation-delay: 1s;
        }

        .loader .circle.size-8:after {
            width: 18px;
            height: 18px;
        }

        .loader .circle.delay-9 {
            animation-delay: 1.125s;
        }

        .loader .circle.size-9:after {
            width: 19px;
            height: 19px;
        }

        .loader .circle.delay-10 {
            animation-delay: 1.25s;
        }

        .loader .circle.size-10:after {
            width: 20px;
            height: 20px;
        }

        .loader .circle.delay-11 {
            animation-delay: 1.375s;
        }

        .loader .circle.size-11:after {
            width: 21px;
            height: 21px;
        }

        .loader .circle.delay-12 {
            animation-delay: 1.5s;
        }

        .loader .circle.size-12:after {
            width: 22px;
            height: 22px;
        }

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*loader2*/
#loader2 {
    width: 80px;
    height: 130px;
    display: block;
    transform-origin: 50% 50%;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    animation: spin 1s linear infinite;
}

#circle-loader2 {
    fill: none;
    stroke: #1b8bf9;
    stroke-width: 4;
    animation: draw 3s ease-in-out infinite;
}

@keyframes draw {
    0% {
        stroke-dasharray: 20, 282.6;
    }

    50% {
        stroke-dasharray: 200, 282.6;
    }

    100% {
        stroke-dasharray: 20, 282.6;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/*preloader3*/
.preloader3 {
    width: 130px;
    height: 130px;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .preloader3 > div {
        margin: 2px;
        background-color: #1b8bf9;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
        animation: stretchdelay 0.7s infinite ease-in-out;
    }

    .preloader3 .circ2 {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .preloader3 .circ3 {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

.preloader .circ4 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.preloader3 .circ5 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: translateY(-10px);
    }

    20% {
        -webkit-transform: translateY(-20px);
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

    20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }
}

@keyframes rotateColor {
    0% {
        border-top-color: #1b8bf9;
    }

    12.5% {
        border-bottom-color: rgba(27, 139, 249, 0.8);
    }

    25% {
        border-bottom-color: rgba(27, 139, 249, 0.6);
    }

    37.5% {
        border-bottom-color: rgba(27, 139, 249, 0.4);
    }

    50% {
        border-bottom-color: rgba(27, 139, 249, 0.6);
    }

    50.00001% {
        border-bottom-color: #1b8bf9;
    }

    62.5% {
        border-bottom-color: rgba(27, 139, 249, 0.8);
    }

    75% {
        border-bottom-color: rgba(27, 139, 249, 0.6);
    }

    87.5% {
        border-bottom-color: rgba(27, 139, 249, 0.4);
    }
}

.preloader3 .loader-md {
    height: 13px;
    width: 13px;
}

.preloader3 .loader-lg {
    height: 18px;
    width: 18px;
}

.svg-clock {
    height: 240px;
}

/*preloader4*/
.preloader4 {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 55px 0;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1b8bf9;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*loader5*/

.preloader5 {
    margin: 55px 0;
}

.circle-5 {
    display: inline-block;
    padding: 11px;
    margin: 0 0.6em;
    background: #1b8bf9;
    border-radius: 100%;
}

.l {
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

.m {
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.r {
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes pulse {
    10% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    50% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    70% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    10% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    50% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    70% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*loader6*/
.preloader6 {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: inherit;
    margin: 18px 0;
}

    .preloader6 hr {
        border: 0;
        background: inherit;
        width: 80%;
        height: 80%;
        margin: 10%;
        border-radius: 100%;
    }

        .preloader6::before,
        .preloader6::after,
        .preloader6 hr::before,
        .preloader6 hr::after {
            content: '';
            position: absolute;
            top: 0;
            z-index: -1;
            left: 33px;
            border: 17px solid transparent;
            border-bottom: 50px solid #1b8bf9;
            border-top: 50px solid #1b8bf9;
            animation: rotateColor 1000ms infinite;
        }

    .preloader6::after {
        transform: rotate(45deg);
        animation-delay: 125ms;
    }

    .preloader6 hr::before {
        transform: rotate(90deg);
        animation-delay: 250ms;
    }

    .preloader6 hr::after {
        transform: rotate(135deg);
        animation-delay: 375ms;
    }

.loader-block, .loader {
    display: flex;
    align-items: center;
    justify-content: center;
}
/**====== Loader page css end ======**/

/**  =====================
      Animation css start
==========================  **/
#animationSandbox {
    display: block;
}
/**====== Animation css end ======**/

/**  =====================
      Sortable css start
==========================  **/
.sortable-moves {
    font-size: 14px;
    line-height: 1.55556em;
    list-style-type: none;
    margin-bottom: 15px;
    min-height: 3.55556em;
    padding-left: 5.11111em;
    position: relative;
    cursor: move;
}

    .sortable-moves img {
        position: absolute;
        height: 40px;
        left: 0;
        border-radius: 50px;
        top: -10px;
    }

#draggablePanelList .card {
    cursor: move;
}

#draggableMultiple .sortable-moves {
    cursor: move;
    margin-bottom: 0;
}

.sortable-moves {
    float: left;
    width: 300px;
}

#draggableWithoutImg .card {
    margin-bottom: 0;
}
/**====== Sortable css end ======**/

/**  =====================
      Search css start
==========================  **/

.seacrh-header {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.search-content img {
    width: 120px;
}

.search-content {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .search-content:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.search-result i {
    float: right;
}

/**====== Search css end ======**/
/**  =====================
      Invoice css start
==========================  **/
.invoice-contact {
    display: flex;
    margin-bottom: 30px;
    padding-top: 30px;
    align-items: center;
}

.invoice-box {
    background: #1b8bf9;
    color: #fff;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.invoice-table {
    border-left: 1px solid #fff;
    padding-left: 20px;
}

    .invoice-table td,
    .invoice-table th {
        border-top: none;
        padding: 3px 0;
    }

    .invoice-table > tbody > tr:last-child > td,
    .invoice-table > tfoot > tr:last-child > td {
        padding-bottom: 0;
    }

.invoice-box h1 {
    font-size: 7rem;
}

.invoice-order {
    padding-left: 0;
}

    .invoice-order th:first-child {
        padding-left: 0;
        width: 80px;
    }

.invoice-detail-table th:first-child {
    width: 450px;
    text-align: left;
}

.invoice-detail-table thead th {
    text-align: center;
}

.invoice-detail-table td {
    vertical-align: middle;
    text-align: center;
}

    .invoice-detail-table td:first-child {
        text-align: left;
    }

.invoice-total {
    background: #f3f3f3;
    padding: 30px 0;
}

    .invoice-total th,
    .invoice-total td {
        text-align: right;
    }

    .invoice-total td {
        padding-left: 30px;
    }

.invoive-info {
    display: flex;
    margin-bottom: 30px;
}

    .invoive-info h6 {
        margin-bottom: 20px;
        text-transform: uppercase;
    }

.invoice-total tbody {
    padding-right: 20px;
    float: right;
}
/**====== Invoice css end ======**/
/* ====================
    Coming soon page css start
======================= */

.coming {
    background: url('../images/masterhome.jpg')no-repeat;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}
/**====== Comming soon css end ======**/

/**  =====================
      Task list css start
==========================  **/

.min-date {
    background: transparent;
}

.task-list-table td,
.task-list-table th {
    vertical-align: middle;
}

.task-list-table img {
    width: 40px;
}

.task-list-table i {
    color: #333;
    margin-right: 5px;
}

.btn-add-task #add-btn {
    margin-top: 20px;
}
/* add task list css by kishan removal generic class */
.task-list .table-content {
    padding-left: 20px;
    padding-right: 20px;
}

.task-list input {
    cursor: pointer;
    font-weight: 600;
}

.task-list img {
    margin-right: 5px;
    display: inline-block;
}

.to-list .to-do-list {
    padding: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

    .to-list .to-do-list:last-child {
        border: none;
    }

/* end of task list css  */

/**====== Task List css end ======**/
/**  =====================
      Task Detailed css start
==========================  **/

.task-detail-right .counter {
    text-align: center;
    color: #777;
}

.task-detail-right .card-header h5 i, .task-detail-right .card-block table i {
    margin-right: 5px;
}

.requid-table {
    border: 1px solid #eceeef;
}

.thumb-block {
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumb-img {
    position: relative;
    display: block;
}

.caption-hover {
    top: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.thumb-img:hover .caption-hover {
    background-color: rgba(0,0,0,.7);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    width: 100%;
    height: 100%;
}

.caption-hover > span {
    top: 46%;
    width: 100%;
    position: absolute;
    text-align: center;
}

.media .b-2-primary {
    border: 2px solid #1b8bf9;
}
/**====== Task Detailed css end ======**/

/**  =====================
      Wells css start
==========================  **/
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}
/**====== Wells css end ======**/


/**  =====================
      Range slider css start
==========================  **/
#ex1Slider .slider-selection {
    background: #BABABA;
}

#RGB {
    height: 10px;
    background: rgb(128, 128, 128);
    margin: 10px 0;
}

#RC .slider-selection {
    background: #FF8282;
}

#RC .slider-handle {
    background: red;
}

#GC .slider-selection {
    background: #428041;
}

#GC .slider-handle {
    background: green;
}

#BC .slider-selection {
    background: #8283FF;
}

#BC .slider-handle {
    border-bottom-color: blue;
}

#R, #G, #B {
    width: 300px;
}

#ex6SliderVal {
    color: green;
}

#slider12a .slider-track-high,
#slider12c .slider-track-high {
    background: green;
}

#slider12b .slider-track-low,
#slider12c .slider-track-low {
    background: #ff5252;
}

#slider12c .slider-selection {
    background: #f57c00;
}

#slider22 .slider-selection {
    background: #2196F3;
}

#slider22 .slider-rangeHighlight {
    background: #f70616;
}

.range-slider {
    min-height: 200px;
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.range-slider-contain {
    position: absolute;
    bottom: 15%;
}

.range-well {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/**====== Range slider css end ======**/

.card-footer {
    background-color: transparent;
}
/* ====================
    Counter css start
======================= */
.counter p {
    color: #1b8bf9;
}

.comming-soon-from input {
    width: 50%;
}

.comming-soon-from button {
    width: 20%;
}

.comming-soon {
    text-align: center;
    color: #fff;
}

    .comming-soon h2 {
        font-size: 90px;
        font-weight: 400;
    }

    .comming-soon .counter p {
        font-size: 24px;
        font-weight: 400;
    }

    .comming-soon h1 {
        font-weight: 600;
        font-size: 64px;
    }

    .comming-soon > p {
        color: #fff;
        font-size: 28px;
    }

    .comming-soon .md-input-wrapper {
        text-align: left;
    }

.coming-social {
    padding-top: 50px;
    text-align: center;
}

    .coming-social a {
        margin-right: 20px;
        color: #fff;
        font-size: 30px;
    }

        .coming-social a:hover {
            color: #2196F3;
            transition: color 0.3s ease-in-out;
        }
/* =======================
    maintance page css start
========================== */

#maintance {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

.maintainance-subtitle {
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}

    .maintainance-subtitle ~ h6 {
        line-height: 1.5;
    }
/* ========  maintance page css End ========== */
/* =======================
   Start Color Css
=========================== */

.bg-primary li p, .bg-success li p, .bg-info li p, .bg-warning li p, .bg-danger li p, .bg-default li p,
.red-colors ul li p, .pink-colors ul li p, .purple-colors ul li p, .deep-purple-colors ul li p, .indigo-colors ul li p,
.blue-colors ul li p, .light-blue-colors ul li p, .cyan-colors ul li p, .teal-colors ul li p, .green-colors ul li p,
.light-green-colors ul li p, .lime-colors ul li p, .yellow-colors ul li p, .amber-colors ul li p, .orange-colors ul li p,
.deep-orange-colors ul li p, .brown-colors ul li p, .grey-colors ul li p, .blue-grey-colors ul li p {
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.color-block ul {
    margin-bottom: 20px;
}
/* start accent red color css */

.red-colors ul li:nth-child(1) {
    background-color: #fceded;
}

.red-colors ul li:nth-child(2) {
    background-color: #f9dbdb;
}

.red-colors ul li:nth-child(3) {
    background-color: #f6c9c9;
}

.red-colors ul li:nth-child(4) {
    background-color: #f3b7b7;
}

.red-colors ul li:nth-child(5) {
    background-color: #f0a5a5;
}

.red-colors ul li:nth-child(6) {
    background-color: #ed9393;
}

.red-colors ul li:nth-child(7) {
    background-color: #ea8282;
}

.red-colors ul li:nth-child(8) {
    background-color: #e77070;
}

.red-colors ul li:nth-child(9) {
    background-color: #e45e5e;
}

.red-colors ul li:nth-child(10) {
    background-color: #e14c4c;
}

.red-colors ul li:nth-child(11) {
    background-color: #de3a3a;
}

.red-colors ul li:nth-child(12) {
    background-color: #db2828;
}

.red-colors ul li:nth-child(13) {
    background-color: #d81616;
}

.red-colors ul li:nth-child(14) {
    background-color: #d50505;
}

/* end of accent red color css */

/* start accent pink colors css*/

.pink-colors ul li:nth-child(1) {
    background-color: #faeef4;
}

.pink-colors ul li:nth-child(2) {
    background-color: #f6dde9;
}

.pink-colors ul li:nth-child(3) {
    background-color: #f2cdde;
}

.pink-colors ul li:nth-child(4) {
    background-color: #eebcd3;
}

.pink-colors ul li:nth-child(5) {
    background-color: #eaabc8;
}

.pink-colors ul li:nth-child(6) {
    background-color: #e69bbd;
}

.pink-colors ul li:nth-child(7) {
    background-color: #e28ab2;
}

.pink-colors ul li:nth-child(8) {
    background-color: #de79a7;
}

.pink-colors ul li:nth-child(9) {
    background-color: #da699c;
}

.pink-colors ul li:nth-child(10) {
    background-color: #d65891;
}

.pink-colors ul li:nth-child(11) {
    background-color: #d24786;
}

.pink-colors ul li:nth-child(12) {
    background-color: #ce377b;
}

.pink-colors ul li:nth-child(13) {
    background-color: #ca2670;
}

.pink-colors ul li:nth-child(14) {
    background-color: #c61565;
}

/* end of accent pink color css */

/* start accent purple color css */

.purple-colors ul li:nth-child(1) {
    background-color: #f9edfe;
}

.purple-colors ul li:nth-child(2) {
    background-color: #f3dbff;
}

.purple-colors ul li:nth-child(3) {
    background-color: #edc9ff;
}

.purple-colors ul li:nth-child(4) {
    background-color: #e7b7ff;
}

.purple-colors ul li:nth-child(5) {
    background-color: #e1a5ff;
}

.purple-colors ul li:nth-child(6) {
    background-color: #db93ff;
}

.purple-colors ul li:nth-child(7) {
    background-color: #d582ff;
}

.purple-colors ul li:nth-child(8) {
    background-color: #cf70ff;
}

.purple-colors ul li:nth-child(9) {
    background-color: #c95eff;
}

.purple-colors ul li:nth-child(10) {
    background-color: #c34cff;
}

.purple-colors ul li:nth-child(11) {
    background-color: #bd3aff;
}

.purple-colors ul li:nth-child(12) {
    background-color: #b728ff;
}

.purple-colors ul li:nth-child(13) {
    background-color: #b116ff;
}

.purple-colors ul li:nth-child(14) {
    background-color: #ab05ff;
}

/* end of accent purple color css */

/* start css of deep purple color */

.deep-purple-colors ul li:nth-child(1) {
    background-color: #f4edfd;
}

.deep-purple-colors ul li:nth-child(2) {
    background-color: #e9dbfc;
}

.deep-purple-colors ul li:nth-child(3) {
    background-color: #dec9fa;
}

.deep-purple-colors ul li:nth-child(4) {
    background-color: #d3b7f9;
}

.deep-purple-colors ul li:nth-child(5) {
    background-color: #c8a5f7;
}

.deep-purple-colors ul li:nth-child(6) {
    background-color: #bd93f6;
}

.deep-purple-colors ul li:nth-child(7) {
    background-color: #b282f4;
}

.deep-purple-colors ul li:nth-child(8) {
    background-color: #a770f3;
}

.deep-purple-colors ul li:nth-child(9) {
    background-color: #9c5ef1;
}

.deep-purple-colors ul li:nth-child(10) {
    background-color: #914cf0;
}

.deep-purple-colors ul li:nth-child(11) {
    background-color: #863aee;
}

.deep-purple-colors ul li:nth-child(12) {
    background-color: #7b28ed;
}

.deep-purple-colors ul li:nth-child(13) {
    background-color: #7016eb;
}

.deep-purple-colors ul li:nth-child(14) {
    background-color: #6505ea;
}

/* end of deep purple color css */

/* start indigo colors css */

.indigo-colors ul li:nth-child(1) {
    background-color: #f0f2fe;
}

.indigo-colors ul li:nth-child(2) {
    background-color: #e2e6fe;
}

.indigo-colors ul li:nth-child(3) {
    background-color: #d3dafe;
}

.indigo-colors ul li:nth-child(4) {
    background-color: #c5cdfe;
}

.indigo-colors ul li:nth-child(5) {
    background-color: #b6c1fe;
}

.indigo-colors ul li:nth-child(6) {
    background-color: #a8b5fe;
}

.indigo-colors ul li:nth-child(7) {
    background-color: #99a8fe;
}

.indigo-colors ul li:nth-child(8) {
    background-color: #8b9cfe;
}

.indigo-colors ul li:nth-child(9) {
    background-color: #7c90fe;
}

.indigo-colors ul li:nth-child(10) {
    background-color: #6e83fe;
}

.indigo-colors ul li:nth-child(11) {
    background-color: #5f77fe;
}

.indigo-colors ul li:nth-child(12) {
    background-color: #516bfe;
}

.indigo-colors ul li:nth-child(13) {
    background-color: #425efe;
}

.indigo-colors ul li:nth-child(14) {
    background-color: #3452fe;
}

/* end of indigo colors */

/* start blue accent color css */

.blue-colors ul li:nth-child(1) {
    background-color: #f0f4fe;
}

.blue-colors ul li:nth-child(2) {
    background-color: #e1e9ff;
}

.blue-colors ul li:nth-child(3) {
    background-color: #d2deff;
}

.blue-colors ul li:nth-child(4) {
    background-color: #c3d3ff;
}

.blue-colors ul li:nth-child(5) {
    background-color: #b4c8ff;
}

.blue-colors ul li:nth-child(6) {
    background-color: #a5bdff;
}

.blue-colors ul li:nth-child(7) {
    background-color: #96b2ff;
}

.blue-colors ul li:nth-child(8) {
    background-color: #87a7ff;
}

.blue-colors ul li:nth-child(9) {
    background-color: #789cff;
}

.blue-colors ul li:nth-child(10) {
    background-color: #6991ff;
}

.blue-colors ul li:nth-child(11) {
    background-color: #5a86ff;
}

.blue-colors ul li:nth-child(12) {
    background-color: #4b7bff;
}

.blue-colors ul li:nth-child(13) {
    background-color: #3c70ff;
}

.blue-colors ul li:nth-child(14) {
    background-color: #2d65ff;
}

/* end of blue accent color css */

/* start light blue color css */

.light-blue-colors ul li:nth-child(1) {
    background-color: #edf7fd;
}

.light-blue-colors ul li:nth-child(2) {
    background-color: #dbeffc;
}

.light-blue-colors ul li:nth-child(3) {
    background-color: #c9e7fa;
}

.light-blue-colors ul li:nth-child(4) {
    background-color: #b7e0f9;
}

.light-blue-colors ul li:nth-child(5) {
    background-color: #a5d8f7;
}

.light-blue-colors ul li:nth-child(6) {
    background-color: #93d0f6;
}

.light-blue-colors ul li:nth-child(7) {
    background-color: #82c9f4;
}

.light-blue-colors ul li:nth-child(8) {
    background-color: #70c1f3;
}

.light-blue-colors ul li:nth-child(9) {
    background-color: #5eb9f1;
}

.light-blue-colors ul li:nth-child(10) {
    background-color: #4cb2f0;
}

.light-blue-colors ul li:nth-child(11) {
    background-color: #3aaaee;
}

.light-blue-colors ul li:nth-child(12) {
    background-color: #28a2ed;
}

.light-blue-colors ul li:nth-child(13) {
    background-color: #169aeb;
}

.light-blue-colors ul li:nth-child(14) {
    background-color: #0593ea;
}

/* end of light blue color css */

/* cyan color css start */
.cyan-colors ul li:nth-child(1) {
    background-color: #edfafb;
}

.cyan-colors ul li:nth-child(2) {
    background-color: #dbf5f8;
}

.cyan-colors ul li:nth-child(3) {
    background-color: #c9f0f5;
}

.cyan-colors ul li:nth-child(4) {
    background-color: #b7ebf2;
}

.cyan-colors ul li:nth-child(5) {
    background-color: #a5e6ef;
}

.cyan-colors ul li:nth-child(6) {
    background-color: #93e1ec;
}

.cyan-colors ul li:nth-child(7) {
    background-color: #82dce9;
}

.cyan-colors ul li:nth-child(8) {
    background-color: #70d7e6;
}

.cyan-colors ul li:nth-child(9) {
    background-color: #5ed2e3;
}

.cyan-colors ul li:nth-child(10) {
    background-color: #4ccde0;
}

.cyan-colors ul li:nth-child(11) {
    background-color: #3ac8dd;
}

.cyan-colors ul li:nth-child(12) {
    background-color: #28c3da;
}

.cyan-colors ul li:nth-child(13) {
    background-color: #16bed7;
}

.cyan-colors ul li:nth-child(14) {
    background-color: #05b9d4;
}

/* end of cyan color css start */

/* start teal color css */

.teal-colors ul li:nth-child(1) {
    background-color: #edfaf8;
}

.teal-colors ul li:nth-child(2) {
    background-color: #dbf6f2;
}

.teal-colors ul li:nth-child(3) {
    background-color: #c9f1ec;
}

.teal-colors ul li:nth-child(4) {
    background-color: #b7ede5;
}

.teal-colors ul li:nth-child(5) {
    background-color: #a5e8df;
}

.teal-colors ul li:nth-child(6) {
    background-color: #93e4d9;
}

.teal-colors ul li:nth-child(7) {
    background-color: #82dfd2;
}

.teal-colors ul li:nth-child(8) {
    background-color: #70dbcc;
}

.teal-colors ul li:nth-child(9) {
    background-color: #5ed6c6;
}

.teal-colors ul li:nth-child(10) {
    background-color: #4cd2c0;
}

.teal-colors ul li:nth-child(11) {
    background-color: #3acdb9;
}

.teal-colors ul li:nth-child(12) {
    background-color: #28c9b3;
}

.teal-colors ul li:nth-child(13) {
    background-color: #16c4ad;
}

.teal-colors ul li:nth-child(14) {
    background-color: #05c0a6;
}

/* end of teal color css */

/* start a green color css */

.green-colors ul li:nth-child(1) {
    background-color: #edfbf2;
}

.green-colors ul li:nth-child(2) {
    background-color: #dbf7e6;
}

.green-colors ul li:nth-child(3) {
    background-color: #c9f3da;
}

.green-colors ul li:nth-child(4) {
    background-color: #b7efce;
}

.green-colors ul li:nth-child(5) {
    background-color: #a5ebc2;
}

.green-colors ul li:nth-child(6) {
    background-color: #93e7b6;
}

.green-colors ul li:nth-child(7) {
    background-color: #82e4aa;
}

.green-colors ul li:nth-child(8) {
    background-color: #70e09e;
}

.green-colors ul li:nth-child(9) {
    background-color: #5edc92;
}

.green-colors ul li:nth-child(10) {
    background-color: #4cd886;
}

.green-colors ul li:nth-child(11) {
    background-color: #3ad47a;
}

.green-colors ul li:nth-child(12) {
    background-color: #28d06e;
}

.green-colors ul li:nth-child(13) {
    background-color: #16cc62;
}

.green-colors ul li:nth-child(14) {
    background-color: #05c956;
}

/* end of green color css */

/* start a light green color css */

.light-green-colors ul li:nth-child(1) {
    background-color: #f4fcee;
}

.light-green-colors ul li:nth-child(2) {
    background-color: #e9fade;
}

.light-green-colors ul li:nth-child(3) {
    background-color: #def7ce;
}

.light-green-colors ul li:nth-child(4) {
    background-color: #d3f5be;
}

.light-green-colors ul li:nth-child(5) {
    background-color: #c8f3ad;
}

.light-green-colors ul li:nth-child(6) {
    background-color: #bdf09d;
}

.light-green-colors ul li:nth-child(7) {
    background-color: #b3ee8d;
}

.light-green-colors ul li:nth-child(8) {
    background-color: #a8eb7d;
}

.light-green-colors ul li:nth-child(9) {
    background-color: #9de96c;
}

.light-green-colors ul li:nth-child(10) {
    background-color: #92e75c;
}

.light-green-colors ul li:nth-child(11) {
    background-color: #87e44c;
}

.light-green-colors ul li:nth-child(12) {
    background-color: #7ce23c;
}

.light-green-colors ul li:nth-child(13) {
    background-color: #71e02b;
}

.light-green-colors ul li:nth-child(14) {
    background-color: #67dd1b;
}

/* end of light green color css */

/* start lime color css */

.lime-colors ul li:nth-child(1) {
    background-color: #f9fded;
}

.lime-colors ul li:nth-child(2) {
    background-color: #f3fcdb;
}

.lime-colors ul li:nth-child(3) {
    background-color: #edfac9;
}

.lime-colors ul li:nth-child(4) {
    background-color: #e8f9b7;
}

.lime-colors ul li:nth-child(5) {
    background-color: #e2f7a5;
}

.lime-colors ul li:nth-child(6) {
    background-color: #dcf693;
}

.lime-colors ul li:nth-child(7) {
    background-color: #d7f482;
}

.lime-colors ul li:nth-child(8) {
    background-color: #d1f370;
}

.lime-colors ul li:nth-child(9) {
    background-color: #cbf15e;
}

.lime-colors ul li:nth-child(10) {
    background-color: #c6f04c;
}

.lime-colors ul li:nth-child(11) {
    background-color: #c0ee3a;
}

.lime-colors ul li:nth-child(12) {
    background-color: #baed28;
}

.lime-colors ul li:nth-child(13) {
    background-color: #b5eb16;
}

.lime-colors ul li:nth-child(14) {
    background-color: #afea05;
}

/* end of lime color css */

/* start yellow color css */

.yellow-colors ul li:nth-child(1) {
    background-color: #fefced;
}

.yellow-colors ul li:nth-child(2) {
    background-color: #fff9db;
}

.yellow-colors ul li:nth-child(3) {
    background-color: #fff6c9;
}

.yellow-colors ul li:nth-child(4) {
    background-color: #fff3b7;
}

.yellow-colors ul li:nth-child(5) {
    background-color: #fff0a5;
}

.yellow-colors ul li:nth-child(6) {
    background-color: #ffed93;
}

.yellow-colors ul li:nth-child(7) {
    background-color: #ffea82;
}

.yellow-colors ul li:nth-child(8) {
    background-color: #ffe870;
}

.yellow-colors ul li:nth-child(9) {
    background-color: #ffe55e;
}

.yellow-colors ul li:nth-child(10) {
    background-color: #ffe24c;
}

.yellow-colors ul li:nth-child(11) {
    background-color: #ffdf3a;
}

.yellow-colors ul li:nth-child(12) {
    background-color: #ffdc28;
}

.yellow-colors ul li:nth-child(13) {
    background-color: #ffd916;
}

.yellow-colors ul li:nth-child(14) {
    background-color: #ffd605;
}

/* end of yellow color css */

/* start amber color css */

.amber-colors ul li:nth-child(1) {
    background-color: #fef9ed;
}

.amber-colors ul li:nth-child(2) {
    background-color: #fff3db;
}

.amber-colors ul li:nth-child(3) {
    background-color: #ffedc9;
}

.amber-colors ul li:nth-child(4) {
    background-color: #ffe7b7;
}

.amber-colors ul li:nth-child(5) {
    background-color: #ffe1a5;
}

.amber-colors ul li:nth-child(6) {
    background-color: #ffdb93;
}

.amber-colors ul li:nth-child(7) {
    background-color: #ffd582;
}

.amber-colors ul li:nth-child(8) {
    background-color: #ffcf70;
}

.amber-colors ul li:nth-child(9) {
    background-color: #ffca5e;
}

.amber-colors ul li:nth-child(10) {
    background-color: #ffc44c;
}

.amber-colors ul li:nth-child(11) {
    background-color: #ffbe3a;
}

.amber-colors ul li:nth-child(12) {
    background-color: #ffb828;
}

.amber-colors ul li:nth-child(13) {
    background-color: #ffb216;
}

.amber-colors ul li:nth-child(14) {
    background-color: #ffac05;
}

/* end of amber color css */

/* start orange color css */

.orange-colors ul li:nth-child(1) {
    background-color: #fef4ed;
}

.orange-colors ul li:nth-child(2) {
    background-color: #ffeadb;
}

.orange-colors ul li:nth-child(3) {
    background-color: #ffe0c9;
}

.orange-colors ul li:nth-child(4) {
    background-color: #ffd6b7;
}

.orange-colors ul li:nth-child(5) {
    background-color: #ffcba5;
}

.orange-colors ul li:nth-child(6) {
    background-color: #ffc193;
}

.orange-colors ul li:nth-child(7) {
    background-color: #ffb782;
}

.orange-colors ul li:nth-child(8) {
    background-color: #ffad70;
}

.orange-colors ul li:nth-child(9) {
    background-color: #ffa35e;
}

.orange-colors ul li:nth-child(10) {
    background-color: #ff984c;
}

.orange-colors ul li:nth-child(11) {
    background-color: #ff8e3a;
}

.orange-colors ul li:nth-child(12) {
    background-color: #ff8428;
}

.orange-colors ul li:nth-child(13) {
    background-color: #ff7a16;
}

.orange-colors ul li:nth-child(14) {
    background-color: #ff6f05;
}

/* end of orange color css */

/* start deep orange color css */

.deep-orange-colors ul li:nth-child(1) {
    background-color: #fcf0ed;
}

.deep-orange-colors ul li:nth-child(2) {
    background-color: #fae1db;
}

.deep-orange-colors ul li:nth-child(3) {
    background-color: #f7d2c9;
}

.deep-orange-colors ul li:nth-child(4) {
    background-color: #f5c3b7;
}

.deep-orange-colors ul li:nth-child(5) {
    background-color: #f3b5a5;
}

.deep-orange-colors ul li:nth-child(6) {
    background-color: #f0a693;
}

.deep-orange-colors ul li:nth-child(7) {
    background-color: #ee9782;
}

.deep-orange-colors ul li:nth-child(8) {
    background-color: #eb8870;
}

.deep-orange-colors ul li:nth-child(9) {
    background-color: #e97a5e;
}

.deep-orange-colors ul li:nth-child(10) {
    background-color: #e76b4c;
}

.deep-orange-colors ul li:nth-child(11) {
    background-color: #e45c3a;
}

.deep-orange-colors ul li:nth-child(12) {
    background-color: #e24d28;
}

.deep-orange-colors ul li:nth-child(13) {
    background-color: #e03e16;
}

.deep-orange-colors ul li:nth-child(14) {
    background-color: #dd3005;
}

/* end of deep orange color css */

/* start brown color css */

.brown-colors ul li:nth-child(1) {
    background-color: #f1efef;
}

.brown-colors ul li:nth-child(2) {
    background-color: #e3e0e0;
}

.brown-colors ul li:nth-child(3) {
    background-color: #d6d1d0;
}

.brown-colors ul li:nth-child(4) {
    background-color: #c8c2c1;
}

.brown-colors ul li:nth-child(5) {
    background-color: #bbb3b2;
}

.brown-colors ul li:nth-child(6) {
    background-color: #ada4a2;
}

.brown-colors ul li:nth-child(7) {
    background-color: #a09593;
}

.brown-colors ul li:nth-child(8) {
    background-color: #928683;
}

.brown-colors ul li:nth-child(9) {
    background-color: #857674;
}

.brown-colors ul li:nth-child(10) {
    background-color: #776765;
}

.brown-colors ul li:nth-child(11) {
    background-color: #6a5855;
}

.brown-colors ul li:nth-child(12) {
    background-color: #5c4946;
}

.brown-colors ul li:nth-child(13) {
    background-color: #4f3a36;
}

.brown-colors ul li:nth-child(14) {
    background-color: #412b27;
}

/* end of brown color css */

/* start grey color css */

.grey-colors ul li:nth-child(1) {
    background-color: #efefef;
}

.grey-colors ul li:nth-child(2) {
    background-color: #dfdfdf;
}

.grey-colors ul li:nth-child(3) {
    background-color: #d0d0d0;
}

.grey-colors ul li:nth-child(4) {
    background-color: silver;
}

.grey-colors ul li:nth-child(5) {
    background-color: #b1b1b1;
}

.grey-colors ul li:nth-child(6) {
    background-color: #a1a1a1;
}

.grey-colors ul li:nth-child(7) {
    background-color: #929292;
}

.grey-colors ul li:nth-child(8) {
    background-color: #828282;
}

.grey-colors ul li:nth-child(9) {
    background-color: #737373;
}

.grey-colors ul li:nth-child(10) {
    background-color: #636363;
}

.grey-colors ul li:nth-child(11) {
    background-color: #545454;
}

.grey-colors ul li:nth-child(12) {
    background-color: #444444;
}

.grey-colors ul li:nth-child(13) {
    background-color: #343434;
}

.grey-colors ul li:nth-child(14) {
    background-color: #252525;
}

/* end of grey color css */

/* start blue grey color css */

.blue-grey-colors ul li:nth-child(1) {
    background-color: #eff0f1;
}

.blue-grey-colors ul li:nth-child(2) {
    background-color: #e0e2e3;
}

.blue-grey-colors ul li:nth-child(3) {
    background-color: #d1d3d5;
}

.blue-grey-colors ul li:nth-child(4) {
    background-color: #c2c5c7;
}

.blue-grey-colors ul li:nth-child(5) {
    background-color: #b3b7b9;
}

.blue-grey-colors ul li:nth-child(6) {
    background-color: #a3a8ab;
}

.blue-grey-colors ul li:nth-child(7) {
    background-color: #949a9d;
}

.blue-grey-colors ul li:nth-child(8) {
    background-color: #858c8f;
}

.blue-grey-colors ul li:nth-child(9) {
    background-color: #767d81;
}

.blue-grey-colors ul li:nth-child(10) {
    background-color: #676f73;
}

.blue-grey-colors ul li:nth-child(11) {
    background-color: #576165;
}

.blue-grey-colors ul li:nth-child(12) {
    background-color: #485257;
}

.blue-grey-colors ul li:nth-child(13) {
    background-color: #394449;
}

.blue-grey-colors ul li:nth-child(14) {
    background-color: #2a363b;
}

/* end of blue grey color css */

/*!*===========================*/
/*FAQ Page Css Start*/
/*======================= *!*/
.faq-expi i {
    top: -7px;
}

.faq-contact-card {
    margin-bottom: 15px;
}

    .faq-contact-card i {
        margin-right: 10px;
    }

.faq-profile-btn {
    text-align: center;
}

    .faq-profile-btn button:first-child {
        margin-right: 20px;
    }

.tab-header {
    margin-bottom: 20px;
}

.faq-expi {
    margin: 0;
}

    .faq-expi li {
        margin-top: 10px;
        padding-bottom: 10px;
        position: relative;
        margin-left: 50px;
    }

        .faq-expi li i {
            position: absolute;
            text-align: center;
            display: block;
            color: #2196F3;
        }

.faq-chart {
    text-align: center;
    border: none;
}

.faq-table-btn button {
    margin-right: 5px;
}

    .faq-table-btn button:last-child {
        margin-right: 0;
    }

.card-questioning, .card-member {
    margin-bottom: 0;
    color: #777;
}

.faq-accordion {
    margin-bottom: 10px;
    background-color: #fff;
}

.faq-expi li h6:last-child {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

/*===========================
    FAQ Page Css Start
======================= */

.contact-user .users {
    left: 0;
    width: inherit;
}

.technical-skill .progress, .taskboard-right-progress .progress {
    height: 9px;
    width: 90%;
    margin-bottom: 20px;
}

.technical-skill span {
    float: right;
    margin-top: -10px;
}

.general-info .table td, .project-table .table td, .general-info .table th, .project-table .table th {
    border-top: 0;
    border-bottom: 0;
}

.general-info .form-radio .md-add-on {
    line-height: 0;
    height: 0;
}

.general-info .form-radio .md-group-add-on {
    margin-bottom: 0;
}

.chart-percent {
    font-size: 24px;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 5px;
    top: 58px;
    font-weight: 400;
}

.faq-btn {
    text-align: center;
}

.project-table img {
    height: 50px;
    width: 50px;
}

.project-table .label {
    padding: 5px 20px;
}

.card-questioning .ui-accordion-header-icon, .card-member .ui-accordion-header-icon {
    float: left;
    margin-right: 15px;
    margin-top: 17px;
    margin-left: 17px;
}

.card-questioning .accordion-msg, .card-member .accordion-msg {
    font-weight: 400;
}

.card-questioning .acc-msg, .card-member .acc-msg {
    margin-bottom: 10px;
}

.card-questioning .acc-desc, .card-member .acc-desc {
    display: block;
    margin-bottom: 10px;
}

.card-questioning .ui-state-active, .card-member .ui-state-active {
    background-color: #1b8bf9;
    color: #fff;
}

#placeholder3 .legend {
    position: relative;
    top: -80px;
}
/* faq progress bar css */

.faq-progress .progress {
    position: relative;
    background-color: #eeeded;
    height: 10px;
}

    .faq-progress .progress .faq-text1, .faq-progress .progress .faq-text2, .faq-progress .progress .faq-text3, .faq-progress .progress .faq-text4, .faq-progress .progress .faq-text5 {
        font-weight: 600;
        margin-right: -37px;
    }

    .faq-progress .progress .faq-bar1, .faq-progress .progress .faq-bar2, .faq-progress .progress .faq-bar3, .faq-progress .progress .faq-bar4, .faq-progress .progress .faq-bar5 {
        background: #29aecc;
        height: 10px;
        border-radius: 0;
        position: absolute;
        top: 0%;
    }

    .faq-progress .progress .faq-bar1 {
        background-color: #2196F3;
    }

    .faq-progress .progress .faq-text1 {
        color: #2196F3;
    }

    .faq-progress .progress .faq-bar2, .faq-progress .progress .faq-bar5 {
        background-color: #4CAF50;
    }

    .faq-progress .progress .faq-text2, .faq-progress .progress .faq-text5 {
        color: #4CAF50;
    }

    .faq-progress .progress .faq-bar3 {
        background-color: #ff5252;
    }

    .faq-progress .progress .faq-text3 {
        color: #ff5252;
    }

    .faq-progress .progress .faq-bar4 {
        background-color: #f57c00;
    }

    .faq-progress .progress .faq-text4 {
        color: #f57c00;
    }

.card-faq h4 {
    color: #2196F3;
}

/* ======================
    Panels and wells css start
========================= */

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

.panel-body p {
    overflow: hidden;
}

.panels-wells .panel-default {
    border-color: #ddd;
}

.panels-wells .panel-success {
    border-color: #4CAF50;
}

.panels-wells .panel-primary {
    border-color: #2196F3;
}

.panels-wells .panel-danger {
    border-color: #ff5252;
}

.panels-wells .panel-info {
    border-color: #40c4ff;
}

.panels-wells .panel-warning {
    border-color: #f57c00;
}

.panels-wells .panel {
    margin-bottom: 20px;
}

    .panels-wells .panel .panel-body {
        padding: 15px;
    }

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

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



/* ==============================
    Start Contact card css
================================= */

.contact-mobile {
    position: relative;
    display: block;
    background-color: #fff;
    cursor: pointer;
}

.contact-card-info {
    position: relative;
    border-bottom: 1px solid #ccc;
}

    .contact-card-info a {
        font-size: 14px;
    }

.contact-mobi-front a {
    color: #fff;
}

.contact-mobi-front .front-img img {
    margin-right: 10px;
    height: 50px;
    width: 50px;
}

.contact-card-button {
    text-align: center;
    padding: 15px 0;
}

    .contact-card-button i {
        margin-right: 5px;
    }

.contact-mobi-front .img-circle {
    width: 150px;
    height: 150px;
    padding: 2px;
    border: 1px solid #757575;
}

.contact-details-front-img {
    text-align: center;
    padding: 20px 0;
}

    .contact-details-front-img h4 {
        margin-top: 10px;
    }

.contact-mobi-front {
    position: relative;
}

.front-img {
    position: absolute;
    bottom: 15px;
}

    .front-img > img {
        margin-left: 17px;
    }

.contact-card-info {
    padding: 10px 10px 10px 40px;
}

    .contact-card-info i {
        padding: 10px;
        position: absolute;
        left: 5px;
        top: 5px;
    }
/* =========================
    Start Signup and Signin Page css
============================ */

.login-profile i {
    margin: 0 auto;
}

.login-profile {
    align-items: center;
    background: #2196F3 none repeat scroll 0 0;
    color: #fff;
    display: flex;
    height: 400px;
}

.login-up {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    align-items: center;
    z-index: -1;
}

.md-float-group label {
    border-bottom: 0;
}

.modal-header ul {
    border-bottom: 0;
}

.login-profile .fa {
    font-size: 80px;
    margin: 0 auto;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: transparent;
    border-bottom: 2px solid #00b9f5;
    border-radius: 0;
    color: #666;
    font-size: 18px;
}

.nav.nav-pills.log_btn a {
    border-radius: 0;
    font-size: 18px;
}

.nav-pills.log_btn a:hover {
    background: transparent none repeat scroll 0 0;
}

.f-password {
    position: absolute;
    right: 0;
    top: -18px;
}

/* ======================
    Flag Page css
======================== */

.flags .f-item {
    padding: 12px;
    border: 1px solid #ddd;
    margin-right: 15px;
    display: inline-block;
}

.data_table_main.flags [class*=col-] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.content-flag label {
    margin-bottom: 0;
    cursor: pointer;
}

.flags .f-item .name, .flags .f-item .capital {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0;
}

.flags .f-item .code {
    display: block;
    font-size: 90%;
    color: #999;
    padding-bottom: 0;
}

/* ==========================
    Gallery Css
============================== */

.demo-gallery > ul {
    margin-bottom: 0;
}

    .demo-gallery > ul > li a {
        border-radius: 3px;
        display: block;
        overflow: hidden;
        position: relative;
        float: left;
        width: 100%;
    }

        .demo-gallery > ul > li a > img {
            -webkit-transition: -webkit-transform 0.15s ease 0s;
            -moz-transition: -moz-transform 0.15s ease 0s;
            -o-transition: -o-transform 0.15s ease 0s;
            transition: transform 0.15s ease 0s;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            height: 100%;
            width: 100%;
        }

        .demo-gallery > ul > li a:hover > img {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
            opacity: 1;
        }

        .demo-gallery > ul > li a .demo-gallery-poster {
            background-color: rgba(0, 0, 0, 0.1);
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition: background-color 0.15s ease 0s;
            -o-transition: background-color 0.15s ease 0s;
            transition: background-color 0.15s ease 0s;
        }

            .demo-gallery > ul > li a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
            }

        .demo-gallery > ul > li a:hover .demo-gallery-poster {
            background-color: rgba(0, 0, 0, 0.5);
        }

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.thumbnail {
    border: 5px solid #fff;
    box-shadow: 7px 7px 7px -7px #ccc;
}

#lightgallery li, #lightgallery1 {
    margin-bottom: 15px;
}
/* Gallery css end */

/**  =====================
      Product css start
==========================  **/
.prod-img {
    position: relative;
}

.prod-item .prod-img .option-hover {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    left: 0;
}

.prod-view:hover .option-hover {
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1;
}

.prod-item .prod-info {
    background: #fff;
    padding: 30px 0 20px;
}

.prod-item .br-widget {
    min-height: inherit;
}

.prod-img .p-new a {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 8px 13px;
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 2px 0 0 2px;
    background: #f57c00;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
}

.prod-img .p-sale {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: #ff5252;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 11px 4px;
}

.prod-info .br-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.option-icon i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 36px;
    margin: 30px 0;
    padding: 17px 5px;
}

/* css for product-list */

.project-table .action-icon a {
    font-size: 18px;
}

.prod-info h6 {
    font-size: 18px;
    font-weight: 600;
}

.prod-info a {
    font-size: 18px;
}

.pro-name span {
    font-size: 12px;
    color: #777;
}

.pro-list-img img {
    display: inline-block;
}

/**====== Product css end ======**/

/**  =====================
      Widget css start
==========================  **/

/*==== Progress-bar css =====*/

.project-process h6, .project-process h5 {
    margin-bottom: 20px;
}

.widget-clock .bg-primary {
    padding-bottom: 100px;
}

.widget-clock h2 {
    font-weight: 400;
}

.widget-clock h4, .widget-clock h6 {
    font-weight: 300;
}

.widget-clock i {
    font-size: 35px;
    margin-bottom: 10px;
}

.basic-widget h4 {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
}

.widget-user h4 {
    margin-bottom: 15px;
}

.widget-user h6 {
    font-weight: 300;
}

.widget-user i {
    margin-right: 10px;
}

.widget-user .user-name, .widget-user .following {
    margin-bottom: 20px;
}

.widget-activities h6 {
    margin: 20px 0;
}
/*.widget-activities p{
    margin-bottom: 10px;
}*/
.widget-activities i {
    display: block;
    font-size: 35px;
    text-align: right;
}

.widget-activities .counter-txt {
    font-weight: 300;
    font-size: 35px;
}

.last-activity-table {
    margin-bottom: 0;
}

    .last-activity-table .activity-count {
        display: block;
        font-size: 18px;
        font-weight: 600;
    }

    .last-activity-table .dashboard-msg-send {
        font-size: 12px;
    }

.activity-percentage {
    vertical-align: middle;
    font-size: 18px;
    padding-bottom: 0;
}

    .activity-percentage span {
        margin-right: 10px;
    }

    .activity-percentage i {
        vertical-align: middle;
    }

.widget-progress .progress {
    position: relative;
    background-color: #eeeded;
    height: 11px;
}

    .widget-progress .progress .progress-bar1, .widget-progress .progress .progress-bar2, .widget-progress .progress .progress-bar3, .widget-progress .progress .progress-bar4 {
        background: #29aecc;
        height: 10px;
        border-radius: 0;
        position: absolute;
        top: 0;
    }

.widget-progress ~ div i {
    padding: 0 10px;
}

.widget-progress .progress .progress-text1, .widget-progress .progress .progress-text2, .widget-progress .progress .progress-text3, .widget-progress .progress .progress-text4 {
    position: absolute;
}

.widget-progress .progress .progress-bar1 {
    background: #f57c00;
}

.widget-progress .progress .progress-text1 {
    color: #f57c00;
    font-weight: 600;
}

.widget-progress .progress .progress-bar2 {
    background: #ff5252;
}

.widget-progress .progress .progress-text2 {
    color: #ff5252;
    font-weight: 600;
}

.widget-progress .progress .progress-bar3 {
    background: #4CAF50;
}

.widget-progress .progress .progress-text3 {
    color: #4CAF50;
    font-weight: 600;
}

/*====== Basic widget css ======*/

.basic-widget {
    background: #3f51b5;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

    .basic-widget i {
        background: #fff;
        height: 25px;
        width: 25px;
        color: #3f51b5;
        border-radius: 50%;
        font-size: 20px;
        line-height: 81px;
        margin: 30px 0;
        padding: 17px 19px;
    }

.basic-widget-green {
    background: #4caf50;
}

    .basic-widget-green i {
        color: #4caf50;
    }

.basic-widget-orange {
    background: #f57c00;
}

    .basic-widget-orange i {
        color: #f57c00;
    }

.basic-widget-pink {
    background: #ff5252;
}

    .basic-widget-pink i {
        color: #ff5252;
    }

.img-full {
    width: 100%;
}

.user-block-1 {
    bottom: 75px;
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

    .user-block-1 img, .user-block-2 img {
        display: inline-block;
        border: 5px solid rgba(128, 128, 128, 0.43);
        border-radius: 50%;
    }

.user-block-2 {
    background-image: url(../images/widget/user-block-2.jpg);
    background-size: cover;
    padding: 20px 0;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

.user-block-2-activities {
    padding: 0px 20px;
}

.user-block-2-active {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.widget-income-footer {
    background: #eceaea;
    padding: 20px 15px;
}

#widget-product-list_filter {
    float: right;
}

    #widget-product-list_filter label {
        display: flex;
        align-items: center;
    }
/*===== New widget user css ======*/

/*===== New orders css ======*/
.new-orders i {
    background: #3f51b5;
    color: #fff;
    padding: 20px;
    border-radius: 50%;
    font-size: 20px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 20px;
    display: inline-flex;
}

/*Widget To Do list*/

.widget-to-do-list {
    padding: 5px;
    border-bottom: none;
    position: relative;
    margin-bottom: 10px;
}

    .widget-to-do-list .checkbox {
        display: block;
    }
/*social card*/
.social-card .media {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.social-card .social-media {
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

    .social-card .social-media i {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .social-card .social-media h5 {
        margin-bottom: 0;
        margin-top: 10px;
    }
/*freelance card */
.freelance-card .freelance {
    position: relative;
    margin-bottom: 20px;
}

.freelance img {
    height: 140px;
    width: 140px;
}
/*freelance card 2*/
.freelance-card-2 .freelance-2 {
    padding: 40px;
}

    .freelance-card-2 .freelance-2 .user-name {
        margin-bottom: 15px;
        margin-top: 150px;
    }

    .freelance-card-2 .freelance-2 .user-address {
        margin-right: 30px;
        display: inline-block;
    }

    .freelance-card-2 .freelance-2 .button-list {
        margin-top: 20px;
    }

.freelance-card-2 .freelancer-footer {
    padding: 20px;
    margin-top: 30px;
    border-top: 1px solid #fff;
}
/*Chartlist chart css*/

.ct-line.ct-threshold-above, .ct-point.ct-threshold-above, .ct-bar.ct-threshold-above, .ct-line.ct-threshold-below, .ct-point.ct-threshold-below, .ct-bar.ct-threshold-below, .ct-grids .ct-vertical {
    stroke: #ccc;
}

.ct-chart11 .ct-line.ct-threshold-above, .ct-chart11 .ct-point.ct-threshold-above, .ct-chart11 .ct-bar.ct-threshold-above, .ct-chart11 .ct-line.ct-threshold-below, .ct-chart11 .ct-point.ct-threshold-below, .ct-chart11 .ct-bar.ct-threshold-below, .ct-chart11 .ct-grids .ct-vertical {
    stroke: #2196F3;
}

.ct-label.ct-vertical.ct-start, .ct-label.ct-horizontal.ct-end {
    color: #ccc;
}

.ct-chart11 .ct-label.ct-vertical.ct-start, .ct-chart11 .ct-label.ct-horizontal.ct-end {
    color: #666;
}

.ct-grids .ct-horizontal {
    stroke: transparent;
}

/*Clock css*/

#clock {
    background-image: url("../images/widget/clock-bg.png");
    height: 160px;
    position: relative;
    width: 160px;
    margin: 25px auto -95px;
    background-size: cover;
    bottom: 100px;
}

    #clock div {
        position: absolute;
        left: 24%;
        top: 20%;
    }

    #clock img[src*="second"] {
        transition: transform 600000s linear 0s;
    }

    #clock:target img[src*="second"] {
        transform: rotate(3600000deg);
    }

    #clock img[src*="minute"] {
        transition: transform 360000s linear 0s;
    }

    #clock:target img[src*="minute"] {
        transform: rotate(36000deg);
    }

    #clock img[src*="hour"] {
        transition: transform 216000s linear 0s;
    }

    #clock:target img[src*="hour"] {
        transform: rotate(360deg);
    }
/*Weather widget*/

.weather-temp li {
    padding: 5px 10px;
    border-right: 1px solid #fff;
    display: inline-block;
    text-align: center;
}

    .weather-temp, .weather-temp li h6, .cloud-date {
        color: #fff;
    }

        .weather-temp, .weather-temp li h4 {
            margin-bottom: 0;
        }

            .weather-temp li:last-child {
                border-right: none;
            }

.weather-table tr td:first-child {
    width: 25%;
}

.weather-table .svg-icon svg {
    width: 21px !important;
    height: 21px !important;
}

.weather-live .svg-icon.d-flex .climacon_component-stroke {
    fill: rgba(255, 255, 255, 0.82);
}

.weather-live .svg-icon.d-flex svg {
    width: 80px !important;
    height: 80px !important;
}

.day-widget .svg-icon .climacon_component-stroke {
    fill: rgb(79, 176, 83);
}

.svg-cloud {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .svg-cloud .cloud-temp {
        display: inline-block;
        margin-left: 15px;
    }

.table tr:first-child td, .table th {
    border-top: none;
}

.table-inverse td, .table-inverse th, .table-inverse thead th {
    border-color: #fff;
}

.weather-table tr td:last-child, .last-activity-table tr td:last-child {
    text-align: right;
}

.weather-table > tbody > tr:last-child > td {
    margin-bottom: 0;
}

.svg-icon svg {
    width: 50px !important;
    height: 50px !important;
}

.svg-icon .climacon_component-stroke {
    fill: rgba(43, 61, 81, 0.7);
}

.svg-icon .climacon_component-fill {
    fill: #bbbbbb;
}

.icon-list-demo svg {
    border: 1px solid #eceeef;
    border-radius: 3px;
    color: rgba(43, 61, 81, 0.7);
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin: 0 12px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.weather-card .weather-bg {
    padding: 40px;
    text-align: center;
}

    .weather-card .weather-bg h1 {
        display: inline-block;
        font-size: 52px;
        vertical-align: bottom;
    }

    .weather-card .weather-bg h6 {
        font-weight: 300;
        color: #fff;
    }
/*widget horizontal cards css*/
.rotate-txt {
    float: right;
    bottom: 80px;
    position: relative;
    transform: rotateZ(90deg);
    right: -30px;
}

.horizontal-card-img img {
    width: 130px;
    height: 130px;
    display: inline-block;
    margin-bottom: 20px;
}

.horizontal-card-img h2 {
    margin-bottom: 30px;
    font-weight: 400;
}

.horizontal-card-img ol li {
    color: #777;
    font-weight: 600;
    float: none;
}

.label-primary.menu-arrow-caption {
    position: absolute;
    right: 25px;
}
/* twitter widget  */
.widget-twitter .media {
    padding: 10px;
    /*margin-bottom:20px;*/
    display: flex;
    align-items: center;
}

.widget-twitter .media-body h6 {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
/* video widget */
.widget-video .widget-progress {
    margin: 10px 0;
}
/* user list widget */
.widget-user-list .media {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

    .widget-user-list .media:nth-child(4), .widget-user-list .media:last-child {
        border-bottom: none;
    }

.widget-user-list .media-body h6 {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
}
/*Last activity widget*/
.last-activity-table tr td:first-child {
    width: auto;
}

.last-activity-table .btn {
    margin-bottom: 5px;
}
/*recent order table*/
.recent-table {
    padding-left: 30px;
    padding-right: 30px;
}

    .recent-table .action-icon a {
        color: #818a91;
        font-size: 18px;
    }

        .recent-table .action-icon a:first-child {
            margin-right: 15px;
        }

    .recent-table .pro-name span {
        color: #818a91;
        font-size: 12px;
    }
/*Photo table */
.photo-table img {
    width: 50px;
    margin-bottom: 5px;
}
/*Quick note css*/
.quick-save-btn {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 40px;
    font-weight: 400;
}

    .quick-save-btn:hover {
        border-color: #fff;
        color: #fff;
        box-shadow: none;
    }
/*Sparkline chart css*/
.bg-spark-chart {
    background: #3f51b5;
}

.br-bottom {
    border-bottom: 1px solid #ccc;
}

.br-left {
    border-left: 1px solid #ccc;
}

.br-top-white {
    border-top: 1px solid #fff;
}

.chart-sparkline {
    position: absolute;
    top: 0;
    left: 0;
}
/*Online status css*/
.online-dot {
    top: 80%;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 2px 2px rgba(128, 128, 128, 0.33);
    left: 50%;
    margin-left: 35px;
}

.user-borders-right {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px;
}

    .user-borders-right:nth-child(even) {
        border-right: none;
    }

    .user-borders-right .user-detail {
        display: inline-block;
        margin-left: 20px;
    }

        .user-borders-right .user-detail h6 {
            margin-bottom: 10px;
            font-weight: 400;
        }

.weather-cloud {
    font-size: 92px;
    position: absolute;
    bottom: -10px;
    right: 20px;
}

/*Messages css*/

.message-label {
    float: right;
    height: 40px;
    width: 40px;
    text-align: center;
    margin-top: -5px;
    line-height: 22px;
    border-radius: 100%;
    margin-bottom: 0;
}

.unread-msg {
    background: #fcffe8;
}

    .unread-msg i, .unread-msg h6, .unread-msg span, .unread-msg p {
        color: #000 !important;
        font-weight: 600;
    }

.messages .media .media-body {
    padding-top: 6px;
}

.messages-content {
    padding: 25px;
    border-right: 1px solid #ccc;
    padding-bottom: 0;
}

    .messages-content .media {
        margin-bottom: 40px;
    }

        .messages-content .media .msg-send, .messages-content .media .msg-reply {
            padding: 15px;
            font-size: 12px;
            display: inline-block;
            margin-bottom: 10px;
        }

        .messages-content .media .media-left {
            padding-right: 25px;
        }

.messages-send .form-control {
    padding: 20px;
    border-radius: 0;
}

.messages-send span {
    padding-right: 20px;
    border-radius: 0;
}

.msg-img-h {
    width: 50px;
}


/*Weather block css*/
.weather-bg {
    background-image: url(../images/widget/weather-bg.jpg);
    background-size: cover;
    padding: 20px 0;
    color: #fff;
}

    .weather-bg i {
        font-size: 100px;
    }

    .weather-bg span {
        font-size: 55px;
    }

    .weather-bg svg#cloudDrizzleSun {
        height: 80px;
        width: 80px;
    }

svg#sun {
    height: 180px;
    width: 180px;
}

.weather-detail .climacon_component-stroke {
    fill: #666;
}

.weather-detail .climacon_component-fill {
    fill: #fff;
}

.weather-detail li:first-child {
    padding-left: 0;
}

.weather-detail li {
    padding: 0 12px;
    display: inline-block;
    text-align: center;
}

    .weather-detail li:last-child {
        padding-right: 0;
    }

.widget-timeline i {
    position: absolute;
    top: 40px;
    left: 80%;
}

.widget-timeline .media {
    padding: 20px;
    font-size: 14px;
}

    .widget-timeline .media h6 {
        display: inline-block;
        font-size: 14px;
    }
/*Checkbox table css*/
.check-table th:first-child {
    width: 1%;
}

.check-table th .fade-in-primary {
    margin-right: 0;
}

/*Donaut chart css*/
.placeholder3 div.legend table {
    top: -71px;
    font-size: smaller;
    color: #545454;
    right: 195px;
}

.placeholder3 {
    margin: 60px auto;
}

    .placeholder3 > div.legend > table {
        left: -100px;
        margin-right: 0;
        margin-top: 95px;
        position: absolute;
    }

.legendLabel {
    padding-left: 12px;
}

/*Owl carousel css*/
.owl-widget .owl-controls {
    position: absolute;
    top: 40%;
    width: 100%;
}

    .owl-widget .owl-controls .owl-prev {
        left: 10px;
        position: absolute;
    }

    .owl-widget .owl-controls .owl-next {
        right: 10px;
        position: absolute;
    }

    .owl-widget .owl-controls .owl-nav div {
        background: rgba(0, 0, 0, 0.44);
        opacity: 1;
        color: #fff;
    }

.owl-widget-bottom {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    bottom: 0;
    z-index: 1;
}

/*Tabs widget css*/
.widget-tab-pane {
    padding: 20px;
}

    .widget-tab-pane p {
        padding: 0;
    }

    .widget-tab-pane .media-body p {
        margin-bottom: 5px;
    }

    .widget-tab-pane .media {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        .widget-tab-pane .media:last-child {
            margin-bottom: 0px;
        }

    .widget-tab-pane .media-body h6 {
        display: inline-block;
        font-size: 14px;
    }

.widget-tabs .nav-item a {
    font-size: 14px;
}

.grid-item #product-list_filter {
    display: none;
}

.widget-tabs .slide {
    height: 2px;
}

.add-tabs i {
    position: absolute;
    right: 15px;
    top: 10px;
}
/*Social block widget css*/
.bg-icon i {
    position: absolute;
    font-size: 72px;
    right: 15px;
    top: 20px;
    color: skyblue;
    opacity: 0.6;
}

.badge-dot {
    right: 5px;
    background: #1b8bf9;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 3px;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 11px;
    box-shadow: 0px 0px 2px 2px rgb(255, 255, 255);
}

/*Contact card css*/
.contact-card {
    background-image: url(../images/widget/contact-card.jpg);
    background-size: cover;
    color: #fff;
}


/**====== Widget css end ======**/

/**  =====================
     Contact card css start
==========================  **/
.contact-detail {
    width: calc(100% - 305px);
    float: right;
}
/**====== Contact card css end ======**/

/**  =====================
      Email pages css start
==========================  **/

.compose-list-group {
    margin-top: 20px;
}

    .compose-list-group i {
        margin-right: 5px;
    }

    .compose-list-group a {
        padding-left: 0;
    }

    .compose-list-group .email-count {
        margin-left: 5px;
    }

.email-icon {
    margin-bottom: 30px;
}

    .email-icon .btn-group, .email-icon .dropdown-primary {
        margin-right: 10px;
    }

    .email-icon i {
        font-size: 16px;
        color: #fff;
    }

.email-body .checkbox {
    margin-right: 10px;
    vertical-align: middle;
}

.email-body label {
    margin-bottom: 0;
}

.email-body .icofont-star {
    margin-right: 10px;
}

.email-time {
    text-align: right;
}

.compose-list-group .list-group-item.active {
    background-color: transparent;
    border-color: transparent;
    color: #ff5252;
    font-weight: 600;
}

.compose-list-group .list-group-item {
    border-color: transparent;
}

.email-table tr td {
    vertical-align: middle;
}

.email-table td a {
    color: #333;
}

.email-table .unread td a {
    font-weight: 600;
    color: #333;
}

.email-attch {
    width: 50px;
}

.email-time {
    width: 120px;
}

.email-content {
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.email-card {
    border: 1px solid rgba(0,0,0,.125);
}

.note-editor.panel {
    border: 1px solid rgba(0,0,0,.15);
}
/* generic class removal email page kishan  */

.email-card .user-name {
    display: inline-block;
    font-weight: 400;
}

.email-card .user-mail {
    font-size: 14px;
    margin-left: 5px;
    font-weight: 400;
}

    .email-card .user-mail h6 {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 0;
    }

/**====== Email pages css end ======**/

/**  =====================
      Social Timeline css start
==========================  **/
.tab-pane form .md-add-on i {
    font-size: 20px;
}

.wall-elips {
    position: absolute;
    right: 15px;
}

.social-wallpaper {
    position: relative;
}

.social-profile {
    position: relative;
    padding-top: 15px;
}

.timeline-btn {
    position: absolute;
    bottom: 0;
    right: 30px;
}

.nav-tabs.md-tabs.tab-timeline li a {
    padding: 20px 0 10px;
    color: #666666;
    font-size: 18px;
}

.social-timeline-left {
    position: absolute;
    top: -200px;
    margin-right: 15px;
}

.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none;
}

.user-box .media-object, .friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block;
}

.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.user-box .media-left {
    position: relative;
}

.chat-header {
    color: #222222;
}

.live-status {
    height: 7px;
    width: 7px;
    position: absolute;
    bottom: 0;
    right: 17px;
    border-radius: 100%;
    border: 1px solid;
}

.tab-timeline .slide {
    bottom: -1px;
}

.image-upload input {
    visibility: hidden;
    max-width: 0;
    max-height: 0;
}

.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0;
}

.ellipsis::after {
    top: 15px;
    border: none;
    position: absolute;
    content: '\f142';
    font-family: FontAwesome;
}

.elipsis-box {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11);
    top: 40px;
    right: -10px;
}

    .elipsis-box:after {
        content: '';
        height: 13px;
        width: 13px;
        background: #fff;
        position: absolute;
        top: -5px;
        right: 10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, 0.22);
    }

.friend-elipsis {
    left: -10px;
    top: -10px;
}

.social-profile:hover .profile-hvr, .social-wallpaper:hover .profile-hvr {
    opacity: 1;
    transition: all ease-in-out 0.3s;
}

.profile-hvr {
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding: 10px;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.61);
    transition: all ease-in-out 0.3s;
}

.social-profile {
    margin: 0 15px;
}

.social-follower {
    text-align: center;
}

    .social-follower h4 {
        font-size: 18px;
        margin-bottom: 10px;
        font-style: normal;
    }

    .social-follower h5 {
        font-size: 14px;
    }

    .social-follower .follower-counter {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 13px;
    }

        .social-follower .follower-counter .txt-primary {
            font-size: 24px;
        }

.timeline-icon {
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto;
    border: 4px #fff solid;
}

.social-timelines-left:after {
    height: 3px;
    width: 25%;
    position: absolute;
    background: #cccccc;
    top: 20px;
    content: "";
    right: 0;
    z-index: 0;
}

.social-timelines:before {
    position: absolute;
    content: ' ';
    width: 3px;
    background: #cccccc;
    left: 4%;
    z-index: 0;
    height: 100%;
    top: 0;
}

.timeline-dot:after, .timeline-dot:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    background-color: #cccccc;
    left: 3.8%;
    border-radius: 100%;
}

.user-box .social-designation, .post-timelines .social-time {
    font-size: 13px;
}

.social-msg span {
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}

.view-info .social-label, .contact-info .social-label, .work-info .social-label {
    font-size: 15px;
    padding-left: 0;
    padding-top: 0;
}

.view-info .social-user-name, .contact-info .social-user-name, .work-info .social-user-name {
    font-size: 14px;
    padding-left: 0;
}

.friend-elipsis .social-designation {
    font-size: 13px;
}

.social-client-description {
    padding-bottom: 20px;
}

.user-box .media-body {
    padding-top: 6px;
}

.timeline-details p {
    padding-top: 10px;
}

.timeline-details .chat-header, .post-timelines .chat-header {
    font-size: 15px;
}

.social-client-description {
    padding-bottom: 20px;
}

    .social-client-description p {
        margin-top: 5px;
    }

    .social-client-description span {
        font-size: 12px;
        margin-left: 10px;
    }

    .social-client-description .chat-header {
        font-size: 13px;
    }

.social-tabs a {
    font-size: 18px;
}

.timeline-btn a {
    margin-bottom: 20px;
}

.profile-hvr i {
    cursor: pointer;
}
/*====== Social Timeline css End ======*/

/**  =====================
      Data table css start
==========================  **/
#simpletable_filter, #task-table_filter {
    display: flex;
    justify-content: center;
}

    #simpletable_filter label, #task-table_filter label {
        display: flex;
        position: absolute;
        align-items: center;
        right: 30px;
        top: -21px;
    }

#simpletable_length label {
    margin-top: -5px;
}

div.dt-buttons {
    margin-bottom: 15px;
}

#advanced-table_filter label {
    display: flex;
    align-items: center;
    position: absolute;
    right: 35px;
    top: 60px;
}
/*====== Data table css End ======*/

/**  =====================
      Product- List css start
==========================  **/

#product-list td, #crm-contact td, #contact-list td {
    vertical-align: middle;
}

.crm-action-edit {
    margin-right: 15px;
}

.crm-action-edit, .crm-action-delete {
    font-size: 18px;
    color: #777;
}

.crm-table {
    padding-left: 30px;
    padding-right: 30px;
}

/*====== Product- List css End ======*/

/**  =====================
      Product-Detail css start
==========================  **/

#small_banner .slick-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

#small_banner img {
    cursor: pointer;
}

#small_banner .slick-center {
    filter: grayscale(0);
    opacity: 1;
}

.port_details_all_img {
    overflow: hidden;
}

.detail-stars .br-widget {
    min-height: 55px;
    margin-top: 0;
}

#small_banner:hover .slick-prev {
    left: 0;
    transition: all ease-in 0.3s;
}

#small_banner:hover .slick-next {
    right: 0;
    transition: all ease-in 0.3s;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: rgba(0, 0, 0, 0.80);
}

.slick-prev {
    left: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.62);
    width: 4%;
    transition: all ease-in 0.3s;
}

.slick-next {
    right: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.62);
    width: 4%;
    transition: all ease-in 0.3s;
}

    .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: rgba(0, 0, 0, 0.80);
    }

.product-detail .br-widget {
    display: block;
    min-height: 50px;
}

.counter-input .input-group {
    width: 20%;
}

.product-detail .btn-number {
    background-color: #e0e0e0;
    border-color: #d4d4d4;
    border-radius: 0;
    color: #000;
}

.pro-det-tab .tab-content {
    border: 1px solid #ccc;
    border-top: 0;
}

.big_banner .port_big_img {
    margin-bottom: 15px;
}

.product-detail .product-price {
    display: inline-block;
    margin-right: 50px;
    font-size: 24px;
}

.product-detail .pro-desc {
    margin-top: 25px;
    margin-bottom: 25px;
}

.cd-price .cd-price-month {
    font-size: 64px;
}
.cd-price .cd-price-year {
    font-size: 64px;
}
/*====== Product-Detail css End ======*/

/**  =====================
      Product-Edit css start
==========================  **/
.prod-edit-width {
    width: 60%;
    margin: 0 auto;
}

.product-edit ul a {
    font-weight: 600;
}

/*====== Product-Edit css End ======*/

/**  =====================
      Wall css start
==========================  **/
.post-new-footer i {
    font-size: 18px;
    margin-right: 15px;
    cursor: pointer;
}

.input-group span {
    cursor: pointer;
}

.input-group a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

/*====== Tour css ======*/

.notification .btn {
    margin-right: 15px;
}

    .notification .btn:last-child {
        margin-right: 0;
    }

.tooltip-btn .btn, .tooltip-pop .btn, .tooltip-icon .btn {
    margin-right: 20px;
    margin-bottom: 10px;
}

.tooltip-link a {
    margin-left: 10px;
}

.wall-img-preview {
    text-align: center;
}

    .wall-img-preview .wall-item {
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        border: 2px solid #fff;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }

        .wall-img-preview .wall-item > img {
            display: none;
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(2),
        .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div {
            width: 50%;
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(3),
        .wall-img-preview .wall-item:first-child:nth-last-child(3) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(5),
        .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:not( :nth-last-of-type(-n+2)),
        .wall-img-preview .wall-item:first-child:nth-last-child(6),
        .wall-img-preview .wall-item:first-child:nth-last-child(6) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3),
        .wall-img-preview .wall-item:first-child:nth-last-child(9),
        .wall-img-preview .wall-item:first-child:nth-last-child(9) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(10),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:nth-last-of-type(-n+3) {
            width: 33.333333%;
        }

            .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) {
                width: 50%;
            }

        .wall-img-preview .wall-item:first-child:nth-last-child(7),
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:not( :nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(11),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:not( :nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(8),
        .wall-img-preview .wall-item:first-child:nth-last-child(8) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(12),
        .wall-img-preview .wall-item:first-child:nth-last-child(12) ~ div {
            width: 25%;
        }

        .wall-img-preview .wall-item:only-child,
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:nth-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:nth-child(10) {
            width: 100%;
        }
/*====== Wall css End ======*/

/**  =====================
      Message css start
==========================  **/
.messages-content {
    width: calc(100% - 305px);
}

.message-left {
    width: 300px;
    float: right;
}

.msg-box {
    margin: -30px -15px;
}

.msg-send {
    background-color: #f3f3f3;
}

.new-msg {
    border-right: 0;
}

.msg-ellipsis {
    right: 10px;
    top: 0;
    position: absolute;
}

    .msg-ellipsis span {
        margin-top: 10px;
        margin-right: 14px;
        float: right;
        font-size: 26px;
    }

.msg-nav {
    top: 18px;
    right: 40px;
    position: absolute;
    font-size: 24px;
}

.new-msg:focus ~ .input-group-addon {
    background-color: #fff;
    border-color: #66afe9;
}

.msg-elipsis-box a {
    font-size: 15px;
}
/*====== Message css End ======*/
/**  =====================
      chat css start
==========================  **/
#main-chat .chat-single-box.active .chat-header {
    background-color: #2196F3 !important;
}

    #main-chat .chat-single-box.active .chat-header a {
        color: #fff !important;
    }

#main-chat .chat-single-box .chat-header a {
    color: #666666 !important;
}

#main-chat .chat-box ul.boxs li.chat-single-box .chat-header.custom-collapsed {
    position: absolute;
    bottom: 0;
    width: 300px;
}

.user-box {
    height: 100%;
}

.close {
    opacity: 1;
}

.write-msg {
    padding: 12px;
}

.chat-box .secondary:active:hover {
    background-color: #fff;
}

#main-chat .minimized {
    background-color: #1e2730 !important;
}

#main-chat .chat-box ul.boxs li.minimized {
    height: 30px;
    width: 30px;
    bottom: 0;
    position: absolute;
    left: -50px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

    #main-chat .chat-box ul.boxs li.minimized .count {
        color: #fff;
        text-align: center;
        margin: 5px;
    }

    #main-chat .chat-box ul.boxs li.minimized .chat-dropdown {
        list-style: none;
        display: none;
        position: absolute;
        background-color: #f5f5f5;
        -webkit-box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5);
        -moz-box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5);
        box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5);
        width: 150px;
        z-index: 100;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px 0;
    }

        #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li {
            padding: 2px 5px;
        }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li div {
                display: inline-block;
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .username {
                width: 85%;
                height: 22px;
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove {
                width: 13%;
                padding: 2PX 4PX;
                float: right;
            }

                #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove:hover {
                    background-color: #c0c0c0 !important;
                }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li:hover {
                color: black;
            }

#main-chat .chat-box ul.boxs li.hidden {
    display: none;
}

.chat-single-box {
    height: 440px;
    float: right;
    width: 300px;
    margin-right: 15px;
    direction: ltr;
    z-index: 999;
    bottom: 0;
}

.box-live-status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 1px solid;
}

.chat-msg-img {
    height: 50px;
    width: 50px;
}

.header-users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%;
}

.users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%;
}

.p-chat-user {
    top: 50px;
}

.users-main {
    height: 100%;
    width: 300px;
    position: fixed;
    border-radius: 0px;
}

.friendlist-main {
    padding-left: 20px;
}

    .friendlist-main h6 {
        font-size: 14px;
        text-transform: uppercase;
    }

.media-body .friend-header {
    font-size: 13px;
}

.media-body span {
    font-size: 12px;
}

.userlist-box {
    padding-left: 20px;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
}

.users-main .media {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.chat-menu-content, .chat-menu-reply {
    background: #f3f3f3;
    position: relative;
    overflow: visible;
    border-radius: 4px;
}

    .chat-menu-content:before {
        position: absolute;
        top: 20px;
        left: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-right-color: #f3f3f3;
    }

    .chat-menu-reply:before {
        position: absolute;
        top: 20px;
        right: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-left-color: #2196f3;
    }

.chat-reply-box {
    background-color: #fff;
    position: absolute;
    bottom: 43px;
    width: 100%;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

    .chat-reply-box .md-input-wrapper {
        margin-bottom: 30px;
    }

.chat-inner-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.chat-send {
    position: absolute;
    bottom: 5px;
    right: 0;
    border: none;
    background-color: transparent;
    color: #2196f3;
    transform: rotate(45deg);
}

.showChat_inner .chat-messages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.chat-menu-content .chat-cont, .chat-menu-reply .chat-cont {
    padding: 10px;
}

.chat-menu-content .chat-time, .chat-menu-reply .chat-time {
    padding-left: 10px;
    padding-bottom: 10px;
}

.designation {
    cursor: pointer;
}

.extra-profile-list {
    display: none;
}

.chat-menu-reply .chat-cont, .chat-menu-reply .chat-time {
    color: #fff;
}

.chat-menu-reply {
    background: #2196f3;
}

.users-main .media .chat-header {
    font-size: 14px;
    font-weight: 600;
}

.users-main .media-body div + div {
    font-size: 12px;
}

.chat-body {
    overflow-y: auto;
    height: 340px;
}

.users-main-fix {
    height: auto;
    position: fixed;
    bottom: 0px;
    top: 151px;
}

.chat-footer, .chat-link {
    border-color: #2196F3;
}

    .chat-footer .input-group-addon {
        padding: 7px .75rem;
    }

.form-control:focus ~ .chat-send {
    border-color: #2196F3;
}

.minimized-box {
    padding: 5px 10px;
}

.write-msg input {
    border-radius: 0;
    border-right: 0;
}

.write-msg .btn {
    box-shadow: none;
    border-left: 0;
    font-size: 14px;
}

.write-msg .btn-secondary:hover {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 0;
}

.form-control:focus ~ .input-group-btn .btn-secondary {
    border-color: #66afe9;
    color: #2196F3;
}

.img-chat-profile {
    height: 45px;
    width: 45px;
}

.chat-minimize .chat-body, .chat-minimize .chat-footer {
    display: none;
}

.chat-box {
    margin-right: 290px;
    height: 440px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
}
/*====== chat css End ======*/
/*====== Product-Edit css End ======*/

/**  =====================
      Blog css start
==========================  **/
#blog .blog-section:last-child {
    margin-bottom: 0;
}

.blog-section {
    position: relative;
    margin-bottom: 50px;
}

    .blog-section .blog-detail {
        position: absolute;
        padding-left: 0;
        float: right;
        right: 0;
        bottom: 0;
    }

    .blog-section .blog-left {
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    }

    .blog-section h2 {
        background: #2196F3;
        text-transform: uppercase;
        font-weight: 300;
        text-align: center;
        position: absolute;
        margin: 0;
        color: #fff;
        bottom: 0;
        padding: 15px 30px;
    }

    .blog-section .blog-block {
        margin-left: 22%;
        padding: 20px;
    }

.blog-block h6 {
    display: inline-block;
    font-weight: 400;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 15px;
    color: #777;
}

    .blog-block h6 i {
        margin-right: 15px;
    }

    .blog-block h6:last-child {
        border: none;
    }

.blog-block a {
    color: #666;
    transition: all ease-in 0.3s;
}

.read-more a {
    color: #1b8bf9;
}

.blog-block a:hover {
    color: #1b8bf9;
}

.blog-section p {
    margin-top: 15px;
    color: #777;
}

.blog-section .read-more {
    text-align: right;
}

.blog-section h5 {
    text-align: right;
    display: inline-block;
    font-weight: 400;
    color: #2196f3;
    margin-bottom: 25px;
}

.blog-section:nth-child(even) .blog-detail {
    left: 0;
    padding-right: 0;
}

    .blog-section:nth-child(even) .blog-detail h2 {
        right: 0;
    }

.blog-section:nth-child(even) .blog-block {
    margin-right: 22%;
    margin-left: 0;
}

.blog-add-cmnt {
    text-align: end;
}

.bug-issue-link .breadcrumb.bg-white {
    margin-top: 0;
    padding-top: 0;
}
/*====== Blog css End ======*/

/**  =====================
      Blog Detail css start
==========================  **/

.blog-single h4 {
    margin-top: 30px;
    color: #1b8bf9;
    font-weight: 400;
}

.blog-single p {
    margin: 30px 0;
}

    .blog-single p:last-child {
        font-weight: 400;
        margin-bottom: 30px;
    }

.blog-single .qutoe-text {
    font-size: 15px;
    color: #1b8bf9;
    border-left: 3px solid #1b8bf9;
    padding-left: 25px;
    font-weight: 400;
}

.blog-tag li:first-child {
    border: none;
    padding: 5px 0;
}

.blog-tag li a, .blog-tag li i, .blog-single p:last-child, .shares-like li:first-child, .shares-like li:first-child i {
    color: #777;
}

.blog-tag li i {
    font-size: 20px;
    vertical-align: middle;
}

.blog-tag li {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ccc;
    margin-right: 15px;
}

    .blog-tag li:last-child {
        margin-right: 0;
    }

.shares-like li:first-child {
    font-size: 17px;
}

.shares-like li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
}

    .shares-like li i {
        color: #fff;
    }

.shares-like .btn-facebook, .shares-like .btn-twitter, .shares-like .btn-google-plus, .shares-like .btn-linkedin, .shares-like .btn-pinterest {
    color: #fff;
    padding: 10px 15px;
}

.blog-big-user {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

    .blog-big-user h4 {
        color: #1b8bf9;
        font-weight: 400;
    }

    .blog-big-user h6 {
        font-weight: 400;
        margin: 20px 0;
    }

    .blog-big-user h5 {
        margin: 20px 0;
    }

.blog-u-comment span {
    font-size: 14px;
}

.blog-u-comment i {
    margin: 0 5px;
}

    .blog-u-comment i:last-child {
        margin-right: 10px;
    }

.blog-u-comment .blog-reply a, .blog-u-comment .blog-edit a {
    margin-right: 10px;
    font-size: 12px;
}

.shares-like:hover {
    transition: all 0.3s 0s;
}

.blog-s-reply h6 {
    color: #1b8bf9;
}

    .blog-s-reply h6 span {
        font-size: 12px;
        color: #777;
        margin-left: 5px;
    }

.blog-article {
    margin-bottom: 30px;
}

    .blog-article .articles h6 {
        padding-top: 20px;
        font-weight: 400;
    }

    .blog-article .articles a {
        font-weight: 400;
        font-size: 15px;
        color: #1b8bf9;
        margin: 20px 0;
        display: block;
    }

    .blog-article .articles span {
        margin-left: 10px;
    }

.img-circle-blog {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.comment-block li {
    padding-left: 75px;
}

.blog-profile img {
    left: 0;
    position: absolute;
    top: 12px;
}

.mail-img {
    margin-top: 20px;
}

/*====== Blog Details End ======*/

/**  =====================
      Bootstrap UI css start
==========================  **/

.boot-ui [class*=col-], .boot-ui [class*=bg-] {
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

/*====== Bootstrap UI css End ======*/

/**  =====================
      Sticky css start
==========================  **/
/*add Button css Start*/
.pulse-ring {
    content: '';
    width: 140px;
    height: 55px;
    border: 20px solid #1b8bf9;
    position: absolute;
    top: 18px;
    left: 18px;
    background-color: #1b8bf9;
    animation: pulsate infinite 1.5s;
}

@-webkit-keyframes pulsate {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}
/*====== Sticky End ======*/
/**  =====================
      Wizard Forms css start
==========================  **/
/*Wizard Forms validation Start*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

a.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50px;
}

/*Wizard Forms validation Ends*/
/*====== Wizard Forms End ======*/
/**  =====================
      Map google css start
==========================  **/
.basic-map {
    height: 400px;
    border-radius: 3px;
}

#mapGeo.basic-map {
    height: 358px;
    border-radius: 3px;
}
/*vector map*/
/*====== Map google End ======*/

/**  =====================
     CRM Dashboard css start
==========================  **/

.timeline-line .cd-timeline-content::before {
    left: 100%;
}

.timeline-line .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
    left: -30px;
}

.morris-default-style {
    width: 100%;
}

.morris-hover-row-label, .morris-hover-point {
    display: inline-block;
    margin-right: 15px;
    color: #fff !important;
    background-color: #1b8bf9;
    padding: 1px 10px;
    border-radius: 2px;
}
/*CRM-Contact Start CSS*/
#crm-contact .img-circle, img.comment-img {
    width: 40px;
    height: 40px;
}

.crm-timeline:after {
    display: none;
}
/*====== CRM Dashboard End ======*/

/** ==============================
    Dynamic css start
=========================== **/
.filtering_group, .filter-container h2 {
    margin-bottom: 20px;
}

.sorting-filter, .sorting_txt-filter {
    text-align: left;
}

    .sorting-filter li, .sorting_txt-filter li {
        display: inline-block;
    }

        .sorting-filter li button, .sorting_txt-filter li button {
            margin-right: 20px;
        }

.sorting-container h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #777;
}
/*====== Dynamic css End ======*/

/** ==============================
    Task Board CSS
=========================== **/

/* start task board */

.task-right-header-status, .task-right-header-users {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

.task-right-header-revision {
    padding-top: 10px;
}

    .task-right-header-status span, .task-right-header-users span, .task-right-header-revision span {
        margin-bottom: 10px;
    }

.task-right-header-users .assign-user {
    padding: 0;
    margin-top: 10px;
}

.taskboard-right-users .media, .taskboard-right-revision .media, .assign-user .media {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .assign-user .media:first-child {
        margin-top: 0;
    }

.assign-user .media-body h6 {
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 0;
}

.assign-user .media-body p {
    margin-bottom: 5px;
}

.assign-user .media-left img {
    margin-bottom: 0;
}

.taskboard-right-progress, .taskboard-right-users, .taskboard-right-revision {
    margin-top: 10px;
}

    .taskboard-right-revision .media .media-body .chat-header {
        font-size: 13px;
    }

    .taskboard-right-progress .progress {
        width: 100%;
    }

.filter-bar > .navbar {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
    padding: .2rem 1rem;
}

.filter-bar .nav-link {
    color: #000;
}

.filter-bar .navbar-light .navbar-nav .nav-link {
    color: #757575;
    margin-right: 10px;
}

.card-footer .task-list-table, .card-footer .task-list-table a img {
    display: inline-block;
}

.task-board {
    margin-top: 10px;
    float: right;
}

    .task-board .dropdown {
        display: inline-block;
    }

.card-block .task-detail {
    padding-top: 0;
    padding-bottom: 10px;
}

.point-marker {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.content-group {
    margin-bottom: 20px !important;
}

.content-divider {
    text-align: center;
    position: relative;
    z-index: 1;
}

/* task board card border */

.b-l-primary {
    border-left: 2px solid #2196F3;
}

.b-l-danger {
    border-left: 2px solid #ff5252;
}

.b-l-success {
    border-left: 2px solid #4CAF50;
}

.b-l-warning {
    border-left: 2px solid #f57c00;
}

.b-l-info {
    border-left: 2px solid #40c4ff;
}
/* end of task board css*/

/* ======================================
        Issue List Css
=========================================== */

/* start Issue list css */

.pie-chart-tooltip {
    position: absolute;
    top: 0;
    left: 0;
}

.issue-list-progress {
    border-bottom: 1px solid #ccc;
}

    .issue-list-progress .progress {
        position: relative;
        background-color: #eeeded;
        height: 9px;
        width: 90%;
        margin-bottom: 20px;
    }

#issue-list-table_filter label {
    display: flex;
    align-items: center;
    position: absolute;
    right: 35px;
    top: -18px;
}

.issue-list-progress span {
    margin-top: -10px;
}

.issue-progress .progress .issue-text1 {
    font-weight: 600;
    float: right;
    margin-right: -50px;
}

.issue-progress .progress .issue-bar1 {
    background: #29aecc;
    height: 10px;
    border-radius: 0;
    position: absolute;
    top: 0%;
}

.matrics-issue .sub-title {
    padding-top: 20px;
    padding-bottom: 10px;
    display: block;
}

.matrics-issue div h6 {
    padding-top: 10px;
    color: #777;
}

.issue-btn-group i {
    font-size: 16px;
}
/* end of issue list css */

/**  =====================
     Form Validation css start
==========================  **/

form .messages {
    position: absolute;
    left: 0;
    top: 100%;
}

.messages.popover-valid {
    position: absolute;
    right: 18px;
    top: 25px;
    left: auto;
    font-size: 16px;
}
/*======  Form Validation End ======*/

/* ======================================
       Chartlist chart css
=========================================== */
.chartlist .ct-series-a .ct-line, .chartlist .ct-series-a .ct-point, .chartlist .ct-series-a .ct-slice-donut {
    stroke: #2196F3;
}

.chartlist .ct-series-b .ct-line, .chartlist .ct-series-b .ct-point, .chartlist .ct-series-b .ct-slice-donut {
    stroke: #ff5252;
}

.chartlist .ct-series-c .ct-line, .chartlist .ct-series-c .ct-point, .chartlist .ct-series-c .ct-slice-donut {
    stroke: #4CAF50;
}

.chartlist .ct-series-d .ct-line, .chartlist .ct-series-d .ct-point, .chartlist .ct-series-d .ct-slice-donut {
    stroke: #f57c00;
}

.chartlist .ct-chart .ct-grids .ct-vertical {
    stroke: #ccc;
}

.chartlist .ct-chart .ct-label.ct-vertical.ct-start, .chartlist .ct-label.ct-horizontal.ct-end {
    color: #ccc;
}

.chartlist .ct-series-a .ct-area {
    fill: #ff5252;
}

.chartlist .ct-series-b .ct-area {
    fill: #2196F3;
}

.chartlist .ct-series-c .ct-area {
    fill: #4CAF50;
}

.chartlist .ct-series-d .ct-area {
    fill: #f57c00;
}

.nvd-chart {
    height: 400px;
}

.peity-chart .peity {
    width: 100%;
    height: 50%;
}

.linechart canvas, .barchart canvas, .customchart canvas {
    width: 101% !important;
}
/* end  Chartlist chart css */

/* ======================================
       Dashboard-1 css start
=========================================== */

.row-table {
    display: table;
    height: 100%;
    width: 100%;
}

    .row-table > [class*=col-] {
        display: table-cell;
        table-layout: fixed;
        vertical-align: middle;
    }

        .row-table > [class*=col-]:first-child {
            border-right: 1px solid #fff;
        }

#system-clock {
    opacity: 0.6;
}

.b-t-none {
    border-top: none;
    border: 1px solid #ccc;
}

.side-box {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 60px;
    color: #fff;
    font-size: 26px;
    border-radius: 0px 0px 0px 100px;
    text-align: center;
}

    .side-box i {
        position: relative;
        top: 10px;
        left: 5px;
    }

.resource-barchart canvas {
    width: 60% !important;
}

.dashboard-primary, .dashboard-success, .dashboard-warning, .dashboard-facebook, .weather-temp h6 {
    color: #fff;
}

.sales-primary, .sales-success, .sales-warning, .sales-facebook {
    padding: 20px;
    margin-bottom: 10px;
}

    .sales-primary i, .sales-success i, .sales-warning i, .sales-facebook i {
        font-size: 40px;
    }

    .sales-primary h2, .sales-success h2, .sales-warning h2, .sales-facebook h2 {
        font-weight: 600;
        float: right;
        margin-bottom: 5px;
    }

    .sales-primary span, .sales-success span, .sales-warning span, .sales-facebook span {
        display: block;
        text-align: right;
    }

.bg-dark-primary .week-sales, .bg-dark-success .week-sales, .bg-dark-warning .week-sales, .bg-dark-facebook .week-sales {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: inline-block;
}

.bg-dark-primary .total-sales, .bg-dark-success .total-sales, .bg-dark-warning .total-sales, .bg-dark-facebook .total-sales {
    color: #fff;
    float: right;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}

.dashboard-product {
    background-color: #fff;
    padding-top: 21px;
    padding-bottom: 25px;
    color: #777;
}

.dashboard-total-products {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dashboard-resource .counter {
    color: #fff;
    display: inline-block;
}

.dashboard-resource .resource-used {
    text-align: right;
    color: #fff;
    float: right;
}

.dashboard-city {
    display: inline-block;
}

.city-cloud {
    text-align: right;
    float: right;
}

.cloud-date {
    color: #fff;
    display: inline-block;
    font-weight: 300;
}

.cloud-speed {
    text-align: right;
    color: #fff;
    float: right;
    font-size: 16px;
}

    .cloud-speed i {
        margin-right: 5px;
        font-size: 20px;
    }

.svg-cloud {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.cloud-temp {
    display: inline-block;
    margin-left: 15px;
}

    .cloud-temp h5 {
        color: #fff;
        font-weight: 400;
    }

.weather-temp li {
    color: #fff;
    display: inline-block;
    text-align: center;
}

.weather-table i {
    color: #777;
}

.photo-table img {
    display: inline-block;
}

.photo-table td {
    vertical-align: middle;
}

.photo-table i {
    margin-right: 5px;
}

.user-block-2 h5, .user-block-2 img {
    margin-bottom: 20px;
}

.user-block-2 h6 {
    color: #fff;
    font-weight: 300;
}

.user-block-2-active i {
    margin-right: 10px;
}

.user-block-2-active label {
    float: right;
    margin-bottom: 0;
}

/*Dashboard weather animation*/

/* ======================================
       Dashboard-2 css start
=========================================== */

/*Weather clock css*/
.cw-widget {
    position: relative;
}

    .cw-widget h2 {
        font-size: 14px;
    }

    .cw-widget .upper {
        height: 279px;
        padding: 20px;
    }

    .cw-widget .date {
        font-size: 30px;
    }

    .cw-widget .year {
        font-size: 20px;
        color: #c1c1c1;
        margin: 20px auto;
    }

    .cw-widget .place {
        color: #222;
        font-size: 30px;
    }

    .cw-widget .lower {
        background: #ff5252;
        font-weight: 600;
        width: 100%;
        border-radius: 0 0 .25rem .25rem;
    }

    .cw-widget .clock {
        background: #ff5252;
        border-radius: 100%;
        box-shadow: 0 0 0 15px #f5f5f5,0 10px 10px 5px rgba(0,0,0,0.3);
        height: 150px;
        position: absolute;
        right: 25px;
        top: 20px;
        width: 150px;
    }

    .cw-widget .hour {
        background: #f5f5f5;
        height: 50px;
        left: 50%;
        position: absolute;
        top: 25px;
        width: 4px;
    }

    .cw-widget .min {
        background: #f5f5f5;
        height: 65px;
        left: 50%;
        position: absolute;
        top: 10px;
        transform: rotate(100deg);
        width: 4px;
    }

    .cw-widget .min, .cw-widget .hour {
        border-radius: 5px;
        transform-origin: bottom center;
        transition: all .5s linear;
    }

    .cw-widget .infos {
        list-style: none;
    }

    .cw-widget .info {
        color: #fff;
        float: left;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        width: 25%;
    }

        .cw-widget .info span {
            display: inline-block;
            font-size: 25px;
        }

    .cw-widget .weather p {
        font-size: 20px;
        color: #c1c1c1;
        margin: 20px auto;
    }

    .cw-widget .anim {
        animation: fade .8s linear;
    }

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dashboard-total-income .counter-txt {
    font-weight: 300;
    font-size: 35px;
    color: #2196F3;
}

.dashboard-total-income i {
    float: right;
    font-size: 30px;
    color: #2196f0;
}

.income-per-day p {
    margin-bottom: 10px;
}

.income-per-day h6 {
    display: inline-block;
    margin-left: 5px;
}

.section-info .info-block {
    margin-top: 20px;
}

    .section-info .info-block dl {
        margin-bottom: 0;
    }

.quick-note h6 {
    color: #fff;
    margin-bottom: 20px;
}

.quick-note h2 {
    font-weight: 100;
}

.user-unread-msg .media {
    padding: 10px;
}

.user-unread-msg .media-body h6 {
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
}

.user-unread-msg .media-body span {
    font-size: 12px;
}

.user-unread-msg .media-body p {
    margin-bottom: 5px;
}

.user-unread-msg .media-body .user-unread-reply {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    color: #777;
}

.dashboard-total-growth h5 {
    font-weight: 600;
}

.daily-visiter {
    margin-bottom: 10px;
}

    .daily-visiter .widget-progress {
        margin-top: 10px;
    }

.order-counter .media-body span {
    font-weight: 600;
    font-size: 20px;
}

.order-counter .media-body h6 {
    font-weight: 300;
    margin-top: 5px;
}

.dashboard-page-view .counter-txt {
    font-weight: 300;
    font-size: 35px;
    color: #2196f3;
}

    .dashboard-page-view .counter-txt h5 {
        display: inline-block;
        font-size: 35px;
        font-weight: 500;
    }
/*Live chart css*/
.widget {
    background: white;
}

.total-income-bottom {
    padding: 7px 15px;
}
/*
 * Graph section
 */
.section-graph {
    position: relative;
    height: 151px;
    color: #fff;
    background: #55bc75;
    background-image: linear-gradient(#55bc75, #55bc75 50%, #4daf7c 50%);
}

    .section-graph .graph-info {
        z-index: 99;
        position: absolute;
        font-weight: bold;
        margin-top: 18px;
        margin-left: 21px;
        width: 100px;
    }

        .section-graph .graph-info .graph-arrow {
            width: 0;
            height: 0;
            margin-top: 18px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid white;
            float: left;
        }

        .section-graph .graph-info .graph-info-big {
            font-size: 24px;
            float: left;
            margin-left: 3px;
        }

        .section-graph .graph-info .graph-info-small {
            margin-left: 3px;
            font-size: 12px;
            font-weight: normal;
            color: rgba(255, 255, 255, 0.5);
            clear: left;
            margin-left: 8px;
        }

/*
 * Info Section
 */

.info-aapl h4, .yearly-change h4 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

.section-info {
    padding: 21px 21px 21px;
    color: #8a786a;
    overflow: hidden;
}

.info-time {
    font-size: 12px;
}

.info-block {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    width: 120px;
    border-radius: 3px;
    float: left;
    padding: 4px 0;
}

    .info-block dt, .info-block dd {
        margin: 0;
        padding: 0;
    }

    .info-block dt {
        font-weight: bold;
    }

    .info-block dd {
        font-size: 12px;
    }

.info-aapl {
    float: left;
    margin-top: 20px;
}

    .info-aapl ul {
        margin: 0;
        padding: 0;
    }

    .info-aapl li {
        margin: 0;
        display: block;
        width: 9px;
        height: 40px;
        margin-right: 6px;
        background-color: #f5f0ec;
        float: left;
        position: relative;
    }

        .info-aapl li span {
            display: block;
            width: 9px;
            height: 40px;
            position: absolute;
            bottom: 0;
        }

            .info-aapl li span.orange {
                background-color: #e75e3a;
            }

            .info-aapl li span.green {
                background-color: #4eaf7c;
            }

.yearly-change {
    width: 94px;
    float: right;
    margin-top: 20px;
}

    .yearly-change span {
        display: block;
        height: 40px;
        line-height: 40px;
        color: white;
        background-color: #4eaf7c;
        text-align: center;
        border-radius: 3px;
        font-weight: bold;
    }

        .yearly-change span em {
            color: rgba(255, 255, 255, 0.7);
        }


/*Rainy cloud */
.max-height-table {
    max-height: 270px;
}

    .max-height-table table .checkbox label {
        margin-bottom: 0;
    }

.dashboard-contact-card .m-t-150 {
    margin-top: 100px;
}

.customchart-primary canvas {
    width: 100% !important;
}

.layouts-link img {
    transition: all ease-in .3s;
}

    .layouts-link img:hover {
        -webkit-transform: scale(0.95) rotateX(30deg);
        transform: scale(0.95) rotateX(30deg);
        box-shadow: 0px 0px 10px 3px rgba(128, 128, 128, 0.25);
    }

/* ======================================
     x-editable css start
=========================================== */

.dotted-line-theme .no_edit {
    width: 100% !important;
    border-bottom: 1px solid rgba(153, 153, 153, 0.60) !important;
}

.ibtn_container a span i {
    color: #fff !important;
}

.inline-editable label {
    color: #1b8bf9;
}
/*====== x-editable End ======*
/* ======================================
     ace-editable css start
=========================================== */
#wrapper {
    padding: 10px;
}

#editor {
    width: 100%;
    height: 400px;
    position: relative;
}

.controls {
    margin-bottom: 1em;
}
/*====== ace-editable End ======*

/* home chat css start */
.showChat {
    display: none;
    margin-top: -50px;
    z-index: 999;
}

.showChat_inner {
    position: fixed;
    top: 50px;
    background-color: white;
    right: 0;
    display: none;
    width: 300px;
    height: 100%;
    z-index: 999;
}

/* home chat css end */

/* Dashboard3 css start */
.customTooltipClass {
    position: absolute;
    top: 0;
    left: 0;
}
/* Dashboard3 css end */

#task-form input:focus, #task-form input:active, #task-form button:focus, #task-form button:active {
    outline-color: #F0553B;
    outline-width: thin;
    transition: all 0.3s;
}

#task-form button:before {
    height: 1px;
    width: 100%;
    background: #ff8e7b;
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
}

#task-form button:hover {
    opacity: 0.8;
    transition: all 0.3s;
}
/*------------------*/
/* List Styles*/
/*------------------*/
#task-container ul {
    overflow: hidden;
}

#task-container .task-headline {
    display: none;
    color: #666666;
    border-bottom: 1px solid #C8C7BB;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 1.6em;
    position: relative;
}

    #task-container .task-headline:before {
        height: 1px;
        width: 100%;
        background: #FFF;
        position: absolute;
        content: " ";
        bottom: 0;
        left: 0;
    }

#task-container .nothing-message {
    height: 160px;
    color: #666;
    background-size: 15%;
}

#task-container li {
    float: left;
    width: 49%;
    overflow: auto;
    height: auto;
    min-height: 10px;
    background: #FFF;
    display: inline-block;
    padding: 20px;
    border: 1px solid #CCC;
    color: #666;
    border-top: 9px solid #4caf50;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 2%;
    transition: all 0.3s;
    position: relative;
}

    #task-container li:nth-child(even) {
        margin-right: 0;
    }

    #task-container li:nth-child(n+4) {
        margin-bottom: 0;
    }

    #task-container li:hover {
        opacity: 1;
        border-top: 9px solid #ff5252;
    }

#task-container p {
    line-height: 1.6em;
    text-align: left;
}

#task-container li.complete {
    opacity: 1;
    border-top: 9px solid #666;
    transition: all 0.3s;
}

    #task-container li.complete:before {
        background: url("../images/complete.png") no-repeat;
        position: absolute;
        top: 5px;
        right: 5px;
        content: "";
        width: 55px;
        height: 55px;
        background-size: 100%;
    }

    #task-container li.complete:hover {
        border-top: 9px solid #ff5252;
        opacity: 1;
    }

    #task-container li.complete p {
        text-decoration: line-through;
    }

.add-line.complete {
    text-decoration: line-through;
}
/*-------------------------*/
/* Secondary Control Styles*/
/*-------------------------*/
#controls {
    display: none;
    text-align: center;
    clear: both;
    margin-top: 60px;
    background: #E4E3D5;
    padding: 20px;
    border: 1px solid #c8c7bb;
}

    #controls p {
        display: inline-block;
        color: #666;
        font-style: italic;
    }

        #controls p:first-child {
            margin-right: 20px;
        }

/* === color css starts=== */

.color-1 {
    background: #1b8bf9;
}

.color-2 {
    background: #f57c00;
}

.color-3 {
    background: #ff5252;
}

.color-4 {
    background: #8B4DA5;
}

.color-5 {
    background: #40c4ff;
}

.color-inverse {
    background: #000;
}

    .color-inverse img {
        box-shadow: 0px 0px 10px 1px rgba(129, 129, 129, 0.27);
    }

.color-picker {
    position: fixed;
    right: 0;
    top: 150px;
    width: 239px;
    background: #fff;
    z-index: 999999;
    -webkit-transition: all .3s ease;
}

    .color-picker a.handle {
        border: 1px solid #0e7ae8;
        border-right-color: transperant;
        border-left-color: none;
        position: absolute;
        top: 0;
        right: 239px;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        z-index: 9999;
        transition: all ease-in 0.3s;
    }

        .color-picker a.handle:hover {
            background: #1b8bf9;
            transition: all ease-in 0.3s;
        }

            .color-picker a.handle:hover i {
                color: #fff;
                transition: all ease-in 0.3s;
            }

        .color-picker a.handle i {
            color: #1b8bf9;
            font-size: 25px;
            line-height: 50px;
        }

    .color-picker .settings-header {
        background: #1b8bf9;
        height: 50px;
        padding: 15px 34px 0 34px;
    }

        .color-picker .settings-header h3 {
            color: #fff;
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 0;
            padding: 0 0 5px;
            margin-top: 0;
        }

    .color-picker .section:last-child {
        border-bottom: 1px solid rgba(14, 122, 232, 0.55);
    }

    .color-picker .section {
        padding: 20px 20px;
        border-bottom: 1px dotted rgba(14, 122, 232, 0.55);
        border-left: 1px solid rgba(14, 122, 232, 0.55);
        overflow: hidden;
    }

        .color-picker .section h3 {
            font-size: 16px;
            text-transform: none;
            color: #3c3c3c;
            line-height: 16px;
            padding: 0;
            margin-bottom: 20px;
            text-align: left;
        }

        .color-picker .section i {
            font-size: 16px;
            margin-right: 10px;
        }

    .color-picker span {
        font-size: 13px;
        color: #9a9a9a;
    }

    .color-picker .colors a {
        display: block;
        border-radius: 10px;
        width: 30px;
        height: 30px;
        margin-left: 0;
        margin-bottom: 10px;
        margin-right: 5px;
        float: left;
        transition: all ease-in 0.3s;
    }

        .color-picker .colors a:hover {
            box-shadow: 0 0 2px 1px rgba(247, 54, 121, 0.58);
            transition: all ease-in 0.3s;
        }

    .color-picker .skin a {
        display: block;
        width: 70px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 5px;
        float: left;
        text-align: center;
        line-height: 30px;
        border: 2px transparent solid;
    }

        .color-picker .skin a.actt {
            border: 2px #FFF solid;
        }
/* color css Ends */

/*MEDIA QUERIES*/

@media screen and (max-width: 900px) {
    .md-input-wrapper > label { 
        top: -15px; 
    }
}

    @media screen and (max-height: 800px) and (max-width: 700px) {
        .error-500,
        .error-503,
        .error-404,
        .error-400,
        .error-403 {
            position: inherit;
            margin-bottom: 60px;
        }
    }

    @media screen and (max-height: 800px) and (min-width: 701px) {
        .error-500,
        .error-503,
        .error-404,
        .error-400,
        .error-403 {
            position: inherit;
            margin-bottom: 20px;
        }
    }


    /*MEDIA QUERIES*/
    @media screen and (max-width: 500px) {
        .login-card {
            width: 350px;
        }
    }

    @media screen and (max-width: 400px) {
        .login-card {
            width: inherit;
        }

        .login {
            text-align: left;
            position: relative;
        }

        .md-form-control:focus ~ label, .md-valid ~ label {
            top: -20px;
            font-size: 10px;
            color: #1b8bf9;
        }
    }

    @media screen and (max-height: 400px) {

        .login {
            text-align: left;
            position: relative;
        }
    }

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}


#btn-show-add-coupon-modal {
    color: white;
    font-weight: bold;
}

/*.float-button {
    position: fixed;
    bottom: 60px;
    right: 40px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    background: #95ca4e;
    color: white;
    z-index: 1000000000;
}*/

.alert-success {
    background-color: #95ca4e;
    font-size: large;
}