@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Regular.eot);
    src: url(/assets/fonts/Proxima_Nova_Regular.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Regular.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Regular.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Regular.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Regular.svg#Proxima_Nova_Regular) format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Regular_Italic.eot);
    src: url(/assets/fonts/Proxima_Nova_Regular_Italic.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Regular_Italic.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Regular_Italic.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Regular_Italic.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Regular_Italic.svg#Proxima_Nova_Regular_Italic) format('svg');
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Bold.eot);
    src: url(/assets/fonts/Proxima_Nova_Bold.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Bold.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Bold.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Bold.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Bold.svg#Proxima_Nova_Bold) format('svg');
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Bold_Italic.eot);
    src: url(/assets/fonts/Proxima_Nova_Bold_Italic.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Bold_Italic.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Bold_Italic.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Bold_Italic.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Bold_Italic.svg#Proxima_Nova_Bold_Italic) format('svg');
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Semibold.eot);
    src: url(/assets/fonts/Proxima_Nova_Semibold.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Semibold.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Semibold.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Semibold.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold) format('svg');
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Semibold_Italic.eot);
    src: url(/assets/fonts/Proxima_Nova_Semibold_Italic.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Semibold_Italic.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Semibold_Italic.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Semibold_Italic.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Semibold_Italic.svg#Proxima_Nova_Semibold_Italic) format('svg');
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Light.eot);
    src: url(/assets/fonts/Proxima_Nova_Light.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Light.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Light.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Light.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Light.svg#Proxima_Nova_Light) format('svg');
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/assets/fonts/Proxima_Nova_Light_Italic.eot);
    src: url(/assets/fonts/Proxima_Nova_Light_Italic.eot) format('embedded-opentype'),url(/assets/fonts/Proxima_Nova_Light_Italic.woff2) format('woff2'),url(/assets/fonts/Proxima_Nova_Light_Italic.woff) format('woff'),url(/assets/fonts/Proxima_Nova_Light_Italic.ttf) format('truetype'),url(/assets/fonts/Proxima_Nova_Light_Italic.svg#Proxima_Nova_Light_Italic) format('svg');
    font-style: italic;
    font-weight: 300
}

