@charset "UTF-8";
@import"spinners.css";

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Thin.eot);
    src: local('Roboto Thin'),local('Roboto-Thin'),url(/assets/lib/roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Thin.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Thin.woff) format('woff'),url(/assets/lib/roboto/Roboto-Thin.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Thin.svg#Roboto) format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(/assets/lib/roboto/Roboto-Thin.eot);
    src: local('Roboto Thin'),local('Roboto-Thin'),url(/assets/lib/roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Thin.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Thin.woff) format('woff'),url(/assets/lib/roboto/Roboto-Thin.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Thin.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-ThinItalic.eot);
    src: local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/assets/lib/roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-ThinItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg');
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url(/assets/lib/roboto/Roboto-ThinItalic.eot);
    src: local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/assets/lib/roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-ThinItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Light.eot);
    src: local('Roboto Light'),local('Roboto-Light'),url(/assets/lib/roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Light.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Light.woff) format('woff'),url(/assets/lib/roboto/Roboto-Light.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Light.svg#Roboto) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(/assets/lib/roboto/Roboto-Light.eot);
    src: local('Roboto Light'),local('Roboto-Light'),url(/assets/lib/roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Light.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Light.woff) format('woff'),url(/assets/lib/roboto/Roboto-Light.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Light.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-LightItalic.eot);
    src: local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/assets/lib/roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-LightItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-LightItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-LightItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url(/assets/lib/roboto/Roboto-LightItalic.eot);
    src: local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/assets/lib/roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-LightItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-LightItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-LightItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Regular.eot);
    src: local('Roboto Regular'),local('Roboto-Regular'),url(/assets/lib/roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Regular.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Regular.woff) format('woff'),url(/assets/lib/roboto/Roboto-Regular.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Regular.svg#Roboto) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(/assets/lib/roboto/Roboto-Regular.eot);
    src: local('Roboto Regular'),local('Roboto-Regular'),url(/assets/lib/roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Regular.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Regular.woff) format('woff'),url(/assets/lib/roboto/Roboto-Regular.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Regular.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-RegularItalic.eot);
    src: local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/assets/lib/roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-RegularItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url(/assets/lib/roboto/Roboto-RegularItalic.eot);
    src: local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/assets/lib/roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-RegularItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Medium.eot);
    src: local('Roboto Medium'),local('Roboto-Medium'),url(/assets/lib/roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Medium.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Medium.woff) format('woff'),url(/assets/lib/roboto/Roboto-Medium.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Medium.svg#Roboto) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(/assets/lib/roboto/Roboto-Medium.eot);
    src: local('Roboto Medium'),local('Roboto-Medium'),url(/assets/lib/roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Medium.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Medium.woff) format('woff'),url(/assets/lib/roboto/Roboto-Medium.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Medium.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-MediumItalic.eot);
    src: local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/assets/lib/roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-MediumItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url(/assets/lib/roboto/Roboto-MediumItalic.eot);
    src: local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/assets/lib/roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-MediumItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Bold.eot);
    src: local('Roboto Bold'),local('Roboto-Bold'),url(/assets/lib/roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Bold.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Bold.woff) format('woff'),url(/assets/lib/roboto/Roboto-Bold.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Bold.svg#Roboto) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(/assets/lib/roboto/Roboto-Bold.eot);
    src: local('Roboto Bold'),local('Roboto-Bold'),url(/assets/lib/roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Bold.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Bold.woff) format('woff'),url(/assets/lib/roboto/Roboto-Bold.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Bold.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-BoldItalic.eot);
    src: local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/assets/lib/roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-BoldItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url(/assets/lib/roboto/Roboto-BoldItalic.eot);
    src: local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/assets/lib/roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-BoldItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-Black.eot);
    src: local('Roboto Black'),local('Roboto-Black'),url(/assets/lib/roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Black.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Black.woff) format('woff'),url(/assets/lib/roboto/Roboto-Black.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Black.svg#Roboto) format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(/assets/lib/roboto/Roboto-Black.eot);
    src: local('Roboto Black'),local('Roboto-Black'),url(/assets/lib/roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-Black.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-Black.woff) format('woff'),url(/assets/lib/roboto/Roboto-Black.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-Black.svg#Roboto) format('svg')
}

@font-face {
    font-family: 'Roboto';
    src: url(/assets/lib/roboto/Roboto-BlackItalic.eot);
    src: local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/assets/lib/roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-BlackItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url(/assets/lib/roboto/Roboto-BlackItalic.eot);
    src: local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/assets/lib/roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/assets/lib/roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/assets/lib/roboto/Roboto-BlackItalic.woff) format('woff'),url(/assets/lib/roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/assets/lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg')
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px)
    }

********** {
    outline: 0 !important
}

body {
    background: #4f5467;
    margin: 0;
    overflow-x: hidden;
    font: 12px/1.5 tahoma,arial,"宋体";
    -ms-overflow-style: scrollbar;
    font-family: 'PingFang SC','Hiragino Sans GB','Microsoft Yahei';
    color: #686868
}

html {
    position: relative;
    min-height: 100%;
    background: #fff
}

h1, h2, h3, h4, h5, h6 {
    color: #2b2b2b;
    font-family: "Poppins","Microsoft YaHei",sans-serif;
    margin: 10px 0;
    font-weight: 300
}

h1 {
    line-height: 48px;
    font-size: 36px
}

h2 {
    line-height: 36px;
    font-size: 24px
}

h3 {
    line-height: 30px;
    font-size: 21px
}

h4 {
    line-height: 22px;
    font-size: 18px
}

h5 {
    font-size: 16px;
    font-size: 14px
}

.dn {
    display: none
}

.db {
    display: block
}

.light_op_text {
    color: rgba(255,255,255,.5)
}

blockquote {
    border-left: 5px solid #ff6849 !important;
    border: 1px solid rgba(120,130,140,.13)
}

p {
    line-height: 1.6
}

b {
    font-weight: 600
}

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

.clear {
    clear: both
}

.font-12 {
    font-size: 12px
}

hr {
    border-color: rgba(120,130,140,.13)
}

.b-t {
    border-top: 1px solid rgba(120,130,140,.13)
}

.b-b {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.b-l {
    border-left: 1px solid rgba(120,130,140,.13)
}

.b-r {
    border-right: 1px solid rgba(120,130,140,.13)
}

.b-all {
    border: 1px solid rgba(120,130,140,.13)
}

.b-none {
    border: 0 !important
}

.max-height {
    height: 310px;
    overflow: auto
}

.t-a-c {
    text-align: center !important
}

.p-0 {
    padding: 0 !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

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

.p-l-10 {
    padding-left: 10px !important
}

.p-l-20 {
    padding-left: 20px !important
}

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

.p-r-10 {
    padding-right: 10px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-r-40 {
    padding-right: 40px !important
}

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

.p-t-10 {
    padding-top: 10px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-30 {
    padding-top: 30px !important
}

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

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.m-0 {
    margin: 0 !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

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

.m-l-20 {
    margin-left: 20px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

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

.m-r-20 {
    margin-right: 20px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-t-5 {
    margin-top: 5px !important
}

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

.m-t-10 {
    margin-top: 10px !important
}

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

.m-t-20 {
    margin-top: 20px !important
}

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

.m-t-40 {
    margin-top: 40px !important
}

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

.m-b-5 {
    margin-bottom: 5px !important
}

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

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

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

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

.m-b-40 {
    margin-bottom: 40px !important
}

.vt {
    vertical-align: top
}

.vb {
    vertical-align: bottom
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.font-light {
    font-weight: 300
}

.pull-in {
    margin-left: -15px;
    margin-right: -15px
}

.b-0 {
    border: none !important
}

.vertical-middle {
    vertical-align: middle
}

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

.mx-box {
    max-height: 380px;
    min-height: 380px
}

.thumb-sm {
    height: 32px;
    width: 32px
}

.thumb-md {
    height: 48px;
    width: 48px
}

.thumb-lg {
    height: 88px;
    width: 88px
}

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

.get-code {
    color: #2b2b2b;
    cursor: pointer;
    border-radius: 100%;
    background: #fff;
    padding: 4px 5px;
    font-size: 10px;
    margin: 0 5px;
    vertical-align: middle
}

.badge {
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 5px 2px;
    font-size: 12px;
    margin-top: 1px;
    background-color: #fec107
}

.badge-xs {
    font-size: 9px
}

.badge-sm, .badge-xs {
    -webkit-transform: translate(0,-2px);
    -ms-transform: translate(0,-2px);
    -o-transform: translate(0,-2px);
    transform: translate(0,-2px)
}

.badge-success {
    background-color: #00c292
}

.badge-info {
    background-color: #03a9f3
}

.badge-warning {
    background-color: #fec107
}

.badge-danger {
    background-color: #fb9678
}

.badge-purple {
    background-color: #9675ce
}

.badge-red {
    background-color: #fb3a3a
}

.badge-inverse {
    background-color: #4c5667
}

.notify {
    position: relative;
    margin-top: -30px
}

    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -16px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #fb9678;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #fb9678;
        position: absolute;
        right: -6px;
        top: -10px
    }

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(.1);
        opacity: .1
    }

    50% {
        -moz-transform: scale(.5);
        opacity: .3
    }

    75% {
        -moz-transform: scale(.8);
        opacity: .5
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.text-white {
    color: #fff !important
}

.text-danger {
    color: #ea4335 !important
}

.text-muted {
    color: #8d9ea7 !important;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-warning {
    color: #fec107 !important
}

.text-success {
    color: #00c292 !important
}

.text-info {
    color: #03a9f3 !important
}

.text-inverse {
    color: #4c5667 !important
}

.text-blue {
    color: #02bec9 !important
}

.text-purple {
    color: #9675ce !important
}

.text-primary {
    color: #ab8ce4 !important
}

.text-megna {
    color: #01c0c8 !important
}

.text-dark {
    color: #686868 !important
}

.card-primary {
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.card-success {
    background-color: #00c292;
    border-color: #00c292
}

.card-info {
    background-color: #03a9f3;
    border-color: #03a9f3
}

.card-warning {
    background-color: #fec107;
    border-color: #fec107
}

.card-danger {
    background-color: #fb9678;
    border-color: #fb9678
}

.card-secondary {
    background-color: #4c5667;
    border-color: #4c5667
}

.card-red {
    background-color: #fb3a3a;
    border-color: #fb3a3a
}

.card-blue {
    background-color: #02bec9;
    border-color: #02bec9
}

.card-purple {
    background-color: #9675ce;
    border-color: #9675ce
}

.card-megna {
    background-color: #01c0c8;
    border-color: #01c0c8
}

.card-outline-primary {
    border-color: #ab8ce4
}

.card-outline-success {
    border-color: #00c292
}

.card-outline-info {
    border-color: #03a9f3
}

.card-outline-warning {
    border-color: #fec107
}

.card-outline-danger {
    border-color: #fb9678
}

.card-outline-secondary {
    border-color: #4c5667
}

.card-outline-red {
    border-color: #fb3a3a
}

.card-outline-blue {
    border-color: #02bec9
}

.card-outline-purple {
    border-color: #9675ce
}

.card-outline-megna {
    border-color: #01c0c8
}

.bg-primary {
    background-color: #ab8ce4 !important
}

.bg-success {
    background-color: #00c292 !important
}

.bg-info {
    background-color: #03a9f3 !important
}

.bg-warning {
    background-color: #fec107 !important
}

.bg-danger {
    background-color: #fb9678 !important
}

.bg-theme {
    background-color: #ff6849 !important
}

.bg-theme-dark {
    background-color: #4f5467 !important
}

.bg-inverse {
    background-color: #4c5667 !important
}

.bg-purple {
    background-color: #9675ce !important
}

.bg-white {
    background-color: #fff !important
}

.label {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500
}

.label-rouded, .label-rounded {
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500
}

.label-custom {
    background-color: #01c0c8
}

.label-success {
    background-color: #00c292
}

.label-info {
    background-color: #03a9f3
}

.label-warning {
    background-color: #fec107
}

.label-danger {
    background-color: #fb9678
}

.label-megna {
    background-color: #01c0c8
}

.label-primary {
    background-color: #ab8ce4
}

.label-purple {
    background-color: #9675ce
}

.label-red {
    background-color: #fb3a3a
}

.label-inverse {
    background-color: #4c5667
}

.label-default {
    background-color: #e4e7ea
}

.label-white {
    background-color: #fff
}

.dropdown-menu {
    border: 1px solid rgba(120,130,140,.13);
    border-radius: 0;
    box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    padding-bottom: 8px;
    margin-top: 0
}

    .dropdown-menu > li > a {
        padding: 9px 20px
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background: #f7fafc
        }

.navbar-top-links .progress {
    margin-bottom: 6px
}

label {
    font-weight: 500
}

.control-label {
    padding: 7px 12px
}

.btn {
    border-radius: 0
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.0625rem + 2px)
}

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

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

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

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

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

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

.custom-file-input.is-valid ~ .custom-file-label, .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-file-input:valid ~ .custom-file-label, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #00c292
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

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

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.64844rem + 2px)
}

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

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.64063rem + 2px)
}

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

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

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

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

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

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

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

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

.bootstrap-tagsinput {
    border: 1px solid #e4e7ea;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 7px 12px
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding: 9px 10px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}

.input-group-btn .btn {
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3px
}

.form-group {
    margin-bottom: 25px
}

.list-group-item, .list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
    border-color: rgba(120,130,140,.13)
}

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        background: #03a9f3;
        border-color: #03a9f3
    }

.list-task .list-group-item, .list-task .list-group-item:first-child {
    border-radius: 0;
    border: 0
}

    .list-task .list-group-item:last-child {
        border-radius: 0;
        border: 0
    }

.media {
    border: 1px solid rgba(120,130,140,.13);
    margin-bottom: 10px;
    padding: 15px
}

    .media .media-heading {
        font-weight: 500
    }

.well, pre {
    background: #fff;
    border-radius: 0
}

.nav-tabs > li > a {
    border-radius: 0;
    color: #2b2b2b
}

    .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        background: #fff
    }

.modal-content {
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,.1)
}

.alert {
    border-radius: 0
}

.carousel-control {
    width: 8%
}

    .carousel-control span {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        font-size: 30px
    }

.popover {
    border-radius: 0
}

.popover-title {
    padding: 5px 14px
}

.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px
}

.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-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 {
    padding-left: 7.5px;
    padding-right: 7.5px
}

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

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-radius: 0
}

.table-responsive {
    overflow-y: hidden
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination > li > a, .pagination > li > span {
    color: #2b2b2b
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: #e4e7ea
    }

.pagination-split li {
    margin-left: 5px;
    display: inline-block;
    float: left
}

    .pagination-split li:first-child {
        margin-left: 0
    }

    .pagination-split li a {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #ff6849;
    border-color: #ff6849
}

.pager li > a, .pager li > span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #2b2b2b
}

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

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

.jqstooltip {
    width: auto !important;
    height: auto !important
}

#wrapper {
    width: 100%;
    height: 100%
}

#page-wrapper {
    padding: 0 0 60px;
    min-height: 568px;
    background: #edf1f5
}

.footer {
    bottom: 0;
    color: #58666e;
    left: 0;
    padding: 5px 30px;
    position: fixed;
    right: 0;
    background: #fff
}

.bg-title {
    background: #fff;
    overflow: hidden;
    padding: 15px 15px 10px;
    margin-bottom: 25px;
    margin-left: -25.5px;
    margin-right: -25.5px
}

    .bg-title h4 {
        color: rgba(0,0,0,.5);
        font-weight: 600;
        margin-top: 6px
    }

    .bg-title .breadcrumb {
        background: 0 0;
        margin-bottom: 0;
        float: right;
        padding: 0;
        margin-top: 8px
    }

        .bg-title .breadcrumb a {
            color: rgba(0,0,0,.5)
        }

            .bg-title .breadcrumb a:hover {
                color: #000
            }

        .bg-title .breadcrumb .active {
            color: #ff6849
        }

.logo b {
    display: inline-block;
    width: 60px;
    line-height: 45px;
    text-align: center
}

.logo i {
    color: #fff
}

.top-left-part {
    width: 220px;
    float: left
}

    .top-left-part a {
        color: #fff;
        font-size: 18px;
        padding-left: 0;
        text-transform: uppercase
    }

.navbar-header {
    width: 100%;
    background: #3c4451;
    border: 0;
    position: fixed
}

.navbar-default {
    border: 0
}

.navbar-top-links {
    margin-right: 0
}

    .navbar-top-links .badge {
        position: absolute;
        right: 6px;
        top: 15px
    }

    .navbar-top-links > li {
        float: left
    }

        .navbar-top-links > li > a {
            color: #fff;
            padding: 0 12px;
            line-height: 45px
        }

            .navbar-top-links > li > a:hover {
                background: rgba(255,255,255,.9)
            }

            .navbar-top-links > li > a:focus {
                background: rgba(255,255,255,.9)
            }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: rgba(255,255,255,1)
}

.navbar-top-links .dropdown-menu li {
    display: block
}

    .navbar-top-links .dropdown-menu li:last-child {
        margin-right: 0
    }

    .navbar-top-links .dropdown-menu li a div {
        white-space: normal
    }

.navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
    width: 310px;
    min-width: 0
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto
}

.navbar-header .navbar-toggle {
    float: none;
    padding: 0 15px;
    line-height: 45px;
    border: 0;
    color: #000;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    font-size: 1.5rem
}

    .navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover {
        background: rgba(0,0,0,.3);
        color: #fff
    }

.app-search {
    position: relative;
    margin: 0
}

    .app-search a {
        position: absolute;
        top: 20px;
        right: 10px;
        color: #4c5667
    }

    .app-search .form-control, .app-search .form-control:focus {
        border: none;
        font-size: 13px;
        color: #4c5667;
        padding-left: 20px;
        padding-right: 40px;
        background: rgba(255,255,255,.9);
        box-shadow: none;
        height: 30px;
        font-weight: 600;
        width: 180px;
        display: inline-block;
        line-height: 30px;
        margin-top: 15px;
        border-radius: 40px;
        transition: .5s ease-out
    }

        .app-search .form-control::-moz-placeholder {
            color: #4c5667;
            opacity: .5
        }

        .app-search .form-control::-webkit-input-placeholder {
            color: #4c5667;
            opacity: .5
        }

        .app-search .form-control::-ms-placeholder {
            color: #4c5667;
            opacity: .5
        }

.nav-small-cap {
    color: #fec107;
    cursor: default;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .035em;
    padding: 5px 15px !important;
    pointer-events: none;
    margin: 15px 0 0 -15px
}

.profile-pic {
    padding: 0 20px;
    line-height: 50px
}

    .profile-pic img {
        margin-right: 10px
    }

.drop-title {
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 20px 15px
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}

.btn-rounded {
    border-radius: 60px
}

.btn-custom, .btn-custom.disabled {
    background: #ff6849;
    border: 1px solid #ff6849;
    color: #fff
}

    .btn-custom.disabled.focus, .btn-custom.disabled:focus, .btn-custom.disabled:hover, .btn-custom.focus, .btn-custom:focus, .btn-custom:hover {
        background: #ff6849;
        opacity: .8;
        color: #fff;
        border: 1px solid #ff6849
    }

.btn-primary, .btn-primary.disabled {
    background: #03a9f3;
    border: 1px solid #03a9f3
}

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
        background: #03a9f3;
        opacity: .8;
        border: 1px solid #03a9f3
    }

.btn-success, .btn-success.disabled {
    background: #00c292;
    border: 1px solid #00c292
}

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.focus, .btn-success:focus, .btn-success:hover {
        background: #00c292;
        opacity: .8;
        border: 1px solid #00c292
    }

.btn-info, .btn-info.disabled {
    background: #03a9f3;
    border: 1px solid #03a9f3
}

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover {
        background: #03a9f3;
        opacity: .8;
        border: 1px solid #03a9f3
    }

.btn-warning, .btn-warning.disabled {
    background: #fec107;
    border: 1px solid #fec107
}

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
        background: #fec107;
        opacity: .8;
        border: 1px solid #fec107
    }

.btn-danger, .btn-danger.disabled {
    background: #fb9678;
    border: 1px solid #fb9678
}

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
        background: #fb9678;
        opacity: .8;
        border: 1px solid #fb9678
    }

.btn-default, .btn-default.disabled {
    background: #e4e7ea;
    border: 1px solid #e4e7ea
}

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus, .btn-default:focus, .btn-default:hover {
        opacity: .8;
        border: 1px solid #e4e7ea;
        background: #e4e7ea
    }

    .btn-default.btn-outline {
        background-color: #fff
    }

        .btn-default.btn-outline.focus, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover {
            background: #e4e7ea
        }

.btn-primary.btn-outline {
    color: #ab8ce4;
    background-color: #fff
}

    .btn-primary.btn-outline.focus, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover {
        background: #ab8ce4;
        color: #fff
    }

.btn-success.btn-outline {
    color: #00c292;
    background-color: transparent
}

    .btn-success.btn-outline.focus, .btn-success.btn-outline:focus, .btn-success.btn-outline:hover {
        background: #00c292;
        color: #fff
    }

.btn-info.btn-outline {
    color: #03a9f3;
    background-color: transparent
}

    .btn-info.btn-outline.focus, .btn-info.btn-outline:focus, .btn-info.btn-outline:hover {
        background: #03a9f3;
        color: #fff
    }

.btn-warning.btn-outline {
    color: #fec107;
    background-color: transparent
}

    .btn-warning.btn-outline.focus, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:hover {
        background: #fec107;
        color: #fff
    }

.btn-danger.btn-outline {
    color: #fb9678;
    background-color: transparent
}

    .btn-danger.btn-outline.focus, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:hover {
        background: #fb9678;
        color: #fff
    }

.button-box .btn {
    margin: 0 8px 8px 0
}

.btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover {
    color: #fff
}

.btn-label {
    background: rgba(0,0,0,.05);
    display: inline-block;
    margin: -6px 12px -6px -14px;
    padding: 7px 15px
}

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

.btn-twitter {
    color: #fff !important;
    background-color: #55acee !important
}

.btn-linkedin {
    color: #fff !important;
    background-color: #007bb6 !important
}

.btn-dribbble {
    color: #fff !important;
    background-color: #ea4c89 !important
}

.btn-googleplus {
    color: #fff !important;
    background-color: #dd4b39 !important
}

.btn-instagram {
    color: #fff !important;
    background-color: #3f729b !important
}

.btn-pinterest {
    color: #fff !important;
    background-color: #cb2027 !important
}

.btn-dropbox {
    color: #fff !important;
    background-color: #007ee5 !important
}

.btn-flickr {
    color: #fff !important;
    background-color: #ff0084 !important
}

.btn-tumblr {
    color: #fff !important;
    background-color: #32506d !important
}

.btn-skype {
    color: #fff !important;
    background-color: #00aff0 !important
}

.btn-youtube {
    color: #fff !important;
    background-color: #b00 !important
}

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

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #03a9f3;
    border: 1px solid #03a9f3
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background-color: #00c292;
    border: 1px solid #00c292
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    background-color: #03a9f3;
    border: 1px solid #03a9f3
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    background-color: #fec107;
    border: 1px solid #fec107
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    background-color: #fb9678;
    border: 1px solid #fb9678
}

.btn-inverse, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    background-color: #4c5667;
    border: 1px solid #4c5667;
    color: #fff
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none
}

    .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted rgba(120,130,140,.13)
    }

        .chat li.left .chat-body {
            margin-left: 60px
        }

        .chat li.right .chat-body {
            margin-right: 60px
        }

        .chat li .chat-body p {
            margin: 0
        }

    .chat .glyphicon, .panel .slidedown .glyphicon {
        margin-right: 5px
    }

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll
}

.login-panel {
    margin-top: 25%
}

.flot-chart {
    display: block;
    height: 400px
}

.flot-chart-content {
    width: 100%;
    height: 100%
}

.table {
    margin-bottom: 10px
}

    .table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd), .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
        background-color: #f7fafc !important
    }

    .table-bordered, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: 1px solid #e4e7ea
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 15px 8px
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e4e7ea
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #e4e7ea
}

tbody {
    color: #797979
}

th {
    color: #666;
    font-weight: 500
}

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

table.focus-on tbody tr.focused td, table.focus-on tbody tr.focused th {
    background-color: #ff6849;
    color: #fff
}

.table-rep-plugin .table-responsive {
    border: none !important
}

.table-rep-plugin tbody th {
    font-size: 14px;
    font-weight: 400
}

.btn-circle {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 1rem;
        border-radius: 25px;
        font-size: 2rem;
        line-height: 2rem
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33
    }

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(120,130,140,.13);
    background-color: #f7fafc
}

.show-grid {
    margin: 15px 0
}

.huge {
    font-size: 40px
}

.white-box {
    background: #fff;
    padding: 1rem;
    margin-bottom: 2px
}

    .white-box .box-title {
        margin: 0 0 12px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px
    }

@media(min-width: 415px) {
    .white-box {
        background: #fff;
        padding: 1rem;
        margin-bottom: 2px
    }

        .white-box .box-title {
            margin: 0 0 12px;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 14px
        }
}

.panel {
    border-radius: 0;
    margin-bottom: 15px;
    border: 0
}

    .panel .panel-heading {
        border-radius: 0;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 25px
    }

        .panel .panel-heading .panel-title {
            font-size: 14px;
            color: #2b2b2b
        }

        .panel .panel-heading a i {
            margin-left: 8px
        }

    .panel .panel-action {
        float: right
    }

        .panel .panel-action a {
            opacity: .5
        }

            .panel .panel-action a:hover {
                opacity: 1
            }

    .panel .panel-body {
        padding: 1rem 2rem
    }

        .panel .panel-body:first-child h3 {
            margin-top: 0;
            font-weight: 600;
            font-family: Poppins,sans-serif;
            font-size: 14px;
            text-transform: uppercase
        }

    .panel .panel-footer {
        background: #fff;
        border-radius: 0;
        padding: 20px 25px
    }

.panel-opcl {
    float: right
}

    .panel-opcl i {
        margin-left: 8px;
        font-size: 10px;
        cursor: pointer
    }

.fa-fw {
    width: 20px !important;
    display: inline-block !important;
    text-align: left !important
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0,0,0,.08);
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        -webkit-transition-property: -webkit-transform,opacity;
        -moz-transition-property: -moz-transform,opacity;
        -o-transition-property: -o-transform,opacity;
        transition-property: transform,opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255,255,255,.4);
        background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: -moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0,0,0,.2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,.4)
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button, .waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%)
}

    .waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited {
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        outline: 0;
        color: inherit;
        background-color: rgba(0,0,0,0);
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        text-decoration: none;
        z-index: 1
    }

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

    .waves-input-wrapper.waves-button {
        padding: 0
    }

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

    .waves-float:active {
        -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3);
        box-shadow: 0 8px 20px 1px rgba(0,0,0,.3)
    }

.waves-block {
    display: block
}

.checkbox {
    padding-left: 20px
}

    .checkbox label {
        display: inline-block;
        padding-left: 5px;
        position: relative
    }

        .checkbox label::before {
            -o-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            background-color: #fff;
            border-radius: 1px;
            border: 1px solid rgba(120,130,140,.13);
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            position: absolute;
            transition: .3s ease-in-out;
            width: 17px;
            outline: 0 !important
        }

        .checkbox label::after {
            color: #2b2b2b;
            display: inline-block;
            font-size: 11px;
            height: 16px;
            left: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute;
            top: 0;
            width: 16px
        }

    .checkbox input[type=checkbox] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: 0 !important
    }

        .checkbox input[type=checkbox]:disabled + label {
            opacity: .65
        }

        .checkbox input[type=checkbox]:focus + label::before {
            outline-offset: -2px;
            outline: 0;
            outline: dotted thin
        }

        .checkbox input[type=checkbox]:checked + label::after {
            content: "";
            font-family: FontAwesome
        }

        .checkbox input[type=checkbox]:disabled + label::before {
            background-color: #e4e7ea;
            cursor: not-allowed
        }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%
    }

    .checkbox.checkbox-inline {
        margin-top: 0
    }

    .checkbox.checkbox-single label {
        height: 17px
    }

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.checkbox-primary input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #fb9678;
    border-color: #fb9678
}

.checkbox-danger input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #03a9f3;
    border-color: #03a9f3
}

.checkbox-info input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #fec107;
    border-color: #fec107
}

.checkbox-warning input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #00c292;
    border-color: #00c292
}

.checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-purple input[type=checkbox]:checked + label::before {
    background-color: #9675ce;
    border-color: #9675ce
}

.checkbox-purple input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-red input[type=checkbox]:checked + label::before {
    background-color: #fb9678;
    border-color: #fb9678
}

.checkbox-red input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-inverse input[type=checkbox]:checked + label::before {
    background-color: #4c5667;
    border-color: #4c5667
}

.checkbox-inverse input[type=checkbox]:checked + label::after {
    color: #fff
}

.radio {
    padding-left: 20px
}

    .radio label {
        display: inline-block;
        padding-left: 5px;
        position: relative
    }

        .radio label::before {
            -o-transition: border .5s ease-in-out;
            -webkit-transition: border .5s ease-in-out;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid rgba(120,130,140,.13);
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            position: absolute;
            transition: border .5s ease-in-out;
            width: 17px;
            outline: 0 !important
        }

        .radio label::after {
            -moz-transition: -moz-transform .3s cubic-bezier(.8,-.33,.2,1.33);
            -ms-transform: scale(0,0);
            -o-transform: scale(0,0);
            -o-transition: -o-transform .3s cubic-bezier(.8,-.33,.2,1.33);
            -webkit-transform: scale(0,0);
            -webkit-transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
            background-color: #2b2b2b;
            border-radius: 50%;
            content: " ";
            display: inline-block;
            height: 7px;
            left: 5px;
            margin-left: -20px;
            position: absolute;
            top: 5px;
            transform: scale(0,0);
            transition: transform .3s cubic-bezier(.8,-.33,.2,1.33);
            width: 7px
        }

    .radio input[type=radio] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: 0 !important
    }

        .radio input[type=radio]:disabled + label {
            opacity: .65
        }

        .radio input[type=radio]:focus + label::before {
            outline-offset: -2px;
            outline: -webkit-focus-ring-color auto 5px;
            outline: dotted thin
        }

        .radio input[type=radio]:checked + label::after {
            -ms-transform: scale(1,1);
            -o-transform: scale(1,1);
            -webkit-transform: scale(1,1);
            transform: scale(1,1)
        }

        .radio input[type=radio]:disabled + label::before {
            cursor: not-allowed
        }

    .radio.radio-inline {
        margin-top: 0
    }

    .radio.radio-single label {
        height: 17px
    }

.radio-primary input[type=radio] + label::after {
    background-color: #ab8ce4
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: #ab8ce4
}

.radio-primary input[type=radio]:checked + label::after {
    background-color: #ab8ce4
}

.radio-danger input[type=radio] + label::after {
    background-color: #fb9678
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: #fb9678
}

.radio-danger input[type=radio]:checked + label::after {
    background-color: #fb9678
}

.radio-info input[type=radio] + label::after {
    background-color: #03a9f3
}

.radio-info input[type=radio]:checked + label::before {
    border-color: #03a9f3
}

.radio-info input[type=radio]:checked + label::after {
    background-color: #03a9f3
}

.radio-warning input[type=radio] + label::after {
    background-color: #fec107
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: #fec107
}

.radio-warning input[type=radio]:checked + label::after {
    background-color: #fec107
}

.radio-success input[type=radio] + label::after {
    background-color: #00c292
}

.radio-success input[type=radio]:checked + label::before {
    border-color: #00c292
}

.radio-success input[type=radio]:checked + label::after {
    background-color: #00c292
}

.radio-purple input[type=radio] + label::after {
    background-color: #9675ce
}

.radio-purple input[type=radio]:checked + label::before {
    border-color: #9675ce
}

.radio-purple input[type=radio]:checked + label::after {
    background-color: #9675ce
}

.radio-red input[type=radio] + label::after {
    background-color: #fb9678
}

.radio-red input[type=radio]:checked + label::before {
    border-color: #fb9678
}

.radio-red input[type=radio]:checked + label::after {
    background-color: #fb9678
}

.fileupload {
    overflow: hidden;
    position: relative
}

    .fileupload input.upload {
        cursor: pointer;
        filter: alpha(opacity=0);
        font-size: 20px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.model_img {
    cursor: pointer
}

.myadmin-dd .dd-list .dd-item .dd-handle {
    background: #fff;
    border: 1px solid rgba(120,130,140,.13);
    padding: 8px 16px;
    height: auto;
    font-weight: 600;
    border-radius: 0
}

    .myadmin-dd .dd-list .dd-item .dd-handle:hover {
        color: #03a9f3
    }

.myadmin-dd .dd-list .dd-item button {
    height: auto;
    font-size: 17px;
    margin: 8px auto;
    color: #2b2b2b;
    width: 30px
}

.myadmin-dd-empty .dd-list .dd3-handle {
    border: 1px solid rgba(120,130,140,.13);
    border-bottom: 0;
    background: #fff;
    height: 36px;
    width: 36px
}

    .myadmin-dd-empty .dd-list .dd3-handle:before {
        color: inherit;
        top: 7px
    }

    .myadmin-dd-empty .dd-list .dd3-handle:hover {
        color: #03a9f3
    }

.myadmin-dd-empty .dd-list .dd3-content {
    height: auto;
    border: 1px solid rgba(120,130,140,.13);
    padding: 8px 16px 8px 46px;
    background: #fff;
    font-weight: 600
}

    .myadmin-dd-empty .dd-list .dd3-content:hover {
        color: #03a9f3
    }

.myadmin-dd-empty .dd-list button {
    width: 26px;
    height: 26px;
    font-size: 16px;
    font-weight: 600
}

.settings_box {
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 100
}

    .settings_box a {
        background: #fff;
        padding: 15px;
        display: inline-block;
        vertical-align: top
    }

        .settings_box a i {
            display: block;
            -webkit-animation-name: rotate;
            -webkit-animation-duration: 2s;
            -moz-animation-name: rotate;
            -moz-animation-duration: 2s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            animation-name: rotate;
            font-size: 16px;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-timing-function: linear
        }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.theme_color {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    width: 0;
    transition: .5s ease-out;
    background: #fff
}

    .theme_color li {
        list-style: none;
        width: 30%;
        float: left;
        margin: 0 1.5%
    }

        .theme_color li a {
            padding: 5px;
            height: 50px;
            display: block
        }

            .theme_color li a.theme-green {
                background: #00c292
            }

            .theme_color li a.theme-red {
                background: #fb9678
            }

            .theme_color li a.theme-dark {
                background: #4c5667
            }

.theme_block {
    width: 200px;
    padding: 30px
}

ul.common li {
    display: inline-block;
    line-height: 40px;
    list-style: none none;
    width: 48%
}

    ul.common li a {
        color: #686868
    }

        ul.common li a:hover {
            color: #03a9f3
        }

.row-in i {
    font-size: 24px
}

.mailbox {
    width: 280px;
    overflow: auto;
    padding-bottom: 0
}

.message-center a {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    padding: 9px 15px
}

    .message-center a:hover {
        background: #f7fafc
    }

.message-center .user-img {
    width: 40px;
    float: left;
    position: relative;
    margin: 0 10px 15px 0
}

    .message-center .user-img img {
        width: 100%
    }

    .message-center .user-img .profile-status {
        border: 2px solid #fff;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        left: 30px;
        position: absolute;
        top: 1px;
        width: 10px
    }

    .message-center .user-img .online {
        background: #00c292
    }

    .message-center .user-img .busy {
        background: #fb9678
    }

    .message-center .user-img .away, .message-center .user-img .offline {
        background: #fec107
    }

.message-center .mail-contnet h5 {
    margin: 0;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.message-center .mail-contnet .mail-desc {
    font-size: 12px;
    display: block;
    margin: 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #2b2b2b
}

.message-center .mail-contnet .time {
    display: block;
    font-size: 10px;
    color: #2b2b2b
}

.mail-contnet a.action {
    margin-left: 10px;
    font-size: 12px;
    visibility: hidden
}

.mail-contnet:hover a.action {
    visibility: visible
}

.inbox-center .unread td {
    font-weight: 600
}

.inbox-center a {
    color: #686868;
    padding: 2px 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.comment-center {
    margin: 0 -25px
}

    .comment-center .comment-body {
        border-bottom: 1px solid rgba(120,130,140,.13);
        display: table;
        padding: 20px 25px
    }

        .comment-center .comment-body:hover {
            background: #f7fafc
        }

    .comment-center .user-img {
        width: 40px;
        display: table-cell;
        position: relative;
        margin: 0 10px 0 0
    }

        .comment-center .user-img img {
            width: 100%
        }

    .comment-center .mail-contnet {
        display: table-cell;
        padding-left: 15px;
        vertical-align: top
    }

        .comment-center .mail-contnet h5 {
            margin: 0;
            font-weight: 400;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .comment-center .mail-contnet .mail-desc {
            font-size: 14px;
            display: block;
            margin: 8px 0;
            line-height: 25px;
            color: #848a96;
            height: 50px;
            overflow: hidden
        }

        .comment-center .mail-contnet .time {
            display: block;
            font-size: 10px;
            color: #2b2b2b
        }

.sales-report {
    background: #f7fafc;
    margin: 12px -25px;
    padding: 15px
}

.dropdown-alerts, .dropdown-tasks {
    padding: 0
}

    .dropdown-alerts li a, .dropdown-tasks li a, .mailbox li > a {
        padding: 15px 20px
    }

    .dropdown-alerts li.divider, .dropdown-tasks li.divider {
        margin: 0
    }

.row-in-br {
    border-right: 1px solid rgba(120,130,140,.13)
}

.col-in {
    padding: 5px
}

    .col-in h3 {
        font-size: 48px;
        font-weight: 100
    }

.basic-list {
    padding: 0
}

    .basic-list li {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid rgba(120,130,140,.13);
        line-height: 27px
    }

        .basic-list li:last-child {
            border-bottom: 0
        }

.steamline {
    position: relative;
    border-left: 1px solid rgba(120,130,140,.13);
    margin-left: 20px
}

    .steamline .sl-left {
        float: left;
        margin-left: -20px;
        z-index: 1;
        margin-right: 15px
    }

        .steamline .sl-left img {
            max-width: 40px
        }

    .steamline .sl-right {
        padding-left: 35px
    }

    .steamline .sl-item {
        margin-top: 8px;
        margin-bottom: 30px
    }

.sl-date {
    font-size: 10px;
    color: #98a6ad
}

.time-item {
    border-color: rgba(120,130,140,.13);
    padding-bottom: 1px;
    position: relative
}

    .time-item:before {
        content: " ";
        display: table
    }

    .time-item:after {
        background-color: #fff;
        border-color: rgba(120,130,140,.13);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px
    }

.time-item-item:after {
    content: " ";
    display: table
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px
}

    .item-info p {
        margin-bottom: 10px !important
    }

.user-bg {
    margin: -25px;
    height: 230px;
    overflow: hidden;
    position: relative
}

    .user-bg .overlay-box {
        background: #9675ce;
        opacity: .9;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        text-align: center
    }

        .user-bg .overlay-box .user-content {
            padding: 15px;
            margin-top: 30px
        }

.user-btm-box {
    padding: 40px 0 10px;
    clear: both;
    overflow: hidden
}

.vertical .carousel-inner {
    height: 100%;
    position: relative
}

.carousel.vertical .item {
    -webkit-transition: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top
}

.carousel.vertical .active {
    top: 0
}

.carousel.vertical .next {
    top: 400px
}

.carousel.vertical .prev {
    top: -400px
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0
    }

.carousel.vertical .active.left {
    top: -400px
}

.carousel.vertical .active.right {
    top: 400px
}

.carousel.vertical .item {
    left: 0
}

.twi-user img {
    margin-right: 20px;
    width: 50px
}

.twi-user {
    margin: 18px 0
}

.carousel-inner h3 {
    height: 112px;
    overflow: hidden
}

.chart-box {
    margin: 25px -15px -17px -17px
}

.list-task .task-done span {
    text-decoration: line-through
}

.chat-list {
    list-style: none;
    max-height: 332px;
    padding: 0 20px
}

    .chat-list li {
        margin-bottom: 0;
        overflow: auto
    }

    .chat-list .chat-image {
        display: inline-block;
        float: left;
        text-align: center;
        width: 50px
    }

        .chat-list .chat-image img {
            border-radius: 100%;
            width: 100%
        }

    .chat-list .chat-text {
        background: #f7fafc;
        border-radius: 0;
        display: inline-block;
        padding: 15px;
        position: relative
    }

        .chat-list .chat-text h4 {
            color: #1a2942;
            display: block;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            margin: 0;
            line-height: 15px;
            position: relative
        }

        .chat-list .chat-text p {
            margin: 0;
            padding-top: 3px
        }

        .chat-list .chat-text b {
            font-size: 10px;
            opacity: .8
        }

    .chat-list .chat-body {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-left: 12px;
        width: 65%
    }

    .chat-list .odd .chat-image {
        float: right !important
    }

    .chat-list .odd .chat-body {
        float: right !important;
        margin-right: 12px;
        text-align: right;
        color: #fff
    }

    .chat-list .odd .chat-text {
        background: #ff6849
    }

        .chat-list .odd .chat-text h4 {
            color: #fff
        }

.chat-send {
    padding-left: 0;
    padding-right: 30px
}

    .chat-send button {
        width: 100%
    }

.weather-box .weather-top {
    overflow: hidden;
    padding: 10px 25px;
    margin: 0 -25px;
    background: #f7fafc
}

    .weather-box .weather-top h2 {
        line-height: 24px
    }

        .weather-box .weather-top h2 small {
            font-size: 13px
        }

    .weather-box .weather-top .today_crnt {
        font-size: 45px;
        font-weight: 100
    }

        .weather-box .weather-top .today_crnt canvas {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle
        }

.weather-box .weather-info {
    padding: 10px 0
}

.weather-box .weather-time {
    overflow: hidden;
    text-align: center;
    padding-top: 15px
}

    .weather-box .weather-time li span {
        display: block
    }

    .weather-box .weather-time li canvas {
        font-size: 20px;
        margin: 10px 0
    }

.demo-container {
    width: 100%;
    height: 350px
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em
}

.myadmin-alert {
    border-radius: 0;
    color: #fff;
    padding: 12px 30px 12px 12px;
    position: relative;
    text-align: left
}

    .myadmin-alert a {
        color: inherit;
        font-weight: 600;
        text-decoration: underline
    }

    .myadmin-alert h4 {
        color: inherit;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        margin: 0
    }

    .myadmin-alert .img {
        border-radius: 3px;
        height: 40px;
        left: 12px;
        position: absolute;
        top: 12px;
        width: 40px
    }

.myadmin-alert-img {
    min-height: 64px;
    padding-left: 65px
}

.myadmin-alert-icon {
    padding-left: 20px
}

    .myadmin-alert-icon i {
        padding-right: 10px
    }

.myadmin-alert .closed {
    color: rgba(255,255,255,.5);
    font-size: 20px;
    font-weight: 700;
    padding: 4px;
    position: absolute;
    right: 3px;
    text-decoration: none;
    top: 0
}

    .myadmin-alert .closed:hover {
        color: #fff
    }

.myadmin-alert-click {
    cursor: pointer;
    padding-right: 12px
}

.myadmin-alert .primary {
    background: rgba(0,0,0,.4);
    border: none;
    border-radius: 3px;
    color: inherit;
    outline: 0;
    padding: 4px 10px
}

.myadmin-alert .cancel {
    background: rgba(255,255,255,.4);
    border: none;
    border-radius: 3px;
    color: rgba(0,0,0,.8);
    outline: 0;
    padding: 4px 10px
}

    .myadmin-alert .cancel:hover, .myadmin-alert .primary:hover {
        opacity: .9
    }

.myadmin-alert-bottom, .myadmin-alert-bottom-left, .myadmin-alert-bottom-right, .myadmin-alert-fullscreen, .myadmin-alert-top, .myadmin-alert-top-left, .myadmin-alert-top-right {
    box-shadow: 2px 2px 2px rgba(0,0,0,.1);
    display: none;
    position: fixed;
    z-index: 1000
}

.myadmin-alert-top {
    left: 0;
    right: 0;
    top: 0
}

.myadmin-alert-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.myadmin-alert-top-left {
    left: 20px;
    top: 80px
}

.myadmin-alert-top-right {
    right: 20px;
    top: 80px
}

.myadmin-alert-bottom-left {
    bottom: 20px;
    left: 20px
}

.myadmin-alert-bottom-right {
    bottom: 20px;
    right: 20px
}

.myadmin-alert-fullsize {
    left: 50%;
    margin: -20px;
    top: 50%
}

.alert-custom {
    background: #ff6849;
    color: #fff;
    border-color: #ff6849
}

.alert-inverse {
    background: #4c5667;
    color: #fff;
    border-color: #4c5667
}

.alert-success {
    background: #00c292;
    color: #fff;
    border-color: #00c292
}

.alert-dark {
    background: #686868;
    color: #fff;
    border-color: #686868
}

.alert-warning {
    background: #fec107;
    color: #fff;
    border-color: #fec107
}

.alert-danger {
    background: #fb9678;
    color: #fff;
    border-color: #fb9678
}

.alert-primary {
    background: #9675ce;
    color: #fff;
    border-color: #9675ce
}

.alert-info {
    background: #03a9f3;
    color: #fff;
    border-color: #03a9f3
}

    .alert-info .closed, .alert-info a.closed:hover {
        color: inherit
    }

.tab-content {
}

.customtab {
    border-bottom: 2px solid #f7fafc
}

    .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover {
        background: #fff;
        border: 0;
        border-bottom: 2px solid #ff6849;
        margin-bottom: -1px;
        color: #ff6849
    }

    .customtab li a, .customtab li a:focus, .customtab li a:hover {
        border: 0
    }

.customtab2 {
    border-bottom: 1px solid #f7fafc;
    border-top: 1px solid #f7fafc;
    padding: 10px 0
}

    .customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover {
        background: #ff6849;
        border: 1px solid #ff6849;
        color: #fff
    }

    .customtab2 li a, .customtab2 li a:focus, .customtab2 li a:hover {
        border: 0
    }

.vtabs {
    display: table
}

    .vtabs .tabs-vertical {
        width: 150px;
        border-right: 1px solid rgba(120,130,140,.13);
        display: table-cell;
        vertical-align: top
    }

        .vtabs .tabs-vertical li a {
            color: #2b2b2b;
            margin-bottom: 10px
        }

    .vtabs .tab-content {
        display: table-cell;
        padding: 20px;
        vertical-align: top
    }

.tabs-vertical li.active a, .tabs-vertical li.active a:focus, .tabs-vertical li.active a:hover {
    background: #ff6849;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #fff
}

.customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover {
    background: #fff;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #2b2b2b
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #ff6849;
    color: #fff
}

.nav-pills > li > a {
    color: #2b2b2b;
    border-radius: 0
}

.panel-group .panel .panel-heading .accordion-toggle.collapsed:before, .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: ''
}

.panel-group .panel .panel-heading a[data-toggle=collapse] {
}

    .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
        content: '';
        display: block;
        float: right;
        font-family: themify;
        font-size: 14px;
        text-align: right;
        width: 25px
    }

.panel-group .panel .panel-heading .accordion-toggle {
    display: block
}

    .panel-group .panel .panel-heading .accordion-toggle:before {
        content: '';
        display: block;
        float: right;
        font-family: themify;
        font-size: 14px;
        text-align: right;
        width: 25px
    }

.panel-group .panel .panel-heading + .panel-collapse .panel-body {
    border-top: none
}

.panel-group .panel-heading {
    padding: 12px 20px
}

.progress {
    -webkit-box-shadow: none !important;
    background-color: rgba(120,130,140,.13);
    box-shadow: none !important;
    height: 4px;
    border-radius: 0;
    margin-bottom: 18px;
    overflow: hidden
}

.progress-bar {
    box-shadow: none;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px
}

.progress.progress-sm {
    height: 8px !important
}

    .progress.progress-sm .progress-bar {
        font-size: 8px;
        line-height: 5px
    }

.progress.progress-md {
    height: 15px !important
}

    .progress.progress-md .progress-bar {
        font-size: 10.8px;
        line-height: 14.4px
    }

.progress.progress-lg {
    height: 20px !important
}

    .progress.progress-lg .progress-bar {
        font-size: 12px;
        line-height: 20px
    }

.progress-bar-primary {
    background-color: #ab8ce4
}

.progress-bar-success {
    background-color: #00c292
}

.progress-bar-info {
    background-color: #03a9f3
}

.progress-bar-megna {
    background-color: #01c0c8
}

.progress-bar-warning {
    background-color: #fec107
}

.progress-bar-danger {
    background-color: #fb9678
}

.progress-bar-inverse {
    background-color: #4c5667
}

.progress-bar-purple {
    background-color: #9675ce
}

.progress-bar-custom {
    background-color: #03a9f3
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: myanimation;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: myanimation;
    transition: 5s all
}

@-webkit-keyframes myanimation {
    from {
        width: 0
    }
}

@keyframes myanimation {
    from {
        width: 0
    }
}

.progress-vertical {
    min-height: 250px;
    height: 250px;
    width: 4px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px
}

    .progress-vertical .progress-bar {
        width: 100%
    }

.progress-vertical-bottom {
    min-height: 250px;
    height: 250px;
    position: relative;
    width: 4px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px
}

    .progress-vertical-bottom .progress-bar {
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .progress-vertical-bottom.progress-sm, .progress-vertical.progress-sm {
        width: 8px !important
    }

        .progress-vertical-bottom.progress-sm .progress-bar, .progress-vertical.progress-sm .progress-bar {
            font-size: 8px;
            line-height: 5px
        }

    .progress-vertical-bottom.progress-md, .progress-vertical.progress-md {
        width: 15px !important
    }

        .progress-vertical-bottom.progress-md .progress-bar, .progress-vertical.progress-md .progress-bar {
            font-size: 10.8px;
            line-height: 14.4px
        }

    .progress-vertical-bottom.progress-lg, .progress-vertical.progress-lg {
        width: 20px !important
    }

        .progress-vertical-bottom.progress-lg .progress-bar, .progress-vertical.progress-lg .progress-bar {
            font-size: 12px;
            line-height: 20px
        }

.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #eee
    }

    .timeline > li {
        position: relative;
        margin-bottom: 20px
    }

        .timeline > li:after, .timeline > li:before {
            content: " ";
            display: table
        }

        .timeline > li:after {
            clear: both
        }

        .timeline > li > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid rgba(120,130,140,.13);
            border-radius: 0;
            -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.05);
            box-shadow: 0 1px 6px rgba(0,0,0,.05)
        }

            .timeline > li > .timeline-panel:before {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -8px;
                border-top: 8px solid transparent;
                border-right: 0 solid rgba(120,130,140,.13);
                border-bottom: 8px solid transparent;
                border-left: 8px solid rgba(120,130,140,.13)
            }

            .timeline > li > .timeline-panel:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -7px;
                border-top: 7px solid transparent;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                border-left: 7px solid #fff
            }

        .timeline > li > .timeline-badge {
            z-index: 100;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: #fff;
            overflow: hidden;
            background-color: #4c5667
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -8px;
                border-right-width: 8px;
                border-left-width: 0
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -7px;
                border-right-width: 7px;
                border-left-width: 0
            }

.timeline-badge.primary {
    background-color: #ab8ce4 !important
}

.timeline-badge.success {
    background-color: #00c292 !important
}

.timeline-badge.warning {
    background-color: #fec107 !important
}

.timeline-badge.danger {
    background-color: #fb9678 !important
}

.timeline-badge.info {
    background-color: #03a9f3 !important
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0
}

    .timeline-body > p + p {
        margin-top: 5px
    }

.chart {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

    .chart.chart-widget-pie {
        margin-top: 5px;
        margin-bottom: 5px
    }

.pie-chart > span {
    left: 0;
    margin-top: -2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.chart > span > img {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 60%;
    height: 60%;
    transform: translateY(-50%);
    margin: 0 auto
}

.percent {
    display: inline-block;
    line-height: 100px;
    z-index: 2;
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b
}

    .percent:after {
        content: '%';
        margin-left: .1em;
        font-size: .8em
    }

.table {
    margin-bottom: 10px
}

    .table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd), .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
        background-color: #f7fafc !important
    }

    .table-bordered, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: 1px solid #e4e7ea
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px 8px
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e4e7ea
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #e4e7ea
}

#tableresults > tbody > tr {
}

    #tableresults > tbody > tr > td {
        border: 1px solid #797979 !important
    }

tbody {
    color: #797979
}

th {
    color: #666;
    font-weight: 500
}

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

table.focus-on tbody tr.focused td, table.focus-on tbody tr.focused th {
    background-color: #ff6849;
    color: #fff
}

.table-rep-plugin .table-responsive {
    border: none !important
}

.table-rep-plugin tbody th {
    font-size: 14px;
    font-weight: 400
}

.jsgrid .jsgrid-table {
    margin-bottom: 0
}

.jsgrid-selected-row > td {
    background: #f7fafc;
    border-color: #f7fafc
}

.jsgrid-header-row > th {
    background: #fff
}

.footable-odd {
    background-color: #f7fafc
}

.form-control-line {
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 0 none;
    box-shadow: none;
    padding-left: 0
}

.has-success .form-control {
    border-color: #00c292;
    box-shadow: none !important
}

.has-warning .form-control {
    border-color: #fec107;
    box-shadow: none !important
}

.has-error .form-control {
    border-color: #fb9678;
    box-shadow: none !important
}

.input-group-addon {
    border-radius: 2px;
    border: 1px solid rgba(120,130,140,.13)
}

.input-daterange input:first-child, .input-daterange input:last-child {
    border-radius: 0
}

.form-material .form-group {
    overflow: hidden
}

    .form-material .form-group label {
        width: 80px;
        display: contents
    }

    .form-material .form-group input, .form-material .form-group select {
        /* display:inline-grid; */
    }

.form-material .form-control {
    background-color: rgba(0,0,0,0);
    background-position: center bottom,center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px,100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s
}

    .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
        background-image: linear-gradient(#0098f7,#67c4fd),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
        border: 0;
        border-radius: 0;
        box-shadow: none;
        float: none;
        padding: 10px 12px
    }

        .form-material .form-control.focus, .form-material .form-control:focus {
            background-size: 100% 2px,100% 1px;
            outline: 0;
            transition-duration: .3s
        }

.form-bordered .form-group {
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding-bottom: 20px
}

.select2-container .select2-choice {
    background-image: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    line-height: 22px !important;
    background-color: transparent !important;
    box-shadow: none !important
}

    .select2-container .select2-choice .select2-arrow {
        background-image: none !important;
        background: 0 0;
        border: none;
        width: 14px;
        top: -2px
    }

.select2-container .select2-container-multi.form-control {
    height: auto
}

.select2-results .select2-highlighted {
    color: #fff;
    background-color: #03a9f3
}

.select2-drop-active {
    border: 1px solid #e3e3e3 !important;
    padding-top: 5px
}

.select2-search input {
    border: 1px solid rgba(120,130,140,.13)
}

.select2-container-multi {
    width: 100%
}

    .select2-container-multi .select2-choices {
        border: 1px solid #border !important;
        box-shadow: none !important;
        background-image: none !important;
        border-radius: 0 !important;
        min-height: 38px
    }

        .select2-container-multi .select2-choices .select2-search-choice {
            padding: 4px 7px 4px 18px;
            margin: 5px 0 3px 5px;
            color: #555;
            background: #f5f5f5;
            border-color: rgba(120,130,140,.13);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .select2-container-multi .select2-choices .select2-search-field input {
            padding: 7px 7px 7px 10px;
            font-family: inherit
        }

.icon-list-demo div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    color: #686868
}

    .icon-list-demo div:hover {
        color: #2b2b2b
    }

    .icon-list-demo div p {
        margin: 10px 0;
        padding: 5px 0
    }

.icon-list-demo i {
    -webkit-transition: all .2s;
    -webkit-transition: font-size .2s;
    display: inline-block;
    font-size: 18px;
    margin: 0 15px 0 10px;
    text-align: left;
    vertical-align: middle;
    width: auto;
    transition: all .3s ease 0s
}

.icon-list-demo .col-md-4 {
    border-radius: 0
}

    .icon-list-demo .col-md-4:hover {
        background-color: #f7fafc
    }

        .icon-list-demo .col-md-4:hover i {
            font-size: 2em
        }

.gmaps, .gmaps-panaroma {
    height: 300px;
    background: #e4e7ea;
    border-radius: 3px
}

.gmaps-overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #ab8ce4;
    border-radius: 4px;
    padding: 10px 20px
}

.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute
}

    .gmaps-overlay_arrow.above {
        bottom: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 16px solid #ab8ce4
    }

    .gmaps-overlay_arrow.below {
        top: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #ab8ce4
    }

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
    line-height: 10px
}

.jvectormap-zoomout {
    top: 40px
}

.error-box {
    height: 100%;
    position: fixed;
    background: url(/plugins/images/error-bg.jpg) center center no-repeat #fff !important;
    width: 100%
}

    .error-box .footer {
        width: 100%;
        left: 0;
        right: 0
    }

.error-body {
    padding-top: 5%
}

    .error-body h1 {
        font-size: 210px;
        font-weight: 900;
        line-height: 210px
    }

.login-register {
    height: 100%;
    position: fixed
}

.login-box {
    background: #fff;
    width: 400px;
    margin: 10% auto 0;
    border: 1px solid gray;
    box-shadow: 1px 1px 25px rgba(0,0,0,.3)
}

    .login-box .footer {
        width: 100%;
        left: 0;
        right: 0
    }

    .login-box .social {
        display: block;
        margin-bottom: 30px
    }

#recoverform {
    display: none
}

.pricing-box {
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-left: 3px
}

.featured-plan {
    margin-top: 0
}

    .featured-plan .pricing-body {
        padding: 60px 0;
        background: #f7fafc;
        border: 1px solid #ddd
    }

    .featured-plan .price-table-content .price-row {
        border-top: 1px solid rgba(120,130,140,.13)
    }

.pricing-body {
    border-radius: 0;
    border-top: 1px solid rgba(120,130,140,.13);
    border-bottom: 5px solid rgba(120,130,140,.13);
    vertical-align: middle;
    padding: 30px 0;
    position: relative
}

    .pricing-body h2 {
        position: relative;
        font-size: 56px;
        margin: 20px 0 10px;
        font-weight: 700
    }

        .pricing-body h2 span {
            position: absolute;
            font-size: 15px;
            top: -10px;
            margin-left: -35px
        }

.price-table-content .price-row {
    padding: 20px 0;
    border-top: 1px solid rgba(120,130,140,.13)
}

.pricing-plan {
    padding: 0 15px
}

    .pricing-plan .no-padding {
        padding: 0
    }

.price-lable {
    position: absolute;
    top: -10px;
    padding: 5px 10px;
    margin: 0 auto;
    display: inline-block;
    width: 100px;
    left: 0;
    right: 0
}

.mails a {
    color: #2b2b2b
}

.mails td {
    vertical-align: middle !important;
    position: relative
}

    .mails td:last-of-type {
        width: 100px;
        padding-right: 20px
    }

.mails tr:hover .text-white {
    display: none
}

.mails .mail-select {
    padding: 12px 20px;
    min-width: 134px
}

.mails .checkbox {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
    display: inline-block;
    height: 17px
}

    .mails .checkbox label {
        min-height: 16px
    }

.mail-list .list-group-item {
    background-color: transparent;
    border: 0;
    border-left: 3px solid #fff;
    border-radius: 0
}

    .mail-list .list-group-item:hover {
        background: #f7fafc;
        border-left: 3px solid #f7fafc
    }

    .mail-list .list-group-item:focus {
        border-left: 3px solid #f7fafc
    }

    .mail-list .list-group-item.active:focus {
        background: #f7fafc;
        border-left: 3px solid #fb9678
    }

    .mail-list .list-group-item.active {
        border-left: 3px solid #fb9678;
        border-radius: 0;
        color: #2b2b2b !important
    }

.mail_listing {
    min-height: 500px
}

.inbox_listing .inbox-item:hover {
    background: #f7fafc
}

.inbox_listing .inbox-item {
    padding-left: 20px
}

.inbox-widget.inbox_listing .inbox-item .inbox-item-text {
    height: 19px;
    overflow: hidden
}

.message-center .unread .mail-contnet .mail-desc, .message-center .unread .mail-contnet h5 {
    font-weight: 600;
    color: #2b2b2b !important
}

.calendar {
    float: left;
    margin-bottom: 0
}

.fc-view {
    margin-top: 30px
}

.none-border .modal-footer {
    border-top: none
}

.fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px
}

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase
    }

.fc-day {
    background: #fff
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {
    z-index: 0
}

.fc-widget-header {
    border: 0 !important
}

.fc-widget-content {
    border-color: rgba(120,130,140,.13) !important
}

.fc th.fc-widget-header {
    background: #9675ce;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 0;
    text-transform: uppercase
}

.fc-button {
    background: #fff;
    border: 1px solid rgba(120,130,140,.13);
    color: #555;
    text-transform: capitalize
}

.fc-text-arrow {
    font-family: inherit;
    font-size: 16px
}

.fc-state-hover {
    background: #f5f5f5
}

.fc-unthemed .fc-today {
    border: 1px solid #fb9678;
    background: #fcf8e3 !important
}

.fc-cell-overlay, .fc-state-highlight {
    background: #f0f0f0
}

.fc-event {
    border-radius: 0;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 1px -1px 0;
    padding: 5px;
    text-align: center;
    background: #03a9f3
}

.calendar-event {
    cursor: move;
    margin: 10px 5px 0 0;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    min-width: 140px;
    text-align: center;
    background: #03a9f3
}

    .calendar-event a {
        float: right;
        opacity: .6;
        font-size: 10px;
        margin: 4px 0 0 10px;
        color: #fff
    }

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    padding-right: 5px
}

.weather h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 100
}

.weather i {
    color: #fff;
    font-size: 40px
}

.weather .w-title-sub {
    color: rgba(255,255,255,.6)
}

.navbar-top-links > li.right-side-toggle a:focus {
    background: #4f5467
}

.right-sidebar {
    position: fixed;
    right: -240px;
    width: 240px;
    display: none;
    z-index: 1000;
    background: #fff;
    top: 0;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0,0,0,.1);
    transition: all .3s ease
}

    .right-sidebar .rpanel-title {
        display: block;
        padding: 21px;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        background: #ff6849
    }

        .right-sidebar .rpanel-title span {
            float: right;
            cursor: pointer;
            font-size: 11px
        }

            .right-sidebar .rpanel-title span:hover {
                color: #2b2b2b
            }

    .right-sidebar .r-panel-body {
        padding: 20px
    }

        .right-sidebar .r-panel-body ul {
            margin: 0;
            padding: 0
        }

            .right-sidebar .r-panel-body ul li {
                list-style: none;
                padding: 5px 0
            }

.shw-rside {
    right: 0;
    width: 240px;
    display: block
}

.chatonline img {
    margin-right: 10px;
    float: left;
    width: 30px
}

.chatonline li a {
    padding: 15px 0;
    float: left;
    width: 100%
}

    .chatonline li a span {
        color: #686868
    }

        .chatonline li a span small {
            display: block;
            font-size: 10px
        }

ul#themecolors {
    display: block
}

    ul#themecolors li {
        display: inline-block
    }

        ul#themecolors li:first-child {
            display: block
        }

#themecolors li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px;
    color: transparent;
    position: relative
}

    #themecolors li a.working:before {
        content: "";
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        text-align: center
    }

.default-theme {
    background: #fb9678
}

.green-theme {
    background: #00c292
}

.yellow-theme {
    background: #a0aec4
}

.blue-theme {
    background: #03a9f3
}

.purple-theme {
    background: #9675ce
}

.megna-theme {
    background: #01c0c8
}

.default-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#fb9678 23%,#fb9678 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#fb9678 23%,#fb9678 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#fb9678 23%,#fb9678 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='#fb9678',GradientType=1)
}

.green-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#00c292 23%,#00c292 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#00c292 23%,#00c292 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#00c292 23%,#00c292 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='#00c292',GradientType=1)
}

.yellow-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#a0aec4 23%,#a0aec4 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#a0aec4 23%,#a0aec4 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#a0aec4 23%,#a0aec4 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='#a0aec4',GradientType=1)
}

.blue-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#03a9f3 23%,#03a9f3 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#03a9f3 23%,#03a9f3 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#03a9f3 23%,#03a9f3 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='@info',GradientType=1)
}

.purple-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#9675ce 23%,#9675ce 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#9675ce 23%,#9675ce 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#9675ce 23%,#9675ce 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='@purple',GradientType=1)
}

.megna-dark-theme {
    background: #4f5467;
    background: -moz-linear-gradient(left,#4f5467 0,#4f5467 23%,#01c0c8 23%,#01c0c8 99%);
    background: -webkit-linear-gradient(left,#4f5467 0,#4f5467 23%,#01c0c8 23%,#01c0c8 99%);
    background: linear-gradient(to right,#4f5467 0,#4f5467 23%,#01c0c8 23%,#01c0c8 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467',endColorstr='@megna',GradientType=1)
}

.visited li a {
    color: #686868
}

.visited li.active a {
    color: #ff6849
}

.stats-row {
    margin-bottom: 20px
}

.stat-item {
    display: inline-block;
    padding-right: 15px
}

    .stat-item + .stat-item {
        padding-left: 15px;
        border-left: 1px solid #eee
    }

.country-state {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px
}

    .country-state h2 {
        margin: 0
    }

    .country-state .progress {
        margin-top: 8px
    }

.two-part li {
    width: 48.8%
}

    .two-part li i {
        font-size: 50px
    }

    .two-part li span {
        font-size: 50px;
        font-weight: 100;
        font-family: Poppins,sans-serif
    }

.news-slide {
    position: relative
}

    .news-slide .overlaybg {
        height: 360px;
        overflow: hidden
    }

        .news-slide .overlaybg img {
            width: 100%;
            height: 100%
        }

    .news-slide .news-content {
        position: absolute;
        height: 360px;
        background: rgba(0,0,0,.5);
        z-index: 10;
        width: 100%;
        top: 0;
        padding: 30px
    }

        .news-slide .news-content h2 {
            height: 240px;
            overflow: hidden;
            color: #fff
        }

        .news-slide .news-content a {
            color: #fff;
            opacity: .6;
            text-transform: uppercase
        }

            .news-slide .news-content a:hover {
                opacity: 1
            }

.nav-pills-rounded li {
    display: inline-block;
    float: none
}

    .nav-pills-rounded li a {
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        color: #686868;
        padding: 10px 25px
    }

    .nav-pills-rounded li.active a, .nav-pills-rounded li.active a:focus, .nav-pills-rounded li.active a:hover {
        background: #ff6849;
        color: #fff
    }

.analytics-info .list-inline {
    margin-bottom: 0
}

    .analytics-info .list-inline li {
        vertical-align: middle
    }

        .analytics-info .list-inline li span {
            font-size: 24px
        }

        .analytics-info .list-inline li i {
            font-size: 20px
        }

.feeds {
    margin: 0;
    padding: 0
}

    .feeds li {
        list-style: none;
        padding: 10px;
        display: block
    }

        .feeds li:hover {
            background: #f7fafc
        }

        .feeds li > div {
            width: 40px;
            height: 40px;
            margin-right: 5px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            border-radius: 100%
        }

            .feeds li > div i {
                line-height: 40px
            }

        .feeds li span {
            float: right;
            width: auto;
            font-size: 12px
        }

.jq-icon-info {
    background-color: #01c0c8 !important;
    color: #fff !important
}

.jq-icon-success {
    background-color: #00c292 !important;
    color: #fff !important
}

.jq-icon-error {
    background-color: #fb9678 !important;
    color: #fff !important
}

.jq-icon-warning {
    background-color: #fec107 !important;
    color: #fff !important
}

.dropzone {
    border-style: dashed;
    border-width: 1px
}

.weather h1 sup {
    font-size: 20px;
    top: -1.2em
}

.fcbtn {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 8px 20px
}

    .fcbtn:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

.btn-1b:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0
}

.btn-1b:active, .btn-1b:hover {
    color: #fff
}

    .btn-1b:active:after, .btn-1b:hover:after {
        height: 100%
    }

.btn-1b.btn-info:after, .btn-1c.btn-info:after, .btn-1d.btn-info:after, .btn-1e.btn-info:after, .btn-1f.btn-info:after {
    background: #03a9f3
}

.btn-1b.btn-warning:after, .btn-1c.btn-warning:after, .btn-1d.btn-warning:after, .btn-1e.btn-warning:after, .btn-1f.btn-warning:after {
    background: #fec107
}

.btn-1b.btn-danger:after, .btn-1c.btn-danger:after, .btn-1d.btn-danger:after, .btn-1e.btn-danger:after, .btn-1f.btn-danger:after {
    background: #fb9678
}

.btn-1b.btn-primary:after, .btn-1c.btn-primary:after, .btn-1d.btn-primary:after, .btn-1e.btn-primary:after, .btn-1f.btn-primary:after {
    background: #9675ce
}

.btn-1b.btn-success:after, .btn-1c.btn-success:after, .btn-1d.btn-success:after, .btn-1e.btn-success:after, .btn-1f.btn-success:after {
    background: #00c292
}

.btn-1b.btn-inverse:after, .btn-1c.btn-inverse:after, .btn-1d.btn-inverse:after, .btn-1e.btn-inverse:after, .btn-1f.btn-inverse:after {
    background: #4c5667
}

.btn-1c:after {
    width: 0;
    height: 100%;
    top: 0;
    left: 0
}

.btn-1c:active, .btn-1c:hover {
    color: #000
}

    .btn-1c:active:after, .btn-1c:hover:after {
        width: 100%
    }

.btn-1d {
    overflow: hidden
}

    .btn-1d:after {
        width: 0;
        height: 103%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .btn-1d:hover:after {
        width: 100%;
        opacity: 1
    }

.btn-1e {
    overflow: hidden
}

    .btn-1e:after {
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg)
    }

    .btn-1e:hover:after {
        height: 260%;
        opacity: 1
    }

    .btn-1e:active:after {
        height: 400%;
        opacity: 1
    }

.btn-1f {
    overflow: hidden
}

    .btn-1f:after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .btn-1f:hover:after {
        height: 100%;
        opacity: 1
    }

    .btn-1f:active:after {
        height: 130%;
        opacity: 1
    }

.sweet-alert {
    padding: 25px
}

    .sweet-alert h2 {
        margin-top: 0
    }

    .sweet-alert p {
        line-height: 30px
    }

ul.list-icons {
    margin: 0;
    padding: 0
}

    ul.list-icons li {
        list-style: none;
        line-height: 40px
    }

        ul.list-icons li i {
            font-size: 12px;
            margin-right: 5px
        }

.demo-popover .popover, .demo-tooltip .tooltip {
    position: relative;
    margin-right: 25px;
    opacity: 1;
    display: inline-block
}

.tooltip-inner {
    border-radius: 3px;
    padding: 5px 10px
}

.tooltip.in {
    opacity: 1
}

.tooltip-primary + .tooltip .tooltip-inner, .tooltip-primary.tooltip .tooltip-inner {
    color: #fff;
    background-color: #ab8ce4
}

.tooltip-primary + .tooltip.top .tooltip-arrow, .tooltip-primary.tooltip.top .tooltip-arrow {
    border-top-color: #ab8ce4
}

.tooltip-primary + .tooltip.right .tooltip-arrow, .tooltip-primary.tooltip.right .tooltip-arrow {
    border-right-color: #ab8ce4
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow, .tooltip-primary.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ab8ce4
}

.tooltip-primary + .tooltip.left .tooltip-arrow, .tooltip-primary.tooltip.left .tooltip-arrow {
    border-left-color: #ab8ce4
}

.tooltip-success + .tooltip .tooltip-inner, .tooltip-success.tooltip .tooltip-inner {
    color: #fff;
    background-color: #00c292
}

.tooltip-success + .tooltip.top .tooltip-arrow, .tooltip-success.tooltip.top .tooltip-arrow {
    border-top-color: #00c292
}

.tooltip-success + .tooltip.right .tooltip-arrow, .tooltip-success.tooltip.right .tooltip-arrow {
    border-right-color: #00c292
}

.tooltip-success + .tooltip.bottom .tooltip-arrow, .tooltip-success.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #00c292
}

.tooltip-success + .tooltip.left .tooltip-arrow, .tooltip-success.tooltip.left .tooltip-arrow {
    border-left-color: #00c292
}

.tooltip-warning + .tooltip .tooltip-inner, .tooltip-warning.tooltip .tooltip-inner {
    color: #fff;
    background-color: #fec107
}

.tooltip-warning + .tooltip.top .tooltip-arrow, .tooltip-warning.tooltip.top .tooltip-arrow {
    border-top-color: #fec107
}

.tooltip-warning + .tooltip.right .tooltip-arrow, .tooltip-warning.tooltip.right .tooltip-arrow {
    border-right-color: #fec107
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow, .tooltip-warning.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fec107
}

.tooltip-warning + .tooltip.left .tooltip-arrow, .tooltip-warning.tooltip.left .tooltip-arrow {
    border-left-color: #fec107
}

.tooltip-info + .tooltip .tooltip-inner, .tooltip-info.tooltip .tooltip-inner {
    color: #fff;
    background-color: #03a9f3
}

.tooltip-info + .tooltip.top .tooltip-arrow, .tooltip-info.tooltip.top .tooltip-arrow {
    border-top-color: #03a9f3
}

.tooltip-info + .tooltip.right .tooltip-arrow, .tooltip-info.tooltip.right .tooltip-arrow {
    border-right-color: #03a9f3
}

.tooltip-info + tooltip.bottom .tooltip-arrow, .tooltip-info.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #03a9f3
}

.tooltip-info + .tooltip.left .tooltip-arrow, .tooltip-info.tooltip.left .tooltip-arrow {
    border-left-color: #03a9f3
}

.tooltip-danger + .tooltip .tooltip-inner, .tooltip-danger.tooltip .tooltip-inner {
    color: #fff;
    background-color: #fb9678
}

.tooltip-danger + .tooltip.top .tooltip-arrow, .tooltip-danger.tooltip.top .tooltip-arrow {
    border-top-color: #fb9678
}

.tooltip-danger + .tooltip.right .tooltip-arrow, .tooltip-danger.tooltip.right .tooltip-arrow {
    border-right-color: #fb9678
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow, .tooltip-danger.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fb9678
}

.tooltip-danger + .tooltip.left .tooltip-arrow, .tooltip-danger.tooltip.left .tooltip-arrow {
    border-left-color: #fb9678
}

.flotTip {
    padding: 8px 12px;
    background-color: #2b2b2b;
    z-index: 100;
    color: #fff;
    opacity: .9;
    font-size: 13px
}

.popover {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

    .popover .popover-title {
        border-radius: 0
    }

.popover-primary + .popover .popover-title {
    color: #fff;
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.popover-primary + .popover.bottom .arrow, .popover-primary + .popover.bottom .arrow:after {
    border-bottom-color: #ab8ce4
}

.popover-success + .popover .popover-title {
    color: #fff;
    background-color: #00c292;
    border-color: #00c292
}

.popover-success + .popover.bottom .arrow, .popover-success + .popover.bottom .arrow:after {
    border-bottom-color: #00c292
}

.popover-info + .popover .popover-title {
    color: #fff;
    background-color: #03a9f3;
    border-color: #03a9f3
}

.popover-info + .popover.bottom .arrow, .popover-info + .popover.bottom .arrow:after {
    border-bottom-color: #03a9f3
}

.popover-warning + .popover .popover-title {
    color: #fff;
    background-color: #fec107;
    border-color: #fec107
}

.popover-warning + .popover.bottom .arrow, .popover-warning + .popover.bottom .arrow:after {
    border-bottom-color: #fec107
}

.popover-danger + .popover .popover-title {
    color: #fff;
    background-color: #fb9678;
    border-color: #fb9678
}

.popover-danger + .popover.bottom .arrow, .popover-danger + .popover.bottom .arrow:after {
    border-bottom-color: #fb9678
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 23px;
        height: 100%;
        width: 100%;
        direction: ltr;
        cursor: pointer;
        border-radius: 0
    }

.fileinput {
    margin-bottom: 9px;
    display: inline-block
}

    .fileinput .form-control {
        padding-top: 7px;
        padding-bottom: 5px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        cursor: text
    }

    .fileinput .thumbnail {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        text-align: center
    }

        .fileinput .thumbnail > img {
            max-height: 100%
        }

    .fileinput .btn {
        vertical-align: middle
    }

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none
}

.fileinput-inline .fileinput-controls {
    display: inline
}

.fileinput-filename {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden
}

.form-control .fileinput-filename {
    vertical-align: bottom
}

.fileinput.input-group {
    display: table
}

    .fileinput.input-group > * {
        position: relative;
        z-index: 2
    }

    .fileinput.input-group > .btn-file {
        z-index: 1
    }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.ms-container .ms-list {
    border-radius: 0;
    box-shadow: none
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 6px 10px
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background: #03a9f3
}

.dropzone .dz-message {
    text-align: center;
    margin: 10% 0
}

.editable-input .form-control {
    height: 30px
}

.asColorPicker-trigger {
    position: absolute;
    top: 0;
    right: -35px;
    height: 38px;
    width: 37px;
    border: 0
}

.asColorPicker-dropdown {
    max-width: 260px
}

.asColorPicker-clear {
    top: 7px;
    right: 16px
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #ff6849;
    color: #fff
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: #03a9f3;
    color: #fff
}

.editable-table + input.error {
    border: 1px solid #danger;
    outline: 0;
    outline-offset: 0
}

#editable-datatable_wrapper + input:focus, .editable-table + input, .editable-table + input:focus {
    border: 1px solid #03a9f3 !important;
    outline: 0 !important;
    outline-offset: 0 !important
}

.editable-table td:focus {
    outline: 0
}

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

    .wizard-steps > li {
        display: table-cell;
        padding: 10px 20px;
        background: #f7fafc
    }

        .wizard-steps > li span {
            border-radius: 100%;
            border: 1px solid rgba(120,130,140,.13);
            width: 40px;
            height: 40px;
            display: inline-block;
            vertical-align: middle;
            padding-top: 9px;
            margin-right: 8px;
            text-align: center
        }

.wizard-content {
    padding: 25px;
    border-color: rgba(120,130,140,.13);
    margin-bottom: 30px
}

.wizard-steps > li.current, .wizard-steps > li.done {
    background: #03a9f3;
    color: #fff
}

    .wizard-steps > li.current span, .wizard-steps > li.done span {
        border-color: #fff;
        color: #fff
    }

    .wizard-steps > li.current h4, .wizard-steps > li.done h4 {
        color: #fff
    }

.wizard-steps > li.done {
    background: #00c292
}

.wizard-steps > li.error {
    background: #fb9678
}

.wiz-aco .pager {
    margin: 0
}

.sidebar {
    overflow-y: auto
}

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

    .sidebar .fa-fw {
        width: 20px;
        text-align: left !important;
        display: inline-block;
        font-size: 16px;
        vertical-align: middle
    }

    .sidebar .label {
        font-size: 8px;
        border-radius: 3px;
        padding: 5px 8px;
        min-width: 30px
    }

    .sidebar #side-menu .user-pro a {
        padding-left: 20px
    }

    .sidebar #side-menu .user-pro .nav-second-level a:hover {
        color: #ff6849
    }

    .sidebar #side-menu .user-pro .arrow {
        top: 23px;
        right: 20px
    }

    .sidebar #side-menu .user-pro > a {
        padding: 17px 7px 16px 15px !important
    }

    .sidebar #side-menu .user-pro .img-circle {
        width: 30px;
        margin-right: 10px
    }

    .sidebar #side-menu .user-pro .nav-second-level li i {
        margin-right: 5px
    }

    .sidebar .sidebar-search {
        padding: 15px
    }

#side-menu li.active > a {
    background: #00394e
}

#side-menu li a {
    color: #54667a;
    border-left: 3px solid #4f5467
}

#side-menu > li > a {
    padding: 5px 30px 5px 15px
}

    #side-menu > li > a:focus, #side-menu > li > a:hover {
        background: #00394e
    }

    #side-menu > li > a.active {
        border-left: 3px solid #ff6849;
        color: #fff;
        background: #00394e
    }

#side-menu ul > li > a:hover {
    color: #ff6849;
    background: 0 0
}

#side-menu ul > li > a.active {
    color: #ff6849
}

.sidebar .arrow {
    position: absolute;
    right: 15px;
    top: 10px
}

.sidebar .nav-second-level .arrow {
    top: 12px
}

.sidebar .fa.arrow:before {
    content: ""
}

.sidebar .active > a > span > .fa.arrow:before {
    content: ""
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    border-bottom: none !important
}

    .sidebar .nav-second-level li a {
        padding: 3px 15px;
        padding-left: 38px
    }

    .sidebar .nav-third-level li a {
        padding-left: 52px
    }

.content-wrapper .nicescroll-rails {
    display: none !important
}

.fix-sidebar .top-left-part {
    background: #ff6849
}

@font-face {
    font-family: FontAwesome;
    src: url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(/assets/less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

@font-face {
    font-family: themify;
    src: url(/assets/less/icons/themify-icons/fonts/themify.eot?);
    src: url(/assets/less/icons/themify-icons/fonts/themify.eot?#iefix) format('embedded-opentype'),url(/assets/less/icons/themify-icons/fonts/themify.woff) format('woff'),url(/assets/less/icons/themify-icons/fonts/themify.ttf?) format('truetype'),url(/assets/less/icons/themify-icons/fonts/themify.svg?#themify) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"], [class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: ""
}

.ti-volume:before {
    content: ""
}

.ti-user:before {
    content: ""
}

.ti-unlock:before {
    content: ""
}

.ti-unlink:before {
    content: ""
}

.ti-trash:before {
    content: ""
}

.ti-thought:before {
    content: ""
}

.ti-target:before {
    content: ""
}

.ti-tag:before {
    content: ""
}

.ti-tablet:before {
    content: ""
}

.ti-star:before {
    content: ""
}

.ti-spray:before {
    content: ""
}

.ti-signal:before {
    content: ""
}

.ti-shopping-cart:before {
    content: ""
}

.ti-shopping-cart-full:before {
    content: ""
}

.ti-settings:before {
    content: ""
}

.ti-search:before {
    content: ""
}

.ti-zoom-in:before {
    content: ""
}

.ti-zoom-out:before {
    content: ""
}

.ti-cut:before {
    content: ""
}

.ti-ruler:before {
    content: ""
}

.ti-ruler-pencil:before {
    content: ""
}

.ti-ruler-alt:before {
    content: ""
}

.ti-bookmark:before {
    content: ""
}

.ti-bookmark-alt:before {
    content: ""
}

.ti-reload:before {
    content: ""
}

.ti-plus:before {
    content: ""
}

.ti-pin:before {
    content: ""
}

.ti-pencil:before {
    content: ""
}

.ti-pencil-alt:before {
    content: ""
}

.ti-paint-roller:before {
    content: ""
}

.ti-paint-bucket:before {
    content: ""
}

.ti-na:before {
    content: ""
}

.ti-mobile:before {
    content: ""
}

.ti-minus:before {
    content: ""
}

.ti-medall:before {
    content: ""
}

.ti-medall-alt:before {
    content: ""
}

.ti-marker:before {
    content: ""
}

.ti-marker-alt:before {
    content: ""
}

.ti-arrow-up:before {
    content: ""
}

.ti-arrow-right:before {
    content: ""
}

.ti-arrow-left:before {
    content: ""
}

.ti-arrow-down:before {
    content: ""
}

.ti-lock:before {
    content: ""
}

.ti-location-arrow:before {
    content: ""
}

.ti-link:before {
    content: ""
}

.ti-layout:before {
    content: ""
}

.ti-layers:before {
    content: ""
}

.ti-layers-alt:before {
    content: ""
}

.ti-key:before {
    content: ""
}

.ti-import:before {
    content: ""
}

.ti-image:before {
    content: ""
}

.ti-heart:before {
    content: ""
}

.ti-heart-broken:before {
    content: ""
}

.ti-hand-stop:before {
    content: ""
}

.ti-hand-open:before {
    content: ""
}

.ti-hand-drag:before {
    content: ""
}

.ti-folder:before {
    content: ""
}

.ti-flag:before {
    content: ""
}

.ti-flag-alt:before {
    content: ""
}

.ti-flag-alt-2:before {
    content: ""
}

.ti-eye:before {
    content: ""
}

.ti-export:before {
    content: ""
}

.ti-exchange-vertical:before {
    content: ""
}

.ti-desktop:before {
    content: ""
}

.ti-cup:before {
    content: ""
}

.ti-crown:before {
    content: ""
}

.ti-comments:before {
    content: ""
}

.ti-comment:before {
    content: ""
}

.ti-comment-alt:before {
    content: ""
}

.ti-close:before {
    content: ""
}

.ti-clip:before {
    content: ""
}

.ti-angle-up:before {
    content: ""
}

.ti-angle-right:before {
    content: ""
}

.ti-angle-left:before {
    content: ""
}

.ti-angle-down:before {
    content: ""
}

.ti-check:before {
    content: ""
}

.ti-check-box:before {
    content: ""
}

.ti-camera:before {
    content: ""
}

.ti-announcement:before {
    content: ""
}

.ti-brush:before {
    content: ""
}

.ti-briefcase:before {
    content: ""
}

.ti-bolt:before {
    content: ""
}

.ti-bolt-alt:before {
    content: ""
}

.ti-blackboard:before {
    content: ""
}

.ti-bag:before {
    content: ""
}

.ti-move:before {
    content: ""
}

.ti-arrows-vertical:before {
    content: ""
}

.ti-arrows-horizontal:before {
    content: ""
}

.ti-fullscreen:before {
    content: ""
}

.ti-arrow-top-right:before {
    content: ""
}

.ti-arrow-top-left:before {
    content: ""
}

.ti-arrow-circle-up:before {
    content: ""
}

.ti-arrow-circle-right:before {
    content: ""
}

.ti-arrow-circle-left:before {
    content: ""
}

.ti-arrow-circle-down:before {
    content: ""
}

.ti-angle-double-up:before {
    content: ""
}

.ti-angle-double-right:before {
    content: ""
}

.ti-angle-double-left:before {
    content: ""
}

.ti-angle-double-down:before {
    content: ""
}

.ti-zip:before {
    content: ""
}

.ti-world:before {
    content: ""
}

.ti-wheelchair:before {
    content: ""
}

.ti-view-list:before {
    content: ""
}

.ti-view-list-alt:before {
    content: ""
}

.ti-view-grid:before {
    content: ""
}

.ti-uppercase:before {
    content: ""
}

.ti-upload:before {
    content: ""
}

.ti-underline:before {
    content: ""
}

.ti-truck:before {
    content: ""
}

.ti-timer:before {
    content: ""
}

.ti-ticket:before {
    content: ""
}

.ti-thumb-up:before {
    content: ""
}

.ti-thumb-down:before {
    content: ""
}

.ti-text:before {
    content: ""
}

.ti-stats-up:before {
    content: ""
}

.ti-stats-down:before {
    content: ""
}

.ti-split-v:before {
    content: ""
}

.ti-split-h:before {
    content: ""
}

.ti-smallcap:before {
    content: ""
}

.ti-shine:before {
    content: ""
}

.ti-shift-right:before {
    content: ""
}

.ti-shift-left:before {
    content: ""
}

.ti-shield:before {
    content: ""
}

.ti-notepad:before {
    content: ""
}

.ti-server:before {
    content: ""
}

.ti-quote-right:before {
    content: ""
}

.ti-quote-left:before {
    content: ""
}

.ti-pulse:before {
    content: ""
}

.ti-printer:before {
    content: ""
}

.ti-power-off:before {
    content: ""
}

.ti-plug:before {
    content: ""
}

.ti-pie-chart:before {
    content: ""
}

.ti-paragraph:before {
    content: ""
}

.ti-panel:before {
    content: ""
}

.ti-package:before {
    content: ""
}

.ti-music:before {
    content: ""
}

.ti-music-alt:before {
    content: ""
}

.ti-mouse:before {
    content: ""
}

.ti-mouse-alt:before {
    content: ""
}

.ti-money:before {
    content: ""
}

.ti-microphone:before {
    content: ""
}

.ti-menu:before {
    content: ""
}

.ti-menu-alt:before {
    content: ""
}

.ti-map:before {
    content: ""
}

.ti-map-alt:before {
    content: ""
}

.ti-loop:before {
    content: ""
}

.ti-location-pin:before {
    content: ""
}

.ti-list:before {
    content: ""
}

.ti-light-bulb:before {
    content: ""
}

.ti-Italic:before {
    content: ""
}

.ti-info:before {
    content: ""
}

.ti-infinite:before {
    content: ""
}

.ti-id-badge:before {
    content: ""
}

.ti-hummer:before {
    content: ""
}

.ti-home:before {
    content: ""
}

.ti-help:before {
    content: ""
}

.ti-headphone:before {
    content: ""
}

.ti-harddrives:before {
    content: ""
}

.ti-harddrive:before {
    content: ""
}

.ti-gift:before {
    content: ""
}

.ti-game:before {
    content: ""
}

.ti-filter:before {
    content: ""
}

.ti-files:before {
    content: ""
}

.ti-file:before {
    content: ""
}

.ti-eraser:before {
    content: ""
}

.ti-envelope:before {
    content: ""
}

.ti-download:before {
    content: ""
}

.ti-direction:before {
    content: ""
}

.ti-direction-alt:before {
    content: ""
}

.ti-dashboard:before {
    content: ""
}

.ti-control-stop:before {
    content: ""
}

.ti-control-shuffle:before {
    content: ""
}

.ti-control-play:before {
    content: ""
}

.ti-control-pause:before {
    content: ""
}

.ti-control-forward:before {
    content: ""
}

.ti-control-backward:before {
    content: ""
}

.ti-cloud:before {
    content: ""
}

.ti-cloud-up:before {
    content: ""
}

.ti-cloud-down:before {
    content: ""
}

.ti-clipboard:before {
    content: ""
}

.ti-car:before {
    content: ""
}

.ti-calendar:before {
    content: ""
}

.ti-book:before {
    content: ""
}

.ti-bell:before {
    content: ""
}

.ti-basketball:before {
    content: ""
}

.ti-bar-chart:before {
    content: ""
}

.ti-bar-chart-alt:before {
    content: ""
}

.ti-back-right:before {
    content: ""
}

.ti-back-left:before {
    content: ""
}

.ti-arrows-corner:before {
    content: ""
}

.ti-archive:before {
    content: ""
}

.ti-anchor:before {
    content: ""
}

.ti-align-right:before {
    content: ""
}

.ti-align-left:before {
    content: ""
}

.ti-align-justify:before {
    content: ""
}

.ti-align-center:before {
    content: ""
}

.ti-alert:before {
    content: ""
}

.ti-alarm-clock:before {
    content: ""
}

.ti-agenda:before {
    content: ""
}

.ti-write:before {
    content: ""
}

.ti-window:before {
    content: ""
}

.ti-widgetized:before {
    content: ""
}

.ti-widget:before {
    content: ""
}

.ti-widget-alt:before {
    content: ""
}

.ti-wallet:before {
    content: ""
}

.ti-video-clapper:before {
    content: ""
}

.ti-video-camera:before {
    content: ""
}

.ti-vector:before {
    content: ""
}

.ti-themify-logo:before {
    content: ""
}

.ti-themify-favicon:before {
    content: ""
}

.ti-themify-favicon-alt:before {
    content: ""
}

.ti-support:before {
    content: ""
}

.ti-stamp:before {
    content: ""
}

.ti-split-v-alt:before {
    content: ""
}

.ti-slice:before {
    content: ""
}

.ti-shortcode:before {
    content: ""
}

.ti-shift-right-alt:before {
    content: ""
}

.ti-shift-left-alt:before {
    content: ""
}

.ti-ruler-alt-2:before {
    content: ""
}

.ti-receipt:before {
    content: ""
}

.ti-pin2:before {
    content: ""
}

.ti-pin-alt:before {
    content: ""
}

.ti-pencil-alt2:before {
    content: ""
}

.ti-palette:before {
    content: ""
}

.ti-more:before {
    content: ""
}

.ti-more-alt:before {
    content: ""
}

.ti-microphone-alt:before {
    content: ""
}

.ti-magnet:before {
    content: ""
}

.ti-line-double:before {
    content: ""
}

.ti-line-dotted:before {
    content: ""
}

.ti-line-dashed:before {
    content: ""
}

.ti-layout-width-full:before {
    content: ""
}

.ti-layout-width-default:before {
    content: ""
}

.ti-layout-width-default-alt:before {
    content: ""
}

.ti-layout-tab:before {
    content: ""
}

.ti-layout-tab-window:before {
    content: ""
}

.ti-layout-tab-v:before {
    content: ""
}

.ti-layout-tab-min:before {
    content: ""
}

.ti-layout-slider:before {
    content: ""
}

.ti-layout-slider-alt:before {
    content: ""
}

.ti-layout-sidebar-right:before {
    content: ""
}

.ti-layout-sidebar-none:before {
    content: ""
}

.ti-layout-sidebar-left:before {
    content: ""
}

.ti-layout-placeholder:before {
    content: ""
}

.ti-layout-menu:before {
    content: ""
}

.ti-layout-menu-v:before {
    content: ""
}

.ti-layout-menu-separated:before {
    content: ""
}

.ti-layout-menu-full:before {
    content: ""
}

.ti-layout-media-right-alt:before {
    content: ""
}

.ti-layout-media-right:before {
    content: ""
}

.ti-layout-media-overlay:before {
    content: ""
}

.ti-layout-media-overlay-alt:before {
    content: ""
}

.ti-layout-media-overlay-alt-2:before {
    content: ""
}

.ti-layout-media-left-alt:before {
    content: ""
}

.ti-layout-media-left:before {
    content: ""
}

.ti-layout-media-center-alt:before {
    content: ""
}

.ti-layout-media-center:before {
    content: ""
}

.ti-layout-list-thumb:before {
    content: ""
}

.ti-layout-list-thumb-alt:before {
    content: ""
}

.ti-layout-list-post:before {
    content: ""
}

.ti-layout-list-large-image:before {
    content: ""
}

.ti-layout-line-solid:before {
    content: ""
}

.ti-layout-grid4:before {
    content: ""
}

.ti-layout-grid3:before {
    content: ""
}

.ti-layout-grid2:before {
    content: ""
}

.ti-layout-grid2-thumb:before {
    content: ""
}

.ti-layout-cta-right:before {
    content: ""
}

.ti-layout-cta-left:before {
    content: ""
}

.ti-layout-cta-center:before {
    content: ""
}

.ti-layout-cta-btn-right:before {
    content: ""
}

.ti-layout-cta-btn-left:before {
    content: ""
}

.ti-layout-column4:before {
    content: ""
}

.ti-layout-column3:before {
    content: ""
}

.ti-layout-column2:before {
    content: ""
}

.ti-layout-accordion-separated:before {
    content: ""
}

.ti-layout-accordion-merged:before {
    content: ""
}

.ti-layout-accordion-list:before {
    content: ""
}

.ti-ink-pen:before {
    content: ""
}

.ti-info-alt:before {
    content: ""
}

.ti-help-alt:before {
    content: ""
}

.ti-headphone-alt:before {
    content: ""
}

.ti-hand-point-up:before {
    content: ""
}

.ti-hand-point-right:before {
    content: ""
}

.ti-hand-point-left:before {
    content: ""
}

.ti-hand-point-down:before {
    content: ""
}

.ti-gallery:before {
    content: ""
}

.ti-face-smile:before {
    content: ""
}

.ti-face-sad:before {
    content: ""
}

.ti-credit-card:before {
    content: ""
}

.ti-control-skip-forward:before {
    content: ""
}

.ti-control-skip-backward:before {
    content: ""
}

.ti-control-record:before {
    content: ""
}

.ti-control-eject:before {
    content: ""
}

.ti-comments-smiley:before {
    content: ""
}

.ti-brush-alt:before {
    content: ""
}

.ti-youtube:before {
    content: ""
}

.ti-vimeo:before {
    content: ""
}

.ti-twitter:before {
    content: ""
}

.ti-time:before {
    content: ""
}

.ti-tumblr:before {
    content: ""
}

.ti-skype:before {
    content: ""
}

.ti-share:before {
    content: ""
}

.ti-share-alt:before {
    content: ""
}

.ti-rocket:before {
    content: ""
}

.ti-pinterest:before {
    content: ""
}

.ti-new-window:before {
    content: ""
}

.ti-microsoft:before {
    content: ""
}

.ti-list-ol:before {
    content: ""
}

.ti-linkedin:before {
    content: ""
}

.ti-layout-sidebar-2:before {
    content: ""
}

.ti-layout-grid4-alt:before {
    content: ""
}

.ti-layout-grid3-alt:before {
    content: ""
}

.ti-layout-grid2-alt:before {
    content: ""
}

.ti-layout-column4-alt:before {
    content: ""
}

.ti-layout-column3-alt:before {
    content: ""
}

.ti-layout-column2-alt:before {
    content: ""
}

.ti-instagram:before {
    content: ""
}

.ti-google:before {
    content: ""
}

.ti-github:before {
    content: ""
}

.ti-flickr:before {
    content: ""
}

.ti-facebook:before {
    content: ""
}

.ti-dropbox:before {
    content: ""
}

.ti-dribbble:before {
    content: ""
}

.ti-apple:before {
    content: ""
}

.ti-android:before {
    content: ""
}

.ti-save:before {
    content: ""
}

.ti-save-alt:before {
    content: ""
}

.ti-yahoo:before {
    content: ""
}

.ti-wordpress:before {
    content: ""
}

.ti-vimeo-alt:before {
    content: ""
}

.ti-twitter-alt:before {
    content: ""
}

.ti-tumblr-alt:before {
    content: ""
}

.ti-trello:before {
    content: ""
}

.ti-stack-overflow:before {
    content: ""
}

.ti-soundcloud:before {
    content: ""
}

.ti-sharethis:before {
    content: ""
}

.ti-sharethis-alt:before {
    content: ""
}

.ti-reddit:before {
    content: ""
}

.ti-pinterest-alt:before {
    content: ""
}

.ti-microsoft-alt:before {
    content: ""
}

.ti-linux:before {
    content: ""
}

.ti-jsfiddle:before {
    content: ""
}

.ti-joomla:before {
    content: ""
}

.ti-html5:before {
    content: ""
}

.ti-flickr-alt:before {
    content: ""
}

.ti-email:before {
    content: ""
}

.ti-drupal:before {
    content: ""
}

.ti-dropbox-alt:before {
    content: ""
}

.ti-css3:before {
    content: ""
}

.ti-rss:before {
    content: ""
}

.ti-rss-alt:before {
    content: ""
}

@font-face {
    font-family: simple-line-icons;
    src: url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?-i3a2kk);
    src: url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?#iefix-i3a2kk) format('embedded-opentype'),url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.ttf?-i3a2kk) format('truetype'),url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff2?-i3a2kk) format('woff2'),url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff?-i3a2kk) format('woff'),url(/assets/less/icons/simple-line-icons/fonts/Simple-Line-Icons.svg?-i3a2kk#simple-line-icons) format('svg');
    font-weight: 400;
    font-style: normal
}

.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calender, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawar, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-gplus, .icon-social-instagram, .icon-social-linkedin, .icon-social-pintarest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symble-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon-user:before {
        content: ""
    }

    .icon-people:before {
        content: ""
    }

    .icon-user-female:before {
        content: ""
    }

    .icon-user-follow:before {
        content: ""
    }

    .icon-user-following:before {
        content: ""
    }

    .icon-user-unfollow:before {
        content: ""
    }

    .icon-login:before {
        content: ""
    }

    .icon-logout:before {
        content: ""
    }

    .icon-emotsmile:before {
        content: ""
    }

    .icon-phone:before {
        content: ""
    }

    .icon-call-end:before {
        content: ""
    }

    .icon-call-in:before {
        content: ""
    }

    .icon-call-out:before {
        content: ""
    }

    .icon-map:before {
        content: ""
    }

    .icon-location-pin:before {
        content: ""
    }

    .icon-direction:before {
        content: ""
    }

    .icon-directions:before {
        content: ""
    }

    .icon-compass:before {
        content: ""
    }

    .icon-layers:before {
        content: ""
    }

    .icon-menu:before {
        content: ""
    }

    .icon-list:before {
        content: ""
    }

    .icon-options-vertical:before {
        content: ""
    }

    .icon-options:before {
        content: ""
    }

    .icon-arrow-down:before {
        content: ""
    }

    .icon-arrow-left:before {
        content: ""
    }

    .icon-arrow-right:before {
        content: ""
    }

    .icon-arrow-up:before {
        content: ""
    }

    .icon-arrow-up-circle:before {
        content: ""
    }

    .icon-arrow-left-circle:before {
        content: ""
    }

    .icon-arrow-right-circle:before {
        content: ""
    }

    .icon-arrow-down-circle:before {
        content: ""
    }

    .icon-check:before {
        content: ""
    }

    .icon-clock:before {
        content: ""
    }

    .icon-plus:before {
        content: ""
    }

    .icon-close:before {
        content: ""
    }

    .icon-trophy:before {
        content: ""
    }

    .icon-screen-smartphone:before {
        content: ""
    }

    .icon-screen-desktop:before {
        content: ""
    }

    .icon-plane:before {
        content: ""
    }

    .icon-notebook:before {
        content: ""
    }

    .icon-mustache:before {
        content: ""
    }

    .icon-mouse:before {
        content: ""
    }

    .icon-magnet:before {
        content: ""
    }

    .icon-energy:before {
        content: ""
    }

    .icon-disc:before {
        content: ""
    }

    .icon-cursor:before {
        content: ""
    }

    .icon-cursor-move:before {
        content: ""
    }

    .icon-crop:before {
        content: ""
    }

    .icon-chemistry:before {
        content: ""
    }

    .icon-speedometer:before {
        content: ""
    }

    .icon-shield:before {
        content: ""
    }

    .icon-screen-tablet:before {
        content: ""
    }

    .icon-magic-wand:before {
        content: ""
    }

    .icon-hourglass:before {
        content: ""
    }

    .icon-graduation:before {
        content: ""
    }

    .icon-ghost:before {
        content: ""
    }

    .icon-game-controller:before {
        content: ""
    }

    .icon-fire:before {
        content: ""
    }

    .icon-eyeglass:before {
        content: ""
    }

    .icon-envelope-open:before {
        content: ""
    }

    .icon-envelope-letter:before {
        content: ""
    }

    .icon-bell:before {
        content: ""
    }

    .icon-badge:before {
        content: ""
    }

    .icon-anchor:before {
        content: ""
    }

    .icon-wallet:before {
        content: ""
    }

    .icon-vector:before {
        content: ""
    }

    .icon-speech:before {
        content: ""
    }

    .icon-puzzle:before {
        content: ""
    }

    .icon-printer:before {
        content: ""
    }

    .icon-present:before {
        content: ""
    }

    .icon-playlist:before {
        content: ""
    }

    .icon-pin:before {
        content: ""
    }

    .icon-picture:before {
        content: ""
    }

    .icon-handbag:before {
        content: ""
    }

    .icon-globe-alt:before {
        content: ""
    }

    .icon-globe:before {
        content: ""
    }

    .icon-folder-alt:before {
        content: ""
    }

    .icon-folder:before {
        content: ""
    }

    .icon-film:before {
        content: ""
    }

    .icon-feed:before {
        content: ""
    }

    .icon-drop:before {
        content: ""
    }

    .icon-drawar:before {
        content: ""
    }

    .icon-docs:before {
        content: ""
    }

    .icon-doc:before {
        content: ""
    }

    .icon-diamond:before {
        content: ""
    }

    .icon-cup:before {
        content: ""
    }

    .icon-calculator:before {
        content: ""
    }

    .icon-bubbles:before {
        content: ""
    }

    .icon-briefcase:before {
        content: ""
    }

    .icon-book-open:before {
        content: ""
    }

    .icon-basket-loaded:before {
        content: ""
    }

    .icon-basket:before {
        content: ""
    }

    .icon-bag:before {
        content: ""
    }

    .icon-action-undo:before {
        content: ""
    }

    .icon-action-redo:before {
        content: ""
    }

    .icon-wrench:before {
        content: ""
    }

    .icon-umbrella:before {
        content: ""
    }

    .icon-trash:before {
        content: ""
    }

    .icon-tag:before {
        content: ""
    }

    .icon-support:before {
        content: ""
    }

    .icon-frame:before {
        content: ""
    }

    .icon-size-fullscreen:before {
        content: ""
    }

    .icon-size-actual:before {
        content: ""
    }

    .icon-shuffle:before {
        content: ""
    }

    .icon-share-alt:before {
        content: ""
    }

    .icon-share:before {
        content: ""
    }

    .icon-rocket:before {
        content: ""
    }

    .icon-question:before {
        content: ""
    }

    .icon-pie-chart:before {
        content: ""
    }

    .icon-pencil:before {
        content: ""
    }

    .icon-note:before {
        content: ""
    }

    .icon-loop:before {
        content: ""
    }

    .icon-home:before {
        content: ""
    }

    .icon-grid:before {
        content: ""
    }

    .icon-graph:before {
        content: ""
    }

    .icon-microphone:before {
        content: ""
    }

    .icon-music-tone-alt:before {
        content: ""
    }

    .icon-music-tone:before {
        content: ""
    }

    .icon-earphones-alt:before {
        content: ""
    }

    .icon-earphones:before {
        content: ""
    }

    .icon-equalizer:before {
        content: ""
    }

    .icon-like:before {
        content: ""
    }

    .icon-dislike:before {
        content: ""
    }

    .icon-control-start:before {
        content: ""
    }

    .icon-control-rewind:before {
        content: ""
    }

    .icon-control-play:before {
        content: ""
    }

    .icon-control-pause:before {
        content: ""
    }

    .icon-control-forward:before {
        content: ""
    }

    .icon-control-end:before {
        content: ""
    }

    .icon-volume-1:before {
        content: ""
    }

    .icon-volume-2:before {
        content: ""
    }

    .icon-volume-off:before {
        content: ""
    }

    .icon-calender:before {
        content: ""
    }

    .icon-bulb:before {
        content: ""
    }

    .icon-chart:before {
        content: ""
    }

    .icon-ban:before {
        content: ""
    }

    .icon-bubble:before {
        content: ""
    }

    .icon-camrecorder:before {
        content: ""
    }

    .icon-camera:before {
        content: ""
    }

    .icon-cloud-download:before {
        content: ""
    }

    .icon-cloud-upload:before {
        content: ""
    }

    .icon-envelope:before {
        content: ""
    }

    .icon-eye:before {
        content: ""
    }

    .icon-flag:before {
        content: ""
    }

    .icon-heart:before {
        content: ""
    }

    .icon-info:before {
        content: ""
    }

    .icon-key:before {
        content: ""
    }

    .icon-link:before {
        content: ""
    }

    .icon-lock:before {
        content: ""
    }

    .icon-lock-open:before {
        content: ""
    }

    .icon-magnifier:before {
        content: ""
    }

    .icon-magnifier-add:before {
        content: ""
    }

    .icon-magnifier-remove:before {
        content: ""
    }

    .icon-paper-clip:before {
        content: ""
    }

    .icon-paper-plane:before {
        content: ""
    }

    .icon-power:before {
        content: ""
    }

    .icon-refresh:before {
        content: ""
    }

    .icon-reload:before {
        content: ""
    }

    .icon-settings:before {
        content: ""
    }

    .icon-star:before {
        content: ""
    }

    .icon-symble-female:before {
        content: ""
    }

    .icon-symbol-male:before {
        content: ""
    }

    .icon-target:before {
        content: ""
    }

    .icon-credit-card:before {
        content: ""
    }

    .icon-paypal:before {
        content: ""
    }

    .icon-social-tumblr:before {
        content: ""
    }

    .icon-social-twitter:before {
        content: ""
    }

    .icon-social-facebook:before {
        content: ""
    }

    .icon-social-instagram:before {
        content: ""
    }

    .icon-social-linkedin:before {
        content: ""
    }

    .icon-social-pintarest:before {
        content: ""
    }

    .icon-social-github:before {
        content: ""
    }

    .icon-social-gplus:before {
        content: ""
    }

    .icon-social-reddit:before {
        content: ""
    }

    .icon-social-skype:before {
        content: ""
    }

    .icon-social-dribbble:before {
        content: ""
    }

    .icon-social-behance:before {
        content: ""
    }

    .icon-social-foursqare:before {
        content: ""
    }

    .icon-social-soundcloud:before {
        content: ""
    }

    .icon-social-spotify:before {
        content: ""
    }

    .icon-social-stumbleupon:before {
        content: ""
    }

    .icon-social-youtube:before {
        content: ""
    }

    .icon-social-dropbox:before {
        content: ""
    }

@font-face {
    font-family: weathericons;
    src: url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.eot);
    src: url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.woff2) format('woff2'),url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.woff) format('woff'),url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.ttf) format('truetype'),url(/assets/less/icons/weather-icons/font/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.wi {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wi-fw {
    text-align: center;
    width: 1.4em
}

.wi-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.wi-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wi-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.wi-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.wi-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

.wi-day-sunny:before {
    content: ""
}

.wi-day-cloudy:before {
    content: ""
}

.wi-day-cloudy-gusts:before {
    content: ""
}

.wi-day-cloudy-windy:before {
    content: ""
}

.wi-day-fog:before {
    content: ""
}

.wi-day-hail:before {
    content: ""
}

.wi-day-haze:before {
    content: ""
}

.wi-day-lightning:before {
    content: ""
}

.wi-day-rain:before {
    content: ""
}

.wi-day-rain-mix:before {
    content: ""
}

.wi-day-rain-wind:before {
    content: ""
}

.wi-day-showers:before {
    content: ""
}

.wi-day-sleet:before {
    content: ""
}

.wi-day-sleet-storm:before {
    content: ""
}

.wi-day-snow:before {
    content: ""
}

.wi-day-snow-thunderstorm:before {
    content: ""
}

.wi-day-snow-wind:before {
    content: ""
}

.wi-day-sprinkle:before {
    content: ""
}

.wi-day-storm-showers:before {
    content: ""
}

.wi-day-sunny-overcast:before {
    content: ""
}

.wi-day-thunderstorm:before {
    content: ""
}

.wi-day-windy:before {
    content: ""
}

.wi-solar-eclipse:before {
    content: ""
}

.wi-hot:before {
    content: ""
}

.wi-day-cloudy-high:before {
    content: ""
}

.wi-day-light-wind:before {
    content: ""
}

.wi-night-clear:before {
    content: ""
}

.wi-night-alt-cloudy:before {
    content: ""
}

.wi-night-alt-cloudy-gusts:before {
    content: ""
}

.wi-night-alt-cloudy-windy:before {
    content: ""
}

.wi-night-alt-hail:before {
    content: ""
}

.wi-night-alt-lightning:before {
    content: ""
}

.wi-night-alt-rain:before {
    content: ""
}

.wi-night-alt-rain-mix:before {
    content: ""
}

.wi-night-alt-rain-wind:before {
    content: ""
}

.wi-night-alt-showers:before {
    content: ""
}

.wi-night-alt-sleet:before {
    content: ""
}

.wi-night-alt-sleet-storm:before {
    content: ""
}

.wi-night-alt-snow:before {
    content: ""
}

.wi-night-alt-snow-thunderstorm:before {
    content: ""
}

.wi-night-alt-snow-wind:before {
    content: ""
}

.wi-night-alt-sprinkle:before {
    content: ""
}

.wi-night-alt-storm-showers:before {
    content: ""
}

.wi-night-alt-thunderstorm:before {
    content: ""
}

.wi-night-cloudy:before {
    content: ""
}

.wi-night-cloudy-gusts:before {
    content: ""
}

.wi-night-cloudy-windy:before {
    content: ""
}

.wi-night-fog:before {
    content: ""
}

.wi-night-hail:before {
    content: ""
}

.wi-night-lightning:before {
    content: ""
}

.wi-night-partly-cloudy:before {
    content: ""
}

.wi-night-rain:before {
    content: ""
}

.wi-night-rain-mix:before {
    content: ""
}

.wi-night-rain-wind:before {
    content: ""
}

.wi-night-showers:before {
    content: ""
}

.wi-night-sleet:before {
    content: ""
}

.wi-night-sleet-storm:before {
    content: ""
}

.wi-night-snow:before {
    content: ""
}

.wi-night-snow-thunderstorm:before {
    content: ""
}

.wi-night-snow-wind:before {
    content: ""
}

.wi-night-sprinkle:before {
    content: ""
}

.wi-night-storm-showers:before {
    content: ""
}

.wi-night-thunderstorm:before {
    content: ""
}

.wi-lunar-eclipse:before {
    content: ""
}

.wi-stars:before {
    content: ""
}

.wi-night-alt-cloudy-high:before {
    content: ""
}

.wi-night-cloudy-high:before {
    content: ""
}

.wi-night-alt-partly-cloudy:before {
    content: ""
}

.wi-cloud:before {
    content: ""
}

.wi-cloudy:before {
    content: ""
}

.wi-cloudy-gusts:before {
    content: ""
}

.wi-cloudy-windy:before {
    content: ""
}

.wi-fog:before {
    content: ""
}

.wi-hail:before {
    content: ""
}

.wi-rain:before {
    content: ""
}

.wi-rain-mix:before {
    content: ""
}

.wi-rain-wind:before {
    content: ""
}

.wi-showers:before {
    content: ""
}

.wi-sleet:before {
    content: ""
}

.wi-sprinkle:before {
    content: ""
}

.wi-storm-showers:before {
    content: ""
}

.wi-thunderstorm:before {
    content: ""
}

.wi-snow-wind:before {
    content: ""
}

.wi-snow:before {
    content: ""
}

.wi-smog:before {
    content: ""
}

.wi-smoke:before {
    content: ""
}

.wi-lightning:before {
    content: ""
}

.wi-raindrops:before {
    content: ""
}

.wi-raindrop:before {
    content: ""
}

.wi-dust:before {
    content: ""
}

.wi-snowflake-cold:before {
    content: ""
}

.wi-windy:before {
    content: ""
}

.wi-strong-wind:before {
    content: ""
}

.wi-sandstorm:before {
    content: ""
}

.wi-earthquake:before {
    content: ""
}

.wi-fire:before {
    content: ""
}

.wi-flood:before {
    content: ""
}

.wi-meteor:before {
    content: ""
}

.wi-tsunami:before {
    content: ""
}

.wi-volcano:before {
    content: ""
}

.wi-hurricane:before {
    content: ""
}

.wi-tornado:before {
    content: ""
}

.wi-small-craft-advisory:before {
    content: ""
}

.wi-gale-warning:before {
    content: ""
}

.wi-storm-warning:before {
    content: ""
}

.wi-hurricane-warning:before {
    content: ""
}

.wi-wind-direction:before {
    content: ""
}

.wi-alien:before {
    content: ""
}

.wi-celsius:before {
    content: ""
}

.wi-fahrenheit:before {
    content: ""
}

.wi-degrees:before {
    content: ""
}

.wi-thermometer:before {
    content: ""
}

.wi-thermometer-exterior:before {
    content: ""
}

.wi-thermometer-internal:before {
    content: ""
}

.wi-cloud-down:before {
    content: ""
}

.wi-cloud-up:before {
    content: ""
}

.wi-cloud-refresh:before {
    content: ""
}

.wi-horizon:before {
    content: ""
}

.wi-horizon-alt:before {
    content: ""
}

.wi-sunrise:before {
    content: ""
}

.wi-sunset:before {
    content: ""
}

.wi-moonrise:before {
    content: ""
}

.wi-moonset:before {
    content: ""
}

.wi-refresh:before {
    content: ""
}

.wi-refresh-alt:before {
    content: ""
}

.wi-umbrella:before {
    content: ""
}

.wi-barometer:before {
    content: ""
}

.wi-humidity:before {
    content: ""
}

.wi-na:before {
    content: ""
}

.wi-train:before {
    content: ""
}

.wi-moon-new:before {
    content: ""
}

.wi-moon-waxing-cresent-1:before {
    content: ""
}

.wi-moon-waxing-cresent-2:before {
    content: ""
}

.wi-moon-waxing-cresent-3:before {
    content: ""
}

.wi-moon-waxing-cresent-4:before {
    content: ""
}

.wi-moon-waxing-cresent-5:before {
    content: ""
}

.wi-moon-waxing-cresent-6:before {
    content: ""
}

.wi-moon-first-quarter:before {
    content: ""
}

.wi-moon-waxing-gibbous-1:before {
    content: ""
}

.wi-moon-waxing-gibbous-2:before {
    content: ""
}

.wi-moon-waxing-gibbous-3:before {
    content: ""
}

.wi-moon-waxing-gibbous-4:before {
    content: ""
}

.wi-moon-waxing-gibbous-5:before {
    content: ""
}

.wi-moon-waxing-gibbous-6:before {
    content: ""
}

.wi-moon-full:before {
    content: ""
}

.wi-moon-waning-gibbous-1:before {
    content: ""
}

.wi-moon-waning-gibbous-2:before {
    content: ""
}

.wi-moon-waning-gibbous-3:before {
    content: ""
}

.wi-moon-waning-gibbous-4:before {
    content: ""
}

.wi-moon-waning-gibbous-5:before {
    content: ""
}

.wi-moon-waning-gibbous-6:before {
    content: ""
}

.wi-moon-third-quarter:before {
    content: ""
}

.wi-moon-waning-crescent-1:before {
    content: ""
}

.wi-moon-waning-crescent-2:before {
    content: ""
}

.wi-moon-waning-crescent-3:before {
    content: ""
}

.wi-moon-waning-crescent-4:before {
    content: ""
}

.wi-moon-waning-crescent-5:before {
    content: ""
}

.wi-moon-waning-crescent-6:before {
    content: ""
}

.wi-moon-alt-new:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-1:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-2:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-3:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-4:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-5:before {
    content: ""
}

.wi-moon-alt-waxing-cresent-6:before {
    content: ""
}

.wi-moon-alt-first-quarter:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-1:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-2:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-3:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-4:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-5:before {
    content: ""
}

.wi-moon-alt-waxing-gibbous-6:before {
    content: ""
}

.wi-moon-alt-full:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-1:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-2:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-3:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-4:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-5:before {
    content: ""
}

.wi-moon-alt-waning-gibbous-6:before {
    content: ""
}

.wi-moon-alt-third-quarter:before {
    content: ""
}

.wi-moon-alt-waning-crescent-1:before {
    content: ""
}

.wi-moon-alt-waning-crescent-2:before {
    content: ""
}

.wi-moon-alt-waning-crescent-3:before {
    content: ""
}

.wi-moon-alt-waning-crescent-4:before {
    content: ""
}

.wi-moon-alt-waning-crescent-5:before {
    content: ""
}

.wi-moon-alt-waning-crescent-6:before {
    content: ""
}

.wi-moon-0:before {
    content: ""
}

.wi-moon-1:before {
    content: ""
}

.wi-moon-2:before {
    content: ""
}

.wi-moon-3:before {
    content: ""
}

.wi-moon-4:before {
    content: ""
}

.wi-moon-5:before {
    content: ""
}

.wi-moon-6:before {
    content: ""
}

.wi-moon-7:before {
    content: ""
}

.wi-moon-8:before {
    content: ""
}

.wi-moon-9:before {
    content: ""
}

.wi-moon-10:before {
    content: ""
}

.wi-moon-11:before {
    content: ""
}

.wi-moon-12:before {
    content: ""
}

.wi-moon-13:before {
    content: ""
}

.wi-moon-14:before {
    content: ""
}

.wi-moon-15:before {
    content: ""
}

.wi-moon-16:before {
    content: ""
}

.wi-moon-17:before {
    content: ""
}

.wi-moon-18:before {
    content: ""
}

.wi-moon-19:before {
    content: ""
}

.wi-moon-20:before {
    content: ""
}

.wi-moon-21:before {
    content: ""
}

.wi-moon-22:before {
    content: ""
}

.wi-moon-23:before {
    content: ""
}

.wi-moon-24:before {
    content: ""
}

.wi-moon-25:before {
    content: ""
}

.wi-moon-26:before {
    content: ""
}

.wi-moon-27:before {
    content: ""
}

.wi-time-1:before {
    content: ""
}

.wi-time-2:before {
    content: ""
}

.wi-time-3:before {
    content: ""
}

.wi-time-4:before {
    content: ""
}

.wi-time-5:before {
    content: ""
}

.wi-time-6:before {
    content: ""
}

.wi-time-7:before {
    content: ""
}

.wi-time-8:before {
    content: ""
}

.wi-time-9:before {
    content: ""
}

.wi-time-10:before {
    content: ""
}

.wi-time-11:before {
    content: ""
}

.wi-time-12:before {
    content: ""
}

.wi-direction-up:before {
    content: ""
}

.wi-direction-up-right:before {
    content: ""
}

.wi-direction-right:before {
    content: ""
}

.wi-direction-down-right:before {
    content: ""
}

.wi-direction-down:before {
    content: ""
}

.wi-direction-down-left:before {
    content: ""
}

.wi-direction-left:before {
    content: ""
}

.wi-direction-up-left:before {
    content: ""
}

.wi-wind-beaufort-0:before {
    content: ""
}

.wi-wind-beaufort-1:before {
    content: ""
}

.wi-wind-beaufort-2:before {
    content: ""
}

.wi-wind-beaufort-3:before {
    content: ""
}

.wi-wind-beaufort-4:before {
    content: ""
}

.wi-wind-beaufort-5:before {
    content: ""
}

.wi-wind-beaufort-6:before {
    content: ""
}

.wi-wind-beaufort-7:before {
    content: ""
}

.wi-wind-beaufort-8:before {
    content: ""
}

.wi-wind-beaufort-9:before {
    content: ""
}

.wi-wind-beaufort-10:before {
    content: ""
}

.wi-wind-beaufort-11:before {
    content: ""
}

.wi-wind-beaufort-12:before {
    content: ""
}

.wi-yahoo-0:before {
    content: ""
}

.wi-yahoo-1:before {
    content: ""
}

.wi-yahoo-2:before {
    content: ""
}

.wi-yahoo-3:before, .wi-yahoo-4:before {
    content: ""
}

.wi-yahoo-5:before, .wi-yahoo-6:before, .wi-yahoo-7:before {
    content: ""
}

.wi-yahoo-8:before {
    content: ""
}

.wi-yahoo-9:before {
    content: ""
}

.wi-yahoo-10:before {
    content: ""
}

.wi-yahoo-11:before, .wi-yahoo-12:before {
    content: ""
}

.wi-yahoo-13:before {
    content: ""
}

.wi-yahoo-14:before {
    content: ""
}

.wi-yahoo-15:before {
    content: ""
}

.wi-yahoo-16:before {
    content: ""
}

.wi-yahoo-17:before {
    content: ""
}

.wi-yahoo-18:before {
    content: ""
}

.wi-yahoo-19:before {
    content: ""
}

.wi-yahoo-20:before {
    content: ""
}

.wi-yahoo-21:before {
    content: ""
}

.wi-yahoo-22:before {
    content: ""
}

.wi-yahoo-23:before, .wi-yahoo-24:before {
    content: ""
}

.wi-yahoo-25:before {
    content: ""
}

.wi-yahoo-26:before {
    content: ""
}

.wi-yahoo-27:before {
    content: ""
}

.wi-yahoo-28:before {
    content: ""
}

.wi-yahoo-29:before {
    content: ""
}

.wi-yahoo-30:before {
    content: ""
}

.wi-yahoo-31:before {
    content: ""
}

.wi-yahoo-32:before {
    content: ""
}

.wi-yahoo-33:before {
    content: ""
}

.wi-yahoo-34:before {
    content: ""
}

.wi-yahoo-35:before {
    content: ""
}

.wi-yahoo-36:before {
    content: ""
}

.wi-yahoo-37:before, .wi-yahoo-38:before, .wi-yahoo-39:before {
    content: ""
}

.wi-yahoo-40:before {
    content: ""
}

.wi-yahoo-41:before {
    content: ""
}

.wi-yahoo-42:before {
    content: ""
}

.wi-yahoo-43:before {
    content: ""
}

.wi-yahoo-44:before {
    content: ""
}

.wi-yahoo-45:before {
    content: ""
}

.wi-yahoo-46:before {
    content: ""
}

.wi-yahoo-47:before {
    content: ""
}

.wi-yahoo-3200:before {
    content: ""
}

.wi-forecast-io-clear-day:before {
    content: ""
}

.wi-forecast-io-clear-night:before {
    content: ""
}

.wi-forecast-io-rain:before {
    content: ""
}

.wi-forecast-io-snow:before {
    content: ""
}

.wi-forecast-io-sleet:before {
    content: ""
}

.wi-forecast-io-wind:before {
    content: ""
}

.wi-forecast-io-fog:before {
    content: ""
}

.wi-forecast-io-cloudy:before {
    content: ""
}

.wi-forecast-io-partly-cloudy-day:before {
    content: ""
}

.wi-forecast-io-partly-cloudy-night:before {
    content: ""
}

.wi-forecast-io-hail:before {
    content: ""
}

.wi-forecast-io-thunderstorm:before {
    content: ""
}

.wi-forecast-io-tornado:before {
    content: ""
}

.wi-wmo4680-00:before, .wi-wmo4680-0:before {
    content: ""
}

.wi-wmo4680-01:before, .wi-wmo4680-1:before {
    content: ""
}

.wi-wmo4680-02:before, .wi-wmo4680-2:before {
    content: ""
}

.wi-wmo4680-03:before, .wi-wmo4680-3:before {
    content: ""
}

.wi-wmo4680-04:before, .wi-wmo4680-05:before, .wi-wmo4680-10:before, .wi-wmo4680-11:before, .wi-wmo4680-4:before, .wi-wmo4680-5:before {
    content: ""
}

.wi-wmo4680-12:before {
    content: ""
}

.wi-wmo4680-18:before {
    content: ""
}

.wi-wmo4680-20:before {
    content: ""
}

.wi-wmo4680-21:before, .wi-wmo4680-22:before {
    content: ""
}

.wi-wmo4680-23:before {
    content: ""
}

.wi-wmo4680-24:before {
    content: ""
}

.wi-wmo4680-25:before {
    content: ""
}

.wi-wmo4680-26:before {
    content: ""
}

.wi-wmo4680-27:before, .wi-wmo4680-28:before, .wi-wmo4680-29:before {
    content: ""
}

.wi-wmo4680-30:before, .wi-wmo4680-31:before, .wi-wmo4680-32:before, .wi-wmo4680-33:before, .wi-wmo4680-34:before, .wi-wmo4680-35:before {
    content: ""
}

.wi-wmo4680-40:before {
    content: ""
}

.wi-wmo4680-41:before {
    content: ""
}

.wi-wmo4680-42:before {
    content: ""
}

.wi-wmo4680-43:before {
    content: ""
}

.wi-wmo4680-44:before {
    content: ""
}

.wi-wmo4680-45:before, .wi-wmo4680-46:before {
    content: ""
}

.wi-wmo4680-47:before, .wi-wmo4680-48:before {
    content: ""
}

.wi-wmo4680-50:before, .wi-wmo4680-51:before {
    content: ""
}

.wi-wmo4680-52:before, .wi-wmo4680-53:before {
    content: ""
}

.wi-wmo4680-54:before, .wi-wmo4680-55:before, .wi-wmo4680-56:before {
    content: ""
}

.wi-wmo4680-57:before {
    content: ""
}

.wi-wmo4680-58:before {
    content: ""
}

.wi-wmo4680-60:before, .wi-wmo4680-61:before {
    content: ""
}

.wi-wmo4680-62:before, .wi-wmo4680-63:before {
    content: ""
}

.wi-wmo4680-64:before, .wi-wmo4680-65:before, .wi-wmo4680-66:before {
    content: ""
}

.wi-wmo4680-67:before, .wi-wmo4680-68:before {
    content: ""
}

.wi-wmo4680-70:before, .wi-wmo4680-71:before, .wi-wmo4680-72:before, .wi-wmo4680-73:before {
    content: ""
}

.wi-wmo4680-74:before, .wi-wmo4680-75:before, .wi-wmo4680-76:before {
    content: ""
}

.wi-wmo4680-77:before {
    content: ""
}

.wi-wmo4680-78:before {
    content: ""
}

.wi-wmo4680-80:before {
    content: ""
}

.wi-wmo4680-81:before {
    content: ""
}

.wi-wmo4680-82:before, .wi-wmo4680-83:before {
    content: ""
}

.wi-wmo4680-84:before {
    content: ""
}

.wi-wmo4680-85:before, .wi-wmo4680-86:before, .wi-wmo4680-87:before {
    content: ""
}

.wi-wmo4680-89:before {
    content: ""
}

.wi-wmo4680-90:before {
    content: ""
}

.wi-wmo4680-91:before {
    content: ""
}

.wi-wmo4680-92:before, .wi-wmo4680-93:before {
    content: ""
}

.wi-wmo4680-94:before {
    content: ""
}

.wi-wmo4680-95:before, .wi-wmo4680-96:before {
    content: ""
}

.wi-wmo4680-99:before {
    content: ""
}

.wi-owm-200:before, .wi-owm-201:before, .wi-owm-202:before {
    content: ""
}

.wi-owm-210:before, .wi-owm-211:before, .wi-owm-212:before, .wi-owm-221:before {
    content: ""
}

.wi-owm-230:before, .wi-owm-231:before, .wi-owm-232:before {
    content: ""
}

.wi-owm-300:before, .wi-owm-301:before {
    content: ""
}

.wi-owm-302:before {
    content: ""
}

.wi-owm-310:before {
    content: ""
}

.wi-owm-311:before, .wi-owm-312:before {
    content: ""
}

.wi-owm-313:before {
    content: ""
}

.wi-owm-314:before {
    content: ""
}

.wi-owm-321:before, .wi-owm-500:before {
    content: ""
}

.wi-owm-501:before, .wi-owm-502:before, .wi-owm-503:before, .wi-owm-504:before {
    content: ""
}

.wi-owm-511:before {
    content: ""
}

.wi-owm-520:before, .wi-owm-521:before, .wi-owm-522:before {
    content: ""
}

.wi-owm-531:before {
    content: ""
}

.wi-owm-600:before, .wi-owm-601:before {
    content: ""
}

.wi-owm-602:before {
    content: ""
}

.wi-owm-611:before, .wi-owm-612:before, .wi-owm-615:before, .wi-owm-616:before, .wi-owm-620:before {
    content: ""
}

.wi-owm-621:before, .wi-owm-622:before {
    content: ""
}

.wi-owm-701:before {
    content: ""
}

.wi-owm-711:before {
    content: ""
}

.wi-owm-721:before {
    content: ""
}

.wi-owm-731:before {
    content: ""
}

.wi-owm-741:before {
    content: ""
}

.wi-owm-761:before, .wi-owm-762:before {
    content: ""
}

.wi-owm-771:before {
    content: ""
}

.wi-owm-781:before {
    content: ""
}

.wi-owm-800:before {
    content: ""
}

.wi-owm-801:before, .wi-owm-802:before, .wi-owm-803:before {
    content: ""
}

.wi-owm-803:before {
    content: ""
}

.wi-owm-804:before {
    content: ""
}

.wi-owm-900:before {
    content: ""
}

.wi-owm-901:before {
    content: ""
}

.wi-owm-902:before {
    content: ""
}

.wi-owm-903:before {
    content: ""
}

.wi-owm-904:before {
    content: ""
}

.wi-owm-905:before {
    content: ""
}

.wi-owm-906:before {
    content: ""
}

.wi-owm-957:before {
    content: ""
}

.wi-owm-day-200:before, .wi-owm-day-201:before, .wi-owm-day-202:before {
    content: ""
}

.wi-owm-day-210:before, .wi-owm-day-211:before, .wi-owm-day-212:before, .wi-owm-day-221:before {
    content: ""
}

.wi-owm-day-230:before, .wi-owm-day-231:before, .wi-owm-day-232:before {
    content: ""
}

.wi-owm-day-300:before, .wi-owm-day-301:before {
    content: ""
}

.wi-owm-day-302:before, .wi-owm-day-310:before, .wi-owm-day-311:before, .wi-owm-day-312:before, .wi-owm-day-313:before, .wi-owm-day-314:before {
    content: ""
}

.wi-owm-day-321:before, .wi-owm-day-500:before {
    content: ""
}

.wi-owm-day-501:before, .wi-owm-day-502:before, .wi-owm-day-503:before, .wi-owm-day-504:before {
    content: ""
}

.wi-owm-day-511:before {
    content: ""
}

.wi-owm-day-520:before, .wi-owm-day-521:before, .wi-owm-day-522:before {
    content: ""
}

.wi-owm-day-531:before {
    content: ""
}

.wi-owm-day-600:before {
    content: ""
}

.wi-owm-day-601:before {
    content: ""
}

.wi-owm-day-602:before {
    content: ""
}

.wi-owm-day-611:before, .wi-owm-day-612:before, .wi-owm-day-615:before, .wi-owm-day-616:before, .wi-owm-day-620:before {
    content: ""
}

.wi-owm-day-621:before, .wi-owm-day-622:before {
    content: ""
}

.wi-owm-day-701:before {
    content: ""
}

.wi-owm-day-711:before {
    content: ""
}

.wi-owm-day-721:before {
    content: ""
}

.wi-owm-day-731:before {
    content: ""
}

.wi-owm-day-741:before {
    content: ""
}

.wi-owm-day-761:before, .wi-owm-day-762:before {
    content: ""
}

.wi-owm-day-781:before {
    content: ""
}

.wi-owm-day-800:before {
    content: ""
}

.wi-owm-day-801:before, .wi-owm-day-802:before, .wi-owm-day-803:before {
    content: ""
}

.wi-owm-day-804:before {
    content: ""
}

.wi-owm-day-900:before {
    content: ""
}

.wi-owm-day-902:before {
    content: ""
}

.wi-owm-day-903:before {
    content: ""
}

.wi-owm-day-904:before {
    content: ""
}

.wi-owm-day-906:before {
    content: ""
}

.wi-owm-day-957:before {
    content: ""
}

.wi-owm-night-200:before, .wi-owm-night-201:before, .wi-owm-night-202:before {
    content: ""
}

.wi-owm-night-210:before, .wi-owm-night-211:before, .wi-owm-night-212:before, .wi-owm-night-221:before {
    content: ""
}

.wi-owm-night-230:before, .wi-owm-night-231:before, .wi-owm-night-232:before {
    content: ""
}

.wi-owm-night-300:before, .wi-owm-night-301:before {
    content: ""
}

.wi-owm-night-302:before, .wi-owm-night-310:before, .wi-owm-night-311:before, .wi-owm-night-312:before, .wi-owm-night-313:before, .wi-owm-night-314:before {
    content: ""
}

.wi-owm-night-321:before, .wi-owm-night-500:before {
    content: ""
}

.wi-owm-night-501:before, .wi-owm-night-502:before, .wi-owm-night-503:before, .wi-owm-night-504:before {
    content: ""
}

.wi-owm-night-511:before {
    content: ""
}

.wi-owm-night-520:before, .wi-owm-night-521:before, .wi-owm-night-522:before {
    content: ""
}

.wi-owm-night-531:before {
    content: ""
}

.wi-owm-night-600:before {
    content: ""
}

.wi-owm-night-601:before {
    content: ""
}

.wi-owm-night-602:before {
    content: ""
}

.wi-owm-night-611:before, .wi-owm-night-612:before, .wi-owm-night-615:before, .wi-owm-night-616:before, .wi-owm-night-620:before {
    content: ""
}

.wi-owm-night-621:before, .wi-owm-night-622:before {
    content: ""
}

.wi-owm-night-701:before {
    content: ""
}

.wi-owm-night-711:before {
    content: ""
}

.wi-owm-night-721:before {
    content: ""
}

.wi-owm-night-731:before {
    content: ""
}

.wi-owm-night-741:before {
    content: ""
}

.wi-owm-night-761:before, .wi-owm-night-762:before {
    content: ""
}

.wi-owm-night-781:before {
    content: ""
}

.wi-owm-night-800:before {
    content: ""
}

.wi-owm-night-801:before, .wi-owm-night-802:before, .wi-owm-night-803:before {
    content: ""
}

.wi-owm-night-804:before {
    content: ""
}

.wi-owm-night-900:before {
    content: ""
}

.wi-owm-night-902:before {
    content: ""
}

.wi-owm-night-903:before {
    content: ""
}

.wi-owm-night-904:before {
    content: ""
}

.wi-owm-night-906:before {
    content: ""
}

.wi-owm-night-957:before {
    content: ""
}

.glyphs.character-mapping {
    margin: 0 0 20px;
    padding: 20px 0 20px 30px;
    color: rgba(0,0,0,.5);
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

    .glyphs.character-mapping li {
        margin: 0 30px 20px 0;
        display: inline-block;
        width: 90px;
        text-align: center;
        font-size: 24px;
        color: #2b2b2b
    }

.linea-icon {
    position: relative
}

    .linea-icon svg {
        fill: #000
    }

.glyphs.character-mapping input {
    margin: 0;
    padding: 5px 0;
    line-height: 12px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #d8e0e5;
    text-align: center;
    outline: 0
}

    .glyphs.character-mapping input:focus {
        border: 1px solid #fbde4a;
        -webkit-box-shadow: inset 0 0 3px #fbde4a;
        box-shadow: inset 0 0 3px #fbde4a
    }

    .glyphs.character-mapping input:hover {
        -webkit-box-shadow: inset 0 0 3px #fbde4a;
        box-shadow: inset 0 0 3px #fbde4a
    }

@font-face {
    font-family: linea-arrows-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-arrows-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-arrows-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-arrows-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-arrows-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-arrows-10.svg#linea-arrows-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-aerrow[data-icon]:before {
    font-family: linea-arrows-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrows-anticlockwise:before {
    content: ""
}

.icon-arrows-anticlockwise-dashed:before {
    content: ""
}

.icon-arrows-button-down:before {
    content: ""
}

.icon-arrows-button-off:before {
    content: ""
}

.icon-arrows-button-on:before {
    content: ""
}

.icon-arrows-button-up:before {
    content: ""
}

.icon-arrows-check:before {
    content: ""
}

.icon-arrows-circle-check:before {
    content: ""
}

.icon-arrows-circle-down:before {
    content: ""
}

.icon-arrows-circle-downleft:before {
    content: ""
}

.icon-arrows-circle-downright:before {
    content: ""
}

.icon-arrows-circle-left:before {
    content: ""
}

.icon-arrows-circle-minus:before {
    content: ""
}

.icon-arrows-circle-plus:before {
    content: ""
}

.icon-arrows-circle-remove:before {
    content: ""
}

.icon-arrows-circle-right:before {
    content: ""
}

.icon-arrows-circle-up:before {
    content: ""
}

.icon-arrows-circle-upleft:before {
    content: ""
}

.icon-arrows-circle-upright:before {
    content: ""
}

.icon-arrows-clockwise:before {
    content: ""
}

.icon-arrows-clockwise-dashed:before {
    content: ""
}

.icon-arrows-compress:before {
    content: ""
}

.icon-arrows-deny:before {
    content: ""
}

.icon-arrows-diagonal:before {
    content: ""
}

.icon-arrows-diagonal2:before {
    content: ""
}

.icon-arrows-down:before {
    content: ""
}

.icon-arrows-down-double:before {
    content: ""
}

.icon-arrows-downleft:before {
    content: ""
}

.icon-arrows-downright:before {
    content: ""
}

.icon-arrows-drag-down:before {
    content: ""
}

.icon-arrows-drag-down-dashed:before {
    content: ""
}

.icon-arrows-drag-horiz:before {
    content: ""
}

.icon-arrows-drag-left:before {
    content: ""
}

.icon-arrows-drag-left-dashed:before {
    content: ""
}

.icon-arrows-drag-right:before {
    content: ""
}

.icon-arrows-drag-right-dashed:before {
    content: ""
}

.icon-arrows-drag-up:before {
    content: ""
}

.icon-arrows-drag-up-dashed:before {
    content: ""
}

.icon-arrows-drag-vert:before {
    content: ""
}

.icon-arrows-exclamation:before {
    content: ""
}

.icon-arrows-expand:before {
    content: ""
}

.icon-arrows-expand-diagonal1:before {
    content: ""
}

.icon-arrows-expand-horizontal1:before {
    content: ""
}

.icon-arrows-expand-vertical1:before {
    content: ""
}

.icon-arrows-fit-horizontal:before {
    content: ""
}

.icon-arrows-fit-vertical:before {
    content: ""
}

.icon-arrows-glide:before {
    content: ""
}

.icon-arrows-glide-horizontal:before {
    content: ""
}

.icon-arrows-glide-vertical:before {
    content: ""
}

.icon-arrows-hamburger1:before {
    content: ""
}

.icon-arrows-hamburger-2:before {
    content: ""
}

.icon-arrows-horizontal:before {
    content: ""
}

.icon-arrows-info:before {
    content: ""
}

.icon-arrows-keyboard-alt:before {
    content: ""
}

.icon-arrows-keyboard-cmd:before {
    content: ""
}

.icon-arrows-keyboard-delete:before {
    content: ""
}

.icon-arrows-keyboard-down:before {
    content: ""
}

.icon-arrows-keyboard-left:before {
    content: ""
}

.icon-arrows-keyboard-return:before {
    content: ""
}

.icon-arrows-keyboard-right:before {
    content: ""
}

.icon-arrows-keyboard-shift:before {
    content: ""
}

.icon-arrows-keyboard-tab:before {
    content: ""
}

.icon-arrows-keyboard-up:before {
    content: ""
}

.icon-arrows-left:before {
    content: ""
}

.icon-arrows-left-double-32:before {
    content: ""
}

.icon-arrows-minus:before {
    content: ""
}

.icon-arrows-move:before {
    content: ""
}

.icon-arrows-move2:before {
    content: ""
}

.icon-arrows-move-bottom:before {
    content: ""
}

.icon-arrows-move-left:before {
    content: ""
}

.icon-arrows-move-right:before {
    content: ""
}

.icon-arrows-move-top:before {
    content: ""
}

.icon-arrows-plus:before {
    content: ""
}

.icon-arrows-question:before {
    content: ""
}

.icon-arrows-remove:before {
    content: ""
}

.icon-arrows-right:before {
    content: ""
}

.icon-arrows-right-double:before {
    content: ""
}

.icon-arrows-rotate:before {
    content: ""
}

.icon-arrows-rotate-anti:before {
    content: ""
}

.icon-arrows-rotate-anti-dashed:before {
    content: ""
}

.icon-arrows-rotate-dashed:before {
    content: ""
}

.icon-arrows-shrink:before {
    content: ""
}

.icon-arrows-shrink-diagonal1:before {
    content: ""
}

.icon-arrows-shrink-diagonal2:before {
    content: ""
}

.icon-arrows-shrink-horizonal2:before {
    content: ""
}

.icon-arrows-shrink-horizontal1:before {
    content: ""
}

.icon-arrows-shrink-vertical1:before {
    content: ""
}

.icon-arrows-shrink-vertical2:before {
    content: ""
}

.icon-arrows-sign-down:before {
    content: ""
}

.icon-arrows-sign-left:before {
    content: ""
}

.icon-arrows-sign-right:before {
    content: ""
}

.icon-arrows-sign-up:before {
    content: ""
}

.icon-arrows-slide-down1:before {
    content: ""
}

.icon-arrows-slide-down2:before {
    content: ""
}

.icon-arrows-slide-left1:before {
    content: ""
}

.icon-arrows-slide-left2:before {
    content: ""
}

.icon-arrows-slide-right1:before {
    content: ""
}

.icon-arrows-slide-right2:before {
    content: ""
}

.icon-arrows-slide-up1:before {
    content: ""
}

.icon-arrows-slide-up2:before {
    content: ""
}

.icon-arrows-slim-down:before {
    content: ""
}

.icon-arrows-slim-down-dashed:before {
    content: ""
}

.icon-arrows-slim-left:before {
    content: ""
}

.icon-arrows-slim-left-dashed:before {
    content: ""
}

.icon-arrows-slim-right:before {
    content: ""
}

.icon-arrows-slim-right-dashed:before {
    content: ""
}

.icon-arrows-slim-up:before {
    content: ""
}

.icon-arrows-slim-up-dashed:before {
    content: ""
}

.icon-arrows-square-check:before {
    content: ""
}

.icon-arrows-square-down:before {
    content: ""
}

.icon-arrows-square-downleft:before {
    content: ""
}

.icon-arrows-square-downright:before {
    content: ""
}

.icon-arrows-square-left:before {
    content: ""
}

.icon-arrows-square-minus:before {
    content: ""
}

.icon-arrows-square-plus:before {
    content: ""
}

.icon-arrows-square-remove:before {
    content: ""
}

.icon-arrows-square-right:before {
    content: ""
}

.icon-arrows-square-up:before {
    content: ""
}

.icon-arrows-square-upleft:before {
    content: ""
}

.icon-arrows-square-upright:before {
    content: ""
}

.icon-arrows-squares:before {
    content: ""
}

.icon-arrows-stretch-diagonal1:before {
    content: ""
}

.icon-arrows-stretch-diagonal2:before {
    content: ""
}

.icon-arrows-stretch-diagonal3:before {
    content: ""
}

.icon-arrows-stretch-diagonal4:before {
    content: ""
}

.icon-arrows-stretch-horizontal1:before {
    content: ""
}

.icon-arrows-stretch-horizontal2:before {
    content: ""
}

.icon-arrows-stretch-vertical1:before {
    content: ""
}

.icon-arrows-stretch-vertical2:before {
    content: ""
}

.icon-arrows-switch-horizontal:before {
    content: ""
}

.icon-arrows-switch-vertical:before {
    content: ""
}

.icon-arrows-up:before {
    content: ""
}

.icon-arrows-up-double-33:before {
    content: ""
}

.icon-arrows-upleft:before {
    content: ""
}

.icon-arrows-upright:before {
    content: ""
}

.icon-arrows-vertical:before {
    content: ""
}

@font-face {
    font-family: linea-basic-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-basic-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-basic-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-basic-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-basic-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-basic-10.svg#linea-basic-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-basic[data-icon]:before {
    font-family: linea-basic-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-basic-accelerator:before {
    content: "a"
}

.icon-basic-alarm:before {
    content: "b"
}

.icon-basic-anchor:before {
    content: "c"
}

.icon-basic-anticlockwise:before {
    content: "d"
}

.icon-basic-archive:before {
    content: "e"
}

.icon-basic-archive-full:before {
    content: "f"
}

.icon-basic-ban:before {
    content: "g"
}

.icon-basic-battery-charge:before {
    content: "h"
}

.icon-basic-battery-empty:before {
    content: "i"
}

.icon-basic-battery-full:before {
    content: "j"
}

.icon-basic-battery-half:before {
    content: "k"
}

.icon-basic-bolt:before {
    content: "l"
}

.icon-basic-book:before {
    content: "m"
}

.icon-basic-book-pen:before {
    content: "n"
}

.icon-basic-book-pencil:before {
    content: "o"
}

.icon-basic-bookmark:before {
    content: "p"
}

.icon-basic-calculator:before {
    content: "q"
}

.icon-basic-calendar:before {
    content: "r"
}

.icon-basic-cards-diamonds:before {
    content: "s"
}

.icon-basic-cards-hearts:before {
    content: "t"
}

.icon-basic-case:before {
    content: "u"
}

.icon-basic-chronometer:before {
    content: "v"
}

.icon-basic-clessidre:before {
    content: "w"
}

.icon-basic-clock:before {
    content: "x"
}

.icon-basic-clockwise:before {
    content: "y"
}

.icon-basic-cloud:before {
    content: "z"
}

.icon-basic-clubs:before {
    content: "A"
}

.icon-basic-compass:before {
    content: "B"
}

.icon-basic-cup:before {
    content: "C"
}

.icon-basic-diamonds:before {
    content: "D"
}

.icon-basic-display:before {
    content: "E"
}

.icon-basic-download:before {
    content: "F"
}

.icon-basic-exclamation:before {
    content: "G"
}

.icon-basic-eye:before {
    content: "H"
}

.icon-basic-eye-closed:before {
    content: "I"
}

.icon-basic-female:before {
    content: "J"
}

.icon-basic-flag1:before {
    content: "K"
}

.icon-basic-flag2:before {
    content: "L"
}

.icon-basic-floppydisk:before {
    content: "M"
}

.icon-basic-folder:before {
    content: "N"
}

.icon-basic-folder-multiple:before {
    content: "O"
}

.icon-basic-gear:before {
    content: "P"
}

.icon-basic-geolocalize-01:before {
    content: "Q"
}

.icon-basic-geolocalize-05:before {
    content: "R"
}

.icon-basic-globe:before {
    content: "S"
}

.icon-basic-gunsight:before {
    content: "T"
}

.icon-basic-hammer:before {
    content: "U"
}

.icon-basic-headset:before {
    content: "V"
}

.icon-basic-heart:before {
    content: "W"
}

.icon-basic-heart-broken:before {
    content: "X"
}

.icon-basic-helm:before {
    content: "Y"
}

.icon-basic-home:before {
    content: "Z"
}

.icon-basic-info:before {
    content: "0"
}

.icon-basic-ipod:before {
    content: "1"
}

.icon-basic-joypad:before {
    content: "2"
}

.icon-basic-key:before {
    content: "3"
}

.icon-basic-keyboard:before {
    content: "4"
}

.icon-basic-laptop:before {
    content: "5"
}

.icon-basic-life-buoy:before {
    content: "6"
}

.icon-basic-lightbulb:before {
    content: "7"
}

.icon-basic-link:before {
    content: "8"
}

.icon-basic-lock:before {
    content: "9"
}

.icon-basic-lock-open:before {
    content: "!"
}

.icon-basic-magic-mouse:before {
    content: "\""
}

.icon-basic-magnifier:before {
    content: "#"
}

.icon-basic-magnifier-minus:before {
    content: "$"
}

.icon-basic-magnifier-plus:before {
    content: "%"
}

.icon-basic-mail:before {
    content: "&"
}

.icon-basic-mail-multiple:before {
    content: "'"
}

.icon-basic-mail-open:before {
    content: "("
}

.icon-basic-mail-open-text:before {
    content: ")"
}

.icon-basic-male:before {
    content: "*"
}

.icon-basic-map:before {
    content: "+"
}

.icon-basic-message:before {
    content: ","
}

.icon-basic-message-multiple:before {
    content: "-"
}

.icon-basic-message-txt:before {
    content: "."
}

.icon-basic-mixer2:before {
    content: "/"
}

.icon-basic-mouse:before {
    content: ":"
}

.icon-basic-notebook:before {
    content: ";"
}

.icon-basic-notebook-pen:before {
    content: "<"
}

.icon-basic-notebook-pencil:before {
    content: "="
}

.icon-basic-paperplane:before {
    content: ">"
}

.icon-basic-pencil-ruler:before {
    content: "?"
}

.icon-basic-pencil-ruler-pen:before {
    content: "@"
}

.icon-basic-photo:before {
    content: "["
}

.icon-basic-picture:before {
    content: "]"
}

.icon-basic-picture-multiple:before {
    content: "^"
}

.icon-basic-pin1:before {
    content: "_"
}

.icon-basic-pin2:before {
    content: "`"
}

.icon-basic-postcard:before {
    content: "{"
}

.icon-basic-postcard-multiple:before {
    content: "|"
}

.icon-basic-printer:before {
    content: "}"
}

.icon-basic-question:before {
    content: "~"
}

.icon-basic-rss:before {
    content: "\\"
}

.icon-basic-server:before {
    content: ""
}

.icon-basic-server2:before {
    content: ""
}

.icon-basic-server-cloud:before {
    content: ""
}

.icon-basic-server-download:before {
    content: ""
}

.icon-basic-server-upload:before {
    content: ""
}

.icon-basic-settings:before {
    content: ""
}

.icon-basic-share:before {
    content: ""
}

.icon-basic-sheet:before {
    content: ""
}

.icon-basic-sheet-multiple:before {
    content: ""
}

.icon-basic-sheet-pen:before {
    content: ""
}

.icon-basic-sheet-pencil:before {
    content: ""
}

.icon-basic-sheet-txt:before {
    content: ""
}

.icon-basic-signs:before {
    content: ""
}

.icon-basic-smartphone:before {
    content: ""
}

.icon-basic-spades:before {
    content: ""
}

.icon-basic-spread:before {
    content: ""
}

.icon-basic-spread-bookmark:before {
    content: ""
}

.icon-basic-spread-text:before {
    content: ""
}

.icon-basic-spread-text-bookmark:before {
    content: ""
}

.icon-basic-star:before {
    content: ""
}

.icon-basic-tablet:before {
    content: ""
}

.icon-basic-target:before {
    content: ""
}

.icon-basic-todo:before {
    content: ""
}

.icon-basic-todo-pen:before {
    content: ""
}

.icon-basic-todo-pencil:before {
    content: ""
}

.icon-basic-todo-txt:before {
    content: ""
}

.icon-basic-todolist-pen:before {
    content: ""
}

.icon-basic-todolist-pencil:before {
    content: ""
}

.icon-basic-trashcan:before {
    content: ""
}

.icon-basic-trashcan-full:before {
    content: ""
}

.icon-basic-trashcan-refresh:before {
    content: ""
}

.icon-basic-trashcan-remove:before {
    content: ""
}

.icon-basic-upload:before {
    content: ""
}

.icon-basic-usb:before {
    content: ""
}

.icon-basic-video:before {
    content: ""
}

.icon-basic-watch:before {
    content: ""
}

.icon-basic-webpage:before {
    content: ""
}

.icon-basic-webpage-img-txt:before {
    content: ""
}

.icon-basic-webpage-multiple:before {
    content: ""
}

.icon-basic-webpage-txt:before {
    content: ""
}

.icon-basic-world:before {
    content: ""
}

@font-face {
    font-family: linea-basic-elaboration-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-basic-elaboration-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-basic-elaboration-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-basic-elaboration-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-basic-elaboration-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-basic-elaboration-10.svg#linea-basic-elaboration-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-elaborate[data-icon]:before {
    font-family: linea-basic-elaboration-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-basic-elaboration-bookmark-checck:before {
    content: "a"
}

.icon-basic-elaboration-bookmark-minus:before {
    content: "b"
}

.icon-basic-elaboration-bookmark-plus:before {
    content: "c"
}

.icon-basic-elaboration-bookmark-remove:before {
    content: "d"
}

.icon-basic-elaboration-briefcase-check:before {
    content: "e"
}

.icon-basic-elaboration-briefcase-download:before {
    content: "f"
}

.icon-basic-elaboration-briefcase-flagged:before {
    content: "g"
}

.icon-basic-elaboration-briefcase-minus:before {
    content: "h"
}

.icon-basic-elaboration-briefcase-plus:before {
    content: "i"
}

.icon-basic-elaboration-briefcase-refresh:before {
    content: "j"
}

.icon-basic-elaboration-briefcase-remove:before {
    content: "k"
}

.icon-basic-elaboration-briefcase-search:before {
    content: "l"
}

.icon-basic-elaboration-briefcase-star:before {
    content: "m"
}

.icon-basic-elaboration-briefcase-upload:before {
    content: "n"
}

.icon-basic-elaboration-browser-check:before {
    content: "o"
}

.icon-basic-elaboration-browser-download:before {
    content: "p"
}

.icon-basic-elaboration-browser-minus:before {
    content: "q"
}

.icon-basic-elaboration-browser-plus:before {
    content: "r"
}

.icon-basic-elaboration-browser-refresh:before {
    content: "s"
}

.icon-basic-elaboration-browser-remove:before {
    content: "t"
}

.icon-basic-elaboration-browser-search:before {
    content: "u"
}

.icon-basic-elaboration-browser-star:before {
    content: "v"
}

.icon-basic-elaboration-browser-upload:before {
    content: "w"
}

.icon-basic-elaboration-calendar-check:before {
    content: "x"
}

.icon-basic-elaboration-calendar-cloud:before {
    content: "y"
}

.icon-basic-elaboration-calendar-download:before {
    content: "z"
}

.icon-basic-elaboration-calendar-empty:before {
    content: "A"
}

.icon-basic-elaboration-calendar-flagged:before {
    content: "B"
}

.icon-basic-elaboration-calendar-heart:before {
    content: "C"
}

.icon-basic-elaboration-calendar-minus:before {
    content: "D"
}

.icon-basic-elaboration-calendar-next:before {
    content: "E"
}

.icon-basic-elaboration-calendar-noaccess:before {
    content: "F"
}

.icon-basic-elaboration-calendar-pencil:before {
    content: "G"
}

.icon-basic-elaboration-calendar-plus:before {
    content: "H"
}

.icon-basic-elaboration-calendar-previous:before {
    content: "I"
}

.icon-basic-elaboration-calendar-refresh:before {
    content: "J"
}

.icon-basic-elaboration-calendar-remove:before {
    content: "K"
}

.icon-basic-elaboration-calendar-search:before {
    content: "L"
}

.icon-basic-elaboration-calendar-star:before {
    content: "M"
}

.icon-basic-elaboration-calendar-upload:before {
    content: "N"
}

.icon-basic-elaboration-cloud-check:before {
    content: "O"
}

.icon-basic-elaboration-cloud-download:before {
    content: "P"
}

.icon-basic-elaboration-cloud-minus:before {
    content: "Q"
}

.icon-basic-elaboration-cloud-noaccess:before {
    content: "R"
}

.icon-basic-elaboration-cloud-plus:before {
    content: "S"
}

.icon-basic-elaboration-cloud-refresh:before {
    content: "T"
}

.icon-basic-elaboration-cloud-remove:before {
    content: "U"
}

.icon-basic-elaboration-cloud-search:before {
    content: "V"
}

.icon-basic-elaboration-cloud-upload:before {
    content: "W"
}

.icon-basic-elaboration-document-check:before {
    content: "X"
}

.icon-basic-elaboration-document-cloud:before {
    content: "Y"
}

.icon-basic-elaboration-document-download:before {
    content: "Z"
}

.icon-basic-elaboration-document-flagged:before {
    content: "0"
}

.icon-basic-elaboration-document-graph:before {
    content: "1"
}

.icon-basic-elaboration-document-heart:before {
    content: "2"
}

.icon-basic-elaboration-document-minus:before {
    content: "3"
}

.icon-basic-elaboration-document-next:before {
    content: "4"
}

.icon-basic-elaboration-document-noaccess:before {
    content: "5"
}

.icon-basic-elaboration-document-note:before {
    content: "6"
}

.icon-basic-elaboration-document-pencil:before {
    content: "7"
}

.icon-basic-elaboration-document-picture:before {
    content: "8"
}

.icon-basic-elaboration-document-plus:before {
    content: "9"
}

.icon-basic-elaboration-document-previous:before {
    content: "!"
}

.icon-basic-elaboration-document-refresh:before {
    content: "\""
}

.icon-basic-elaboration-document-remove:before {
    content: "#"
}

.icon-basic-elaboration-document-search:before {
    content: "$"
}

.icon-basic-elaboration-document-star:before {
    content: "%"
}

.icon-basic-elaboration-document-upload:before {
    content: "&"
}

.icon-basic-elaboration-folder-check:before {
    content: "'"
}

.icon-basic-elaboration-folder-cloud:before {
    content: "("
}

.icon-basic-elaboration-folder-document:before {
    content: ")"
}

.icon-basic-elaboration-folder-download:before {
    content: "*"
}

.icon-basic-elaboration-folder-flagged:before {
    content: "+"
}

.icon-basic-elaboration-folder-graph:before {
    content: ","
}

.icon-basic-elaboration-folder-heart:before {
    content: "-"
}

.icon-basic-elaboration-folder-minus:before {
    content: "."
}

.icon-basic-elaboration-folder-next:before {
    content: "/"
}

.icon-basic-elaboration-folder-noaccess:before {
    content: ":"
}

.icon-basic-elaboration-folder-note:before {
    content: ";"
}

.icon-basic-elaboration-folder-pencil:before {
    content: "<"
}

.icon-basic-elaboration-folder-picture:before {
    content: "="
}

.icon-basic-elaboration-folder-plus:before {
    content: ">"
}

.icon-basic-elaboration-folder-previous:before {
    content: "?"
}

.icon-basic-elaboration-folder-refresh:before {
    content: "@"
}

.icon-basic-elaboration-folder-remove:before {
    content: "["
}

.icon-basic-elaboration-folder-search:before {
    content: "]"
}

.icon-basic-elaboration-folder-star:before {
    content: "^"
}

.icon-basic-elaboration-folder-upload:before {
    content: "_"
}

.icon-basic-elaboration-mail-check:before {
    content: "`"
}

.icon-basic-elaboration-mail-cloud:before {
    content: "{"
}

.icon-basic-elaboration-mail-document:before {
    content: "|"
}

.icon-basic-elaboration-mail-download:before {
    content: "}"
}

.icon-basic-elaboration-mail-flagged:before {
    content: "~"
}

.icon-basic-elaboration-mail-heart:before {
    content: "\\"
}

.icon-basic-elaboration-mail-next:before {
    content: ""
}

.icon-basic-elaboration-mail-noaccess:before {
    content: ""
}

.icon-basic-elaboration-mail-note:before {
    content: ""
}

.icon-basic-elaboration-mail-pencil:before {
    content: ""
}

.icon-basic-elaboration-mail-picture:before {
    content: ""
}

.icon-basic-elaboration-mail-previous:before {
    content: ""
}

.icon-basic-elaboration-mail-refresh:before {
    content: ""
}

.icon-basic-elaboration-mail-remove:before {
    content: ""
}

.icon-basic-elaboration-mail-search:before {
    content: ""
}

.icon-basic-elaboration-mail-star:before {
    content: ""
}

.icon-basic-elaboration-mail-upload:before {
    content: ""
}

.icon-basic-elaboration-message-check:before {
    content: ""
}

.icon-basic-elaboration-message-dots:before {
    content: ""
}

.icon-basic-elaboration-message-happy:before {
    content: ""
}

.icon-basic-elaboration-message-heart:before {
    content: ""
}

.icon-basic-elaboration-message-minus:before {
    content: ""
}

.icon-basic-elaboration-message-note:before {
    content: ""
}

.icon-basic-elaboration-message-plus:before {
    content: ""
}

.icon-basic-elaboration-message-refresh:before {
    content: ""
}

.icon-basic-elaboration-message-remove:before {
    content: ""
}

.icon-basic-elaboration-message-sad:before {
    content: ""
}

.icon-basic-elaboration-smartphone-cloud:before {
    content: ""
}

.icon-basic-elaboration-smartphone-heart:before {
    content: ""
}

.icon-basic-elaboration-smartphone-noaccess:before {
    content: ""
}

.icon-basic-elaboration-smartphone-note:before {
    content: ""
}

.icon-basic-elaboration-smartphone-pencil:before {
    content: ""
}

.icon-basic-elaboration-smartphone-picture:before {
    content: ""
}

.icon-basic-elaboration-smartphone-refresh:before {
    content: ""
}

.icon-basic-elaboration-smartphone-search:before {
    content: ""
}

.icon-basic-elaboration-tablet-cloud:before {
    content: ""
}

.icon-basic-elaboration-tablet-heart:before {
    content: ""
}

.icon-basic-elaboration-tablet-noaccess:before {
    content: ""
}

.icon-basic-elaboration-tablet-note:before {
    content: ""
}

.icon-basic-elaboration-tablet-pencil:before {
    content: ""
}

.icon-basic-elaboration-tablet-picture:before {
    content: ""
}

.icon-basic-elaboration-tablet-refresh:before {
    content: ""
}

.icon-basic-elaboration-tablet-search:before {
    content: ""
}

.icon-basic-elaboration-todolist-2:before {
    content: ""
}

.icon-basic-elaboration-todolist-check:before {
    content: ""
}

.icon-basic-elaboration-todolist-cloud:before {
    content: ""
}

.icon-basic-elaboration-todolist-download:before {
    content: ""
}

.icon-basic-elaboration-todolist-flagged:before {
    content: ""
}

.icon-basic-elaboration-todolist-minus:before {
    content: ""
}

.icon-basic-elaboration-todolist-noaccess:before {
    content: ""
}

.icon-basic-elaboration-todolist-pencil:before {
    content: ""
}

.icon-basic-elaboration-todolist-plus:before {
    content: ""
}

.icon-basic-elaboration-todolist-refresh:before {
    content: ""
}

.icon-basic-elaboration-todolist-remove:before {
    content: ""
}

.icon-basic-elaboration-todolist-search:before {
    content: ""
}

.icon-basic-elaboration-todolist-star:before {
    content: ""
}

.icon-basic-elaboration-todolist-upload:before {
    content: ""
}

@font-face {
    font-family: linea-ecommerce-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-ecommerce-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-ecommerce-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-ecommerce-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-ecommerce-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-ecommerce-10.svg#linea-ecommerce-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-ecommerce[data-icon]:before {
    font-family: linea-ecommerce-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ecommerce-bag:before {
    content: "a"
}

.icon-ecommerce-bag-check:before {
    content: "b"
}

.icon-ecommerce-bag-cloud:before {
    content: "c"
}

.icon-ecommerce-bag-download:before {
    content: "d"
}

.icon-ecommerce-bag-minus:before {
    content: "e"
}

.icon-ecommerce-bag-plus:before {
    content: "f"
}

.icon-ecommerce-bag-refresh:before {
    content: "g"
}

.icon-ecommerce-bag-remove:before {
    content: "h"
}

.icon-ecommerce-bag-search:before {
    content: "i"
}

.icon-ecommerce-bag-upload:before {
    content: "j"
}

.icon-ecommerce-banknote:before {
    content: "k"
}

.icon-ecommerce-banknotes:before {
    content: "l"
}

.icon-ecommerce-basket:before {
    content: "m"
}

.icon-ecommerce-basket-check:before {
    content: "n"
}

.icon-ecommerce-basket-cloud:before {
    content: "o"
}

.icon-ecommerce-basket-download:before {
    content: "p"
}

.icon-ecommerce-basket-minus:before {
    content: "q"
}

.icon-ecommerce-basket-plus:before {
    content: "r"
}

.icon-ecommerce-basket-refresh:before {
    content: "s"
}

.icon-ecommerce-basket-remove:before {
    content: "t"
}

.icon-ecommerce-basket-search:before {
    content: "u"
}

.icon-ecommerce-basket-upload:before {
    content: "v"
}

.icon-ecommerce-bath:before {
    content: "w"
}

.icon-ecommerce-cart:before {
    content: "x"
}

.icon-ecommerce-cart-check:before {
    content: "y"
}

.icon-ecommerce-cart-cloud:before {
    content: "z"
}

.icon-ecommerce-cart-content:before {
    content: "A"
}

.icon-ecommerce-cart-download:before {
    content: "B"
}

.icon-ecommerce-cart-minus:before {
    content: "C"
}

.icon-ecommerce-cart-plus:before {
    content: "D"
}

.icon-ecommerce-cart-refresh:before {
    content: "E"
}

.icon-ecommerce-cart-remove:before {
    content: "F"
}

.icon-ecommerce-cart-search:before {
    content: "G"
}

.icon-ecommerce-cart-upload:before {
    content: "H"
}

.icon-ecommerce-cent:before {
    content: "I"
}

.icon-ecommerce-colon:before {
    content: "J"
}

.icon-ecommerce-creditcard:before {
    content: "K"
}

.icon-ecommerce-diamond:before {
    content: "L"
}

.icon-ecommerce-dollar:before {
    content: "M"
}

.icon-ecommerce-euro:before {
    content: "N"
}

.icon-ecommerce-franc:before {
    content: "O"
}

.icon-ecommerce-gift:before {
    content: "P"
}

.icon-ecommerce-graph1:before {
    content: "Q"
}

.icon-ecommerce-graph2:before {
    content: "R"
}

.icon-ecommerce-graph3:before {
    content: "S"
}

.icon-ecommerce-graph-decrease:before {
    content: "T"
}

.icon-ecommerce-graph-increase:before {
    content: "U"
}

.icon-ecommerce-guarani:before {
    content: "V"
}

.icon-ecommerce-kips:before {
    content: "W"
}

.icon-ecommerce-lira:before {
    content: "X"
}

.icon-ecommerce-megaphone:before {
    content: "Y"
}

.icon-ecommerce-money:before {
    content: "Z"
}

.icon-ecommerce-naira:before {
    content: "0"
}

.icon-ecommerce-pesos:before {
    content: "1"
}

.icon-ecommerce-pound:before {
    content: "2"
}

.icon-ecommerce-receipt:before {
    content: "3"
}

.icon-ecommerce-receipt-bath:before {
    content: "4"
}

.icon-ecommerce-receipt-cent:before {
    content: "5"
}

.icon-ecommerce-receipt-dollar:before {
    content: "6"
}

.icon-ecommerce-receipt-euro:before {
    content: "7"
}

.icon-ecommerce-receipt-franc:before {
    content: "8"
}

.icon-ecommerce-receipt-guarani:before {
    content: "9"
}

.icon-ecommerce-receipt-kips:before {
    content: "!"
}

.icon-ecommerce-receipt-lira:before {
    content: "\""
}

.icon-ecommerce-receipt-naira:before {
    content: "#"
}

.icon-ecommerce-receipt-pesos:before {
    content: "$"
}

.icon-ecommerce-receipt-pound:before {
    content: "%"
}

.icon-ecommerce-receipt-rublo:before {
    content: "&"
}

.icon-ecommerce-receipt-rupee:before {
    content: "'"
}

.icon-ecommerce-receipt-tugrik:before {
    content: "("
}

.icon-ecommerce-receipt-won:before {
    content: ")"
}

.icon-ecommerce-receipt-yen:before {
    content: "*"
}

.icon-ecommerce-receipt-yen2:before {
    content: "+"
}

.icon-ecommerce-recept-colon:before {
    content: ","
}

.icon-ecommerce-rublo:before {
    content: "-"
}

.icon-ecommerce-rupee:before {
    content: "."
}

.icon-ecommerce-safe:before {
    content: "/"
}

.icon-ecommerce-sale:before {
    content: ":"
}

.icon-ecommerce-sales:before {
    content: ";"
}

.icon-ecommerce-ticket:before {
    content: "<"
}

.icon-ecommerce-tugriks:before {
    content: "="
}

.icon-ecommerce-wallet:before {
    content: ">"
}

.icon-ecommerce-won:before {
    content: "?"
}

.icon-ecommerce-yen:before {
    content: "@"
}

.icon-ecommerce-yen2:before {
    content: "["
}

@font-face {
    font-family: linea-music-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-music-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-music-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-music-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-music-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-music-10.svg#linea-music-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-music[data-icon]:before {
    font-family: linea-music-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-music-beginning-button:before {
    content: "a"
}

.icon-music-bell:before {
    content: "b"
}

.icon-music-cd:before {
    content: "c"
}

.icon-music-diapason:before {
    content: "d"
}

.icon-music-eject-button:before {
    content: "e"
}

.icon-music-end-button:before {
    content: "f"
}

.icon-music-fastforward-button:before {
    content: "g"
}

.icon-music-headphones:before {
    content: "h"
}

.icon-music-ipod:before {
    content: "i"
}

.icon-music-loudspeaker:before {
    content: "j"
}

.icon-music-microphone:before {
    content: "k"
}

.icon-music-microphone-old:before {
    content: "l"
}

.icon-music-mixer:before {
    content: "m"
}

.icon-music-mute:before {
    content: "n"
}

.icon-music-note-multiple:before {
    content: "o"
}

.icon-music-note-single:before {
    content: "p"
}

.icon-music-pause-button:before {
    content: "q"
}

.icon-music-play-button:before {
    content: "r"
}

.icon-music-playlist:before {
    content: "s"
}

.icon-music-radio-ghettoblaster:before {
    content: "t"
}

.icon-music-radio-portable:before {
    content: "u"
}

.icon-music-record:before {
    content: "v"
}

.icon-music-recordplayer:before {
    content: "w"
}

.icon-music-repeat-button:before {
    content: "x"
}

.icon-music-rewind-button:before {
    content: "y"
}

.icon-music-shuffle-button:before {
    content: "z"
}

.icon-music-stop-button:before {
    content: "A"
}

.icon-music-tape:before {
    content: "B"
}

.icon-music-volume-down:before {
    content: "C"
}

.icon-music-volume-up:before {
    content: "D"
}

@font-face {
    font-family: linea-software-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-software-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-software-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-software-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-software-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-software-10.svg#linea-software-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-software[data-icon]:before {
    font-family: linea-software-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-software-add-vectorpoint:before {
    content: "a"
}

.icon-software-box-oval:before {
    content: "b"
}

.icon-software-box-polygon:before {
    content: "c"
}

.icon-software-box-rectangle:before {
    content: "d"
}

.icon-software-box-roundedrectangle:before {
    content: "e"
}

.icon-software-character:before {
    content: "f"
}

.icon-software-crop:before {
    content: "g"
}

.icon-software-eyedropper:before {
    content: "h"
}

.icon-software-font-allcaps:before {
    content: "i"
}

.icon-software-font-baseline-shift:before {
    content: "j"
}

.icon-software-font-horizontal-scale:before {
    content: "k"
}

.icon-software-font-kerning:before {
    content: "l"
}

.icon-software-font-leading:before {
    content: "m"
}

.icon-software-font-size:before {
    content: "n"
}

.icon-software-font-smallcapital:before {
    content: "o"
}

.icon-software-font-smallcaps:before {
    content: "p"
}

.icon-software-font-strikethrough:before {
    content: "q"
}

.icon-software-font-tracking:before {
    content: "r"
}

.icon-software-font-underline:before {
    content: "s"
}

.icon-software-font-vertical-scale:before {
    content: "t"
}

.icon-software-horizontal-align-center:before {
    content: "u"
}

.icon-software-horizontal-align-left:before {
    content: "v"
}

.icon-software-horizontal-align-right:before {
    content: "w"
}

.icon-software-horizontal-distribute-center:before {
    content: "x"
}

.icon-software-horizontal-distribute-left:before {
    content: "y"
}

.icon-software-horizontal-distribute-right:before {
    content: "z"
}

.icon-software-indent-firstline:before {
    content: "A"
}

.icon-software-indent-left:before {
    content: "B"
}

.icon-software-indent-right:before {
    content: "C"
}

.icon-software-lasso:before {
    content: "D"
}

.icon-software-layers1:before {
    content: "E"
}

.icon-software-layers2:before {
    content: "F"
}

.icon-software-layout:before {
    content: "G"
}

.icon-software-layout-2columns:before {
    content: "H"
}

.icon-software-layout-3columns:before {
    content: "I"
}

.icon-software-layout-4boxes:before {
    content: "J"
}

.icon-software-layout-4columns:before {
    content: "K"
}

.icon-software-layout-4lines:before {
    content: "L"
}

.icon-software-layout-8boxes:before {
    content: "M"
}

.icon-software-layout-header:before {
    content: "N"
}

.icon-software-layout-header-2columns:before {
    content: "O"
}

.icon-software-layout-header-3columns:before {
    content: "P"
}

.icon-software-layout-header-4boxes:before {
    content: "Q"
}

.icon-software-layout-header-4columns:before {
    content: "R"
}

.icon-software-layout-header-complex:before {
    content: "S"
}

.icon-software-layout-header-complex2:before {
    content: "T"
}

.icon-software-layout-header-complex3:before {
    content: "U"
}

.icon-software-layout-header-complex4:before {
    content: "V"
}

.icon-software-layout-header-sideleft:before {
    content: "W"
}

.icon-software-layout-header-sideright:before {
    content: "X"
}

.icon-software-layout-sidebar-left:before {
    content: "Y"
}

.icon-software-layout-sidebar-right:before {
    content: "Z"
}

.icon-software-magnete:before {
    content: "0"
}

.icon-software-pages:before {
    content: "1"
}

.icon-software-paintbrush:before {
    content: "2"
}

.icon-software-paintbucket:before {
    content: "3"
}

.icon-software-paintroller:before {
    content: "4"
}

.icon-software-paragraph:before {
    content: "5"
}

.icon-software-paragraph-align-left:before {
    content: "6"
}

.icon-software-paragraph-align-right:before {
    content: "7"
}

.icon-software-paragraph-center:before {
    content: "8"
}

.icon-software-paragraph-justify-all:before {
    content: "9"
}

.icon-software-paragraph-justify-center:before {
    content: "!"
}

.icon-software-paragraph-justify-left:before {
    content: "\""
}

.icon-software-paragraph-justify-right:before {
    content: "#"
}

.icon-software-paragraph-space-after:before {
    content: "$"
}

.icon-software-paragraph-space-before:before {
    content: "%"
}

.icon-software-pathfinder-exclude:before {
    content: "&"
}

.icon-software-pathfinder-intersect:before {
    content: "'"
}

.icon-software-pathfinder-subtract:before {
    content: "("
}

.icon-software-pathfinder-unite:before {
    content: ")"
}

.icon-software-pen:before {
    content: "*"
}

.icon-software-pen-add:before {
    content: "+"
}

.icon-software-pen-remove:before {
    content: ","
}

.icon-software-pencil:before {
    content: "-"
}

.icon-software-polygonallasso:before {
    content: "."
}

.icon-software-reflect-horizontal:before {
    content: "/"
}

.icon-software-reflect-vertical:before {
    content: ":"
}

.icon-software-remove-vectorpoint:before {
    content: ";"
}

.icon-software-scale-expand:before {
    content: "<"
}

.icon-software-scale-reduce:before {
    content: "="
}

.icon-software-selection-oval:before {
    content: ">"
}

.icon-software-selection-polygon:before {
    content: "?"
}

.icon-software-selection-rectangle:before {
    content: "@"
}

.icon-software-selection-roundedrectangle:before {
    content: "["
}

.icon-software-shape-oval:before {
    content: "]"
}

.icon-software-shape-polygon:before {
    content: "^"
}

.icon-software-shape-rectangle:before {
    content: "_"
}

.icon-software-shape-roundedrectangle:before {
    content: "`"
}

.icon-software-slice:before {
    content: "{"
}

.icon-software-transform-bezier:before {
    content: "|"
}

.icon-software-vector-box:before {
    content: "}"
}

.icon-software-vector-composite:before {
    content: "~"
}

.icon-software-vector-line:before {
    content: "\\"
}

.icon-software-vertical-align-bottom:before {
    content: ""
}

.icon-software-vertical-align-center:before {
    content: ""
}

.icon-software-vertical-align-top:before {
    content: ""
}

.icon-software-vertical-distribute-bottom:before {
    content: ""
}

.icon-software-vertical-distribute-center:before {
    content: ""
}

.icon-software-vertical-distribute-top:before {
    content: ""
}

@font-face {
    font-family: linea-weather-10;
    src: url(/assets/less/icons/linea-icons/fonts/linea-weather-10.eot);
    src: url(/assets/less/icons/linea-icons/fonts/linea-weather-10.eot?#iefix) format("embedded-opentype"),url(/assets/less/icons/linea-icons/fonts/linea-weather-10.woff) format("woff"),url(/assets/less/icons/linea-icons/fonts/linea-weather-10.ttf) format("truetype"),url(/assets/less/icons/linea-icons/fonts/linea-weather-10.svg#linea-weather-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-weather[data-icon]:before {
    font-family: linea-weather-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*="linea- icon-"]:before, [class^=linea-icon-]:before {
    font-family: linea-weather-10 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-weather-aquarius:before {
    content: ""
}

.icon-weather-aries:before {
    content: ""
}

.icon-weather-cancer:before {
    content: ""
}

.icon-weather-capricorn:before {
    content: ""
}

.icon-weather-cloud:before {
    content: ""
}

.icon-weather-cloud-drop:before {
    content: ""
}

.icon-weather-cloud-lightning:before {
    content: ""
}

.icon-weather-cloud-snowflake:before {
    content: ""
}

.icon-weather-downpour-fullmoon:before {
    content: ""
}

.icon-weather-downpour-halfmoon:before {
    content: ""
}

.icon-weather-downpour-sun:before {
    content: ""
}

.icon-weather-drop:before {
    content: ""
}

.icon-weather-first-quarter:before {
    content: ""
}

.icon-weather-fog:before {
    content: ""
}

.icon-weather-fog-fullmoon:before {
    content: ""
}

.icon-weather-fog-halfmoon:before {
    content: ""
}

.icon-weather-fog-sun:before {
    content: ""
}

.icon-weather-fullmoon:before {
    content: ""
}

.icon-weather-gemini:before {
    content: ""
}

.icon-weather-hail:before {
    content: ""
}

.icon-weather-hail-fullmoon:before {
    content: ""
}

.icon-weather-hail-halfmoon:before {
    content: ""
}

.icon-weather-hail-sun:before {
    content: ""
}

.icon-weather-last-quarter:before {
    content: ""
}

.icon-weather-leo:before {
    content: ""
}

.icon-weather-libra:before {
    content: ""
}

.icon-weather-lightning:before {
    content: ""
}

.icon-weather-mistyrain:before {
    content: ""
}

.icon-weather-mistyrain-fullmoon:before {
    content: ""
}

.icon-weather-mistyrain-halfmoon:before {
    content: ""
}

.icon-weather-mistyrain-sun:before {
    content: ""
}

.icon-weather-moon:before {
    content: ""
}

.icon-weather-moondown-full:before {
    content: ""
}

.icon-weather-moondown-half:before {
    content: ""
}

.icon-weather-moonset-full:before {
    content: ""
}

.icon-weather-moonset-half:before {
    content: ""
}

.icon-weather-move2:before {
    content: ""
}

.icon-weather-newmoon:before {
    content: ""
}

.icon-weather-pisces:before {
    content: ""
}

.icon-weather-rain:before {
    content: ""
}

.icon-weather-rain-fullmoon:before {
    content: ""
}

.icon-weather-rain-halfmoon:before {
    content: ""
}

.icon-weather-rain-sun:before {
    content: ""
}

.icon-weather-sagittarius:before {
    content: ""
}

.icon-weather-scorpio:before {
    content: ""
}

.icon-weather-snow:before {
    content: ""
}

.icon-weather-snow-fullmoon:before {
    content: ""
}

.icon-weather-snow-halfmoon:before {
    content: ""
}

.icon-weather-snow-sun:before {
    content: ""
}

.icon-weather-snowflake:before {
    content: ""
}

.icon-weather-star:before {
    content: ""
}

.icon-weather-storm-11:before {
    content: ""
}

.icon-weather-storm-32:before {
    content: ""
}

.icon-weather-storm-fullmoon:before {
    content: ""
}

.icon-weather-storm-halfmoon:before {
    content: ""
}

.icon-weather-storm-sun:before {
    content: ""
}

.icon-weather-sun:before {
    content: ""
}

.icon-weather-sundown:before {
    content: ""
}

.icon-weather-sunset:before {
    content: ""
}

.icon-weather-taurus:before {
    content: ""
}

.icon-weather-tempest:before {
    content: ""
}

.icon-weather-tempest-fullmoon:before {
    content: ""
}

.icon-weather-tempest-halfmoon:before {
    content: ""
}

.icon-weather-tempest-sun:before {
    content: ""
}

.icon-weather-variable-fullmoon:before {
    content: ""
}

.icon-weather-variable-halfmoon:before {
    content: ""
}

.icon-weather-variable-sun:before {
    content: ""
}

.icon-weather-virgo:before {
    content: ""
}

.icon-weather-waning-cresent:before {
    content: ""
}

.icon-weather-waning-gibbous:before {
    content: ""
}

.icon-weather-waxing-cresent:before {
    content: ""
}

.icon-weather-waxing-gibbous:before {
    content: ""
}

.icon-weather-wind:before {
    content: ""
}

.icon-weather-wind-e:before {
    content: ""
}

.icon-weather-wind-fullmoon:before {
    content: ""
}

.icon-weather-wind-halfmoon:before {
    content: ""
}

.icon-weather-wind-n:before {
    content: ""
}

.icon-weather-wind-ne:before {
    content: ""
}

.icon-weather-wind-nw:before {
    content: ""
}

.icon-weather-wind-s:before {
    content: ""
}

.icon-weather-wind-se:before {
    content: ""
}

.icon-weather-wind-sun:before {
    content: ""
}

.icon-weather-wind-sw:before {
    content: ""
}

.icon-weather-wind-w:before {
    content: ""
}

.icon-weather-windgust:before {
    content: ""
}

.sttabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300
}

.sticon::before {
    display: inline-block;
    margin: 0 .4em 0 0;
    vertical-align: middle;
    font-size: 20px;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sttabs nav {
    text-align: center
}

    .sttabs nav ul {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        margin: 0 auto;
        padding: 0;
        font-family: Poppins,sans-serif;
        list-style: none;
        -ms-box-orient: horizontal;
        -ms-box-pack: center;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }

        .sttabs nav ul li {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            text-align: center;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

    .sttabs nav a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5
    }

        .sttabs nav a span {
            vertical-align: middle;
            font-wight: 500;
            font-size: 14px;
            font-family: Poppins,sans-serif
        }

        .sttabs nav a:focus {
            outline: 0
        }

    .sttabs nav li.tab-current a {
        color: #fb9678
    }

.tabs-style-bar nav ul li a {
    margin: 0 2px;
    background-color: #f7fafc;
    color: #686868;
    padding: 5px 0;
    transition: background-color .2s,color .2s
}

    .tabs-style-bar nav ul li a:focus, .tabs-style-bar nav ul li a:hover {
        color: #fb9678
    }

    .tabs-style-bar nav ul li a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
        font-family: Poppins,sans-serif
    }

.tabs-style-bar nav ul li.tab-current a {
    background: #fb9678;
    color: #fff
}

.tabs-style-iconbox nav {
    background: #f7fafc
}

    .tabs-style-iconbox nav ul li a {
        overflow: visible;
        padding: 35px 0;
        line-height: 1;
        -webkit-transition: color .2s;
        transition: color .2s;
        color: #2b2b2b
    }

    .tabs-style-iconbox nav ul li.tab-current {
        z-index: 1
    }

        .tabs-style-iconbox nav ul li.tab-current a {
            background: #fb9678;
            color: #fff;
            box-shadow: -1px 0 0 #fff
        }

            .tabs-style-iconbox nav ul li.tab-current a::after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 10px;
                border-top-color: #fb9678;
                content: '';
                pointer-events: none
            }

    .tabs-style-iconbox nav ul li::after, .tabs-style-iconbox nav ul li:first-child::before {
        position: absolute;
        top: 20%;
        right: 0;
        z-index: -1;
        width: 1px;
        height: 60%;
        content: ''
    }

    .tabs-style-iconbox nav ul li:first-child::before {
        right: auto;
        left: 0
    }

.tabs-style-iconbox .sticon::before {
    display: block;
    margin: 0 0 .25em
}

.tabs-style-underline nav {
    border: 1px solid rgba(120,130,140,.13)
}

    .tabs-style-underline nav a {
        padding: 20px 0;
        border-left: 1px solid rgba(120,130,140,.13);
        -webkit-transition: color .2s;
        transition: color .2s;
        color: #2b2b2b
    }

    .tabs-style-underline nav li:last-child a {
        border-right: 1px solid rgba(120,130,140,.13)
    }

    .tabs-style-underline nav li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transform: translate3d(0,150%,0);
        transform: translate3d(0,150%,0)
    }

    .tabs-style-underline nav li.tab-current a::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.tabs-style-linetriangle nav a {
    overflow: visible;
    border-bottom: 1px solid rgba(0,0,0,.2);
    -webkit-transition: color .2s;
    transition: color .2s
}

    .tabs-style-linetriangle nav a span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        padding: 15px 0;
        color: #2b2b2b
    }

.tabs-style-linetriangle nav li.tab-current a:after, .tabs-style-linetriangle nav li.tab-current a:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none
}

.tabs-style-linetriangle nav li.tab-current a:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #fff
}

.tabs-style-linetriangle nav li.tab-current a span {
    color: #fb9678
}

.tabs-style-linetriangle nav li.tab-current a:before {
    margin-left: -11px;
    border-width: 11px;
    border-top-color: rgba(0,0,0,.2)
}

.tabs-style-iconfall {
    overflow: visible
}

    .tabs-style-iconfall nav {
        max-width: 1200px;
        margin: 0 auto
    }

        .tabs-style-iconfall nav a {
            display: inline-block;
            overflow: visible;
            padding: 1em 0 2em;
            color: #2b2b2b;
            line-height: 1;
            -webkit-transition: color .3s cubic-bezier(.7,0,.3,1);
            transition: color .3s cubic-bezier(.7,0,.3,1)
        }

            .tabs-style-iconfall nav a:focus, .tabs-style-iconfall nav a:hover, .tabs-style-iconfall nav li.tab-current a {
                color: #fb9678
            }

        .tabs-style-iconfall nav li::before {
            position: absolute;
            bottom: 1em;
            left: 50%;
            margin-left: -20px;
            width: 40px;
            height: 4px;
            background: #fb9678;
            content: '';
            opacity: 0;
            -webkit-transition: -webkit-transform .2s ease-in;
            transition: transform .2s ease-in;
            -webkit-transform: scale3d(0,1,1);
            transform: scale3d(0,1,1)
        }

        .tabs-style-iconfall nav li.tab-current::before {
            opacity: 1;
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1)
        }

        .tabs-style-iconfall nav li.tab-current .sticon::before {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .tabs-style-iconfall .sticon::before {
        display: block;
        margin: 0 0 .35em;
        opacity: 0;
        font-size: 24px;
        -webkit-transition: -webkit-transform .2s,opacity .2s;
        transition: transform .2s,opacity .2s;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
        pointer-events: none
    }

@media screen and (max-width: 58em) {
    .tabs-style-iconfall nav li .sticon::before {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.tabs-style-linemove nav {
    background: #f7fafc
}

    .tabs-style-linemove nav li:last-child::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-400%,0,0);
        transform: translate3d(-400%,0,0)
    }

    .tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-300%,0,0);
        transform: translate3d(-300%,0,0)
    }

    .tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-200%,0,0);
        transform: translate3d(-200%,0,0)
    }

    .tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    .tabs-style-linemove nav a {
        padding: 30px 0;
        color: #2b2b2b;
        line-height: 1;
        -webkit-transition: color .3s,-webkit-transform .3s;
        transition: color .3s,transform .3s
    }

    .tabs-style-linemove nav li.tab-current a {
        color: #fb9678
    }

.tabs-style-line nav a {
    padding: 20px 10px;
    box-shadow: inset 0 -2px #d1d3d2;
    color: #686868;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    -webkit-transition: color .3s,box-shadow .3s;
    transition: color .3s,box-shadow .3s
}

    .tabs-style-line nav a:focus, .tabs-style-line nav a:hover {
        box-shadow: inset 0 -2px #74777b
    }

.tabs-style-line nav li.tab-current a {
    box-shadow: inset 0 -2px #fb9678;
    color: #fb9678
}

@media screen and (max-width: 58em) {
    .tabs-style-line nav ul {
        display: block;
        box-shadow: none
    }

        .tabs-style-line nav ul li {
            display: block;
            -webkit-flex: none;
            flex: none
        }
}

.tabs-style-circle {
    overflow: visible
}

    .tabs-style-circle nav li {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

        .tabs-style-circle nav li::before {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -60px 0 0 -60px;
            width: 120px;
            height: 120px;
            border: 1px solid #fb9678;
            border-radius: 50%;
            content: '';
            opacity: 0;
            -webkit-transition: -webkit-transform .2s,opacity .2s;
            transition: transform .2s,opacity .2s;
            -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
            transition-timing-function: cubic-bezier(.7,0,.3,1)
        }

    .tabs-style-circle nav a {
        overflow: visible;
        color: #2b2b2b;
        font-weight: 500;
        font-size: 14;
        line-height: 1.1;
        -webkit-transition: color .3s cubic-bezier(.7,0,.3,1);
        transition: color .3s cubic-bezier(.7,0,.3,1)
    }

        .tabs-style-circle nav a span {
            display: inline-block
        }

        .tabs-style-circle nav a:focus, .tabs-style-circle nav a:hover, .tabs-style-circle nav li.tab-current a {
            color: #fb9678
        }

            .tabs-style-circle nav li.tab-current a span {
                -webkit-transform: translate3d(0,4px,0);
                transform: translate3d(0,4px,0)
            }

@media screen and (max-width: 58em) {
    .tabs-style-circle nav li::before {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px
    }
}

.tabs-style-circle nav li.tab-current::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.tabs-style-circle .icon::before, .tabs-style-circle nav a span {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7,0,.3,1);
    transition: transform .3s cubic-bezier(.7,0,.3,1)
}

.tabs-style-circle .sticon::before {
    display: block;
    margin: 0;
    pointer-events: none
}

.tabs-style-circle nav li.tab-current .sticon::before {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)
}

.tabs-style-shape {
    max-width: 1200px;
    margin: 0 auto
}

    .tabs-style-shape nav ul li {
        margin: 0 3em
    }

        .tabs-style-shape nav ul li:first-child {
            margin-left: 0
        }

        .tabs-style-shape nav ul li.tab-current {
            z-index: 1
        }

    .tabs-style-shape nav li a {
        overflow: visible;
        margin: 0 -3em 0 0;
        padding: 0;
        color: #fff;
        font-weight: 500
    }

        .tabs-style-shape nav li a svg {
            position: absolute;
            left: 100%;
            margin: 0;
            width: 3em;
            height: 100%;
            fill: #bdc2c9
        }

    .tabs-style-shape nav li:first-child a span {
        padding-left: 2em;
        border-radius: 30px 0 0
    }

    .tabs-style-shape nav li:last-child a span {
        padding-right: 2em;
        border-radius: 0 30px 0 0
    }

    .tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg {
        right: 100%;
        left: auto;
        -webkit-transform: scale3d(-1,1,1);
        transform: scale3d(-1,1,1)
    }

    .tabs-style-shape nav li a span {
        display: block;
        overflow: hidden;
        padding: .65em 0;
        background-color: #bdc2c9;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tabs-style-shape nav li a:hover span {
        background-color: #fb9678
    }

    .tabs-style-shape nav li a:hover svg {
        fill: #fb9678
    }

    .tabs-style-shape nav li a svg {
        pointer-events: none
    }

        .tabs-style-shape nav li a svg use {
            pointer-events: auto
        }

    .tabs-style-shape nav li.tab-current a span, .tabs-style-shape nav li.tab-current a svg {
        -webkit-transition: none;
        transition: none
    }

    .tabs-style-shape nav li.tab-current a span {
        background: #f7fafc
    }

    .tabs-style-shape nav li.tab-current a svg {
        fill: #f7fafc
    }

    .tabs-style-shape .content-wrap {
        background: #f7fafc
    }

@media screen and (max-width: 58em) {
    .tabs-style-shape nav ul {
        display: block;
        padding-top: 1.5em
    }

        .tabs-style-shape nav ul li {
            display: block;
            margin: -1.25em 0 0;
            -webkit-flex: none;
            flex: none
        }

            .tabs-style-shape nav ul li a {
                margin: 0
            }

            .tabs-style-shape nav ul li svg {
                display: none
            }

            .tabs-style-shape nav ul li a span {
                padding: 1.25em 0 2em !important;
                border-radius: 30px 30px 0 0 !important;
                box-shadow: 0 -1px 2px rgba(0,0,0,.1);
                line-height: 1
            }

            .tabs-style-shape nav ul li:last-child a span {
                padding: 1.25em 0 !important
            }

            .tabs-style-shape nav ul li.tab-current {
                z-index: 1
            }
}

.tabs-style-linebox nav ul li {
    margin: 0 .5em;
    -webkit-flex: none;
    flex: none
}

.tabs-style-linebox nav a {
    padding: 0 1.5em;
    color: #2b2b2b;
    font-weight: 500;
    -webkit-transition: color .3s;
    transition: color .3s
}

    .tabs-style-linebox nav a:focus, .tabs-style-linebox nav a:hover {
        color: #fb9678
    }

.tabs-style-linebox nav li.tab-current a {
    color: #fff
}

.tabs-style-linebox nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #d2d8d6;
    content: '';
    -webkit-transition: background-color .3s,-webkit-transform .3s;
    transition: background-color .3s,transform .3s;
    -webkit-transition-timing-function: ease,cubic-bezier(.7,0,.3,1);
    transition-timing-function: ease,cubic-bezier(.7,0,.3,1);
    -webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
    transform: translate3d(0,100%,0) translate3d(0,-3px,0)
}

.tabs-style-linebox nav li.tab-current a::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tabs-style-linebox nav a:focus::after, .tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav li.tab-current a::after {
    background: #fb9678
}

@media screen and (max-width: 58em) {
    .tabs-style-linebox nav ul {
        display: block;
        box-shadow: none
    }

        .tabs-style-linebox nav ul li {
            display: block;
            -webkit-flex: none;
            flex: none
        }
}

.tabs-style-flip {
    max-width: 1200px;
    margin: 0 auto
}

    .tabs-style-flip nav a {
        padding: .5em 0;
        color: #2b2b2b;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .tabs-style-flip nav a:focus, .tabs-style-flip nav a:hover {
            color: #fb9678
        }

        .tabs-style-flip nav a span {
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .tabs-style-flip nav a::after {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
            content: '';
            -webkit-transition: -webkit-transform .3s,background-color .3s;
            transition: transform .3s,background-color .3s;
            -webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
            transform: perspective(900px) rotate3d(1,0,0,90deg);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-perspective-origin: 50% 100%;
            perspective-origin: 50% 100%
        }

    .tabs-style-flip nav li.tab-current a {
        color: #fb9678
    }

        .tabs-style-flip nav li.tab-current a::after {
            background-color: #f7fafc;
            -webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
            transform: perspective(900px) rotate3d(1,0,0,0deg)
        }

    .tabs-style-flip .content-wrap {
        background: #f7fafc
    }

.tabs-style-circlefill {
    max-width: 800px;
    border: 1px solid #fb9678;
    margin: 0 auto
}

    .tabs-style-circlefill nav ul li {
        overflow: hidden;
        border-right: 1px solid #fb9678
    }

    .tabs-style-circlefill nav li a {
        padding: 1.5em 0;
        color: #fff;
        font-size: 1.25em
    }

    .tabs-style-circlefill nav li:first-child {
        border-left: none
    }

    .tabs-style-circlefill nav li:last-child {
        border: none
    }

    .tabs-style-circlefill nav li::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px;
        border: 1px solid #fb9678;
        border-radius: 50%;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .tabs-style-circlefill nav li.tab-current::before {
        -webkit-transform: scale3d(2.5,2.5,1);
        transform: scale3d(2.5,2.5,1)
    }

    .tabs-style-circlefill nav a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .tabs-style-circlefill nav a span {
            display: none
        }

    .tabs-style-circlefill nav li.tab-current a {
        color: #fff
    }

    .tabs-style-circlefill .icon::before {
        display: block;
        margin: 0;
        pointer-events: none
    }

    .tabs-style-circlefill .content-wrap {
        border-top: 1px solid #fb9678
    }

.content-wrap {
    position: relative
}

    .content-wrap section {
        display: none;
        margin: 0 auto;
        padding: 25px;
        min-height: 150px
    }

        .content-wrap section p {
            margin: 0;
            padding: .75em 0
        }

        .content-wrap section.content-current {
            display: block
        }

.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255,255,255,.6)
}

.no-flexbox nav ul {
    display: block
}

    .no-flexbox nav ul li {
        min-width: 15%;
        display: inline-block
    }

@media screen and (max-width: 58em) {
    .sttabs nav a span {
        display: none
    }

    .sttabs nav a:before {
        margin-right: 0
    }
}

.mytooltip {
    display: inline;
    position: relative
}

.tooltip-item {
    background: rgba(0,0,0,.1);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 0 10px
}

    .tooltip-item::after {
        content: '';
        position: absolute;
        width: 360px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.mytooltip:hover .tooltip-item::after {
    pointer-events: auto
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    left: 50%;
    margin: 0 0 20px -180px;
    bottom: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    box-shadow: -5px -5px 15px rgba(48,54,61,.2);
    background: #2b2b2b;
    opacity: 0;
    cursor: default;
    pointer-events: none
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    color: #fff
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(110%);
    transform-origin: 50% calc(110%);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
    transform: perspective(1000px) rotate3d(1,0,0,45deg);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(.7,.3,1);
    transform: scale3d(.7,.3,1);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s
}

.tooltip-effect-5 .tooltip-content {
    width: 180px;
    margin-left: -90px;
    -webkit-transform-origin: 50% calc(106%);
    transform-origin: 50% calc(106%);
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    -webkit-transition-timing-function: ease,cubic-bezier(.17,.67,.4,1.39);
    transition-timing-function: ease,cubic-bezier(.17,.67,.4,1.39)
}

.mytooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0)
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg)
}

.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #2a3035 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.tooltip-content img {
    position: relative;
    height: 140px;
    display: block;
    float: left;
    margin-right: 1em
}

.tooltip-text {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    padding: 1.31em 1.21em;
    color: #fff
}

.tooltip-effect-5 .tooltip-text {
    padding: 1.4em
}

a.mytooltip {
    font-weight: 500;
    color: #fb9678
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    left: 50%;
    margin-left: -40px;
    bottom: 100%;
    border-radius: 50%;
    text-align: center;
    background: #fb9678;
    color: #fff;
    opacity: 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none
}

    .tooltip-content2 i {
        opacity: 0
    }

.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i {
    opacity: 1;
    font-size: 18px
}

.tooltip-effect-6 .tooltip-content2 {
    -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,1,45deg);
    transform: translate3d(0,10px,0) rotate3d(1,1,1,45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

    .tooltip-effect-6 .tooltip-content2 i {
        -webkit-transform: scale3d(0,0,1);
        transform: scale3d(0,0,1);
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s
    }

.tooltip-effect-7 .tooltip-content2 {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

    .tooltip-effect-7 .tooltip-content2 i {
        -webkit-transform: translate3d(0,15px,0);
        transform: translate3d(0,15px,0);
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s
    }

.tooltip-effect-8 .tooltip-content2 {
    -webkit-transform: translate3d(0,10px,0) rotate3d(0,1,0,90deg);
    transform: translate3d(0,10px,0) rotate3d(0,1,0,90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

    .tooltip-effect-8 .tooltip-content2 i {
        -webkit-transform: scale3d(0,0,1);
        transform: scale3d(0,0,1);
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s
    }

.tooltip-effect-9 .tooltip-content2 {
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

    .tooltip-effect-9 .tooltip-content2 i {
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s
    }

.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i {
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1)
}

.tooltip-effect-6:hover .tooltip-content2 i {
    -webkit-transform: rotate3d(1,1,1,0);
    transform: rotate3d(1,1,1,0)
}

.tooltip-content2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin: -7px 0 0 -15px;
    width: 30px;
    height: 20px;
    background: url(/plugins/images/tooltip/tooltip1.svg) center center no-repeat;
    background-size: 100%
}

.tooltip-content3 {
    position: absolute;
    background: url(/plugins/images/tooltip/shape1.svg) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14;
    line-height: 27px;
    pointer-events: none;
    -webkit-transform: scale3d(.1,.2,1);
    transform: scale3d(.1,.2,1);
    -webkit-transform-origin: 50% 120%;
    transform-origin: 50% 120%;
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    transition: opacity .4s,transform .4s;
    -webkit-transition-timing-function: ease,cubic-bezier(.6,0,.4,1);
    transition-timing-function: ease,cubic-bezier(.6,0,.4,1)
}

.mytooltip:hover .tooltip-content3 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.tooltip-content3::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    background: #00aeef;
    -webkit-transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);
    transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg)
}

.tooltip-item2 {
    color: #03a9f3;
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: background-color .3s,color .3s,-webkit-transform .3s;
    transition: background-color .3s,color .3s,transform .3s
}

.mytooltip:hover .tooltip-item2 {
    color: #fff;
    -webkit-transform: translate3d(0,-.5em,0);
    transform: translate3d(0,-.5em,0)
}

.tooltip-content4 {
    position: absolute;
    z-index: 99;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    bottom: -5px;
    text-align: left;
    background: #03a9f3;
    opacity: 0;
    font-size: 14px;
    line-height: 27px;
    padding: 1.5em;
    color: #fff;
    border-bottom: 55px solid #2b2b2b;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0,-.5em,0);
    transform: translate3d(0,-.5em,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

    .tooltip-content4 a {
        color: #2b2b2b
    }

.tooltip-text2 {
    opacity: 0;
    -webkit-transform: translate3d(0,1.5em,0);
    transform: translate3d(0,1.5em,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

.mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tooltip-content5 {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: 50%;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

.mytooltip:hover .tooltip-content5 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.tooltip-content5 span {
    display: block
}

.tooltip-text3 {
    border-bottom: 10px solid #fb9678;
    overflow: hidden;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s
}

.mytooltip:hover .tooltip-text3 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.tooltip-inner2 {
    background: #2b2b2b;
    padding: 40px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.mytooltip:hover .tooltip-inner2 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tooltip-content5::after {
    content: '';
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fb9678 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

@media(max-width: 1350px) {
    .carousel .item h3 {
        font-size: 17px;
        height: 90px
    }

    .inbox-center a {
        width: 400px
    }
}

.search-listing {
    padding: 0;
    margin: 0
}

    .search-listing li {
        list-style: none;
        padding: 15px 0;
        border-bottom: 1px solid rgba(120,130,140,.13)
    }

        .search-listing li h3 {
            margin: 0;
            font-size: 18px
        }

            .search-listing li h3 a {
                color: #03a9f3
            }

                .search-listing li h3 a:hover {
                    text-decoration: underline
                }

        .search-listing li a {
            color: #00c292
        }

.megamenu {
    left: 0;
    right: 0;
    width: 100%
}

.mega-dropdown {
    position: static !important
}

.mega-dropdown-menu {
    padding: 20px;
    width: 100%;
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: 0 20px 40px rgba(0,0,0,.2) !important
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                padding: 8px 0;
                clear: both;
                line-height: 1.428571429;
                color: #686868;
                white-space: normal
            }

                .mega-dropdown-menu > li > ul > li > a:focus, .mega-dropdown-menu > li > ul > li > a:hover {
                    text-decoration: none;
                    color: #ff6849
                }

    .mega-dropdown-menu .dropdown-header {
        font-size: 16px;
        font-weight: 500;
        padding: 8px 0;
        margin-top: 12px
    }

    .mega-dropdown-menu li.demo-box a {
        color: #fff;
        display: block
    }

        .mega-dropdown-menu li.demo-box a:hover {
            opacity: .8
        }

a.dt-button, button.dt-button, div.dt-button {
    background: #03a9f3;
    color: #fff;
    border-color: #03a9f3
}

    a.dt-button:hover, button.dt-button:hover, div.dt-button:hover {
        background: #03a9f3
    }

        a.dt-button:hover:not(.disabled), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) {
            background: #f7fafc;
            color: #2b2b2b;
            border-color: rgba(120,130,140,.13)
        }

.dataTables_filter input {
    border: 1px solid rgba(120,130,140,.13)
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background: 0 0
}

.note-editor .panel-heading {
    padding: 6px 10px 10px
}

.page-aside {
    position: relative
}

.left-aside {
    position: absolute;
    background: #fff;
    border-right: 1px solid rgba(120,130,140,.13);
    padding: 20px;
    width: 250px;
    height: 100%
}

.right-aside {
    padding: 20px;
    margin-left: 250px
}

    .right-aside .contact-list td {
        vertical-align: middle;
        padding: 25px 10px
    }

        .right-aside .contact-list td img {
            width: 30px
        }

.list-style-none {
    margin: 0;
    padding: 0
}

    .list-style-none li {
        list-style: none;
        margin: 0
    }

        .list-style-none li.box-label a {
            font-weight: 500
        }

        .list-style-none li.divider {
            margin: 10px 0;
            height: 1px;
            background: rgba(120,130,140,.13)
        }

        .list-style-none li a {
            padding: 15px 10px;
            display: block;
            color: #686868
        }

            .list-style-none li a:hover {
                color: #ff6849
            }

            .list-style-none li a span {
                float: right
            }

.chat-main-box {
    position: relative;
    background: #fff;
    overflow: hidden
}

    .chat-main-box .chat-left-aside {
        position: absolute;
        width: 250px;
        z-index: 9;
        top: 0;
        border-right: 1px solid rgba(120,130,140,.13)
    }

        .chat-main-box .chat-left-aside .open-panel {
            display: none;
            cursor: pointer;
            position: absolute;
            left: -webkit-calc(99%);
            top: 50%;
            z-index: 100;
            background-color: #fff;
            -webkit-box-shadow: 1px 0 3px rgba(0,0,0,.2);
            box-shadow: 1px 0 3px rgba(0,0,0,.2);
            border-radius: 0 100px 100px 0;
            line-height: 1;
            padding: 15px 8px 15px 4px
        }

        .chat-main-box .chat-left-aside .chat-left-inner .form-control {
            height: 60px
        }

        .chat-main-box .chat-left-aside .chat-left-inner .style-none {
            padding: 0
        }

            .chat-main-box .chat-left-aside .chat-left-inner .style-none li {
                list-style: none;
                overflow: hidden
            }

                .chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
                    padding: 20px
                }

                    .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover {
                        background: #f7fafc
                    }

    .chat-main-box .chat-right-aside {
        margin-left: 250px
    }

        .chat-main-box .chat-right-aside .chat-list {
            max-height: none;
            height: 100%;
            padding-top: 40px
        }

            .chat-main-box .chat-right-aside .chat-list .chat-text {
                border-radius: 6px
            }

        .chat-main-box .chat-right-aside .send-chat-box {
            position: relative
        }

            .chat-main-box .chat-right-aside .send-chat-box .form-control {
                border: none;
                border-top: 1px solid rgba(120,130,140,.13);
                resize: none;
                height: 80px;
                padding-right: 180px
            }

                .chat-main-box .chat-right-aside .send-chat-box .form-control:focus {
                    border-color: rgba(120,130,140,.13)
                }

            .chat-main-box .chat-right-aside .send-chat-box .custom-send {
                position: absolute;
                right: 20px;
                bottom: 10px
            }

                .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
                    color: #686868;
                    margin-right: 10px
                }

.el-element-overlay .white-box {
    padding: 0
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 25px
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 15px
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center
    }

        .el-element-overlay .el-card-item .el-card-content h3 {
            margin: 0
        }

        .el-element-overlay .el-card-item .el-card-content a {
            color: #686868
        }

            .el-element-overlay .el-card-item .el-card-content a:hover {
                color: #ff6849
            }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            height: auto
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0)
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0)
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
                    border-color: #fff;
                    color: #fff;
                    padding: 12px 15px 10px
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
                        background: #fb9678;
                        border-color: #fb9678
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0,0,0,.7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
        top: 0;
        height: 100%
    }

.login-sidebar {
    position: absolute;
    right: 0;
    margin-top: 0;
    height: 100%
}

.common-list {
    margin: 0;
    padding: 0
}

    .common-list li {
        list-style: none;
        display: block
    }

        .common-list li a {
            padding: 12px 0;
            color: #686868;
            display: block
        }

            .common-list li a:hover {
                color: #ff6849
            }

.color-table.primary-table thead th {
    background-color: #ab8ce4;
    color: #fff
}

.color-table.success-table thead th {
    background-color: #00c292;
    color: #fff
}

.color-table.info-table thead th {
    background-color: #03a9f3;
    color: #fff
}

.color-table.warning-table thead th {
    background-color: #fec107;
    color: #fff
}

.color-table.danger-table thead th {
    background-color: #fb9678;
    color: #fff
}

.color-table.inverse-table thead th {
    background-color: #4c5667;
    color: #fff
}

.color-table.dark-table thead th {
    background-color: #2b2b2b;
    color: #fff
}

.color-table.red-table thead th {
    background-color: #fb3a3a;
    color: #fff
}

.color-table.purple-table thead th {
    background-color: #9675ce;
    color: #fff
}

.color-table.muted-table thead th {
    background-color: #98a6ad;
    color: #fff
}

.color-bordered-table.primary-bordered-table {
    border: 2px solid #ab8ce4
}

    .color-bordered-table.primary-bordered-table thead th {
        background-color: #ab8ce4;
        color: #fff
    }

.color-bordered-table.success-bordered-table {
    border: 2px solid #00c292
}

    .color-bordered-table.success-bordered-table thead th {
        background-color: #00c292;
        color: #fff
    }

.color-bordered-table.info-bordered-table {
    border: 2px solid #03a9f3
}

    .color-bordered-table.info-bordered-table thead th {
        background-color: #03a9f3;
        color: #fff
    }

.color-bordered-table.warning-bordered-table {
    border: 2px solid #fec107
}

    .color-bordered-table.warning-bordered-table thead th {
        background-color: #fec107;
        color: #fff
    }

.color-bordered-table.danger-bordered-table {
    border: 2px solid #fb9678
}

    .color-bordered-table.danger-bordered-table thead th {
        background-color: #fb9678;
        color: #fff
    }

.color-bordered-table.inverse-bordered-table {
    border: 2px solid #4c5667
}

    .color-bordered-table.inverse-bordered-table thead th {
        background-color: #4c5667;
        color: #fff
    }

.color-bordered-table.dark-bordered-table {
    border: 2px solid #2b2b2b
}

    .color-bordered-table.dark-bordered-table thead th {
        background-color: #2b2b2b;
        color: #fff
    }

.color-bordered-table.red-bordered-table {
    border: 2px solid #fb3a3a
}

    .color-bordered-table.red-bordered-table thead th {
        background-color: #fb3a3a;
        color: #fff
    }

.color-bordered-table.purple-bordered-table {
    border: 2px solid #9675ce
}

    .color-bordered-table.purple-bordered-table thead th {
        background-color: #9675ce;
        color: #fff
    }

.color-bordered-table.muted-bordered-table {
    border: 2px solid #98a6ad
}

    .color-bordered-table.muted-bordered-table thead th {
        background-color: #98a6ad;
        color: #fff
    }

.full-color-table.full-primary-table {
    background-color: rgba(171,140,228,.8)
}

    .full-color-table.full-primary-table thead th {
        background-color: #ab8ce4;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-primary-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-primary-table tr:hover {
        background-color: #ab8ce4
    }

.full-color-table.full-success-table {
    background-color: rgba(0,194,146,.8)
}

    .full-color-table.full-success-table thead th {
        background-color: #00c292;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-success-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-success-table tr:hover {
        background-color: #00c292
    }

.full-color-table.full-info-table {
    background-color: rgba(3,169,243,.8)
}

    .full-color-table.full-info-table thead th {
        background-color: #03a9f3;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-info-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-info-table tr:hover {
        background-color: #03a9f3
    }

.full-color-table.full-warning-table {
    background-color: rgba(254,193,7,.8)
}

    .full-color-table.full-warning-table thead th {
        background-color: #fec107;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-warning-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-warning-table tr:hover {
        background-color: #fec107
    }

.full-color-table.full-danger-table {
    background-color: rgba(251,150,120,.8)
}

    .full-color-table.full-danger-table thead th {
        background-color: #fb9678;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-danger-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-danger-table tr:hover {
        background-color: #fb9678
    }

.full-color-table.full-inverse-table {
    background-color: rgba(76,86,103,.8)
}

    .full-color-table.full-inverse-table thead th {
        background-color: #4c5667;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-inverse-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-inverse-table tr:hover {
        background-color: #4c5667
    }

.full-color-table.full-dark-table {
    background-color: rgba(43,43,43,.8)
}

    .full-color-table.full-dark-table thead th {
        background-color: #2b2b2b;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-dark-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-dark-table tr:hover {
        background-color: #2b2b2b
    }

.full-color-table.full-red-table {
    background-color: rgba(251,58,58,.8)
}

    .full-color-table.full-red-table thead th {
        background-color: #fb3a3a;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-red-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-red-table tr:hover {
        background-color: #fb3a3a
    }

.full-color-table.full-purple-table {
    background-color: rgba(150,117,206,.8)
}

    .full-color-table.full-purple-table thead th {
        background-color: #9675ce;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-purple-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-purple-table tr:hover {
        background-color: #9675ce
    }

.full-color-table.full-muted-table {
    background-color: rgba(152,166,173,.8)
}

    .full-color-table.full-muted-table thead th {
        background-color: #98a6ad;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-muted-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-muted-table tr:hover {
        background-color: #98a6ad
    }

.floating-labels .form-group {
    position: relative
}

.floating-labels .form-control {
    font-size: 20px;
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    border-bottom: 1px solid #e4e7ea
}

.floating-labels select.form-control > option {
    font-size: 14px
}

.has-error .form-control {
    border-bottom: 1px solid #fb9678
}

.has-warning .form-control {
    border-bottom: 1px solid #fec107
}

.has-success .form-control {
    border-bottom: 1px solid #00c292
}

.floating-labels .form-control:focus {
    outline: 0;
    border: none
}

.floating-labels label {
    color: #686868;
    font-size: 16px;
    position: absolute;
    cursor: auto;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.floating-labels .form-control:focus ~ label, .floating-labels .form-control:valid ~ label {
    top: -20px;
    font-size: 12px;
    color: #ab8ce4
}

.floating-labels .bar {
    position: relative;
    display: block
}

    .floating-labels .bar:after, .floating-labels .bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #ab8ce4;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all
    }

    .floating-labels .bar:before {
        left: 50%
    }

    .floating-labels .bar:after {
        right: 50%
    }

.floating-labels .form-control:focus ~ .bar:after, .floating-labels .form-control:focus ~ .bar:before {
    width: 50%
}

.floating-labels .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.floating-labels .input-lg, .floating-labels .input-lg ~ label {
    font-size: 24px
}

.floating-labels .input-sm, .floating-labels .input-sm ~ label {
    font-size: 16px
}

.has-warning .bar:after, .has-warning .bar:before {
    background: #fec107
}

.has-success .bar:after, .has-success .bar:before {
    background: #00c292
}

.has-error .bar:after, .has-error .bar:before {
    background: #fb9678
}

.has-warning .form-control:focus ~ label, .has-warning .form-control:valid ~ label {
    color: #fec107
}

.has-success .form-control:focus ~ label, .has-success .form-control:valid ~ label {
    color: #00c292
}

.has-error .form-control:focus ~ label, .has-error .form-control:valid ~ label {
    color: #fb9678
}

.has-feedback label ~ .t-0 {
    top: 0
}

.table.dataTable, table.dataTable {
    width: 100% !important;
    margin: 0 !important
}

    table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
        float: none;
        padding-left: 10px
    }

.re ul.two-part li i, .re ul.two-part li span {
    font-size: 36px
}

.bg-light h4 {
    font-weight: 700
}

.agent-contact, .pro-desc {
    font-size: 12px
}

.form-agent-inq .form-group {
    margin-bottom: 10px
}

.agent-info {
    max-height: 358px;
    height: 358px;
    background: #f7fafc
}

.pro-list {
    margin-top: 15px
}

.pro-detail, .pro-img {
    display: table-cell;
    vertical-align: top
}

    .pro-detail h5 a {
        color: #686868;
        line-height: 20px;
        font-weight: 500
    }

.pro-box .pro-list-img {
    display: block;
    height: 210px;
    position: relative;
    overflow: hidden
}

.pro-box .pro-label {
    position: absolute;
    text-transform: uppercase;
    top: 0;
    right: 0;
    border-radius: 2px;
    padding: 5px;
    font-size: 80%
}

.pro-col-label {
    padding: 7px;
    width: 26%;
    display: block;
    margin-top: -15px;
    margin-left: 37%;
    border: 1px solid rgba(120,130,140,.13);
    text-transform: uppercase
}

.pro-box .pro-label-img {
    position: absolute;
    top: 30px;
    right: 30px
}

.pro-box.pro-horizontal pro-content {
    width: 100%;
    height: 210px
}

.pro-content .pro-list-details {
    height: 138px;
    max-height: 142px;
    border-bottom: 1px solid rgba(120,130,140,.13);
    border-right: 1px solid rgba(120,130,140,.13)
}

.pro-content .pro-list-info {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.pro-agent .agent-name h5, .pro-agent .agent-name small, .pro-agent-col-3 .agent-name h5, .pro-agent-col-3 .agent-name small, .pro-content .pro-list-details h3, .pro-content .pro-list-details h4, .pro-content-3-col .pro-list-details h3, .pro-content-3-col .pro-list-details h4, .pro-content-3-col .pro-list-details h4 small, .pro-list-info ul.pro-info li, .pro-list-info-3-col ul.pro-info li, .pro-location span, ul.pro-info li span.label {
    font-weight: 500
}

.pro-list-info ul.pro-info, .pro-list-info-3-col ul.pro-info {
    padding: 16px 10px 10px;
    list-style: none
}

    .pro-list-info ul.pro-info li {
        padding: 10px 0 10px 20px;
        font-size: 12px
    }

ul.pro-info li span.label {
    width: 25px;
    height: 25px;
    padding: 8px;
    border-radius: 50%;
    margin-top: -4px;
    margin-right: 15px;
    font-size: 12px
}

ul.pro-amenities li span img, ul.pro-info li span img {
    margin-top: -8px;
    padding-right: 12px
}

.pro-agent .agent-img a img, .pro-agent-col-3 .agent-img a img {
    border: 3px solid #fff;
    box-shadow: 1px 1px 1px rgba(120,130,140,.13)
}

.pro-agent .agent-img, .pro-agent .agent-name, .pro-agent-col-3 .agent-img, .pro-agent-col-3 .agent-name {
    float: left
}

.pro-agent .agent-img {
    padding-top: 12px
}

.pro-agent .agent-name {
    padding: 10px 0 0 15px
}

.pro-location span {
    padding-top: 27px
}

.pro-content-3-col {
    padding: 15px;
    background: #f7fafc
}

    .pro-content-3-col .pro-list-details h4 small {
        color: #fb9678
    }

.pro-list-info-3-col ul.pro-info li {
    padding: 10px 5px
}

.pro-agent-col-3 .agent-img {
    padding: 15px
}

.pro-agent-col-3 .agent-name {
    padding: 15px 15px 15px 5px
}

ul.pro-amenities {
    list-style: none;
    padding: 8px 0
}

    ul.pro-amenities li {
        padding: 10px 0;
        font-size: 12px
    }

        ul.pro-amenities li span i {
            padding-right: 12px
        }

.pro-rd .table > tbody > tr > td:first-child {
    font-weight: 500
}

.pro-rd .table > tbody > tr > td, .pro-rd .table > tbody > tr > th {
    border: none;
    padding: 8px 8px 8px 0;
    font-size: 12px
}

.pd-agent-info {
    max-height: 200px;
    height: 200px;
    background: #f7fafc;
    margin-top: 15px
}

.pd-agent-contact, .pd-agent-inq {
    padding: 25px
}

.pro-add-form .checkbox label, .pro-add-form .radio label {
    font-weight: 100
}

.register-box {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 2%
}

.step-register {
    position: absolute;
    height: 100%
}

#sortable_panels .panel-heading {
    cursor: move
}

.icheck-list, .icolors {
    padding: 0;
    margin: 0;
    list-style: none
}

    .icolors > li {
        padding: 0;
        margin: 2px;
        float: left;
        display: inline-block;
        height: 30px;
        width: 30px;
        background: #2b2b2b;
        text-align: center
    }

        .icolors > li.active:after {
            content: "✓";
            color: #fff;
            line-height: 30px
        }

        .icolors > li:first-child {
            margin-left: 0
        }

        .icolors > li.orange {
            background: #fb9678
        }

        .icolors > li.yellow {
            background: #fec107
        }

        .icolors > li.info {
            background: #03a9f3
        }

        .icolors > li.green {
            background: #00c292
        }

        .icolors > li.red {
            background: #fb3a3a
        }

        .icolors > li.purple {
            background: #9675ce
        }

        .icolors > li.blue {
            background: #02bec9
        }

.icheck-list {
    float: left;
    padding-right: 50px;
    padding-top: 10px
}

    .icheck-list li {
        padding-bottom: 5px
    }

        .icheck-list li label {
            padding-left: 10px
        }

.default-steps .column-step {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background: #edf1f5
}

    .default-steps .column-step.active {
        background: #03a9f3
    }

        .default-steps .column-step.active .step-number, .default-steps .step-number {
            font-size: 24px;
            background: #03a9f3;
            color: #fff;
            border-radius: 50%;
            display: inline-block;
            margin: auto auto 10px;
            height: 50px;
            width: 50px;
            text-align: center;
            line-height: 50px
        }

        .default-steps .column-step.active .step-number {
            background: #fff;
            color: #686868
        }

.default-steps .step-title {
    font-size: 24px;
    font-weight: 100
}

.default-steps .column-step.active .step-info, .default-steps .column-step.active .step-title {
    color: #fff
}

.thin-steps .column-step {
    padding: 20px;
    background: #edf1f5
}

    .thin-steps .column-step.active {
        background: #fb9678
    }

        .thin-steps .column-step.active .step-number, .thin-steps .step-number {
            font-size: 20px;
            background: #fb9678;
            color: #fff;
            border-radius: 50%;
            float: left;
            display: inline-block;
            margin: auto;
            padding-top: 2px;
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 40px
        }

        .thin-steps .column-step.active .step-number {
            background: #fff;
            color: #686868
        }

.thin-steps .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -2px
}

.thin-steps .column-step.active .step-info, .thin-steps .column-step.active .step-title {
    color: #fff
}

.thin-steps .step-info {
    padding-left: 60px;
    margin-top: -5px
}

.steps-no-bg .column-step {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}

    .steps-no-bg .column-step.active .step-number, .steps-no-bg .step-number {
        font-size: 24px;
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
        border-radius: 50%;
        display: inline-block;
        margin: auto auto 10px;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px
    }

    .steps-no-bg .column-step.active .step-number {
        background: #fff;
        color: #03a9f3;
        border: 1px solid #03a9f3
    }

.steps-no-bg .step-title {
    font-size: 24px;
    font-weight: 100
}

.steps-no-bg .column-step.active .step-info, .steps-no-bg .column-step.active .step-title {
    color: #03a9f3
}

.thin-steps-no-bg .column-step {
    padding: 20px
}

    .thin-steps-no-bg .column-step.active .step-number, .thin-steps-no-bg .step-number {
        font-size: 20px;
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
        border-radius: 50%;
        float: left;
        display: inline-block;
        margin: auto;
        padding-top: 1px;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px
    }

    .thin-steps-no-bg .column-step.active .step-number {
        background: #fff;
        color: #fb9678;
        border: 1px solid #fb9678
    }

.thin-steps-no-bg .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -2px
}

.thin-steps-no-bg .column-step.active .step-info, .thin-steps-no-bg .column-step.active .step-title {
    color: #fb9678
}

.thin-steps-no-bg .step-info {
    padding-left: 60px;
    margin-top: -5px
}

.numbered-bg .column-step {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    height: 160px;
    background: #edf1f5
}

    .numbered-bg .column-step.active {
        background: #03a9f3
    }

        .numbered-bg .column-step.active .step-number, .numbered-bg .step-number {
            font-size: 200px;
            position: absolute;
            bottom: 0;
            right: 0;
            line-height: 120px;
            color: #e4e7ea;
            z-index: 1
        }

        .numbered-bg .column-step.active .step-number {
            color: #0298da
        }

.numbered-bg .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-top: 18px
}

.numbered-bg .step-info, .numbered-bg .step-title {
    z-index: 3;
    position: relative
}

.numbered-bg .column-step.active .step-info, .numbered-bg .column-step.active .step-title {
    color: #fff
}

.thin-steps-numbered-bg .column-step {
    padding: 20px;
    text-align: center;
    background: #edf1f5
}

    .thin-steps-numbered-bg .column-step.active {
        background: #03a9f3
    }

        .thin-steps-numbered-bg .column-step.active .step-number, .thin-steps-numbered-bg .step-number {
            font-size: 120px;
            position: absolute;
            bottom: 0;
            right: 0;
            line-height: 75px;
            color: #e4e7ea;
            z-index: 1
        }

        .thin-steps-numbered-bg .column-step.active .step-number {
            color: #0298da
        }

.thin-steps-numbered-bg .step-title {
    font-size: 24px;
    font-weight: 100
}

.thin-steps-numbered-bg .step-info, .thin-steps-numbered-bg .step-title {
    z-index: 3;
    position: relative
}

.thin-steps-numbered-bg .column-step.active .step-info, .thin-steps-numbered-bg .column-step.active .step-title {
    color: #fff
}

.line-steps .column-step {
    padding: 30px 0;
    text-align: center
}

.line-steps .step-number {
    font-size: 20px;
    background: #fff;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 14px;
    border: 3px solid #e4e7ea;
    position: relative;
    height: 40px;
    width: 40px;
    z-index: 3;
    line-height: 37px
}

.line-steps .step-title {
    font-size: 20px;
    font-weight: 100;
    position: relative
}

    .line-steps .step-title:after, .line-steps .step-title:before {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e4e7ea;
        top: -32px;
        z-index: 1;
        transform: translateY(-100%)
    }

    .line-steps .step-title:after {
        left: 50%
    }

    .line-steps .step-title:before {
        right: 50%
    }

.line-steps .finish .step-title:after, .line-steps .start .step-title:before {
    content: none
}

.line-steps .start .step-title:after {
    background-color: #03a9f3
}

.line-steps .start .step-number {
    color: #03a9f3;
    border-color: #03a9f3
}

.line-steps .start .step-info, .line-steps .start .step-title {
    color: #686868
}

.line-steps .active .step-title:after, .line-steps .active .step-title:before {
    background-color: #03a9f3
}

.line-steps .active .step-number {
    color: #03a9f3;
    border-color: #03a9f3;
    webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.line-steps .active .step-info, .line-steps .active .step-title {
    color: #686868
}

.line-steps .upcoming .step-title:after, .line-steps .upcoming .step-title:before {
    background-color: #03a9f3
}

.line-steps .upcoming .step-number {
    color: #03a9f3;
    border-color: #03a9f3
}

.line-steps .upcoming .step-info, .line-steps .upcoming .step-title {
    color: #686868
}

.line-steps .finish .step-number {
    color: #e4e7ea
}

.line-steps .finish .step-info, .line-steps .finish .step-title {
    color: #686868
}

.ribbon-wrapper, .ribbon-wrapper-bottom, .ribbon-wrapper-reverse, .ribbon-wrapper-right-bottom {
    position: relative;
    background: #edf1f5;
    padding: 50px 15px 15px 50px
}

.ribbon-overflow {
    overflow: hidden
}

.ribbon-wrapper-reverse {
    padding: 50px 50px 15px 15px
}

.ribbon-wrapper-bottom {
    padding: 15px 15px 50px 50px
}

.ribbon-wrapper-right-bottom {
    padding: 15px 50px 50px 15px
}

.ribbon {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: -2px;
    color: #fff
}

.ribbon-bookmark:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 15px solid #2b2b2b;
    border-right: 10px solid transparent
}

.ribbon-right {
    left: auto;
    right: -2px
}

.ribbon-bookmark.ribbon-right:before {
    right: 100%;
    left: auto;
    border-right: 15px solid #2b2b2b;
    border-left: 10px solid transparent
}

.ribbon-vertical-l, .ribbon-vertical-r {
    clear: none;
    padding: 0 5px;
    height: 70px;
    width: 30px;
    line-height: 70px;
    text-align: center;
    left: 12px;
    top: -2px
}

.ribbon-vertical-r {
    left: auto;
    right: 12px
}

.ribbon-bookmark.ribbon-vertical-l:before, .ribbon-bookmark.ribbon-vertical-r:before {
    top: 100%;
    left: 0;
    margin-top: -14px;
    border-right: 15px solid #2b2b2b;
    border-bottom: 10px solid transparent
}

.ribbon-badge {
    top: 15px;
    overflow: hidden;
    left: -90px;
    width: 100%;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

    .ribbon-badge.ribbon-right {
        left: auto;
        right: -90px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ribbon-badge.ribbon-bottom {
        top: auto;
        bottom: 15px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ribbon-badge.ribbon-right.ribbon-bottom {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.ribbon-corner {
    top: 0;
    left: 0;
    background-color: transparent !important;
    padding: 6px 0 0 10px
}

    .ribbon-corner i {
        position: relative
    }

    .ribbon-corner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border: 30px solid transparent;
        border-top-color: #ff6849;
        border-left-color: #ff6849
    }

    .ribbon-corner.ribbon-right:before {
        right: 0;
        left: auto;
        border-right-color: #526069;
        border-left-color: transparent
    }

    .ribbon-corner.ribbon-right {
        right: 0;
        left: auto;
        padding: 6px 10px 0 0
    }

    .ribbon-corner.ribbon-bottom:before {
        top: auto;
        bottom: 0;
        border-top-color: transparent;
        border-bottom-color: #526069
    }

    .ribbon-corner.ribbon-bottom {
        bottom: 0;
        top: auto;
        padding: 0 10px 6px
    }

.ribbon-custom {
    background: #ff6849
}

.ribbon-bookmark.ribbon-right.ribbon-custom:before {
    border-right-color: #ff6849;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {
    border-right-color: #ff6849;
    border-bottom-color: transparent
}

.ribbon-primary {
    background: #ab8ce4
}

.ribbon-bookmark.ribbon-primary:before {
    border-color: #ab8ce4 transparent #ab8ce4 #ab8ce4
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
    border-right-color: #ab8ce4;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {
    border-right-color: #ab8ce4;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-corner:before {
    border-top-color: #ab8ce4;
    border-left-color: #ab8ce4
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
    border-right-color: #ab8ce4;
    border-left-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ab8ce4
}

.ribbon-success {
    background: #00c292
}

.ribbon-bookmark.ribbon-success:before {
    border-color: #00c292 transparent #00c292 #00c292
}

.ribbon-bookmark.ribbon-right.ribbon-success:before {
    border-right-color: #00c292;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {
    border-right-color: #00c292;
    border-bottom-color: transparent
}

.ribbon-success.ribbon-corner:before {
    border-top-color: #00c292;
    border-left-color: #00c292
}

.ribbon-success.ribbon-corner.ribbon-right:before {
    border-right-color: #00c292;
    border-left-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #00c292
}

.ribbon-info {
    background: #03a9f3
}

.ribbon-bookmark.ribbon-info:before {
    border-color: #03a9f3 transparent #03a9f3 #03a9f3
}

.ribbon-bookmark.ribbon-right.ribbon-info:before {
    border-right-color: #03a9f3;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-info:before {
    border-right-color: #03a9f3;
    border-bottom-color: transparent
}

.ribbon-info.ribbon-corner:before {
    border-top-color: #03a9f3;
    border-left-color: #03a9f3
}

.ribbon-info.ribbon-corner.ribbon-right:before {
    border-right-color: #03a9f3;
    border-left-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #03a9f3
}

.ribbon-warning {
    background: #fec107
}

.ribbon-bookmark.ribbon-warning:before {
    border-color: #fec107 transparent #fec107 #fec107
}

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
    border-right-color: #fec107;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {
    border-right-color: #fec107;
    border-bottom-color: transparent
}

.ribbon-warning.ribbon-corner:before {
    border-top-color: #fec107;
    border-left-color: #fec107
}

.ribbon-warning.ribbon-corner.ribbon-right:before {
    border-right-color: #fec107;
    border-left-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #fec107
}

.ribbon-danger {
    background: #fb9678
}

.ribbon-bookmark.ribbon-danger:before {
    border-color: #fb9678 transparent #fb9678 #fb9678
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
    border-right-color: #fb9678;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {
    border-right-color: #fb9678;
    border-bottom-color: transparent
}

.ribbon-danger.ribbon-corner:before {
    border-top-color: #fb9678;
    border-left-color: #fb9678
}

.ribbon-danger.ribbon-corner.ribbon-right:before {
    border-right-color: #fb9678;
    border-left-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #fb9678
}

.ribbon-default {
    background: #2b2b2b
}

.ribbon-bookmark.ribbon-default:before {
    border-color: #2b2b2b transparent #2b2b2b #2b2b2b
}

.ribbon-bookmark.ribbon-right.ribbon-default:before {
    border-right-color: #2b2b2b;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-default:before {
    border-right-color: #2b2b2b;
    border-bottom-color: transparent
}

.ribbon-default.ribbon-corner:before {
    border-top-color: #2b2b2b;
    border-left-color: #2b2b2b
}

.ribbon-default.ribbon-corner.ribbon-right:before {
    border-right-color: #2b2b2b;
    border-left-color: transparent
}

.ribbon-default.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #2b2b2b
}

.bootstrap-switch, .bootstrap-switch .bootstrap-switch-container {
    border-radius: 2px
}

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px
    }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            color: #fff;
            background: #ab8ce4
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
            color: #fff;
            background: #03a9f3
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
            color: #fff;
            background: #00c292
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
            color: #fff;
            background: #fec107
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
            color: #fff;
            background: #fb9678
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
            color: #2b2b2b;
            background: #e4e7ea
        }

.lobipanel .panel-heading .dropdown .dropdown-menu > li > a .panel-control-icon, .lobipanel > .panel-heading .dropdown .dropdown-toggle .panel-control-icon {
    line-height: 1px
}

.lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
    color: #2b2b2b
}

.lobipanel .panel-heading .dropdown .dropdown-menu {
    box-shadow: none !important
}

    .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:focus:hover, .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:hover {
        background: 0 0;
        text-shadow: none;
        opacity: .6
    }

.lobipanel-placeholder {
    background-color: #02bec9;
    opacity: .1;
    border: 1px dashed #2b2b2b
}

.dp-selected[style] {
    background-color: #01c0c8 !important
}

.grid-stack-item-content {
    background: #fff;
    color: #2b2b2b;
    font-family: Poppins,sans-serif;
    text-align: center;
    font-size: 20px
}

    .grid-stack-item-content .fa {
        font-size: 64px;
        display: block;
        margin: 20px 0 10px
    }

@media(max-width: 1350px) {
    .carousel .item h3 {
        font-size: 17px;
        height: 90px
    }

    .inbox-center a {
        width: 400px
    }
}

@media(min-width: 1024px) {
    .app-search .form-control:focus {
        width: 300px
    }
}

@media(min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 220px
    }

    .navbar-default {
        position: relative;
        width: 100%;
        top: 0
    }

    .fix-header .navbar-static-top {
        position: fixed
    }

    .fix-header #page-wrapper {
        margin-top: 60px
    }

    .sidebar {
        z-index: 10;
        position: fixed;
        width: 220px;
        padding-top: 0;
        height: calc(100vh - 40px);
        top: 40px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .fix-sidebar .sidebar {
        position: fixed;
        overflow-y: auto
    }

    .fix-sidebar .top-left-part {
        position: fixed;
        width: 220px
    }

    .fix-sidebar .navbar-left {
        margin-left: 220px
    }

    .footer {
        left: 220px
    }

    .content-wrapper #page-wrapper {
        margin-left: 60px
    }

    .content-wrapper .navbar-left {
        margin-left: 0
    }

    .content-wrapper .footer {
        left: 60px
    }

    .content-wrapper .sidebar {
        width: 60px
    }

        .content-wrapper .sidebar .hide-menu {
            display: none;
            width: 180px;
            left: 60px
        }

        .content-wrapper .sidebar .sidebar-nav {
            position: absolute;
            overflow: hidden
        }

            .content-wrapper .sidebar .sidebar-nav .nav-second-level {
                position: absolute;
                z-index: 999999
            }

        .content-wrapper .sidebar .nav-small-cap, .content-wrapper .sidebar li span span {
            display: none
        }

        .content-wrapper .sidebar #side-menu > li:hover {
            width: 300px;
            background: #002735
        }

        .content-wrapper .sidebar li:hover .hide-menu {
            display: inline
        }

        .content-wrapper .sidebar #side-menu > li > a {
            padding: 15px 17px 15px 20px
        }

        .content-wrapper .sidebar li:hover .nav-second-level, .content-wrapper .sidebar li:hover .nav-second-level.collapse li, .content-wrapper .sidebar li:hover .nav-second-level.in {
            display: block
        }

        .content-wrapper .sidebar .nav-second-level {
            position: absolute;
            left: 60px;
            background: #002735;
            width: 240px;
            opacity: 1;
            padding-bottom: 20px;
            display: none
        }

            .content-wrapper .sidebar .nav-second-level li {
                background: #002735
            }

    .content-wrapper .top-left-part {
        width: 60px
    }

    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        margin-left: auto
    }

    .mail_listing {
        border-left: 1px solid rgba(120,130,140,.13);
        padding-left: 20px
    }

    .inbox-panel {
        padding-right: 20px
    }

    .top-minus {
        margin-top: -62px;
        float: right
    }

    .content-wrapper.fix-sidebar .navbar-left, .fix-sidebar.content-wrapper .navbar-left {
        margin-left: 60px !important
    }

    .content-wrapper.fix-sidebar .sidebar, .fix-sidebar.content-wrapper .sidebar {
        position: fixed
    }

        .content-wrapper.fix-sidebar .sidebar .sidebar-nav, .fix-sidebar.content-wrapper .sidebar .sidebar-nav {
            position: absolute
        }

            .content-wrapper.fix-sidebar .sidebar .sidebar-nav .nav-second-level, .fix-sidebar.content-wrapper .sidebar .sidebar-nav .nav-second-level {
                position: absolute;
                z-index: 99999
            }

    .lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
        color: #fff
    }
}

@media(max-width: 1024px) {
    .b-r-none {
        border-right: 0
    }

    .carousel-inner h3 {
        height: 90px;
        overflow: hidden
    }

    .inbox-center a {
        width: 300px
    }
}

@media(max-width: 767px) {
    .navbar-top-links {
        display: inline-block
    }

        .navbar-top-links .profile-pic img {
            margin-right: 0
        }

    .top-left-part {
        width: 60px
    }

    .navbar-top-links li:last-child {
        margin-right: 0
    }

    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        width: 260px
    }

    .row-in-br {
        border-right: 0;
        border-bottom: 1px solid rgba(120,130,140,.13)
    }

    .bg-title .breadcrumb {
        float: left;
        margin-top: 0;
        margin-bottom: 10px
    }

    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px)
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

        ul.timeline > li > .timeline-panel:before {
            right: auto;
            left: -15px;
            border-right-width: 15px;
            border-left-width: 0
        }

        ul.timeline > li > .timeline-panel:after {
            right: auto;
            left: -14px;
            border-right-width: 14px;
            border-left-width: 0
        }

    .wizard-steps > li {
        display: block
    }

    .dropdown .dropdown-tasks, .dropdown .mailbox {
        left: -100px
    }

    .fix-header .navbar-static-top {
        position: fixed;
        top: 0;
        width: 100%
    }

    .fix-header #page-wrapper {
        margin-top: 60px
    }

    .fix-header .sidebar {
        position: fixed;
        height: 350px;
        top: 60px;
        z-index: 100;
        overflow: auto !important;
        box-shadow: 0 10px 35px rgba(0,0,0,.2)
    }

    .mega-dropdown-menu {
        height: 340px;
        overflow: auto
    }

    .left-aside {
        position: relative;
        width: 100%;
        border: 0
    }

    .right-aside {
        margin-left: 0
    }

    .chat-main-box .chat-left-aside {
        left: -250px;
        transition: .5s ease-in;
        background: #fff
    }

        .chat-main-box .chat-left-aside.open-pnl {
            left: 0
        }

        .chat-main-box .chat-left-aside .open-panel {
            display: block
        }

    .chat-main-box .chat-right-aside {
        margin: 0
    }

    .table-responsive.pro-rd {
        border: none
    }

    #msform fieldset, .login-register, .step-register {
        position: relative
    }
}

@media(max-width: 480px) {
    .vtabs .tabs-vertical {
        width: auto
    }

    .stat-item {
        padding-right: 0
    }

    .login-box {
        width: 100%
    }

    .pro-content .pro-list-details {
        height: 100px;
        border-right: none
    }

    .pro-list-info ul.pro-info li {
        padding: 10px 0
    }

    .pro-list-info ul.pro-info {
        padding-left: 0
    }

    .pro-agent .agent-img {
        padding-top: 3px
    }

    .pro-agent .agent-name {
        padding: 2px 0 10px 15px
    }
}

@media(max-width: 991px) {
    .line-steps .step-title:after, .line-steps .step-title:before {
        content: none
    }

    .numbered-bg .step-info, .numbered-bg .step-title {
        padding-right: 0
    }
}

.navbar-static-top {
    padding: 0
}

    .navbar-static-top .dropdown-toggle::after {
        display: none
    }

.mega-dropdown .mega-dropdown-menu > li {
    float: left;
    width: 100%
}

#side-menu {
    display: block;
    transition: .5 easy-out;
    padding-bottom: 90px
}

    #side-menu .nav {
        flex-direction: column
    }

a.btn:not([href]):not([tabindex]) {
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.btn {
    font-size: 14px;
    padding: .8rem 1.2rem
}

a.btn-default:not([href]):not([tabindex]) {
    color: #686868
}

.btn-group.show {
    display: inline-block !important
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px
}

.btn-xs {
    padding: 1px 8px;
    font-size: 11px
}

.btn-circle {
    padding: 6px 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified .btn, .btn-group-justified .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

.grid-stack {
    width: 100%
}

.mail_listing .media {
    display: block
}

.customtab.nav-tabs .nav-link {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f7fafc
}

    .customtab.nav-tabs .nav-link.active, .customtab.nav-tabs .nav-link.active:focus, .customtab.nav-tabs .nav-link:hover {
        border-bottom: 2px solid #ff6849;
        color: #ff6849
    }

.vtabs .tabs-vertical li a.active, .vtabs .tabs-vertical li a.active:focus, .vtabs .tabs-vertical li a.active:hover {
    background: #ff6849;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #fff
}

.customvtab .tabs-vertical li a.active, .customvtab .tabs-vertical li a.active:focus, .customvtab .tabs-vertical li a.active:hover {
    background: #fff;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #2b2b2b
}

.customtab2 li .nav-link.active, .customtab2 li .nav-link.active:focus, .customtab2 li .nav-link.active:hover {
    background: #ff6849;
    border: 0 solid #ff6849;
    color: #fff
}

.customtab2.nav-tabs .nav-link {
    border: 0
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background: #ff6849
}

span.caret {
    display: none
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px
}

.list-inline > li {
    display: inline-block
}

.modal-header {
    display: block
}

    .modal-header .modal-title {
        margin-top: 0
    }

.popover, .popover-title, .tooltip {
    font-family: Poppins,sans-serif;
    font-size: 13px
}

.popover-title {
    margin-top: 0
}

.custom-select {
    height: calc(4.25rem)
}

.fileinput .form-control {
    width: 100%;
    position: relative
}

.fileinput-new .input-group-addon {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10 !important
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px
}

.custom-control {
    padding-left: 20px
}

.custom-control-indicator {
    width: 15px;
    height: 15px
}

.custom-file {
    height: 30px;
    width: 100%
}

    .custom-file .custom-file-control, .custom-file .custom-file-control::before {
        height: 35px
    }

select.form-control:not([size]):not([multiple]) {
    height: auto
}

.datepicker td, .datepicker th, .table-condensed td, .table-condensed th {
    padding: 5px
}

.note-popover {
    display: none
}

.note-editor {
    border: 0
}

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

.modal-backdrop.in {
    opacity: .5
}

a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}

.dataTables_wrapper {
    display: block
}

    .dataTables_wrapper label {
        display: inline-block
    }

@media(min-width: 992px) {
    .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 {
        float: left
    }
}

input, optgroup, select, textarea {
    color: #555;
    background-color: #fff
}

#allorders_info {
    font-weight: 600
}

.input-box {
    border: 1px solid #dcdcdc;
    margin-bottom: 20px
}

    .input-box .bt {
        border-top: 1px solid #dcdcdc
    }

    .input-box .input-content {
        padding: 20px 0
    }

    .input-box h4 {
        padding: 0 30px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        color: #000;
        background-color: #f6f9fe;
        margin: 0
    }

        .input-box h4 span {
            font-weight: normal;
            font-size: 14px
        }

    .input-box p {
        padding-left: 35px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        margin: 0
    }

        .input-box p .col {
            display: inline-block;
            width: 220px
        }

        .input-box p .mr {
            margin-right: 35px
        }

        .input-box p .w-input {
            display: inline-block;
            margin: 0 5px;
            width: 85px;
            text-align: right
        }

        .input-box p input[type=text] {
            margin: 0 5px;
            padding: 5px 3px;
            width: 77px;
            height: 20px;
            line-height: 20px;
            border: 1px solid #ddd
        }

        .input-box p input.input-l {
            width: 172px
        }

        .input-box p select {
            margin: 0 5px;
            width: 128px;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ddd
        }

            .input-box p select.select-l {
                width: 180px
            }

            .input-box p select.service-select {
                width: 100px
            }

        .input-box p .mrgl-30 {
            margin-left: 30px
        }

        .input-box p .a-submit2 {
            margin: 10px 5px;
            width: 125px
        }

        .input-box p .span-desc {
            font-size: 12px;
            color: #b2b2b2
        }

.select2 {
    width: 70%
}

.accordion {
    padding: 0
}

    .accordion .panel {
        padding: 0;
        border-radius: 3px
    }

        .accordion .panel .panel-heading {
            padding: 0;
            margin: 0;
            border-radius: 3px
        }

            .accordion .panel .panel-heading a {
                padding: 20px;
                display: block;
                color: #4285f4
            }

                .accordion .panel .panel-heading a .icon {
                    -webkit-transition: -webkit-transform 200ms ease-in-out;
                    transition: -webkit-transform 200ms ease-in-out;
                    -o-transition: transform 200ms ease-in-out,-o-transform 200ms ease-in-out;
                    transition: transform 200ms ease-in-out;
                    transition: transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out,-o-transform 200ms ease-in-out;
                    font-size: 25px;
                    vertical-align: middle;
                    position: relative;
                    top: -1px;
                    display: inline-block;
                    margin-right: 10px
                }

                .accordion .panel .panel-heading a.collapsed {
                    color: #404040
                }

                    .accordion .panel .panel-heading a.collapsed .icon {
                        -webkit-transform: rotate(-90deg);
                        -ms-transform: rotate(-90deg);
                        -o-transform: rotate(-90deg);
                        transform: rotate(-90deg)
                    }

        .accordion .panel .panel-collapse .panel-body {
            padding: 0 20px 20px 20px;
            border-top: 0;
            line-height: 22px;
            border-radius: 0 0 3px 3px
        }

.accordion-color .panel .panel-heading a {
    color: #fff
}

    .accordion-color .panel .panel-heading a.collapsed {
        color: #fff
    }

.autopay_box1 {
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    border: 1px solid #c00;
    background: #f7f0f0
}

    .autopay_box1 h4 {
        font-size: 12px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #999;
        font-weight: bold
    }

    .autopay_box1 input, .autopay_box1 select {
        font-size: 11px;
        line-height: 18px;
        float: none;
        width: 74px;
        display: inline-block
    }

.autopay_box2 div {
    margin: 5px 0
}

.box_content .autopay_box2 input, .box_content .autopay_box2 select {
    font-size: 11px;
    line-height: 18px;
    float: none
}

.autopay_box3 {
    font-size: 11px;
    line-height: 16px;
    margin: 20px auto;
    padding: 7px;
    border: 1px dotted #c00
}

    .autopay_box3 h4 {
        font-size: 11px;
        padding-bottom: 3px;
        border-bottom: 1px dashed #999;
        margin-bottom: 3px;
        font-weight: bold
    }

.txt3 {
    background-color: #f0f8ff;
    border: 1px solid #5f9ea0;
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 5px;
    margin: 0 0 16px
}

.red_txt {
    color: #fe080e;
    background-color: inherit
}

#freight_charge_alertinbox {
    display: block;
    float: left;
    padding: 15px 20px;
    background: rgba(254,193,7,.5);
    width: 100%;
    color: #000
}

.leftshade {
    padding-left: 10px;
    border-left: 3px solid #0098f7;
    margin-bottom: 15px
}

.tab-content {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff
}

.right {
    float: right
}

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, hgroup, main, menu, nav, section, summary {
    display: block
}

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table, table.dataTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important
}

td, th {
    padding: 0;
    border: 1px solid #e6e7eb !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot);
    src: url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/assets/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "*"
}

.glyphicon-plus:before {
    content: "+"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "€"
}

.glyphicon-minus:before {
    content: "−"
}

.glyphicon-cloud:before {
    content: "☁"
}

.glyphicon-envelope:before {
    content: "✉"
}

.glyphicon-pencil:before {
    content: "✏"
}

.glyphicon-glass:before {
    content: ""
}

.glyphicon-music:before {
    content: ""
}

.glyphicon-search:before {
    content: ""
}

.glyphicon-heart:before {
    content: ""
}

.glyphicon-star:before {
    content: ""
}

.glyphicon-star-empty:before {
    content: ""
}

.glyphicon-user:before {
    content: ""
}

.glyphicon-film:before {
    content: ""
}

.glyphicon-th-large:before {
    content: ""
}

.glyphicon-th:before {
    content: ""
}

.glyphicon-th-list:before {
    content: ""
}

.glyphicon-ok:before {
    content: ""
}

.glyphicon-remove:before {
    content: ""
}

.glyphicon-zoom-in:before {
    content: ""
}

.glyphicon-zoom-out:before {
    content: ""
}

.glyphicon-off:before {
    content: ""
}

.glyphicon-signal:before {
    content: ""
}

.glyphicon-cog:before {
    content: ""
}

.glyphicon-trash:before {
    content: ""
}

.glyphicon-home:before {
    content: ""
}

.glyphicon-file:before {
    content: ""
}

.glyphicon-time:before {
    content: ""
}

.glyphicon-road:before {
    content: ""
}

.glyphicon-download-alt:before {
    content: ""
}

.glyphicon-download:before {
    content: ""
}

.glyphicon-upload:before {
    content: ""
}

.glyphicon-inbox:before {
    content: ""
}

.glyphicon-play-circle:before {
    content: ""
}

.glyphicon-repeat:before {
    content: ""
}

.glyphicon-refresh:before {
    content: ""
}

.glyphicon-list-alt:before {
    content: ""
}

.glyphicon-lock:before {
    content: ""
}

.glyphicon-flag:before {
    content: ""
}

.glyphicon-headphones:before {
    content: ""
}

.glyphicon-volume-off:before {
    content: ""
}

.glyphicon-volume-down:before {
    content: ""
}

.glyphicon-volume-up:before {
    content: ""
}

.glyphicon-qrcode:before {
    content: ""
}

.glyphicon-barcode:before {
    content: ""
}

.glyphicon-tag:before {
    content: ""
}

.glyphicon-tags:before {
    content: ""
}

.glyphicon-book:before {
    content: ""
}

.glyphicon-bookmark:before {
    content: ""
}

.glyphicon-print:before {
    content: ""
}

.glyphicon-camera:before {
    content: ""
}

.glyphicon-font:before {
    content: ""
}

.glyphicon-bold:before {
    content: ""
}

.glyphicon-italic:before {
    content: ""
}

.glyphicon-text-height:before {
    content: ""
}

.glyphicon-text-width:before {
    content: ""
}

.glyphicon-align-left:before {
    content: ""
}

.glyphicon-align-center:before {
    content: ""
}

.glyphicon-align-right:before {
    content: ""
}

.glyphicon-align-justify:before {
    content: ""
}

.glyphicon-list:before {
    content: ""
}

.glyphicon-indent-left:before {
    content: ""
}

.glyphicon-indent-right:before {
    content: ""
}

.glyphicon-facetime-video:before {
    content: ""
}

.glyphicon-picture:before {
    content: ""
}

.glyphicon-map-marker:before {
    content: ""
}

.glyphicon-adjust:before {
    content: ""
}

.glyphicon-tint:before {
    content: ""
}

.glyphicon-edit:before {
    content: ""
}

.glyphicon-share:before {
    content: ""
}

.glyphicon-check:before {
    content: ""
}

.glyphicon-move:before {
    content: ""
}

.glyphicon-step-backward:before {
    content: ""
}

.glyphicon-fast-backward:before {
    content: ""
}

.glyphicon-backward:before {
    content: ""
}

.glyphicon-play:before {
    content: ""
}

.glyphicon-pause:before {
    content: ""
}

.glyphicon-stop:before {
    content: ""
}

.glyphicon-forward:before {
    content: ""
}

.glyphicon-fast-forward:before {
    content: ""
}

.glyphicon-step-forward:before {
    content: ""
}

.glyphicon-eject:before {
    content: ""
}

.glyphicon-chevron-left:before {
    content: ""
}

.glyphicon-chevron-right:before {
    content: ""
}

.glyphicon-plus-sign:before {
    content: ""
}

.glyphicon-minus-sign:before {
    content: ""
}

.glyphicon-remove-sign:before {
    content: ""
}

.glyphicon-ok-sign:before {
    content: ""
}

.glyphicon-question-sign:before {
    content: ""
}

.glyphicon-info-sign:before {
    content: ""
}

.glyphicon-screenshot:before {
    content: ""
}

.glyphicon-remove-circle:before {
    content: ""
}

.glyphicon-ok-circle:before {
    content: ""
}

.glyphicon-ban-circle:before {
    content: ""
}

.glyphicon-arrow-left:before {
    content: ""
}

.glyphicon-arrow-right:before {
    content: ""
}

.glyphicon-arrow-up:before {
    content: ""
}

.glyphicon-arrow-down:before {
    content: ""
}

.glyphicon-share-alt:before {
    content: ""
}

.glyphicon-resize-full:before {
    content: ""
}

.glyphicon-resize-small:before {
    content: ""
}

.glyphicon-exclamation-sign:before {
    content: ""
}

.glyphicon-gift:before {
    content: ""
}

.glyphicon-leaf:before {
    content: ""
}

.glyphicon-fire:before {
    content: ""
}

.glyphicon-eye-open:before {
    content: ""
}

.glyphicon-eye-close:before {
    content: ""
}

.glyphicon-warning-sign:before {
    content: ""
}

.glyphicon-plane:before {
    content: ""
}

.glyphicon-calendar:before {
    content: ""
}

.glyphicon-random:before {
    content: ""
}

.glyphicon-comment:before {
    content: ""
}

.glyphicon-magnet:before {
    content: ""
}

.glyphicon-chevron-up:before {
    content: ""
}

.glyphicon-chevron-down:before {
    content: ""
}

.glyphicon-retweet:before {
    content: ""
}

.glyphicon-shopping-cart:before {
    content: ""
}

.glyphicon-folder-close:before {
    content: ""
}

.glyphicon-folder-open:before {
    content: ""
}

.glyphicon-resize-vertical:before {
    content: ""
}

.glyphicon-resize-horizontal:before {
    content: ""
}

.glyphicon-hdd:before {
    content: ""
}

.glyphicon-bullhorn:before {
    content: ""
}

.glyphicon-bell:before {
    content: ""
}

.glyphicon-certificate:before {
    content: ""
}

.glyphicon-thumbs-up:before {
    content: ""
}

.glyphicon-thumbs-down:before {
    content: ""
}

.glyphicon-hand-right:before {
    content: ""
}

.glyphicon-hand-left:before {
    content: ""
}

.glyphicon-hand-up:before {
    content: ""
}

.glyphicon-hand-down:before {
    content: ""
}

.glyphicon-circle-arrow-right:before {
    content: ""
}

.glyphicon-circle-arrow-left:before {
    content: ""
}

.glyphicon-circle-arrow-up:before {
    content: ""
}

.glyphicon-circle-arrow-down:before {
    content: ""
}

.glyphicon-globe:before {
    content: ""
}

.glyphicon-wrench:before {
    content: ""
}

.glyphicon-tasks:before {
    content: ""
}

.glyphicon-filter:before {
    content: ""
}

.glyphicon-briefcase:before {
    content: ""
}

.glyphicon-fullscreen:before {
    content: ""
}

.glyphicon-dashboard:before {
    content: ""
}

.glyphicon-paperclip:before {
    content: ""
}

.glyphicon-heart-empty:before {
    content: ""
}

.glyphicon-link:before {
    content: ""
}

.glyphicon-phone:before {
    content: ""
}

.glyphicon-pushpin:before {
    content: ""
}

.glyphicon-usd:before {
    content: ""
}

.glyphicon-gbp:before {
    content: ""
}

.glyphicon-sort:before {
    content: ""
}

.glyphicon-sort-by-alphabet:before {
    content: ""
}

.glyphicon-sort-by-alphabet-alt:before {
    content: ""
}

.glyphicon-sort-by-order:before {
    content: ""
}

.glyphicon-sort-by-order-alt:before {
    content: ""
}

.glyphicon-sort-by-attributes:before {
    content: ""
}

.glyphicon-sort-by-attributes-alt:before {
    content: ""
}

.glyphicon-unchecked:before {
    content: ""
}

.glyphicon-expand:before {
    content: ""
}

.glyphicon-collapse-down:before {
    content: ""
}

.glyphicon-collapse-up:before {
    content: ""
}

.glyphicon-log-in:before {
    content: ""
}

.glyphicon-flash:before {
    content: ""
}

.glyphicon-log-out:before {
    content: ""
}

.glyphicon-new-window:before {
    content: ""
}

.glyphicon-record:before {
    content: ""
}

.glyphicon-save:before {
    content: ""
}

.glyphicon-open:before {
    content: ""
}

.glyphicon-saved:before {
    content: ""
}

.glyphicon-import:before {
    content: ""
}

.glyphicon-export:before {
    content: ""
}

.glyphicon-send:before {
    content: ""
}

.glyphicon-floppy-disk:before {
    content: ""
}

.glyphicon-floppy-saved:before {
    content: ""
}

.glyphicon-floppy-remove:before {
    content: ""
}

.glyphicon-floppy-save:before {
    content: ""
}

.glyphicon-floppy-open:before {
    content: ""
}

.glyphicon-credit-card:before {
    content: ""
}

.glyphicon-transfer:before {
    content: ""
}

.glyphicon-cutlery:before {
    content: ""
}

.glyphicon-header:before {
    content: ""
}

.glyphicon-compressed:before {
    content: ""
}

.glyphicon-earphone:before {
    content: ""
}

.glyphicon-phone-alt:before {
    content: ""
}

.glyphicon-tower:before {
    content: ""
}

.glyphicon-stats:before {
    content: ""
}

.glyphicon-sd-video:before {
    content: ""
}

.glyphicon-hd-video:before {
    content: ""
}

.glyphicon-subtitles:before {
    content: ""
}

.glyphicon-sound-stereo:before {
    content: ""
}

.glyphicon-sound-dolby:before {
    content: ""
}

.glyphicon-sound-5-1:before {
    content: ""
}

.glyphicon-sound-6-1:before {
    content: ""
}

.glyphicon-sound-7-1:before {
    content: ""
}

.glyphicon-copyright-mark:before {
    content: ""
}

.glyphicon-registration-mark:before {
    content: ""
}

.glyphicon-cloud-download:before {
    content: ""
}

.glyphicon-cloud-upload:before {
    content: ""
}

.glyphicon-tree-conifer:before {
    content: ""
}

.glyphicon-tree-deciduous:before {
    content: ""
}

.glyphicon-cd:before {
    content: ""
}

.glyphicon-save-file:before {
    content: ""
}

.glyphicon-open-file:before {
    content: ""
}

.glyphicon-level-up:before {
    content: ""
}

.glyphicon-copy:before {
    content: ""
}

.glyphicon-paste:before {
    content: ""
}

.glyphicon-alert:before {
    content: ""
}

.glyphicon-equalizer:before {
    content: ""
}

.glyphicon-king:before {
    content: ""
}

.glyphicon-queen:before {
    content: ""
}

.glyphicon-pawn:before {
    content: ""
}

.glyphicon-bishop:before {
    content: ""
}

.glyphicon-knight:before {
    content: ""
}

.glyphicon-baby-formula:before {
    content: ""
}

.glyphicon-tent:before {
    content: "⛺"
}

.glyphicon-blackboard:before {
    content: ""
}

.glyphicon-bed:before {
    content: ""
}

.glyphicon-apple:before {
    content: ""
}

.glyphicon-erase:before {
    content: ""
}

.glyphicon-hourglass:before {
    content: "⌛"
}

.glyphicon-lamp:before {
    content: ""
}

.glyphicon-duplicate:before {
    content: ""
}

.glyphicon-piggy-bank:before {
    content: ""
}

.glyphicon-scissors:before {
    content: ""
}

.glyphicon-bitcoin:before {
    content: ""
}

.glyphicon-btc:before {
    content: ""
}

.glyphicon-xbt:before {
    content: ""
}

.glyphicon-yen:before {
    content: "¥"
}

.glyphicon-jpy:before {
    content: "¥"
}

.glyphicon-ruble:before {
    content: "₽"
}

.glyphicon-rub:before {
    content: "₽"
}

.glyphicon-scale:before {
    content: ""
}

.glyphicon-ice-lolly:before {
    content: ""
}

.glyphicon-ice-lolly-tasted:before {
    content: ""
}

.glyphicon-education:before {
    content: ""
}

.glyphicon-option-horizontal:before {
    content: ""
}

.glyphicon-option-vertical:before {
    content: ""
}

.glyphicon-menu-hamburger:before {
    content: ""
}

.glyphicon-modal-window:before {
    content: ""
}

.glyphicon-oil:before {
    content: ""
}

.glyphicon-grain:before {
    content: ""
}

.glyphicon-sunglasses:before {
    content: ""
}

.glyphicon-text-size:before {
    content: ""
}

.glyphicon-text-color:before {
    content: ""
}

.glyphicon-text-background:before {
    content: ""
}

.glyphicon-object-align-top:before {
    content: ""
}

.glyphicon-object-align-bottom:before {
    content: ""
}

.glyphicon-object-align-horizontal:before {
    content: ""
}

.glyphicon-object-align-left:before {
    content: ""
}

.glyphicon-object-align-vertical:before {
    content: ""
}

.glyphicon-object-align-right:before {
    content: ""
}

.glyphicon-triangle-right:before {
    content: ""
}

.glyphicon-triangle-left:before {
    content: ""
}

.glyphicon-triangle-bottom:before {
    content: ""
}

.glyphicon-triangle-top:before {
    content: ""
}

.glyphicon-console:before {
    content: ""
}

.glyphicon-superscript:before {
    content: ""
}

.glyphicon-subscript:before {
    content: ""
}

.glyphicon-menu-left:before {
    content: ""
}

.glyphicon-menu-right:before {
    content: ""
}

.glyphicon-menu-down:before {
    content: ""
}

.glyphicon-menu-up:before {
    content: ""
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 9px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: 'Microsoft Yahei','Roboto',Arial,sans-serif;
    font-size: 11px;
    line-height: 1.42857143;
    color: #404040;
    background-color: #eee
}

@media(min-width: 415px) {
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    body {
        font-family: 'Microsoft Yahei','Roboto',Arial,sans-serif;
        font-size: 12px;
        line-height: 1.42857143;
        color: #404040;
        background-color: #eee
    }
}

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

a {
    color: #4285f4;
    text-decoration: none
}

    a:hover, a:focus {
        color: #0d5bdd;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 4px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 2px;
    -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%
}

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #eee
}

.card {
    margin-bottom: 20px
}

    .card .card-subtitle {
        font-weight: 300;
        margin-bottom: 15px;
        color: #6c757d
    }

    .card .card-title {
        position: relative;
        font-weight: 500
    }

    .card .card-actions a {
        padding: 0 5px;
        cursor: pointer
    }

.card-group {
    margin-bottom: 20px
}

    .card-group .card {
        border-right: 1px solid #e9ecef
    }

.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto
}

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

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

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

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

.card-footer, .card-header {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03)
}

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

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

.card-subtitle {
    margin-top: -.375rem
}

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

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

.card-header-pills, .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-header {
    border-bottom: 0 solid transparent
}

    .card-header:first-child {
        border-radius: calc(0 - 0) calc(0 - 0) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    border-top: 0 solid transparent
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0 - 0) calc(0 - 0)
    }

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: inherit
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 18px;
    margin-bottom: 9px
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 9px;
    margin-bottom: 9px
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%
    }

h1, .h1 {
    font-size: 33px
}

h2, .h2 {
    font-size: 27px
}

h3, .h3 {
    font-size: 23px
}

h4, .h4 {
    font-size: 17px
}

h5, .h5 {
    font-size: 13px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 9px
}

.lead {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

@media(min-width: 768px) {
    .lead {
        font-size: 19.5px
    }
}

small, .small {
    font-size: 92%
}

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #4285f4
}

a.text-primary:hover, a.text-primary:focus {
    color: #1266f1
}

.text-success {
    color: #37b358
}

a.text-success:hover, a.text-success:focus {
    color: #2b8c45
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #f6c163
}

a.text-warning:hover, a.text-warning:focus {
    color: #f3ae33
}

.text-danger {
    color: #ea4335
}

a.text-danger:hover, a.text-danger:focus {
    color: #d62516
}

.bg-primary {
    color: #fff;
    background-color: #4285f4
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #1266f1
}

.bg-success {
    background-color: #34a853
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #288140
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #ea4335
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #d62516
}

.page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 9px
}

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

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

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

    .list-inline ul, .list-inline ol {
        padding-left: 40px
    }

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 18px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media(min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

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

blockquote {
    padding: 6px 10px;
    margin: 0 0 18px;
    font-size: 12px;
    border-left: 5px solid #eee
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '— '
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
            content: ''
        }

        .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
            content: ' —'
        }

address {
    margin-bottom: 18px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #4285f4;
    background-color: #fafafa;
    border-radius: 2px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        box-shadow: none
    }

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

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

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

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

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

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

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width: 415px) {
    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .row {
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media(min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

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

@media(min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

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

@media(min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

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

.chat-list {
    margin: 0;
    padding: 0
}

    .chat-list li {
        list-style: none;
        margin-top: 1rem
    }

        .chat-list li .chat-img {
            display: inline-block;
            width: 45px;
            vertical-align: top
        }

            .chat-list li .chat-img img, .chat-list li .chat-img b {
                width: 45px;
                border-radius: 100%
            }

        .chat-list li .chat-content {
            width: calc(100% - 50px);
            display: inline-block;
            padding-left: 15px
        }

            .chat-list li .chat-content h5 {
                color: #6c757d;
                margin: .1rem
            }

            .chat-list li .chat-content .box {
                display: inline-block;
                color: #343a40;
                background: #f8f9fa;
                padding: .5rem 1rem
            }

                .chat-list li .chat-content .box p {
                    padding: 0;
                    margin: 0
                }

        .chat-list li .chat-time {
            display: block;
            font-size: 10px;
            color: #6c757d
        }

        .chat-list li.odd .chat-content {
            text-align: right;
            width: calc(100% - 0)
        }

        .chat-list li.odd .box {
            clear: both;
            color: #fff;
            background: #fb9678
        }

        .chat-list li.odd + .odd {
            margin-top: 0
        }

        .chat-list li.reverse .chat-time {
        }

        .chat-list li.reverse .chat-content {
            padding-left: 0;
            padding-right: 15px
        }

.box {
    border-radius: .25rem;
    padding: 10px
}

.chat-list li.odd .chat-time, .chat-list li.reverse {
    text-align: right
}

.chat-main-box .chat-right-aside .chat-list li.reverse .chat-time {
    margin-left: auto;
    text-align: right
}

.chat-main-box .chat-right-aside .send-chat-box {
    position: relative
}

    .chat-main-box .chat-right-aside .send-chat-box .form-control {
        border: none;
        border-top: 1px solid #e9ecef;
        resize: none;
        height: 80px;
        padding-right: 180px
    }

        .chat-main-box .chat-right-aside .send-chat-box .form-control:focus {
            border-color: #e9ecef
        }

    .chat-main-box .chat-right-aside .send-chat-box .custom-send {
        position: absolute;
        right: 20px;
        bottom: 10px
    }

        .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
            color: #212529;
            margin-right: 10px
        }

caption {
    padding-top: 12px 10px;
    padding-bottom: 12px 10px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

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

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

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

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

.table .table {
    background-color: #edf1f5
}

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

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

    .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: #f8f9fa
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-cyan, .table-cyan > td, .table-cyan > th {
    background-color: #b8edf0
}

.table-hover .table-cyan:hover, .table-hover .table-cyan:hover > td, .table-hover .table-cyan:hover > th {
    background-color: #a3e8ec
}

.table-purple, .table-purple > td, .table-purple > th {
    background-color: #e7dff7
}

.table-hover .table-purple:hover, .table-hover .table-purple:hover > td, .table-hover .table-purple:hover > th {
    background-color: #d8cbf2
}

.table-active, .table-active > td, .table-active > th {
    background-color: #f8f9fa
}

.table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: #e9ecef
}

.table .thead-dark th {
    color: #edf1f5;
    background-color: #212529;
    border-color: #32383e
}

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

.table-dark {
    color: #edf1f5;
    background-color: #212529
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #32383e
    }

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

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

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

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

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

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

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

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

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

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

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

.table-responsive {
    -webkit-overflow-scrolling: touch
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

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

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 11px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #404040
}

textarea.form-control {
    height: auto
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 48px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 37px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 57px
    }
}

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

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        min-height: 18px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
    min-height: 31px
}

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

.input-sm {
    height: 37px;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 2px
}

select.input-sm {
    height: 37px;
    line-height: 37px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 37px;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 37px;
    line-height: 37px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 37px;
    min-height: 30px;
    padding: 6px 9px;
    font-size: 12px;
    line-height: 1.6
}

.input-lg {
    height: 57px;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 4px
}

select.input-lg {
    height: 57px;
    line-height: 57px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 57px;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 4px
}

.form-group-lg select.form-control {
    height: 57px;
    line-height: 57px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 57px;
    min-height: 33px;
    padding: 13px 16px;
    font-size: 15px;
    line-height: 1.7
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 60px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 57px;
    height: 57px;
    line-height: 57px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 37px;
    height: 37px;
    line-height: 37px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #37b358
}

.has-success .form-control {
    border-color: #37b358;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b8c45;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ad692
    }

.has-success .input-group-addon {
    color: #37b358;
    border-color: #37b358;
    background-color: #34a853
}

.has-success .form-control-feedback {
    color: #37b358
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #37b358
}

.has-success .form-control {
    border-color: #37b358;
    box-shadow: none
}

    .has-success .form-control:focus {
        border-color: #319f4e;
        box-shadow: none
    }

.has-success .input-group-addon {
    color: #37b358;
    border-color: #37b358;
    background-color: #34a853
}

.has-success .form-control-feedback {
    color: #37b358
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #f6c163
}

.has-warning .form-control {
    border-color: #f6c163;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #f3ae33;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fce7c3
    }

.has-warning .input-group-addon {
    color: #f6c163;
    border-color: #f6c163;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #f6c163
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #f6c163
}

.has-warning .form-control {
    border-color: #f6c163;
    box-shadow: none
}

    .has-warning .form-control:focus {
        border-color: #f5b74b;
        box-shadow: none
    }

.has-warning .input-group-addon {
    color: #f6c163;
    border-color: #f6c163;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #f6c163
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ea4335
}

.has-error .form-control {
    border-color: #ea4335;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #d62516;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f49991
    }

.has-error .input-group-addon {
    color: #ea4335;
    border-color: #ea4335;
    background-color: #ea4335
}

.has-error .form-control-feedback {
    color: #ea4335
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ea4335
}

.has-error .form-control {
    border-color: #ea4335;
    box-shadow: none
}

    .has-error .form-control:focus {
        border-color: #e82e1e;
        box-shadow: none
    }

.has-error .input-group-addon {
    color: #ea4335;
    border-color: #ea4335;
    background-color: #ea4335
}

.has-error .form-control-feedback {
    color: #ea4335
}

.has-feedback label ~ .form-control-feedback {
    top: 23px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: gray
}

@media(min-width: 768px) {
    .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 .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 11px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 29px
}

.form-horizontal .form-group {
}

@media(min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: .4rem
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media(min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 13px;
        font-size: 15px
    }
}

@media(min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #404040;
        text-decoration: none
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none
    }

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

.btn-default {
    border-color: #dedede;
    color: #404040;
    background-color: #fff;
    border-color: #fff
}

    .btn-default:focus, .btn-default.focus {
        color: #404040;
        background-color: #e6e6e6;
        border-color: #9e9e9e
    }

    .btn-default:hover {
        color: #404040;
        background-color: #e6e6e6;
        border-color: #bfbfbf
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #404040;
        background-color: #e6e6e6;
        border-color: #bfbfbf
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #404040;
            background-color: #d4d4d4;
            border-color: #9e9e9e
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #dedede
    }

    .btn-default .badge {
        color: #fff;
        background-color: #404040
    }

    .btn-default:focus, .btn-default.focus {
        color: #404040;
        background-color: #fff;
        border-color: #fff;
        outline: none
    }

    .btn-default:hover, .btn-default.hover {
        box-shadow: inset 0 -1px 0 #e6e6e6;
        background-color: #fff;
        border-color: #fff;
        border-bottom-color: #e6e6e6
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #404040;
        box-shadow: inset 0 2px 0 #e6e6e6;
        background-color: #f0f0f0;
        border-color: #f0f0f0;
        border-top-color: #d4d4d4
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #404040;
            background-color: #f0f0f0;
            border-color: transparent;
            border-top-color: #d4d4d4;
            box-shadow: inset 0 2px 0 #e6e6e6
        }

            .btn-default:active:hover .icon, .btn-default.active:hover .icon, .open > .dropdown-toggle.btn-default:hover .icon, .btn-default:active:focus .icon, .btn-default.active:focus .icon, .open > .dropdown-toggle.btn-default:focus .icon, .btn-default:active.focus .icon, .btn-default.active.focus .icon, .open > .dropdown-toggle.btn-default.focus .icon {
                color: #404040
            }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #fff
    }

    .btn-default .badge {
        color: #fff;
        background-color: #404040
    }

.btn-primary {
    border-color: #2a75f3;
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #1266f1;
        border-color: #093d94
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #0c57d3;
            border-color: #093d94
        }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
        background-color: #4285f4;
        border-color: #2a75f3
    }

    .btn-primary .badge {
        color: #4285f4;
        background-color: #fff
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #4285f4;
        border-color: #4285f4;
        outline: none
    }

    .btn-primary:hover, .btn-primary.hover {
        box-shadow: inset 0 -1px 0 #1266f1;
        background-color: #4c8bf5;
        border-color: #4c8bf5;
        border-bottom-color: #1266f1
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        box-shadow: inset 0 2px 0 #1266f1;
        background-color: #2572f2;
        border-color: #2572f2;
        border-top-color: #0c57d3
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #2572f2;
            border-color: transparent;
            border-top-color: #0c57d3;
            box-shadow: inset 0 2px 0 #1266f1
        }

            .btn-primary:active:hover .icon, .btn-primary.active:hover .icon, .open > .dropdown-toggle.btn-primary:hover .icon, .btn-primary:active:focus .icon, .btn-primary.active:focus .icon, .open > .dropdown-toggle.btn-primary:focus .icon, .btn-primary:active.focus .icon, .btn-primary.active.focus .icon, .open > .dropdown-toggle.btn-primary.focus .icon {
                color: #fff
            }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #4285f4;
        border-color: #4285f4
    }

    .btn-primary .badge {
        color: #4285f4;
        background-color: #fff
    }

.btn-success {
    border-color: #2e9549;
    color: #fff;
    background-color: #34a853;
    border-color: #34a853
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #288140;
        border-color: #103319
    }

    .btn-success:hover {
        color: #fff;
        background-color: #288140;
        border-color: #206632
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #288140;
        border-color: #206632
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #206632;
            border-color: #103319
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
        background-color: #34a853;
        border-color: #2e9549
    }

    .btn-success .badge {
        color: #34a853;
        background-color: #fff
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #34a853;
        border-color: #34a853;
        outline: none
    }

    .btn-success:hover, .btn-success.hover {
        box-shadow: inset 0 -1px 0 #288140;
        background-color: #36b057;
        border-color: #36b057;
        border-bottom-color: #288140
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        box-shadow: inset 0 2px 0 #288140;
        background-color: #2d9147;
        border-color: #2d9147;
        border-top-color: #206632
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #2d9147;
            border-color: transparent;
            border-top-color: #206632;
            box-shadow: inset 0 2px 0 #288140
        }

            .btn-success:active:hover .icon, .btn-success.active:hover .icon, .open > .dropdown-toggle.btn-success:hover .icon, .btn-success:active:focus .icon, .btn-success.active:focus .icon, .open > .dropdown-toggle.btn-success:focus .icon, .btn-success:active.focus .icon, .btn-success.active.focus .icon, .open > .dropdown-toggle.btn-success.focus .icon {
                color: #fff
            }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #34a853;
        border-color: #34a853
    }

    .btn-success .badge {
        color: #34a853;
        background-color: #fff
    }

.btn-info {
    border-color: #2a75f3;
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #1266f1;
        border-color: #093d94
    }

    .btn-info:hover {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #0c57d3;
            border-color: #093d94
        }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
        background-color: #4285f4;
        border-color: #2a75f3
    }

    .btn-info .badge {
        color: #4285f4;
        background-color: #fff
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #4285f4;
        border-color: #4285f4;
        outline: none
    }

    .btn-info:hover, .btn-info.hover {
        box-shadow: inset 0 -1px 0 #1266f1;
        background-color: #4c8bf5;
        border-color: #4c8bf5;
        border-bottom-color: #1266f1
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        box-shadow: inset 0 2px 0 #1266f1;
        background-color: #2572f2;
        border-color: #2572f2;
        border-top-color: #0c57d3
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #2572f2;
            border-color: transparent;
            border-top-color: #0c57d3;
            box-shadow: inset 0 2px 0 #1266f1
        }

            .btn-info:active:hover .icon, .btn-info.active:hover .icon, .open > .dropdown-toggle.btn-info:hover .icon, .btn-info:active:focus .icon, .btn-info.active:focus .icon, .open > .dropdown-toggle.btn-info:focus .icon, .btn-info:active.focus .icon, .btn-info.active.focus .icon, .open > .dropdown-toggle.btn-info.focus .icon {
                color: #fff
            }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #4285f4;
        border-color: #4285f4
    }

    .btn-info .badge {
        color: #4285f4;
        background-color: #fff
    }

.btn-warning {
    border-color: #e3aa04;
    color: #fff;
    background-color: #fbbc05;
    border-color: #fbbc05
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ca9703;
        border-color: #654c02
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ca9703;
        border-color: #a77d03
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ca9703;
        border-color: #a77d03
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #a77d03;
            border-color: #654c02
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
        background-color: #fbbc05;
        border-color: #e3aa04
    }

    .btn-warning .badge {
        color: #fbbc05;
        background-color: #fff
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #fbbc05;
        border-color: #fbbc05;
        outline: none
    }

    .btn-warning:hover, .btn-warning.hover {
        box-shadow: inset 0 -1px 0 #ca9703;
        background-color: #fbbf0f;
        border-color: #fbbf0f;
        border-bottom-color: #ca9703
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        box-shadow: inset 0 2px 0 #ca9703;
        background-color: #dea604;
        border-color: #dea604;
        border-top-color: #a77d03
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #dea604;
            border-color: transparent;
            border-top-color: #a77d03;
            box-shadow: inset 0 2px 0 #ca9703
        }

            .btn-warning:active:hover .icon, .btn-warning.active:hover .icon, .open > .dropdown-toggle.btn-warning:hover .icon, .btn-warning:active:focus .icon, .btn-warning.active:focus .icon, .open > .dropdown-toggle.btn-warning:focus .icon, .btn-warning:active.focus .icon, .btn-warning.active.focus .icon, .open > .dropdown-toggle.btn-warning.focus .icon {
                color: #fff
            }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #fbbc05;
        border-color: #fbbc05
    }

    .btn-warning .badge {
        color: #fbbc05;
        background-color: #fff
    }

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

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #d62516;
        border-color: #79150d
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #d62516;
        border-color: #b51f13
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d62516;
        border-color: #b51f13
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #b51f13;
            border-color: #79150d
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #ea4335;
        border-color: #e82e1e
    }

    .btn-danger .badge {
        color: #ea4335;
        background-color: #fff
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #ea4335;
        border-color: #ea4335;
        outline: none
    }

    .btn-danger:hover, .btn-danger.hover {
        box-shadow: inset 0 -1px 0 #d62516;
        background-color: #eb4c3e;
        border-color: #eb4c3e;
        border-bottom-color: #d62516
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        box-shadow: inset 0 2px 0 #d62516;
        background-color: #e72919;
        border-color: #e72919;
        border-top-color: #b51f13
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #e72919;
            border-color: transparent;
            border-top-color: #b51f13;
            box-shadow: inset 0 2px 0 #d62516
        }

            .btn-danger:active:hover .icon, .btn-danger.active:hover .icon, .open > .dropdown-toggle.btn-danger:hover .icon, .btn-danger:active:focus .icon, .btn-danger.active:focus .icon, .open > .dropdown-toggle.btn-danger:focus .icon, .btn-danger:active.focus .icon, .btn-danger.active.focus .icon, .open > .dropdown-toggle.btn-danger.focus .icon {
                color: #fff
            }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #ea4335;
        border-color: #ea4335
    }

    .btn-danger .badge {
        color: #ea4335;
        background-color: #fff
    }

.btn-link {
    color: #4285f4;
    font-weight: normal;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent
        }

            .btn-link:hover, .btn-link:focus {
                color: #0d5bdd;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 4px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 2px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 2px
}

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

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

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].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
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

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

    .dropdown-menu .divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #4285f4
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

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

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

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

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

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

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

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

.custom-control-label::after, .custom-control-label::before {
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    left: 0
}

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

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

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #edf1f5,transparent
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #000
    }

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

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

.custom-control-label::before {
    pointer-events: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #fb9678
}

.custom-control-label::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-file, .custom-select {
    display: inline-block;
    width: 100%
}

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

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

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(251,150,120,.5)
}

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fb9678
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(251,150,120,.5)
}

.custom-select {
    height: calc(2.0625rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #4f5467;
    vertical-align: middle;
    background: str-replace(url(),"%23") right .75rem center no-repeat #fff;
    background-size: 8px 10px;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
    appearance: none
}

.custom-select-lg, .custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.custom-file-input:focus ~ .custom-file-control::before, .custom-select:focus {
    border-color: rgba(0,0,0,.1)
}

.custom-select:focus {
    outline: 0;
    box-shadow: transparent
}

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

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

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

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.64844rem + 2px);
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.64063rem + 2px);
    font-size: 125%
}

.custom-file, .custom-file-input, .custom-file-label {
    height: calc(2.0625rem + 2px)
}

.custom-file {
    position: relative
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-label, .custom-file-label::after {
    position: absolute;
    top: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #4f5467;
    right: 0
}

.custom-file-input:focus ~ .custom-file-control {
    border-color: rgba(0,0,0,.1);
    box-shadow: transparent
}

.custom-file-label {
    left: 0;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: .25rem
}

    .custom-file-label::after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(calc(2.0625rem + 2px) - 1px*2);
        background-color: #f8f9fa;
        border-left: 1px solid #e9ecef;
        border-radius: 0 .25rem .25rem 0
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block
        }

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

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #ffffff4d;
        border-color: #4285f4
    }

    .nav .nav-divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: #ffffff4d
    }

    .nav > li > a > img {
        max-width: none
    }

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

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 2px 2px 0 0
        }

            .nav-tabs > li > a:hover {
                background-color: #ffffff4d
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            background-color: #ffffff4d;
            border: 1px solid #fff;
            border-bottom-color: transparent;
            cursor: default
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media(min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media(min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #eee
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 2px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #4285f4
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media(min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 2px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd
    }

@media(min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #eee
    }
}

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

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

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

.navbar {
    position: relative;
    min-height: 45px;
    margin-bottom: 18px;
    border: 1px solid transparent
}

@media(min-width: 768px) {
    .navbar {
        border-radius: 2px
    }
}

@media(min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media(min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media(max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media(min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 14;
    border-width: 0 0 1px
}

@media(min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media(min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 16px 15px;
    font-size: 15px;
    line-height: 18px;
    height: 50px
}

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

    .navbar-brand > img {
        display: block
    }

@media(min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media(min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 8px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 18px
    }

@media(max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 18px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media(min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 16px;
                padding-bottom: 16px
            }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 1px;
    margin-bottom: 1px
}

@media(min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

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

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .radio label, .navbar-form .checkbox label {
            padding-left: 0
        }

        .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media(max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media(min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 1px;
    margin-bottom: 1px
}

    .navbar-btn.btn-sm {
        margin-top: 6.5px;
        margin-bottom: 6.5px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 16px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

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

    .navbar-right {
        float: right !important;
        margin-right: 0
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default .navbar-brand {
    color: #777
}

    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        color: #5e5e5e;
        background-color: transparent
    }

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #333;
        background-color: transparent
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #2371f2
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #fff
}

@media(max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
        color: #333
    }

    .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #fff
    }

@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444
    }

.breadcrumb {
    padding: 7px 20px;
    margin-bottom: 18px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 2px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            content: "/ ";
            padding: 0 5px;
            color: #8a8a8a
        }

    .breadcrumb > .active {
        color: #3d3d3d
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 18px 0;
    border-radius: 2px
}

    .pagination > li {
        display: inline
    }

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

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 2px;
            border-top-left-radius: 2px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 2px;
            border-top-right-radius: 2px
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            z-index: 2;
            color: #0d5bdd;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #4285f4;
        border-color: #4285f4;
        cursor: default
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.7
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.6
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pager {
    padding-left: 0;
    margin: 18px 0;
    list-style: none;
    text-align: center
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

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

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

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

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

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 300 !important;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #1266f1;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #fff
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #e6e6e6
    }

.label-primary {
    background-color: #5f99f5
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #2f7af2
    }

.label-success {
    background-color: #37b358
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #2b8c45
    }

.label-info {
    background-color: #4285f4
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #1266f1
    }

.label-warning {
    background-color: #f6c163
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #f3ae33
    }

.label-danger {
    background-color: #eb6357
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #e63929
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
    color: #404040;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #fff;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #4285f4;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotron h1, .jumbotron .h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 200
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 59px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 18px;
    line-height: 1.42857143;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .thumbnail > img, .thumbnail a > img {
        margin-left: auto;
        margin-right: auto
    }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #4285f4
}

.thumbnail .caption {
    padding: 9px;
    color: #404040
}

.alert {
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 2px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: bold
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 38px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #34a853;
    border-color: #34a853;
    color: #fff
}

    .alert-success hr {
        border-top-color: #2e9549
    }

    .alert-success .alert-link {
        color: #e6e6e6
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #fff
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #e6e6e6
    }

.alert-warning {
    background-color: #fbbc05;
    border-color: #fbbc05;
    color: #fff
}

    .alert-warning hr {
        border-top-color: #e3aa04
    }

    .alert-warning .alert-link {
        color: #e6e6e6
    }

.alert-danger {
    background-color: #ea4335;
    border-color: #ea4335;
    color: #fff
}

    .alert-danger hr {
        border-top-color: #e82e1e
    }

    .alert-danger .alert-link {
        color: #e6e6e6
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background-color: #4285f4;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .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);
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #34a853
}

.progress-striped .progress-bar-success {
    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)
}

.progress-bar-info {
    background-color: #4285f4
}

.progress-striped .progress-bar-info {
    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)
}

.progress-bar-warning {
    background-color: #fbbc05
}

.progress-striped .progress-bar-warning {
    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)
}

.progress-bar-danger {
    background-color: #ea4335
}

.progress-striped .progress-bar-danger {
    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)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

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

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #fff
    }

.list-group-item-success {
    color: #37b358;
    background-color: #34a853
}

a.list-group-item-success, button.list-group-item-success {
    color: #37b358
}

    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:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
        color: #37b358;
        background-color: #2e9549
    }

    a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #37b358;
        border-color: #37b358
    }

.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:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #f6c163;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #f6c163
}

    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:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
        color: #f6c163;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #f6c163;
        border-color: #f6c163
    }

.list-group-item-danger {
    color: #ea4335;
    background-color: #ea4335
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #ea4335
}

    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:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
        color: #ea4335;
        background-color: #e82e1e
    }

    a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #ea4335;
        border-color: #ea4335
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 18px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px 20px 20px
}

.panel-heading {
    padding: 20px 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit
}

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: inherit
    }

.panel-footer {
    padding: 20px 20px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

    .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
        padding-left: 15px 20px 20px;
        padding-right: 15px 20px 20px
    }

    .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }

        .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 2px
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 2px
            }

    .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 2px
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 2px
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0
    }

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

    .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 18px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 3px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out,-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
    }

    .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;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    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;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'Roboto',Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Roboto',Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 13px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 13px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 3px 3px 0 0
}

.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 {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: transform .6s ease-in-out,-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 > .item.next, .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            left: 0
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            left: 0
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                left: 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;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0)
}

    .carousel-control.left {
        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 {
        left: auto;
        right: 0;
        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:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: '‹'
        }

        .carousel-control .icon-next:before {
            content: '›'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0)
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    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 screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media(max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media(max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !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
    }
}

.modal-perspective, .modal-perspective body {
    height: 100%;
    overflow: hidden
}

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

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

.modal-show {
    visibility: visible
}

.modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    background: rgba(0,0,0,.5);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-content {
    position: relative;
    border-radius: 3px
}

.modal-effect-1 .modal-content {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-effect-2 .modal-content {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25,.5,.5,.9);
    -o-transition: all .3s cubic-bezier(.25,.5,.5,.9);
    transition: all .3s cubic-bezier(.25,.5,.5,.9)
}

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

.modal-effect-3 .modal-content {
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-effect-4 .modal-content {
    -webkit-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    -o-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.modal-show.modal-effect-4 ~ .modal-overlay, .modal-effect-4 .modal-content {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

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

.modal-effect-5.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

.modal-show.modal-effect-5 .modal-content {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0deg);
    -ms-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
    opacity: 1
}

.modal-effect-6.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

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

.modal-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

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

.modal-effect-8.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

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

.modal-effect-9.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

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

.modal-effect-10.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

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

.modal-effect-11 .modal-content {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-effect-12 .modal-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal-show.modal-effect-12 ~ .modal-overlay {
    background: #000
}

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

.modal-effect-13.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

.modal-show.modal-effect-13 .modal-content {
    -webkit-animation: slit .7s forwards ease-out;
    -o-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
    }
}

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

    100% {
        transform: translateZ(0)rotateY(0deg);
        opacity: 1;
    }
}

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

    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

.modal-effect-14.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

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

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

.modal-effect-15.modal-container {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.modal-effect-15 .modal-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-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%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-show.modal-effect-16 ~ .modal-overlay {
    background: rgba(180,46,32,.5)
}

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

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

.modal-show.modal-effect-16 ~ .container, .modal-effect-16 .modal-content {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

.modal-show.modal-effect-17 ~ .container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s,-o-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-o-transform .3s
}

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

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

.modal-show.modal-effect-17 .modal-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s .2s;
    -o-transition: all .3s .2s;
    transition: all .3s .2s
}

.modal-show.modal-effect-18 ~ .container {
    height: 100%;
    overflow: hidden
}

.modal-show.modal-effect-18 ~ .modal-overlay {
    background: rgba(143,27,15,.8);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.modal-show.modal-effect-18 ~ .container, .modal-show.modal-effect-18 ~ .modal-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0% 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -o-animation: rotateRightSideFirst .5s forwards ease-in;
    animation: rotateRightSideFirst .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)
    }
}

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

    100% {
        transform: translateZ(-200px);
    }
}

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

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
}

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

.modal-show.modal-effect-18 .modal-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -o-transition: all .5s .1s;
    transition: all .5s .1s
}

html {
    height: 100%;
    overflow-x: hidden
}

body {
    padding: 0;
    background: #edf1f5 !important;
    height: 100%
}

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

p {
    font-size: inherit;
    line-height: 21px
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.be-wrapper {
    min-height: 100%;
    padding-top: 61px
}

@media(max-width: 767px) {
    .be-wrapper {
        overflow-x: hidden
    }
}

.be-top-header {
    background-color: #fff;
    border: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6
}

@media(max-width: 767px) {
    .be-top-header {
        border-bottom-width: 0;
        position: relative;
        min-height: 0
    }
}

.be-top-header .container-fluid {
    padding: 0
}

.be-top-header .navbar-header .navbar-brand {
    line-height: 60px;
    height: 60px;
    width: 230px;
    background-image: url(/assets/img/logo.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 0 20px;
    margin: 0
}

@media(-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .be-top-header .navbar-header .navbar-brand {
        background-image: url(/assets/img/logo-xx.png);
        background-size: 102px 27px
    }
}

@media(max-width: 767px) {
    .be-top-header .navbar-header .navbar-brand {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .be-top-header .navbar-header .navbar-brand {
        margin-right: 10px
    }
}

.be-nosidebar-left .be-top-header .navbar-header .navbar-brand {
    width: 142px
}

@media(max-width: 767px) {
    .be-top-header .navbar-header {
        display: none
    }
}

.be-top-header .page-title {
    font-size: 19px;
    line-height: 60px;
    float: left;
    padding: 0 20px
}

.be-nosidebar-left .be-top-header .page-title {
    padding-left: 10px
}

@media(max-width: 767px) {
    .be-top-header .page-title {
        display: none
    }
}

.be-top-header .navbar-nav > li > a {
    line-height: 60px;
    color: #5a5a5a;
    font-size: 14px;
    padding: 0 18px;
    outline: none
}

    .be-top-header .navbar-nav > li > a:hover, .be-top-header .navbar-nav > li > a:focus {
        color: #5a5a5a
    }

@media(min-width: 768px) and (max-width:991px) {
    .be-top-header .navbar-nav > li > a {
        padding: 0 24px
    }
}

.be-top-header .navbar-nav > li.open > a {
    color: #4285f4
}

    .be-top-header .navbar-nav > li.open > a:focus, .be-top-header .navbar-nav > li.open > a:active, .be-top-header .navbar-nav > li.open > a:hover {
        color: #4285f4
    }

.be-top-header .navbar-nav > li.dropdown > a .mdi-caret-down {
    font-size: 23px;
    vertical-align: middle;
    margin-left: 3px
}

.be-top-header .navbar-nav > li.dropdown .dropdown-menu {
    border-radius: 3px;
    margin-top: 12px
}

    .be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a {
        color: #504e4e;
        padding: 10px 20px;
        min-width: 175px
    }

        .be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
            background-color: #4285f4;
            color: #fff
        }

        .be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:focus, .be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:active {
            background-color: transparent;
            color: #504e4e
        }

    .be-top-header .navbar-nav > li.dropdown .dropdown-menu:after, .be-top-header .navbar-nav > li.dropdown .dropdown-menu:before {
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -8px;
        content: "";
        display: inline-block;
        left: 42px;
        margin-left: -6px;
        position: absolute
    }

    .be-top-header .navbar-nav > li.dropdown .dropdown-menu:before {
        border-bottom-width: 9px;
        border-left-width: 9px;
        border-right-width: 9px;
        border-bottom-color: #e3e3e3;
        margin-left: -7px;
        top: -9px
    }

.be-top-header .navbar-collapse {
    border-width: 0
}

@media(max-width: 767px) {
    .be-top-header .navbar-collapse {
        border-top: 1px solid #f5f5f5;
        max-height: none
    }
}

@media(max-width: 767px) {
    .be-top-header .navbar-collapse .navbar-nav {
        background-color: #fafafa;
        margin: 0;
        padding: 15px 0
    }

        .be-top-header .navbar-collapse .navbar-nav > li > a {
            display: block;
            padding: 0 20px;
            color: #646464;
            font-size: 14px;
            line-height: 38px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

            .be-top-header .navbar-collapse .navbar-nav > li > a .icon {
                line-height: 18px;
                font-size: 19px;
                min-width: 19px;
                margin-right: 9px;
                text-align: center;
                vertical-align: middle
            }

        .be-top-header .navbar-collapse .navbar-nav > li.dropdown .mdi-caret-down {
            float: right;
            line-height: 38px;
            color: #c5c5c5
        }

        .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {
            background-color: #eee;
            padding: 10px 0;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            border-radius: 0
        }

            .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:before, .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:after {
                display: none
            }

            .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a {
                color: #646464;
                padding: 8px 15px 8px 49px;
                padding-left: 23px
            }
}

.be-top-header .be-right-navbar {
    padding-right: 20px
}

    .be-top-header .be-right-navbar .navbar-nav {
        background-color: transparent
    }

@media(max-width: 767px) {
    .be-top-header .be-right-navbar .navbar-nav > li > a {
        color: #fff
    }

        .be-top-header .be-right-navbar .navbar-nav > li > a:focus, .be-top-header .be-right-navbar .navbar-nav > li > a:active {
            color: #fff
        }

    .be-top-header .be-right-navbar .navbar-nav > li.open > a {
        color: #fff
    }

        .be-top-header .be-right-navbar .navbar-nav > li.open > a:focus, .be-top-header .be-right-navbar .navbar-nav > li.open > a:active, .be-top-header .be-right-navbar .navbar-nav > li.open > a:hover {
            color: #fff
        }
}

@media(max-width: 767px) {
    .be-top-header .be-right-navbar {
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #4285f4;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #4285f4;
        z-index: 1030
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .be-top-header .be-toggle-right-sidebar {
        margin-right: 0;
        padding-left: 5px;
        padding-right: 9px
    }
}

.be-top-header .be-toggle-top-header-menu {
    display: none;
    background-color: #fff;
    padding: 16px 10px;
    color: #404040;
    font-weight: 300;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5
}

    .be-top-header .be-toggle-top-header-menu:before {
        content: '';
        float: right;
        font-family: 'Material Icons';
        font-size: 27px;
        line-height: 22px;
        color: #c5c5c5
    }

    .be-top-header .be-toggle-top-header-menu.collapsed {
        border-bottom: 1px solid #e3e3e3;
        -webkit-transition: border-bottom-color .4s ease;
        -o-transition: border-bottom-color .4s ease;
        transition: border-bottom-color .4s ease
    }

        .be-top-header .be-toggle-top-header-menu.collapsed:before {
            content: ''
        }

@media(max-width: 767px) {
    .be-top-header .be-toggle-top-header-menu {
        display: block
    }
}

.be-color-header .be-top-header {
    background-color: #4285f4;
    border-bottom-color: #4285f4
}

    .be-color-header .be-top-header .be-right-navbar {
        background-color: #4285f4
    }

    .be-color-header .be-top-header .navbar-header .navbar-brand {
        background-image: url(/assets/img/logo-white.png)
    }

@media(-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .be-color-header .be-top-header .navbar-header .navbar-brand {
        background-image: url(/assets/img/logo-white-xx.png)
    }
}

.be-color-header .be-top-header .page-title {
    color: #fff
}

.be-color-header .be-top-header .be-right-navbar .navbar-nav > li > a {
    color: #fff
}

.be-color-header .be-top-header .be-right-navbar .be-icons-nav > li.dropdown > a .icon {
    color: #fff
}

.be-color-header .be-top-header .be-right-navbar .be-icons-nav > li.dropdown > a .indicator {
    background-color: #fff
}

.be-color-header-success .be-top-header {
    background-color: #34a853;
    border-bottom-color: #34a853
}

@media(max-width: 767px) {
    .be-color-header-success .be-top-header .be-right-navbar {
        background-color: #34a853;
        border-bottom-color: #34a853
    }
}

.be-color-header-warning .be-top-header {
    background-color: #fbbc05;
    border-bottom-color: #fbbc05
}

@media(max-width: 767px) {
    .be-color-header-warning .be-top-header .be-right-navbar {
        background-color: #fbbc05;
        border-bottom-color: #fbbc05
    }
}

.be-color-header-danger .be-top-header {
    background-color: #ea4335;
    border-bottom-color: #ea4335
}

@media(max-width: 767px) {
    .be-color-header-danger .be-top-header .be-right-navbar {
        background-color: #ea4335;
        border-bottom-color: #ea4335
    }
}

.be-top-header .be-icons-nav {
    margin-right: 20px
}

@media(min-width: 768px) and (max-width:991px) {
    .be-top-header .be-icons-nav {
        margin-right: 10px
    }
}

.be-icons-nav > li.dropdown {
    position: static
}

    .be-icons-nav > li.dropdown > a {
        padding: 0 10px
    }

        .be-icons-nav > li.dropdown > a .icon {
            font-size: 24px;
            vertical-align: middle;
            color: #737373
        }

            .be-icons-nav > li.dropdown > a .icon.mdi-comment-more {
                font-size: 20px;
                position: relative;
                top: 1px
            }

        .be-icons-nav > li.dropdown > a .indicator {
            background-color: #4285f4;
            border-radius: 50%;
            display: block;
            height: 6px;
            width: 6px;
            position: absolute;
            top: 18px;
            right: 6px
        }

    .be-icons-nav > li.dropdown.open > a:after, .be-icons-nav > li.dropdown.open > a:before {
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        bottom: -13px;
        content: "";
        display: inline-block;
        left: 50%;
        margin-left: -8px;
        position: absolute;
        z-index: 1001
    }

    .be-icons-nav > li.dropdown.open > a:before {
        border-bottom-width: 9px;
        border-left-width: 9px;
        border-right-width: 9px;
        border-bottom-color: #e3e3e3;
        margin-left: -9px;
        bottom: -12px
    }

    .be-icons-nav > li.dropdown .dropdown-menu {
        width: 300px;
        border-radius: 3px;
        padding: 0;
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
        border: 1px solid #e0e0e0;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

        .be-icons-nav > li.dropdown .dropdown-menu .title {
            font-size: 13px;
            color: #8a8a8a;
            text-align: center;
            padding: 10px 0 8px;
            border-bottom: 1px solid #ebebeb
        }

            .be-icons-nav > li.dropdown .dropdown-menu .title .badge {
                font-size: 10px;
                line-height: 10px;
                vertical-align: middle;
                margin-left: 4px;
                background-color: #e4e4e4;
                color: #8a8a8a;
                min-width: 17px;
                height: 17px;
                text-align: center;
                padding: 3px 6px
            }

            .be-icons-nav > li.dropdown .dropdown-menu .title .badge-new {
                background-color: #4285f4;
                border-color: #4285f4;
                color: #fff
            }

        .be-icons-nav > li.dropdown .dropdown-menu .footer a {
            background-color: #fafafa;
            font-size: 13px;
            color: #8a8a8a;
            text-align: center;
            padding: 10px 0;
            border-top: 1px solid #ebebeb;
            display: block;
            outline: none
        }

            .be-icons-nav > li.dropdown .dropdown-menu .footer a:hover {
                background-color: #f5f5f5
            }

.be-top-header .be-icons-nav > li.dropdown .dropdown-menu:after, .be-top-header .be-icons-nav > li.dropdown .dropdown-menu:before {
    display: none
}

.be-icons-nav > li.dropdown.open > a {
    background-color: transparent
}

    .be-icons-nav > li.dropdown.open > a .icon {
        color: #4285f4
    }

@media(max-width: 767px) {
    .be-icons-nav > li.dropdown.open > a .icon {
        color: #fff
    }
}

@media(max-width: 767px) {
    .be-icons-nav {
        float: right;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .be-top-header .be-icons-nav {
        margin: 0 5px 0 0
    }

    .be-icons-nav > li.dropdown {
        display: inline-block
    }

        .be-icons-nav > li.dropdown > a {
            padding: 0 7px
        }

            .be-icons-nav > li.dropdown > a .icon {
                color: #fff
            }

            .be-icons-nav > li.dropdown > a .indicator {
                right: 2px;
                background-color: #fff
            }
}

@media(max-width: 480px) {
    .be-icons-nav > li.dropdown .dropdown-menu {
        left: 0;
        top: 60px;
        width: 100%;
        box-shadow: none;
        border-width: 0
    }

    .be-top-header .be-icons-nav > li.dropdown .dropdown-menu {
        border-radius: 0;
        margin-top: 1px
    }

    .be-icons-nav > li.dropdown .dropdown-menu .footer a {
        border-bottom: 1px solid #ebebeb
    }

    .be-icons-nav > li.dropdown.open > a:before {
        display: none
    }

    .be-icons-nav > li.dropdown.open > a:after {
        bottom: -1px
    }
}

.be-user-nav {
    margin-right: 0
}

    .be-user-nav > li.dropdown > a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0
    }

@media(min-width: 768px) and (max-width:991px) {
    .be-user-nav > li.dropdown > a {
        padding-left: 10px
    }
}

.be-user-nav > li.dropdown > a img {
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%
}

.be-user-nav > li.dropdown > a .user-name {
    margin-left: 8px;
    display: none;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle
}

.be-user-nav > li.dropdown > a:after {
    display: none;
    content: '';
    float: right;
    font-family: 'Material Icons';
    font-size: 21px;
    color: #c5c5c5;
    margin-left: 7px
}

@media(max-width: 767px) {
    .be-user-nav > li.dropdown > a:after {
        display: inline-block
    }
}

.be-user-nav > li.dropdown .dropdown-menu {
    width: 220px;
    padding: 0 0 7px
}

.be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:focus, .be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:active {
    background-color: transparent;
    color: #504e4e
}

.be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:hover {
    background-color: #f5f5f5;
    color: #504e4e
}

.be-user-nav > li.dropdown .dropdown-menu li a .icon {
    vertical-align: middle;
    margin-right: 6px
}

.be-user-nav > li.dropdown .dropdown-menu .user-info {
    background-color: #4285f4;
    color: #fff;
    overflow: hidden;
    padding: 20px 15px 14px;
    border-radius: 2px 2px 0 0;
    margin-bottom: 7px
}

    .be-user-nav > li.dropdown .dropdown-menu .user-info .user-name {
        display: block;
        font-size: 19px;
        line-height: 22px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .be-user-nav > li.dropdown .dropdown-menu .user-info .user-position {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 13px;
        position: relative
    }

        .be-user-nav > li.dropdown .dropdown-menu .user-info .user-position:after {
            content: "";
            position: absolute;
            height: 7px;
            width: 7px;
            left: 0;
            top: 5px;
            border: 1px solid #f0f0f0;
            border-radius: 50%;
            background-color: transparent;
            display: block
        }

        .be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.online:after {
            background-color: #6cd187;
            border-color: #6cd187
        }

        .be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.away:after {
            background-color: #fcd050;
            border-color: #fcd050
        }

        .be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.busy:after {
            background-color: #f39088;
            border-color: #f39088
        }

    .be-user-nav > li.dropdown .dropdown-menu .user-info .switch-status {
        float: right;
        margin-top: 5px
    }

.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    left: auto;
    right: 13px;
    border-bottom-color: #4285f4
}

.be-top-header .be-user-nav > li.dropdown .dropdown-menu:before {
    display: none
}

@media(max-width: 767px) {
    .be-user-nav {
        margin: 0;
        display: inline-block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden
    }

        .be-user-nav > li.dropdown > a {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 60px;
            white-space: nowrap
        }

            .be-user-nav > li.dropdown > a:after {
                color: #fff
            }

            .be-user-nav > li.dropdown > a img {
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

            .be-user-nav > li.dropdown > a .user-name {
                display: block;
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 100%;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
                overflow: hidden;
                text-overflow: ellipsis
            }

        .be-user-nav > li.dropdown .dropdown-menu {
            box-shadow: 0 2px 4px rgba(0,0,0,.08);
            background-color: #fff;
            position: fixed;
            top: 60px;
            left: 0;
            margin-left: 10px;
            margin-right: 10px;
            max-width: 220px
        }

    .be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
        right: auto;
        left: 20px
    }
}

.be-notifications {
    padding-top: 0
}

.navbar-right .be-notifications {
    left: auto;
    right: 25px
}

.be-notifications .be-scroller {
    position: relative;
    height: 222px
}

    .be-notifications .be-scroller > .content > ul {
        list-style: none;
        padding-left: 0
    }

.be-notifications .notification {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

    .be-notifications .notification > a {
        padding: 15px;
        display: block;
        overflow: hidden
    }

        .be-notifications .notification > a .image {
            height: 38px;
            width: 38px;
            border-radius: 50%;
            background-color: #e4e4e4;
            float: left;
            text-align: center;
            overflow: hidden
        }

            .be-notifications .notification > a .image img {
                height: 38px;
                width: 38px;
                font-size: 25px;
                color: #979595;
                line-height: 36px
            }

        .be-notifications .notification > a .notification-info {
            padding-left: 50px;
            line-height: 14px
        }

            .be-notifications .notification > a .notification-info .text {
                font-weight: 500;
                font-size: 13px;
                color: #8a8a8a;
                font-size: 12px;
                line-height: 16px
            }

            .be-notifications .notification > a .notification-info .user-name {
                color: #4285f4;
                font-size: 13px
            }

            .be-notifications .notification > a .notification-info .date {
                color: #8a8a8a;
                display: block;
                font-size: 9px;
                margin-top: 4px;
                text-transform: uppercase
            }

    .be-notifications .notification.notification-unread {
        background-color: rgba(66,133,244,.1);
        border-bottom: 1px solid rgba(66,133,244,.1)
    }

        .be-notifications .notification.notification-unread > a {
            position: relative
        }

            .be-notifications .notification.notification-unread > a:after {
                content: '';
                display: block;
                position: absolute;
                right: 15px;
                top: 20px;
                width: 6px;
                height: 6px;
                background-color: #4285f4;
                border-radius: 50%
            }

    .be-notifications .notification:hover {
        background-color: #4285f4
    }

        .be-notifications .notification:hover > a {
            color: #fff
        }

            .be-notifications .notification:hover > a .logo {
                background-color: #206ff2
            }

                .be-notifications .notification:hover > a .logo .icon {
                    color: #fff
                }

            .be-notifications .notification:hover > a .notification-info .circle {
                background: #fff
            }

            .be-notifications .notification:hover > a .notification-info .text, .be-notifications .notification:hover > a .notification-info .date, .be-notifications .notification:hover > a .notification-info .user-name {
                color: #fff
            }

            .be-notifications .notification:hover > a:after {
                background-color: #fff
            }

    .be-notifications .notification:last-child {
        border-bottom: 0
    }

@media(max-width: 767px) {
    .navbar-nav .open .be-notifications {
        position: absolute;
        background-color: #fff
    }
}

@media(max-width: 480px) {
    .navbar-nav .open .be-notifications {
        position: fixed
    }
}

.be-connections {
    min-width: 304px
}

.navbar-right .be-connections {
    left: auto;
    right: 25px
}

.be-connections .content {
    padding: 20px 15px
}

    .be-connections .content .row {
        margin: 0
    }

        .be-connections .content .row > div {
            padding-left: 5px;
            padding-right: 5px
        }

.be-connections .connection-item {
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    padding: 15px 0 9px;
    display: block;
    border: 1px solid transparent;
    color: #737373
}

    .be-connections .connection-item span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .be-connections .connection-item img {
        max-height: 35px;
        max-width: 35px
    }

    .be-connections .connection-item:hover {
        background-color: transparent;
        border-color: #ebebeb
    }

@media(max-width: 767px) {
    .navbar-right .be-connections {
        right: 5px
    }

    .navbar-nav .open .be-connections {
        position: absolute;
        background-color: #fff
    }
}

@media(max-width: 480px) {
    .be-connections {
        min-width: 260px
    }

    .navbar-nav .open .be-connections {
        position: fixed
    }

    .be-connections .content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.be-left-sidebar {
    background-color: #f5f5f5;
    width: 230px;
    left: 0;
    position: absolute;
    border-right: 1px solid #e3e3e3
}

    .be-left-sidebar .left-sidebar-wrapper {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%
    }

    .be-left-sidebar .left-sidebar-spacer {
        height: 100%;
        display: table-row
    }

@media(min-width: 768px) {
    .be-left-sidebar .left-sidebar-spacer {
        display: table-row
    }
}

.be-left-sidebar .left-sidebar-scroll {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.be-left-sidebar .left-sidebar-content {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 8px
}

.be-left-sidebar .left-sidebar-toggle {
    display: none;
    background-color: #fff;
    padding: 16px 10px;
    color: #404040;
    font-weight: 300;
    font-size: 14px
}

    .be-left-sidebar .left-sidebar-toggle:before {
        content: '';
        float: right;
        font-family: 'Material Icons';
        font-size: 27px;
        line-height: 22px;
        color: #c5c5c5
    }

    .be-left-sidebar .left-sidebar-toggle.open:before {
        content: ''
    }

@media(max-width: 767px) {
    .be-left-sidebar .left-sidebar-toggle {
        display: block
    }
}

.be-left-sidebar .sidebar-elements {
    margin: 0;
    padding: 0
}

    .be-left-sidebar .sidebar-elements .divider {
        padding: 20px 20px 0;
        color: #b0b0b0;
        line-height: 30px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 11px
    }

    .be-left-sidebar .sidebar-elements > li {
        list-style: none
    }

        .be-left-sidebar .sidebar-elements > li > a {
            display: block;
            padding: 0 20px;
            color: #646464;
            font-size: 14px;
            line-height: 38px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

            .be-left-sidebar .sidebar-elements > li > a .icon {
                line-height: 18px;
                font-size: 19px;
                min-width: 19px;
                margin-right: 9px;
                text-align: center;
                vertical-align: middle
            }

            .be-left-sidebar .sidebar-elements > li > a:hover {
                background-color: #f0f0f0
            }

                .be-left-sidebar .sidebar-elements > li > a:hover > span {
                    color: #3d3d3d
                }

        .be-left-sidebar .sidebar-elements > li.parent > a:before {
            content: '';
            float: right;
            font-family: 'Material Icons';
            font-size: 21px;
            line-height: 37px;
            color: #c5c5c5
        }

        .be-left-sidebar .sidebar-elements > li.parent.open > a:before {
            content: ''
        }

        .be-left-sidebar .sidebar-elements > li ul {
            display: none;
            background-color: #eee;
            padding: 10px 0;
            list-style: none;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6
        }

            .be-left-sidebar .sidebar-elements > li ul li > a {
                padding: 8px 15px 8px 49px;
                color: #646464;
                font-size: 13px;
                display: block;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap
            }

                .be-left-sidebar .sidebar-elements > li ul li > a .label {
                    border-radius: 2px;
                    font-weight: 500;
                    line-height: 9px;
                    font-size: 11px;
                    padding: 4px 7px;
                    margin-left: 4px;
                    margin-top: 1px
                }

                .be-left-sidebar .sidebar-elements > li ul li > a:hover {
                    background-color: #e7e7e7
                }

            .be-left-sidebar .sidebar-elements > li ul li.active > a {
                color: #4285f4
            }

        .be-left-sidebar .sidebar-elements > li.active > a {
            padding-left: 20px;
            font-weight: 500;
            color: #4285f4
        }

            .be-left-sidebar .sidebar-elements > li.active > a > span {
                color: #4285f4
            }

        .be-left-sidebar .sidebar-elements > li.open > ul {
            display: block
        }

.be-left-sidebar:before {
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: inherit;
    border-right: 1px solid #e3e3e3
}

@media(max-width: 767px) {
    .be-left-sidebar:before {
        display: none
    }
}

@media(max-width: 767px) {
    .be-left-sidebar {
        width: 100%;
        background-color: #fafafa;
        border-bottom: 1px solid #e3e3e3;
        border-right-width: 0;
        position: relative
    }

        .be-left-sidebar .left-sidebar-wrapper, .be-left-sidebar .left-sidebar-spacer, .be-left-sidebar .left-sidebar-scroll, .be-left-sidebar .left-sidebar-content {
            display: block;
            position: relative;
            overflow: visible
        }

        .be-left-sidebar .left-sidebar-spacer {
            display: none;
            border-top: 2px solid #f5f5f5
        }

            .be-left-sidebar .left-sidebar-spacer.open {
                display: block
            }

        .be-left-sidebar .left-sidebar-content {
            padding-bottom: 20px
        }

        .be-left-sidebar .sidebar-elements > li > a {
            text-align: left;
            position: relative
        }

            .be-left-sidebar .sidebar-elements > li > a:hover {
                background-color: transparent
            }

                .be-left-sidebar .sidebar-elements > li > a:hover > span {
                    color: inherit
                }

        .be-left-sidebar .sidebar-elements > li > ul {
            position: relative;
            height: auto;
            width: 100%;
            left: 0
        }

            .be-left-sidebar .sidebar-elements > li > ul li > a:hover {
                background-color: transparent
            }

            .be-left-sidebar .sidebar-elements > li > ul li > a:active {
                background-color: #e7e7e7
            }

            .be-left-sidebar .sidebar-elements > li > ul > li.title {
                display: none
            }

            .be-left-sidebar .sidebar-elements > li > ul > li.nav-items {
                display: block;
                height: auto
            }

                .be-left-sidebar .sidebar-elements > li > ul > li.nav-items > .be-scroller {
                    height: auto;
                    overflow: visible
                }

                    .be-left-sidebar .sidebar-elements > li > ul > li.nav-items > .be-scroller > .content {
                        padding-top: 0;
                        overflow: visible;
                        position: relative
                    }

        .be-left-sidebar .sidebar-elements > li:hover {
            background-color: inherit
        }

            .be-left-sidebar .sidebar-elements > li:hover > ul {
                display: none
            }

        .be-left-sidebar .sidebar-elements li.open > ul {
            display: block
        }
}

.be-fixed-sidebar .be-left-sidebar {
    height: 100%;
    margin-top: 61px;
    padding-bottom: 61px;
    position: fixed;
    top: 0;
    bottom: 0
}

    .be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
        position: absolute
    }

@media(max-width: 767px) {
    .be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
        position: relative
    }
}

@media(max-width: 767px) {
    .be-fixed-sidebar .be-left-sidebar {
        position: static;
        height: auto;
        margin-top: 0;
        padding-bottom: 0
    }
}

.be-fixed-sidebar .be-left-sidebar:before {
    top: 60px
}

.be-left-sidebar .progress-widget {
    padding: 20px;
    cursor: pointer
}

    .be-left-sidebar .progress-widget .progress-data {
        color: #646464
    }

    .be-left-sidebar .progress-widget .progress-value {
        float: right
    }

    .be-left-sidebar .progress-widget .progress {
        margin: 10px 0 0;
        height: 8px;
        background-color: #ebebeb;
        border-radius: 2px
    }

    .be-left-sidebar .progress-widget:hover {
        background-color: #f0f0f0
    }

        .be-left-sidebar .progress-widget:hover .progress {
            background-color: #e6e6e6
        }

@media(max-width: 767px) {
    .be-left-sidebar .progress-widget {
        display: none
    }
}

.be-right-sidebar {
    background-color: #fafafa;
    margin-top: 45px;
    padding-bottom: 61px;
    position: fixed;
    width: 290px;
    height: 100%;
    right: -290px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e8e8e8;
    z-index: 1031
}

    .be-right-sidebar.w500 {
        width: 500px;
        right: -500px
    }

    .be-right-sidebar.w800 {
        width: 800px;
        right: -800px
    }

.be-animate .be-right-sidebar {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media(min-width: 768px) {
    body.open-right-sidebar .be-right-sidebar {
        right: 0
    }
}

@media(max-width: 767px) and (max-width:767px) {
    body.open-right-sidebar .be-wrapper {
        overflow: hidden
    }

    body.open-right-sidebar .be-right-sidebar {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.be-right-sidebar .sb-content {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.be-right-sidebar .tab-navigation .nav-tabs {
    background-color: transparent;
    border-bottom: 0;
    padding: 0
}

    .be-right-sidebar .tab-navigation .nav-tabs > li > a {
        background-color: #f2f2f2;
        border-width: 0;
        padding: 14px 10px;
        min-width: auto;
        font-size: 14px
    }

        .be-right-sidebar .tab-navigation .nav-tabs > li > a .icon {
            font-size: 25px;
            color: #aaa
        }

        .be-right-sidebar .tab-navigation .nav-tabs > li > a:hover {
            border: 0;
            background-color: #f6f6f6;
            color: #3b3b3b
        }

        .be-right-sidebar .tab-navigation .nav-tabs > li > a:focus {
            border: 0
        }

    .be-right-sidebar .tab-navigation .nav-tabs > li.active > a {
        color: #4285f4;
        background-color: transparent
    }

@media(max-width: 767px) {
    .be-right-sidebar .tab-navigation .nav-justified {
        display: table
    }

        .be-right-sidebar .tab-navigation .nav-justified > li {
            display: table-cell
        }

            .be-right-sidebar .tab-navigation .nav-justified > li > a {
                margin-bottom: 0;
                min-width: 40px
            }
}

.be-right-sidebar .tab-panel {
    height: 100%;
    display: table-row
}

    .be-right-sidebar .tab-panel .tab-content {
        height: 100%;
        position: relative;
        width: 100%;
        padding: 0;
        background: transparent;
        display: table-cell;
        overflow: hidden
    }

        .be-right-sidebar .tab-panel .tab-content .tab-pane {
            height: 100%;
            position: relative;
            width: 100%
        }

            .be-right-sidebar .tab-panel .tab-content .tab-pane > .content {
                overflow: auto;
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

            .be-right-sidebar .tab-panel .tab-content .tab-pane h2 {
                font-size: 15px;
                font-weight: 400;
                padding-bottom: 15px;
                border-bottom: 1px solid #ebebeb;
                padding-left: 5px;
                margin-bottom: 20px;
                margin-top: 18px
            }

        .be-right-sidebar .tab-panel .tab-content .bottom-input {
            position: relative;
            border-top: 1px solid #f2f2f2
        }

            .be-right-sidebar .tab-panel .tab-content .bottom-input > input {
                border: 0;
                background-color: #fafafa;
                color: #404040;
                width: 100%;
                font-size: 13px;
                font-weight: 400;
                padding: 15px 20px;
                outline: none
            }

            .be-right-sidebar .tab-panel .tab-content .bottom-input > span {
                position: absolute;
                color: #aaa;
                right: 15px;
                top: 50%;
                font-size: 20px;
                margin-top: -10px;
                cursor: pointer
            }

                .be-right-sidebar .tab-panel .tab-content .bottom-input > span:hover {
                    color: #d1d1d1
                }

@media(max-width: 767px) {
    .be-right-sidebar {
        width: 290px;
        right: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        margin-top: 0;
        padding-bottom: 0
    }

        .be-right-sidebar .tab-panel .tab-content > .chat {
            width: 100%
        }

            .be-right-sidebar .tab-panel .tab-content > .chat .chat-contacts, .be-right-sidebar .tab-panel .tab-content > .chat .chat-window {
                width: 100%
            }

            .be-right-sidebar .tab-panel .tab-content > .chat .chat-window {
                left: 100%
            }

            .be-right-sidebar .tab-panel .tab-content > .chat.chat-opened .chat-contacts {
                left: -100%
            }
}

@media(max-width: 320px) {
    .be-right-sidebar {
        width: 90%
    }
}

.tab-chat {
    white-space: nowrap;
    font-size: 0;
    width: 290px
}

    .tab-chat h2 {
        margin: 30px 20px 15px
    }

    .tab-chat .contact-list {
        font-size: 12px
    }

        .tab-chat .contact-list .user a {
            display: block;
            padding: 11px 25px;
            overflow: hidden
        }

            .tab-chat .contact-list .user a img {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                float: left
            }

            .tab-chat .contact-list .user a .user-data, .tab-chat .contact-list .user a .user-data2 {
                padding-left: 40px;
                line-height: 16px
            }

                .tab-chat .contact-list .user a .user-data .status, .tab-chat .contact-list .user a .user-data2 .status {
                    background-color: #00b777;
                    border-radius: 50%;
                    float: right;
                    width: 7px;
                    height: 7px;
                    position: relative;
                    top: 5px
                }

                    .tab-chat .contact-list .user a .user-data .status.offline, .tab-chat .contact-list .user a .user-data2 .status.offline {
                        background-color: #e65a5a
                    }

                    .tab-chat .contact-list .user a .user-data .status.away, .tab-chat .contact-list .user a .user-data2 .status.away {
                        background-color: #f2c329
                    }

                .tab-chat .contact-list .user a .user-data .name, .tab-chat .contact-list .user a .user-data2 .name {
                    color: #404040;
                    font-weight: 500;
                    font-size: 13px
                }

                .tab-chat .contact-list .user a .user-data .message, .tab-chat .contact-list .user a .user-data2 .message {
                    display: block;
                    color: #999;
                    font-size: 13px
                }

            .tab-chat .contact-list .user a .user-data2 {
                margin-top: 7px
            }

            .tab-chat .contact-list .user a:hover {
                background-color: #f5f5f5
            }

    .tab-chat .contact-list-recent {
        margin-bottom: 30px
    }

    .tab-chat .chat-contacts, .tab-chat .chat-window {
        height: 100%;
        width: 100%;
        display: table;
        table-layout: fixed;
        position: absolute;
        left: 0;
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }

        .tab-chat .chat-contacts .chat-sections {
            height: 100%;
            display: table-row
        }

            .tab-chat .chat-contacts .chat-sections .be-scroller {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden
            }

            .tab-chat .chat-contacts .chat-sections .content {
                position: absolute;
                width: 100%;
                top: 0;
                bottom: 0
            }

        .tab-chat .chat-contacts .search {
            position: relative
        }

    .tab-chat .chat-window {
        height: 100%;
        left: 290px;
        display: table;
        table-layout: fixed
    }

        .tab-chat .chat-window .title {
            padding: 20px 10px;
            padding-right: 20px;
            overflow: hidden
        }

            .tab-chat .chat-window .title .icon {
                font-size: 27px;
                width: 27px;
                text-align: center;
                color: #b3b3b3;
                position: relative;
                vertical-align: middle;
                cursor: pointer
            }

            .tab-chat .chat-window .title .user {
                display: inline-block;
                float: right;
                text-align: right;
                line-height: 13px
            }

                .tab-chat .chat-window .title .user img {
                    height: 35px;
                    width: 35x;
                    border-radius: 50%;
                    float: right;
                    margin-left: 10px
                }

                .tab-chat .chat-window .title .user h2 {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    border: 0
                }

                .tab-chat .chat-window .title .user span {
                    display: block;
                    font-size: 12px;
                    color: #999
                }

        .tab-chat .chat-window .chat-messages {
            height: 100%;
            display: table-row;
            font-size: 13px
        }

            .tab-chat .chat-window .chat-messages .be-scroller {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
                outline: none
            }

            .tab-chat .chat-window .chat-messages .content {
                position: absolute;
                width: 100%;
                top: 0;
                bottom: 0
            }

            .tab-chat .chat-window .chat-messages ul {
                outline: none;
                margin: 0;
                padding: 0
            }

                .tab-chat .chat-window .chat-messages ul > li {
                    display: block;
                    list-style: none;
                    padding: 9px 16px
                }

                    .tab-chat .chat-window .chat-messages ul > li .msg {
                        position: relative;
                        display: inline-block;
                        background-color: #4c8bf5;
                        color: #fff;
                        font-size: 13px;
                        padding: 6px 8px;
                        border-radius: 3px;
                        white-space: normal;
                        text-align: left;
                        margin-left: 40px
                    }

                        .tab-chat .chat-window .chat-messages ul > li .msg:after {
                            content: "";
                            position: absolute;
                            right: -5px;
                            top: 7px;
                            border-bottom: 6px solid transparent;
                            border-left: 6px solid #4c8bf5;
                            border-top: 6px solid transparent
                        }

                    .tab-chat .chat-window .chat-messages ul > li.friend .msg {
                        background-color: #f0f0f0;
                        color: #595858;
                        margin-left: 0;
                        margin-right: 40px
                    }

                        .tab-chat .chat-window .chat-messages ul > li.friend .msg:after {
                            right: auto;
                            left: -5px;
                            border-left-width: 0;
                            border-right: 5px solid #f0f0f0
                        }

                    .tab-chat .chat-window .chat-messages ul > li.self {
                        text-align: right
                    }

        .tab-chat .chat-window .chat-input {
            position: relative
        }

            .tab-chat .chat-window .chat-input .input-wrapper {
                border-top: 1px solid #f2f2f2
            }

                .tab-chat .chat-window .chat-input .input-wrapper > input {
                    border: 0;
                    background-color: #fafafa;
                    color: #b3b3b3;
                    width: 100%;
                    font-size: 13px;
                    font-weight: 300;
                    padding: 15px 20px;
                    padding-left: 42px;
                    padding-right: 40px;
                    outline: none
                }

                .tab-chat .chat-window .chat-input .input-wrapper > span {
                    position: absolute;
                    color: #aaa;
                    right: 15px;
                    top: 50%;
                    font-size: 20px;
                    margin-top: -10px;
                    cursor: pointer
                }

                    .tab-chat .chat-window .chat-input .input-wrapper > span:hover {
                        color: #d1d1d1
                    }

                .tab-chat .chat-window .chat-input .input-wrapper .photo {
                    left: 15px;
                    font-size: 22px;
                    top: 50%;
                    right: auto
                }

    .tab-chat.chat-opened .chat-contacts {
        left: -290px
    }

    .tab-chat.chat-opened .chat-window {
        left: 0
    }

.tab-todo .todo-container {
    height: 100%;
    display: table;
    table-layout: fixed;
    width: 100%
}

.tab-todo .todo-wrapper {
    display: table-row;
    height: 100%
}

.tab-todo .be-scroller {
    position: relative;
    overflow: hidden;
    height: 100%
}

.tab-todo .todo-content {
    padding: 10px 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tab-todo .category-title {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: gray;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px
}

.todo-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px
}

    .todo-list > li {
        margin: 0;
        padding: 0
    }

        .todo-list > li .be-checkbox {
            margin-right: 4px
        }

            .todo-list > li .be-checkbox input[type="checkbox"] + label {
                display: block;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

                .todo-list > li .be-checkbox input[type="checkbox"] + label:before {
                    margin-right: 8px
                }

            .todo-list > li .be-checkbox input[type="checkbox"]:checked + label {
                text-decoration: line-through;
                color: #999
            }

            .todo-list > li .be-checkbox .delete {
                display: none;
                float: right;
                font-size: 17px;
                color: #b3b3b3;
                line-height: 22px;
                margin-left: 5px;
                cursor: pointer
            }

                .todo-list > li .be-checkbox .delete:hover {
                    color: gray
                }

            .todo-list > li .be-checkbox:hover .delete {
                display: block
            }

.tab-settings .settings-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.tab-settings .be-scroller {
    padding: 10px 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tab-settings .category-title {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: gray;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px
}

.settings-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px
}

    .settings-list > li {
        margin: 0;
        padding: 5px 0;
        line-height: 24px;
        font-size: 14px
    }

        .settings-list > li .name {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .settings-list > li .switch-button {
            float: right;
            margin-left: 5px
        }

.be-content {
    position: relative;
    left: 0;
    margin-left: 230px;
    min-height: 100%
}

@media(max-width: 767px) {
    .be-content {
        margin-left: 0
    }
}

.be-nosidebar-left .be-content {
    margin-left: 0
}

.main-content {
    padding: 25px
}

@media(min-width: 768px) and (max-width:991px) {
    .main-content {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 30px
    }
}

@media(max-width: 767px) {
    .main-content {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px
    }
}

@media(max-width: 480px) {
    .main-content {
        padding-right: 10px;
        padding-left: 10px
    }
}

.be-no-padding .main-content {
    padding: 0
}

.page-head {
    padding: 20px 25px 10px;
    position: relative
}

.page-head-title {
    display: block;
    margin-bottom: 5px;
    margin-top: 6px;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 28px;
    color: #6b6b6b;
    line-height: 36px
}

.page-head-description {
    display: block;
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 300
}

.page-head .breadcrumb {
    background-color: transparent;
    padding: 3px 0;
    margin-bottom: 7px
}

    .page-head .breadcrumb > li {
        font-size: 14px;
        font-weight: 300
    }

        .page-head .breadcrumb > li + li:before {
            padding: 0 2px;
            color: #a3a3a3
        }

        .page-head .breadcrumb > li > a {
            color: #5e5e5e
        }

            .page-head .breadcrumb > li > a:hover {
                color: #303030
            }

    .page-head .breadcrumb > .active {
        color: #7a7a7a
    }

@media(max-width: 767px) {
    .page-head {
        padding: 18px 15px 0;
        display: none
    }

    .page-head-title {
        font-size: 24px;
        line-height: 28px
    }
}

.be-aside .main-content {
    margin-left: 280px
}

@media(max-width: 767px) {
    .be-aside .main-content {
        margin-left: inherit
    }
}

.page-aside {
    background: none repeat scroll 0 0 #fff;
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 230px;
    border-right: 1px solid #e6e6e6;
    margin-top: 61px;
    padding-bottom: 61px
}

    .page-aside .be-scroller {
        position: relative;
        height: 100%;
        width: 100%
    }

    .page-aside .content {
        padding: 20px 22px;
        position: relative
    }

@media(max-width: 767px) {
    .page-aside {
        width: 100%;
        display: block;
        height: auto;
        position: relative;
        margin-top: 0;
        padding-bottom: 0;
        left: 0;
        border-bottom: 2px solid #f2f2f2
    }
}

.aside-header {
    margin-bottom: 5px
}

    .aside-header .title {
        display: block;
        margin: 16px 0 0;
        font-size: 27px;
        line-height: 27px;
        font-weight: 300
    }

    .aside-header .navbar-toggle {
        padding: 0;
        padding-right: 11px;
        text-align: right;
        margin: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute
    }

        .aside-header .navbar-toggle .icon {
            font-size: 27px;
            color: silver
        }

    .aside-header .description {
        color: #5a5a5a;
        margin: 0
    }

.aside-nav {
    display: block;
    visibility: visible
}

    .aside-nav .nav li a {
        color: #404040;
        padding: 13px 22px
    }

    .aside-nav .nav li.active a {
        color: #4285f4
    }

        .aside-nav .nav li.active a .icon {
            color: #4285f4
        }

    .aside-nav .nav li .label {
        float: right;
        font-size: 12px;
        font-weight: 300;
        padding: 4px 7px
    }

    .aside-nav .nav li .icon {
        font-size: 19px;
        vertical-align: middle;
        text-align: center;
        min-width: 19px;
        margin-right: 3px;
        color: #616161
    }

    .aside-nav .title {
        display: block;
        color: #999;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 20px 0 0;
        padding: 8px 22px 4px
    }

@media(max-width: 767px) {
    .aside-nav {
        border-bottom: 1px solid #e6e6e6
    }

        .aside-nav.collapse {
            display: none
        }

        .aside-nav.in {
            display: block
        }
}

.be-splash-screen {
    background-color: #eee
}

    .be-splash-screen .be-wrapper {
        padding-top: 0
    }

        .be-splash-screen .be-wrapper .be-content {
            margin: 0
        }

.splash-container {
    max-width: 401px;
    margin: 50px auto
}

    .splash-container .panel {
        margin-bottom: 30px
    }

        .splash-container .panel .panel-heading {
            text-align: center;
            margin-bottom: 20px;
            padding-top: 40px;
            padding-bottom: 0
        }

        .splash-container .panel .panel-body {
            padding: 20px 30px 15px
        }

            .splash-container .panel .panel-body .be-checkbox {
                display: inline-block;
                padding: 0
            }

@media(max-width: 767px) {
    .splash-container {
        margin-top: 50px
    }
}

.splash-title {
    text-align: center;
    display: block;
    font-size: 17px;
    font-weight: 300
}

.splash-description {
    text-align: center;
    display: block;
    line-height: 20px;
    font-size: 13px;
    color: #5a5a5a;
    margin-top: 11px;
    padding-bottom: 10px
}

.splash-footer {
    text-align: center
}

.be-scroll-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    padding: 0 14px;
    display: none;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    border-radius: 4px
}

    .be-scroll-top:hover {
        background-color: rgba(0,0,0,.8)
    }

    .be-scroll-top:hover, .be-scroll-top:focus {
        color: #fff
    }

    .be-scroll-top:before {
        content: '';
        font-family: 'Material Icons';
        font-size: 33px;
        display: inline-block;
        vertical-align: middle
    }

.switch-button {
    display: inline-block;
    border-radius: 50px;
    background-color: #b3b3b3;
    width: 60px;
    height: 27px;
    padding: 4px;
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

    .switch-button input[type="checkbox"] {
        display: none
    }

    .switch-button label {
        border-radius: 50%;
        box-shadow: 0 0 1px 1px #fff inset;
        background-color: #fff;
        margin: 0;
        height: 19px;
        width: 19px;
        z-index: 1;
        display: inline-block;
        cursor: pointer;
        background-clip: padding-box
    }

        .switch-button label:before {
            position: absolute;
            font-size: 11px;
            font-weight: 600;
            z-index: 0;
            content: "OFF";
            right: 0;
            display: block;
            width: 100%;
            height: 100%;
            line-height: 27px;
            top: 0;
            text-align: right;
            padding-right: 10px;
            color: #fff
        }

    .switch-button input[type="checkbox"]:checked + span {
        background-color: #4285f4;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 4px
    }

        .switch-button input[type="checkbox"]:checked + span label {
            float: right;
            border-color: #2a75f3
        }

            .switch-button input[type="checkbox"]:checked + span label:before {
                position: absolute;
                font-size: 11px;
                font-weight: 600;
                z-index: 0;
                content: "ON";
                color: #fff;
                left: 0;
                text-align: left;
                padding-left: 10px
            }

    .switch-button.switch-button-yesno label:before {
        content: "NO"
    }

    .switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
        content: "YES"
    }

    .switch-button.switch-button-xs {
        height: 20px;
        width: 53px;
        line-height: 16px;
        width: 50px
    }

        .switch-button.switch-button-xs label {
            height: 12px;
            width: 12px
        }

            .switch-button.switch-button-xs label:before {
                line-height: 21px
            }

    .switch-button.switch-button-sm {
        height: 24px;
        width: 57px;
        line-height: 20px
    }

        .switch-button.switch-button-sm label {
            height: 16px;
            width: 16px
        }

            .switch-button.switch-button-sm label:before {
                line-height: 25px
            }

    .switch-button.switch-button-lg {
        height: 30px;
        width: 63px;
        line-height: 26px;
        width: 65px
    }

        .switch-button.switch-button-lg label {
            height: 22px;
            width: 22px
        }

            .switch-button.switch-button-lg label:before {
                line-height: 31px
            }

    .switch-button.switch-button-success {
        background-color: #b3b3b3
    }

        .switch-button.switch-button-success label {
            border-color: #ababab
        }

        .switch-button.switch-button-success input[type="checkbox"]:checked + span {
            background-color: #34a853
        }

            .switch-button.switch-button-success input[type="checkbox"]:checked + span label {
                border-color: #2e9549
            }

    .switch-button.switch-button-warning {
        background-color: #b3b3b3
    }

        .switch-button.switch-button-warning label {
            border-color: #ababab
        }

        .switch-button.switch-button-warning input[type="checkbox"]:checked + span {
            background-color: #fbbc05
        }

            .switch-button.switch-button-warning input[type="checkbox"]:checked + span label {
                border-color: #e3aa04
            }

    .switch-button.switch-button-danger {
        background-color: #b3b3b3
    }

        .switch-button.switch-button-danger label {
            border-color: #ababab
        }

        .switch-button.switch-button-danger input[type="checkbox"]:checked + span {
            background-color: #ea4335
        }

            .switch-button.switch-button-danger input[type="checkbox"]:checked + span label {
                border-color: #e82e1e
            }

.widget {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 3px
}

    .widget.widget-fullwidth {
        padding: 0
    }

        .widget.widget-fullwidth .widget-head {
            padding: 20px 20px 10px;
            margin-bottom: 0
        }

@media(max-width: 480px) {
    .widget.widget-fullwidth .widget-head {
        padding-left: 15px
    }
}

.widget.widget-fullwidth .widget-chart-container .counter {
    left: 20px
}

.widget.widget-fullwidth .chart-table table {
    margin-bottom: 0
}

.widget.widget-small {
    margin-bottom: 20px
}

    .widget.widget-small.widget-fullwidth > .widget-head {
        padding: 20px 15px 10px
    }

.widget-head {
    margin-bottom: 20px;
    display: block;
    border-radius: 3px 3px 0 0
}

    .widget-head:before, .widget-head:after {
        content: " ";
        display: table
    }

    .widget-head:after {
        clear: both
    }

    .widget-head:before, .widget-head:after {
        content: " ";
        display: table
    }

    .widget-head:after {
        clear: both
    }

    .widget-head .title {
        display: block;
        font-size: 18px;
        font-weight: 300
    }

    .widget-head .description {
        display: block;
        color: #9e9e9e;
        line-height: 22px;
        font-weight: 300
    }

    .widget-head .tools {
        float: right;
        margin-left: 10px
    }

        .widget-head .tools .icon {
            display: inline-block;
            font-size: 20px;
            line-height: 25px;
            vertical-align: middle;
            cursor: pointer;
            color: #bababa;
            min-width: 20px;
            text-align: center
        }

            .widget-head .tools .icon + .icon {
                margin-left: 2px
            }

            .widget-head .tools .icon:hover {
                color: #a6a6a6
            }

        .widget-head .tools .value {
            font-size: 24px;
            line-height: 22px
        }

        .widget-head .tools .dropdown {
            display: inline-block
        }

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

    .widget-head .button-toolbar {
        float: right
    }

@media(max-width: 767px) {
    .widget-head .button-toolbar .btn-group {
        margin-bottom: 5px
    }
}

.widget-head .button-toolbar .btn-group + * {
    margin-left: 7px
}

.widget-head .button-toolbar .dropdown-menu {
    right: 0;
    left: auto
}

.widget-chart-container {
    position: relative
}

    .widget-chart-container .counter {
        min-height: auto;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }

    .widget-chart-container .counter-inline {
        position: relative;
        display: inline-block
    }

    .widget-chart-container .counter .value {
        font-size: 24px
    }

    .widget-chart-container .counter .desc {
        text-transform: uppercase;
        font-size: 11px;
        color: #9d9d9d
    }

    .widget-chart-container .counter-big .value {
        display: block;
        font-size: 27px;
        line-height: 27px;
        font-weight: 300;
        margin-bottom: 5px
    }

    .widget-chart-container .indicator-equal .icon {
        color: #4285f4
    }

    .widget-chart-container .indicator-positive .icon {
        color: #34a853
    }

    .widget-chart-container .indicator-negative .icon {
        color: #ea4335
    }

    .widget-chart-container .indicator .icon {
        font-size: 25px;
        margin-right: 7px;
        line-height: 24px;
        vertical-align: middle
    }

    .widget-chart-container .indicator .number {
        font-size: 20px;
        vertical-align: middle
    }

.widget-chart-info:before, .widget-chart-info:after {
    content: " ";
    display: table
}

.widget-chart-info:after {
    clear: both
}

.widget-chart-info:before, .widget-chart-info:after {
    content: " ";
    display: table
}

.widget-chart-info:after {
    clear: both
}

@media(max-width: 767px) {
    .widget-chart-info + .widget-counter-group {
        margin-top: 15px
    }
}

.widget-fullwidth .widget-chart-info {
    padding: 9px 20px 0
}

.widget-counter-group {
    padding: 0 20px 10px
}

.widget-counter-group-right {
    text-align: right
}

.widget-counter-group .counter {
    position: static;
    display: inline-block
}

    .widget-counter-group .counter + .counter {
        margin-left: 20px
    }

.chart-legend table {
    width: 100%
}

    .chart-legend table tr td {
        padding: 6px 0;
        vertical-align: middle
    }

.chart-legend-color > span {
    display: block;
    background-color: #f2f2f2;
    height: 10px;
    width: 10px
}

.chart-legend-value {
    text-align: right
}

.chart-legend-horizontal {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 14px
}

    .chart-legend-horizontal > li {
        display: inline-block
    }

        .chart-legend-horizontal > li + li {
            margin-left: 14px
        }

        .chart-legend-horizontal > li > span {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background-color: #f2f2f2;
            margin-right: 2px
        }

.chart-pie-counter {
    diplay: block;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    line-height: 50px;
    margin-top: -25px;
    font-size: 50px;
    font-weight: 300
}

.clr-primary {
    background-color: #4285f4
}

.clr-success {
    background-color: #34a853
}

.clr-warning {
    background-color: #fbbc05
}

.clr-danger {
    background-color: #ea4335
}

.clr-grey {
    background-color: #ccc
}

.bs-grid-block {
    border: 2px dashed #c3c3c3;
    font-weight: 300;
    font-size: 20px;
    color: #807e7e;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px
}

    .bs-grid-block .content {
        display: table-cell;
        height: 177px;
        text-align: center;
        vertical-align: middle
    }

        .bs-grid-block .content .size {
            display: block
        }

        .bs-grid-block .content .device {
            line-height: 0
        }

            .bs-grid-block .content .device:after {
                font-size: 15px
            }

@media(min-width: 1200px) {
    .bs-grid-block .content .device:after {
        content: 'Desktop';
        color: #4285f4
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .bs-grid-block .content .device:after {
        content: 'Laptop';
        color: #4285f4
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .bs-grid-block .content .device:after {
        content: 'Tablet';
        color: #34a853
    }
}

@media(max-width: 767px) {
    .bs-grid-block .content .device:after {
        content: 'Phone';
        color: #34a853
    }
}

.icon-container {
    background-color: #fff;
    padding: 20px;
    cursor: default
}

    .icon-container .icon {
        -webkit-transition: background-color 300ms ease-in-out;
        -o-transition: background-color 300ms ease-in-out;
        transition: background-color 300ms ease-in-out;
        background-color: #f5f5f5;
        border-radius: 50%;
        display: inline-block;
        height: 50px;
        width: 50px;
        margin-right: 8px;
        padding: 12px;
        padding: 13px;
        text-align: center;
        vertical-align: middle
    }

        .icon-container .icon span {
            -webkit-transition: color 300ms ease-in-out;
            -o-transition: color 300ms ease-in-out;
            transition: color 300ms ease-in-out;
            font-size: 25px;
            color: #696767
        }

        .icon-container .icon:hover {
            background-color: #4285f4
        }

            .icon-container .icon:hover span {
                color: #fff
            }

    .icon-container .icon-class {
        -webkit-transition: color 300ms ease-in-out;
        -o-transition: color 300ms ease-in-out;
        transition: color 300ms ease-in-out;
        font-size: 18px;
        font-weight: 300;
        vertical-align: middle;
        color: #696767
    }

    .icon-container:hover .icon {
        background-color: #4285f4
    }

        .icon-container:hover .icon span {
            color: #fff
        }

    .icon-container:hover .icon-class {
        color: #4285f4
    }

.be-icons-list.hide-icons .icon-category .row > div {
    display: none
}

    .be-icons-list.hide-icons .icon-category .row > div.icon-visible {
        display: block
    }

.be-loading {
    position: relative
}

    .be-loading:after {
        position: absolute;
        display: block;
        visibility: hidden;
        opacity: 0;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(255,255,255,.7);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        z-index: 2
    }

    .be-loading .be-spinner {
        display: none
    }

.be-loading-active:after {
    visibility: visible;
    opacity: 1
}

.be-loading-active .be-spinner {
    display: block
}

.be-loading .be-spinner {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -20px;
    margin-right: -20px;
    z-index: 3
}

.be-spinner svg {
    -webkit-animation: be-spinner-rotation 1.4s linear infinite;
    -o-animation: be-spinner-rotation 1.4s linear infinite;
    animation: be-spinner-rotation 1.4s linear infinite;
    stroke: #4285f4
}

    .be-spinner svg .circle {
        stroke-dasharray: 187;
        stroke-dashoffset: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-animation: be-spinner-turn 1.4s ease-in-out infinite;
        -o-animation: be-spinner-turn 1.4s ease-in-out infinite;
        animation: be-spinner-turn 1.4s ease-in-out infinite
    }

@-webkit-keyframes be-spinner-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-o-keyframes be-spinner-rotation {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes be-spinner-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes be-spinner-turn {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-o-keyframes be-spinner-turn {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -o-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes be-spinner-turn {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        -o-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.prettyprint {
    font-size: 12px;
    line-height: 1.5
}

pre {
    color: #555
}

    pre .pln {
        color: #777
    }

    pre .str {
        color: #d14
    }

    pre .kwd {
        color: #458
    }

    pre .com {
        color: #b8b6b1
    }

    pre .typ {
        color: teal
    }

    pre .lit {
        color: #d14
    }

    pre .pun, pre .opn, pre .clo {
        color: #949494
    }

    pre .tag {
        color: #4285f4
    }

    pre .atn {
        color: #ef6e62
    }

    pre .atv {
        color: #697ce8
    }

    pre .dec, pre .var {
        color: #d14
    }

    pre .fun {
        color: #458
    }

    pre.be-code-dark {
        background-color: #4d4342;
        color: #fff
    }

        pre.be-code-dark .pln {
            color: #fff
        }

        pre.be-code-dark .str {
            color: #b5db99
        }

        pre.be-code-dark .kwd {
            color: #e9c865
        }

        pre.be-code-dark .com {
            color: #c3b8b7
        }

        pre.be-code-dark .typ {
            color: #ff9787
        }

        pre.be-code-dark .lit {
            color: #b5db99
        }

        pre.be-code-dark .pun, pre.be-code-dark .opn, pre.be-code-dark .clo {
            color: #fff
        }

        pre.be-code-dark .tag {
            color: #e9c865
        }

        pre.be-code-dark .atn {
            color: #ff9787
        }

        pre.be-code-dark .atv {
            color: #b5db99
        }

        pre.be-code-dark .dec, pre.be-code-dark .var {
            color: #b5db99
        }

        pre.be-code-dark .fun {
            color: #e9c865
        }

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee
}

.panel-divider {
    margin: 10px 0;
    border-top: 1px solid #f2f2f2
}

.panel-divider-lg {
    margin: 15px 0
}

.panel-divider-xl {
    margin: 20px 0
}

.pricing-tables {
    margin: 30px 0 20px
}

    .pricing-tables > div {
        padding-left: 10px;
        padding-right: 10px
    }

.pricing-table {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    border-radius: 3px;
    border-top: 3px solid #c9c9c9;
    padding: 35px 20px;
    background: #fff;
    text-align: center;
    margin: 0 0 20px
}

.pricing-table-image {
    margin-bottom: 15px
}

    .pricing-table-image svg path {
        fill: #a6a6a6
    }

.pricing-table-title {
    font-size: 20px;
    font-weight: 300
}

.pricing-table-price {
    padding: 5px 0 20px
}

    .pricing-table-price .currency {
        vertical-align: top
    }

    .pricing-table-price .value {
        font-size: 35px;
        line-height: 40px
    }

    .pricing-table-price .frecuency {
        font-size: 20px;
        font-weight: 300
    }

.pricing-table-features {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

    .pricing-table-features > li {
        line-height: 25px;
        font-size: 14px;
        font-weight: 300;
        line-height: 33px
    }

.pricing-table .btn {
    line-height: 36px;
    min-width: 120px
}

.pricing-table-primary {
    border-color: #4285f4
}

    .pricing-table-primary .pricing-table-image svg path {
        fill: #4285f4
    }

    .pricing-table-primary.pricing-table-color {
        background-color: #5f99f5;
        border-color: #5f99f5
    }

        .pricing-table-primary.pricing-table-color .panel-divider {
            border-top-color: #3d84f3
        }

.pricing-table-warning {
    border-color: #fbbc05
}

    .pricing-table-warning .pricing-table-image svg path {
        fill: #fbbc05
    }

    .pricing-table-warning.pricing-table-color {
        background-color: #f6c163;
        border-color: #f6c163
    }

        .pricing-table-warning.pricing-table-color .panel-divider {
            border-top-color: #f4b441
        }

.pricing-table-success {
    border-color: #34a853
}

    .pricing-table-success .pricing-table-image svg path {
        fill: #34a853
    }

    .pricing-table-success.pricing-table-color {
        background-color: #37b358;
        border-color: #37b358
    }

        .pricing-table-success.pricing-table-color .panel-divider {
            border-top-color: #2f984b
        }

.pricing-table-danger {
    border-color: #ea4335
}

    .pricing-table-danger .pricing-table-image svg path {
        fill: #ea4335
    }

    .pricing-table-danger.pricing-table-color {
        background-color: #eb6357;
        border-color: #eb6357
    }

        .pricing-table-danger.pricing-table-color .panel-divider {
            border-top-color: #e74537
        }

.pricing-table-color {
    color: #fff
}

    .pricing-table-color .pricing-table-image svg path {
        fill: #fff
    }

    .pricing-table-color .panel-divider {
        border-top-color: #fff
    }

.timeline {
    margin: 0 auto 40px;
    padding: 0;
    padding-bottom: 20px;
    max-width: 840px;
    position: relative
}

@media(max-width: 767px) {
    .timeline {
        padding: 0
    }
}

.timeline:before {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 2px;
    background: #dbdbdb;
    left: 170px;
    margin-left: -1px
}

@media(max-width: 767px) {
    .timeline:before {
        left: 50%;
        margin-left: -1px;
        top: -35px
    }
}

.timeline-item {
    position: relative;
    padding-left: 210px;
    list-style: none;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .timeline-item {
        padding-left: 0;
        margin-top: 60px;
        margin-bottom: 0
    }
}

.timeline-item:before {
    content: '';
    position: absolute;
    top: 34.5px;
    left: 162px;
    border: 2px solid #ccc;
    width: 16px;
    height: 16px;
    background-color: #ededed;
    border-radius: 50px
}

@media(max-width: 767px) {
    .timeline-item:before {
        display: none
    }
}

.timeline-item:nth-child(4n+1):before {
    border-color: #4285f4
}

.timeline-item:nth-child(4n+2):before {
    border-color: #fbbc05
}

.timeline-item:nth-child(4n+3):before {
    border-color: #34a853
}

.timeline-item:nth-child(4n+4):before {
    border-color: #ea4335
}

.timeline-variant .timeline-item {
    padding-left: 0;
    margin: 30px 0 0
}

@media(max-width: 767px) {
    .timeline-variant .timeline-item {
        margin-top: 60px
    }
}

.timeline-variant .timeline-item.right {
    right: 0;
    padding-left: -webkit-calc(50% + 45px);
    padding-left: calc(50% + 45px)
}

@media(max-width: 767px) {
    .timeline-variant .timeline-item.right {
        padding: 0
    }
}

.timeline-variant .timeline-item.left {
    left: 0;
    padding-right: -webkit-calc(50% + 45px);
    padding-right: calc(50% + 45px)
}

@media(max-width: 767px) {
    .timeline-variant .timeline-item.left {
        padding: 0
    }
}

.timeline-variant .timeline-item.left .timeline-content:after {
    right: -5px;
    left: inherit
}

.timeline-variant .timeline-item.left .timeline-content:before {
    right: -5px;
    left: inherit
}

.timeline-variant .timeline-item.left .timeline-icon {
    left: initial;
    right: -67px
}

@media(max-width: 767px) {
    .timeline-variant .timeline-item.left .timeline-icon {
        left: 50%;
        margin-left: -18px;
        top: -48px
    }
}

.timeline-variant .timeline-item:before {
    display: none
}

.timeline-date {
    position: absolute;
    display: block;
    left: 0;
    top: 34px;
    width: 145px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 767px) {
    .timeline-date {
        width: 100%;
        left: 0;
        top: -40px;
        text-align: center
    }

        .timeline-date span {
            background-color: #e0e0e0;
            padding: 5px 8px;
            border-radius: 4px;
            line-height: 25px
        }
}

.timeline-content {
    position: relative;
    background-color: #fff;
    padding: 25px 30px 25px 28px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.07);
    min-height: 85px
}

.timeline-item-gallery .timeline-content {
    padding-bottom: 15px
}

@media(max-width: 480px) {
    .timeline-content {
        padding: 15px 18px
    }
}

.timeline-content:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 37.5px;
    left: -5px;
    box-shadow: -1px 1px 5px rgba(0,0,0,.07);
    z-index: -1
}

@media(max-width: 767px) {
    .timeline-content:after {
        display: none
    }
}

.timeline-content:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 37.5px;
    left: -5px
}

@media(max-width: 767px) {
    .timeline-content:before {
        display: none
    }
}

.timeline-avatar {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50px;
    overflow: hidden;
    vertical-align: middle;
    float: left
}

    .timeline-avatar img {
        width: 100%;
        height: 100%
    }

.timeline-header {
    display: block;
    padding: 7px 0 0 46px
}

@media(max-width: 767px) {
    .timeline-header {
        padding-top: 0
    }
}

.timeline-variant .timeline-header {
    padding-top: 0;
    line-height: 16px
}

.timeline-autor {
    display: inline-block;
    font-weight: 700
}

.timeline-activity {
    display: inline-block;
    margin: 0
}

.timeline-variant .timeline-activity {
    display: inline;
    line-height: 16px
}

.timeline-time {
    float: right;
    color: #ababab
}

.timeline-variant .timeline-time {
    float: none;
    display: block;
    line-height: 21px
}

.timeline-summary {
    color: #8a8a8a;
    margin-top: 4px
}

    .timeline-summary p {
        margin-bottom: 0
    }

.timeline-variant .timeline-summary {
    margin-top: 20px
}

    .timeline-variant .timeline-summary p {
        line-height: 16px
    }

.timeline-gallery {
    margin-top: 12px
}

.timeline-variant .timeline-gallery {
    margin-top: 20px
}

.timeline-gallery .gallery-thumbnail {
    display: inline-block;
    max-width: 100px;
    margin-right: 10px;
    margin-bottom: 10px
}

.timeline-blockquote {
    margin: 10px 0 0 5px;
    padding: 4px 10px;
    border-left: 4px solid #e0e0e0;
    color: #8a8a8a
}

.timeline-variant .timeline-blockquote {
    margin-top: 20px
}

.timeline-blockquote p {
    font-size: 13px
}

.timeline-blockquote footer {
    color: #8a8a8a
}

@media(max-width: 767px) {
    .timeline-loadmore {
        text-align: center;
        padding: 0;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.timeline-loadmore .load-more-btn {
    background-color: #dbdbdb;
    border-radius: 2px;
    padding: 5px 9px;
    color: #424242;
    outline: none;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 131px
}

@media(max-width: 767px) {
    .timeline-loadmore .load-more-btn {
        position: relative;
        left: 0
    }
}

.timeline-loadmore:before {
    display: none
}

.timeline-variant .timeline-loadmore {
    text-align: center;
    margin-bottom: 40px
}

    .timeline-variant .timeline-loadmore .load-more-btn {
        position: relative;
        left: initial
    }

.timeline-item-detailed .timeline-time {
    line-height: 21px
}

.timeline-item-detailed .timeline-header {
    line-height: 21px
}

.timeline-variant .timeline-item-detailed .timeline-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.timeline-item-detailed .timeline-avatar {
    vertical-align: top
}

.timeline-variant {
    max-width: none;
    padding-bottom: 0
}

    .timeline-variant:before {
        left: 50%;
        z-index: -1;
        top: 70px
    }

.timeline-month {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 30px 0 15px;
    padding: 11px 0 12px;
    font-size: 18px;
    background-color: #eee;
    font-weight: 300
}

    .timeline-month:first-child {
        margin-top: 0;
        padding-bottom: 5px
    }

.timeline-icon {
    position: absolute;
    color: #fff;
    top: 20px;
    left: -67px;
    width: 44px;
    height: 44px;
    font-size: 20px;
    border: 2px solid #fff;
    text-align: center;
    background-color: #ededed;
    border-radius: 50%
}

@media(max-width: 767px) {
    .timeline-icon {
        left: 50%;
        margin-left: -18px;
        top: -48px;
        width: 38px;
        height: 38px;
        font-size: 18px
    }
}

.timeline-icon > .icon {
    line-height: 40px;
    vertical-align: middle
}

@media(max-width: 767px) {
    .timeline-icon > .icon {
        line-height: 34px
    }
}

.file .timeline-icon {
    background-color: #4285f4
}

.comment .timeline-icon {
    background-color: #fbbc05
}

.gallery .timeline-icon {
    background-color: #34a853
}

.quote .timeline-icon {
    background-color: #ea4335
}

.invoice {
    background-color: #fff;
    padding: 100px 100px 70px;
    color: #8c8c8c
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice {
        padding: 50px 50px 35px
    }
}

@media(max-width: 480px) {
    .invoice {
        padding: 35px 25px 15px
    }
}

.invoice-header {
    margin-bottom: 100px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-header {
        margin-bottom: 50px
    }
}

@media(max-width: 480px) {
    .invoice-header > div {
        float: none;
        width: 100%
    }
}

.invoice-logo {
    height: 54px;
    min-width: 204px;
    background-image: url(/assets/img/logo-xx.png);
    background-repeat: no-repeat;
    background-position: 0
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-logo {
        height: 27px;
        width: 102px;
        background-image: url(/assets/img/logo.png)
    }
}

@media(max-width: 480px) {
    .invoice-logo {
        margin: 0 auto 20px;
        float: none;
        min-width: auto
    }
}

.invoice-order {
    text-align: right
}

@media(max-width: 480px) {
    .invoice-order {
        text-align: center
    }
}

.invoice-id {
    display: block;
    font-size: 30px;
    line-height: 30px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-id {
        font-size: 15px;
        line-height: 18px
    }
}

.incoice-date {
    display: block;
    font-size: 18px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .incoice-date {
        font-size: 13px
    }
}

.invoice-data {
    margin-bottom: 110px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-data {
        margin-bottom: 55px
    }
}

@media(max-width: 480px) {
    .invoice-data > div {
        float: none;
        width: 100%
    }
}

@media(max-width: 480px) {
    .invoice-person {
        text-align: center
    }
}

.invoice-person span {
    font-size: 18px;
    line-height: 26px;
    display: block
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-person span {
        font-size: 13px;
        line-height: 20px
    }
}

.invoice-person .name {
    font-weight: 500
}

.invoice-person:last-child {
    text-align: right
}

@media(max-width: 480px) {
    .invoice-person:last-child {
        text-align: center
    }
}

.invoice-payment-direction {
    text-align: center;
    position: relative;
    padding-top: 20px
}

@media(max-width: 480px) {
    .invoice-payment-direction {
        padding: 20px
    }
}

.invoice-payment-direction .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f7f7f7;
    font-size: 50px;
    color: #c2c2c2;
    line-height: 80px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-payment-direction .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px
    }
}

@media(max-width: 480px) {
    .invoice-payment-direction .icon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.invoice-details {
    width: 100%;
    font-size: 16px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-details {
        font-size: 11px
    }
}

.invoice-details tr > td {
    padding: 20px 0
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-details tr > td {
        padding: 15px 0
    }
}

.invoice-details th {
    text-align: right;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0
}

    .invoice-details th:first-child {
        text-align: left
    }

.invoice-details td.description, .invoice-details td.hours, .invoice-details td.amount, .invoice-details td.summary {
    border-bottom: 1px solid #f0f0f0
}

.invoice-details td.hours {
    text-align: right
}

.invoice-details td.amount {
    text-align: right
}

.invoice-details td.summary {
    color: #c4c4c4
}

.invoice-details td.total {
    color: #8c8c8c;
    font-weight: 500
}

.invoice-details td.total-value {
    font-size: 22px;
    color: #4285f4
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-details td.total-value {
        font-size: 11px
    }
}

.invoice-payment-method {
    margin-bottom: 75px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-payment-method {
        margin-bottom: 37px
    }
}

.invoice-payment-method span {
    font-size: 18px;
    line-height: 26px;
    display: block
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-payment-method span {
        font-size: 13px;
        line-height: 20px
    }
}

.invoice-payment-method .title {
    font-weight: 500
}

.invoice-message {
    font-size: 16px;
    margin-bottom: 62px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-message {
        font-size: 13px
    }
}

@media(max-width: 480px) {
    .invoice-message {
        margin-bottom: 31px
    }
}

.invoice-message .title {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px
}

.invoice-message p {
    line-height: 26px
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .invoice-message p {
        line-height: 20px
    }
}

.invoice-company-info {
    margin-bottom: 70px
}

@media(max-width: 767px),(max-width:480px) {
    .invoice-company-info {
        margin-bottom: 35px
    }
}

.invoice-company-info > div {
    border-left: 1px solid #f0f0f0;
    padding: 8px 40px
}

@media(max-width: 767px),(max-width:480px) {
    .invoice-company-info > div {
        border: none;
        padding: 8px 15px
    }
}

.invoice-company-info > div:first-child {
    border-left: none
}

.invoice-company-info .summary {
    padding: 0 40px 0;
    line-height: 16px
}

@media(max-width: 767px),(max-width:480px) {
    .invoice-company-info .summary {
        padding: 8px 15px
    }
}

.invoice-company-info .summary .title {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
}

.invoice-company-info .summary p {
    line-height: 16px
}

@media(min-width: 768px) and (max-width:991px) {
    .invoice-company-info .phone {
        border-left-width: 0
    }
}

.invoice-footer {
    text-align: center
}

    .invoice-footer .btn {
        min-width: 96px;
        font-size: 14px
    }

.widget-calendar .ui-datepicker {
    position: relative;
    margin: 10px 0 32px
}

    .widget-calendar .ui-datepicker .ui-datepicker-header {
        border-bottom: 1px solid rgba(255,255,255,.6);
        padding-bottom: 5px;
        margin-bottom: 20px
    }

        .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            cursor: default;
            line-height: 24px;
            margin: 0 2.3em;
            text-align: center;
            font-weight: 300;
            font-size: 18px
        }

        .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            height: 1.8em;
            position: absolute;
            top: -5px;
            width: 1.8em;
            color: #404040;
            font-size: 25px
        }

            .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
                overflow: hidden;
                display: block;
                text-indent: -99999px
            }

                .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
                    cursor: pointer;
                    content: "";
                    font-family: 'Material Icons';
                    display: block;
                    position: absolute;
                    width: 16px;
                    height: 16px;
                    top: 0;
                    text-indent: 0
                }

        .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            left: 8px
        }

        .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            right: 2px
        }

            .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
                content: "";
                right: 2px
            }

    .widget-calendar .ui-datepicker table.ui-datepicker-calendar {
        width: 100%
    }

        .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:first-child, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:first-child {
            padding-left: 0
        }

        .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:last-child, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:last-child {
            padding-right: 0
        }

        .widget-calendar .ui-datepicker table.ui-datepicker-calendar th {
            border: 0;
            padding: 3px;
            text-align: center;
            font-weight: 400;
            color: #404040
        }

            .widget-calendar .ui-datepicker table.ui-datepicker-calendar th span {
                font-size: 14px
            }

        .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
            border: 0;
            padding: 6px 0;
            text-align: center
        }

            .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
                display: inline-block;
                padding: 0;
                text-align: center;
                text-decoration: none;
                color: #737373;
                width: 27px;
                height: 27px;
                line-height: 27px
            }

                .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {
                    color: #404040
                }

                .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
                    background-color: #e6e6e6;
                    border-radius: 50%
                }

                .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
                    background-color: #4285f4;
                    color: #fff
                }

            .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.has-events a {
                position: relative;
                background-color: #ebf2fe;
                border-radius: 50%
            }

            .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-other-month a {
                color: #ccc
            }

    .widget-calendar .ui-datepicker.ui-datepicker-6rows {
        margin-bottom: 28px
    }

        .widget-calendar .ui-datepicker.ui-datepicker-6rows table.ui-datepicker-calendar tr td {
            padding: 3px 0
        }

.widget.widget-map .map-container > div {
    height: 229px
}

.widget.widget-tile {
    padding: 24px 20px;
    margin-bottom: 25px;
    display: table;
    table-layout: fixed;
    width: 100%
}

    .widget.widget-tile .data-info {
        display: table-cell;
        text-align: right
    }

        .widget.widget-tile .data-info .value {
            font-size: 22px;
            font-weight: 300
        }

        .widget.widget-tile .data-info .indicator {
            font-size: 25px;
            margin-right: 7px;
            line-height: 24px;
            vertical-align: middle
        }

        .widget.widget-tile .data-info .indicator-equal {
            color: #4285f4
        }

        .widget.widget-tile .data-info .indicator-positive {
            color: #34a853
        }

        .widget.widget-tile .data-info .indicator-negative {
            color: #ea4335
        }

        .widget.widget-tile .data-info .desc {
            font-size: 14px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .widget.widget-tile .chart {
        width: 85px;
        min-height: 45px;
        padding: 5px 0;
        display: table-cell;
        vertical-align: middle
    }

    .widget.widget-tile.widget-tile-wide {
        display: table;
        width: 100%
    }

        .widget.widget-tile.widget-tile-wide > div {
            display: table-cell;
            width: 50%;
            vertical-align: middle
        }

        .widget.widget-tile.widget-tile-wide .data-info {
            vertical-align: top
        }

            .widget.widget-tile.widget-tile-wide .data-info .title {
                font-size: 16px;
                line-height: 22px;
                margin-bottom: 2px
            }

            .widget.widget-tile.widget-tile-wide .data-info .desc {
                color: gray;
                font-size: 12px
            }

        .widget.widget-tile.widget-tile-wide .tile-value {
            text-align: right
        }

            .widget.widget-tile.widget-tile-wide .tile-value > span {
                display: block;
                padding-right: 10px;
                font-weight: 300;
                font-size: 31px
            }

        .widget.widget-tile.widget-tile-wide .icon {
            float: none;
            line-height: 43px;
            vertical-align: top;
            margin-right: 5px
        }

.user-display {
    margin-bottom: 30px;
    border-radius: 2px;
    background-color: #fff
}

.user-display-bg {
    max-height: 300px;
    overflow: hidden
}

    .user-display-bg img {
        width: 100%;
        border-radius: 2px 2px 0 0
    }

@media(max-width: 767px) {
    .user-display-bg img {
        min-height: 130px
    }
}

.user-display-bottom {
    position: relative;
    padding: 11px 20px
}

.user-display-avatar {
    position: absolute;
    left: 20px;
    top: -50px;
    border-radius: 50%;
    background-color: #fff
}

    .user-display-avatar img {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        border: 3px solid #fff
    }

.user-display-info {
    line-height: 20px;
    padding-left: 130px
}

    .user-display-info .name {
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px
    }

    .user-display-info .nick {
        line-height: 21px;
        color: #5f5f5f
    }

.user-display-details {
    margin-top: 15px
}

    .user-display-details .title {
        text-transform: uppercase;
        font-size: 12px;
        color: #5f5f5f
    }

    .user-display-details .counter {
        font-size: 18px
    }

.user-info-list table {
    width: 100%;
    table-layout: fixed
}

    .user-info-list table tr td {
        padding: 12px 0
    }

        .user-info-list table tr td.icon {
            width: 33px
        }

            .user-info-list table tr td.icon > span {
                font-size: 20px;
                vertical-align: middle
            }

        .user-info-list table tr td.item {
            width: 34%
        }

.user-progress {
    margin-bottom: 15px
}

    .user-progress .title {
        display: block;
        margin-bottom: 10px
    }

    .user-progress .value {
        display: block;
        text-align: right;
        font-size: 18px;
        padding-top: 18px
    }

    .user-progress .progress {
        height: 10px;
        border-radius: 5px;
        margin-bottom: 0
    }

    .user-progress .progress-bar {
        border-radius: 5px
    }

.user-progress-small {
    margin-bottom: 20px
}

    .user-progress-small .title {
        display: inline-block
    }

    .user-progress-small .progress {
        margin-top: 5px;
        height: 5px
    }

.user-timeline {
    padding: 0;
    margin: 5px 0 15px;
    list-style: none;
    position: relative
}

    .user-timeline:before {
        content: "";
        position: absolute;
        left: 7px;
        top: 2px;
        height: 100%;
        width: 2px;
        background-color: #4285f4
    }

    .user-timeline:after {
        content: "";
        position: absolute;
        left: 4px;
        bottom: -2px;
        height: 8px;
        width: 8px;
        background-color: #4285f4;
        border-radius: 50%
    }

    .user-timeline > li {
        display: block;
        position: relative;
        padding-left: 30px;
        padding-bottom: 27px
    }

        .user-timeline > li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #4285f4
        }

        .user-timeline > li.latest:before {
            background-color: #4285f4
        }

.user-timeline-date {
    text-transform: uppercase;
    color: #737373;
    margin-bottom: 8px
}

.user-timeline-title {
    font-weight: 500
}

.user-timeline-compact .user-timeline-date {
    float: right;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 22px
}

.user-timeline-compact .user-timeline-title {
    font-size: 18px;
    font-weight: 300
}

.user-timeline-compact .user-timeline-description {
    color: #737373;
    margin-top: 4px
}

.user-timeline-compact:before {
    background-color: #f6c163
}

.user-timeline-compact:after {
    background-color: #f6c163
}

.user-timeline-compact > li {
    padding-bottom: 35px
}

    .user-timeline-compact > li:last-child {
        padding-bottom: 25px
    }

    .user-timeline-compact > li:before {
        border: 1px solid #f6c163
    }

    .user-timeline-compact > li.latest:before {
        background-color: #f6c163
    }

.login-tools {
    padding-top: 18px
}

.login-forgot-password {
    line-height: 22px;
    text-align: right
}

.login-submit {
    padding-top: 19px;
    margin-bottom: 18px
}

    .login-submit .btn {
        width: 100%
    }

    .login-submit > div:first-child {
        padding-right: 10px
    }

    .login-submit > div:last-child {
        padding-left: 10px
    }

.be-error .error-container {
    text-align: center;
    margin-top: 100px
}

@media(max-width: 767px) {
    .be-error .error-container {
        margin-top: 50px
    }
}

.be-error .error-number {
    display: block;
    font-size: 150px;
    font-weight: 700;
    line-height: 240px;
    margin-bottom: 30px;
    max-height: 240px
}

    .be-error .error-number:after {
        padding-top: .25%;
        display: block;
        content: ''
    }

@media(max-width: 767px) {
    .be-error .error-number {
        padding: 20px 0;
        font-size: 90px;
        margin-bottom: 10px;
        line-height: 100px
    }
}

.be-error .error-description {
    font-size: 30px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .be-error .error-description {
        font-size: 19px
    }
}

.be-error .error-goback-text {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 15px
}

@media(max-width: 767px) {
    .be-error .error-goback-text {
        font-size: 15px
    }
}

.be-error .error-goback-button {
    margin-bottom: 30px
}

    .be-error .error-goback-button .btn {
        min-width: 153px;
        text-align: center
    }

.be-error-404 .error-container .error-number {
    background: url(/assets/img/404-bg.png) no-repeat center center;
    background-size: contain
}

@media(max-width: 480px) {
    .be-error-404 .error-container .error-number {
        padding: 0;
        font-size: 70px
    }
}

@media(max-width: 340px) {
    .be-error-404 .error-container .error-number {
        font-size: 50px
    }
}

@media(max-width: 295px) {
    .be-error-404 .error-container .error-number {
        font-size: 40px
    }
}

.splash-container.sign-up {
    max-width: 433px;
    margin: 10px auto
}

    .splash-container.sign-up .panel .panel-heading {
        margin-bottom: 0
    }

.signup-password {
    margin-bottom: 18px
}

    .signup-password .btn {
        width: 100%
    }

    .signup-password > div:first-child {
        padding-right: 10px
    }

    .signup-password > div:last-child {
        padding-left: 10px
    }

.splash-container.forgot-password .panel .panel-heading {
    margin-bottom: 5px
}

.gallery-container .item {
    width: 25%;
    margin-bottom: 20px;
    padding: 0 10px
}

    .gallery-container .item .photo {
        background: #fff
    }

        .gallery-container .item .photo .img {
            position: relative
        }

            .gallery-container .item .photo .img img {
                width: 100%
            }

            .gallery-container .item .photo .img .over {
                top: 0;
                opacity: 0;
                position: absolute;
                height: 100%;
                width: 100%;
                background: rgba(66,133,244,.8);
                -o-transition: opacity 300ms ease;
                transition: opacity 300ms ease;
                -webkit-transition: opacity 300ms ease;
                overflow: hidden
            }

                .gallery-container .item .photo .img .over .info-wrapper {
                    display: table;
                    height: 100%;
                    margin-top: -80px;
                    -webkit-transition: margin-top 200ms ease-in-out;
                    -o-transition: margin-top 200ms ease-in-out;
                    transition: margin-top 200ms ease-in-out
                }

                .gallery-container .item .photo .img .over .info {
                    display: table-cell;
                    vertical-align: middle;
                    position: relative;
                    top: 0;
                    text-align: center;
                    color: #fff;
                    padding: 0 10px
                }

                .gallery-container .item .photo .img .over .title {
                    font-size: 18px;
                    font-weight: 300
                }

                .gallery-container .item .photo .img .over .description {
                    margin: 10px 0 18px;
                    line-height: 15px
                }

                .gallery-container .item .photo .img .over .func a {
                    display: inline-block;
                    height: 30px;
                    width: 30px;
                    margin-right: 10px;
                    background: rgba(255,255,255,.2);
                    border-radius: 50%
                }

                    .gallery-container .item .photo .img .over .func a:hover {
                        background: rgba(255,255,255,.3)
                    }

                    .gallery-container .item .photo .img .over .func a i {
                        font-size: 18px;
                        color: #fff;
                        line-height: 30px
                    }

            .gallery-container .item .photo .img:hover .over {
                opacity: 1
            }

                .gallery-container .item .photo .img:hover .over .info-wrapper {
                    margin-top: 0
                }

        .gallery-container .item .photo .description {
            line-height: 20px;
            display: table;
            width: 100%
        }

            .gallery-container .item .photo .description .icon {
                display: table-cell;
                background-color: #e6e6e6;
                padding: 20px;
                vertical-align: middle;
                width: 20px
            }

                .gallery-container .item .photo .description .icon a {
                    color: #4d4d4d
                }

                    .gallery-container .item .photo .description .icon a i {
                        font-size: 30px
                    }

@media(max-width: 767px) {
    .gallery-container .item .photo .description .icon a i {
        font-size: 20px
    }
}

.gallery-container .item .photo .description .icon a:hover {
    color: #4285f4
}

@media(max-width: 767px) {
    .gallery-container .item .photo .description .icon {
        padding: 15px
    }
}

.gallery-container .item .photo .description .desc {
    display: table-cell;
    padding: 10px 20px;
    vertical-align: middle
}

    .gallery-container .item .photo .description .desc h4 {
        margin: 0;
        font-size: 18px
    }

@media(max-width: 767px) {
    .gallery-container .item .photo .description .desc h4 {
        font-size: 15px
    }
}

.gallery-container .item .photo .description .desc span {
    color: #8a8888;
    font-size: 12px;
    font-weight: 300
}

@media(max-width: 767px) {
    .gallery-container .item .photo .description .desc {
        padding: 10px
    }
}

.gallery-container .item.w2 {
    width: 50%
}

@media(max-width: 767px) {
    .gallery-container {
        max-width: 767px
    }

        .gallery-container .item {
            width: 100%;
            padding: 0
        }

            .gallery-container .item.w2 {
                width: 100%
            }
}

@media(min-width: 768px) and (max-width:991px) {
    .gallery-container .item {
        width: 50%
    }
}

.aside-compose {
    text-align: center;
    padding: 20px 25px;
    margin-top: 10px
}

.email-inbox-header {
    background-color: #fff;
    padding: 37px 25px
}

@media(min-width: 768px) and (max-width:991px) {
    .email-inbox-header {
        padding: 20px 25px
    }
}

.email-title {
    display: block;
    margin: 3px 0 0;
    font-size: 23px;
    font-weight: 300
}

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .email-title {
        margin-bottom: 10px
    }
}

.email-title .icon {
    font-size: 23px;
    color: #737373
}

.email-title .new-messages {
    font-size: 13px;
    color: #8d8d8d;
    margin-left: 3px
}

.email-filters {
    padding: 0 20px 30px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    display: table;
    width: 100%
}

    .email-filters > div {
        display: table-cell;
        vertical-align: middle
    }

@media(min-width: 768px) and (max-width:991px),(max-width:767px) {
    .email-filters > div {
        vertical-align: top
    }
}

.email-filters .btn-group + .btn-group {
    margin-left: 10px
}

@media(min-width: 768px) and (max-width:991px),(max-width:480px) {
    .email-filters .btn-group + .btn-group {
        margin-left: 0;
        margin-top: 10px
    }
}

.email-filters .be-select-all.be-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding: 0
}

    .email-filters .be-select-all.be-checkbox label:before {
        margin-right: 18px
    }

.email-filters .email-filters-right {
    text-align: right
}

.email-filters input {
    margin-right: 8px
}

.email-pagination-indicator {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px
}

@media(min-width: 768px) and (max-width:991px) {
    .email-pagination-indicator {
        margin-right: 0
    }
}

.email-pagination-nav .btn {
    min-width: 30px
}

    .email-pagination-nav .btn i {
        font-size: 21px;
        vertical-align: middle
    }

.email-list {
    background: #fff
}

.email-list-item {
    border-bottom: 1px solid #e6e6e6;
    padding: 14px 20px;
    display: table;
    width: 100%;
    cursor: pointer;
    position: relative;
    background-color: #fafafa
}

    .email-list-item.email-list-item--unread {
        background-color: #fff
    }

        .email-list-item.email-list-item--unread:after {
            content: '';
            display: block;
            position: absolute;
            width: 3px;
            top: -1px;
            bottom: -1px;
            left: 0;
            background-color: #4285f4
        }

        .email-list-item.email-list-item--unread .from, .email-list-item.email-list-item--unread .date {
            font-weight: 500
        }

    .email-list-item .icon {
        margin-right: 7px;
        font-size: 15px;
        vertical-align: middle;
        color: #666
    }

    .email-list-item .from {
        display: block;
        font-weight: 400;
        font-size: 13px;
        margin: 0 0 3px 0
    }

    .email-list-item .msg {
        margin: 0;
        color: #737373
    }

    .email-list-item:hover {
        background-color: #f7f7f7
    }

.email-list-detail, .email-list-actions {
    vertical-align: top;
    display: table-cell
}

.email-list-actions {
    width: 40px
}

    .email-list-actions .be-checkbox {
        padding: 0
    }

    .email-list-actions .favorite {
        display: block;
        padding-top: 5px;
        padding-left: 3px;
        line-height: 15px
    }

        .email-list-actions .favorite span {
            font-size: 20px;
            line-height: 17px;
            color: silver
        }

        .email-list-actions .favorite:hover span {
            color: #8d8d8d
        }

        .email-list-actions .favorite.active span {
            color: #ffc600
        }

.email-head {
    background-color: #fff
}

.email-head-title {
    padding: 25px 25px;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    font-weight: 400;
    color: #5a5a5a;
    font-size: 23px
}

    .email-head-title .icon {
        color: #696969;
        margin-right: 12px;
        vertical-align: middle;
        line-height: 31px;
        position: relative;
        top: -1px;
        float: left;
        font-size: 20px
    }

.email-head-subject {
    padding: 25px 25px;
    border-bottom: 1px solid #e6e6e6
}

    .email-head-subject .title {
        display: block;
        font-size: 23px;
        font-weight: 300;
        color: #5a5a5a
    }

        .email-head-subject .title > a .icon {
            color: silver;
            font-size: 18px;
            margin-right: 6px;
            vertical-align: middle;
            line-height: 31px;
            position: relative;
            top: -1px
        }

        .email-head-subject .title > a:hover .icon {
            color: #8d8d8d
        }

        .email-head-subject .title > a.active .icon {
            color: #ffc600
        }

    .email-head-subject .icons {
        font-size: 20px;
        float: right
    }

        .email-head-subject .icons .icon {
            color: #737373;
            margin-left: 12px;
            vertical-align: middle
        }

            .email-head-subject .icons .icon:hover {
                color: #5a5a5a
            }

.email-head-sender {
    padding: 13px 25px;
    line-height: 40px
}

    .email-head-sender .avatar {
        float: left;
        margin-right: 10px
    }

        .email-head-sender .avatar img {
            max-width: 40px;
            max-height: 40px;
            border-radius: 50%
        }

    .email-head-sender .sender {
        font-size: 15px
    }

        .email-head-sender .sender .actions {
            display: inline-block;
            position: relative
        }

        .email-head-sender .sender .icon {
            font-size: 20px;
            line-height: 16px;
            color: #5a5a5a;
            margin-left: 7px
        }

            .email-head-sender .sender .icon i {
                line-height: 16px;
                vertical-align: middle
            }

    .email-head-sender .date {
        float: right
    }

        .email-head-sender .date a {
            vertical-align: middle;
            margin-right: 5px
        }

        .email-head-sender .date .icon {
            font-size: 20px
        }

.email-body {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 30px 28px
}

    .email-body p {
        line-height: 25px;
        margin-bottom: 20px
    }

        .email-body p:last-child {
            margin-bottom: 0
        }

.email-attachments {
    background-color: #fff;
    padding: 25px 28px;
    border-top: 1px solid #e6e6e6
}

    .email-attachments .title {
        display: block;
        font-weight: 500
    }

        .email-attachments .title span {
            font-weight: 400
        }

    .email-attachments ul {
        list-style: none;
        margin: 15px 0 0;
        padding: 0
    }

        .email-attachments ul > li {
            line-height: 23px
        }

            .email-attachments ul > li a {
                color: #404040;
                font-weight: 500
            }

                .email-attachments ul > li a:hover {
                    color: #4285f4
                }

            .email-attachments ul > li span {
                font-weight: 400
            }

            .email-attachments ul > li .icon {
                vertical-align: middle;
                color: #737373;
                margin-right: 2px
            }

.compose-title {
    font-weight: 400;
    font-size: 23px;
    height: auto;
    padding: 25px 23px;
    border: 0;
    width: 100%;
    outline: none;
    background-color: #fff
}

    .compose-title .icon {
        float: left;
        font-size: 20px;
        margin-right: 15px;
        color: #696969;
        margin-top: 6px
    }

.email-compose-fields {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 30px 10px
}

    .email-compose-fields label {
        padding-top: 15px
    }

.email.editor {
    background-color: #fff;
    padding: 30px
}

    .email.editor .note-toolbar {
        border: 0
    }

    .email.editor .form-group {
        text-align: right;
        margin-top: 15px
    }

        .email.editor .form-group .icon {
            font-size: 23px
        }

@media(max-width: 480px) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.img-rounded {
    border-radius: 4px
}

pre {
    padding: 20px;
    border: 0;
    border-radius: 0
}

.btn {
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    border: 1px solid transparent;
    padding: 0 10px;
    font-size: 1em;
    line-height: 28px;
    border-radius: 2px
}

@media(min-width: 415px) {
    .btn {
        box-shadow: 0 1px 0 rgba(0,0,0,.05);
        border: 1px solid transparent;
        padding: 0 10px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 2px
    }
}

.btn:active, .btn.active {
    box-shadow: none
}

    .btn:active:focus {
        outline: none
    }

.btn-default {
    color: #404040;
    background-color: #fff;
    border-color: #dedede
}

    .btn-default:focus, .btn-default.focus {
        color: #404040;
        background-color: #fff;
        border-color: #dedede;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-default:hover, .btn-default.hover {
        box-shadow: 0 1px 0 rgba(0,0,0,.1);
        background-color: #fff;
        border-color: #bdbdbd
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        box-shadow: inset 0 2px 0 rgba(0,0,0,.06);
        color: #272727;
        background-color: #e3e3e3;
        border-color: #bdbdbd
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #272727;
            background-color: #e3e3e3;
            border-color: #bdbdbd;
            box-shadow: inset 0 2px 0 rgba(0,0,0,.06)
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #dedede
    }

    .btn-default .icon {
        color: #646464
    }

    .btn-default:active .icon {
        color: #4a4a4a
    }

    .btn-default .badge {
        color: #fff;
        background-color: #404040
    }

.btn-primary {
    border-color: #2a75f3;
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #1266f1;
        border-color: #093d94
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #1266f1;
        border-color: #0c57d3
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #0c57d3;
            border-color: #093d94
        }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
        background-color: #4285f4;
        border-color: #2a75f3
    }

    .btn-primary .badge {
        color: #4285f4;
        background-color: #fff
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #4285f4;
        border-color: #4285f4;
        outline: none
    }

    .btn-primary:hover, .btn-primary.hover {
        box-shadow: inset 0 -1px 0 #1266f1;
        background-color: #4c8bf5;
        border-color: #4c8bf5;
        border-bottom-color: #1266f1
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        box-shadow: inset 0 2px 0 #1266f1;
        background-color: #2572f2;
        border-color: #2572f2;
        border-top-color: #0c57d3
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #2572f2;
            border-color: transparent;
            border-top-color: #0c57d3;
            box-shadow: inset 0 2px 0 #1266f1
        }

            .btn-primary:active:hover .icon, .btn-primary.active:hover .icon, .open > .dropdown-toggle.btn-primary:hover .icon, .btn-primary:active:focus .icon, .btn-primary.active:focus .icon, .open > .dropdown-toggle.btn-primary:focus .icon, .btn-primary:active.focus .icon, .btn-primary.active.focus .icon, .open > .dropdown-toggle.btn-primary.focus .icon {
                color: #fff
            }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #4285f4;
        border-color: #4285f4
    }

    .btn-primary .badge {
        color: #4285f4;
        background-color: #fff
    }

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

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #d62516;
        border-color: #79150d
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #d62516;
        border-color: #b51f13
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d62516;
        border-color: #b51f13
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #b51f13;
            border-color: #79150d
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #ea4335;
        border-color: #e82e1e
    }

    .btn-danger .badge {
        color: #ea4335;
        background-color: #fff
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #ea4335;
        border-color: #ea4335;
        outline: none
    }

    .btn-danger:hover, .btn-danger.hover {
        box-shadow: inset 0 -1px 0 #d62516;
        background-color: #eb4c3e;
        border-color: #eb4c3e;
        border-bottom-color: #d62516
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        box-shadow: inset 0 2px 0 #d62516;
        background-color: #e72919;
        border-color: #e72919;
        border-top-color: #b51f13
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #e72919;
            border-color: transparent;
            border-top-color: #b51f13;
            box-shadow: inset 0 2px 0 #d62516
        }

            .btn-danger:active:hover .icon, .btn-danger.active:hover .icon, .open > .dropdown-toggle.btn-danger:hover .icon, .btn-danger:active:focus .icon, .btn-danger.active:focus .icon, .open > .dropdown-toggle.btn-danger:focus .icon, .btn-danger:active.focus .icon, .btn-danger.active.focus .icon, .open > .dropdown-toggle.btn-danger.focus .icon {
                color: #fff
            }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #ea4335;
        border-color: #ea4335
    }

    .btn-danger .badge {
        color: #ea4335;
        background-color: #fff
    }

.btn-warning {
    border-color: #e3aa04;
    color: #fff;
    background-color: #fbbc05;
    border-color: #fbbc05
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ca9703;
        border-color: #654c02
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ca9703;
        border-color: #a77d03
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ca9703;
        border-color: #a77d03
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #a77d03;
            border-color: #654c02
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
        background-color: #fbbc05;
        border-color: #e3aa04
    }

    .btn-warning .badge {
        color: #fbbc05;
        background-color: #fff
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #fbbc05;
        border-color: #fbbc05;
        outline: none
    }

    .btn-warning:hover, .btn-warning.hover {
        box-shadow: inset 0 -1px 0 #ca9703;
        background-color: #fbbf0f;
        border-color: #fbbf0f;
        border-bottom-color: #ca9703
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        box-shadow: inset 0 2px 0 #ca9703;
        background-color: #dea604;
        border-color: #dea604;
        border-top-color: #a77d03
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #dea604;
            border-color: transparent;
            border-top-color: #a77d03;
            box-shadow: inset 0 2px 0 #ca9703
        }

            .btn-warning:active:hover .icon, .btn-warning.active:hover .icon, .open > .dropdown-toggle.btn-warning:hover .icon, .btn-warning:active:focus .icon, .btn-warning.active:focus .icon, .open > .dropdown-toggle.btn-warning:focus .icon, .btn-warning:active.focus .icon, .btn-warning.active.focus .icon, .open > .dropdown-toggle.btn-warning.focus .icon {
                color: #fff
            }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #fbbc05;
        border-color: #fbbc05
    }

    .btn-warning .badge {
        color: #fbbc05;
        background-color: #fff
    }

.btn-success {
    border-color: #2e9549;
    color: #fff;
    background-color: #34a853;
    border-color: #34a853
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #288140;
        border-color: #103319
    }

    .btn-success:hover {
        color: #fff;
        background-color: #288140;
        border-color: #206632
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #288140;
        border-color: #206632
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #206632;
            border-color: #103319
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
        background-color: #34a853;
        border-color: #2e9549
    }

    .btn-success .badge {
        color: #34a853;
        background-color: #fff
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #34a853;
        border-color: #34a853;
        outline: none
    }

    .btn-success:hover, .btn-success.hover {
        box-shadow: inset 0 -1px 0 #288140;
        background-color: #36b057;
        border-color: #36b057;
        border-bottom-color: #288140
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        box-shadow: inset 0 2px 0 #288140;
        background-color: #2d9147;
        border-color: #2d9147;
        border-top-color: #206632
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #2d9147;
            border-color: transparent;
            border-top-color: #206632;
            box-shadow: inset 0 2px 0 #288140
        }

            .btn-success:active:hover .icon, .btn-success.active:hover .icon, .open > .dropdown-toggle.btn-success:hover .icon, .btn-success:active:focus .icon, .btn-success.active:focus .icon, .open > .dropdown-toggle.btn-success:focus .icon, .btn-success:active.focus .icon, .btn-success.active.focus .icon, .open > .dropdown-toggle.btn-success.focus .icon {
                color: #fff
            }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #34a853;
        border-color: #34a853
    }

    .btn-success .badge {
        color: #34a853;
        background-color: #fff
    }

.btn-xs, .btn-group-xs > .btn {
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    border-radius: 1px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0 8px;
    font-size: 13px;
    line-height: 22px;
    border-radius: 2px
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0 12px;
    font-size: 15px;
    line-height: 38px;
    border-radius: 3px;
    font-weight: 500
}

.btn-xl {
    padding: 0 12px;
    font-size: 15px;
    line-height: 43px;
    border-radius: 3px;
    font-weight: 500
}

.btn-rounded {
    border-radius: 15px
}

    .btn-rounded.btn-xs {
        border-radius: 10px
    }

    .btn-rounded.btn-sm {
        border-radius: 12px
    }

    .btn-rounded.btn-lg {
        border-radius: 20px
    }

.btn-hspace {
    margin-right: 5px
}

.btn-vspace {
    margin-bottom: 5px
}

.btn-space {
    margin-right: 5px;
    margin-bottom: 5px
}

.btn-facebook .icon {
    color: #5d82d1
}

.btn-facebook:active .icon, .btn-facebook.active .icon, .open > .dropdown-toggle.btn-facebook .icon {
    color: #5d82d1
}

.btn-facebook:active:hover .icon, .btn-facebook.active:hover .icon, .open > .dropdown-toggle.btn-facebook:hover .icon, .btn-facebook:active:focus .icon, .btn-facebook.active:focus .icon, .open > .dropdown-toggle.btn-facebook:focus .icon, .btn-facebook:active.focus .icon, .btn-facebook.active.focus .icon, .open > .dropdown-toggle.btn-facebook.focus .icon {
    color: #5d82d1
}

.btn-twitter .icon {
    color: #50bff5
}

.btn-twitter:active .icon, .btn-twitter.active .icon, .open > .dropdown-toggle.btn-twitter .icon {
    color: #50bff5
}

.btn-twitter:active:hover .icon, .btn-twitter.active:hover .icon, .open > .dropdown-toggle.btn-twitter:hover .icon, .btn-twitter:active:focus .icon, .btn-twitter.active:focus .icon, .open > .dropdown-toggle.btn-twitter:focus .icon, .btn-twitter:active.focus .icon, .btn-twitter.active.focus .icon, .open > .dropdown-toggle.btn-twitter.focus .icon {
    color: #50bff5
}

.btn-google-plus .icon {
    color: #eb5e4c
}

.btn-google-plus:active .icon, .btn-google-plus.active .icon, .open > .dropdown-toggle.btn-google-plus .icon {
    color: #eb5e4c
}

.btn-google-plus:active:hover .icon, .btn-google-plus.active:hover .icon, .open > .dropdown-toggle.btn-google-plus:hover .icon, .btn-google-plus:active:focus .icon, .btn-google-plus.active:focus .icon, .open > .dropdown-toggle.btn-google-plus:focus .icon, .btn-google-plus:active.focus .icon, .btn-google-plus.active.focus .icon, .open > .dropdown-toggle.btn-google-plus.focus .icon {
    color: #eb5e4c
}

.btn-dribbble .icon {
    color: #f7659c
}

.btn-dribbble:active .icon, .btn-dribbble.active .icon, .open > .dropdown-toggle.btn-dribbble .icon {
    color: #f7659c
}

.btn-dribbble:active:hover .icon, .btn-dribbble.active:hover .icon, .open > .dropdown-toggle.btn-dribbble:hover .icon, .btn-dribbble:active:focus .icon, .btn-dribbble.active:focus .icon, .open > .dropdown-toggle.btn-dribbble:focus .icon, .btn-dribbble:active.focus .icon, .btn-dribbble.active.focus .icon, .open > .dropdown-toggle.btn-dribbble.focus .icon {
    color: #f7659c
}

.btn-flickr .icon {
    color: #0063dc
}

.btn-flickr:active .icon, .btn-flickr.active .icon, .open > .dropdown-toggle.btn-flickr .icon {
    color: #0063dc
}

.btn-flickr:active:hover .icon, .btn-flickr.active:hover .icon, .open > .dropdown-toggle.btn-flickr:hover .icon, .btn-flickr:active:focus .icon, .btn-flickr.active:focus .icon, .open > .dropdown-toggle.btn-flickr:focus .icon, .btn-flickr:active.focus .icon, .btn-flickr.active.focus .icon, .open > .dropdown-toggle.btn-flickr.focus .icon {
    color: #0063dc
}

.btn-linkedin .icon {
    color: #238cc8
}

.btn-linkedin:active .icon, .btn-linkedin.active .icon, .open > .dropdown-toggle.btn-linkedin .icon {
    color: #238cc8
}

.btn-linkedin:active:hover .icon, .btn-linkedin.active:hover .icon, .open > .dropdown-toggle.btn-linkedin:hover .icon, .btn-linkedin:active:focus .icon, .btn-linkedin.active:focus .icon, .open > .dropdown-toggle.btn-linkedin:focus .icon, .btn-linkedin:active.focus .icon, .btn-linkedin.active.focus .icon, .open > .dropdown-toggle.btn-linkedin.focus .icon {
    color: #238cc8
}

.btn-youtube .icon {
    color: #ef4e41
}

.btn-youtube:active .icon, .btn-youtube.active .icon, .open > .dropdown-toggle.btn-youtube .icon {
    color: #ef4e41
}

.btn-youtube:active:hover .icon, .btn-youtube.active:hover .icon, .open > .dropdown-toggle.btn-youtube:hover .icon, .btn-youtube:active:focus .icon, .btn-youtube.active:focus .icon, .open > .dropdown-toggle.btn-youtube:focus .icon, .btn-youtube:active.focus .icon, .btn-youtube.active.focus .icon, .open > .dropdown-toggle.btn-youtube.focus .icon {
    color: #ef4e41
}

.btn-pinterest .icon {
    color: #e13138
}

.btn-pinterest:active .icon, .btn-pinterest.active .icon, .open > .dropdown-toggle.btn-pinterest .icon {
    color: #e13138
}

.btn-pinterest:active:hover .icon, .btn-pinterest.active:hover .icon, .open > .dropdown-toggle.btn-pinterest:hover .icon, .btn-pinterest:active:focus .icon, .btn-pinterest.active:focus .icon, .open > .dropdown-toggle.btn-pinterest:focus .icon, .btn-pinterest:active.focus .icon, .btn-pinterest.active.focus .icon, .open > .dropdown-toggle.btn-pinterest.focus .icon {
    color: #e13138
}

.btn-github .icon {
    color: #333
}

.btn-github:active .icon, .btn-github.active .icon, .open > .dropdown-toggle.btn-github .icon {
    color: #333
}

.btn-github:active:hover .icon, .btn-github.active:hover .icon, .open > .dropdown-toggle.btn-github:hover .icon, .btn-github:active:focus .icon, .btn-github.active:focus .icon, .open > .dropdown-toggle.btn-github:focus .icon, .btn-github:active.focus .icon, .btn-github.active.focus .icon, .open > .dropdown-toggle.btn-github.focus .icon {
    color: #333
}

.btn-tumblr .icon {
    color: #426d9b
}

.btn-tumblr:active .icon, .btn-tumblr.active .icon, .open > .dropdown-toggle.btn-tumblr .icon {
    color: #426d9b
}

.btn-tumblr:active:hover .icon, .btn-tumblr.active:hover .icon, .open > .dropdown-toggle.btn-tumblr:hover .icon, .btn-tumblr:active:focus .icon, .btn-tumblr.active:focus .icon, .open > .dropdown-toggle.btn-tumblr:focus .icon, .btn-tumblr:active.focus .icon, .btn-tumblr.active.focus .icon, .open > .dropdown-toggle.btn-tumblr.focus .icon {
    color: #426d9b
}

.btn-dropbox .icon {
    color: #007ee5
}

.btn-dropbox:active .icon, .btn-dropbox.active .icon, .open > .dropdown-toggle.btn-dropbox .icon {
    color: #007ee5
}

.btn-dropbox:active:hover .icon, .btn-dropbox.active:hover .icon, .open > .dropdown-toggle.btn-dropbox:hover .icon, .btn-dropbox:active:focus .icon, .btn-dropbox.active:focus .icon, .open > .dropdown-toggle.btn-dropbox:focus .icon, .btn-dropbox:active.focus .icon, .btn-dropbox.active.focus .icon, .open > .dropdown-toggle.btn-dropbox.focus .icon {
    color: #007ee5
}

.btn-evernote .icon {
    color: #2dbe60
}

.btn-evernote:active .icon, .btn-evernote.active .icon, .open > .dropdown-toggle.btn-evernote .icon {
    color: #2dbe60
}

.btn-evernote:active:hover .icon, .btn-evernote.active:hover .icon, .open > .dropdown-toggle.btn-evernote:hover .icon, .btn-evernote:active:focus .icon, .btn-evernote.active:focus .icon, .open > .dropdown-toggle.btn-evernote:focus .icon, .btn-evernote:active.focus .icon, .btn-evernote.active.focus .icon, .open > .dropdown-toggle.btn-evernote.focus .icon {
    color: #2dbe60
}

.btn-social {
    min-width: 31px;
    padding: 0 8px
}

    .btn-social .icon {
        font-size: 17px
    }

.btn-color.btn-facebook {
    color: #fff;
    background-color: #5d82d1;
    border-color: #5d82d1
}

    .btn-color.btn-facebook .icon {
        color: #fff
    }

    .btn-color.btn-facebook:focus, .btn-color.btn-facebook.focus {
        color: #fff;
        background-color: #3864c3;
        border-color: #274688
    }

    .btn-color.btn-facebook:hover {
        color: #fff;
        background-color: #3864c3;
        border-color: #3560bc
    }

    .btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .open > .dropdown-toggle.btn-color.btn-facebook {
        color: #fff;
        background-color: #3864c3;
        border-color: #3560bc
    }

        .btn-color.btn-facebook:active:hover, .btn-color.btn-facebook.active:hover, .open > .dropdown-toggle.btn-color.btn-facebook:hover, .btn-color.btn-facebook:active:focus, .btn-color.btn-facebook.active:focus, .open > .dropdown-toggle.btn-color.btn-facebook:focus, .btn-color.btn-facebook:active.focus, .btn-color.btn-facebook.active.focus, .open > .dropdown-toggle.btn-color.btn-facebook.focus {
            color: #fff;
            background-color: #3056a8;
            border-color: #274688
        }

    .btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .open > .dropdown-toggle.btn-color.btn-facebook {
        background-image: none
    }

    .btn-color.btn-facebook.disabled:hover, .btn-color.btn-facebook[disabled]:hover, fieldset[disabled] .btn-color.btn-facebook:hover, .btn-color.btn-facebook.disabled:focus, .btn-color.btn-facebook[disabled]:focus, fieldset[disabled] .btn-color.btn-facebook:focus, .btn-color.btn-facebook.disabled.focus, .btn-color.btn-facebook[disabled].focus, fieldset[disabled] .btn-color.btn-facebook.focus {
        background-color: #5d82d1;
        border-color: #5d82d1
    }

    .btn-color.btn-facebook .badge {
        color: #5d82d1;
        background-color: #fff
    }

    .btn-color.btn-facebook:focus, .btn-color.btn-facebook.focus {
        color: #fff;
        background-color: #5d82d1;
        border-color: #5d82d1;
        outline: none
    }

    .btn-color.btn-facebook:hover, .btn-color.btn-facebook.hover {
        box-shadow: inset 0 -1px 0 #3864c3;
        background-color: #6588d3;
        border-color: #6588d3;
        border-bottom-color: #3864c3
    }

    .btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .open > .dropdown-toggle.btn-color.btn-facebook {
        color: #fff;
        box-shadow: inset 0 2px 0 #3864c3;
        background-color: #4570ca;
        border-color: #4570ca;
        border-top-color: #3056a8
    }

        .btn-color.btn-facebook:active:hover, .btn-color.btn-facebook.active:hover, .open > .dropdown-toggle.btn-color.btn-facebook:hover, .btn-color.btn-facebook:active:focus, .btn-color.btn-facebook.active:focus, .open > .dropdown-toggle.btn-color.btn-facebook:focus, .btn-color.btn-facebook:active.focus, .btn-color.btn-facebook.active.focus, .open > .dropdown-toggle.btn-color.btn-facebook.focus {
            color: #fff;
            background-color: #4570ca;
            border-color: transparent;
            border-top-color: #3056a8;
            box-shadow: inset 0 2px 0 #3864c3
        }

            .btn-color.btn-facebook:active:hover .icon, .btn-color.btn-facebook.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-facebook:hover .icon, .btn-color.btn-facebook:active:focus .icon, .btn-color.btn-facebook.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-facebook:focus .icon, .btn-color.btn-facebook:active.focus .icon, .btn-color.btn-facebook.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-facebook.focus .icon {
                color: #fff
            }

    .btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .open > .dropdown-toggle.btn-color.btn-facebook {
        background-image: none
    }

    .btn-color.btn-facebook.disabled, .btn-color.btn-facebook[disabled], fieldset[disabled] .btn-color.btn-facebook, .btn-color.btn-facebook.disabled:hover, .btn-color.btn-facebook[disabled]:hover, fieldset[disabled] .btn-color.btn-facebook:hover, .btn-color.btn-facebook.disabled:focus, .btn-color.btn-facebook[disabled]:focus, fieldset[disabled] .btn-color.btn-facebook:focus, .btn-color.btn-facebook.disabled.focus, .btn-color.btn-facebook[disabled].focus, fieldset[disabled] .btn-color.btn-facebook.focus, .btn-color.btn-facebook.disabled:active, .btn-color.btn-facebook[disabled]:active, fieldset[disabled] .btn-color.btn-facebook:active, .btn-color.btn-facebook.disabled.active, .btn-color.btn-facebook[disabled].active, fieldset[disabled] .btn-color.btn-facebook.active {
        background-color: #5d82d1;
        border-color: #5d82d1
    }

    .btn-color.btn-facebook .badge {
        color: #5d82d1;
        background-color: #fff
    }

.btn-color.btn-twitter {
    color: #fff;
    background-color: #50bff5;
    border-color: #50bff5
}

    .btn-color.btn-twitter .icon {
        color: #fff
    }

    .btn-color.btn-twitter:focus, .btn-color.btn-twitter.focus {
        color: #fff;
        background-color: #20adf2;
        border-color: #0b81bb
    }

    .btn-color.btn-twitter:hover {
        color: #fff;
        background-color: #20adf2;
        border-color: #16aaf2
    }

    .btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .open > .dropdown-toggle.btn-color.btn-twitter {
        color: #fff;
        background-color: #20adf2;
        border-color: #16aaf2
    }

        .btn-color.btn-twitter:active:hover, .btn-color.btn-twitter.active:hover, .open > .dropdown-toggle.btn-color.btn-twitter:hover, .btn-color.btn-twitter:active:focus, .btn-color.btn-twitter.active:focus, .open > .dropdown-toggle.btn-color.btn-twitter:focus, .btn-color.btn-twitter:active.focus, .btn-color.btn-twitter.active.focus, .open > .dropdown-toggle.btn-color.btn-twitter.focus {
            color: #fff;
            background-color: #0d9ce1;
            border-color: #0b81bb
        }

    .btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .open > .dropdown-toggle.btn-color.btn-twitter {
        background-image: none
    }

    .btn-color.btn-twitter.disabled:hover, .btn-color.btn-twitter[disabled]:hover, fieldset[disabled] .btn-color.btn-twitter:hover, .btn-color.btn-twitter.disabled:focus, .btn-color.btn-twitter[disabled]:focus, fieldset[disabled] .btn-color.btn-twitter:focus, .btn-color.btn-twitter.disabled.focus, .btn-color.btn-twitter[disabled].focus, fieldset[disabled] .btn-color.btn-twitter.focus {
        background-color: #50bff5;
        border-color: #50bff5
    }

    .btn-color.btn-twitter .badge {
        color: #50bff5;
        background-color: #fff
    }

    .btn-color.btn-twitter:focus, .btn-color.btn-twitter.focus {
        color: #fff;
        background-color: #50bff5;
        border-color: #50bff5;
        outline: none
    }

    .btn-color.btn-twitter:hover, .btn-color.btn-twitter.hover {
        box-shadow: inset 0 -1px 0 #20adf2;
        background-color: #5ac3f6;
        border-color: #5ac3f6;
        border-bottom-color: #20adf2
    }

    .btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .open > .dropdown-toggle.btn-color.btn-twitter {
        color: #fff;
        box-shadow: inset 0 2px 0 #20adf2;
        background-color: #33b4f3;
        border-color: #33b4f3;
        border-top-color: #0d9ce1
    }

        .btn-color.btn-twitter:active:hover, .btn-color.btn-twitter.active:hover, .open > .dropdown-toggle.btn-color.btn-twitter:hover, .btn-color.btn-twitter:active:focus, .btn-color.btn-twitter.active:focus, .open > .dropdown-toggle.btn-color.btn-twitter:focus, .btn-color.btn-twitter:active.focus, .btn-color.btn-twitter.active.focus, .open > .dropdown-toggle.btn-color.btn-twitter.focus {
            color: #fff;
            background-color: #33b4f3;
            border-color: transparent;
            border-top-color: #0d9ce1;
            box-shadow: inset 0 2px 0 #20adf2
        }

            .btn-color.btn-twitter:active:hover .icon, .btn-color.btn-twitter.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-twitter:hover .icon, .btn-color.btn-twitter:active:focus .icon, .btn-color.btn-twitter.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-twitter:focus .icon, .btn-color.btn-twitter:active.focus .icon, .btn-color.btn-twitter.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-twitter.focus .icon {
                color: #fff
            }

    .btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .open > .dropdown-toggle.btn-color.btn-twitter {
        background-image: none
    }

    .btn-color.btn-twitter.disabled, .btn-color.btn-twitter[disabled], fieldset[disabled] .btn-color.btn-twitter, .btn-color.btn-twitter.disabled:hover, .btn-color.btn-twitter[disabled]:hover, fieldset[disabled] .btn-color.btn-twitter:hover, .btn-color.btn-twitter.disabled:focus, .btn-color.btn-twitter[disabled]:focus, fieldset[disabled] .btn-color.btn-twitter:focus, .btn-color.btn-twitter.disabled.focus, .btn-color.btn-twitter[disabled].focus, fieldset[disabled] .btn-color.btn-twitter.focus, .btn-color.btn-twitter.disabled:active, .btn-color.btn-twitter[disabled]:active, fieldset[disabled] .btn-color.btn-twitter:active, .btn-color.btn-twitter.disabled.active, .btn-color.btn-twitter[disabled].active, fieldset[disabled] .btn-color.btn-twitter.active {
        background-color: #50bff5;
        border-color: #50bff5
    }

    .btn-color.btn-twitter .badge {
        color: #50bff5;
        background-color: #fff
    }

.btn-color.btn-google-plus {
    color: #fff;
    background-color: #eb5e4c;
    border-color: #eb5e4c
}

    .btn-color.btn-google-plus .icon {
        color: #fff
    }

    .btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.focus {
        color: #fff;
        background-color: #e6351e;
        border-color: #a52312
    }

    .btn-color.btn-google-plus:hover {
        color: #fff;
        background-color: #e6351e;
        border-color: #e13019
    }

    .btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .open > .dropdown-toggle.btn-color.btn-google-plus {
        color: #fff;
        background-color: #e6351e;
        border-color: #e13019
    }

        .btn-color.btn-google-plus:active:hover, .btn-color.btn-google-plus.active:hover, .open > .dropdown-toggle.btn-color.btn-google-plus:hover, .btn-color.btn-google-plus:active:focus, .btn-color.btn-google-plus.active:focus, .open > .dropdown-toggle.btn-color.btn-google-plus:focus, .btn-color.btn-google-plus:active.focus, .btn-color.btn-google-plus.active.focus, .open > .dropdown-toggle.btn-color.btn-google-plus.focus {
            color: #fff;
            background-color: #ca2b17;
            border-color: #a52312
        }

    .btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .open > .dropdown-toggle.btn-color.btn-google-plus {
        background-image: none
    }

    .btn-color.btn-google-plus.disabled:hover, .btn-color.btn-google-plus[disabled]:hover, fieldset[disabled] .btn-color.btn-google-plus:hover, .btn-color.btn-google-plus.disabled:focus, .btn-color.btn-google-plus[disabled]:focus, fieldset[disabled] .btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.disabled.focus, .btn-color.btn-google-plus[disabled].focus, fieldset[disabled] .btn-color.btn-google-plus.focus {
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }

    .btn-color.btn-google-plus .badge {
        color: #eb5e4c;
        background-color: #fff
    }

    .btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.focus {
        color: #fff;
        background-color: #eb5e4c;
        border-color: #eb5e4c;
        outline: none
    }

    .btn-color.btn-google-plus:hover, .btn-color.btn-google-plus.hover {
        box-shadow: inset 0 -1px 0 #e6351e;
        background-color: #ec6655;
        border-color: #ec6655;
        border-bottom-color: #e6351e
    }

    .btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .open > .dropdown-toggle.btn-color.btn-google-plus {
        color: #fff;
        box-shadow: inset 0 2px 0 #e6351e;
        background-color: #e84530;
        border-color: #e84530;
        border-top-color: #ca2b17
    }

        .btn-color.btn-google-plus:active:hover, .btn-color.btn-google-plus.active:hover, .open > .dropdown-toggle.btn-color.btn-google-plus:hover, .btn-color.btn-google-plus:active:focus, .btn-color.btn-google-plus.active:focus, .open > .dropdown-toggle.btn-color.btn-google-plus:focus, .btn-color.btn-google-plus:active.focus, .btn-color.btn-google-plus.active.focus, .open > .dropdown-toggle.btn-color.btn-google-plus.focus {
            color: #fff;
            background-color: #e84530;
            border-color: transparent;
            border-top-color: #ca2b17;
            box-shadow: inset 0 2px 0 #e6351e
        }

            .btn-color.btn-google-plus:active:hover .icon, .btn-color.btn-google-plus.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-google-plus:hover .icon, .btn-color.btn-google-plus:active:focus .icon, .btn-color.btn-google-plus.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-google-plus:focus .icon, .btn-color.btn-google-plus:active.focus .icon, .btn-color.btn-google-plus.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-google-plus.focus .icon {
                color: #fff
            }

    .btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .open > .dropdown-toggle.btn-color.btn-google-plus {
        background-image: none
    }

    .btn-color.btn-google-plus.disabled, .btn-color.btn-google-plus[disabled], fieldset[disabled] .btn-color.btn-google-plus, .btn-color.btn-google-plus.disabled:hover, .btn-color.btn-google-plus[disabled]:hover, fieldset[disabled] .btn-color.btn-google-plus:hover, .btn-color.btn-google-plus.disabled:focus, .btn-color.btn-google-plus[disabled]:focus, fieldset[disabled] .btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.disabled.focus, .btn-color.btn-google-plus[disabled].focus, fieldset[disabled] .btn-color.btn-google-plus.focus, .btn-color.btn-google-plus.disabled:active, .btn-color.btn-google-plus[disabled]:active, fieldset[disabled] .btn-color.btn-google-plus:active, .btn-color.btn-google-plus.disabled.active, .btn-color.btn-google-plus[disabled].active, fieldset[disabled] .btn-color.btn-google-plus.active {
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }

    .btn-color.btn-google-plus .badge {
        color: #eb5e4c;
        background-color: #fff
    }

.btn-color.btn-dribbble {
    color: #fff;
    background-color: #f7659c;
    border-color: #f7659c
}

    .btn-color.btn-dribbble .icon {
        color: #fff
    }

    .btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.focus {
        color: #fff;
        background-color: #f4357d;
        border-color: #d20b56
    }

    .btn-color.btn-dribbble:hover {
        color: #fff;
        background-color: #f4357d;
        border-color: #f42b77
    }

    .btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .open > .dropdown-toggle.btn-color.btn-dribbble {
        color: #fff;
        background-color: #f4357d;
        border-color: #f42b77
    }

        .btn-color.btn-dribbble:active:hover, .btn-color.btn-dribbble.active:hover, .open > .dropdown-toggle.btn-color.btn-dribbble:hover, .btn-color.btn-dribbble:active:focus, .btn-color.btn-dribbble.active:focus, .open > .dropdown-toggle.btn-color.btn-dribbble:focus, .btn-color.btn-dribbble:active.focus, .btn-color.btn-dribbble.active.focus, .open > .dropdown-toggle.btn-color.btn-dribbble.focus {
            color: #fff;
            background-color: #f31367;
            border-color: #d20b56
        }

    .btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .open > .dropdown-toggle.btn-color.btn-dribbble {
        background-image: none
    }

    .btn-color.btn-dribbble.disabled:hover, .btn-color.btn-dribbble[disabled]:hover, fieldset[disabled] .btn-color.btn-dribbble:hover, .btn-color.btn-dribbble.disabled:focus, .btn-color.btn-dribbble[disabled]:focus, fieldset[disabled] .btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.disabled.focus, .btn-color.btn-dribbble[disabled].focus, fieldset[disabled] .btn-color.btn-dribbble.focus {
        background-color: #f7659c;
        border-color: #f7659c
    }

    .btn-color.btn-dribbble .badge {
        color: #f7659c;
        background-color: #fff
    }

    .btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.focus {
        color: #fff;
        background-color: #f7659c;
        border-color: #f7659c;
        outline: none
    }

    .btn-color.btn-dribbble:hover, .btn-color.btn-dribbble.hover {
        box-shadow: inset 0 -1px 0 #f4357d;
        background-color: #f86fa2;
        border-color: #f86fa2;
        border-bottom-color: #f4357d
    }

    .btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .open > .dropdown-toggle.btn-color.btn-dribbble {
        color: #fff;
        box-shadow: inset 0 2px 0 #f4357d;
        background-color: #f54889;
        border-color: #f54889;
        border-top-color: #f31367
    }

        .btn-color.btn-dribbble:active:hover, .btn-color.btn-dribbble.active:hover, .open > .dropdown-toggle.btn-color.btn-dribbble:hover, .btn-color.btn-dribbble:active:focus, .btn-color.btn-dribbble.active:focus, .open > .dropdown-toggle.btn-color.btn-dribbble:focus, .btn-color.btn-dribbble:active.focus, .btn-color.btn-dribbble.active.focus, .open > .dropdown-toggle.btn-color.btn-dribbble.focus {
            color: #fff;
            background-color: #f54889;
            border-color: transparent;
            border-top-color: #f31367;
            box-shadow: inset 0 2px 0 #f4357d
        }

            .btn-color.btn-dribbble:active:hover .icon, .btn-color.btn-dribbble.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-dribbble:hover .icon, .btn-color.btn-dribbble:active:focus .icon, .btn-color.btn-dribbble.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-dribbble:focus .icon, .btn-color.btn-dribbble:active.focus .icon, .btn-color.btn-dribbble.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-dribbble.focus .icon {
                color: #fff
            }

    .btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .open > .dropdown-toggle.btn-color.btn-dribbble {
        background-image: none
    }

    .btn-color.btn-dribbble.disabled, .btn-color.btn-dribbble[disabled], fieldset[disabled] .btn-color.btn-dribbble, .btn-color.btn-dribbble.disabled:hover, .btn-color.btn-dribbble[disabled]:hover, fieldset[disabled] .btn-color.btn-dribbble:hover, .btn-color.btn-dribbble.disabled:focus, .btn-color.btn-dribbble[disabled]:focus, fieldset[disabled] .btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.disabled.focus, .btn-color.btn-dribbble[disabled].focus, fieldset[disabled] .btn-color.btn-dribbble.focus, .btn-color.btn-dribbble.disabled:active, .btn-color.btn-dribbble[disabled]:active, fieldset[disabled] .btn-color.btn-dribbble:active, .btn-color.btn-dribbble.disabled.active, .btn-color.btn-dribbble[disabled].active, fieldset[disabled] .btn-color.btn-dribbble.active {
        background-color: #f7659c;
        border-color: #f7659c
    }

    .btn-color.btn-dribbble .badge {
        color: #f7659c;
        background-color: #fff
    }

.btn-color.btn-flickr {
    color: #fff;
    background-color: #0063dc;
    border-color: #0063dc
}

    .btn-color.btn-flickr .icon {
        color: #fff
    }

    .btn-color.btn-flickr:focus, .btn-color.btn-flickr.focus {
        color: #fff;
        background-color: #004ca9;
        border-color: #002a5d
    }

    .btn-color.btn-flickr:hover {
        color: #fff;
        background-color: #004ca9;
        border-color: #00479f
    }

    .btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .open > .dropdown-toggle.btn-color.btn-flickr {
        color: #fff;
        background-color: #004ca9;
        border-color: #00479f
    }

        .btn-color.btn-flickr:active:hover, .btn-color.btn-flickr.active:hover, .open > .dropdown-toggle.btn-color.btn-flickr:hover, .btn-color.btn-flickr:active:focus, .btn-color.btn-flickr.active:focus, .open > .dropdown-toggle.btn-color.btn-flickr:focus, .btn-color.btn-flickr:active.focus, .btn-color.btn-flickr.active.focus, .open > .dropdown-toggle.btn-color.btn-flickr.focus {
            color: #fff;
            background-color: #003c85;
            border-color: #002a5d
        }

    .btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .open > .dropdown-toggle.btn-color.btn-flickr {
        background-image: none
    }

    .btn-color.btn-flickr.disabled:hover, .btn-color.btn-flickr[disabled]:hover, fieldset[disabled] .btn-color.btn-flickr:hover, .btn-color.btn-flickr.disabled:focus, .btn-color.btn-flickr[disabled]:focus, fieldset[disabled] .btn-color.btn-flickr:focus, .btn-color.btn-flickr.disabled.focus, .btn-color.btn-flickr[disabled].focus, fieldset[disabled] .btn-color.btn-flickr.focus {
        background-color: #0063dc;
        border-color: #0063dc
    }

    .btn-color.btn-flickr .badge {
        color: #0063dc;
        background-color: #fff
    }

    .btn-color.btn-flickr:focus, .btn-color.btn-flickr.focus {
        color: #fff;
        background-color: #0063dc;
        border-color: #0063dc;
        outline: none
    }

    .btn-color.btn-flickr:hover, .btn-color.btn-flickr.hover {
        box-shadow: inset 0 -1px 0 #004ca9;
        background-color: #0068e6;
        border-color: #0068e6;
        border-bottom-color: #004ca9
    }

    .btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .open > .dropdown-toggle.btn-color.btn-flickr {
        color: #fff;
        box-shadow: inset 0 2px 0 #004ca9;
        background-color: #0055bd;
        border-color: #0055bd;
        border-top-color: #003c85
    }

        .btn-color.btn-flickr:active:hover, .btn-color.btn-flickr.active:hover, .open > .dropdown-toggle.btn-color.btn-flickr:hover, .btn-color.btn-flickr:active:focus, .btn-color.btn-flickr.active:focus, .open > .dropdown-toggle.btn-color.btn-flickr:focus, .btn-color.btn-flickr:active.focus, .btn-color.btn-flickr.active.focus, .open > .dropdown-toggle.btn-color.btn-flickr.focus {
            color: #fff;
            background-color: #0055bd;
            border-color: transparent;
            border-top-color: #003c85;
            box-shadow: inset 0 2px 0 #004ca9
        }

            .btn-color.btn-flickr:active:hover .icon, .btn-color.btn-flickr.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-flickr:hover .icon, .btn-color.btn-flickr:active:focus .icon, .btn-color.btn-flickr.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-flickr:focus .icon, .btn-color.btn-flickr:active.focus .icon, .btn-color.btn-flickr.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-flickr.focus .icon {
                color: #fff
            }

    .btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .open > .dropdown-toggle.btn-color.btn-flickr {
        background-image: none
    }

    .btn-color.btn-flickr.disabled, .btn-color.btn-flickr[disabled], fieldset[disabled] .btn-color.btn-flickr, .btn-color.btn-flickr.disabled:hover, .btn-color.btn-flickr[disabled]:hover, fieldset[disabled] .btn-color.btn-flickr:hover, .btn-color.btn-flickr.disabled:focus, .btn-color.btn-flickr[disabled]:focus, fieldset[disabled] .btn-color.btn-flickr:focus, .btn-color.btn-flickr.disabled.focus, .btn-color.btn-flickr[disabled].focus, fieldset[disabled] .btn-color.btn-flickr.focus, .btn-color.btn-flickr.disabled:active, .btn-color.btn-flickr[disabled]:active, fieldset[disabled] .btn-color.btn-flickr:active, .btn-color.btn-flickr.disabled.active, .btn-color.btn-flickr[disabled].active, fieldset[disabled] .btn-color.btn-flickr.active {
        background-color: #0063dc;
        border-color: #0063dc
    }

    .btn-color.btn-flickr .badge {
        color: #0063dc;
        background-color: #fff
    }

.btn-color.btn-linkedin {
    color: #fff;
    background-color: #238cc8;
    border-color: #238cc8
}

    .btn-color.btn-linkedin .icon {
        color: #fff
    }

    .btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.focus {
        color: #fff;
        background-color: #1b6e9d;
        border-color: #10405b
    }

    .btn-color.btn-linkedin:hover {
        color: #fff;
        background-color: #1b6e9d;
        border-color: #1a6894
    }

    .btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .open > .dropdown-toggle.btn-color.btn-linkedin {
        color: #fff;
        background-color: #1b6e9d;
        border-color: #1a6894
    }

        .btn-color.btn-linkedin:active:hover, .btn-color.btn-linkedin.active:hover, .open > .dropdown-toggle.btn-color.btn-linkedin:hover, .btn-color.btn-linkedin:active:focus, .btn-color.btn-linkedin.active:focus, .open > .dropdown-toggle.btn-color.btn-linkedin:focus, .btn-color.btn-linkedin:active.focus, .btn-color.btn-linkedin.active.focus, .open > .dropdown-toggle.btn-color.btn-linkedin.focus {
            color: #fff;
            background-color: #16587e;
            border-color: #10405b
        }

    .btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .open > .dropdown-toggle.btn-color.btn-linkedin {
        background-image: none
    }

    .btn-color.btn-linkedin.disabled:hover, .btn-color.btn-linkedin[disabled]:hover, fieldset[disabled] .btn-color.btn-linkedin:hover, .btn-color.btn-linkedin.disabled:focus, .btn-color.btn-linkedin[disabled]:focus, fieldset[disabled] .btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.disabled.focus, .btn-color.btn-linkedin[disabled].focus, fieldset[disabled] .btn-color.btn-linkedin.focus {
        background-color: #238cc8;
        border-color: #238cc8
    }

    .btn-color.btn-linkedin .badge {
        color: #238cc8;
        background-color: #fff
    }

    .btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.focus {
        color: #fff;
        background-color: #238cc8;
        border-color: #238cc8;
        outline: none
    }

    .btn-color.btn-linkedin:hover, .btn-color.btn-linkedin.hover {
        box-shadow: inset 0 -1px 0 #1b6e9d;
        background-color: #2592d1;
        border-color: #2592d1;
        border-bottom-color: #1b6e9d
    }

    .btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .open > .dropdown-toggle.btn-color.btn-linkedin {
        color: #fff;
        box-shadow: inset 0 2px 0 #1b6e9d;
        background-color: #1e7aae;
        border-color: #1e7aae;
        border-top-color: #16587e
    }

        .btn-color.btn-linkedin:active:hover, .btn-color.btn-linkedin.active:hover, .open > .dropdown-toggle.btn-color.btn-linkedin:hover, .btn-color.btn-linkedin:active:focus, .btn-color.btn-linkedin.active:focus, .open > .dropdown-toggle.btn-color.btn-linkedin:focus, .btn-color.btn-linkedin:active.focus, .btn-color.btn-linkedin.active.focus, .open > .dropdown-toggle.btn-color.btn-linkedin.focus {
            color: #fff;
            background-color: #1e7aae;
            border-color: transparent;
            border-top-color: #16587e;
            box-shadow: inset 0 2px 0 #1b6e9d
        }

            .btn-color.btn-linkedin:active:hover .icon, .btn-color.btn-linkedin.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-linkedin:hover .icon, .btn-color.btn-linkedin:active:focus .icon, .btn-color.btn-linkedin.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-linkedin:focus .icon, .btn-color.btn-linkedin:active.focus .icon, .btn-color.btn-linkedin.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-linkedin.focus .icon {
                color: #fff
            }

    .btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .open > .dropdown-toggle.btn-color.btn-linkedin {
        background-image: none
    }

    .btn-color.btn-linkedin.disabled, .btn-color.btn-linkedin[disabled], fieldset[disabled] .btn-color.btn-linkedin, .btn-color.btn-linkedin.disabled:hover, .btn-color.btn-linkedin[disabled]:hover, fieldset[disabled] .btn-color.btn-linkedin:hover, .btn-color.btn-linkedin.disabled:focus, .btn-color.btn-linkedin[disabled]:focus, fieldset[disabled] .btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.disabled.focus, .btn-color.btn-linkedin[disabled].focus, fieldset[disabled] .btn-color.btn-linkedin.focus, .btn-color.btn-linkedin.disabled:active, .btn-color.btn-linkedin[disabled]:active, fieldset[disabled] .btn-color.btn-linkedin:active, .btn-color.btn-linkedin.disabled.active, .btn-color.btn-linkedin[disabled].active, fieldset[disabled] .btn-color.btn-linkedin.active {
        background-color: #238cc8;
        border-color: #238cc8
    }

    .btn-color.btn-linkedin .badge {
        color: #238cc8;
        background-color: #fff
    }

.btn-color.btn-youtube {
    color: #fff;
    background-color: #ef4e41;
    border-color: #ef4e41
}

    .btn-color.btn-youtube .icon {
        color: #fff
    }

    .btn-color.btn-youtube:focus, .btn-color.btn-youtube.focus {
        color: #fff;
        background-color: #e92414;
        border-color: #a3190e
    }

    .btn-color.btn-youtube:hover {
        color: #fff;
        background-color: #e92414;
        border-color: #e02213
    }

    .btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .open > .dropdown-toggle.btn-color.btn-youtube {
        color: #fff;
        background-color: #e92414;
        border-color: #e02213
    }

        .btn-color.btn-youtube:active:hover, .btn-color.btn-youtube.active:hover, .open > .dropdown-toggle.btn-color.btn-youtube:hover, .btn-color.btn-youtube:active:focus, .btn-color.btn-youtube.active:focus, .open > .dropdown-toggle.btn-color.btn-youtube:focus, .btn-color.btn-youtube:active.focus, .btn-color.btn-youtube.active.focus, .open > .dropdown-toggle.btn-color.btn-youtube.focus {
            color: #fff;
            background-color: #c81f11;
            border-color: #a3190e
        }

    .btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .open > .dropdown-toggle.btn-color.btn-youtube {
        background-image: none
    }

    .btn-color.btn-youtube.disabled:hover, .btn-color.btn-youtube[disabled]:hover, fieldset[disabled] .btn-color.btn-youtube:hover, .btn-color.btn-youtube.disabled:focus, .btn-color.btn-youtube[disabled]:focus, fieldset[disabled] .btn-color.btn-youtube:focus, .btn-color.btn-youtube.disabled.focus, .btn-color.btn-youtube[disabled].focus, fieldset[disabled] .btn-color.btn-youtube.focus {
        background-color: #ef4e41;
        border-color: #ef4e41
    }

    .btn-color.btn-youtube .badge {
        color: #ef4e41;
        background-color: #fff
    }

    .btn-color.btn-youtube:focus, .btn-color.btn-youtube.focus {
        color: #fff;
        background-color: #ef4e41;
        border-color: #ef4e41;
        outline: none
    }

    .btn-color.btn-youtube:hover, .btn-color.btn-youtube.hover {
        box-shadow: inset 0 -1px 0 #e92414;
        background-color: #f0574a;
        border-color: #f0574a;
        border-bottom-color: #e92414
    }

    .btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .open > .dropdown-toggle.btn-color.btn-youtube {
        color: #fff;
        box-shadow: inset 0 2px 0 #e92414;
        background-color: #ed3425;
        border-color: #ed3425;
        border-top-color: #c81f11
    }

        .btn-color.btn-youtube:active:hover, .btn-color.btn-youtube.active:hover, .open > .dropdown-toggle.btn-color.btn-youtube:hover, .btn-color.btn-youtube:active:focus, .btn-color.btn-youtube.active:focus, .open > .dropdown-toggle.btn-color.btn-youtube:focus, .btn-color.btn-youtube:active.focus, .btn-color.btn-youtube.active.focus, .open > .dropdown-toggle.btn-color.btn-youtube.focus {
            color: #fff;
            background-color: #ed3425;
            border-color: transparent;
            border-top-color: #c81f11;
            box-shadow: inset 0 2px 0 #e92414
        }

            .btn-color.btn-youtube:active:hover .icon, .btn-color.btn-youtube.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-youtube:hover .icon, .btn-color.btn-youtube:active:focus .icon, .btn-color.btn-youtube.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-youtube:focus .icon, .btn-color.btn-youtube:active.focus .icon, .btn-color.btn-youtube.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-youtube.focus .icon {
                color: #fff
            }

    .btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .open > .dropdown-toggle.btn-color.btn-youtube {
        background-image: none
    }

    .btn-color.btn-youtube.disabled, .btn-color.btn-youtube[disabled], fieldset[disabled] .btn-color.btn-youtube, .btn-color.btn-youtube.disabled:hover, .btn-color.btn-youtube[disabled]:hover, fieldset[disabled] .btn-color.btn-youtube:hover, .btn-color.btn-youtube.disabled:focus, .btn-color.btn-youtube[disabled]:focus, fieldset[disabled] .btn-color.btn-youtube:focus, .btn-color.btn-youtube.disabled.focus, .btn-color.btn-youtube[disabled].focus, fieldset[disabled] .btn-color.btn-youtube.focus, .btn-color.btn-youtube.disabled:active, .btn-color.btn-youtube[disabled]:active, fieldset[disabled] .btn-color.btn-youtube:active, .btn-color.btn-youtube.disabled.active, .btn-color.btn-youtube[disabled].active, fieldset[disabled] .btn-color.btn-youtube.active {
        background-color: #ef4e41;
        border-color: #ef4e41
    }

    .btn-color.btn-youtube .badge {
        color: #ef4e41;
        background-color: #fff
    }

.btn-color.btn-pinterest {
    color: #fff;
    background-color: #e13138;
    border-color: #e13138
}

    .btn-color.btn-pinterest .icon {
        color: #fff
    }

    .btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.focus {
        color: #fff;
        background-color: #c31c23;
        border-color: #801317
    }

    .btn-color.btn-pinterest:hover {
        color: #fff;
        background-color: #c31c23;
        border-color: #ba1b21
    }

    .btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .open > .dropdown-toggle.btn-color.btn-pinterest {
        color: #fff;
        background-color: #c31c23;
        border-color: #ba1b21
    }

        .btn-color.btn-pinterest:active:hover, .btn-color.btn-pinterest.active:hover, .open > .dropdown-toggle.btn-color.btn-pinterest:hover, .btn-color.btn-pinterest:active:focus, .btn-color.btn-pinterest.active:focus, .open > .dropdown-toggle.btn-color.btn-pinterest:focus, .btn-color.btn-pinterest:active.focus, .btn-color.btn-pinterest.active.focus, .open > .dropdown-toggle.btn-color.btn-pinterest.focus {
            color: #fff;
            background-color: #a3181d;
            border-color: #801317
        }

    .btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .open > .dropdown-toggle.btn-color.btn-pinterest {
        background-image: none
    }

    .btn-color.btn-pinterest.disabled:hover, .btn-color.btn-pinterest[disabled]:hover, fieldset[disabled] .btn-color.btn-pinterest:hover, .btn-color.btn-pinterest.disabled:focus, .btn-color.btn-pinterest[disabled]:focus, fieldset[disabled] .btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.disabled.focus, .btn-color.btn-pinterest[disabled].focus, fieldset[disabled] .btn-color.btn-pinterest.focus {
        background-color: #e13138;
        border-color: #e13138
    }

    .btn-color.btn-pinterest .badge {
        color: #e13138;
        background-color: #fff
    }

    .btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.focus {
        color: #fff;
        background-color: #e13138;
        border-color: #e13138;
        outline: none
    }

    .btn-color.btn-pinterest:hover, .btn-color.btn-pinterest.hover {
        box-shadow: inset 0 -1px 0 #c31c23;
        background-color: #e23a41;
        border-color: #e23a41;
        border-bottom-color: #c31c23
    }

    .btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .open > .dropdown-toggle.btn-color.btn-pinterest {
        color: #fff;
        box-shadow: inset 0 2px 0 #c31c23;
        background-color: #d41f26;
        border-color: #d41f26;
        border-top-color: #a3181d
    }

        .btn-color.btn-pinterest:active:hover, .btn-color.btn-pinterest.active:hover, .open > .dropdown-toggle.btn-color.btn-pinterest:hover, .btn-color.btn-pinterest:active:focus, .btn-color.btn-pinterest.active:focus, .open > .dropdown-toggle.btn-color.btn-pinterest:focus, .btn-color.btn-pinterest:active.focus, .btn-color.btn-pinterest.active.focus, .open > .dropdown-toggle.btn-color.btn-pinterest.focus {
            color: #fff;
            background-color: #d41f26;
            border-color: transparent;
            border-top-color: #a3181d;
            box-shadow: inset 0 2px 0 #c31c23
        }

            .btn-color.btn-pinterest:active:hover .icon, .btn-color.btn-pinterest.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-pinterest:hover .icon, .btn-color.btn-pinterest:active:focus .icon, .btn-color.btn-pinterest.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-pinterest:focus .icon, .btn-color.btn-pinterest:active.focus .icon, .btn-color.btn-pinterest.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-pinterest.focus .icon {
                color: #fff
            }

    .btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .open > .dropdown-toggle.btn-color.btn-pinterest {
        background-image: none
    }

    .btn-color.btn-pinterest.disabled, .btn-color.btn-pinterest[disabled], fieldset[disabled] .btn-color.btn-pinterest, .btn-color.btn-pinterest.disabled:hover, .btn-color.btn-pinterest[disabled]:hover, fieldset[disabled] .btn-color.btn-pinterest:hover, .btn-color.btn-pinterest.disabled:focus, .btn-color.btn-pinterest[disabled]:focus, fieldset[disabled] .btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.disabled.focus, .btn-color.btn-pinterest[disabled].focus, fieldset[disabled] .btn-color.btn-pinterest.focus, .btn-color.btn-pinterest.disabled:active, .btn-color.btn-pinterest[disabled]:active, fieldset[disabled] .btn-color.btn-pinterest:active, .btn-color.btn-pinterest.disabled.active, .btn-color.btn-pinterest[disabled].active, fieldset[disabled] .btn-color.btn-pinterest.active {
        background-color: #e13138;
        border-color: #e13138
    }

    .btn-color.btn-pinterest .badge {
        color: #e13138;
        background-color: #fff
    }

.btn-color.btn-github {
    color: #fff;
    background-color: #333;
    border-color: #333
}

    .btn-color.btn-github .icon {
        color: #fff
    }

    .btn-color.btn-github:focus, .btn-color.btn-github.focus {
        color: #fff;
        background-color: #1a1a1a;
        border-color: #000
    }

    .btn-color.btn-github:hover {
        color: #fff;
        background-color: #1a1a1a;
        border-color: #141414
    }

    .btn-color.btn-github:active, .btn-color.btn-github.active, .open > .dropdown-toggle.btn-color.btn-github {
        color: #fff;
        background-color: #1a1a1a;
        border-color: #141414
    }

        .btn-color.btn-github:active:hover, .btn-color.btn-github.active:hover, .open > .dropdown-toggle.btn-color.btn-github:hover, .btn-color.btn-github:active:focus, .btn-color.btn-github.active:focus, .open > .dropdown-toggle.btn-color.btn-github:focus, .btn-color.btn-github:active.focus, .btn-color.btn-github.active.focus, .open > .dropdown-toggle.btn-color.btn-github.focus {
            color: #fff;
            background-color: #080808;
            border-color: #000
        }

    .btn-color.btn-github:active, .btn-color.btn-github.active, .open > .dropdown-toggle.btn-color.btn-github {
        background-image: none
    }

    .btn-color.btn-github.disabled:hover, .btn-color.btn-github[disabled]:hover, fieldset[disabled] .btn-color.btn-github:hover, .btn-color.btn-github.disabled:focus, .btn-color.btn-github[disabled]:focus, fieldset[disabled] .btn-color.btn-github:focus, .btn-color.btn-github.disabled.focus, .btn-color.btn-github[disabled].focus, fieldset[disabled] .btn-color.btn-github.focus {
        background-color: #333;
        border-color: #333
    }

    .btn-color.btn-github .badge {
        color: #333;
        background-color: #fff
    }

    .btn-color.btn-github:focus, .btn-color.btn-github.focus {
        color: #fff;
        background-color: #333;
        border-color: #333;
        outline: none
    }

    .btn-color.btn-github:hover, .btn-color.btn-github.hover {
        box-shadow: inset 0 -1px 0 #1a1a1a;
        background-color: #383838;
        border-color: #383838;
        border-bottom-color: #1a1a1a
    }

    .btn-color.btn-github:active, .btn-color.btn-github.active, .open > .dropdown-toggle.btn-color.btn-github {
        color: #fff;
        box-shadow: inset 0 2px 0 #1a1a1a;
        background-color: #242424;
        border-color: #242424;
        border-top-color: #080808
    }

        .btn-color.btn-github:active:hover, .btn-color.btn-github.active:hover, .open > .dropdown-toggle.btn-color.btn-github:hover, .btn-color.btn-github:active:focus, .btn-color.btn-github.active:focus, .open > .dropdown-toggle.btn-color.btn-github:focus, .btn-color.btn-github:active.focus, .btn-color.btn-github.active.focus, .open > .dropdown-toggle.btn-color.btn-github.focus {
            color: #fff;
            background-color: #242424;
            border-color: transparent;
            border-top-color: #080808;
            box-shadow: inset 0 2px 0 #1a1a1a
        }

            .btn-color.btn-github:active:hover .icon, .btn-color.btn-github.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-github:hover .icon, .btn-color.btn-github:active:focus .icon, .btn-color.btn-github.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-github:focus .icon, .btn-color.btn-github:active.focus .icon, .btn-color.btn-github.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-github.focus .icon {
                color: #fff
            }

    .btn-color.btn-github:active, .btn-color.btn-github.active, .open > .dropdown-toggle.btn-color.btn-github {
        background-image: none
    }

    .btn-color.btn-github.disabled, .btn-color.btn-github[disabled], fieldset[disabled] .btn-color.btn-github, .btn-color.btn-github.disabled:hover, .btn-color.btn-github[disabled]:hover, fieldset[disabled] .btn-color.btn-github:hover, .btn-color.btn-github.disabled:focus, .btn-color.btn-github[disabled]:focus, fieldset[disabled] .btn-color.btn-github:focus, .btn-color.btn-github.disabled.focus, .btn-color.btn-github[disabled].focus, fieldset[disabled] .btn-color.btn-github.focus, .btn-color.btn-github.disabled:active, .btn-color.btn-github[disabled]:active, fieldset[disabled] .btn-color.btn-github:active, .btn-color.btn-github.disabled.active, .btn-color.btn-github[disabled].active, fieldset[disabled] .btn-color.btn-github.active {
        background-color: #333;
        border-color: #333
    }

    .btn-color.btn-github .badge {
        color: #333;
        background-color: #fff
    }

.btn-color.btn-tumblr {
    color: #fff;
    background-color: #426d9b;
    border-color: #426d9b
}

    .btn-color.btn-tumblr .icon {
        color: #fff
    }

    .btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.focus {
        color: #fff;
        background-color: #335477;
        border-color: #1c2e42
    }

    .btn-color.btn-tumblr:hover {
        color: #fff;
        background-color: #335477;
        border-color: #304f70
    }

    .btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .open > .dropdown-toggle.btn-color.btn-tumblr {
        color: #fff;
        background-color: #335477;
        border-color: #304f70
    }

        .btn-color.btn-tumblr:active:hover, .btn-color.btn-tumblr.active:hover, .open > .dropdown-toggle.btn-color.btn-tumblr:hover, .btn-color.btn-tumblr:active:focus, .btn-color.btn-tumblr.active:focus, .open > .dropdown-toggle.btn-color.btn-tumblr:focus, .btn-color.btn-tumblr:active.focus, .btn-color.btn-tumblr.active.focus, .open > .dropdown-toggle.btn-color.btn-tumblr.focus {
            color: #fff;
            background-color: #28425e;
            border-color: #1c2e42
        }

    .btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .open > .dropdown-toggle.btn-color.btn-tumblr {
        background-image: none
    }

    .btn-color.btn-tumblr.disabled:hover, .btn-color.btn-tumblr[disabled]:hover, fieldset[disabled] .btn-color.btn-tumblr:hover, .btn-color.btn-tumblr.disabled:focus, .btn-color.btn-tumblr[disabled]:focus, fieldset[disabled] .btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.disabled.focus, .btn-color.btn-tumblr[disabled].focus, fieldset[disabled] .btn-color.btn-tumblr.focus {
        background-color: #426d9b;
        border-color: #426d9b
    }

    .btn-color.btn-tumblr .badge {
        color: #426d9b;
        background-color: #fff
    }

    .btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.focus {
        color: #fff;
        background-color: #426d9b;
        border-color: #426d9b;
        outline: none
    }

    .btn-color.btn-tumblr:hover, .btn-color.btn-tumblr.hover {
        box-shadow: inset 0 -1px 0 #335477;
        background-color: #4572a2;
        border-color: #4572a2;
        border-bottom-color: #335477
    }

    .btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .open > .dropdown-toggle.btn-color.btn-tumblr {
        color: #fff;
        box-shadow: inset 0 2px 0 #335477;
        background-color: #395e86;
        border-color: #395e86;
        border-top-color: #28425e
    }

        .btn-color.btn-tumblr:active:hover, .btn-color.btn-tumblr.active:hover, .open > .dropdown-toggle.btn-color.btn-tumblr:hover, .btn-color.btn-tumblr:active:focus, .btn-color.btn-tumblr.active:focus, .open > .dropdown-toggle.btn-color.btn-tumblr:focus, .btn-color.btn-tumblr:active.focus, .btn-color.btn-tumblr.active.focus, .open > .dropdown-toggle.btn-color.btn-tumblr.focus {
            color: #fff;
            background-color: #395e86;
            border-color: transparent;
            border-top-color: #28425e;
            box-shadow: inset 0 2px 0 #335477
        }

            .btn-color.btn-tumblr:active:hover .icon, .btn-color.btn-tumblr.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-tumblr:hover .icon, .btn-color.btn-tumblr:active:focus .icon, .btn-color.btn-tumblr.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-tumblr:focus .icon, .btn-color.btn-tumblr:active.focus .icon, .btn-color.btn-tumblr.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-tumblr.focus .icon {
                color: #fff
            }

    .btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .open > .dropdown-toggle.btn-color.btn-tumblr {
        background-image: none
    }

    .btn-color.btn-tumblr.disabled, .btn-color.btn-tumblr[disabled], fieldset[disabled] .btn-color.btn-tumblr, .btn-color.btn-tumblr.disabled:hover, .btn-color.btn-tumblr[disabled]:hover, fieldset[disabled] .btn-color.btn-tumblr:hover, .btn-color.btn-tumblr.disabled:focus, .btn-color.btn-tumblr[disabled]:focus, fieldset[disabled] .btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.disabled.focus, .btn-color.btn-tumblr[disabled].focus, fieldset[disabled] .btn-color.btn-tumblr.focus, .btn-color.btn-tumblr.disabled:active, .btn-color.btn-tumblr[disabled]:active, fieldset[disabled] .btn-color.btn-tumblr:active, .btn-color.btn-tumblr.disabled.active, .btn-color.btn-tumblr[disabled].active, fieldset[disabled] .btn-color.btn-tumblr.active {
        background-color: #426d9b;
        border-color: #426d9b
    }

    .btn-color.btn-tumblr .badge {
        color: #426d9b;
        background-color: #fff
    }

.btn-color.btn-dropbox {
    color: #fff;
    background-color: #007ee5;
    border-color: #007ee5
}

    .btn-color.btn-dropbox .icon {
        color: #fff
    }

    .btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.focus {
        color: #fff;
        background-color: #0062b2;
        border-color: #003866
    }

    .btn-color.btn-dropbox:hover {
        color: #fff;
        background-color: #0062b2;
        border-color: #005ca8
    }

    .btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .open > .dropdown-toggle.btn-color.btn-dropbox {
        color: #fff;
        background-color: #0062b2;
        border-color: #005ca8
    }

        .btn-color.btn-dropbox:active:hover, .btn-color.btn-dropbox.active:hover, .open > .dropdown-toggle.btn-color.btn-dropbox:hover, .btn-color.btn-dropbox:active:focus, .btn-color.btn-dropbox.active:focus, .open > .dropdown-toggle.btn-color.btn-dropbox:focus, .btn-color.btn-dropbox:active.focus, .btn-color.btn-dropbox.active.focus, .open > .dropdown-toggle.btn-color.btn-dropbox.focus {
            color: #fff;
            background-color: #004e8e;
            border-color: #003866
        }

    .btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .open > .dropdown-toggle.btn-color.btn-dropbox {
        background-image: none
    }

    .btn-color.btn-dropbox.disabled:hover, .btn-color.btn-dropbox[disabled]:hover, fieldset[disabled] .btn-color.btn-dropbox:hover, .btn-color.btn-dropbox.disabled:focus, .btn-color.btn-dropbox[disabled]:focus, fieldset[disabled] .btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.disabled.focus, .btn-color.btn-dropbox[disabled].focus, fieldset[disabled] .btn-color.btn-dropbox.focus {
        background-color: #007ee5;
        border-color: #007ee5
    }

    .btn-color.btn-dropbox .badge {
        color: #007ee5;
        background-color: #fff
    }

    .btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.focus {
        color: #fff;
        background-color: #007ee5;
        border-color: #007ee5;
        outline: none
    }

    .btn-color.btn-dropbox:hover, .btn-color.btn-dropbox.hover {
        box-shadow: inset 0 -1px 0 #0062b2;
        background-color: #0084ef;
        border-color: #0084ef;
        border-bottom-color: #0062b2
    }

    .btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .open > .dropdown-toggle.btn-color.btn-dropbox {
        color: #fff;
        box-shadow: inset 0 2px 0 #0062b2;
        background-color: #006dc6;
        border-color: #006dc6;
        border-top-color: #004e8e
    }

        .btn-color.btn-dropbox:active:hover, .btn-color.btn-dropbox.active:hover, .open > .dropdown-toggle.btn-color.btn-dropbox:hover, .btn-color.btn-dropbox:active:focus, .btn-color.btn-dropbox.active:focus, .open > .dropdown-toggle.btn-color.btn-dropbox:focus, .btn-color.btn-dropbox:active.focus, .btn-color.btn-dropbox.active.focus, .open > .dropdown-toggle.btn-color.btn-dropbox.focus {
            color: #fff;
            background-color: #006dc6;
            border-color: transparent;
            border-top-color: #004e8e;
            box-shadow: inset 0 2px 0 #0062b2
        }

            .btn-color.btn-dropbox:active:hover .icon, .btn-color.btn-dropbox.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-dropbox:hover .icon, .btn-color.btn-dropbox:active:focus .icon, .btn-color.btn-dropbox.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-dropbox:focus .icon, .btn-color.btn-dropbox:active.focus .icon, .btn-color.btn-dropbox.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-dropbox.focus .icon {
                color: #fff
            }

    .btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .open > .dropdown-toggle.btn-color.btn-dropbox {
        background-image: none
    }

    .btn-color.btn-dropbox.disabled, .btn-color.btn-dropbox[disabled], fieldset[disabled] .btn-color.btn-dropbox, .btn-color.btn-dropbox.disabled:hover, .btn-color.btn-dropbox[disabled]:hover, fieldset[disabled] .btn-color.btn-dropbox:hover, .btn-color.btn-dropbox.disabled:focus, .btn-color.btn-dropbox[disabled]:focus, fieldset[disabled] .btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.disabled.focus, .btn-color.btn-dropbox[disabled].focus, fieldset[disabled] .btn-color.btn-dropbox.focus, .btn-color.btn-dropbox.disabled:active, .btn-color.btn-dropbox[disabled]:active, fieldset[disabled] .btn-color.btn-dropbox:active, .btn-color.btn-dropbox.disabled.active, .btn-color.btn-dropbox[disabled].active, fieldset[disabled] .btn-color.btn-dropbox.active {
        background-color: #007ee5;
        border-color: #007ee5
    }

    .btn-color.btn-dropbox .badge {
        color: #007ee5;
        background-color: #fff
    }

.btn-color.btn-evernote {
    color: #fff;
    background-color: #2dbe60;
    border-color: #2dbe60
}

    .btn-color.btn-evernote .icon {
        color: #fff
    }

    .btn-color.btn-evernote:focus, .btn-color.btn-evernote.focus {
        color: #fff;
        background-color: #23954b;
        border-color: #15572c
    }

    .btn-color.btn-evernote:hover {
        color: #fff;
        background-color: #23954b;
        border-color: #218d47
    }

    .btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .open > .dropdown-toggle.btn-color.btn-evernote {
        color: #fff;
        background-color: #23954b;
        border-color: #218d47
    }

        .btn-color.btn-evernote:active:hover, .btn-color.btn-evernote.active:hover, .open > .dropdown-toggle.btn-color.btn-evernote:hover, .btn-color.btn-evernote:active:focus, .btn-color.btn-evernote.active:focus, .open > .dropdown-toggle.btn-color.btn-evernote:focus, .btn-color.btn-evernote:active.focus, .btn-color.btn-evernote.active.focus, .open > .dropdown-toggle.btn-color.btn-evernote.focus {
            color: #fff;
            background-color: #1c783d;
            border-color: #15572c
        }

    .btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .open > .dropdown-toggle.btn-color.btn-evernote {
        background-image: none
    }

    .btn-color.btn-evernote.disabled:hover, .btn-color.btn-evernote[disabled]:hover, fieldset[disabled] .btn-color.btn-evernote:hover, .btn-color.btn-evernote.disabled:focus, .btn-color.btn-evernote[disabled]:focus, fieldset[disabled] .btn-color.btn-evernote:focus, .btn-color.btn-evernote.disabled.focus, .btn-color.btn-evernote[disabled].focus, fieldset[disabled] .btn-color.btn-evernote.focus {
        background-color: #2dbe60;
        border-color: #2dbe60
    }

    .btn-color.btn-evernote .badge {
        color: #2dbe60;
        background-color: #fff
    }

    .btn-color.btn-evernote:focus, .btn-color.btn-evernote.focus {
        color: #fff;
        background-color: #2dbe60;
        border-color: #2dbe60;
        outline: none
    }

    .btn-color.btn-evernote:hover, .btn-color.btn-evernote.hover {
        box-shadow: inset 0 -1px 0 #23954b;
        background-color: #2fc664;
        border-color: #2fc664;
        border-bottom-color: #23954b
    }

    .btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .open > .dropdown-toggle.btn-color.btn-evernote {
        color: #fff;
        box-shadow: inset 0 2px 0 #23954b;
        background-color: #27a553;
        border-color: #27a553;
        border-top-color: #1c783d
    }

        .btn-color.btn-evernote:active:hover, .btn-color.btn-evernote.active:hover, .open > .dropdown-toggle.btn-color.btn-evernote:hover, .btn-color.btn-evernote:active:focus, .btn-color.btn-evernote.active:focus, .open > .dropdown-toggle.btn-color.btn-evernote:focus, .btn-color.btn-evernote:active.focus, .btn-color.btn-evernote.active.focus, .open > .dropdown-toggle.btn-color.btn-evernote.focus {
            color: #fff;
            background-color: #27a553;
            border-color: transparent;
            border-top-color: #1c783d;
            box-shadow: inset 0 2px 0 #23954b
        }

            .btn-color.btn-evernote:active:hover .icon, .btn-color.btn-evernote.active:hover .icon, .open > .dropdown-toggle.btn-color.btn-evernote:hover .icon, .btn-color.btn-evernote:active:focus .icon, .btn-color.btn-evernote.active:focus .icon, .open > .dropdown-toggle.btn-color.btn-evernote:focus .icon, .btn-color.btn-evernote:active.focus .icon, .btn-color.btn-evernote.active.focus .icon, .open > .dropdown-toggle.btn-color.btn-evernote.focus .icon {
                color: #fff
            }

    .btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .open > .dropdown-toggle.btn-color.btn-evernote {
        background-image: none
    }

    .btn-color.btn-evernote.disabled, .btn-color.btn-evernote[disabled], fieldset[disabled] .btn-color.btn-evernote, .btn-color.btn-evernote.disabled:hover, .btn-color.btn-evernote[disabled]:hover, fieldset[disabled] .btn-color.btn-evernote:hover, .btn-color.btn-evernote.disabled:focus, .btn-color.btn-evernote[disabled]:focus, fieldset[disabled] .btn-color.btn-evernote:focus, .btn-color.btn-evernote.disabled.focus, .btn-color.btn-evernote[disabled].focus, fieldset[disabled] .btn-color.btn-evernote.focus, .btn-color.btn-evernote.disabled:active, .btn-color.btn-evernote[disabled]:active, fieldset[disabled] .btn-color.btn-evernote:active, .btn-color.btn-evernote.disabled.active, .btn-color.btn-evernote[disabled].active, fieldset[disabled] .btn-color.btn-evernote.active {
        background-color: #2dbe60;
        border-color: #2dbe60
    }

    .btn-color.btn-evernote .badge {
        color: #2dbe60;
        background-color: #fff
    }

.btn .icon {
    font-size: 16px;
    line-height: 15px;
    vertical-align: middle
}

    .btn .icon.icon-left {
        margin-right: 1px
    }

    .btn .icon.icon-right {
        margin-left: 1px
    }

    .btn .icon.fa {
        font-size: 15px
    }

.btn.btn-lg .icon {
    font-size: 21px;
    line-height: 20px
}

.btn.btn-sm .icon {
    font-size: 15px;
    line-height: 15px
}

.btn.btn-xs .icon {
    font-size: 14px;
    line-height: 14px
}

.btn-group .btn.dropdown-toggle.btn-primary, .btn-group .btn.dropdown-toggle.btn-success, .btn-group .btn.dropdown-toggle.btn-warning, .btn-group .btn.dropdown-toggle.btn-danger {
    border-right-color: transparent
}

    .btn-group .btn.dropdown-toggle.btn-primary:hover, .btn-group .btn.dropdown-toggle.btn-success:hover, .btn-group .btn.dropdown-toggle.btn-warning:hover, .btn-group .btn.dropdown-toggle.btn-danger:hover {
        border-right-color: transparent
    }

.btn.dropdown-toggle .mdi-chevron-down, .btn.dropdown-toggle .mdi-chevron-up {
    font-size: 18px;
    vertical-align: middle;
    line-height: 17px
}

.btn.dropdown-toggle .icon-dropdown {
    font-size: 18px;
    line-height: 17px;
    margin-left: 6px
}

.btn.dropdown-toggle .icon-dropdown-left {
    margin-left: 0;
    margin-right: 6px
}

.btn-big {
    padding: 10px 13px;
    text-align: center;
    line-height: 13px;
    min-width: 62px
}

    .btn-big > .icon {
        display: block;
        font-size: 26px;
        line-height: 20px;
        margin-bottom: 7px
    }

.btn-outline.btn-default {
}

    .btn-outline.btn-default:hover {
        border-color: #fff;
        box-shadow: none;
        background-color: rgba(255,255,255,.1)
    }

        .btn-outline.btn-default:hover + .btn {
            border-left-color: transparent
        }

    .btn-outline.btn-default:active, .btn-outline.btn-default.active {
        background-color: #fff;
        color: #d9d9d9;
        border-color: transparent;
        border-width: 2px;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-outline.btn-default:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

.btn-outline.btn-primary {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

    .btn-outline.btn-primary:hover {
        border-color: #fff;
        box-shadow: none;
        background-color: rgba(255,255,255,.1)
    }

        .btn-outline.btn-primary:hover + .btn {
            border-left-color: transparent
        }

    .btn-outline.btn-primary:active, .btn-outline.btn-primary.active {
        background-color: #fff;
        color: #5f99f5;
        border-color: transparent;
        border-width: 2px;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-outline.btn-primary:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

.btn-outline.btn-success {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

    .btn-outline.btn-success:hover {
        border-color: #fff;
        box-shadow: none;
        background-color: rgba(255,255,255,.1)
    }

        .btn-outline.btn-success:hover + .btn {
            border-left-color: transparent
        }

    .btn-outline.btn-success:active, .btn-outline.btn-success.active {
        background-color: #fff;
        color: #37b358;
        border-color: transparent;
        border-width: 2px;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-outline.btn-success:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

.btn-outline.btn-warning {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

    .btn-outline.btn-warning:hover {
        border-color: #fff;
        box-shadow: none;
        background-color: rgba(255,255,255,.1)
    }

        .btn-outline.btn-warning:hover + .btn {
            border-left-color: transparent
        }

    .btn-outline.btn-warning:active, .btn-outline.btn-warning.active {
        background-color: #fff;
        color: #f6c163;
        border-color: transparent;
        border-width: 2px;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-outline.btn-warning:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

.btn-outline.btn-danger {
    background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

    .btn-outline.btn-danger:hover {
        border-color: #fff;
        box-shadow: none;
        background-color: rgba(255,255,255,.1)
    }

        .btn-outline.btn-danger:hover + .btn {
            border-left-color: transparent
        }

    .btn-outline.btn-danger:active, .btn-outline.btn-danger.active {
        background-color: #fff;
        color: #eb6357;
        border-color: transparent;
        border-width: 2px;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .btn-outline.btn-danger:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

.btn-group > .btn.btn-default:hover + .btn, .input-group-btn > .btn.btn-default:hover + .btn, .btn-group > .btn.btn-default.active + .btn, .input-group-btn > .btn.btn-default.active + .btn {
    border-left-color: #bdbdbd
}

.btn-group > .btn.btn-primary, .input-group-btn > .btn.btn-primary {
    border-left-color: #206ff2;
    border-right-color: #206ff2
}

    .btn-group > .btn.btn-primary:hover, .input-group-btn > .btn.btn-primary:hover, .btn-group > .btn.btn-primary:active, .input-group-btn > .btn.btn-primary:active, .btn-group > .btn.btn-primary.active, .input-group-btn > .btn.btn-primary.active {
        box-shadow: none;
        border-left-color: #0d5fe6;
        border-right-color: #0d5fe6;
        border-bottom-color: transparent
    }

    .btn-group > .btn.btn-primary.active, .input-group-btn > .btn.btn-primary.active, .btn-group > .btn.btn-primary:active, .input-group-btn > .btn.btn-primary:active {
        box-shadow: inset 0 2px 0 #1266f1
    }

        .btn-group > .btn.btn-primary:hover + .btn, .input-group-btn > .btn.btn-primary:hover + .btn, .btn-group > .btn.btn-primary:active + .btn, .input-group-btn > .btn.btn-primary:active + .btn, .btn-group > .btn.btn-primary.active + .btn, .input-group-btn > .btn.btn-primary.active + .btn {
            border-left-color: #0d5fe6
        }

    .btn-group > .btn.btn-primary:first-child, .input-group-btn > .btn.btn-primary:first-child {
        border-left-color: transparent
    }

    .btn-group > .btn.btn-primary:last-child, .input-group-btn > .btn.btn-primary:last-child {
        border-right-color: transparent
    }

.btn-group > .btn.btn-success, .input-group-btn > .btn.btn-success {
    border-left-color: #2c8d46;
    border-right-color: #2c8d46
}

    .btn-group > .btn.btn-success:hover, .input-group-btn > .btn.btn-success:hover, .btn-group > .btn.btn-success:active, .input-group-btn > .btn.btn-success:active, .btn-group > .btn.btn-success.active, .input-group-btn > .btn.btn-success.active {
        box-shadow: none;
        border-left-color: #24753a;
        border-right-color: #24753a;
        border-bottom-color: transparent
    }

    .btn-group > .btn.btn-success.active, .input-group-btn > .btn.btn-success.active, .btn-group > .btn.btn-success:active, .input-group-btn > .btn.btn-success:active {
        box-shadow: inset 0 2px 0 #288140
    }

        .btn-group > .btn.btn-success:hover + .btn, .input-group-btn > .btn.btn-success:hover + .btn, .btn-group > .btn.btn-success:active + .btn, .input-group-btn > .btn.btn-success:active + .btn, .btn-group > .btn.btn-success.active + .btn, .input-group-btn > .btn.btn-success.active + .btn {
            border-left-color: #24753a
        }

    .btn-group > .btn.btn-success:first-child, .input-group-btn > .btn.btn-success:first-child {
        border-left-color: transparent
    }

    .btn-group > .btn.btn-success:last-child, .input-group-btn > .btn.btn-success:last-child {
        border-right-color: transparent
    }

.btn-group > .btn.btn-warning, .input-group-btn > .btn.btn-warning {
    border-left-color: #d9a203;
    border-right-color: #d9a203
}

    .btn-group > .btn.btn-warning:hover, .input-group-btn > .btn.btn-warning:hover, .btn-group > .btn.btn-warning:active, .input-group-btn > .btn.btn-warning:active, .btn-group > .btn.btn-warning.active, .input-group-btn > .btn.btn-warning.active {
        box-shadow: none;
        border-left-color: #bb8c03;
        border-right-color: #bb8c03;
        border-bottom-color: transparent
    }

    .btn-group > .btn.btn-warning.active, .input-group-btn > .btn.btn-warning.active, .btn-group > .btn.btn-warning:active, .input-group-btn > .btn.btn-warning:active {
        box-shadow: inset 0 2px 0 #ca9703
    }

        .btn-group > .btn.btn-warning:hover + .btn, .input-group-btn > .btn.btn-warning:hover + .btn, .btn-group > .btn.btn-warning:active + .btn, .input-group-btn > .btn.btn-warning:active + .btn, .btn-group > .btn.btn-warning.active + .btn, .input-group-btn > .btn.btn-warning.active + .btn {
            border-left-color: #bb8c03
        }

    .btn-group > .btn.btn-warning:first-child, .input-group-btn > .btn.btn-warning:first-child {
        border-left-color: transparent
    }

    .btn-group > .btn.btn-warning:last-child, .input-group-btn > .btn.btn-warning:last-child {
        border-right-color: transparent
    }

.btn-group > .btn.btn-danger, .input-group-btn > .btn.btn-danger {
    border-left-color: #e42718;
    border-right-color: #e42718
}

    .btn-group > .btn.btn-danger:hover, .input-group-btn > .btn.btn-danger:hover, .btn-group > .btn.btn-danger:active, .input-group-btn > .btn.btn-danger:active, .btn-group > .btn.btn-danger.active, .input-group-btn > .btn.btn-danger.active {
        box-shadow: none;
        border-left-color: #c82315;
        border-right-color: #c82315;
        border-bottom-color: transparent
    }

    .btn-group > .btn.btn-danger.active, .input-group-btn > .btn.btn-danger.active, .btn-group > .btn.btn-danger:active, .input-group-btn > .btn.btn-danger:active {
        box-shadow: inset 0 2px 0 #d62516
    }

        .btn-group > .btn.btn-danger:hover + .btn, .input-group-btn > .btn.btn-danger:hover + .btn, .btn-group > .btn.btn-danger:active + .btn, .input-group-btn > .btn.btn-danger:active + .btn, .btn-group > .btn.btn-danger.active + .btn, .input-group-btn > .btn.btn-danger.active + .btn {
            border-left-color: #c82315
        }

    .btn-group > .btn.btn-danger:first-child, .input-group-btn > .btn.btn-danger:first-child {
        border-left-color: transparent
    }

    .btn-group > .btn.btn-danger:last-child, .input-group-btn > .btn.btn-danger:last-child {
        border-right-color: transparent
    }

.btn-group > .btn:last-of-type:not(.btn-default), .input-group-btn > .btn:last-of-type:not(.btn-default) {
    border-right-color: transparent
}

    .btn-group > .btn:last-of-type:not(.btn-default):hover, .input-group-btn > .btn:last-of-type:not(.btn-default):hover {
        border-right-color: transparent
    }

.btn-group > .btn + .dropdown-toggle, .input-group-btn > .btn + .dropdown-toggle {
    padding-left: 7px;
    padding-right: 7px
}

.btn-group:first-child, .input-group-btn:first-child {
    border-right-color: transparent
}

.btn-group:last-child, .input-group-btn:last-child {
    border-right-color: transparent
}

.btn-group.open > .btn.btn-primary:hover, .input-group-btn.open > .btn.btn-primary:hover, .btn-group.open > .btn.btn-success:hover, .input-group-btn.open > .btn.btn-success:hover, .btn-group.open > .btn.btn-warning:hover, .input-group-btn.open > .btn.btn-warning:hover, .btn-group.open > .btn.btn-danger:hover, .input-group-btn.open > .btn.btn-danger:hover {
    box-shadow: inset 0 2px 0 rgba(0,0,0,.1)
}

.btn-group.open > .btn + .btn-primary, .input-group-btn.open > .btn + .btn-primary, .btn-group.open > .btn + .btn-success, .input-group-btn.open > .btn + .btn-success, .btn-group.open > .btn + .btn-warning, .input-group-btn.open > .btn + .btn-warning, .btn-group.open > .btn + .btn-danger, .input-group-btn.open > .btn + .btn-danger {
    border-left-color: rgba(0,0,0,.15)
}

.btn-group-justified > .btn {
    border-right-width: 0
}

    .btn-group-justified > .btn:last-child {
        border-right-width: 1px
    }

.btn-group-vertical > .btn.btn-default:hover, .btn-group-vertical > .btn.btn-default:focus {
    box-shadow: none
}

.btn-group-vertical > .btn.btn-default:active, .btn-group-vertical > .btn.btn-default.active {
    box-shadow: inset 0 2px 0 rgba(0,0,0,.06)
}

.btn-group-vertical > .btn.btn-primary {
    border-top-color: #206ff2;
    border-bottom-color: #206ff2
}

    .btn-group-vertical > .btn.btn-primary:hover, .btn-group-vertical > .btn.btn-primary:active, .btn-group-vertical > .btn.btn-primary.active {
        box-shadow: none;
        border-top-color: #0d5fe6;
        border-bottom-color: #0d5fe6
    }

    .btn-group-vertical > .btn.btn-primary:first-child {
        border-top-color: transparent
    }

    .btn-group-vertical > .btn.btn-primary:last-child {
        border-bottom-color: transparent
    }

    .btn-group-vertical > .btn.btn-primary:active, .btn-group-vertical > .btn.btn-primary.active {
        box-shadow: inset 0 1px 0 #0d5fe6;
        border-top-color: #0d5fe6;
        border-bottom-color: #0d5fe6
    }

.btn-group-vertical > .btn.btn-success {
    border-top-color: #2c8d46;
    border-bottom-color: #2c8d46
}

    .btn-group-vertical > .btn.btn-success:hover, .btn-group-vertical > .btn.btn-success:active, .btn-group-vertical > .btn.btn-success.active {
        box-shadow: none;
        border-top-color: #24753a;
        border-bottom-color: #24753a
    }

    .btn-group-vertical > .btn.btn-success:first-child {
        border-top-color: transparent
    }

    .btn-group-vertical > .btn.btn-success:last-child {
        border-bottom-color: transparent
    }

    .btn-group-vertical > .btn.btn-success:active, .btn-group-vertical > .btn.btn-success.active {
        box-shadow: inset 0 1px 0 #24753a;
        border-top-color: #24753a;
        border-bottom-color: #24753a
    }

.btn-group-vertical > .btn.btn-warning {
    border-top-color: #d9a203;
    border-bottom-color: #d9a203
}

    .btn-group-vertical > .btn.btn-warning:hover, .btn-group-vertical > .btn.btn-warning:active, .btn-group-vertical > .btn.btn-warning.active {
        box-shadow: none;
        border-top-color: #bb8c03;
        border-bottom-color: #bb8c03
    }

    .btn-group-vertical > .btn.btn-warning:first-child {
        border-top-color: transparent
    }

    .btn-group-vertical > .btn.btn-warning:last-child {
        border-bottom-color: transparent
    }

    .btn-group-vertical > .btn.btn-warning:active, .btn-group-vertical > .btn.btn-warning.active {
        box-shadow: inset 0 1px 0 #bb8c03;
        border-top-color: #bb8c03;
        border-bottom-color: #bb8c03
    }

.btn-group-vertical > .btn.btn-danger {
    border-top-color: #e42718;
    border-bottom-color: #e42718
}

    .btn-group-vertical > .btn.btn-danger:hover, .btn-group-vertical > .btn.btn-danger:active, .btn-group-vertical > .btn.btn-danger.active {
        box-shadow: none;
        border-top-color: #c82315;
        border-bottom-color: #c82315
    }

    .btn-group-vertical > .btn.btn-danger:first-child {
        border-top-color: transparent
    }

    .btn-group-vertical > .btn.btn-danger:last-child {
        border-bottom-color: transparent
    }

    .btn-group-vertical > .btn.btn-danger:active, .btn-group-vertical > .btn.btn-danger.active {
        box-shadow: inset 0 1px 0 #c82315;
        border-top-color: #c82315;
        border-bottom-color: #c82315
    }

.input-group-btn > .btn + .dropdown-toggle {
    padding-left: 9px;
    padding-right: 9px
}

.breadcrumb {
    background-color: #f5f5f5;
    color: #8a8a8a;
    margin-bottom: 18px;
    padding: 7px 20px;
    line-height: 16px
}

    .breadcrumb .icon {
        font-size: 16px
    }

    .breadcrumb > li + li:before {
        color: #3d3d3d
    }

    .breadcrumb > .active {
        color: #3d3d3d
    }

.panel {
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    border-width: 0;
    border-radius: 3px
}

.panel-body {
    padding: 8px 20px 20px;
    border-radius: 0 0 3px 3px
}

.panel-title {
    font-size: 20px;
    font-weight: 300;
    display: block;
    margin: 0
}

.panel-subtitle {
    display: block;
    font-size: 13px;
    color: #707070;
    margin-bottom: 6px
}

.panel-heading-divider {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 20px 8px;
    padding-left: 0;
    padding-right: 0
}

.panel-flat {
    border: none;
    box-shadow: none
}

.panel-border {
    box-shadow: none;
    border: 1px solid #d4d4d4
}

.panel-contrast .panel-heading {
    margin: 0;
    padding: 20px 20px 11px
}

.panel-contrast .panel-body {
    padding-top: 16px
}

.panel-heading-contrast {
    background-color: #f5f5f5
}

.panel-body-contrast {
    background-color: #f5f5f5
}

.panel-border-color {
    border-top: 3px solid #c9c9c9
}

.panel-border-color-primary {
    border-top-color: #4285f4
}

.panel-border-color-danger {
    border-top-color: #ea4335
}

.panel-border-color-warning {
    border-top-color: #fbbc05
}

.panel-border-color-success {
    border-top-color: #34a853
}

.panel-border-color-dark {
    border-top-color: #3d3c3c
}

.panel-full .panel-heading {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

    .panel-full .panel-heading .panel-title {
        border-width: 0
    }

.panel-full-color .panel-heading {
    color: #fff;
    padding: 27px 20px 15px;
    margin: 0
}

    .panel-full-color .panel-heading .panel-subtitle, .panel-full-color .panel-heading .icon {
        color: #fff
    }

.panel-full-color .panel-body {
    padding: 20px
}

.panel-full-primary {
    background-color: #5f99f5;
    color: #fff
}

    .panel-full-primary .panel-heading-contrast {
        background-color: #6da2f6;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full-primary .tools .icon {
        color: #fff
    }

        .panel-full-primary .tools .icon:hover {
            color: #4287f3
        }

.panel-full-success {
    background-color: #37b358;
    color: #fff
}

    .panel-full-success .panel-heading-contrast {
        background-color: #3bbf5e;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full-success .tools .icon {
        color: #fff
    }

        .panel-full-success .tools .icon:hover {
            color: #309c4c
        }

.panel-full-warning {
    background-color: #f6c163;
    color: #fff
}

    .panel-full-warning .panel-heading-contrast {
        background-color: #f7c771;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full-warning .tools .icon {
        color: #fff
    }

        .panel-full-warning .tools .icon:hover {
            color: #f4b646
        }

.panel-full-danger {
    background-color: #eb6357;
    color: #fff
}

    .panel-full-danger .panel-heading-contrast {
        background-color: #ed7065;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full-danger .tools .icon {
        color: #fff
    }

        .panel-full-danger .tools .icon:hover {
            color: #e84a3c
        }

.panel-full {
    background-color: #bdbdbd;
    color: #fff
}

    .panel-full .panel-heading-contrast {
        background-color: #c4c4c4;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full .tools .icon {
        color: #fff
    }

        .panel-full .tools .icon:hover {
            color: #adadad
        }

.panel-full-dark {
    background-color: #333;
    color: #fff
}

    .panel-full-dark .panel-heading-contrast {
        background-color: #3b3b3b;
        padding: 20px 20px 15px;
        margin: 0
    }

    .panel-full-dark .tools .icon {
        color: #fff
    }

        .panel-full-dark .tools .icon:hover {
            color: #242424
        }

.panel-table .panel-body {
    padding: 0
}

.dropdown-showcase {
    margin: 0
}

    .dropdown-showcase .showcase {
        display: inline-block;
        margin-right: 18px
    }

.dropdown-menu {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 7px 0;
    min-width: 185px
}

    .dropdown-menu > li > a {
        font-weight: 400;
        color: #504e4e;
        padding: 8px 20px
    }

        .dropdown-menu > li > a .icon {
            font-size: 16px;
            line-height: normal;
            vertical-align: middle;
            margin-right: 8px;
            color: #696969
        }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
            background-color: transparent;
            color: #504e4e
        }

        .dropdown-menu > li > a:hover {
            background-color: #f5f5f5
        }

    .dropdown-menu > li .btn-group .btn {
        font-size: 16px;
        color: #696969;
        padding: 0 20px
    }

    .dropdown-menu .divider {
        margin: 6px 0;
        background-color: #e3e3e3
    }

.dropdown-header {
    padding: 5px 20px 1px;
    font-weight: 600;
    color: #c2c1c1;
    cursor: default
}

.dropdown-tools {
    text-align: center
}

.dropdown-menu-primary {
    border-color: transparent;
    background-color: #5f99f5
}

    .dropdown-menu-primary > li > a {
        color: #fff
    }

        .dropdown-menu-primary > li > a:focus, .dropdown-menu-primary > li > a:active {
            color: #fff
        }

        .dropdown-menu-primary > li > a:hover {
            background-color: #478af4;
            color: #fff
        }

        .dropdown-menu-primary > li > a .icon {
            color: #fff
        }

    .dropdown-menu-primary > li .dropdown-tools .btn-group .btn {
        background-color: transparent;
        color: #fff;
        border-color: #b5d0fa;
        border-width: 2px
    }

        .dropdown-menu-primary > li .dropdown-tools .btn-group .btn:hover {
            border-color: #fff;
            box-shadow: none;
            background-color: rgba(255,255,255,.1)
        }

            .dropdown-menu-primary > li .dropdown-tools .btn-group .btn:hover + .btn {
                border-left-color: transparent
            }

        .dropdown-menu-primary > li .dropdown-tools .btn-group .btn:active, .dropdown-menu-primary > li .dropdown-tools .btn-group .btn.active {
            background-color: #fff;
            color: #5f99f5;
            border-color: transparent;
            border-width: 2px;
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

        .dropdown-menu-primary > li .dropdown-tools .btn-group .btn:focus {
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

    .dropdown-menu-primary .divider {
        background-color: #478af4
    }

.dropdown-menu-success {
    border-color: transparent;
    background-color: #37b358
}

    .dropdown-menu-success > li > a {
        color: #fff
    }

        .dropdown-menu-success > li > a:focus, .dropdown-menu-success > li > a:active {
            color: #fff
        }

        .dropdown-menu-success > li > a:hover {
            background-color: #319f4e;
            color: #fff
        }

        .dropdown-menu-success > li > a .icon {
            color: #fff
        }

    .dropdown-menu-success > li .dropdown-tools .btn-group .btn {
        background-color: transparent;
        color: #fff;
        border-color: #72d48c;
        border-width: 2px
    }

        .dropdown-menu-success > li .dropdown-tools .btn-group .btn:hover {
            border-color: #fff;
            box-shadow: none;
            background-color: rgba(255,255,255,.1)
        }

            .dropdown-menu-success > li .dropdown-tools .btn-group .btn:hover + .btn {
                border-left-color: transparent
            }

        .dropdown-menu-success > li .dropdown-tools .btn-group .btn:active, .dropdown-menu-success > li .dropdown-tools .btn-group .btn.active {
            background-color: #fff;
            color: #37b358;
            border-color: transparent;
            border-width: 2px;
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

        .dropdown-menu-success > li .dropdown-tools .btn-group .btn:focus {
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

    .dropdown-menu-success .divider {
        background-color: #319f4e
    }

.dropdown-menu-warning {
    border-color: transparent;
    background-color: #f6c163
}

    .dropdown-menu-warning > li > a {
        color: #fff
    }

        .dropdown-menu-warning > li > a:focus, .dropdown-menu-warning > li > a:active {
            color: #fff
        }

        .dropdown-menu-warning > li > a:hover {
            background-color: #f5b74b;
            color: #fff
        }

        .dropdown-menu-warning > li > a .icon {
            color: #fff
        }

    .dropdown-menu-warning > li .dropdown-tools .btn-group .btn {
        background-color: transparent;
        color: #fff;
        border-color: #fbe3ba;
        border-width: 2px
    }

        .dropdown-menu-warning > li .dropdown-tools .btn-group .btn:hover {
            border-color: #fff;
            box-shadow: none;
            background-color: rgba(255,255,255,.1)
        }

            .dropdown-menu-warning > li .dropdown-tools .btn-group .btn:hover + .btn {
                border-left-color: transparent
            }

        .dropdown-menu-warning > li .dropdown-tools .btn-group .btn:active, .dropdown-menu-warning > li .dropdown-tools .btn-group .btn.active {
            background-color: #fff;
            color: #f6c163;
            border-color: transparent;
            border-width: 2px;
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

        .dropdown-menu-warning > li .dropdown-tools .btn-group .btn:focus {
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

    .dropdown-menu-warning .divider {
        background-color: #f5b74b
    }

.dropdown-menu-danger {
    border-color: transparent;
    background-color: #eb6357
}

    .dropdown-menu-danger > li > a {
        color: #fff
    }

        .dropdown-menu-danger > li > a:focus, .dropdown-menu-danger > li > a:active {
            color: #fff
        }

        .dropdown-menu-danger > li > a:hover {
            background-color: #e84e40;
            color: #fff
        }

        .dropdown-menu-danger > li > a .icon {
            color: #fff
        }

    .dropdown-menu-danger > li .dropdown-tools .btn-group .btn {
        background-color: transparent;
        color: #fff;
        border-color: #f5afa9;
        border-width: 2px
    }

        .dropdown-menu-danger > li .dropdown-tools .btn-group .btn:hover {
            border-color: #fff;
            box-shadow: none;
            background-color: rgba(255,255,255,.1)
        }

            .dropdown-menu-danger > li .dropdown-tools .btn-group .btn:hover + .btn {
                border-left-color: transparent
            }

        .dropdown-menu-danger > li .dropdown-tools .btn-group .btn:active, .dropdown-menu-danger > li .dropdown-tools .btn-group .btn.active {
            background-color: #fff;
            color: #eb6357;
            border-color: transparent;
            border-width: 2px;
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

        .dropdown-menu-danger > li .dropdown-tools .btn-group .btn:focus {
            box-shadow: 0 1px 0 rgba(0,0,0,.05)
        }

    .dropdown-menu-danger .divider {
        background-color: #e84e40
    }

.accordion {
    margin-bottom: 40px;
    padding: 0
}

    .accordion .panel {
        padding: 0;
        border-radius: 3px
    }

        .accordion .panel .panel-heading {
            padding: 0;
            margin: 0;
            border-radius: 3px
        }

            .accordion .panel .panel-heading a {
                padding: 20px 20px 20px 0;
                display: block;
                color: #4285f4
            }

                .accordion .panel .panel-heading a .icon {
                    -webkit-transition: -webkit-transform 200ms ease-in-out;
                    transition: -webkit-transform 200ms ease-in-out;
                    -o-transition: transform 200ms ease-in-out,-o-transform 200ms ease-in-out;
                    transition: transform 200ms ease-in-out;
                    transition: transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out,-o-transform 200ms ease-in-out;
                    font-size: 25px;
                    vertical-align: middle;
                    position: relative;
                    top: -1px;
                    display: inline-block;
                    margin-right: 10px
                }

                .accordion .panel .panel-heading a.collapsed {
                    color: #404040
                }

                    .accordion .panel .panel-heading a.collapsed .icon {
                        -webkit-transform: rotate(-90deg);
                        -ms-transform: rotate(-90deg);
                        -o-transform: rotate(-90deg);
                        transform: rotate(-90deg)
                    }

        .accordion .panel .panel-collapse .panel-body {
            padding: 0 20px 20px 20px;
            border-top: 0;
            line-height: 22px;
            border-radius: 0 0 3px 3px
        }

.accordion-color .panel .panel-heading a {
    color: #fff
}

    .accordion-color .panel .panel-heading a.collapsed {
        color: #fff
    }

.nav-tabs {
    background-color: #fff;
    border-bottom: 2px solid #ebebeb
}

    .nav-tabs > li {
        margin-right: 2px;
        margin-bottom: -2px
    }

        .nav-tabs > li a {
            padding: 12px 20px;
            margin-right: 0;
            min-width: 60px;
            text-align: center;
            border-radius: 0;
            color: #404040;
            border-width: 0
        }

            .nav-tabs > li a .icon {
                font-size: 20px;
                vertical-align: middle;
                margin-right: 6px;
                line-height: 17px
            }

            .nav-tabs > li a:hover {
                background: transparent;
                color: #4285f4
            }

            .nav-tabs > li a:active {
                background-color: transparent
            }

        .nav-tabs > li.active {
            position: relative;
            background: transparent;
            color: #4285f4
        }

            .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
                background-color: #fff;
                border: none;
                border-bottom: 2px solid #4285f4
            }

.tab-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 0 0 3px 3px
}

    .tab-content .tab-pane h1:first-child, .tab-content .tab-pane h2:first-child, .tab-content .tab-pane h3:first-child, .tab-content .tab-pane h4:first-child, .tab-content .tab-pane h5:first-child, .tab-content .tab-pane h6:first-child {
        margin-top: 5px
    }

.nav-tabs-success > li a:hover {
    color: #34a853
}

.nav-tabs-success > li.active a, .nav-tabs-success > li.active a:hover, .nav-tabs-success > li.active a:focus {
    border-bottom: 2px solid #34a853
}

.nav-tabs-warning > li a:hover {
    color: #fbbc05
}

.nav-tabs-warning > li.active a, .nav-tabs-warning > li.active a:hover, .nav-tabs-warning > li.active a:focus {
    border-bottom: 2px solid #fbbc05
}

.nav-tabs-danger > li a:hover {
    color: #ea4335
}

.nav-tabs-danger > li.active a, .nav-tabs-danger > li.active a:hover, .nav-tabs-danger > li.active a:focus {
    border-bottom: 2px solid #ea4335
}

.modal-content {
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    overflow: hidden;
    background-color: #fff;
    color: #404040;
    border: none
}

.modal-header {
    border: 0;
    padding: 19px
}

    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
        display: block;
        margin: 0
    }

    .modal-header .close {
        font-size: 20px;
        opacity: .4;
        text-shadow: none
    }

        .modal-header .close:hover {
            opacity: .8
        }

.modal-body {
    padding: 10px 20px 20px
}

    .modal-body .row:last-child .form-group {
        margin-bottom: 0
    }

.modal-main-icon {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: normal;
    font-size: 50px
}

.modal-footer {
    padding: 20px;
    border: none
}

.modal-full-color .modal-header {
    padding: 19px
}

.modal-full-color .modal-content {
    color: #fff;
    background-color: transparent
}

    .modal-full-color .modal-content .close {
        color: #fff;
        line-height: 40px;
        opacity: .6
    }

        .modal-full-color .modal-content .close:hover {
            opacity: 1
        }

    .modal-full-color .modal-content .modal-footer {
        border: none
    }

.modal-full-color .btn-default {
    border-width: 2px;
    border-color: transparent
}

.modal-full-color .btn-primary, .modal-full-color .btn-success, .modal-full-color .btn-warning, .modal-full-color .btn-danger {
    background-color: transparent;
    border-color: rgba(255,255,255,.5);
    border-width: 2px
}

    .modal-full-color .btn-primary:focus, .modal-full-color .btn-success:focus, .modal-full-color .btn-warning:focus, .modal-full-color .btn-danger:focus {
        background-color: transparent;
        border-color: rgba(255,255,255,.4)
    }

    .modal-full-color .btn-primary:hover, .modal-full-color .btn-success:hover, .modal-full-color .btn-warning:hover, .modal-full-color .btn-danger:hover, .modal-full-color .btn-primary .hover, .modal-full-color .btn-success .hover, .modal-full-color .btn-warning .hover, .modal-full-color .btn-danger .hover {
        box-shadow: none;
        background-color: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.8)
    }

    .modal-full-color .btn-primary:active, .modal-full-color .btn-success:active, .modal-full-color .btn-warning:active, .modal-full-color .btn-danger:active {
        box-shadow: none;
        background-color: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.8)
    }

.modal-full-color-success .modal-header {
    background-color: #37b358
}

.modal-full-color-success .modal-body, .modal-full-color-success .modal-footer {
    background-color: #37b358
}

.modal-full-color-success .btn-default {
    color: #37b358
}

    .modal-full-color-success .btn-default:active {
        color: #37b358
    }

.modal-full-color-primary .modal-header {
    background-color: #5f99f5
}

.modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer {
    background-color: #5f99f5
}

.modal-full-color-primary .btn-default {
    color: #5f99f5
}

    .modal-full-color-primary .btn-default:active {
        color: #5f99f5
    }

.modal-full-color-warning .modal-header {
    background-color: #f6c163
}

.modal-full-color-warning .modal-body, .modal-full-color-warning .modal-footer {
    background-color: #f6c163
}

.modal-full-color-warning .btn-default {
    color: #f6c163
}

    .modal-full-color-warning .btn-default:active {
        color: #f6c163
    }

.modal-full-color-danger .modal-header {
    background-color: #eb6357
}

.modal-full-color-danger .modal-body, .modal-full-color-danger .modal-footer {
    background-color: #eb6357
}

.modal-full-color-danger .btn-default {
    color: #eb6357
}

    .modal-full-color-danger .btn-default:active {
        color: #eb6357
    }

.modal-full-color-dark .modal-header {
    background-color: #3d3c3c
}

.modal-full-color-dark .modal-body, .modal-full-color-dark .modal-footer {
    background-color: #3d3c3c
}

.modal-full-color-dark .btn-default {
    color: #3d3c3c
}

    .modal-full-color-dark .btn-default:active {
        color: #3d3c3c
    }

.full-width {
    width: 90%;
    max-width: none
}

.colored-header .modal-content .modal-header {
    background-color: #e6e6e6;
    color: #fff;
    padding: 30px 20px
}

    .colored-header .modal-content .modal-header .modal-title {
        font-size: 20px
    }

    .colored-header .modal-content .modal-header .close {
        color: rgba(0,0,0,.7);
        margin-top: 2px
    }

.colored-header .modal-content .modal-body {
    padding: 35px 20px 20px;
    background-color: #fff;
    color: #404040
}

.colored-header .modal-content .modal-footer {
    background-color: #fff
}

.colored-header-success .modal-content .modal-header {
    background-color: #37b358
}

.colored-header-primary .modal-content .modal-header {
    background-color: #5f99f5
}

.colored-header-warning .modal-content .modal-header {
    background-color: #f6c163
}

.colored-header-danger .modal-content .modal-header {
    background-color: #eb6357
}

.colored-header-dark .modal-content .modal-header {
    background-color: #3d3c3c
}

@media(max-width: 767px) {
    .modal-dialog {
        min-width: 100%;
        padding: 0 15px
    }
}

.be-modal-open {
    overflow-x: visible
}

.alert {
    position: relative;
    line-height: 25px;
    border-width: 0
}

    .alert .icon {
        font-size: 24px;
        color: #fff;
        vertical-align: middle;
        margin-right: 20px;
        line-height: 22px
    }

    .alert .close {
        position: absolute;
        font-size: 20px;
        top: 21px;
        right: 18px;
        text-shadow: none
    }

    .alert .message > p, .alert .message > ul {
        margin-bottom: 0
    }

        .alert .message > p + p {
            margin-top: 5px
        }

.alert-contrast {
    padding: 0;
    position: relative
}

    .alert-contrast > .icon {
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        cursor: default;
        background-color: rgba(255,255,255,.08)
    }

    .alert-contrast > .message {
        display: table-cell;
        padding: 18px;
        border-left-width: 0
    }

.alert-primary {
    background-color: #4285f4;
    border-color: #4285f4;
    color: #fff
}

    .alert-primary hr {
        border-top-color: #2a75f3
    }

    .alert-primary .alert-link {
        color: #e6e6e6
    }

.alert-dismissible.alert-primary .close {
    color: #093d94
}

.alert-dismissible.alert-success .close {
    color: #103319
}

.alert-dismissible.alert-warning .close {
    color: #654c02
}

.alert-dismissible.alert-danger .close {
    color: #79150d
}

.alert-icon {
    background-color: #fff;
    border: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
    box-shadow: .5px .9px 0 rgba(0,0,0,.07)
}

    .alert-icon > .icon {
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        cursor: default
    }

        .alert-icon > .icon:after {
            position: absolute;
            margin-left: 59px;
            top: 50%;
            margin-top: -11px;
            content: '';
            display: block;
            width: 0;
            height: 0;
            -moz-transform: scale(.9999);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            border-left: 11px solid #fff
        }

    .alert-icon > .message {
        display: table-cell;
        padding: 18px;
        color: #404040;
        border: 1px solid #d4d4d4;
        border-left-width: 0
    }

    .alert-icon.alert-dismissible .close {
        color: #404040;
        opacity: .35
    }

        .alert-icon.alert-dismissible .close:hover {
            opacity: .5
        }

    .alert-icon.alert-primary > .icon {
        background-color: #4285f4
    }

        .alert-icon.alert-primary > .icon:after {
            border-left-color: #4285f4
        }

    .alert-icon.alert-success > .icon {
        background-color: #34a853
    }

        .alert-icon.alert-success > .icon:after {
            border-left-color: #34a853
        }

    .alert-icon.alert-warning > .icon {
        background-color: #fbbc05
    }

        .alert-icon.alert-warning > .icon:after {
            border-left-color: #fbbc05
        }

    .alert-icon.alert-danger > .icon {
        background-color: #ea4335
    }

        .alert-icon.alert-danger > .icon:after {
            border-left-color: #ea4335
        }

.alert-icon-border.alert-primary .message {
    border-color: #4285f4
}

.alert-icon-border.alert-success .message {
    border-color: #34a853
}

.alert-icon-border.alert-warning .message {
    border-color: #fbbc05
}

.alert-icon-border.alert-danger .message {
    border-color: #ea4335
}

.alert-icon.alert-icon-colored {
    border: 1px solid #d4d4d4
}

    .alert-icon.alert-icon-colored > .icon {
        background-color: #f8f8f8;
        border-width: 0
    }

        .alert-icon.alert-icon-colored > .icon:after {
            border-left-color: #f8f8f8;
            position: absolute;
            margin-left: 59px;
            top: 50%;
            margin-top: -11px;
            content: '';
            display: block;
            width: 0;
            height: 0;
            -moz-transform: scale(.9999);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            border-left: 11px solid #f8f8f8
        }

    .alert-icon.alert-icon-colored > .message {
        border-width: 0
    }

    .alert-icon.alert-icon-colored.alert-primary > .icon {
        color: #4285f4
    }

    .alert-icon.alert-icon-colored.alert-success > .icon {
        color: #34a853
    }

    .alert-icon.alert-icon-colored.alert-warning > .icon {
        color: #fbbc05
    }

    .alert-icon.alert-icon-colored.alert-danger > .icon {
        color: #ea4335
    }

.alert-simple {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    color: #404040;
    box-shadow: .5px .9px 0 rgba(0,0,0,.07)
}

    .alert-simple.alert-primary > .icon {
        color: #4285f4
    }

    .alert-simple.alert-success > .icon {
        color: #34a853
    }

    .alert-simple.alert-warning > .icon {
        color: #fbbc05
    }

    .alert-simple.alert-danger > .icon {
        color: #ea4335
    }

.table > thead > tr > th {
    border-bottom-width: 2px;
    font-weight: 700
}

.table > thead.primary > tr > th {
    color: #4285f4
}

.table > thead.success > tr > th {
    color: #34a853
}

.table > tbody > tr > td {
    font-weight: 400;
    vertical-align: middle;
    padding: 5px 8px;
    word-break: break-all
}

.table-condensed > thead > tr > th {
    padding-top: 10px;
    padding-bottom: 8px
}

.table-bordered > thead > tr > th {
    padding: 14px 10px
}

.table-bordered tbody > tr td:first-child {
    padding-left: 10px
}

.table-bordered tbody > tr td:last-child {
    padding-right: 10px
}

.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
    background-color: #5f99f5
}

.table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr:hover > .primary, .table-hover > tbody > tr.primary:hover > th {
    background-color: #478af4
}

.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
    color: #fff
}

.table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr:hover > .primary, .table-hover > tbody > tr.primary:hover > th {
    color: #fff
}

.table-responsive {
    border: 0
}

    .table-responsive tbody > tr > td {
        padding: 5px 8px !important
    }

.table tr th .be-checkbox, .table tr td .be-checkbox {
    padding: 0
}

.table tr th.actions, .table tr td.actions {
    text-align: center
}

    .table tr th.actions .icon, .table tr td.actions .icon {
        color: #a1a1a1;
        font-size: 18px;
        line-height: 18px
    }

        .table tr th.actions .icon:hover, .table tr td.actions .icon:hover {
            color: gray
        }

.table tbody tr td.user-avatar img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 10px
}

@media(max-width: 767px) {
    .table tbody tr td.user-avatar img {
        display: none
    }
}

.table tbody tr td.cell-detail span {
    display: block
}

.table tbody tr td.cell-detail .cell-detail-description {
    display: block;
    font-size: 11px;
    color: #999
}

.table tbody tr td.user-info img {
    float: left
}

.table tbody tr td.user-info span {
    padding-left: 40px
}

.table tbody tr td.milestone span {
    display: block;
    font-size: 11px;
    color: #999;
    margin-bottom: 6px
}

    .table tbody tr td.milestone span.completed {
        float: right
    }

.table tbody tr td.milestone .progress {
    height: 6px;
    background-color: #e6e6e6;
    margin-bottom: 0
}

    .table tbody tr td.milestone .progress .progress-bar {
        border-radius: 2px
    }

.table tbody tr.online td:first-child {
    border-left: 3px solid #5f99f5;
    padding-left: 17px
}

.table .number {
    text-align: right
}

.table.table-borderless tbody tr td {
    border-top-width: 0
}

.panel-table table {
    margin-bottom: 0
}

.panel-table tr th:first-child, .panel-table tr td:first-child {
    padding-left: 20px
}

.panel-table tr th:last-child, .panel-table tr td:last-child {
    padding-right: 20px
}

.panel-table thead tr th {
    padding-top: 15px;
    padding-bottom: 10px
}

.badge {
    font-size: 11px;
    font-weight: 700;
    color: #404040;
    border: 1px solid #d9d9d9
}

.badge-primary {
    color: #fff;
    background-color: #5f99f5;
    border: transparent
}

.badge-success {
    color: #fff;
    background-color: #37b358;
    border: transparent
}

.badge-info {
    color: #fff;
    background-color: #4285f4;
    border: transparent
}

.badge-warning {
    color: #fff;
    background-color: #f6c163;
    border: transparent
}

.badge-danger {
    color: #fff;
    background-color: #eb6357;
    border: transparent
}

.label {
    border-radius: 2px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 700
}

.label-default {
    border: 1px solid #d9d9d9;
    color: #404040
}

.popover.bottom > .arrow {
    border-bottom-color: #f7f7f7;
    top: -10px
}

    .popover.bottom > .arrow:after {
        background-color: transparent;
        top: -2px;
        margin-left: -10px;
        border-bottom-color: rgba(0,0,0,.2);
        border-top-width: 1px;
        z-index: -1
    }

.list-group-item {
    padding: 13px 15px
}

    .list-group-item .icon {
        margin-right: 15px;
        font-size: 16px
    }

    .list-group-item.active .icon {
        color: #fff
    }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 15px;
    margin-bottom: 10px
}

p {
    margin: 0 0 15px
}

.lead {
    font-size: 21px;
    line-height: 26px
}

small, .small {
    font-size: 11px
}

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

.text-bold {
    font-weight: 500 !important
}

.text-success {
    color: #34a853
}

a.text-success:hover, a.text-success:focus {
    color: #288140
}

.text-warning {
    color: #fbbc05
}

a.text-warning:hover, a.text-warning:focus {
    color: #ca9703
}

.text-danger {
    color: #ea4335
}

a.text-danger:hover, a.text-danger:focus {
    color: #d62516
}

ul, ol {
    line-height: 20px
}

    ul ul, ol ul, ul ol, ol ol {
        padding-left: 25px
    }

.list-unstyled ul, .list-unstyled ol {
    padding-left: 40px
}

blockquote p {
    margin-bottom: 18px
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

blockquote footer, blockquote small, blockquote .small {
    font-size: 13px
}

.display-heading {
    font-size: 40px;
    font-weight: 100;
    margin: 20px 0 15px
}

@media(max-width: 767px) {
    .display-heading {
        font-size: 32px
    }
}

.display-description {
    font-size: 18px;
    font-weight: 100;
    line-height: 29px;
    margin: 0 0 50px
}

@media(max-width: 767px) {
    .display-description {
        font-size: 15px;
        line-height: 24px
    }
}

#formMessages {
    margin: -1rem;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 1rem
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.smallimage {
    width: 128px;
    height: auto
}

.imagemodal {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1099;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

    .imagemodal .modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px
    }

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px
}

.imagemodal .modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.imagemodal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: .3s
}

    .imagemodal .close:hover, .imagemodal .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer
    }

@media only screen and (max-width: 700px) {
    .imagemodal .modal-content {
        width: 100%
    }
}

.popupImage {
    height: auto;
    width: 100%
}

.labelpaging {
    text-align: left !important
}

#formsubmitOrder #congsineeinfo, #formsubmitOrder #billingaddress {
    display: inline-block
}

.dataTables_scrollHeadInner {
    margin: 0 !important;
    padding: 0 !important
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 3px 10px !important
}

.ico-help {
    width: 30px
}

.label-wrapper {
    display: inline-flex
}

.note-link-text, .note-link-url {
    width: -webkit-fill-available !important
}