* {
    padding: 0;
    margin: 0;
    outline: 0 !important;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 1em;
    line-height: 1.4;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html, body, button, input, select, textarea {
    color: #343434;
    font-family: 'Proxima Nova',sans-serif !important;
    line-height: 1.4;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

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

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

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

[hidden] {
    display: none;
}

:focus {
    outline: 0;
}

:active, :hover {
    outline: 0;
}

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

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

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

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

pre {
    margin: 0;
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:after, q:before {
        content: '';
        content: none;
    }

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dl, menu, ol, ul {
    margin: 0;
}

dd {
    margin: 0 0 0 40px;
}

nav ol, nav ul {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

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

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

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

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

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

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

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

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

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

img {
    border: none;
}

ul {
    list-style: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

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

audio, canvas, img, video {
    vertical-align: middle;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

body {
    margin: 0;
    background: #eceff4;
}

.mobile-menu-left-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 59;
    background: rgba(48,75,88,.5);
}

/*page*/

.page-center {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.page-center-in {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}

/*page content*/

.page-content {
    /*padding: 107px 15px 10px;*/
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.page-content-header {
    background: #fff;
    border-bottom: solid 1px #c5d6de;
    margin: -10px 0 30px;
    position: relative
}

    .page-content-header:after, .page-content-header:before {
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        display: block;
        height: 100%;
        width: 15px;
        position: absolute;
        bottom: -1px;
        background: #fff;
        border-bottom: solid 1px #c5d6de
    }

    .page-content-header:before {
        left: -15px
    }

    .page-content-header:after {
        right: -15px
    }

    .page-content-header h1, .page-content-header h2, .page-content-header h3, .page-content-header h4, .page-content-header h5, .page-content-header h6 {
        margin: 0
    }

    .page-content-header .tbl-cell {
        vertical-align: middle;
        padding: 21px 0 20px
    }

    .page-content-header .tbl-cell-action {
        width: 10px;
        padding-left: 15px;
        white-space: nowrap
    }

        .page-content-header .tbl-cell-action .btn {
            margin: -3px 0 -5px
        }

/*flag icon*/
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    opacity: .7
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }

.flag-icon-us {
    background-image: url(../img/flags/4x3/us.svg)
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(../img/flags/1x1/us.svg)
    }

.flag-icon-tr {
    background-image: url(../img/flags/4x3/tr.svg)
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(../img/flags/1x1/tr.svg)
    }

.flag-icon-do {
    background-image: url(../img/flags/4x3/do.svg)
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(../img/flags/1x1/do.svg)
    }

/*section header*/

.section-header {
    padding: 0 0 27px
}

    .section-header .tbl-cell {
        vertical-align: middle
    }

    .section-header .tbl-cell-action {
        white-space: nowrap;
        padding-left: 15px
    }

        .section-header .tbl-cell-action.select {
            width: 180px
        }

        .section-header .tbl-cell-action.button {
            width: 104px
        }

    .section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6 {
        margin: 0
    }

    .section-header .subtitle {
        font-size: .8125rem;
        padding: 5px 0 0
    }

    .section-header .breadcrumb {
        margin-bottom: -13px;
        margin-top: -9px
    }

@media (max-width: 767px) {
    /*page content*/
    .with-side-menu-addl .page-content {
        padding-left: 0;
        padding-right: 0
    }

    .section-header {
        display: block
    }

        /*section header*/
        .section-header .tbl-cell, .section-header .tbl-row {
            display: block
        }

        .section-header .tbl-cell {
            padding-bottom: 10px
        }

        .section-header .tbl-cell-action {
            white-space: nowrap;
            padding-left: 0
        }

    .site-header .dropdown.dropdown-lang .dropdown-toggle {
        width: 42px
    }

    .site-header .dropdown.dropdown-lang .dropdown-menu {
        margin-right: -52px
    }

    .site-header .user-menu.dropdown {
        margin-left: 12px
    }
}

@media (max-width: 960px) {
    /*page content*/
    .with-side-menu .page-content {
        padding-left: 0;
        padding-right: 0
    }

    .with-side-menu-compact .page-content {
        padding-left: 0;
        padding-right: 0
    }

    .with-side-menu-addl-full .page-content {
        padding-left: 0;
        padding-right: 0
    }

    .page-content-header:after, .page-content-header:before {
        display: none
    }
}

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

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

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

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

.clearfix:after {
    clear: both
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.tbl {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.tbl-row {
    display: table-row
}

.tbl-cell {
    display: table-cell;
    vertical-align: middle
}

.b-a-0, .no-border {
    border: none
}

.b-a {
    border: solid 1px #d8e2e7
}

.b-l {
    border-left: solid 1px #d8e2e7
}

.b-r {
    border-right: solid 1px #d8e2e7
}

.b-t {
    border-top: solid 1px #d8e2e7
}

.b-b {
    border-bottom: solid 1px #d8e2e7
}

.b-l-0 {
    border-left: none
}

.b-r-0 {
    border-right: none
}

.b-t-0 {
    border-top: none
}

.b-b-0 {
    border-bottom: none
}

.border-primary {
    border-color: #00a8ff
}

.border-default {
    border-color: #d8e2e7
}

.border-warning {
    border-color: #f29824
}

.border-success {
    border-color: #46c35f
}

.border-info {
    border-color: #ac6bec
}

.border-white {
    border-color: #fff
}

.border-danger {
    border-color: #fa424a
}

.no-radius {
    -webkit-border-radius: 0;
    border-radius: 0
}

.round {
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}

.brtl {
    -webkit-border-top-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.brtr {
    -webkit-border-top-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.blbl {
    -webkit-border-bottom-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.brbr {
    -webkit-border-bottom-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.w100 {
    width: 100px
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w300 {
    width: 300px
}

.w350 {
    width: 350px
}

.w400 {
    width: 400px
}

.w450 {
    width: 450px
}

.w500 {
    width: 500px
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.lt {
    left: 0
}

.rt {
    right: 0
}

.bt {
    bottom: 0
}

.tp {
    top: 0
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.no-bg {
    background: 0 0
}

.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.shadow {
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px rgba(0,0,0,.3)
}

.text-shadow {
    text-shadow: 1px 1px rgba(0,0,0,.3)
}

.block {
    display: block
}

.m-x-n {
    margin-left: -15px;
    margin-right: -15px
}

.m-r-n {
    margin-right: -15px
}

.m-l-n-n {
    margin-left: -15px
}

.m-a-lg {
    margin: 30px
}

.m-r-lg {
    margin-right: 30px
}

.m-b-lg {
    margin-bottom: 30px
}

.m-l-lg {
    margin-left: 30px
}

.m-t-lg {
    margin-top: 30px
}

.m-x-lg {
    margin-left: 30px;
    margin-right: 30px
}

.m-y-lg {
    margin-top: 30px;
    margin-bottom: 30px
}

.m-a-md {
    margin: 20px
}

.m-r-md {
    margin-right: 20px
}

.m-b-md {
    margin-bottom: 20px
}

.m-l-md {
    margin-left: 20px
}

.m-t-md {
    margin-top: 20px
}

.m-x-md {
    margin-left: 20px;
    margin-right: 20px
}

.m-y-md {
    margin-top: 20px;
    margin-bottom: 20px
}

.m-a {
    margin: 15px
}

.m-r {
    margin-right: 15px
}

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

.m-l {
    margin-left: 15px
}

.m-t {
    margin-top: 15px
}

.m-x {
    margin-left: 15px;
    margin-right: 15px
}

.m-y {
    margin-top: 15px;
    margin-bottom: 15px
}

.m-a-0 {
    margin: 0
}

.m-r-0 {
    margin-right: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-l-0 {
    margin-left: 0
}

.m-t-0 {
    margin-top: 0
}

.m-x-0 {
    margin-left: 0;
    margin-right: 0
}

.m-y-0 {
    margin-top: 0;
    margin-bottom: 0
}

.m-x-auto {
    margin-right: auto;
    margin-left: auto
}

.p-a-lg {
    padding: 30px
}

.p-r-lg {
    padding-right: 30px
}

.p-b-lg {
    padding-bottom: 30px
}

.p-l-lg {
    padding-left: 30px
}

.p-t-lg {
    padding-top: 30px
}

.p-x-lg {
    padding-left: 30px;
    padding-right: 30px
}

.p-y-lg {
    padding-top: 30px;
    padding-bottom: 30px
}

.p-a-md {
    padding: 20px
}

.p-r-md {
    padding-right: 20px
}

.p-b-md {
    padding-bottom: 20px
}

.p-l-md {
    padding-left: 20px
}

.p-t-md {
    padding-top: 20px
}

.p-x-md {
    padding-left: 20px;
    padding-right: 20px
}

.p-y-md {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-a {
    padding: 15px
}

.p-r {
    padding-right: 15px
}

.p-b {
    padding-bottom: 15px
}

.p-l {
    padding-left: 15px
}

.p-t {
    padding-top: 15px
}

.p-x {
    padding-left: 15px;
    padding-right: 15px
}

.p-y {
    padding-top: 15px;
    padding-bottom: 15px
}

.p-a-0 {
    padding: 0
}

.p-r-0 {
    padding-right: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-l-0 {
    padding-left: 0
}

.p-t-0 {
    padding-top: 0
}

.p-x-0 {
    padding-left: 0;
    padding-right: 0
}

.p-y-0 {
    padding-top: 0;
    padding-bottom: 0
}

.display-table {
    display: table;
    width: 100%
}

.text-vertical-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.inline-block {
    display: inline-block !important
}

.color-black-blue {
    color: #323a44 !important
}

.color-blue-grey {
    color: #6c7a86 !important
}

.color-blue-grey-lighter {
    color: #919fa9 !important
}

.color-blue {
    color: #00a8ff !important
}

.color-purple {
    color: #ac6bec !important
}

.color-yellow {
    color: #fed832 !important
}

.color-lime {
    color: #afed3e !important
}

.color-green {
    color: #46c35f !important
}

.color-red {
    color: #fa424a !important
}

.color-orange {
    color: #fdad2a !important
}

.semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.font-16 {
    font-size: 1rem
}

.font-14 {
    font-size: .875rem
}

.font-11 {
    font-size: .6875rem
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: solid 1px #c5d6de;
    padding: 20px 15px 0 0;
    z-index: 80
}

    .site-header img.hidden-lg-down {
        display: none;
    }

    /*logo*/
    .site-header .site-logo {
        display: block;
        float: left;
        height: 40px;
        zoom: 1;
        color: #343434;
        line-height: 40px;
    }

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

        .site-header .site-logo:after {
            clear: both;
        }

        .site-header .site-logo img {
            /*float: left;*/
            position: relative;
            /*top: -5px;*/
        }

        .site-header .site-logo .site-logo-txt {
            float: left;
            font-size: 1.5rem;
            font-weight: 300;
        }

            .site-header .site-logo .site-logo-txt strong {
                font-weight: 600;
            }

    /*
.site-header .btn-nav {
    margin-left: 20px;
    margin-top: -5px;
    float: left
}*/

    .site-header .site-header-content {
        float: right;
        height: 40px;
        padding: 5px 0;
        width: 97%;
        margin-left: -150px;
    }

        .site-header .site-header-content .site-header-content-in {
            margin-left: 150px;
        }

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

            .site-header .site-header-content .site-header-content-in:after {
                clear: both
            }

    .site-header .site-header-collapsed {
        float: left;
        width: 100%;
        margin-right: -150px;
    }

        .site-header .site-header-collapsed .site-header-collapsed-in {
            margin-right: 150px;
        }

            .site-header .site-header-collapsed .site-header-collapsed-in:after, .site-header .site-header-collapsed .site-header-collapsed-in:before {
                content: " ";
                display: table
            }

            .site-header .site-header-collapsed .site-header-collapsed-in:after {
                clear: both
            }

    .site-header .site-header-shown {
        float: right;
    }

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

        .site-header .site-header-shown:after {
            clear: both
        }

/*hambuger menu button mobil*/

.hamburger {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    background: 0 0;
}

    .hamburger span {
        display: block;
        margin: 0 4px;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
        right: 0;
        height: 3px;
        background: #adb7be;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
    }

        .hamburger span:after, .hamburger span:before {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #adb7be;
            content: "";
        }

        .hamburger span:before {
            top: -7px;
            -webkit-transform-origin: top right;
            -ms-transform-origin: top right;
            transform-origin: top right;
            -webkit-transition: width .3s,top .3s,-webkit-transform .3s;
            transition: width .3s,top .3s,-webkit-transform .3s;
            transition: transform .3s,width .3s,top .3s;
            transition: transform .3s,width .3s,top .3s,-webkit-transform .3s;
        }

        .hamburger span:after {
            bottom: -7px;
            -webkit-transform-origin: bottom right;
            -ms-transform-origin: bottom right;
            transform-origin: bottom right;
            -webkit-transition: width .3s,bottom .3s,-webkit-transform .3s;
            transition: width .3s,bottom .3s,-webkit-transform .3s;
            transition: transform .3s,width .3s,bottom .3s;
            transition: transform .3s,width .3s,bottom .3s,-webkit-transform .3s;
        }

    .hamburger.is-active {
        background: 0 0;
    }

        .hamburger.is-active span {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

            .hamburger.is-active span:after, .hamburger.is-active span:before {
                width: 50%;
            }

            .hamburger.is-active span:before {
                top: 0;
                -webkit-transform: translateX(12px) translateY(1px) rotate(45deg);
                -ms-transform: translateX(12px) translateY(1px) rotate(45deg);
                transform: translateX(12px) translateY(1px) rotate(45deg);
            }

            .hamburger.is-active span:after {
                bottom: 0;
                -webkit-transform: translateX(12px) translateY(-1px) rotate(-45deg);
                -ms-transform: translateX(12px) translateY(-1px) rotate(-45deg);
                transform: translateX(12px) translateY(-1px) rotate(-45deg);
            }

    .hamburger:hover span, .hamburger:hover span:after, .hamburger:hover span:before {
        background-color: #00a8ff;
    }

.site-header .hamburger {
    float: left;
    position: relative;
    top: 5px;
    margin: 0 0 0 12px;
}

/*header dropdown*/

.site-header .dropdown {
    float: right;
}

    .site-header .dropdown a.dropdown-toggle {
        height: 30px;
        line-height: 30px;
    }

        .site-header .dropdown a.dropdown-toggle.no-arr:after {
            display: none;
        }

        .site-header .dropdown a.dropdown-toggle .label {
            padding: 3px 6px 2px;
            margin-left: 3px;
            font-size: .8125rem;
            position: relative;
            top: -2px;
        }

    .site-header .dropdown .dropdown-item {
        font-size: 15px;
        padding: 3px 14px;
    }

    .site-header .dropdown .btn.dropdown-toggle {
        height: 30px;
        padding: 0 12px;
        font-size: .8125rem;
        line-height: 28px;
        background-color: #00a8ff;
        border-color: #00a8ff;
        color: #fff;
    }

        .site-header .dropdown .btn.dropdown-toggle:after {
            border-top: 5px solid;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

    .site-header .dropdown.open .btn.dropdown-toggle {
        background: #fff;
        color: #00a8ff;
    }

/*header alarm*/
.site-header .header-alarm {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    display: block;
    color: #adb7be;
    font-size: 1.125rem
}

    .site-header .header-alarm:hover {
        color: #00a8ff
    }

    .site-header .header-alarm i {
        vertical-align: middle
    }

    .site-header .header-alarm.active:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border: solid 1px #fff;
        background: #fa424a;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 6px;
        margin-left: 1px
    }

.site-header .dropdown.dropdown-notification {
    float: left;
}

    .site-header .dropdown.dropdown-notification.open .header-alarm {
        color: #00a8ff;
    }

    .site-header .dropdown.dropdown-notification.messages {
        margin-left: 11px;
    }

        .site-header .dropdown.dropdown-notification.messages .header-alarm:after {
            margin-left: 4px;
        }

    .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more {
        border-top: solid 1px #d8e2e7;
        text-align: center;
        padding: 10px 15px;
        font-size: 1rem;
    }

        .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more a {
            text-decoration: none;
            color: #0082c6;
            border-bottom: solid 1px transparent;
        }

            .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more a:hover {
                border-bottom-color: rgba(0,130,198,.5);
            }

.site-header .dropdown-menu-notif {
    width: 290px;
    padding: 0;
    line-height: normal;
    font-size: .9375rem;
}

    .site-header .dropdown-menu-notif a {
        text-decoration: none;
        color: #0082c6;
        border-bottom: solid 1px transparent;
    }

        .site-header .dropdown-menu-notif a:hover {
            border-bottom-color: rgba(0,130,198,.5);
        }

    .site-header .dropdown-menu-notif .dropdown-menu-notif-header {
        padding: 12px 15px;
        border-bottom: solid 1px #d8e2e7;
        font-weight: 600;
    }

        .site-header .dropdown-menu-notif .dropdown-menu-notif-header .label {
            font-size: .875rem;
            font-weight: 400;
            padding-left: .5em;
            padding-right: .5em;
        }

    .site-header .dropdown-menu-notif .dropdown-menu-notif-list {
        height: 192px;
        overflow: auto;
    }

    .site-header .dropdown-menu-notif .dropdown-menu-notif-item {
        padding: 8px 15px 8px 57px;
        position: relative;
    }

        .site-header .dropdown-menu-notif .dropdown-menu-notif-item:nth-child(even) {
            background: #fbfcfd;
        }

        .site-header .dropdown-menu-notif .dropdown-menu-notif-item .photo {
            width: 32px;
            height: 32px;
            position: absolute;
            left: 15px;
            top: 50%;
            margin-top: -16px;
        }

            .site-header .dropdown-menu-notif .dropdown-menu-notif-item .photo img {
                -webkit-border-radius: 50%;
                border-radius: 50%;
                display: block;
                width: 100%;
            }

        .site-header .dropdown-menu-notif .dropdown-menu-notif-item .dot {
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            height: 6px;
            margin: 0 0 6px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #fa424a;
            position: relative;
            top: 2px;
        }

/*user menu*/
.site-header .user-menu.dropdown {
    float: left;
    margin: 0 0 0 15px;
    height: 30px;
    line-height: 30px
}

    .site-header .user-menu.dropdown .dropdown-item {
        padding-top: 0;
        padding-bottom: 0
    }

    .site-header .user-menu.dropdown .dropdown-toggle {
        display: block;
        color: #adb7be;
        height: 30px;
        border: none;
        background: 0 0;
        line-height: 30px
    }

        .site-header .user-menu.dropdown .dropdown-toggle:after {
            border-top: 5px solid;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        .site-header .user-menu.dropdown .dropdown-toggle img {
            float: left;
            display: block;
            height: 32px;
            width: 32px;
            margin: -1px 3px -1px 0;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: solid 1px transparent;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .site-header .user-menu.dropdown .dropdown-toggle:hover, .site-header .user-menu.dropdown.open .dropdown-toggle {
            color: #00a8ff
        }


.site-header .dropdown.dropdown-lang {
    float: left
}

    .site-header .dropdown.dropdown-lang .flag-icon {
        -webkit-box-shadow: 0 0 1px #c5d6de,0 0 1px #c5d6de,0 0 1px #c5d6de;
        box-shadow: 0 0 1px #c5d6de,0 0 1px #c5d6de,0 0 1px #c5d6de
    }

    .site-header .dropdown.dropdown-lang .dropdown-toggle {
        height: 30px;
        width: 45px;
        text-align: right;
        padding: 0 5px 0 0;
        background: 0 0;
        border: none;
        color: #adb7be
    }

        .site-header .dropdown.dropdown-lang .dropdown-toggle:after {
            display: none
        }

        .site-header .dropdown.dropdown-lang .dropdown-toggle:hover {
            color: #00a8ff
        }

    /*.site-header .dropdown.dropdown-lang .dropdown-menu {
        width: 250px
    }*/

    .site-header .dropdown.dropdown-lang .dropdown-menu .flag-icon {
        margin: 0 5px 0 0;
        position: relative;
        top: -1px
    }

    .site-header .dropdown.dropdown-lang.open .dropdown-toggle {
        color: #00a8ff
    }


@media (max-width: 720px) {
    .site-header .site-logo img {
        height: auto;
        /*width: 35px;*/
        top: 6px;
    }

    .site-header .site-header-content {
        margin-left: -200px;
    }

    .menu-top-opened .mobile-menu-left-overlay {
        display: block;
    }

    .menu-top-opened .site-header .site-header-collapsed {
        left: 0;
    }

    .site-header .dropdown.dropdown-notification.messages {
        margin-left: 8px;
    }

    .site-header .user-menu.dropdown {
        margin-left: 12px
    }

    .site-header .dropdown-menu-notif {
        margin-right: -172px
    }

    .site-header .site-header-collapsed .site-header-collapsed-in {
        margin: 0;
    }

    .site-header .site-header-content .site-header-content-in {
        margin-left: 120px;
    }

    .site-header .site-header-collapsed {
        position: fixed;
        left: -270px;
        top: 79px;
        z-index: 90;
        height: 100%;
        width: 270px;
        background: #fff;
        border-left: solid 1px #c5d6de;
        overflow: auto;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        float: none;
        margin: 0;
        padding-bottom: 110px;
    }

    .site-header .hamburger {
        display: block;
    }
}

@media (max-width: 960px) {
    .site-header {
        padding-right: 0;
    }

        .site-header img.hidden-lg-down {
            display: inline-block;
        }

        .site-header img.hidden-md-down {
            display: none;
        }

        .site-header .site-logo-text {
            display: none;
        }

        .site-header .site-header-content .site-header-content-in {
            margin-left: 80px;
        }


    /*
    .site-header .site-header-collapsed .dropdown {
        float: none;
        margin: 0;
    }

    .site-header .site-header-collapsed .dropdown:after, .site-header .site-header-collapsed .dropdown:before {
        content: " ";
        display: table;
    }

    .site-header .site-header-collapsed .dropdown:after {
        clear: both;
    }

    .site-header .site-header-collapsed .dropdown .btn.dropdown-toggle {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 8px;
    }

    .site-header .site-header-collapsed .dropdown .dropdown-menu {
        display: none;
        position: static;
        width: 100%;
        margin-top: 0;
    }

    .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle {
        color: #343434;
    }

    .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle:after {
        top: 2px;
    }

    .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle .fa, .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle:after {
        color: #adb7be;
    }

    .site-header .site-header-collapsed .dropdown.open .btn.dropdown-toggle {
        color: #fff;
        background-color: #00a8ff;
    }
    */
}

.top-menu {
    background: #fff;
}

.top-menu-list {
    margin: 0;
    display: flex;
}

    .top-menu-list ul {
        display: none;
        position: absolute;
        background: #fff;
        min-width: 200px;
        -webkit-box-shadow: 6px 6px 6px -3px rgba(113, 106, 202, 0.2);
        -moz-box-shadow: 6px 6px 6px -3px rgba(113, 106, 202, 0.2);
        box-shadow: 6px 6px 6px -3px rgba(113, 106, 202, 0.2);
    }

    .top-menu-list li {
        white-space: nowrap;
    }

    .top-menu-list > li li.with-sub {
        position: relative;
    }

    .top-menu-list li.with-sub > ul ul {
        position: absolute;
        top: 0;
        left: 100%;
    }

#otherMenu > ul ul {
    left: -100%;
}

.top-menu-list li.with-sub:hover > ul {
    display: block;
}

.top-menu-list a {
    color: rgb(52, 52, 52);
}

.top-menu-list a {
    display: block;
    padding: 10px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-left: solid 4px transparent;
}

    .top-menu-list a:hover {
        background-color: #ecf2f5;
        text-decoration: none;
    }

.top-menu-list li.divider {
    border-top: solid 1px #c5d6de;
}

    .top-menu-list li.divider:first-child {
        border-top: none;
    }

.top-menu-list .fa {
    line-height: 16px;
    font-size: 1.0625rem;
}

    .top-menu-list .fa.active:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        top: -4px;
        right: -4px;
        background: #fa424a;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

.top-menu-list li.with-sub {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .top-menu-list li.with-sub > a {
        padding-right: 25px;
    }

        .top-menu-list li.with-sub > a:before {
            content: '';
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -2px;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            border-color: #adb7be transparent transparent transparent;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    .top-menu-list li.with-sub li.with-sub > a:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.top-menu-list li.grey .fa {
    color: #adb7be;
}

.top-menu-list li.grey a {
    border-left-color: #adb7be;
}

.top-menu-list > li.grey > a {
    border-left-color: transparent;
}

.top-menu-list li.gold .fa {
    color: #f29824;
}

.top-menu-list li.gold a {
    border-left-color: #f29824
}

.top-menu-list > li.gold > a {
    border-left-color: transparent;
}


.top-menu-list li.brown .fa {
    color: #cd6724;
}

.top-menu-list li.brown a {
    border-left-color: #cd6724;
}

.top-menu-list > li.brown > a {
    border-left-color: transparent;
}

.top-menu-list li.green .fa {
    color: #46c35f;
}

.top-menu-list li.green a {
    border-left-color: #46c35f;
}

.top-menu-list > li.green > a {
    border-left-color: transparent;
}

.top-menu-list li.blue .fa {
    color: #00a8ff;
}

.top-menu-list li.blue a {
    border-left-color: #00a8ff;
}

.top-menu-list > li.blue > a {
    border-left-color: transparent;
}

.top-menu-list li.purple .fa {
    color: #ac6bec;
}

.top-menu-list li.purple a {
    border-left-color: #ac6bec;
}

.top-menu-list > li.purple > a {
    border-left-color: transparent;
}

.top-menu-list li.orange-red .fa {
    color: #ff561c;
}

.top-menu-list li-red a {
    border-left-color: #ff561c;
}

.top-menu-list > li-red > a {
    border-left-color: transparent;
}

.top-menu-list li.red .fa {
    color: #fa424a;
}

.top-menu-list li.red a {
    border-left-color: #fa424a;
}

.top-menu-list > li.red > a {
    border-left-color: transparent;
}

.top-menu-list li.aquamarine .fa {
    color: #21a788;
}

.top-menu-list li.aquamarine a {
    border-left-color: #21a788
}

.top-menu-list > li.aquamarine > a {
    border-left-color: transparent
}

.top-menu-list li.magenta .fa {
    color: #b348ae;
}

.top-menu-list li.magenta a {
    border-left-color: #b348ae;
}

.top-menu-list > li.magenta > a {
    border-left-color: transparent;
}

.top-menu-list li.blue-dirty .fa {
    color: #1b99cf;
}

.top-menu-list li.blue-dirty a {
    border-left-color: #1b99cf;
}


.top-menu-list > li.blue-dirty > a {
    border-left-color: transparent;
}

.top-menu-list > li.coral .fa {
    color: #fe664c;
}

.top-menu-list li.coral a {
    border-left-color: #fe664c
}

.top-menu-list > li.coral > a {
    border-left-color: transparent
}

.top-menu-list li.pink-red .fa {
    color: #f5465e;
}

.top-menu-list li.pink-red a {
    border-left-color: #f5465e;
}

.top-menu-list > li.pink-red > a {
    border-left-color: transparent;
}

.top-menu-list li.pink .fa {
    color: #e84f9a;
}

.top-menu-list li.pink a {
    border-left-color: #e84f9a;
}

.top-menu-list > li.pink > a {
    border-left-color: transparent;
}

.top-menu-list li.blue-darker .fa {
    color: #1280d0;
}

.top-menu-list li.blue-darker a {
    border-left-color: #1280d0
}

.top-menu-list > li.blue-darker > a {
    border-left-color: transparent;
}

.top-menu-list li.blue-sky .fa {
    color: #23b9e2;
}

.top-menu-list li.blue-sky a {
    border-left-color: #23b9e2;
}

.top-menu-list > li.blue-sky > a {
    border-left-color: transparent;
}

.top-menu-list .label {
    margin: -0.6em 0 0 0;
    font-weight: 400;
    font-size: .75rem;
    padding: .2em .45em .04em;
    position: absolute;
    right: 0;
    top: 0;
}


@media (max-width: 720px) {
    .top-menu-list {
        display: block;
    }

        .top-menu-list li.with-sub:hover > ul {
            display: none;
        }

        .top-menu-list ul, .top-menu-list li.with-sub > ul ul {
            position: relative;
            left: 0;
        }

        .top-menu-list li.opened, .top-menu-list li.opened ul {
            background-color: #f6f8fa;
            box-shadow: none;
        }

        .top-menu-list li.with-sub li > a {
            padding-left: 19px;
        }

        .top-menu-list li.with-sub li.with-sub li > a {
            padding-left: 30px;
        }

        .top-menu-list li.with-sub li.with-sub li.with-sub li > a {
            padding-left: 40px;
        }

        .top-menu-list li.with-sub li.with-sub li.with-sub li.with-sub li > a {
            padding-left: 50px;
        }

        .top-menu-list li.with-sub li.with-sub > a:before {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }

        .top-menu-list .label {
            right: 21px;
            top: 50%;
        }
}


@media (max-width: 1660px) and (min-width:920px) {
    .top-menu-list > li > a > .fa {
        margin-right: 15px;
        font-size: 1.5rem;
    }

    .top-menu-list > li > a > .lbl {
        display: none;
    }
}

@media (max-width: 960px) and (min-width:720px) {
    .top-menu-list > li > a > .fa {
        margin-right: 0;
    }

    .top-menu-list > li > a > .lbl {
        display: none;
    }
}

.chart-statistic-box {
    zoom: 1;
    margin: 0 0 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

    .chart-statistic-box:after, .chart-statistic-box:before {
        content: " ";
        display: table
    }

    .chart-statistic-box:after {
        clear: both
    }

    .chart-statistic-box .chart-txt {
        float: left;
        width: 200px;
        height: 314px;
        padding: 15px 20px;
        background: #304b58;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        color: #fff;
        position: relative;
        z-index: 5
    }

        .chart-statistic-box .chart-txt p {
            margin: 0
        }

        .chart-statistic-box .chart-txt .chart-txt-top {
            text-align: center;
            margin: 0 0 10px
        }

            .chart-statistic-box .chart-txt .chart-txt-top .number, .chart-statistic-box .chart-txt .chart-txt-top .unit {
                vertical-align: middle
            }

            .chart-statistic-box .chart-txt .chart-txt-top .unit {
                font-weight: 300;
                font-size: 1.25rem;
                color: #929faa;
                margin: 0 .3em 0 0;
                position: relative;
                top: -.2em
            }

            .chart-statistic-box .chart-txt .chart-txt-top .number {
                font-size: 2.125rem
            }

            .chart-statistic-box .chart-txt .chart-txt-top .caption {
                font-weight: 600
            }

        .chart-statistic-box .chart-txt .color-purple {
            color: #b982ef !important
        }

        .chart-statistic-box .chart-txt .tbl-data {
            width: 100%;
            position: absolute;
            bottom: 15px
        }

            .chart-statistic-box .chart-txt .tbl-data td {
                vertical-align: top;
                padding: 5px 0
            }

            .chart-statistic-box .chart-txt .tbl-data .price {
                white-space: nowrap;
                width: 20px;
                padding-right: 10px;
                font-weight: 600
            }

    .chart-statistic-box .chart-container {
        float: right;
        width: 100%;
        position: relative;
        overflow: hidden;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        background: #00a8ff;
        color: #fff;
        margin-left: -200px
    }

        .chart-statistic-box .chart-container .chart-container-in {
            margin-left: 200px;
            position: relative
        }

        .chart-statistic-box .chart-container .chart-container-title {
            position: absolute;
            top: auto;
            bottom: 20px;
            left: 0;
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 1.0625rem;
            z-index: 20;
            color: #fff
        }

        .chart-statistic-box .chart-container .chart-container-x, .chart-statistic-box .chart-container .chart-container-y {
            font-size: .6875rem;
            text-transform: uppercase;
            font-weight: 700;
            position: absolute;
            z-index: 1
        }

        .chart-statistic-box .chart-container .chart-container-x {
            left: 0;
            top: 19px;
            width: 100%;
            text-align: center;
            zoom: 1
        }

            .chart-statistic-box .chart-container .chart-container-x:after, .chart-statistic-box .chart-container .chart-container-x:before {
                content: " ";
                display: table
            }

            .chart-statistic-box .chart-container .chart-container-x:after {
                clear: both
            }

            .chart-statistic-box .chart-container .chart-container-x .item {
                float: left;
                width: 20%;
                /*min-height: 5px*/
            }

                /*.chart-statistic-box .chart-container .chart-container-x .item:first-child, .chart-statistic-box .chart-container .chart-container-x .item:last-child {
                    width: 6%
                }*/

        .chart-statistic-box .chart-container .chart-container-y {
            right: 22px;
            bottom: 0;
            text-align: right;
            line-height: 22px
        }

            .chart-statistic-box .chart-container .chart-container-y .item {
                height: 22.4px
            }

    .chart-statistic-box .google-visualization-tooltip {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: 0 0 !important;
        color: #fff !important;
        border: none !important;
        font-weight: 700 !important;
        margin-left: -35px
    }

@media (max-width:1367px) {
    .chart-statistic-box .chart-txt {
        width: 170px
    }

    .chart-statistic-box .chart-container {
        margin-left: -170px
    }

        .chart-statistic-box .chart-container .chart-container-in {
            margin-left: 170px
        }
}

@media (max-width:767px) {
    .chart-statistic-box .chart-txt {
        float: none;
        width: auto;
        height: auto;
        margin: 0 0 15px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        .chart-statistic-box .chart-txt .tbl-data {
            position: static
        }

    .chart-statistic-box .chart-container {
        float: none;
        width: auto;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 0
    }

        .chart-statistic-box .chart-container .chart-container-in {
            margin: 0
        }
}

.statistic-box {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: no-repeat 50% 50%;
    background-size: cover;
    margin: 0 0 30px
}

    .statistic-box.red {
        background-color: #fa424a;
        background-image: url(/assets/img/statistic-box-red.png)
    }

    .statistic-box.purple {
        background-color: #ac6bec;
        background-image: url(/assets/img/statistic-box-purple.png)
    }

    .statistic-box.yellow {
        background-color: #fdad2a;
        background-image: url(/assets/img/statistic-box-yellow.png)
    }

    .statistic-box.green {
        background-color: #46c35f;
        background-image: url(/assets/img/statistic-box-green.png)
    }

    .statistic-box > div {
        -webkit-border-radius: inherit;
        border-radius: inherit;
        height: 142px;
        background: url(/assets/img/statistic-box-grid.png) 50% 0;
        background-size: 21px 20px;
        position: relative
    }

    .statistic-box .number {
        font-size: 20px;
        line-height: 1;
        padding: 32px 0 0
    }

    .statistic-box .caption {
        font-size: 1.0625rem;
        font-weight: 600;
        position: relative;
        min-height: 35px;
        line-height: 1
    }

        .statistic-box .caption > div {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 0 10px
        }

    .statistic-box .percent {
        position: absolute;
        right: 10px;
        bottom: 8px;
        text-align: center;
        font-size: .8125rem;
        font-weight: 600;
        line-height: 1
    }

    .statistic-box .arrow {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 8px 7.5px;
        border-color: transparent transparent #fff transparent;
        margin: 0 0 2px
    }

        .statistic-box .arrow.up {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg)
        }

        .statistic-box .arrow.down {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }


.widgets-header .tbl-outer {
    table-layout: fixed
}

    .widgets-header .tbl-outer > .tbl-row > .tbl-cell {
        border-left: solid 1px #d8e2e7;
        padding: 15px 30px
    }

        .widgets-header .tbl-outer > .tbl-row > .tbl-cell:first-child {
            border-left: none;
            padding-left: 0
        }

        .widgets-header .tbl-outer > .tbl-row > .tbl-cell:last-child {
            padding-right: 0
        }

.widgets-header .tbl-item {
    line-height: 1.25rem
}

    .widgets-header .tbl-item .tbl-cell {
        padding: 0
    }

    .widgets-header .tbl-item .tbl-cell-progress {
        width: 66px;
        padding-left: 10px
    }

    .widgets-header .tbl-item .title {
        font-weight: 600;
        color: rgba(52,52,52,.8)
    }

    .widgets-header .tbl-item .amount {
        font-weight: 600;
        font-size: 1rem
    }

    .widgets-header .tbl-item .amount-sm {
        color: #919fa9;
        font-size: .875rem
    }

@media (max-width: 767px) {
    .widgets-header .tbl-outer, .widgets-header .tbl-outer > .tbl-row, .widgets-header .tbl-outer > .tbl-row > .tbl-cell {
        display: block
    }

        .widgets-header .tbl-outer > .tbl-row > .tbl-cell {
            border-left: none;
            border-top: solid 1px #d8e2e7;
            padding-left: 0;
            padding-right: 0
        }
}

.widget-simple-sm {
    border: solid 1px #d8e2e7;
    background: #fff;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    text-align:center
}

.widget-simple-sm .widget-simple-sm-icon {
    height: 80px;
    overflow: hidden;
    line-height: 80px;
    font-size:2.75rem
}

.widget-simple-sm .widget-simple-sm-icon .font-icon {
    position: relative;
    top:5px
}

.widget-simple-sm .widget-simple-sm-statistic {
    line-height: 1;
    padding:15px 10px
}

.widget-simple-sm .widget-simple-sm-statistic .number {
    /* font-weight:600; */
    font-size: 1.5rem;
    margin:0 0 6px
}

.widget-simple-sm .widget-simple-sm-statistic .caption {
    font-size: .875rem;
    font-weight: 600;
    text-transform:uppercase
}

.widget-simple-sm .widget-simple-sm-bottom {
    border-top: solid 1px #d8e2e7;
    background: #f6f8fa;
    font-weight: 600;
    padding: 15px 10px;
    font-size: .9375rem;
    line-height: normal;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius:0 0 3px 3px
}

.widget-simple-sm .widget-simple-sm-bottom a {
    color:#343434
}

.widget-simple-sm .widget-simple-sm-bottom a:hover {
    color:#00a8ff
}

.widget-simple-sm .widget-simple-sm-bottom.statistic {
    font-weight: 400;
    text-transform: uppercase;
    line-height:1rem
}

.widget-simple-sm .widget-simple-sm-bottom.statistic strong {
    font-weight:600
}

.widget-simple-sm .widget-simple-sm-bottom.statistic .arrow {
    font-size:1rem
}

.widget-simple-sm-fill {
    color: #fff;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    text-align: center;
    background:#00a8ff
}

.widget-simple-sm-fill .widget-simple-sm-icon {
    height: 80px;
    overflow: hidden;
    line-height: 80px;
    font-size:2.75rem
}

.widget-simple-sm-fill .widget-simple-sm-icon .font-icon {
    position: relative;
    top:17px
}

.widget-simple-sm-fill .widget-simple-sm-fill-caption {
    font-weight: 600;
    font-size: .9375rem;
    line-height: normal;
    padding:16px 10px 15px
}

.widget-simple-sm-fill.red {
    background-color:#fa424a
}

.widget-simple-sm-fill.green {
    background-color:#46c35f
}

.widget-simple-sm-fill.orange {
    background-color:#fdad2a
}

.widget-simple-sm-fill.purple {
    background-color:#ac6bec
}

.widget-simple-sm-fill.grey {
    background-color:#adb7be
}


.alert {
    padding: 8px 10px;
    color: #343434;
    font-size: 1rem;
    box-shadow: none;
    position: relative
}

    .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert strong {
        font-weight: 600
    }

    .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
        font-size: 1rem;
        margin: 0;
        padding: 0
    }

    .alert.alert-close {
        padding-right: 30px
    }

    .alert .close {
        color: #00a8ff;
        opacity: .5;
        position: absolute;
        right: 10px;
        top: 4px !important
    }

        .alert .close:hover, .alert.alert-no-border .close {
            opacity: 1
        }

    .alert [data-notify=title] {
        display: block;
        font-weight: 600
    }

    .alert [data-notify=icon] {
        color: #00a8ff;
        float: left;
        margin: 0 5px -2px 0
    }

        .alert [data-notify=icon].glyphicon {
            top: 3px
        }

    .alert ul {
        margin: 5px 0 0 10px
    }

        .alert ul li {
            position: relative;
            padding: 0 0 0 14px
        }

            .alert ul li:before {
                content: '';
                display: block;
                width: 6px;
                height: 6px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 8px;
                border: 2px solid #343434
            }

    .alert.alert-border-left, .alert.alert-no-border {
        border-color: transparent !important
    }

    .alert .font-icon-inline {
        margin: 0 3px 0 0;
        position: relative;
        top: 1px
    }

    .alert.alert-icon {
        padding-left: 35px
    }

        .alert.alert-icon .font-icon {
            position: absolute;
            left: 11px;
            top: 9px
        }

    .alert .alert-btns {
        padding: 10px 0 0
    }

        .alert .alert-btns .btn {
            margin: 0 10px 5px 0
        }

    .alert.alert-no-border .close:hover {
        opacity: .5
    }

    .alert.alert-border-left {
        border-left: solid 4px #343434 !important
    }

        .alert.alert-border-left .close {
            opacity: 1
        }

            .alert.alert-border-left .close:hover {
                opacity: .5
            }

    .alert.alert-fill, .alert.alert-fill .font-icon-inline {
        color: #fff !important
    }

        .alert.alert-fill ul li:before {
            border-color: #fff !important
        }

        .alert.alert-fill .close {
            color: #fff !important;
            opacity: 1;
            text-shadow: none
        }

            .alert.alert-fill .close:hover {
                opacity: .5
            }

        .alert.alert-fill .alert-btns .btn {
            border-color: #fff !important;
            background-color: transparent !important;
            color: #fff !important
        }

    .alert.alert-info, .alert.alert-info ul li:before {
        border-color: #00a8ff
    }

    .alert.alert-fill .alert-btns .btn:hover {
        background-color: #fff !important
    }

    .alert.alert-avatar {
        padding-left: 50px;
        padding-top: 14px;
        padding-bottom: 14px
    }

        .alert.alert-avatar .close {
            top: 10px !important
        }

        .alert.alert-avatar .avatar-preview {
            position: absolute;
            left: 10px;
            top: 9px
        }

    .alert.alert-info {
        background-color: #e4f6fd
    }

        .alert.alert-info .font-icon-inline, .alert.alert-info.alert-icon .font-icon, .ui-pnotify .alert.alert-info {
            color: #00a8ff
        }

        .alert.alert-info.alert-border-left, .alert.alert-info.alert-txt-colored {
            color: #008dd6
        }

        .alert.alert-info.alert-no-border {
            background-color: #cbeefe
        }

        .alert.alert-info.alert-fill {
            background-color: #00a8ff
        }

            .alert.alert-info.alert-fill .alert-btns .btn:hover {
                color: #00a8ff !important
            }

            .alert.alert-info.alert-fill.alert-border-left {
                border-left-color: #0086cc !important
            }

        .alert.alert-info .alert-btns .btn {
            background-color: transparent;
            color: #00a8ff;
            border-color: #00a8ff
        }

            .alert.alert-info .alert-btns .btn:hover {
                color: #fff;
                background-color: #00a8ff
            }

    .alert.alert-success, .alert.alert-success ul li:before {
        border-color: #46c35f
    }

    .alert.alert-info.alert-border-left {
        border-left-color: #00a8ff !important
    }

    .alert.alert-success {
        background-color: #edf9ee
    }

        .alert.alert-success .close, .alert.alert-success .font-icon-inline, .alert.alert-success [data-notify=icon], .alert.alert-success.alert-icon .font-icon, .ui-pnotify .alert.alert-success {
            color: #46c35f
        }

        .alert.alert-success.alert-border-left, .alert.alert-success.alert-txt-colored {
            color: #37a94e
        }

        .alert.alert-success.alert-fill {
            background-color: #46c35f
        }

            .alert.alert-success.alert-fill .alert-btns .btn:hover {
                color: #46c35f !important
            }

            .alert.alert-success.alert-fill.alert-border-left {
                border-left-color: #34a24a !important
            }

        .alert.alert-success .alert-btns .btn {
            background-color: transparent;
            color: #46c35f;
            border-color: #46c35f
        }

            .alert.alert-success .alert-btns .btn:hover {
                color: #fff;
                background-color: #46c35f
            }

    .alert.alert-warning, .alert.alert-warning ul li:before {
        border-color: #f29824
    }

    .alert.alert-success.alert-border-left {
        border-left-color: #46c35f !important
    }

    .alert.alert-warning {
        background-color: #fdf4e6
    }

        .alert.alert-warning .close, .alert.alert-warning .font-icon-inline, .alert.alert-warning [data-notify=icon], .alert.alert-warning.alert-icon .font-icon, .ui-pnotify .alert.alert-warning {
            color: #f29824
        }

        .alert.alert-warning.alert-border-left, .alert.alert-warning.alert-txt-colored {
            color: #e0840d
        }

        .alert.alert-warning.alert-no-border {
            background-color: #fcf0c2
        }

        .alert.alert-warning.alert-fill {
            background-color: #f29824
        }

            .alert.alert-warning.alert-fill .alert-btns .btn:hover {
                color: #f29824 !important
            }

            .alert.alert-warning.alert-fill.alert-border-left {
                border-left-color: #d67e0d !important
            }

        .alert.alert-warning .alert-btns .btn {
            background-color: transparent;
            color: #f29824;
            border-color: #f29824
        }

            .alert.alert-warning .alert-btns .btn:hover {
                color: #fff;
                background-color: #f29824
            }

    .alert.alert-danger, .alert.alert-danger ul li:before {
        border-color: #fa424a
    }

    .alert.alert-warning.alert-border-left {
        border-left-color: #f29824 !important
    }

    .alert.alert-danger {
        background-color: #feecec
    }

        .alert.alert-danger .close, .alert.alert-danger .font-icon-inline, .alert.alert-danger [data-notify=icon], .alert.alert-danger.alert-icon .font-icon, .ui-pnotify .alert.alert-danger {
            color: #fa424a
        }

        .alert.alert-danger.alert-border-left, .alert.alert-danger.alert-txt-colored {
            color: #f91a24
        }

        .alert.alert-danger.alert-no-border {
            background-color: #ffd8d9
        }

        .alert.alert-danger.alert-fill {
            background-color: #fa424a
        }

            .alert.alert-danger.alert-fill .alert-btns .btn:hover {
                color: #fa424a !important
            }

            .alert.alert-danger.alert-fill.alert-border-left {
                border-left-color: #f9101a !important
            }

        .alert.alert-danger .alert-btns .btn {
            background-color: transparent;
            color: #fa424a;
            border-color: #fa424a
        }

            .alert.alert-danger .alert-btns .btn:hover {
                color: #fff;
                background-color: #fa424a
            }

        .alert.alert-danger.alert-border-left {
            border-left-color: #fa424a !important
        }

    .alert.alert-aquamarine {
        border-color: #21a788;
        background-color: #d1f0eb
    }

        .alert.alert-aquamarine .close, .alert.alert-aquamarine .font-icon-inline, .alert.alert-aquamarine.alert-icon .font-icon {
            color: #21a788
        }

        .alert.alert-aquamarine.alert-border-left, .alert.alert-aquamarine.alert-txt-colored {
            color: #1a856c
        }

        .alert.alert-aquamarine.alert-fill {
            background-color: #21a788
        }

            .alert.alert-aquamarine.alert-fill .alert-btns .btn:hover {
                color: #21a788 !important
            }

            .alert.alert-aquamarine.alert-fill.alert-border-left {
                border-left-color: #197c65 !important
            }

        .alert.alert-aquamarine .alert-btns .btn {
            background-color: transparent;
            color: #21a788;
            border-color: #21a788
        }

            .alert.alert-aquamarine .alert-btns .btn:hover {
                color: #fff;
                background-color: #21a788
            }

        .alert.alert-aquamarine ul li:before {
            border-color: #21a788
        }

        .alert.alert-aquamarine.alert-border-left {
            border-left-color: #21a788 !important
        }

    .alert.alert-grey-darker {
        border-color: #919fa9;
        background-color: #f6f8fa
    }

        .alert.alert-grey-darker .close, .alert.alert-grey-darker .font-icon-inline, .alert.alert-grey-darker.alert-icon .font-icon {
            color: #919fa9
        }

        .alert.alert-grey-darker.alert-border-left, .alert.alert-grey-darker.alert-txt-colored {
            color: #7a8b97
        }

        .alert.alert-grey-darker.alert-fill {
            background-color: #919fa9
        }

            .alert.alert-grey-darker.alert-fill .alert-btns .btn:hover {
                color: #919fa9 !important
            }

            .alert.alert-grey-darker.alert-fill.alert-border-left {
                border-left-color: #748693 !important
            }

        .alert.alert-grey-darker .alert-btns .btn {
            background-color: transparent;
            color: #919fa9;
            border-color: #919fa9
        }

            .alert.alert-grey-darker .alert-btns .btn:hover {
                color: #fff;
                background-color: #919fa9
            }

        .alert.alert-grey-darker ul li:before {
            border-color: #919fa9
        }

        .alert.alert-grey-darker.alert-border-left {
            border-left-color: #919fa9 !important
        }

    .alert.alert-blue-dirty {
        border-color: #2797ca;
        background-color: #cbeefe
    }

        .alert.alert-blue-dirty .close, .alert.alert-blue-dirty .font-icon-inline, .alert.alert-blue-dirty.alert-icon .font-icon {
            color: #2797ca
        }

        .alert.alert-blue-dirty.alert-border-left, .alert.alert-blue-dirty.alert-txt-colored {
            color: #207da8
        }

        .alert.alert-blue-dirty.alert-fill {
            background-color: #2797ca
        }

            .alert.alert-blue-dirty.alert-fill .alert-btns .btn:hover {
                color: #2797ca !important
            }

            .alert.alert-blue-dirty.alert-fill.alert-border-left {
                border-left-color: #1f779f !important
            }

        .alert.alert-blue-dirty .alert-btns .btn {
            background-color: transparent;
            color: #2797ca;
            border-color: #2797ca
        }

            .alert.alert-blue-dirty .alert-btns .btn:hover {
                color: #fff;
                background-color: #2797ca
            }

        .alert.alert-blue-dirty ul li:before {
            border-color: #2797ca
        }

        .alert.alert-blue-dirty.alert-border-left {
            border-left-color: #2797ca !important
        }

    .alert-purple .alert, .alert.alert-purple {
        border-color: #ac6bec;
        background-color: #eee2fc
    }

        .alert-purple .alert .close, .alert-purple .alert .font-icon-inline, .alert-purple .alert [data-notify=icon], .alert-purple .alert.alert-icon .font-icon, .alert.alert-purple .close, .alert.alert-purple .font-icon-inline, .alert.alert-purple [data-notify=icon], .alert.alert-purple.alert-icon .font-icon {
            color: #ac6bec
        }

        .alert-purple .alert.alert-border-left, .alert-purple .alert.alert-txt-colored, .alert.alert-purple.alert-border-left, .alert.alert-purple.alert-txt-colored {
            color: #9847e7
        }

        .alert-purple .alert.alert-fill, .alert.alert-purple.alert-fill {
            background-color: #ac6bec
        }

            .alert-purple .alert.alert-fill .alert-btns .btn:hover, .alert.alert-purple.alert-fill .alert-btns .btn:hover {
                color: #ac6bec !important
            }

            .alert-purple .alert.alert-fill.alert-border-left, .alert.alert-purple.alert-fill.alert-border-left {
                border-left-color: #933ee6 !important
            }

        .alert-purple .alert .alert-btns .btn, .alert.alert-purple .alert-btns .btn {
            background-color: transparent;
            color: #ac6bec;
            border-color: #ac6bec
        }

            .alert-purple .alert .alert-btns .btn:hover, .alert.alert-purple .alert-btns .btn:hover {
                color: #fff;
                background-color: #ac6bec
            }

        .alert-purple .alert ul li:before, .alert.alert-purple ul li:before {
            border-color: #ac6bec
        }

        .alert-purple .alert.alert-border-left, .alert.alert-purple.alert-border-left {
            border-left-color: #ac6bec !important
        }

.alert-purple.ui-pnotify .alert {
    color: #ac6bec
}

.alert-grey .alert .close, .alert-grey .alert [data-notify=icon], .alert-grey.ui-pnotify .alert, .alert-white .alert .close, .alert-white .alert [data-notify=icon], .alert-white.ui-pnotify .alert, .alert.alert-grey .close, .alert.alert-grey [data-notify=icon], .alert.alert-white .close, .alert.alert-white [data-notify=icon] {
    color: #6c7a86
}

.alert-grey .alert, .alert-white .alert, .alert.alert-grey, .alert.alert-white {
    border-color: #c5d6de;
    color: #6c7a86
}

.alert-white .alert, .alert.alert-white {
    background-color: #fff
}

.alert-grey .alert, .alert.alert-grey {
    background-color: #f6f8fa
}

.alert.alert-facebook, .alert.alert-google-plus, .alert.alert-linkedin, .alert.alert-twitter {
    color: #fff;
    padding-left: 50px
}

    .alert.alert-facebook .close, .alert.alert-google-plus .close, .alert.alert-linkedin .close, .alert.alert-twitter .close {
        color: #fff;
        opacity: 1;
        text-shadow: none
    }

        .alert.alert-facebook .close:hover, .alert.alert-google-plus .close:hover, .alert.alert-linkedin .close:hover, .alert.alert-twitter .close:hover {
            opacity: .5
        }

    .alert.alert-facebook .font-icon, .alert.alert-google-plus .font-icon, .alert.alert-linkedin .font-icon, .alert.alert-twitter .font-icon {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 1.875rem
    }

.alert.alert-facebook {
    background-color: #37559a;
    border-color: #37559a
}

.alert.alert-google-plus {
    background-color: #d33928;
    border-color: #d33928
}

.alert.alert-twitter {
    background-color: #00aaed;
    border-color: #00aaed
}

.alert.alert-linkedin {
    background-color: #007ab4;
    border-color: #007ab4
}