html {
    font-family: roboto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 10px;
}

body {
    font-size: 12px;
    /*font-family: roboto;*/
}

.btn {
    font-size: 12px;
}



/* Material Theme*/

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-25 {
    margin: 25px !important
}

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-300 {
    font-weight: 300 !important
}

.f-400 {
    font-weight: 400 !important
}

.f-500 {
    font-weight: 500 !important
}

.f-700 {
    font-weight: 700 !important
}

.close, body {
    font-weight: 400
}

.p-relative {
    position: relative !important
}

.p-absolute {
    position: absolute !important
}

.p-fixed {
    position: fixed !important
}

.p-static {
    position: static !important
}

#main, body {
    position: relative
}

.o-hidden {
    overflow: hidden !important
}

.o-visible {
    overflow: visible !important
}

.o-auto {
    overflow: auto !important
}

.d-block {
    display: block !important
}

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

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

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

.bgm-black {
    background-color: #000 !important
}

.c-black {
    color: #000 !important
}

.bgm-brown {
    background-color: #795548 !important
}

.c-brown {
    color: #795548 !important
}

.bgm-pink {
    background-color: #e91e63 !important
}

.c-pink {
    color: #e91e63 !important
}

.bgm-red {
    background-color: #f44336 !important
}

.c-red {
    color: #f44336 !important
}

.bgm-blue {
    background-color: #2196f3 !important
}

.c-blue {
    color: #2196f3 !important
}

.bgm-purple {
    background-color: #9c27b0 !important
}

.c-purple {
    color: #9c27b0 !important
}

.bgm-deeppurple {
    background-color: #673ab7 !important
}

.c-deeppurple {
    color: #673ab7 !important
}

.bgm-lightblue {
    background-color: #03a9f4 !important
}

.c-lightblue {
    color: #03a9f4 !important
}

.bgm-cyan {
    background-color: #00bcd4 !important
}

.c-cyan {
    color: #00bcd4 !important
}

.bgm-teal {
    background-color: #009688 !important
}

.c-teal {
    color: #009688 !important
}

.bgm-green {
    background-color: #4caf50 !important
}

.c-green {
    color: #4caf50 !important
}

.bgm-lightgreen {
    background-color: #8bc34a !important
}

.c-lightgreen {
    color: #8bc34a !important
}

.bgm-lime {
    background-color: #cddc39 !important
}

.c-lime {
    color: #cddc39 !important
}

.bgm-yellow {
    background-color: #ffeb3b !important
}

.c-yellow {
    color: #ffeb3b !important
}

.bgm-amber {
    background-color: #ffc107 !important
}

.c-amber {
    color: #ffc107 !important
}

.bgm-orange {
    background-color: #ff9800 !important
}

.c-orange {
    color: #ff9800 !important
}

.bgm-deeporange {
    background-color: #ff5722 !important
}

.c-deeporange {
    color: #ff5722 !important
}

.bgm-gray {
    background-color: #9e9e9e !important
}

.c-gray {
    color: #9e9e9e !important
}

.bgm-bluegray {
    background-color: #607d8b !important
}

.c-bluegray {
    color: #607d8b !important
}

.bgm-indigo {
    background-color: #3f51b5 !important
}

.c-indigo {
    color: #3f51b5 !important
}

.bg-black-trp {
    background-color: rgba(0,0,0,.1) !important
}

.b-0 {
    border: 0 !important
}

.brd-2, .media-object {
    border-radius: 2px
}

.w-100 {
    width: 100% !important
}

.media {
    overflow: visible
}

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

    .media > .pull-left {
        padding-right: 15px
    }

    .media > .pull-right {
        padding-left: 15px
    }

.media-heading {
    font-size: 14px;
    margin-bottom: 10px
}

.media-body {
    zoom: 1;
    display: block;
    width: auto
}

.close {
    opacity: .5;
    filter: alpha(opacity=50)
}

    .close:hover {
        color: inherit;
        opacity: 1;
        filter: alpha(opacity=100)
    }

.dl-horizontal dt {
    text-align: left
}

*, a, button, i, input {
    -webkit-font-smoothing: antialiased
}

*, :active, :hover {
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important
}

html {
    overflow-x: hidden\0/;
    -ms-overflow-style: none
}

body, html {
    min-height: 100vh
}

body {
    padding-top: 65px;
    padding-bottom: 110px
}

audio, video {
    outline: 0
}

p {
    margin-bottom: 20px
}

small {
    font-size: 11px
}

.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-size: 12px
}



.clist {
    list-style: none
}

    .clist > li:before {
        font-family: Material-Design-Iconic-Font;
        margin: 0 10px 0 -20px;
        vertical-align: middle
    }

    .clist.clist-angle > li:before {
        content: "\f2fb"
    }

    .clist.clist-check > li:before {
        content: "\f26b"
    }

    .clist.clist-star > li:before {
        content: "\f27d"
    }

body #content {
    padding: 30px 0
}

@media (min-width:1200px) {
    body.sw-toggled #content {
        padding: 30px 0 30px 268px
    }

        body.sw-toggled #content > .container {
            width: calc(100% - 30px)
        }
}

#header {
    background: #0219ef;
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
    height: 65px;
    position: fixed;
    z-index: 11;
    width: 100%;
    left: 0;
    padding-right: 10px;
    top: 0;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#sidebar, body:not(.sw-toggled) #sidebar {
    box-shadow: 0 0 10px rgba(51,51,51,.38)
}

#menu-trigger:before, #notifications:before {
    content: "";
    -webkit-transition: all;
    -o-transition: all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

#ms-menu-trigger, .toggle-switch {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none
}

#header:not(.sidebar-toggled).header-up {
    -webkit-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0)
}

#menu-trigger:before, #sidebar .main-menu > li.sub-menu > a:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.header-inner {
    list-style: none;
    padding: 15px 0
}

    .header-inner > li:not(.pull-right) {
        float: left
    }

    .header-inner > li:not(:last-child) {
        margin-right: -2px
    }

    .header-inner .logo a {
        color: #fff;
        padding: 6px 10px;
        display: block;
        font-size: 16px
    }

.top-menu, .top-menu > li .dropdown-menu-lg {
    padding: 0
}

#menu-trigger {
    width: 65px;
    height: 35px;
    cursor: pointer
}

    #menu-trigger .line-wrap .line {
        background-color: #fff
    }

    #menu-trigger:before {
        position: absolute;
        top: 9px;
        left: 7px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: rgba(255,255,255,.22);
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        backface-visibility: hidden;
        transform: scale(0);
        z-index: 0
    }

    #menu-trigger.open:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

.top-menu {
    list-style: none
}

    .top-menu > li {
        display: inline-block;
        margin: 0 1px
    }

@media (max-width:767px) {
    .top-menu > li {
        position: static !important
    }
}

.top-menu > li .dropdown-menu-lg .lv-body {
    min-height: 295px;
    overflow-x: hidden
}

@media (min-width:768px) {
    .top-menu > li:not(#toggle-width) {
        position: relative
    }

        .top-menu > li:not(#toggle-width):before {
            left: 0;
            top: 0;
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transform: scale3d(0,0,0);
            -moz-transform: scale3d(0,0,0);
            -ms-transform: scale3d(0,0,0);
            -o-transform: scale3d(0,0,0);
            transform: scale3d(0,0,0);
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: 250ms;
            transition-duration: 250ms;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            background-color: rgba(0,0,0,.12);
            z-index: 0;
            border-radius: 2px;
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .top-menu > li:not(#toggle-width):hover:before {
            -webkit-transform: scale3d(1,1,1);
            -moz-transform: scale3d(1,1,1);
            -ms-transform: scale3d(1,1,1);
            -o-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .top-menu > li:not(#toggle-width).open:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            filter: alpha(opacity=100)
        }

    #top-search-wrap {
        text-align: center
    }
}

.top-menu > li > a {
    height: 35px;
    min-width: 50px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

    .top-menu > li > a > .tmn-counts {
        position: absolute;
        color: #FFF;
        font-style: normal;
        background: #f44336;
        padding: 1px 5px;
        border-radius: 2px;
        right: 7px;
        top: -3px;
        font-size: 10px;
        -webkit-animation-name: wobble;
        animation-name: wobble;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

.lvh-search, .tooltip {
    -webkit-animation-fill-mode: both
}

.top-menu > li > a.tm-chat {
    background-image: url(../img/icons/menu-2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-chat {
        background-image: url(../img/icons/menu-2@2x.png);
        background-size: 18px 12px
    }
}

.top-menu > li > a.tm-settings {
    background-image: url(../img/icons/ellipsis.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-settings {
        background-image: url(../img/icons/ellipsis@2x.png);
        background-size: 24px 24px
    }
}

.top-menu > li > a.tm-notification {
    background-image: url(../img/icons/notification.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-notification {
        background-image: url(../img/icons/notification@2x.png);
        background-size: 24px 24px
    }
}

.top-menu > li > a.tm-message {
    background-image: url(../img/icons/message.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-message {
        background-image: url(../img/icons/message@2x.png);
        background-size: 24px 24px
    }
}

.top-menu > li > a.tm-search {
    background-image: url(../img/icons/search.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-search {
        background-image: url(../img/icons/search@2x.png);
        background-size: 24px 24px
    }
}

.top-menu > li > a.tm-task {
    background-image: url(../img/icons/task.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .top-menu > li > a.tm-task {
        background-image: url(../img/icons/task@2x.png);
        background-size: 24px 24px
    }
}

.top-menu > li:before {
    top: -1px !important
}

@media (max-width:767px) {
    .top-menu .dropdown-menu-lg {
        width: calc(100% - 28px) !important
    }

    .top-menu .dropdown-menu {
        right: 14px;
        top: 55px
    }
}

@media (min-width:1200px) {
    .top-menu #toggle-width .toggle-switch {
        margin: -12px 30px 0 0
    }

        .top-menu #toggle-width .toggle-switch .ts-helper {
            height: 11px;
            width: 33px
        }

            .top-menu #toggle-width .toggle-switch .ts-helper:before {
                width: 20px;
                height: 20px;
                top: -5px
            }

        .top-menu #toggle-width .toggle-switch input:checked + .ts-helper {
            background: rgba(0,0,0,.26)
        }

            .top-menu #toggle-width .toggle-switch input:checked + .ts-helper:before {
                left: 18px;
                background: #fff
            }
}

@media (max-width:1200px) {
    .top-menu #toggle-width {
        display: none
    }
}

#notifications {
    position: relative
}

    #notifications:before {
        position: absolute;
        width: 100%;
        height: calc(100% - 70px);
        background: url(../img/notifications.png) center no-repeat;
        transition: all;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        backface-visibility: hidden;
        -webkit-transform: scale(0) rotate(-180deg);
        -ms-transform: scale(0) rotate(-180deg);
        -o-transform: scale(0) rotate(-180deg);
        transform: scale(0) rotate(-180deg);
        opacity: 0;
        filter: alpha(opacity=0);
        top: 42px
    }

#sidebar, #top-search-wrap {
    -webkit-transition: all;
    -o-transition: all
}

#notifications.empty:before {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    filter: alpha(opacity=100)
}

#top-search-wrap {
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%;
    height: 65px;
    background: #4285F4;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10
}

    #top-search-wrap input[type=text] {
        border: 0;
        height: 40px;
        padding: 0 10px 0 40px;
        font-size: 18px;
        margin: 12px;
        width: 500px;
        border-radius: 2px;
        color: rgba(51,51,51,.69);
        background-color: rgba(255,255,255,.26);
        background-image: url(../img/icons/search.png);
        background-repeat: no-repeat;
        background-position: 10px center
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #top-search-wrap input[type=text] {
        background-image: url(../img/icons/search@2x.png);
        background-size: 24px 24px
    }
}

#top-search-wrap input[type=text]:focus {
    background-color: rgba(255,255,255,.4)
}

#top-search-wrap #top-search-close {
    position: absolute;
    top: 16px;
    font-size: 23px;
    font-style: normal;
    color: rgba(0,0,0,.38);
    width: 35px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    right: 20px
}

    #top-search-wrap #top-search-close:hover {
        background-color: rgba(0,0,0,.15);
        color: #000
    }

@media (max-width:767px) {
    #top-search-wrap input[type=text] {
        width: calc(100% - 60px)
    }

    #top-search-wrap #top-search-close {
        right: 7px
    }
}

.search-toggled #top-search-wrap {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

@media (min-width:1200px) {
    .sw-toggled #header {
        padding-left: 15px
    }

    .sw-toggled #menu-trigger {
        display: none
    }
}

:-webkit-full-screen [data-action=fullscreen] {
    display: none
}

:-moz-full-screen [data-action=fullscreen] {
    display: none
}

:-ms-fullscreen [data-action=fullscreen] {
    display: none
}

:fullscreen [data-action=fullscreen] {
    display: none
}

#sidebar {
    position: fixed;
    background: #fff;
    top: 65px;
    height: calc(100% - 65px);
    -webkit-transform: translate3d(-268px,0,0);
    transform: translate3d(-268px,0,0);
    z-index: 5;
    width: 268px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    #sidebar .sidebar-inner {
        height: 100%;
        overflow-y: auto;
        width: 268px
    }

.listview .lv-item .lv-small, .listview .lv-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sidebar.toggled {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    filter: alpha(opacity=100)
}

#sidebar .profile-menu > a {
    display: block;
    height: 129px;
    margin-bottom: 5px;
    width: 100%;
    background: url(../img/profile-menu.png) left top no-repeat;
    background-size: 100%
}

    #sidebar .profile-menu > a .profile-pic {
        padding: 12px
    }

        #sidebar .profile-menu > a .profile-pic > img {
            width: 47px;
            height: 47px;
            border-radius: 50%;
            border: 3px solid rgba(0,0,0,.14);
            box-sizing: content-box
        }

    #sidebar .profile-menu > a .profile-info {
        background: rgba(0,0,0,.37);
        padding: 7px 14px;
        color: #fff;
        margin-top: 20px;
        position: relative
    }

        #sidebar .profile-menu > a .profile-info > i {
            font-size: 19px;
            line-height: 100%;
            position: absolute;
            right: 15px;
            top: 7px;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

#sidebar .profile-menu .main-menu {
    display: none;
    margin: 0;
    border-bottom: 1px solid #E6E6E6
}

#sidebar .profile-menu:after, #sidebar .profile-menu:before {
    content: " ";
    display: table
}

#sidebar .profile-menu.toggled .profile-info > i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#sidebar .main-menu {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0
}

    #sidebar .main-menu > li > a {
        padding: 14px 20px 14px 52px;
        display: block;
        color: #4C4C4C;
        font-weight: 500;
        position: relative
    }

        #sidebar .main-menu > li > a:hover {
            color: #262626;
            background-color: #f7f7f7
        }

        #sidebar .main-menu > li > a > i {
            position: absolute;
            left: 16px;
            font-size: 20px;
            top: 0;
            width: 25px;
            text-align: center;
            padding: 13px 0
        }

    #sidebar .main-menu > li.sub-menu > a:after, #sidebar .main-menu > li.sub-menu > a:before {
        position: absolute;
        right: 15px;
        top: 12px;
        color: #575757;
        font-family: Material-Design-Iconic-Font;
        font-size: 17px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden
    }

    #sidebar .main-menu > li.sub-menu > a:before {
        content: "\f278";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    #sidebar .main-menu > li.sub-menu > a:after {
        content: "\f273";
        transform: scale(0)
    }

    #sidebar .main-menu > li.sub-menu.toggled > a:before {
        content: "\f278";
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    #sidebar .main-menu > li.sub-menu.toggled > a:after {
        content: "\f273";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    #sidebar .main-menu > li.sub-menu > ul {
        list-style: none;
        display: none;
        padding: 0
    }

        #sidebar .main-menu > li.sub-menu > ul > li > a {
            color: #7f7f7f;
            padding: 8px 20px 8px 50px;
            font-weight: 500;
            display: block
        }

            #sidebar .main-menu > li.sub-menu > ul > li > a.active, #sidebar .main-menu > li.sub-menu > ul > li > a:hover {
                color: #000
            }

        #sidebar .main-menu > li.sub-menu > ul > li:first-child > a {
            padding-top: 14px
        }

        #sidebar .main-menu > li.sub-menu > ul > li:last-child > a {
            padding-bottom: 16px
        }

    #sidebar .main-menu > li.sub-menu.active > ul {
        display: block
    }

    #sidebar .main-menu > li.active > a {
        color: #262626;
        background-color: #F4F4F4
    }

@media (min-width:1200px) {
    body.sw-toggled #sidebar {
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        box-shadow: 0 1px 1px rgba(0,0,0,.15)
    }

    .ie9 body.sw-toggled #sidebar {
        display: block
    }
}

@media (max-width:1200px) {
    body.sw-toggled #sidebar {
        box-shadow: 0 0 10px rgba(51,51,51,.38)
    }
}

.ie9 body:not(.sw-toggled) #sidebar:not(.toggled) {
    display: none
}

#sidebar:hover .nicescroll-rails-vr {
    display: block !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.dropdown-menu {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 1px
}

.btn-group.open .dropdown-toggle, .progress, .progress .progress-bar {
    box-shadow: none
}

.dropdown-menu > li > a {
    padding: 8px 17px;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-family: roboto
}

.dropdown-menu.dropdown-menu-lg {
    width: 300px
}

.dropdown-menu.dropdown-menu-sm {
    width: 150px
}

.dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto
}

    .dropdown-menu.dropdown-menu-right > li > a {
        text-align: right
    }

.dropdown-menu.dm-icon > li > a > .zmdi {
    line-height: 100%;
    vertical-align: top;
    font-size: 18px;
    width: 20px;
    text-align: center;
    margin-right: 10px
}

.dropdown-menu:not([class*=bgm-]) > li > a {
    color: #4C4C4C
}

    .dropdown-menu:not([class*=bgm-]) > li > a:hover {
        color: #000
    }

.dropdown-menu[class*=bgm-] > li > a {
    font-weight: 300;
    color: #fff
}

.btn-group .dropdown-menu, .date-picker .dropdown-menu, .dropdown:not([data-animation]) .dropdown-menu {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    display: block
}

    .bootstrap-select .dropdown-menu.dropdown-menu-right, .bootstrap-select .dropdown-menu.pull-right, .btn-group .dropdown-menu.dropdown-menu-right, .btn-group .dropdown-menu.pull-right, .date-picker .dropdown-menu.dropdown-menu-right, .date-picker .dropdown-menu.pull-right, .dropdown:not([data-animation]) .dropdown-menu.dropdown-menu-right, .dropdown:not([data-animation]) .dropdown-menu.pull-right {
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right
    }

    .bootstrap-select .dropdown-menu:not(.pull-right):not(.dropdown-menu-right), .btn-group .dropdown-menu:not(.pull-right):not(.dropdown-menu-right), .date-picker .dropdown-menu:not(.pull-right):not(.dropdown-menu-right), .dropdown:not([data-animation]) .dropdown-menu:not(.pull-right):not(.dropdown-menu-right) {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

.dropup:not([data-animation]) .dropdown-menu.dropdown-menu-right, .dropup:not([data-animation]) .dropdown-menu.pull-right {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.dropup:not([data-animation]) .dropdown-menu:not(.pull-right):not(.dropdown-menu-right) {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.bootstrap-select.open .dropdown-menu, .btn-group.open .dropdown-menu, .dropdown:not([data-animation]).open .dropdown-menu, .dropup.open .dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropdown-header {
    padding: 3px 17px;
    margin-top: 10px;
    color: #b1b1b1;
    font-weight: 400
}

.listview {
    position: relative
}

    .listview:not(.lv-lg):not(.lv-message) .lv-item {
        padding: 12px 20px
    }

@media (min-width:480px) {
    .listview.lv-lg .lv-item {
        padding: 17px 35px 17px 25px
    }
}

@media (max-width:767px) {
    .listview.lv-lg .lv-item {
        padding: 17px 35px 17px 20px
    }
}

.listview.lv-lg .lv-item:hover {
    background-color: #FFFFDB
}

.listview .lv-item {
    position: relative;
    display: block;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .listview .lv-item .lv-small {
        font-size: 12px;
        color: #A9A9A9;
        display: block;
        width: 100%
    }

    .listview .lv-item .checkbox, .listview .lv-item.media {
        margin: 0
    }

    .listview .lv-item .lv-actions {
        position: absolute;
        right: 15px;
        top: 10px
    }

@media (max-width:480px) {
    .listview .lv-item .lv-actions {
        right: 7px
    }
}

.listview .lv-title {
    display: block
}

.listview a.lv-item:hover {
    background: #ECF9FF
}

.listview.lv-bordered .lv-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0
}

.listview .lv-attrs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0
}

    .listview .lv-attrs > li {
        display: inline-block;
        padding: 2px 10px 3px;
        font-size: 12px;
        margin-top: 5px;
        margin-right: 2px
    }

        .listview .lv-attrs > li:not(.info):not(.primary):not(.warning):not(.danger) {
            border: 1px solid #dedede;
            background: #fff;
            color: #5e5e5e
        }

        .listview .lv-attrs > li.info {
            border: 1px solid #00bcd4;
            background: #00bcd4;
            color: #fff
        }

        .listview .lv-attrs > li.primary {
            border: 1px solid #2196f3;
            background: #2196f3;
            color: #fff
        }

        .listview .lv-attrs > li.warning {
            border: 1px solid #ff9800;
            background: #ff9800;
            color: #fff
        }

        .listview .lv-attrs > li.danger {
            border: 1px solid #f44336;
            background: #f44336;
            color: #fff
        }

        .listview .lv-attrs > li > a {
            display: block
        }

.listview:not(.lv-message) .lv-title {
    color: #000
}

[class*=lv-img] {
    border-radius: 50%
}

.lv-img {
    width: 48px;
    height: 48px
}

.lv-img-sm {
    width: 35px;
    height: 35px
}

.lvh-search, .lvhs-input {
    width: 100%;
    background: #fff
}

.lv-header {
    text-align: center;
    padding: 15px 10px 13px;
    line-height: 100%;
    border-bottom: 1px solid #F0F0F0;
    font-weight: 500;
    color: #4C4C4C;
    margin-bottom: 10px
}

    .lv-header .actions {
        position: absolute;
        top: 6px;
        right: 8px;
        z-index: 10
    }

.lvh-search {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 4;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    animation-fill-mode: both
}

    .lvh-search:before {
        content: "\f1c3";
        font-family: Material-Design-Iconic-Font;
        position: absolute;
        left: 24px;
        top: 17px;
        font-size: 22px
    }

.lvhs-input {
    border: 0;
    padding: 0 26px 0 55px;
    height: 63px;
    font-size: 18px;
    font-weight: 100;
    border-bottom: 1px solid #EEE
}

.lvh-search-close {
    font-style: normal;
    position: absolute;
    top: 23px;
    right: 22px;
    font-size: 17px;
    width: 18px;
    height: 18px;
    background-color: #ADADAD;
    line-height: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%
}

    .lvh-search-close:hover {
        background: #333
    }

.lv-header-alt {
    position: relative;
    background: #f8f8f8;
    padding: 15px
}

    .lv-header-alt .lv-actions {
        z-index: 3;
        float: right;
        margin-top: 3px;
        position: relative
    }

        .lv-header-alt .lv-actions > li > a {
            margin: 0 3px
        }

.lvh-label {
    color: #818181;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 0 6px;
    line-height: 33px;
    vertical-align: middle
}

.tab-nav > li > a, .table > thead > tr > th {
    font-weight: 500;
    text-transform: uppercase
}

.lv-footer {
    display: block;
    text-align: center;
    padding: 7px 10px 8px;
    border-top: 1px solid #F0F0F0;
    line-height: 100%;
    font-size: 11px;
    margin-top: 20px;
    color: #828282
}

a.lv-footer:hover {
    color: #050505
}

.card-body .lv-item {
    padding: 12px 20px
}

.progress {
    border-radius: 0;
    height: 5px;
    margin-bottom: 0
}

#chat {
    position: fixed;
    background: #fff;
    padding: 20px 0;
    width: 260px;
    box-shadow: 0 0 10px rgba(51,51,51,.38);
    height: calc(100% - 65px);
    right: -280px;
    top: 65px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0)
}

    #chat.toggled {
        right: 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    #chat .chat-search {
        padding: 20px 20px 15px
    }

        #chat .chat-search .form-control {
            background-image: url(../img/icons/search-2.png);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 30px;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #chat .chat-search .form-control {
        background-image: url(../img/icons/search-2@2x.png);
        background-size: 24px 24px
    }
}

#chat .chat-search .form-control:focus {
    background-position: right center;
    padding: 0 30px 0 0
}

[class*=chat-status] {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: -3px;
    right: 12px;
    border: 2px solid #FFF
}

.chat-status-online {
    box-shadow: 0 0 0 1px #1ec01e;
    background: #1ec01e
}

.chat-status-offline {
    box-shadow: 0 0 0 1px #e73f3f;
    background: #e73f3f
}

.chat-status-busy {
    box-shadow: 0 0 0 1px orange;
    background: orange
}

.ie9 #chat {
    right: 0
}

    .ie9 #chat:not(.toggled) {
        display: none
    }

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

    .tab-nav > li > a {
        display: block;
        color: #7a7a7a;
        position: relative
    }

    .fg-line .form-control:not(:disabled), .tab-nav:not(.tn-vertical) > li.active > a {
        color: #000
    }

@media (min-width:768px) {
    .tab-nav > li > a {
        padding: 15px
    }
}

@media (max-width:768px) {
    .tab-nav > li > a {
        padding: 15px 8px
    }
}

.tab-nav:not(.tn-vertical) {
    white-space: nowrap;
    overflow: auto;
    box-shadow: inset 0 -2px 0 0 #eee
}

.card, .mini-charts-item {
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.tab-nav:not(.tn-vertical) > li {
    display: inline-block;
    vertical-align: top
}

    .tab-nav:not(.tn-vertical) > li > a {
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms
    }

        .tab-nav:not(.tn-vertical) > li > a:after {
            content: "";
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: 250ms;
            transition-duration: 250ms;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0)
        }

.card, .card-header {
    position: relative
}

.tab-nav:not(.tn-vertical) > li.active > a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.tab-nav:not(.tn-vertical).tab-nav-right {
    text-align: right
}

.tab-nav:not(.tn-vertical).tn-justified > li {
    display: table-cell;
    width: 1%;
    text-align: center
}

.tab-nav:not(.tn-vertical).tn-icon > li .zmdi {
    font-size: 22px;
    line-height: 100%;
    min-height: 25px
}

.tab-nav:not(.tn-vertical):not([data-tab-color]) > li > a:after {
    background: #2196f3
}

.tab-nav:not(.tn-vertical)[data-tab-color=green] > li > a:after {
    background: #4caf50
}

.tab-nav:not(.tn-vertical)[data-tab-color=red] > li > a:after {
    background: #f44336
}

.tab-nav:not(.tn-vertical)[data-tab-color=teal] > li > a:after {
    background: #009688
}

.tab-nav:not(.tn-vertical)[data-tab-color=amber] > li > a:after {
    background: #ffc107
}

.tab-nav:not(.tn-vertical)[data-tab-color=black] > li > a:after {
    background: #000
}

.tab-nav:not(.tn-vertical)[data-tab-color=cyan] > li > a:after {
    background: #00bcd4
}

.tn-vertical {
    float: left
}

    .tn-vertical > li > a {
        border-right: 2px solid #eee
    }

    .tn-vertical > li.active > a {
        border-top: 2px solid #eee;
        border-bottom: 2px solid #eee;
        border-left: 2px solid #eee;
        border-radius: 5px 0 0 5px;
        position: relative;
        border-right-color: #fff
    }

        .tn-vertical > li.active > a:after {
            content: "";
            height: 100%;
            width: 2px;
            right: 0;
            top: -2px;
            background: #fff;
            z-index: 1
        }

    .tn-vertical + .tab-content {
        overflow: hidden;
        vertical-align: top;
        padding: 0 30px
    }

.tab-content {
    padding: 20px 0
}

.card {
    background: #fff;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .card-header:not(.ch-alt) {
        padding: 23px 25px
    }
}

@media screen and (max-width:991px) {
    .card-header:not(.ch-alt) {
        padding: 18px
    }
}

.card-header h2 {
    margin: 0;
    line-height: 100%;
    font-size: 17px;
    font-weight: 400
}

    .card-header h2 small {
        display: block;
        margin-top: 5px;
        color: #AEAEAE;
        line-height: 160%
    }

@media screen and (min-width:768px) {
    .card-header.ch-alt {
        padding: 20px 23px
    }
}

@media screen and (max-width:991px) {
    .card-header.ch-alt {
        padding: 18px 18px 28px
    }
}

.card-header.ch-alt:not([class*=bgm-]) {
    background-color: #f7f7f7
}

.card-header[class*=bgm-] h2, .card-header[class*=bgm-] h2 small {
    color: #fff
}

.card-header .actions {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 15px
}

.card-header .btn-float {
    right: 25px;
    bottom: -23px;
    z-index: 1
}

@media screen and (min-width:768px) {
    .card-body.card-padding {
        padding: 23px 25px
    }
}

@media screen and (max-width:991px) {
    .card-body.card-padding {
        padding: 18px
    }
}

.card-body.card-padding-sm {
    padding: 15px
}

.card-header:not(.ch-alt):not([class*=bgm-]) + .card-padding {
    padding-top: 0
}

.chart-edge {
    margin: 20px -8px 0 -10px;
    overflow: hidden
}

    .chart-edge .flot-chart {
        bottom: -14px
    }

.charts-row {
    margin-top: 50px;
    margin-bottom: 20px
}

.mini-charts-item {
    position: relative;
    margin-bottom: 30px
}

    .mini-charts-item .chart {
        padding: 15px;
        float: left
    }

        .mini-charts-item .chart.chart-pie {
            margin: 0 20px
        }

    .mini-charts-item .count {
        overflow: hidden;
        color: rgba(255,255,255,.9);
        padding: 16px 12px
    }

        .mini-charts-item .count > h2 {
            margin: 0;
            line-height: 100%;
            font-size: 22px;
            font-weight: 300;
            color: #fff
        }

        .mini-charts-item .count > small {
            margin-bottom: 2px;
            display: block
        }

        .mini-charts-item .count > h2, .mini-charts-item .count > small {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .mini-charts-item > .btn-group-vertical > .btn-group, .mini-charts-item > .btn-toolbar, .mini-charts-item > .clearfix, .mini-charts-item > .container, .mini-charts-item > .container-fluid, .mini-charts-item > .dl-horizontal dd, .mini-charts-item > .form-horizontal .form-group, .mini-charts-item > .modal-footer, .mini-charts-item > .nav, .mini-charts-item > .navbar, .mini-charts-item > .navbar-collapse, .mini-charts-item > .navbar-header, .mini-charts-item > .pager, .mini-charts-item > .panel-body, .mini-charts-item > .row {
        position: relative;
        z-index: 1
    }

    .mini-charts-item:before {
        -webkit-transition: width;
        -o-transition: width;
        transition: width;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        width: 113px;
        height: 100%;
        background: rgba(0,0,0,.1);
        position: absolute;
        left: 0;
        top: 0
    }

    .mini-charts-item:hover .count {
        color: #fff !important
    }

    .mini-charts-item:hover:before {
        width: 100%
    }

#jqstooltip {
    min-width: 21px;
    min-height: 23px;
    text-align: center;
    border: 0;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3)
}

    #jqstooltip .jqsfield {
        font-size: 12px;
        font-weight: 700;
        font-family: inherit;
        text-align: center;
        color: #333
    }

        #jqstooltip .jqsfield > span {
            display: none
        }

.epc-item {
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    position: relative;
    margin-bottom: 30px;
    padding: 30px 20px;
    text-align: center
}

.easy-pie {
    display: inline-block;
    position: relative;
    padding: 0 5px 10px
}

    .easy-pie .percent {
        position: absolute;
        font-weight: 300;
        width: 100%;
        line-height: 100%;
        left: 0
    }

        .easy-pie .percent:after {
            content: "%"
        }

    .easy-pie.main-pie .percent {
        margin-top: 49px;
        font-size: 50px;
        text-align: center
    }

        .easy-pie.main-pie .percent:not([class*=c-]) {
            color: rgba(255,255,255,.7)
        }

        .easy-pie.main-pie .percent:after {
            font-size: 30px
        }

    .easy-pie.main-pie .pie-title {
        color: #fff
    }

    .easy-pie:not(.main-pie) .percent {
        font-size: 26px;
        margin-top: 37px
    }

        .easy-pie:not(.main-pie) .percent:after {
            font-size: 20px
        }

    .easy-pie .pie-title {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: -3px;
        left: 0
    }

#recent-items-chart {
    width: calc(100% + 19px);
    height: 150px;
    margin: -20px -10px 0;
    bottom: -10px
}

[class*=flot-chart] {
    width: 100%;
    display: block
}

.flot-chart {
    height: 200px
}

.flot-chart-pie {
    height: 300px
}

@media (min-width:768px) {
    .flot-chart-pie {
        margin-bottom: 20px
    }
}

#flotTip, .flot-tooltip {
    position: absolute;
    color: #333;
    display: none;
    font-size: 12px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    padding: 3px 10px;
    background-color: #fff;
    z-index: 99999
}

.dash-widget-item, .dash-widget-item .dash-widget-header {
    position: relative
}

#todo-lists, .dash-widget-item {
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

[class*=flc-] {
    text-align: center;
    margin: 10px 0 5px
}

    [class*=flc-] table {
        display: inline-block
    }

    [class*=flc-] .legendColorBox > div {
        border: #fff !important
    }

        [class*=flc-] .legendColorBox > div > div {
            border-radius: 50%
        }

    [class*=flc-] .legendLabel {
        padding: 0 8px 0 3px
    }

.dash-widget-item {
    min-height: 380px;
    margin-bottom: 30px
}

    .dash-widget-item .dash-widget-header .actions {
        display: none;
        position: absolute;
        right: 4px;
        top: 6px;
        padding: 0;
        list-style: none
    }

        .dash-widget-item .dash-widget-header .actions > li {
            display: inline-block;
            vertical-align: baseline
        }

            .dash-widget-item .dash-widget-header .actions > li > a {
                color: #fff
            }

#site-visits, #site-visits h3 {
    color: rgba(255,255,255,.9)
}


.dash-widget-item .dash-widget-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.dash-widget-item .dash-widget-title {
    padding: 12px 20px;
    position: absolute;
    width: 100%;
    left: 0;
    font-weight: 300
}

.dash-widget-item:hover .dash-widget-header .actions {
    display: block
}

#site-visits .dash-widget-header {
    padding-bottom: 38px;
    background-color: rgba(0,0,0,.13)
}

#site-visits .dash-widget-title {
    bottom: 0;
    background: rgba(0,0,0,.15);
    color: rgba(255,255,255,.9)
}

#best-selling {
    background-color: #fff
}

    #best-selling .dash-widget-header > img {
        width: 100%;
        height: 155px
    }

    #best-selling .dash-widget-header .dash-widget-title {
        padding-bottom: 30px;
        top: 0;
        color: #fff;
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
        background-image: linear-gradient(to bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0)
    }

    #best-selling .dash-widget-header .main-item {
        padding: 15px;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
        background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
        background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0)
    }

        #best-selling .dash-widget-header .main-item > h2 {
            font-weight: 400;
            font-size: 20px;
            margin: 5px 0 0;
            line-height: 100%;
            color: #fff
        }

#weather-widget {
    color: #fff;
    padding: 20px 20px 0
}

    #weather-widget .weather-status {
        font-size: 40px;
        line-height: 100%
    }

    #weather-widget .weather-icon {
        text-align: center;
        margin-top: 10px;
        height: 150px;
        background-repeat: no-repeat;
        background-position: center
    }

        #weather-widget .weather-icon.wi-0 {
            background-image: url(../img/icons/weather/0.png)
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-0 {
        background-image: url(../img/icons/weather/0@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-1 {
    background-image: url(../img/icons/weather/1.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-1 {
        background-image: url(../img/icons/weather/1@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-2 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-2 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-3 {
    background-image: url(../img/icons/weather/3.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-3 {
        background-image: url(../img/icons/weather/3@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-4 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-4 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-5 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-5 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-6 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-6 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-7 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-7 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-8 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-8 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-9 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-9 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-10 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-10 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-11 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-11 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-12 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-12 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-13 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-13 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-14 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-14 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-15 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-15 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-16 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-16 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-17 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-17 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-18 {
    background-image: url(../img/icons/weather/18.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-18 {
        background-image: url(../img/icons/weather/18@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-19 {
    background-image: url(../img/icons/weather/19.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-19 {
        background-image: url(../img/icons/weather/19@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-20 {
    background-image: url(../img/icons/weather/19.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-20 {
        background-image: url(../img/icons/weather/19@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-21 {
    background-image: url(../img/icons/weather/19.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-21 {
        background-image: url(../img/icons/weather/19@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-22 {
    background-image: url(../img/icons/weather/19.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-22 {
        background-image: url(../img/icons/weather/19@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-23 {
    background-image: url(../img/icons/weather/19.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-23 {
        background-image: url(../img/icons/weather/19@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-24 {
    background-image: url(../img/icons/weather/24.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-24 {
        background-image: url(../img/icons/weather/24@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-25 {
    background-image: url(../img/icons/weather/24.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-25 {
        background-image: url(../img/icons/weather/24@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-26 {
    background-image: url(../img/icons/weather/26.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-26 {
        background-image: url(../img/icons/weather/26@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-27 {
    background-image: url(../img/icons/weather/27.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-27 {
        background-image: url(../img/icons/weather/27@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-28 {
    background-image: url(../img/icons/weather/28.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-28 {
        background-image: url(../img/icons/weather/28@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-29 {
    background-image: url(../img/icons/weather/27.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-29 {
        background-image: url(../img/icons/weather/27@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-30 {
    background-image: url(../img/icons/weather/28.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-30 {
        background-image: url(../img/icons/weather/28@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-31 {
    background-image: url(../img/icons/weather/31.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-31 {
        background-image: url(../img/icons/weather/31@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-32 {
    background-image: url(../img/icons/weather/32.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-32 {
        background-image: url(../img/icons/weather/32@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-33 {
    background-image: url(../img/icons/weather/31.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-33 {
        background-image: url(../img/icons/weather/31@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-34 {
    background-image: url(../img/icons/weather/32.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-34 {
        background-image: url(../img/icons/weather/32@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-35 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-35 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-36 {
    background-image: url(../img/icons/weather/32.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-36 {
        background-image: url(../img/icons/weather/32@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-37 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-37 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-38 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-38 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-39 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-39 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-40 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-40 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-41 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-41 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-42 {
    background-image: url(../img/icons/weather/9.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-42 {
        background-image: url(../img/icons/weather/9@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-43 {
    background-image: url(../img/icons/weather/5.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-43 {
        background-image: url(../img/icons/weather/5@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-44 {
    background-image: url(../img/icons/weather/27.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-44 {
        background-image: url(../img/icons/weather/27@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-45 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-45 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-46 {
    background-image: url(../img/icons/weather/18.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-46 {
        background-image: url(../img/icons/weather/18@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-icon.wi-47 {
    background-image: url(../img/icons/weather/2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #weather-widget .weather-icon.wi-47 {
        background-image: url(../img/icons/weather/2@2x.png);
        background-size: 125px 125px
    }
}

#weather-widget .weather-info {
    list-style: none;
    padding: 0;
    margin: 3px 0 0
}

    #weather-widget .weather-info > li {
        display: inline-block;
        border: 1px solid rgba(255,255,255,.39);
        padding: 2px 10px 3px;
        margin-right: 5px
    }

#weather-widget .weather-list {
    background: rgba(0,0,0,.08);
    padding: 5px 12px;
    font-size: 16px;
    height: 51px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    #weather-widget .weather-list > span {
        margin-right: 7px;
        font-weight: 300;
        display: inline-block;
        line-height: 40px;
        vertical-align: top
    }

        #weather-widget .weather-list > span.weather-list-icon {
            width: 35px;
            height: 35px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 30px 30px
        }

            #weather-widget .weather-list > span.weather-list-icon.wi-0 {
                background-image: url(../img/icons/weather/0.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-1 {
                background-image: url(../img/icons/weather/1.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-2 {
                background-image: url(../img/icons/weather/2.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-3 {
                background-image: url(../img/icons/weather/3.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-4 {
                background-image: url(../img/icons/weather/2.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-5, #weather-widget .weather-list > span.weather-list-icon.wi-6, #weather-widget .weather-list > span.weather-list-icon.wi-7, #weather-widget .weather-list > span.weather-list-icon.wi-8 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-9 {
                background-image: url(../img/icons/weather/9.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-10 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-11, #weather-widget .weather-list > span.weather-list-icon.wi-12, #weather-widget .weather-list > span.weather-list-icon.wi-13, #weather-widget .weather-list > span.weather-list-icon.wi-14 {
                background-image: url(../img/icons/weather/9.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-15 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-16 {
                background-image: url(../img/icons/weather/9.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-17 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-18 {
                background-image: url(../img/icons/weather/18.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-19, #weather-widget .weather-list > span.weather-list-icon.wi-20, #weather-widget .weather-list > span.weather-list-icon.wi-21, #weather-widget .weather-list > span.weather-list-icon.wi-22, #weather-widget .weather-list > span.weather-list-icon.wi-23 {
                background-image: url(../img/icons/weather/19.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-24, #weather-widget .weather-list > span.weather-list-icon.wi-25 {
                background-image: url(../img/icons/weather/24.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-26 {
                background-image: url(../img/icons/weather/26.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-27 {
                background-image: url(../img/icons/weather/27.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-28 {
                background-image: url(../img/icons/weather/28.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-29 {
                background-image: url(../img/icons/weather/27.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-30 {
                background-image: url(../img/icons/weather/28.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-31 {
                background-image: url(../img/icons/weather/31.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-32 {
                background-image: url(../img/icons/weather/32.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-33 {
                background-image: url(../img/icons/weather/31.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-34 {
                background-image: url(../img/icons/weather/32.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-35 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-36 {
                background-image: url(../img/icons/weather/32.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-37, #weather-widget .weather-list > span.weather-list-icon.wi-38, #weather-widget .weather-list > span.weather-list-icon.wi-39 {
                background-image: url(../img/icons/weather/2.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-40, #weather-widget .weather-list > span.weather-list-icon.wi-41 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-42 {
                background-image: url(../img/icons/weather/9.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-43 {
                background-image: url(../img/icons/weather/5.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-44 {
                background-image: url(../img/icons/weather/27.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-45 {
                background-image: url(../img/icons/weather/2.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-46 {
                background-image: url(../img/icons/weather/18.png)
            }

            #weather-widget .weather-list > span.weather-list-icon.wi-47 {
                background-image: url(../img/icons/weather/2.png)
            }

        #weather-widget .weather-list > span > i {
            line-height: 100%;
            font-size: 39px
        }

#pie-charts {
    background: #fff
}

    #pie-charts .dash-widget-header {
        color: rgba(255,255,255,.9)
    }

.blog-post .bp-header {
    position: relative
}

    .blog-post .bp-header > img {
        width: 100%
    }

    .blog-post .bp-header .bp-title {
        background: #3f51b5;
        width: 100%;
        padding: 20px;
        color: #FFF;
        display: block
    }

        .blog-post .bp-header .bp-title > h2 {
            color: #FFF;
            font-weight: 400;
            margin: 0 0 2px;
            line-height: 100%;
            font-size: 21px
        }

.profile-view {
    text-align: center
}

    .profile-view .pv-header {
        position: relative;
        height: 145px;
        width: 100%;
        background-image: url(../img/headers/sm/4.png);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center
    }

        .profile-view .pv-header > .pv-main {
            border-radius: 50%;
            width: 130px;
            position: absolute;
            height: 130px;
            bottom: -50px;
            left: 50%;
            margin-left: -65px;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

    .profile-view .pv-body {
        margin-top: 70px;
        padding: 0 20px 20px
    }

        .profile-view .pv-body > h2 {
            margin: 0;
            line-height: 100%;
            font-size: 20px;
            font-weight: 400
        }

        .profile-view .pv-body > small {
            display: block;
            color: #8E8E8E;
            margin: 10px 0 15px
        }

        .profile-view .pv-body .pv-contact, .profile-view .pv-body .pv-follow {
            padding: 0;
            list-style: none
        }

            .profile-view .pv-body .pv-contact > li, .profile-view .pv-body .pv-follow > li {
                display: inline-block
            }

        .profile-view .pv-body .pv-follow {
            margin: 20px -20px;
            padding: 10px;
            background-color: #F7F7F7;
            border-top: 1px solid #EEE;
            border-bottom: 1px solid #EEE
        }

            .profile-view .pv-body .pv-follow > li {
                padding: 0 10px
            }

        .profile-view .pv-body .pv-contact > li {
            margin: 0 5px
        }

            .profile-view .pv-body .pv-contact > li > .zmdi {
                line-height: 100%;
                vertical-align: text-bottom;
                font-size: 22px
            }

        .profile-view .pv-body .pv-follow-btn {
            padding: 7px 20px;
            background: #00bcd4;
            color: #FFF;
            border-radius: 3px;
            text-transform: uppercase;
            display: block;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

            .profile-view .pv-body .pv-follow-btn:hover {
                background: #00a5bb
            }

    .profile-view:hover .pv-main {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

.picture-list .pl-body, .picture-list .pl-body [class*=col-] {
    padding: 2px
}

    .picture-list .pl-body [class*=col-] > a {
        display: block;
        position: relative
    }

        .picture-list .pl-body [class*=col-] > a:before {
            left: 0;
            top: 0;
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transform: scale3d(0,0,0);
            -moz-transform: scale3d(0,0,0);
            -ms-transform: scale3d(0,0,0);
            -o-transform: scale3d(0,0,0);
            transform: scale3d(0,0,0);
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: 250ms;
            transition-duration: 250ms;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            background-color: rgba(0,0,0,.3);
            z-index: 0;
            border-radius: 0;
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .picture-list .pl-body [class*=col-] > a:hover:before {
            -webkit-transform: scale3d(1,1,1);
            -moz-transform: scale3d(1,1,1);
            -ms-transform: scale3d(1,1,1);
            -o-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .picture-list .pl-body [class*=col-] > a img {
            width: 100%
        }

    .picture-list .pl-body:after, .picture-list .pl-body:before {
        content: " ";
        display: table
    }

.go-social .card-body {
    padding: 0 15px 20px
}

    .go-social .card-body [class*=col-] {
        padding: 12px
    }

        .go-social .card-body [class*=col-] img {
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }

#add-tl-item, #add-tl-item .add-new-item {
    -webkit-transition: all;
    -o-transition: all
}

.go-social .card-body [class*=col-]:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.rating-list {
    padding: 0 0 10px
}

    .rating-list .rl-star {
        margin-top: 10px;
        margin-bottom: 4px
    }

        .rating-list .rl-star .zmdi {
            font-size: 20px
        }

            .rating-list .rl-star .zmdi:not(.active) {
                color: #ccc
            }

            .rating-list .rl-star .zmdi.active {
                color: #ff9800
            }

    .rating-list .lv-item .media .zmdi-star {
        line-height: 100%;
        font-size: 22px;
        color: #FF9800;
        vertical-align: middle;
        position: relative;
        top: -2px;
        left: 6px
    }

    .rating-list .lv-item .media .media-body {
        padding: 7px 10px 0 5px
    }

.table {
    background-color: #fff;
    margin-bottom: 0
}

    .table > thead > tr > th {
        background-color: #fff;
        vertical-align: middle;
        color: #333;
        border-width: 1px
    }

    .table.table-inner, .table > tbody > tr.active > td, .table > tbody > tr.danger > td, .table > tbody > tr.info > td, .table > tbody > tr.succes > td, .table > tbody > tr.warning > td, .table > tfoot > tr.active > td, .table > tfoot > tr.danger > td, .table > tfoot > tr.info > td, .table > tfoot > tr.succes > td, .table > tfoot > tr.warning > td {
        border: 0
    }

    .table [class*=bg-] > tr > th {
        color: #fff;
        border-bottom: 0
    }

    .table [class*=bg-] + tbody > tr:first-child > td {
        border-top: 0
    }

    .table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, .table > tfoot > tr > td:first-child, .table > tfoot > tr > th:first-child, .table > thead > tr > td:first-child, .table > thead > tr > th:first-child {
        padding-left: 30px
    }

    .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child {
        padding-right: 30px
    }

    .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
        padding-bottom: 20px
    }

.table-striped td, .table-striped th {
    border: 0 !important
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
    border-bottom: 0;
    border-left: 0
}

    .table-bordered > tbody > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

.table-hover > tbody > tr:hover {
    background-color: #ECF9FF !important
}

.table-bordered {
    border-right: 0
}

    .table-bordered > thead > tr > th {
        border-left: 0
    }

.table-vmiddle td {
    vertical-align: middle !important
}

.table-responsive {
    border: 0
}

#todo-lists {
    background: #ffc107;
    color: #fff;
    margin-bottom: 30px;
    font-family: shadowsintolight,cursive
}

.tl-header {
    position: relative;
    padding: 25px
}

    .tl-header > h2 {
        margin: 0;
        color: #fff;
        line-height: 100%
    }

    .tl-header > small {
        font-size: 17px;
        display: block;
        margin-top: 3px
    }

    .tl-header .actions {
        position: absolute;
        right: 10px;
        padding: 0;
        list-style: none;
        top: 15px
    }

        .tl-header .actions > li {
            display: inline-block;
            vertical-align: baseline
        }

.tl-body {
    min-height: 300px;
    position: relative;
    padding: 20px 10px 20px 25px;
    background: rgba(0,0,0,.03)
}

    .tl-body .media-body {
        padding-top: 3px
    }

    .tl-body .checkbox {
        font-size: 18px;
        margin-bottom: 15px
    }

        .tl-body .checkbox span {
            display: inline-block;
            margin-top: -3px
        }

        .tl-body .checkbox input:checked + i + span {
            text-decoration: line-through
        }

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    text-decoration: none
}

.tl-body .checkbox .input-helper:before {
    border-color: rgba(255,255,255,.8);
    border-width: 2px
}

.tl-body .checkbox .input-helper:after {
    border-color: #fff
}

#add-tl-item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    top: -25px;
    right: 23px;
    transition: all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

    #add-tl-item .add-new-item {
        transition: all;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    #add-tl-item .add-tl-body, .btn-float i {
        -webkit-transition: all;
        -o-transition: all
    }

    #add-tl-item .add-tl-body {
        overflow: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

        #add-tl-item .add-tl-body textarea {
            padding: 25px 25px 45px;
            resize: none;
            width: 100%;
            font-size: 24px;
            color: #ffc107;
            position: absolute;
            height: 100%;
            border: 0;
            outline: 0
        }

    #add-tl-item:not(.toggled) {
        overflow: hidden
    }

        #add-tl-item:not(.toggled) .add-new-item {
            position: relative;
            z-index: 1;
            display: inline-block;
            width: 50px;
            height: 50px;
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
            text-align: center;
            font-size: 23px;
            color: #ff9800;
            line-height: 50px
        }

    #add-tl-item.toggled {
        width: calc(100% - 47px);
        height: calc(100% - 25px);
        border-radius: 2px;
        top: 0;
        z-index: 1;
        box-shadow: 0 5px 8px rgba(0,0,0,.2);
        max-height: 300px;
        overflow: visible
    }

.btn:not(.btn-link), .z-depth-1 {
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
}

#add-tl-item.toggled .add-new-item {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    height: 0;
    overflow: hidden;
    float: left
}

#add-tl-item.toggled .add-tl-body {
    opacity: 1;
    filter: alpha(opacity=100)
}

    #add-tl-item.toggled .add-tl-body .add-tl-actions {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px 10px;
        border-top: 1px solid #EEE;
        z-index: 1
    }

        #add-tl-item.toggled .add-tl-body .add-tl-actions > a {
            font-size: 25px;
            padding: 0 6px;
            text-align: center;
            height: 40px;
            width: 40px;
            display: inline-block;
            line-height: 41px;
            border-radius: 50%;
            -webkit-transition: background-color;
            -o-transition: background-color;
            transition: background-color;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

            #add-tl-item.toggled .add-tl-body .add-tl-actions > a:hover {
                background-color: #eee
            }

        #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action=dismiss] {
            color: #f44336
        }

        #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action=save] {
            color: #4caf50
        }

.btn {
    border: 0;
    text-transform: uppercase
}

    .btn[class*=bgm-]:not(.bgm-white) {
        color: #fff
    }

    .btn .caret {
        margin-top: -3px
    }

.btn-group-vertical:not(.bootstrap-select), .btn-group:not(.bootstrap-select) {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.btn-group .btn, .btn-group .btn-group, .btn-group .btn:active, .btn-group .btn:focus, .btn-group-vertical .btn, .btn-group-vertical .btn-group, .btn-group-vertical .btn:active, .btn-group-vertical .btn:focus, input:active, input:focus {
    box-shadow: none !important
}

.btn-group .btn, .btn-group-vertical .btn {
    margin: 0
}

.btn-group-xs > .btn, .btn-xs {
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-icon .zmdi, .fg-float .input-lg + .fg-label {
    font-size: 17px
}

.btn-link {
    color: #797979;
    border-radius: 2px
}

    .btn-link:hover {
        color: #0a0a0a
    }

.btn-inverse {
    color: #fff;
    background-color: #454545;
    border-color: transparent
}

    .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #2b2b2b;
        border-color: transparent
    }

        .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .dropdown-toggle.btn-inverse.focus, .open > .dropdown-toggle.btn-inverse:focus, .open > .dropdown-toggle.btn-inverse:hover {
            color: #fff;
            background-color: #1a1a1a;
            border-color: transparent
        }

    .btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse {
        background-image: none
    }

    .btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
        background-color: #454545;
        border-color: transparent
    }

    .btn-inverse.focus, .btn-inverse:focus {
        color: #fff
    }

    .btn-inverse .open > .dropdown-toggle, .btn-inverse.active, .btn-inverse:active {
        background-image: none;
        background-color: #1f1f1f
    }

    .btn-inverse fieldset[disabled], .btn-inverse.disabled, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
        background-color: #454545;
        border-color: transparent
    }

    .btn-inverse .badge {
        color: #454545;
        background-color: #fff
    }

.btn-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center
}

    .btn-icon.btn-default:hover {
        background: #fff
    }

.btn-icon-text > .zmdi {
    font-size: 15px;
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    line-height: 100%;
    margin-right: 5px
}

.btn-float {
    width: 30px;
    height: 40px;
    border-radius: 50%;
    line-height: 45px !important
}

    .btn-float:not(.m-btn) {
        position: absolute !important
    }

    .btn-float i {
        font-size: 23px;
        transition: all;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }

    .btn-float:not(.bgm-white):not(.bgm-gray) > i {
        color: #fff
    }

    .btn-float.bgm-gray > i, .btn-float.bgm-white > i {
        color: #333
    }

.open .btn, .open .btn:active, .open .btn:focus {
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important
}

.m-btn {
    z-index: 1;
    bottom: 40px;
    right: 40px;
    position: fixed !important
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0
}

input:active, input:focus {
    outline: 0
}

.form-control {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    resize: none
}

    .form-control:active, .form-control:focus {
        border-bottom-color: #b4b4b4;
        box-shadow: none
    }

    .form-control:not(.fc-alt) {
        box-shadow: none;
        border: 0;
        border-bottom: 1px solid #e0e0e0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0
    }

        .form-control:not(.fc-alt):active, .form-control:not(.fc-alt):focus {
            border-bottom-color: #b4b4b4
        }

        .form-control:not(.fc-alt).auto-size {
            padding-top: 6px
        }

.fc-alt {
    border: 1px solid #E4E4E4
}

    .fc-alt:active, .fc-alt:focus {
        border-color: #D7D7D7
    }

.checkbox label, .radio label {
    padding-left: 30px;
    position: relative
}

.checkbox input, .radio input {
    top: 0;
    left: 0;
    margin-left: 0 !important;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 0
}

.checkbox .input-helper:after, .checkbox .input-helper:before, .radio .input-helper:after, .radio .input-helper:before {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    content: ""
}

.checkbox .input-helper:before, .radio .input-helper:before {
    left: 0;
    border: 1px solid #ccc
}

.checkbox.disabled, .radio.disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.checkbox input {
    width: 17px;
    height: 17px
}

    .checkbox input:checked + .input-helper:before {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    .checkbox input:checked + .input-helper:after {
        -webkit-transform: scale(1) rotate(-50deg);
        -ms-transform: scale(1) rotate(-50deg);
        -o-transform: scale(1) rotate(-50deg);
        transform: scale(1) rotate(-50deg);
        opacity: 1;
        filter: alpha(opacity=100)
    }

.checkbox .input-helper:before {
    top: 0;
    width: 17px;
    height: 17px
}

.checkbox .input-helper:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(80deg);
    -ms-transform: scale(0) rotate(80deg);
    -o-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    width: 22px;
    height: 9px;
    border-bottom: 2px solid #009688;
    border-left: 2px solid #009688;
    border-bottom-left-radius: 2px;
    left: -1px;
    top: 1px
}

.has-error .checkbox .input-helper:before {
    border-color: #f99d97
}

.has-error .checkbox .input-helper:after {
    border-bottom-color: #f77066;
    border-left-color: #f77066
}

.has-success .checkbox .input-helper:before {
    border-color: #92cf94
}

.has-success .checkbox .input-helper:after {
    border-bottom-color: #6ec071;
    border-left-color: #6ec071
}

.has-warning .checkbox .input-helper:before {
    border-color: #ffdb6d
}

.has-warning .checkbox .input-helper:after {
    border-bottom-color: #ffce3a;
    border-left-color: #ffce3a
}

.radio input {
    width: 19px;
    height: 19px
}

    .radio input:checked + .input-helper:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

.radio .input-helper:before {
    top: -1px;
    width: 19px;
    height: 19px;
    border-radius: 50%
}

.radio .input-helper:after {
    width: 11px;
    height: 11px;
    background: #009688;
    border-radius: 50%;
    top: 3px;
    left: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.checkbox-inline, .radio-inline {
    vertical-align: top;
    margin-top: 0;
    padding-left: 25px
}

html:not(.ie9) .select {
    position: relative
}

    html:not(.ie9) .select:before {
        position: absolute;
        top: -1px;
        content: "";
        height: calc(100% - 1px);
        width: 30px;
        background-color: #FFF;
        background-position: right calc(100% - 7px);
        background-repeat: no-repeat;
        background-image: url(../img/select.png);
        pointer-events: none;
        z-index: 5
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    html:not(.ie9) .select:before {
        background-image: url(../img/select@2x.png);
        background-size: 12px 12px
    }
}

html:not(.ie9) .select:not(.fg-line):before {
    right: 0
}

.input-group .dropdown-menu.pull-right, html:not(.ie9) .select.fg-line:before {
    right: 10px
}

.input-group-addon {
    border-width: 0 0 1px
}

.fg-line {
    position: relative;
    vertical-align: top
}

    .fg-line:not(.form-group) {
        display: inline-block;
        width: 100%
    }

    .fg-line .form-control {
        resize: none
    }

        .fg-line .form-control:disabled {
            color: #9d9d9d;
            background: 0 0
        }

    .fg-line:not(.disabled):after, .fg-line:not(.readonly):after {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 0;
        content: "";
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .fg-line.fg-toggled:after, .fg-line.input-toggled:after {
        width: 100%
    }

    .fg-line:not([class*=has-]):after {
        background: #2196f3
    }

    .fg-line.readonly .form-control {
        color: #9d9d9d;
        background: 0 0
    }

    .fg-line.has-success:after {
        background: #4caf50
    }

    .fg-line.has-warning:after {
        background: #ffc107
    }

    .fg-line.has-error:after {
        background: #f44336
    }

.has-success .fg-line:after {
    background: #4caf50
}

.has-warning .fg-line:after {
    background: #ffc107
}

.has-error .fg-line:after {
    background: #f44336
}

.fg-float {
    margin-top: 2px;
    position: relative
}

    .fg-float .form-control {
        position: relative;
        background: 0 0;
        z-index: 1
    }

        .fg-float .form-control::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .fg-float .form-control:-ms-input-placeholder {
            color: #fff
        }

        .fg-float .form-control::-webkit-input-placeholder {
            color: #fff
        }

    .fg-float .fg-label {
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        position: absolute;
        top: 5px;
        font-weight: 400;
        color: #959595;
        pointer-events: none;
        z-index: 0;
        left: 0;
        white-space: nowrap
    }

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #4caf50
}

.input-group .dropdown-menu:not(.pull-right), .input-group .fg-line:after {
    left: 10px
}

.fg-float .input-sm + .fg-label {
    font-size: 11px
}

.fg-float .fg-toggled + .fg-label {
    top: -20px;
    font-size: 11px
}

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

.has-success .form-control {
    border-color: #b5dfb7
}

    .has-success .form-control:focus {
        border-color: #92cf94;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fcfefc;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fcfefc
    }

.has-success .input-group-addon {
    color: #4caf50;
    border-color: #b5dfb7;
    background-color: #fff
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #ff9800
}

.has-warning .form-control {
    border-color: #ffd699;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #ffc166;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff
    }

.has-warning .input-group-addon {
    color: #ff9800;
    border-color: #ffd699;
    background-color: #fff
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f44336
}

.has-error .form-control {
    border-color: #fccbc7;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #f99d97;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff
    }

.has-error .input-group-addon {
    color: #f44336;
    border-color: #fccbc7;
    background-color: #fff
}

.has-error .form-control, .has-success .form-control, .has-warning .form-control {
    box-shadow: none
}

.form-control-feedback {
    font-size: 20px
}

.control-label {
    font-weight: 400
}

.input-group .input-group-addon {
    vertical-align: bottom;
    padding: 0
}

.toggle-switch, .toggle-switch .ts-label {
    vertical-align: top;
    display: inline-block
}

.input-group .input-group-addon .zmdi {
    line-height: 100%
}

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon:not(.last) {
    padding-right: 10px
}

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon.last {
    padding-left: 10px
}

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon .zmdi {
    font-size: 23px
}

.input-group.input-group-lg .input-group-addon:not(.last) {
    padding-right: 15px
}

.input-group.input-group-lg .input-group-addon.last {
    padding-left: 15px
}

.input-group.input-group-lg .input-group-addon .zmdi {
    font-size: 30px
}

.input-group.input-group-sm .input-group-addon:not(.last) {
    padding-right: 5px
}

.input-group.input-group-sm .input-group-addon.last {
    padding-left: 5px
}

.input-group.input-group-sm .input-group-addon .zmdi {
    font-size: 18px
}

.input-group > [class*=col-] {
    padding: 0
}

.input-group .fg-line {
    padding: 0 10px
}

    .input-group .fg-line.fg-toggled:after {
        width: calc(100% - 20px)
    }

.toggle-switch {
    user-select: none
}

    .toggle-switch .ts-label {
        margin: 0 20px 0 0;
        -webkit-transition: color .56s cubic-bezier(.4,0,.2,1);
        transition: color .56s cubic-bezier(.4,0,.2,1)
    }

    .toggle-switch .ts-helper {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 16px;
        border-radius: 8px;
        background: rgba(0,0,0,.26);
        -webkit-transition: background .28s cubic-bezier(.4,0,.2,1);
        transition: background .28s cubic-bezier(.4,0,.2,1);
        vertical-align: middle;
        cursor: pointer
    }

.lv-avatar > img, .pagination > li {
    vertical-align: top
}

.toggle-switch .ts-helper:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 24px;
    height: 24px;
    background: #fafafa;
    box-shadow: 0 2px 8px rgba(0,0,0,.28);
    border-radius: 50%;
    webkit-transition: left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(128,128,128,.1)
}

.toggle-switch input {
    position: absolute;
    z-index: 1;
    width: 46px;
    margin: 0 0 0 -4px;
    height: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

    .toggle-switch input:checked + .ts-helper:before {
        left: 20px
    }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
    background: rgba(0,150,136,.5)
}

    .toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
        background: #009688
    }

    .toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2)
    }

.toggle-switch.disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked + .ts-helper {
    background: rgba(244,67,54,.5)
}

    .toggle-switch[data-ts-color=red] input:not(:disabled):checked + .ts-helper:before {
        background: #f44336
    }

    .toggle-switch[data-ts-color=red] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(244,67,54,.2)
    }

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked + .ts-helper {
    background: rgba(33,150,243,.5)
}

    .toggle-switch[data-ts-color=blue] input:not(:disabled):checked + .ts-helper:before {
        background: #2196f3
    }

    .toggle-switch[data-ts-color=blue] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(33,150,243,.2)
    }

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked + .ts-helper {
    background: rgba(255,193,7,.5)
}

    .toggle-switch[data-ts-color=amber] input:not(:disabled):checked + .ts-helper:before {
        background: #ffc107
    }

    .toggle-switch[data-ts-color=amber] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(255,193,7,.2)
    }

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked + .ts-helper {
    background: rgba(156,39,176,.5)
}

    .toggle-switch[data-ts-color=purple] input:not(:disabled):checked + .ts-helper:before {
        background: #9c27b0
    }

    .toggle-switch[data-ts-color=purple] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(156,39,176,.2)
    }

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked + .ts-helper {
    background: rgba(233,30,99,.5)
}

    .toggle-switch[data-ts-color=pink] input:not(:disabled):checked + .ts-helper:before {
        background: #e91e63
    }

    .toggle-switch[data-ts-color=pink] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(233,30,99,.2)
    }

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked + .ts-helper {
    background: rgba(205,220,57,.5)
}

    .toggle-switch[data-ts-color=lime] input:not(:disabled):checked + .ts-helper:before {
        background: #cddc39
    }

    .toggle-switch[data-ts-color=lime] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(205,220,57,.2)
    }

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked + .ts-helper {
    background: rgba(0,188,212,.5)
}

    .toggle-switch[data-ts-color=cyan] input:not(:disabled):checked + .ts-helper:before {
        background: #00bcd4
    }

    .toggle-switch[data-ts-color=cyan] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,188,212,.2)
    }

.toggle-switch[data-ts-color=green] input:not(:disabled):checked + .ts-helper {
    background: rgba(76,175,80,.5)
}

    .toggle-switch[data-ts-color=green] input:not(:disabled):checked + .ts-helper:before {
        background: #4caf50
    }

    .toggle-switch[data-ts-color=green] input:not(:disabled):checked + .ts-helper:active:before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(76,175,80,.2)
    }

.ie9-placeholder {
    color: #888 !important;
    font-weight: 400
}

.pagination {
    border-radius: 0
}

    .pagination > li {
        margin: 0 2px;
        display: inline-block
    }

.lv-pagination, .popover-content p {
    margin-bottom: 0
}

.pagination > li > a, .pagination > li > span {
    border-radius: 50% !important;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    z-index: 1;
    border: 0;
    position: relative
}

    .lightbox .lightbox-item:before, .pagination > li > a:before, .pagination > li > span:before {
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        -o-transition: all
    }

    .pagination > li > a > .zmdi, .pagination > li > span > .zmdi {
        font-size: 22px;
        line-height: 40px
    }

    .pagination > li > a:before, .pagination > li > span:before {
        position: absolute;
        -webkit-transform: scale3d(0,0,0);
        -moz-transform: scale3d(0,0,0);
        -ms-transform: scale3d(0,0,0);
        -o-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
        -webkit-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0,0,0,.1);
        z-index: 0;
        border-radius: 50%;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .pagination > li > a:hover:before, .pagination > li > span:hover:before {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

.pagination > li.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.lv-pagination {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid #F0F0F0;
    margin-top: 0
}

.pager li > a, .pager li > span {
    padding: 5px 10px 6px;
    color: #7e7e7e
}

.popover {
    box-shadow: 0 2px 30px rgba(0,0,0,.2)
}

.popover-title {
    border-bottom: 0;
    padding: 15px;
    font-size: 12px;
    text-transform: uppercase
}

    .popover-title + .popover-content {
        padding-top: 0
    }

.popover-content {
    padding: 15px
}

.fw-container .tab-content {
    padding: 25px 0
}

.fw-container .fw-footer {
    text-align: center;
    margin: 30px 0 0;
    width: 100%;
    border-top: 2px solid #eee;
    padding: 15px 0
}

.alert {
    padding-left: 30px;
    font-size: 13px
}

    .alert span {
        cursor: pointer
    }

    .alert:not(.alert-dismissible) {
        padding-right: 30px
    }

    .alert.alert-dismissable {
        padding-right: 44px
    }

.alert-inverse {
    background: rgba(51,51,51,.9);
    box-shadow: 0 0 5px rgba(51,51,51,.5);
    color: #fff
}

    .alert-inverse a {
        color: #fff
    }

.growl-animated {
    border: 0;
    color: #fff
}

    .growl-animated.alert-info {
        background: rgba(33,150,243,.8);
        box-shadow: 0 0 5px rgba(33,150,243,.5)
    }

    .growl-animated.alert-success {
        background: rgba(76,175,80,.8);
        box-shadow: 0 0 5px rgba(76,175,80,.5)
    }

    .growl-animated.alert-warning {
        background: rgba(255,152,0,.8);
        box-shadow: 0 0 5px rgba(255,152,0,.5)
    }

    .growl-animated.alert-danger {
        background: rgba(244,67,54,.8);
        box-shadow: 0 0 5px rgba(244,67,54,.5)
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #e0e0e0;
    box-shadow: 0 0 6px #EAEAEA
}

.lightbox .lightbox-item {
    position: relative
}

    .lightbox .lightbox-item > img {
        width: 100%;
        border-radius: 2px
    }

    .lightbox .lightbox-item:before {
        position: absolute;
        -webkit-transform: scale3d(0,0,0);
        -moz-transform: scale3d(0,0,0);
        -ms-transform: scale3d(0,0,0);
        -o-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
        -webkit-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0,0,0,.1);
        z-index: 0;
        border-radius: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

.lc-block.toggled, .modal-backdrop {
    z-index: 10
}

.lightbox .lightbox-item:hover:before {
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.lightbox .lightbox-item:hover {
    cursor: pointer
}

.lightbox [data-src]:after, .lightbox [data-src]:before {
    content: " ";
    display: table
}

.lightbox .lightbox-item:not(.p-item) {
    position: relative
}

.carousel .carousel-control {
    cursor: pointer;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .carousel .carousel-control .zmdi {
        position: absolute;
        top: 50%;
        left: 50%;
        line-height: 100%
    }

@media screen and (min-width:768px) {
    .carousel .carousel-control .zmdi {
        font-size: 60px;
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px
    }
}

@media screen and (max-width:991px) {
    .carousel .carousel-control .zmdi {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px
    }

    .carousel .carousel-caption {
        display: none
    }
}

.carousel:hover .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .carousel-caption {
    background: rgba(0,0,0,.6);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 50px
}

    .carousel .carousel-caption > h3 {
        color: #fff;
        margin: 0 0 5px;
        font-weight: 300
    }

    .carousel .carousel-caption > p {
        margin: 0
    }

.carousel .carousel-indicators {
    margin: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 0 6px;
    background: rgba(0,0,0,.6)
}

    .carousel .carousel-indicators li {
        border-radius: 0;
        width: 15px;
        border: 0;
        background: #fff;
        height: 3px;
        margin: 0 2px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms
    }

        .carousel .carousel-indicators li.active {
            width: 25px;
            height: 3px;
            background: #ff9800
        }

.modal .modal-footer .btn-link:hover, .modal:not([data-modal-color]) .modal-footer .btn-link:hover {
    background-color: #eee
}

.modal .modal-content {
    box-shadow: 0 5px 20px rgba(0,0,0,.31);
    border-radius: 3px;
    border: 0
}

.modal .modal-header {
    padding: 23px 26px
}

.modal .modal-body {
    padding: 0 26px 10px
}

.modal .modal-footer .btn-link {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
    font-weight: 500
}

.modal[data-modal-color], .modal[data-modal-color] .modal-footer .btn-link, .modal[data-modal-color] .modal-title {
    color: #fff
}

    .modal[data-modal-color] .modal-footer {
        background: rgba(0,0,0,.1)
    }

    .modal[data-modal-color] .modal-backdrop {
        background: #fff
    }

    .modal[data-modal-color] .modal-footer .btn-link {
        font-weight: 400
    }

        .modal[data-modal-color] .modal-footer .btn-link:hover {
            background-color: rgba(0,0,0,.1)
        }

.modal[data-modal-color=blue] .modal-content {
    background: #2196f3
}

.modal[data-modal-color=cyan] .modal-content {
    background: #00bcd4
}

.modal[data-modal-color=green] .modal-content {
    background: #4caf50
}

.modal[data-modal-color=lightgreen] .modal-content {
    background: #8bc34a
}

.modal[data-modal-color=lightblue] .modal-content {
    background: #03a9f4
}

.modal[data-modal-color=amber] .modal-content {
    background: #ffc107
}

.modal[data-modal-color=teal] .modal-content {
    background: #009688
}

.modal[data-modal-color=orange] .modal-content {
    background: #ff9800
}

.modal[data-modal-color=bluegray] .modal-content {
    background: #607d8b
}

.modal[data-modal-color=red] .modal-content {
    background: #f44336
}

.panel {
    box-shadow: none;
    border: 0
}

.panel-heading {
    padding: 0
}

.panel-title > a {
    padding: 10px 15px;
    display: block;
    font-size: 13px
}

.panel-collapse .panel-heading {
    position: relative
}

    .panel-collapse .panel-heading .panel-title > a {
        padding: 8px 5px 16px 30px;
        color: #000;
        position: relative
    }

        .panel-collapse .panel-heading .panel-title > a:after, .panel-collapse .panel-heading .panel-title > a:before {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 100%;
            content: ""
        }

        .panel-collapse .panel-heading .panel-title > a:after {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }

    .panel-collapse .panel-heading:not(.active) .panel-title > a:before {
        background: #eee
    }

    .panel-collapse .panel-heading:after, .panel-collapse .panel-heading:before {
        font-family: 'Material Design Iconic Font';
        font-size: 17px;
        position: absolute;
        left: 0;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 4px
    }

    .panel-collapse .panel-heading:before {
        content: "\f0fb";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .panel-collapse .panel-heading:after {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        content: "\f111"
    }

#messages-main .ms-user:after, #messages-main .ms-user:before, #messages-main:after, #messages-main:before {
    content: " ";
    display: table
}

.panel-collapse .panel-heading.active .panel-title > a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.panel-collapse .panel-heading.active:before {
    -webkit-transform: scale(0) rotate(-90deg);
    -ms-transform: scale(0) rotate(-90deg);
    -o-transform: scale(0) rotate(-90deg);
    transform: scale(0) rotate(-90deg)
}

.panel-collapse .panel-heading.active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.panel-collapse .panel-body {
    border-top: 0 !important;
    padding-left: 5px;
    padding-right: 5px
}

.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #2196f3
}

.panel-group[data-collapse-color=red] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #f44336
}

.panel-group[data-collapse-color=green] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #4caf50
}

.panel-group[data-collapse-color=amber] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #ffc107
}

.panel-group[data-collapse-color=teal] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #009688
}

.panel-group[data-collapse-color=black] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #000
}

.panel-group[data-collapse-color=cyan] .panel-collapse .panel-heading.active .panel-title > a:after {
    background: #00bcd4
}

.tooltip-inner {
    padding: 5px 10px 7px;
    font-size: 13px
}

.tooltip {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    animation-fill-mode: both
}

    .tooltip.tooltip-red .tooltip-inner {
        background-color: #f44336
    }

    .tooltip.tooltip-red.top .tooltip-arrow, .tooltip.tooltip-red.top-left .tooltip-arrow, .tooltip.tooltip-red.top-right .tooltip-arrow {
        border-top-color: #f44336
    }

    .tooltip.tooltip-red.right .tooltip-arrow {
        border-right-color: #f44336
    }

    .tooltip.tooltip-red.left .tooltip-arrow {
        border-left-color: #f44336
    }

    .tooltip.tooltip-red.bottom .tooltip-arrow, .tooltip.tooltip-red.bottom-left .tooltip-arrow, .tooltip.tooltip-red.bottom-right .tooltip-arrow {
        border-bottom-color: #f44336
    }

    .tooltip.tooltip-purple .tooltip-inner {
        background-color: #9c27b0
    }

    .tooltip.tooltip-purple.top .tooltip-arrow, .tooltip.tooltip-purple.top-left .tooltip-arrow, .tooltip.tooltip-purple.top-right .tooltip-arrow {
        border-top-color: #9c27b0
    }

    .tooltip.tooltip-purple.right .tooltip-arrow {
        border-right-color: #9c27b0
    }

    .tooltip.tooltip-purple.left .tooltip-arrow {
        border-left-color: #9c27b0
    }

    .tooltip.tooltip-purple.bottom .tooltip-arrow, .tooltip.tooltip-purple.bottom-left .tooltip-arrow, .tooltip.tooltip-purple.bottom-right .tooltip-arrow {
        border-bottom-color: #9c27b0
    }

    .tooltip.tooltip-blue .tooltip-inner {
        background-color: #2196f3
    }

    .tooltip.tooltip-blue.top .tooltip-arrow, .tooltip.tooltip-blue.top-left .tooltip-arrow, .tooltip.tooltip-blue.top-right .tooltip-arrow {
        border-top-color: #2196f3
    }

    .tooltip.tooltip-blue.right .tooltip-arrow {
        border-right-color: #2196f3
    }

    .tooltip.tooltip-blue.left .tooltip-arrow {
        border-left-color: #2196f3
    }

    .tooltip.tooltip-blue.bottom .tooltip-arrow, .tooltip.tooltip-blue.bottom-left .tooltip-arrow, .tooltip.tooltip-blue.bottom-right .tooltip-arrow {
        border-bottom-color: #2196f3
    }

    .tooltip.tooltip-cyan .tooltip-inner {
        background-color: #00bcd4
    }

    .tooltip.tooltip-cyan.top .tooltip-arrow, .tooltip.tooltip-cyan.top-left .tooltip-arrow, .tooltip.tooltip-cyan.top-right .tooltip-arrow {
        border-top-color: #00bcd4
    }

    .tooltip.tooltip-cyan.right .tooltip-arrow {
        border-right-color: #00bcd4
    }

    .tooltip.tooltip-cyan.left .tooltip-arrow {
        border-left-color: #00bcd4
    }

    .tooltip.tooltip-cyan.bottom .tooltip-arrow, .tooltip.tooltip-cyan.bottom-left .tooltip-arrow, .tooltip.tooltip-cyan.bottom-right .tooltip-arrow {
        border-bottom-color: #00bcd4
    }

    .tooltip.tooltip-teal .tooltip-inner {
        background-color: #009688
    }

    .tooltip.tooltip-teal.top .tooltip-arrow, .tooltip.tooltip-teal.top-left .tooltip-arrow, .tooltip.tooltip-teal.top-right .tooltip-arrow {
        border-top-color: #009688
    }

    .tooltip.tooltip-teal.right .tooltip-arrow {
        border-right-color: #009688
    }

    .tooltip.tooltip-teal.left .tooltip-arrow {
        border-left-color: #009688
    }

    .tooltip.tooltip-teal.bottom .tooltip-arrow, .tooltip.tooltip-teal.bottom-left .tooltip-arrow, .tooltip.tooltip-teal.bottom-right .tooltip-arrow {
        border-bottom-color: #009688
    }

    .tooltip.tooltip-green .tooltip-inner {
        background-color: #4caf50
    }

    .tooltip.tooltip-green.top .tooltip-arrow, .tooltip.tooltip-green.top-left .tooltip-arrow, .tooltip.tooltip-green.top-right .tooltip-arrow {
        border-top-color: #4caf50
    }

    .tooltip.tooltip-green.right .tooltip-arrow {
        border-right-color: #4caf50
    }

    .tooltip.tooltip-green.left .tooltip-arrow {
        border-left-color: #4caf50
    }

    .tooltip.tooltip-green.bottom .tooltip-arrow, .tooltip.tooltip-green.bottom-left .tooltip-arrow, .tooltip.tooltip-green.bottom-right .tooltip-arrow {
        border-bottom-color: #4caf50
    }

    .tooltip.tooltip-orange .tooltip-inner {
        background-color: #ff9800
    }

    .tooltip.tooltip-orange.top .tooltip-arrow, .tooltip.tooltip-orange.top-left .tooltip-arrow, .tooltip.tooltip-orange.top-right .tooltip-arrow {
        border-top-color: #ff9800
    }

    .tooltip.tooltip-orange.right .tooltip-arrow {
        border-right-color: #ff9800
    }

    .tooltip.tooltip-orange.left .tooltip-arrow {
        border-left-color: #ff9800
    }

    .tooltip.tooltip-orange.bottom .tooltip-arrow, .tooltip.tooltip-orange.bottom-left .tooltip-arrow, .tooltip.tooltip-orange.bottom-right .tooltip-arrow {
        border-bottom-color: #ff9800
    }

    .tooltip.tooltip-brown .tooltip-inner {
        background-color: #795548
    }

    .tooltip.tooltip-brown.top .tooltip-arrow, .tooltip.tooltip-brown.top-left .tooltip-arrow, .tooltip.tooltip-brown.top-right .tooltip-arrow {
        border-top-color: #795548
    }

    .tooltip.tooltip-brown.right .tooltip-arrow {
        border-right-color: #795548
    }

    .tooltip.tooltip-brown.left .tooltip-arrow {
        border-left-color: #795548
    }

    .tooltip.tooltip-brown.bottom .tooltip-arrow, .tooltip.tooltip-brown.bottom-left .tooltip-arrow, .tooltip.tooltip-brown.bottom-right .tooltip-arrow {
        border-bottom-color: #795548
    }

    .tooltip.tooltip-bluegray .tooltip-inner {
        background-color: #607d8b
    }

    .tooltip.tooltip-bluegray.top .tooltip-arrow, .tooltip.tooltip-bluegray.top-left .tooltip-arrow, .tooltip.tooltip-bluegray.top-right .tooltip-arrow {
        border-top-color: #607d8b
    }

    .tooltip.tooltip-bluegray.right .tooltip-arrow {
        border-right-color: #607d8b
    }

    .tooltip.tooltip-bluegray.left .tooltip-arrow {
        border-left-color: #607d8b
    }

    .tooltip.tooltip-bluegray.bottom .tooltip-arrow, .tooltip.tooltip-bluegray.bottom-left .tooltip-arrow, .tooltip.tooltip-bluegray.bottom-right .tooltip-arrow {
        border-bottom-color: #607d8b
    }

    .tooltip.tooltip-black .tooltip-inner {
        background-color: #000
    }

    .tooltip.tooltip-black.top .tooltip-arrow, .tooltip.tooltip-black.top-left .tooltip-arrow, .tooltip.tooltip-black.top-right .tooltip-arrow {
        border-top-color: #000
    }

    .tooltip.tooltip-black.right .tooltip-arrow {
        border-right-color: #000
    }

    .tooltip.tooltip-black.left .tooltip-arrow {
        border-left-color: #000
    }

    .tooltip.tooltip-black.bottom .tooltip-arrow, .tooltip.tooltip-black.bottom-left .tooltip-arrow, .tooltip.tooltip-black.bottom-right .tooltip-arrow {
        border-bottom-color: #000
    }

.breadcrumb {
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0
}

    .breadcrumb > li > a {
        color: #A9A9A9
    }

        .breadcrumb > li > a:hover {
            color: #7c7c7c
        }

@media (min-width:768px) {
    body:not(.sw-toggled) .breadcrumb {
        padding: 10px 33px 11px
    }
}

@media (min-width:1199px) {
    body.sw-toggled .breadcrumb {
        padding: 10px 33px 11px 280px
    }
}

#messages-main {
    position: relative
}

    #messages-main .ms-block {
        padding: 23px 20px 0
    }

    #messages-main .ms-menu {
        position: absolute;
        left: 0;
        top: 0;
        background: #F8F8F8;
        border-right: 1px solid #EEE;
        padding-bottom: 50px;
        height: 100%;
        width: 240px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms
    }

        #messages-main .ms-menu .lv-item {
            padding-left: 20px;
            padding-right: 20px
        }

            #messages-main .ms-menu .lv-item.active {
                background: #fff
            }

            #messages-main .ms-menu .lv-item:not(.active):hover {
                background: #F2F2F2;
                cursor: pointer
            }

@media (min-width:768px) {
    #messages-main .ms-body {
        padding-left: 240px
    }

    #ms-menu-trigger {
        display: none
    }
}

@media (max-width:767px) {
    #messages-main .ms-menu {
        height: calc(100% - 58px);
        -webkit-transform: translate3d(-240px,58px,0);
        transform: translate3d(-240px,58px,0);
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1
    }

        #messages-main .ms-menu.toggled {
            -webkit-transform: translate3d(0,58px,0);
            transform: translate3d(0,58px,0);
            opacity: 1;
            filter: alpha(opacity=100)
        }

    #messages-main .ms-body {
        overflow: hidden
    }
}

.four-zero-content:before, .t-view:after, body.login-content:after, body.login-content:before {
    content: ""
}

#messages-main .ms-user > img {
    border-radius: 50%;
    width: 40px;
    float: left
}

.lv-avatar, .lv-avatar > img {
    width: 35px;
    height: 35px;
    border-radius: 50%
}

#messages-main .ms-user > div {
    overflow: hidden;
    padding: 7px 5px 7px 15px;
    font-size: 11px
}

#messages-main #ms-compose {
    position: fixed;
    bottom: 120px;
    z-index: 1;
    right: 30px;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}

#ms-menu-trigger {
    -webkit-touch-callout: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin: 1px 0 0 -7px
}

.ng-table th.sortable, .p-grid > li {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none
}

.four-zero footer > a, .lc-block, .ms-item {
    display: inline-block
}

#ms-menu-trigger .line-wrap .line {
    background-color: #717171
}

.lv-message .lv-item {
    padding: 20px
}

    .lv-message .lv-item.right {
        text-align: right
    }

        .lv-message .lv-item.right .lv-avatar {
            margin-right: 0;
            margin-left: 15px
        }

    .lv-message .lv-item:not(.right) .ms-item {
        background: #ffc107;
        color: #fff
    }

    .lv-message .lv-item.right .ms-item {
        background: #eee
    }

.lv-avatar {
    color: #FFF;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    margin-right: 15px;
    padding: 0 !important;
    text-transform: uppercase
}

.ms-item {
    padding: 13px 19px 15px;
    border-radius: 2px
}

@media (min-width:768px) {
    .ms-item {
        max-width: 70%
    }
}

.container-alt, .invoice, .pricing-table {
    max-width: 1170px
}

.ms-date {
    display: block;
    color: #B3B3B3;
    margin-top: 7px
}

    .ms-date > i {
        font-size: 14px;
        vertical-align: bottom;
        line-height: 100%
    }

.ms-reply {
    box-shadow: 0 -20px 20px -5px #fff;
    position: relative;
    margin: 0 !important
}

.four-zero, .lc-block {
    box-shadow: 0 1px 11px rgba(0,0,0,.27)
}

.ms-reply textarea {
    width: 100%;
    font-size: 13px;
    border: 0;
    padding: 10px 8px;
    resize: none;
    height: 60px
}

.ms-reply button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: 100%;
    width: 60px;
    font-size: 25px;
    background: #F5F5F5;
    color: #2196f3
}

    .ms-reply button:hover {
        background: #f2f2f2
    }

.four-zero-content {
    background: #fff;
    padding: 20px
}

    .four-zero-content:before {
        height: 50%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #EDECEC
    }

.four-zero {
    background: #00bcd4;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    color: #fff;
    text-align: center;
    padding: 15px;
    height: 300px;
    width: 500px;
    left: 50%;
    margin-left: -250px
}

    .four-zero h2 {
        font-size: 130px;
        line-height: 100%;
        color: #fff;
        font-weight: 100
    }

@media (max-width:767px) {
    .four-zero {
        width: calc(100% - 40px);
        left: 20px;
        margin-left: 0;
        height: 260px;
        margin-top: -130px
    }

        .four-zero h2 {
            font-size: 90px
        }
}

.four-zero small {
    display: block;
    font-size: 26px;
    margin-top: -10px
}

.four-zero footer {
    background: rgba(0,0,0,.13);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px
}

    .four-zero footer > a {
        font-size: 21px;
        color: #FFF;
        margin: 0 1px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,.09);
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

        .four-zero footer > a:hover {
            background: rgba(0,0,0,.2)
        }

.login-content {
    overflow: hidden;
    height: 100%
}

.lc-block {
    background: #fff;
    border-radius: 2px;
    width: 500px;
    margin-top: 42px;
    vertical-align: middle;
    position: relative
}

    .lc-block:not(.lcb-alt) {
        padding: 35px 55px
    }

        .lc-block:not(.lcb-alt) .btn-login {
            top: 50%;
            margin-top: -25px;
            right: -25px
        }

    .lc-block:not(.toggled) {
        display: none
    }

@media (max-width:767px) {
    .lc-block {
        padding: 15px 35px 25px 20px;
        width: calc(100% - 60px)
    }
}

.lc-block .checkbox {
    margin: 5px 0 0 42px;
    text-align: left
}

#calendar-widget .fc-day-number, #footer, #loading-bar-spinner, #profile-main .pmo-pic .pmo-stat, #profile-main .pmo-pic .pmop-edit, .contacts .c-footer > button, .contacts .c-info, .ie-warning, .load-more, .login-navigation, .p-grid, .pmo-contact ul li i, .pt-inner, .pt-inner .pti-footer > a, .t-view:before, .wall-img-preview, .wp-media, body.login-content {
    text-align: center
}

.login-navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -45px
}

    .login-navigation > li {
        display: inline-block;
        margin: 0 2px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        cursor: pointer;
        vertical-align: top;
        color: #fff;
        line-height: 16px;
        min-width: 16px;
        min-height: 16px;
        text-transform: uppercase;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .login-navigation > li > span {
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .login-navigation > li:not(:hover) {
            font-size: 0;
            border-radius: 100%
        }

        .login-navigation > li:hover {
            border-radius: 10px;
            padding: 0 5px;
            font-size: 8px
        }

            .login-navigation > li:hover > span {
                opacity: 1;
                filter: alpha(opacity=100)
            }

.lcb-alt {
    padding: 70px 55px 60px
}

    .lcb-alt .btn-login {
        bottom: -25px;
        left: 50%;
        margin-left: -25px
    }

    .lcb-alt .login-navigation {
        bottom: -75px
    }

.lcb-user {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    box-shadow: 0 -4px 10px rgba(0,0,0,.18)
}

body.login-content:after {
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%
}

body.login-content:before {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00bcd4;
    z-index: 0
}

#profile-main {
    min-height: 500px;
    position: relative
}

    #profile-main .pm-overview {
        overflow-y: auto
    }

@media (min-width:1200px) {
    #profile-main .pm-overview {
        width: 300px
    }

    #profile-main .pm-body {
        padding-left: 300px
    }
}

@media (min-width:768px) and (max-width:1200px) {
    #profile-main .pm-overview {
        width: 250px
    }

    #profile-main .pm-body {
        padding-left: 250px
    }
}

@media (min-width:768px) {
    #profile-main .pm-overview {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: #f8f8f8;
        border-right: 1px solid #eee
    }

    #profile-main .pmo-pic img {
        width: 100%;
        border-radius: 2px 2px 0 0
    }
}

#profile-main .pmo-pic {
    position: relative;
    margin: 20px
}

@media (max-width:767px) {
    #profile-main .pm-overview {
        width: 100%;
        background: #333;
        text-align: center
    }

    #profile-main .pm-body {
        padding-left: 0
    }

    #profile-main .pmo-pic img {
        width: 180px;
        display: inline-block;
        height: 180px;
        border-radius: 50%;
        border: 4px solid #fff;
        box-shadow: 0 8px 17px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)
    }
}

.pmo-map, .t-view .tvh-user {
    display: block
}

#profile-main .pmo-pic .pmo-stat {
    border-radius: 0 0 2px 2px;
    color: #fff;
    padding: 30px 5px 0
}

@media (min-width:768px) {
    #profile-main .pmo-pic .pmo-stat {
        background: #ffc107;
        padding-bottom: 15px
    }

    #profile-main .pmo-pic .pmop-edit {
        width: 100%;
        opacity: 0;
        filter: alpha(opacity=0)
    }

        #profile-main .pmo-pic .pmop-edit i {
            margin-right: 4px
        }
}

#profile-main .pmo-pic .pmop-edit {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0,0,0,.38);
    padding: 10px 10px 11px;
    -webkit-transition: opacity;
    -o-transition: opacity;
    transition: opacity;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

    #profile-main .pmo-pic .pmop-edit:hover {
        background: rgba(0,0,0,.8)
    }

    #profile-main .pmo-pic .pmop-edit i {
        font-size: 18px;
        vertical-align: middle;
        margin-top: -3px
    }

#profile-main .pmo-pic:hover .pmop-edit {
    opacity: 1;
    filter: alpha(opacity=100)
}

#profile-main .pmo-pic .pmop-message {
    position: absolute;
    bottom: 27px;
    left: 50%;
    margin-left: -25px
}

    #profile-main .pmo-pic .pmop-message .dropdown-menu {
        padding: 5px 0 55px;
        left: -90px;
        width: 228px;
        height: 150px;
        top: -74px;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }

        #profile-main .pmo-pic .pmop-message .dropdown-menu textarea {
            width: 100%;
            height: 95px;
            border: 0;
            resize: none;
            padding: 10px 19px
        }

        #profile-main .pmo-pic .pmop-message .dropdown-menu button {
            position: absolute;
            bottom: 5px;
            left: 93px
        }

#profile-main .pmb-block {
    margin-bottom: 20px
}

@media (min-width:1200px) {
    #profile-main .pmb-block {
        padding: 40px 42px 0
    }
}

@media (max-width:1199px) {
    #profile-main .pmb-block {
        padding: 30px 20px 0
    }
}

#profile-main .pmb-block:last-child {
    margin-bottom: 50px
}

#profile-main .pmb-block .pmbb-header {
    margin-bottom: 25px;
    position: relative
}

    #profile-main .pmb-block .pmbb-header .actions {
        position: absolute;
        top: -2px;
        right: 0
    }

    #profile-main .pmb-block .pmbb-header h2 {
        margin: 0;
        font-weight: 100;
        font-size: 20px
    }

#profile-main .pmb-block .pmbb-edit {
    position: relative;
    z-index: 1
}

#profile-main .pmo-block {
    padding: 25px
}

    #profile-main .pmo-block > h2 {
        font-size: 16px;
        margin: 0 0 15px
    }

#profile-main .pmo-items .pmob-body {
    padding: 0 10px
}

#profile-main .pmo-items a {
    display: block;
    padding: 4px
}

    #profile-main .pmo-items a img {
        width: 100%
    }

.pmo-contact ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .pmo-contact ul li {
        position: relative;
        padding: 8px 0 8px 35px
    }

        .pmo-contact ul li i {
            font-size: 18px;
            vertical-align: top;
            line-height: 100%;
            position: absolute;
            left: 0;
            width: 18px
        }

.t-view, .timeline {
    position: relative
}

.pmo-map {
    margin: 20px -20px -18px
}

    .pmo-map img {
        width: 100%
    }

@media (min-width:768px) {
    .timeline {
        padding: 50px 50px 50px 100px
    }
}

.t-view {
    border: 1px solid #eee;
    margin-bottom: 35px
}

@media (max-width:767px) {
    .c-timeline {
        background: #edecec;
        box-shadow: none
    }

        .c-timeline .tab-nav {
            background: #fff;
            box-shadow: 0 1px 1px rgba(0,0,0,.15)
        }

    .timeline {
        margin-top: 30px
    }

    .t-view {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.15)
    }
}

.t-view .tv-header {
    padding: 16px 18px;
    border-bottom: 1px solid #eee;
    background: #F9F9F9
}

    .t-view .tv-header .actions {
        position: absolute;
        top: 5px;
        right: 10px
    }

.t-view .tv-body {
    padding: 23px 25px
}

    .t-view .tv-body .tvb-lightbox {
        margin: 0 -8px 15px
    }

        .t-view .tv-body .tvb-lightbox [data-src] {
            padding: 0 5px;
            margin-bottom: 5px
        }

.t-view .tvh-user img {
    width: 46px;
    height: 46px;
    border-radius: 50%
}

.t-view:before {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: -70px;
    top: 0;
    border: 3px solid #FFF;
    font-size: 16px;
    line-height: 34px;
    color: #FFF;
    font-family: Material-Design-Iconic-Font;
    z-index: 1
}

.t-view:after {
    position: absolute;
    top: 0;
    left: -50px;
    width: 1px;
    height: calc(100% + 37px)
}

.t-view[data-tv-type=text]:before {
    content: "\f24f";
    background: #00bcd4;
    box-shadow: 0 0 0 1px #00bcd4
}

.t-view[data-tv-type=text]:after {
    background: #00bcd4
}

.t-view[data-tv-type=image]:before {
    content: "\f17f";
    background: #4caf50;
    box-shadow: 0 0 0 1px #4caf50
}

.t-view[data-tv-type=image]:after {
    background: #4caf50
}

.t-view[data-tv-type=video]:before {
    content: "\f3a9";
    background: #ffc107;
    box-shadow: 0 0 0 1px #ffc107
}

.t-view[data-tv-type=video]:after {
    background: #ffc107
}

.t-view .tvb-stats {
    list-style: none;
    padding: 0;
    margin: 10px 0 20px
}

    .t-view .tvb-stats > li {
        display: inline-block;
        padding: 5px 10px 6px;
        border: 1px solid #ccc;
        margin-right: 2px
    }

        .t-view .tvb-stats > li i {
            font-size: 15px;
            line-height: 100%;
            vertical-align: top;
            margin-top: 2px
        }

        .t-view .tvb-stats > li.tvbs-comments {
            border-color: #4caf50;
            color: #4caf50
        }

        .t-view .tvb-stats > li.tvbs-likes {
            border-color: #03a9f4;
            color: #03a9f4
        }

        .t-view .tvb-stats > li.tvbs-views {
            border-color: #ff9800;
            color: #ff9800
        }

.tv-comments .tvc-lists {
    padding: 0;
    list-style: none;
    margin: 0
}

    .tv-comments .tvc-lists > li {
        padding: 15px 20px;
        margin: 0;
        border-top: 1px solid #eee
    }

.tvc-more {
    color: #333;
    display: block;
    margin-bottom: -10px
}

    .tvc-more:hover {
        color: #000
    }

    .tvc-more i {
        vertical-align: middle;
        margin-right: 5px
    }

.p-header {
    position: relative;
    margin: 0 -7px
}

    .p-header .actions {
        position: absolute;
        top: -18px;
        right: 0
    }

.p-menu {
    list-style: none;
    padding: 0 5px;
    margin: 0 0 30px
}

    .p-menu > li {
        display: inline-block;
        vertical-align: top
    }

        .p-menu > li > a {
            display: block;
            padding: 5px 20px 5px 0;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 15px
        }

            .p-menu > li > a > i {
                margin-right: 4px;
                font-size: 20px;
                vertical-align: middle;
                margin-top: -5px
            }

        .p-menu > li:not(.active) > a {
            color: #4285F4
        }

            .p-menu > li:not(.active) > a:hover {
                color: #333
            }

        .p-menu > li.active > a {
            color: #000
        }

@media (max-width:991px) {
    .p-menu .pm-search {
        margin: 20px 2px 30px;
        display: block
    }

        .p-menu .pm-search input[type=text] {
            width: 100%;
            border: 1px solid #ccc
        }
}

.p-menu .pms-inner {
    margin: -2px 0 0;
    position: relative;
    top: -2px;
    overflow: hidden;
    white-space: nowrap
}

    .p-menu .pms-inner i {
        vertical-align: top;
        font-size: 20px;
        line-height: 100%;
        position: absolute;
        left: 9px;
        top: 8px;
        color: #333
    }

    .p-menu .pms-inner input[type=text] {
        height: 35px;
        border-radius: 2px;
        padding: 0 10px 0 40px
    }

@media (min-width:768px) {
    .p-menu .pms-inner input[type=text] {
        border: 1px solid #fff;
        width: 50px;
        background: 0 0;
        position: relative;
        z-index: 1;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

        .p-menu .pms-inner input[type=text]:focus {
            border-color: #DFDFDF;
            width: 200px
        }
}

.photos {
    margin: -3px 0 0
}

    .photos .lightbox {
        margin: 0 -8px
    }

    .photos:not(.p-timeline) [data-src] {
        padding: 3px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms
    }

.p-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 23px
}

    .p-grid > li {
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 30px;
        border: 1px solid #D5D5D5;
        line-height: 27px;
        font-size: 12px;
        color: #ABABAB;
        border-radius: 50%;
        letter-spacing: -1px;
        padding-right: 1px;
        margin: 0 2px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .p-grid > li:hover {
            border-color: silver
        }

        .p-grid > li.active {
            color: #8C8C8C;
            border-color: #8C8C8C
        }

.p-timeline {
    position: relative;
    padding-left: 80px;
    margin-bottom: 75px
}

    .p-timeline [data-src] {
        float: left;
        width: 70px;
        height: 70px;
        margin: 0 3px 3px 0
    }

    .p-timeline:last-child .pt-line:before, .pt-line {
        height: 100%
    }

.ptb-title {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px
}

.pt-line {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 14px
}

    .pt-line:after, .pt-line:before {
        content: "";
        position: absolute
    }

    .pt-line:before {
        width: 1px;
        height: calc(100% + 63px);
        background: #E2E2E2;
        top: 14px;
        right: -20px
    }

    .pt-line:after {
        top: 2px;
        right: -26px;
        width: 13px;
        height: 13px;
        border: 1px solid #C1C1C1;
        border-radius: 50%
    }

.contacts:not(.c-profile) {
    padding: 0 8px
}

.contacts > [class*=col-] {
    padding: 0 10px
}

.contacts .c-item {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin-bottom: 24px
}

    .contacts .c-item .ci-avatar {
        display: block
    }

        .contacts .c-item .ci-avatar img {
            width: 100%;
            border-radius: 2px 2px 0 0
        }

.contacts .ci-avatar {
    margin: -1px -1px 0
}

.contacts .c-info {
    margin-top: 15px;
    padding: 0 5px
}

    .contacts .c-info strong {
        color: #000;
        font-size: 14px;
        font-weight: 500
    }

    .contacts .c-info small {
        color: #999;
        margin-top: 3px
    }

    .contacts .c-info small, .contacts .c-info strong {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block
    }

.contacts .c-footer {
    border-top: 1px solid #e2e2e2;
    margin-top: 18px
}

    .contacts .c-footer > button {
        padding: 4px 10px 3px;
        display: block;
        width: 100%;
        color: #333;
        font-weight: 500;
        border-radius: 2px;
        background: #fff;
        border: 0
    }

        .contacts .c-footer > button > i {
            font-size: 16px;
            vertical-align: middle;
            margin-top: -3px
        }

.z-depth-1-top {
    box-shadow: 0 2px 10px rgba(0,0,0,.12)
}

.z-depth-1-bottom {
    box-shadow: 0 2px 5px rgba(0,0,0,.16)
}

.z-depth-2 {
    box-shadow: 0 8px 17px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)
}

.z-depth-2-top {
    box-shadow: 0 6px 20px rgba(0,0,0,.19)
}

.z-depth-2-bottom {
    box-shadow: 0 8px 17px rgba(0,0,0,.2)
}

.z-depth-3 {
    box-shadow: 0 12px 15px rgba(0,0,0,.24),0 17px 50px rgba(0,0,0,.19)
}

.z-depth-3-top {
    box-shadow: 0 17px 50px rgba(0,0,0,.19)
}

.z-depth-3-bottom {
    box-shadow: 0 12px 15px rgba(0,0,0,.24)
}

.z-depth-4 {
    box-shadow: 0 16px 28px rgba(0,0,0,.22),0 25px 55px rgba(0,0,0,.21)
}

.z-depth-4-top {
    box-shadow: 0 25px 55px rgba(0,0,0,.21)
}

.z-depth-4-bottom {
    box-shadow: 0 16px 28px rgba(0,0,0,.22)
}

.z-depth-5 {
    box-shadow: 0 27px 24px rgba(0,0,0,.2),0 40px 77px rgba(0,0,0,.22)
}

.z-depth-5-top {
    box-shadow: 0 40px 77px rgba(0,0,0,.22)
}

.z-depth-5-bottom {
    box-shadow: 0 27px 24px rgba(0,0,0,.2)
}

.z-depth-animation .z-depth-1, .z-depth-animation .z-depth-2, .z-depth-animation .z-depth-3, .z-depth-animation .z-depth-4, .z-depth-animation .z-depth-5 {
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1)
}

.block-header {
    margin-bottom: 25px;
    position: relative
}

@media screen and (min-width:768px) {
    .block-header {
        padding: 0 22px
    }
}

@media screen and (max-width:991px) {
    .block-header {
        padding: 0 18px
    }
}

.block-header > h2 {
    font-size: 15px;
    color: #777;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase
}

.load-more a i, .wpba-attrs > ul > li > a > i {
    font-size: 20px
}

.block-header > h2 > small {
    display: block;
    text-transform: none;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #9E9E9E;
    line-height: 140%
}

.dp-title, .fc-toolbar h2, .tr-dpday th {
    text-transform: uppercase
}

.block-header .actions {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 5
}

.block-header-alt h1, .block-header-alt h2, .block-header-alt h3, .block-header-alt h4, .block-header-alt h5 {
    color: #575757;
    font-weight: 100
}






.actions {
    list-style: none;
    padding: 0;
    z-index: 2;
    margin: 0
}

    .actions > li {
        display: inline-block;
        vertical-align: baseline
    }

        .actions > a, .actions > li > a {
            width: 30px;
            height: 30px;
            line-height: 35px;
            display: inline-block;
            text-align: center;
            position: relative
        }

            .actions > a > i, .actions > li > a > i {
                -webkit-transition: color;
                -o-transition: color;
                transition: color;
                -webkit-transition-duration: 1.3s;
                transition-duration: 1.3s;
                color: #adadad;
                font-size: 20px
            }

            .actions.open > a > i, .actions > a:hover > i, .actions > li.open > a > i, .actions > li > a:hover > i {
                color: #000
            }

            .actions > a:before, .actions > li > a:before {
                left: 0;
                top: 0;
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                -webkit-transform: scale3d(0,0,0);
                -moz-transform: scale3d(0,0,0);
                -ms-transform: scale3d(0,0,0);
                -o-transform: scale3d(0,0,0);
                transform: scale3d(0,0,0);
                -webkit-transition: all;
                -o-transition: all;
                transition: all;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden;
                background-color: rgba(0,0,0,.1);
                z-index: 0;
                border-radius: 50%;
                opacity: 0;
                filter: alpha(opacity=0)
            }

            .actions > a:hover:before, .actions > li > a:hover:before {
                -webkit-transform: scale3d(1,1,1);
                -moz-transform: scale3d(1,1,1);
                -ms-transform: scale3d(1,1,1);
                -o-transform: scale3d(1,1,1);
                transform: scale3d(1,1,1);
                opacity: 1;
                filter: alpha(opacity=100)
            }

        .actions.open > a:before, .actions > li.open > a:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            filter: alpha(opacity=100)
        }

    .actions.actions-alt > li.open > a > i, .actions.actions-alt > li > a > i, .actions.actions-alt > li > a > i:hover {
        color: #fff
    }

    .actions.open {
        z-index: 3
    }

.line-wrap {
    width: 18px;
    height: 12px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: 10px 20px
}

    .line-wrap .line {
        width: 18px;
        height: 2px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

        .line-wrap .line.center {
            margin: 3px 0
        }

.open .line-wrap {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

    .open .line-wrap .line.top {
        width: 12px;
        transform: translateX(8px) translateY(1px) rotate(45deg);
        -webkit-transform: translateX(8px) translateY(1px) rotate(45deg)
    }

    .open .line-wrap .line.bottom {
        width: 12px;
        transform: translateX(8px) translateY(-1px) rotate(-45deg);
        -webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg)
    }

.load-more {
    margin-top: 30px
}

    .load-more a {
        padding: 5px 10px 4px;
        display: inline-block;
        background-color: #f44336;
        color: #FFF;
        border-radius: 2px;
        white-space: nowrap
    }

        .load-more a i {
            vertical-align: middle;
            position: relative;
            margin-right: 5px
        }

        .load-more a:hover {
            background-color: #ea1c0d
        }

.a-title {
    color: #333;
    font-weight: 500
}

    .a-title:hover {
        color: #333;
        text-decoration: underline
    }

.ie-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "Courier New",Courier,monospace;
    padding: 50px 0
}

    .ie-warning p {
        font-size: 17px
    }

    .ie-warning .iew-container {
        min-width: 1024px;
        width: 100%;
        height: 200px;
        background: #fff;
        margin: 50px 0
    }

    .ie-warning .iew-download {
        list-style: none;
        padding: 30px 0;
        margin: 0 auto;
        width: 720px
    }

        .ie-warning .iew-download > li {
            float: left;
            vertical-align: top
        }

            .ie-warning .iew-download > li > a {
                display: block;
                color: #000;
                width: 140px;
                font-size: 15px;
                padding: 15px 0
            }

#footer, #footer .f-menu > li > a {
    color: #a2a2a2
}

.ie-warning .iew-download > li > a > div {
    margin-top: 10px
}

.ie-warning .iew-download > li > a:hover {
    background-color: #eee
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#loading-bar, #loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: linear all;
    -o-transition: linear all;
    transition: linear all;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

    #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active, #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active {
        opacity: 0;
        filter: alpha(opacity=0)
    }

        #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave, #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave {
            opacity: 1;
            filter: alpha(opacity=100)
        }

    #loading-bar .bar {
        -webkit-transition: width;
        -o-transition: width;
        transition: width;
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms;
        background: rgba(0,0,0,.15);
        position: fixed;
        z-index: 10002;
        top: 0;
        left: 0;
        width: 100%;
        height: 65px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px
    }

    #loading-bar .peg {
        position: absolute;
        width: 70px;
        right: 0;
        top: 0;
        height: 2px;
        opacity: .45;
        filter: alpha(opacity=45);
        box-shadow: #fff 1px 0 6px 1px;
        border-radius: 100%;
        z-index: 99999
    }

.pt-inner .pti-footer > a:hover, .wa-users > a > img:hover {
    opacity: .85;
    filter: alpha(opacity=85)
}

#loading-bar-spinner, .pt-inner .pti-footer > a:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
}

#loading-bar-spinner {
    width: 36px;
    height: 36px;
    padding: 14px;
    border-radius: 50%;
    position: fixed;
    top: 105px;
    left: 50%;
    margin-left: -28px;
    background: #fff
}

    #loading-bar-spinner .spinner-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
        float: left;
        background: 0 0 !important;
        border: 2px solid #00bcd4;
        border-bottom-color: transparent !important;
        border-radius: 100%;
        -webkit-animation: ball-clip-rotate .75s linear infinite;
        -o-animation: ball-clip-rotate .75s linear infinite;
        animation: ball-clip-rotate .75s linear infinite
    }

    #loading-bar-spinner:after, #loading-bar-spinner:before {
        content: " ";
        display: table
    }

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    padding-top: 0px;
    padding-bottom: 15px
}

    #footer .f-menu {
        display: block;
        width: 100%;
        padding-left: 0;
        list-style: none;
        margin-left: -5px;
        margin-top: 8px
    }

        #footer .f-menu > li {
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px
        }

            #footer .f-menu > li > a:hover {
                color: #777
            }

@media (min-width:1199px) {
    body.sw-toggled #footer {
        padding-left: 268px
    }
}

.pricing-table {
    margin: 70px auto 0
}

.pt-inner .pti-header {
    padding: 45px 10px 70px;
    color: #fff;
    position: relative;
    margin-bottom: 15px
}

    .pt-inner .pti-header > h2 {
        margin: 0;
        line-height: 100%;
        color: #fff;
        font-weight: 100;
        font-size: 50px
    }

        .pt-inner .pti-header > h2 small {
            color: #fff;
            letter-spacing: 0;
            vertical-align: top;
            font-size: 16px;
            font-weight: 100
        }

    .pt-inner .pti-header .ptih-title {
        background-color: rgba(0,0,0,.1);
        padding: 8px 10px 9px;
        text-transform: uppercase;
        margin: 0 -10px;
        position: absolute;
        width: 100%;
        bottom: 0
    }

.wcl-list + .wcl-form, .wp-media {
    margin-top: 25px
}

.wa-stats > span > i, .wall-comment-list .media {
    position: relative
}

.pt-inner .pti-body {
    padding: 0 23px
}

    .pt-inner .pti-body .ptib-item {
        padding: 15px 0;
        font-weight: 400
    }

        .pt-inner .pti-body .ptib-item:not(:last-child) {
            border-bottom: 1px solid #eee
        }

.pt-inner .pti-footer {
    padding: 10px 20px 30px
}

    .pt-inner .pti-footer > a {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        line-height: 60px;
        font-size: 30px;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

.invoice {
    min-width: 1100px
}

.i-logo {
    width: 150px
}

.i-table .highlight {
    background-color: #eee;
    border-bottom: 1px solid #e6e6e6
}

.i-table td.highlight {
    font-size: 14px;
    font-weight: 500
}

.wall {
    max-width: 1000px
}

@media (min-width:768px) and (max-width:991px) {
    .wall {
        width: 600px
    }
}

.wall-attrs {
    margin-bottom: 0
}

.wa-stats {
    float: left
}

    .wa-stats > span {
        margin-right: -1px;
        padding: 7px 12px;
        border: 1px solid #E0E0E0;
        float: left;
        font-weight: 500
    }

.fc th, .fc-toolbar h2 {
    font-weight: 400
}

.wa-stats > span.active {
    color: #4caf50
}

.wa-stats > span:first-child {
    border-radius: 2px 0 0 2px
}

.wa-stats > span:last-child {
    border-radius: 0 2px 2px 0
}

.wa-stats > span > i {
    line-height: 100%;
    vertical-align: top;
    top: 2px;
    font-size: 15px;
    margin-right: 2px
}

.wa-users {
    float: right;
    padding: 0 !important;
    margin-right: -5px
}

    .wa-users > a {
        display: inline-block;
        margin-left: 2px
    }

.wall-comment-list .media:hover .actions, .wcci-text {
    display: block
}

.wa-users > a > img {
    width: 33px;
    height: 33px;
    border-radius: 50%
}

.wcc-inner {
    border: 1px solid #E4E4E4;
    padding: 10px 15px;
    resize: none;
    border-radius: 2px;
    background: #fff;
    color: #9A9A9A;
    cursor: pointer
}

.wcci-text, .wp-text {
    border: 0;
    width: 100%;
    resize: none
}

.wcci-text {
    padding: 0
}

.wall-comment-list {
    padding: 20px;
    background: #f7f7f7
}

    .wall-comment-list .actions {
        display: none;
        position: absolute;
        right: -20px;
        top: -1px
    }

.wp-text {
    padding: 0;
    display: block
}

.wp-media {
    background: #f7f7f7;
    border: 1px solid #E4E4E4;
    padding: 12px 15px
}

.wpb-actions {
    background: #f7f7f7;
    margin: 0;
    padding: 10px 20px
}

    .wpb-actions > li:not(.pull-right) {
        float: left
    }

[data-wpba=image] {
    color: #4caf50
}

    [data-wpba=image]:hover {
        color: #449d48
    }

[data-wpba=video] {
    color: #ff9800
}

    [data-wpba=video]:hover {
        color: #e68900
    }

[data-wpba=link] {
    color: #00bcd4
}

    [data-wpba=link]:hover {
        color: #00a5bb
    }

.wpba-attrs > ul > li {
    padding: 0;
    margin-right: 5px
}

    .wpba-attrs > ul > li > a {
        display: block;
        width: 22px
    }

        .wpba-attrs > ul > li > a.active > i {
            color: #333
        }

@media screen and (min-width:768px) {
    .wall-img-preview {
        margin: 0 -23px 20px
    }
}

@media screen and (max-width:991px) {
    .wall-img-preview {
        margin: 0 -16px 20px
    }
}

.wall-img-preview .wip-item {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center
}

    .noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before, .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before, .wall-img-preview .wip-item > img {
        display: none
    }

    .wall-img-preview .wip-item:first-child:nth-last-child(2), .wall-img-preview .wip-item:first-child:nth-last-child(2) ~ div {
        width: 50%;
        padding-bottom: 40%
    }

    .wall-img-preview .wip-item:first-child:nth-last-child(3), .wall-img-preview .wip-item:first-child:nth-last-child(3) ~ div, .wall-img-preview .wip-item:first-child:nth-last-child(4), .wall-img-preview .wip-item:first-child:nth-last-child(4) ~ div:not(:last-child), .wall-img-preview .wip-item:first-child:nth-last-child(5), .wall-img-preview .wip-item:first-child:nth-last-child(5) ~ div:not( :nth-last-of-type(-n+2)), .wall-img-preview .wip-item:first-child:nth-last-child(6), .wall-img-preview .wip-item:first-child:nth-last-child(6) ~ div, .wall-img-preview .wip-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3) {
        width: 33.333333%;
        padding-bottom: 30%
    }

        .wall-img-preview .wip-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) {
            width: 50%;
            padding-bottom: 40%
        }

    .wall-img-preview .wip-item:first-child:nth-last-child(7), .wall-img-preview .wip-item:first-child:nth-last-child(7) ~ div:not( :nth-last-of-type(-n+3)), .wall-img-preview .wip-item:first-child:nth-last-child(n+8), .wall-img-preview .wip-item:first-child:nth-last-child(n+8) ~ div {
        width: 25%;
        padding-bottom: 22%
    }

    .wall-img-preview .wip-item:first-child:nth-last-child(4) ~ div:nth-child(4), .wall-img-preview .wip-item:only-child {
        width: 100%;
        padding-bottom: 50%
    }


@page {
    margin: 0;
    /*size: auto;*/
}

@media print {
    .invoice .card-header, .invoice .highlight {
        background: #eee !important
    }


    body {
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #chat, #footer, #header, #sidebar, .growl-animated, .m-btn {
        display: none !important
    }

    .invoice {
        padding: 30px !important;
        -webkit-print-color-adjust: exact !important
    }

        .invoice .card-header {
            padding: 20px;
            margin: -60px -30px 25px
        }

        .invoice .block-header {
            display: none
        }
}

.mejs-container {
    outline: 0
}

    .mejs-container .mejs-controls {
        background: #ec592f;
        height: 50px;
        padding: 10px 5px 0
    }

        .mejs-container .mejs-controls div {
            height: 5px
        }

            .mejs-container .mejs-controls div.mejs-time-rail {
                position: absolute;
                left: 0;
                top: 0;
                padding: 0;
                width: 100% !important
            }

                .mejs-container .mejs-controls div.mejs-time-rail .mejs-time-total {
                    margin: 0;
                    width: 100% !important;
                    background: #ec592f
                }

#calendar-widget, .fc {
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    margin-bottom: 30px
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-loaded {
    background: #D04B25
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-current {
    background: #ffea00
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-buffering {
    background: #ec592f
}

.mejs-container .mejs-controls div.mejs-time-rail a, .mejs-container .mejs-controls div.mejs-time-rail span:not(.mejs-time-float) {
    border-radius: 0;
    height: 3px
}

.mejs-container .mejs-controls .mejs-button button {
    background-color: #ec592f;
    width: 15px;
    height: 15px;
    background-position: center
}

    .mejs-container .mejs-controls .mejs-button button:focus {
        outline: 0 !important
    }

.mejs-container .mejs-controls .mejs-volume-button {
    position: absolute;
    right: 35px
}

.mejs-container .mejs-controls .mejs-play button {
    background-image: url(../img/icons/play.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mejs-container .mejs-controls .mejs-play button {
        background-image: url(../img/icons/play@2x.png);
        background-size: 15px 15px
    }
}

.mejs-container .mejs-controls .mejs-pause button {
    background-image: url(../img/icons/pause.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mejs-container .mejs-controls .mejs-pause button {
        background-image: url(../img/icons/pause@2x.png);
        background-size: 15px 15px
    }
}

.mejs-container .mejs-controls .mejs-mute button {
    background-image: url(../img/icons/speaker.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mejs-container .mejs-controls .mejs-mute button {
        background-image: url(../img/icons/speaker@2x.png);
        background-size: 15px 15px
    }
}

.mejs-container .mejs-controls .mejs-unmute button {
    background-image: url(../img/icons/speaker-2.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mejs-container .mejs-controls .mejs-unmute button {
        background-image: url(../img/icons/speaker-2@2x.png);
        background-size: 15px 15px
    }
}

.mejs-container .mejs-controls .mejs-fullscreen-button {
    position: absolute;
    right: 5px
}

    .mejs-container .mejs-controls .mejs-fullscreen-button button {
        background-image: url(../img/icons/fullscreen.png)
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mejs-container .mejs-controls .mejs-fullscreen-button button {
        background-image: url(../img/icons/fullscreen@2x.png);
        background-size: 15px 15px
    }
}

#fc-actions {
    position: absolute;
    bottom: 10px;
    right: 12px
}

.fc {
    background-color: #fff
}

    .fc td, .fc th {
        border-color: #f0f0f0
    }

    .fc table tr > td:first-child {
        border-left-width: 0
    }

#calendar-widget .fc-toolbar {
    background: #009688
}

#calendar-widget .fc-day-header {
    color: #fff;
    background: #007d71;
    padding: 5px 0;
    border-width: 0
}

#calendar-widget .fc-day-number {
    color: #ADADAD;
    padding: 5px 0
}

#calendar-widget .fc-day-grid-event {
    margin: 1px 3px
}

#calendar-widget .ui-widget-header, #calendar-widget .ui-widget-header th {
    border-width: 0
}

#calendar .fc-toolbar {
    height: 300px;
    background-image: url(../img/cal-header.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-position: inherit
}

    #calendar .fc-toolbar:before {
        content: "";
        height: 50px;
        width: 100%;
        background: rgba(0,0,0,.36);
        position: absolute;
        bottom: 0;
        left: 0
    }

    #calendar .fc-toolbar .fc-center {
        margin-top: 238px;
        position: relative
    }

@media screen and (max-width:991px) {
    #calendar .fc-toolbar {
        height: 200px
    }

        #calendar .fc-toolbar .fc-center {
            margin-top: 138px
        }
}

#calendar .fc-day-header {
    color: #ADADAD;
    text-align: left;
    font-size: 14px;
    border-bottom-width: 0;
    border-right-color: #eee;
    padding: 10px 12px
}

#calendar .fc-day-number {
    padding-left: 10px !important;
    color: #CCC;
    text-align: left !important
}

@media screen and (min-width:991px) {
    #calendar .fc-day-number {
        font-size: 25px;
        letter-spacing: -2px
    }
}

#calendar .fc-day-grid-event {
    margin: 1px 9px 0
}

.fc-toolbar {
    margin-bottom: 0;
    padding: 20px 7px 19px;
    position: relative
}

    .fc-toolbar h2 {
        margin-top: 7px;
        font-size: 20px;
        color: #fff
    }

    .fc-toolbar .ui-button {
        border: 0;
        background: 0 0;
        padding: 0;
        outline: 0 !important;
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-top: 2px;
        color: #fff
    }

        .fc-toolbar .ui-button:hover {
            background: #fff;
            color: #009688
        }

        .fc-toolbar .ui-button > span {
            position: relative;
            font-family: Material-Design-Iconic-Font;
            font-size: 20px;
            line-height: 100%;
            width: 30px;
            display: block;
            margin-top: 2px
        }

            .fc-toolbar .ui-button > span:before {
                position: relative;
                z-index: 1
            }

            .fc-toolbar .ui-button > span.ui-icon-circle-triangle-w:before {
                content: "\f2fa"
            }

            .fc-toolbar .ui-button > span.ui-icon-circle-triangle-e:before {
                content: "\f2fb"
            }

.fc-event {
    padding: 0;
    font-size: 11px;
    border-radius: 0;
    border: 0
}

    .fc-event .fc-title {
        padding: 2px 8px;
        display: block
    }

    .fc-event .fc-time {
        float: left;
        background: rgba(0,0,0,.2);
        padding: 2px 6px;
        margin: 0 0 0 -1px
    }

.fc-view, .fc-view > table {
    border: 0;
    overflow: hidden
}

    .fc-view > table > tbody > tr > .ui-widget-content {
        border-top: 0
    }

div.fc-row {
    margin-right: 0 !important;
    border: 0 !important
}

.fc-today {
    color: #ffc107 !important
}

.event-tag {
    margin-top: 5px
}

    .event-tag > span {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin-right: 3px;
        position: relative;
        display: inline-block;
        cursor: pointer
    }

.chosen-container-single:before, .chosen-container:after {
    position: absolute;
    content: ""
}

.event-tag > span:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.event-tag > span.selected:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f26b";
    position: absolute;
    text-align: center;
    top: 3px;
    width: 100%;
    font-size: 17px;
    color: #FFF
}

hr.fc-divider {
    border-width: 1px;
    border-color: #eee
}

.fc-day-grid-container.fc-scroller {
    height: auto !important;
    overflow: hidden !important
}

.chosen-container {
    width: 100%
}

    .chosen-container:after {
        z-index: 3;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 0;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        background: #2196f3
    }

    .chosen-container .chosen-drop {
        border: 0;
        margin-top: 1px;
        left: 0;
        width: 100%;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
        box-shadow: 0 2px 10px rgba(0,0,0,.2)
    }

    .chosen-container:not(.chosen-right) .chosen-drop {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .chosen-container.chosen-right .chosen-drop {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .chosen-container .chosen-results {
        padding: 0;
        margin: 0
    }

        .chosen-container .chosen-results > li {
            padding: 8px 17px;
            color: #4C4C4C;
            -webkit-transition: background-color;
            -o-transition: background-color;
            transition: background-color;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

            .chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result) {
                color: #262626
            }

                .chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result):not(:hover) {
                    background: #fff !important
                }

                .chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result):hover {
                    background-color: #e4e4e4;
                    color: #262626
                }

            .chosen-container .chosen-results > li.disabled-result {
                color: #e4e4e4
            }

            .chosen-container .chosen-results > li.result-selected {
                background: #2196f3;
                color: #fff
            }

            .chosen-container .chosen-results > li.highlighted {
                background: #eee;
                color: #333
            }

            .chosen-container .chosen-results > li.group-result {
                padding: 3px 16px;
                margin-top: 10px;
                color: #b1b1b1;
                font-weight: 400
            }

                .chosen-container .chosen-results > li.group-result:not(:first-child) {
                    border-top: 1px solid rgba(0,0,0,.08);
                    padding-top: 15px
                }

    .chosen-container .chosen-choices, .chosen-container-single .chosen-single {
        border-top: 0;
        border-left: 0;
        border-right: 0
    }

        .chosen-container .chosen-choices .search-field input[type=text] {
            height: 34px
        }

        .chosen-container .chosen-choices .chosen-single-with-deselect:before {
            font-family: Material-Design-Iconic-Font;
            font-size: 13px;
            color: #696969;
            margin-right: 8px;
            content: ""
        }

.chosen-container-single:before {
    top: 0;
    height: 100%;
    width: 13px;
    right: 0;
    z-index: 1;
    background-image: url(../img/select.png);
    background-position: right;
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .chosen-container-single:before {
        background-image: url(../img/select@2x.png);
        background-size: 12px 12px
    }
}

.chosen-container-single .chosen-single {
    padding: 0 16px 0 0;
    border-radius: 0;
    background: 0 0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    height: 28px
}

    .chosen-container-single .chosen-single div b {
        background: 0 0
    }

.chosen-container-single .chosen-search {
    padding: 0 18px;
    margin: 10px 0 15px;
    position: relative
}

    .chosen-container-single .chosen-search:before {
        position: absolute;
        left: 14px;
        top: -1px;
        width: 30px;
        height: 100%;
        content: "\f1c3";
        font-family: Material-Design-Iconic-Font;
        font-size: 25px
    }

    .chosen-container-single .chosen-search input[type=text] {
        border: 0;
        padding-top: 8px;
        padding-left: 30px
    }

.chosen-container-active.chosen-with-drop .chosen-single {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: #e0e0e0;
    background: 0 0
}

.chosen-container-active:after {
    width: 100%
}

.chosen-container-active .chosen-choices {
    box-shadow: none
}

.chosen-container-multi.chosen-container-active .chosen-drop {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.chosen-container-multi .chosen-choices {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    background: 0 0;
    padding: 0
}

    .chosen-container-multi .chosen-choices li.search-choice {
        border: 0;
        padding: 6px 25px 6px 7px;
        margin: 0 5px 5px 0;
        background: #eee;
        border-radius: 2px;
        box-shadow: none
    }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            right: 7px;
            top: 6px;
            background: 0 0
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
                font-family: Material-Design-Iconic-Font;
                content: "\f136";
                font-size: 13px;
                color: #696969;
                margin-right: 8px
            }

    .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        height: 27px;
        margin: 0;
        padding: 0
    }

.chosen-search input[type=text] {
    background: 0 0 !important
}

.noUi-target {
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.noUi-background {
    background: #d4d4d4;
    box-shadow: none
}

.noUi-horizontal {
    height: 3px
}

    .noUi-horizontal .noUi-handle {
        top: -8px
    }

.noUi-vertical {
    width: 3px
}

    .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
        width: 19px;
        height: 19px;
        border: 0;
        border-radius: 100%;
        box-shadow: none;
        -webkit-transition: box-shadow;
        -o-transition: box-shadow;
        transition: box-shadow;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        cursor: pointer;
        position: relative
    }

        .noUi-horizontal .noUi-handle:active, .noUi-vertical .noUi-handle:active {
            background: #ccc !important
        }

        .noUi-horizontal .noUi-handle .is-tooltip, .noUi-vertical .noUi-handle .is-tooltip {
            position: absolute;
            bottom: 32px;
            height: 35px;
            border-radius: 2px;
            color: #fff;
            text-align: center;
            line-height: 33px;
            width: 50px;
            left: 50%;
            margin-left: -25px;
            padding: 0 10px;
            -webkit-transition: all;
            -o-transition: all;
            transition: all;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0)
        }

            .noUi-horizontal .noUi-handle .is-tooltip:after, .noUi-vertical .noUi-handle .is-tooltip:after {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 15px 10px 0;
                position: absolute;
                bottom: -8px;
                left: 50%;
                margin-left: -9px;
                content: ""
            }

    .noUi-horizontal .noUi-active, .noUi-vertical .noUi-active {
        box-shadow: 0 0 0 13px rgba(0,0,0,.1)
    }

        .noUi-horizontal .noUi-active .is-tooltip, .noUi-vertical .noUi-active .is-tooltip {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            bottom: 40px;
            opacity: 1;
            filter: alpha(opacity=100)
        }

.input-slider-range:not([data-is-color]) .noUi-connect, .input-slider-range:not([data-is-color]) .noUi-handle, .input-slider-values:not([data-is-color]) .noUi-connect, .input-slider-values:not([data-is-color]) .noUi-handle, .input-slider:not([data-is-color]) .noUi-connect, .input-slider:not([data-is-color]) .noUi-handle {
    background: #009688 !important
}

.input-slider-range:not([data-is-color]) .is-tooltip, .input-slider-values:not([data-is-color]) .is-tooltip, .input-slider:not([data-is-color]) .is-tooltip {
    background: #009688
}

    .input-slider-range:not([data-is-color]) .is-tooltip:after, .input-slider-values:not([data-is-color]) .is-tooltip:after, .input-slider:not([data-is-color]) .is-tooltip:after {
        border-color: #009688 transparent transparent
    }

.input-slider-range[data-is-color=red] .noUi-connect, .input-slider-range[data-is-color=red] .noUi-handle, .input-slider-values[data-is-color=red] .noUi-connect, .input-slider-values[data-is-color=red] .noUi-handle, .input-slider[data-is-color=red] .noUi-connect, .input-slider[data-is-color=red] .noUi-handle {
    background: #f44336 !important
}

.input-slider-range[data-is-color=blue] .noUi-connect, .input-slider-range[data-is-color=blue] .noUi-handle, .input-slider-values[data-is-color=blue] .noUi-connect, .input-slider-values[data-is-color=blue] .noUi-handle, .input-slider[data-is-color=blue] .noUi-connect, .input-slider[data-is-color=blue] .noUi-handle {
    background: #2196f3 !important
}

.input-slider-range[data-is-color=cyan] .noUi-connect, .input-slider-range[data-is-color=cyan] .noUi-handle, .input-slider-values[data-is-color=cyan] .noUi-connect, .input-slider-values[data-is-color=cyan] .noUi-handle, .input-slider[data-is-color=cyan] .noUi-connect, .input-slider[data-is-color=cyan] .noUi-handle {
    background: #00bcd4 !important
}

.input-slider-range[data-is-color=amber] .noUi-connect, .input-slider-range[data-is-color=amber] .noUi-handle, .input-slider-values[data-is-color=amber] .noUi-connect, .input-slider-values[data-is-color=amber] .noUi-handle, .input-slider[data-is-color=amber] .noUi-connect, .input-slider[data-is-color=amber] .noUi-handle {
    background: #ffc107 !important
}

.input-slider-range[data-is-color=green] .noUi-connect, .input-slider-range[data-is-color=green] .noUi-handle, .input-slider-values[data-is-color=green] .noUi-connect, .input-slider-values[data-is-color=green] .noUi-handle, .input-slider[data-is-color=green] .noUi-connect, .input-slider[data-is-color=green] .noUi-handle {
    background: #4caf50 !important
}

.input-slider .noUi-origin {
    background: #d4d4d4
}

.input-slider:not([data-is-color]) .noUi-base {
    background: #009688 !important
}

.input-slider[data-is-color=red] .noUi-base {
    background: #f44336 !important
}

.input-slider[data-is-color=blue] .noUi-base {
    background: #2196f3 !important
}

.input-slider[data-is-color=cyan] .noUi-base {
    background: #00bcd4 !important
}

.input-slider[data-is-color=amber] .noUi-base {
    background: #ffc107 !important
}

.input-slider[data-is-color=green] .noUi-base {
    background: #4caf50 !important
}

.cp-container {
    position: relative
}

    .cp-container > .input-group input.cp-value {
        color: #000 !important;
        background: 0 0 !important
    }

    .cp-container > .input-group .dropdown-menu {
        padding: 20px
    }

    .cp-container i.cp-value {
        width: 25px;
        height: 25px;
        border-radius: 2px;
        position: absolute;
        top: 0;
        right: 15px
    }

.note-editor, .note-popover {
    border-color: #e4e4e4
}

    .note-editor .note-toolbar, .note-editor .popover-content, .note-popover .note-toolbar, .note-popover .popover-content {
        background: #fff;
        border-color: #e4e4e4;
        margin: 0;
        padding: 10px 0 15px;
        text-align: center
    }

        .note-editor .note-toolbar > .btn-group, .note-editor .popover-content > .btn-group, .note-popover .note-toolbar > .btn-group, .note-popover .popover-content > .btn-group {
            display: inline-block;
            float: none;
            box-shadow: none
        }

            .note-editor .note-toolbar > .btn-group .btn, .note-editor .popover-content > .btn-group .btn, .note-popover .note-toolbar > .btn-group .btn, .note-popover .popover-content > .btn-group .btn {
                margin: 0 1px
            }

            .note-editor .note-toolbar > .btn-group > .active, .note-editor .popover-content > .btn-group > .active, .note-popover .note-toolbar > .btn-group > .active, .note-popover .popover-content > .btn-group > .active {
                background: #00bcd4;
                color: #fff
            }

        .note-editor .note-toolbar .btn, .note-editor .popover-content .btn, .note-popover .note-toolbar .btn, .note-popover .popover-content .btn {
            height: 40px;
            border-radius: 2px !important;
            box-shadow: none !important
        }

            .note-editor .note-toolbar .btn:active, .note-editor .popover-content .btn:active, .note-popover .note-toolbar .btn:active, .note-popover .popover-content .btn:active {
                box-shadow: none
            }

#lg-action .cl-thumb, #lg-outer .object {
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
}

.note-editor .note-toolbar .note-palette-title, .note-editor .popover-content .note-palette-title, .note-popover .note-toolbar .note-palette-title, .note-popover .popover-content .note-palette-title {
    margin: 0 !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    text-align: center !important;
    border: 0 !important
}

.note-editor .note-toolbar .note-color-reset, .note-editor .popover-content .note-color-reset, .note-popover .note-toolbar .note-color-reset, .note-popover .popover-content .note-color-reset {
    padding: 0 0 10px !important;
    margin: 0 !important;
    background: 0 0;
    text-align: center
}

.note-editor .note-toolbar .note-color .dropdown-menu, .note-editor .popover-content .note-color .dropdown-menu, .note-popover .note-toolbar .note-color .dropdown-menu, .note-popover .popover-content .note-color .dropdown-menu {
    min-width: 335px
}

.note-editor .note-statusbar .note-resizebar, .note-popover .note-statusbar .note-resizebar {
    border-color: #E8E8E8
}

    .note-editor .note-statusbar .note-resizebar .note-icon-bar, .note-popover .note-statusbar .note-resizebar .note-icon-bar {
        border-color: #BCBCBC
    }

.note-editor .fa, .note-popover .fa {
    font-style: normal;
    font-size: 20px;
    vertical-align: middle
}

    .note-editor .fa:before, .note-popover .fa:before {
        font-family: 'Material Design Iconic Font'
    }

    .note-editor .fa.fa-magic:before, .note-popover .fa.fa-magic:before {
        content: "\f11b"
    }

    .note-editor .fa.fa-bold:before, .note-popover .fa.fa-bold:before {
        content: "\f17a"
    }

    .note-editor .fa.fa-italic:before, .note-popover .fa.fa-italic:before {
        content: "\f181"
    }

    .note-editor .fa.fa-underline:before, .note-popover .fa.fa-underline:before {
        content: "\f18b"
    }

    .note-editor .fa.fa-font:before, .note-popover .fa.fa-font:before {
        content: "\f17e"
    }

    .note-editor .fa.fa-list-ul:before, .note-popover .fa.fa-list-ul:before {
        content: "\f183"
    }

    .note-editor .fa.fa-list-ol:before, .note-popover .fa.fa-list-ol:before {
        content: "\f184"
    }

    .note-editor .fa.fa-align-left:before, .note-popover .fa.fa-align-left:before {
        content: "\f178"
    }

    .note-editor .fa.fa-align-right:before, .note-popover .fa.fa-align-right:before {
        content: "\f179"
    }

    .note-editor .fa.fa-align-center:before, .note-popover .fa.fa-align-center:before {
        content: "\f176"
    }

    .note-editor .fa.fa-align-justify:before, .note-popover .fa.fa-align-justify:before {
        content: "\f177"
    }

    .note-editor .fa.fa-indent:before, .note-popover .fa.fa-indent:before {
        content: "\f180"
    }

    .note-editor .fa.fa-outdent:before, .note-popover .fa.fa-outdent:before {
        content: "\f17f"
    }

    .note-editor .fa.fa-text-height:before, .note-popover .fa.fa-text-height:before {
        content: "\f182"
    }

    .note-editor .fa.fa-table:before, .note-popover .fa.fa-table:before {
        content: "\f21e"
    }

    .note-editor .fa.fa-link:before, .note-popover .fa.fa-link:before {
        content: "\f10d"
    }

    .note-editor .fa.fa-picture-o:before, .note-popover .fa.fa-picture-o:before {
        content: "\f224"
    }

    .note-editor .fa.fa-minus:before, .note-popover .fa.fa-minus:before {
        content: "\f16e"
    }

    .note-editor .fa.fa-arrows-alt:before, .note-popover .fa.fa-arrows-alt:before {
        content: "\f29f"
    }

    .note-editor .fa.fa-code:before, .note-popover .fa.fa-code:before {
        content: "\f066"
    }

    .note-editor .fa.fa-question:before, .note-popover .fa.fa-question:before {
        content: "\f033"
    }

    .note-editor .fa.fa-eraser:before, .note-popover .fa.fa-eraser:before {
        content: "\f17b"
    }

    .note-editor .fa.fa-square:before, .note-popover .fa.fa-square:before {
        content: "\f1f4"
    }

    .note-editor .fa.fa-circle-o:before, .note-popover .fa.fa-circle-o:before {
        content: "\f2e3"
    }

    .note-editor .fa.fa-times:before, .note-popover .fa.fa-times:before {
        content: "\f29a"
    }

.note-editor .note-air-popover .arrow, .note-popover .note-air-popover .arrow {
    left: 20px
}

.note-editor .note-editable {
    padding: 20px 23px
}

.bootstrap-datetimepicker-widget {
    margin-top: 0 !important
}

    .bootstrap-datetimepicker-widget.top {
        -webkit-transform-origin: 0 100% !important;
        -moz-transform-origin: 0 100% !important;
        -ms-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important
    }

    .bootstrap-datetimepicker-widget:after, .bootstrap-datetimepicker-widget:before {
        display: none !important
    }

    .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span {
        background: #fff;
        border-radius: 0
    }

        .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span:hover {
            background: #fff
        }

    .bootstrap-datetimepicker-widget .datepicker-days table {
        margin-bottom: 20px
    }

    .bootstrap-datetimepicker-widget .timepicker .md {
        font-size: 25px
    }

    .bootstrap-datetimepicker-widget .glyphicon {
        color: #333
    }

    .bootstrap-datetimepicker-widget .active {
        background: #2196f3 !important
    }

.fileinput {
    position: relative;
    padding-right: 35px
}

    .fileinput .close {
        position: absolute;
        top: 5px;
        font-size: 12px;
        opacity: 1;
        font-weight: 500;
        border: 1px solid #ccc;
        width: 19px;
        text-align: center;
        height: 19px;
        line-height: 15px;
        border-radius: 50%;
        right: 0
    }

        .fileinput .close:hover {
            background: #eee
        }

    .fileinput .btn-file > input {
        z-index: 1000
    }

    .fileinput .input-group-addon {
        padding: 0 10px;
        vertical-align: middle
    }

    .fileinput .fileinput-preview {
        width: 200px;
        height: 150px;
        position: relative
    }

        .fileinput .fileinput-preview img {
            display: inline-block;
            vertical-align: middle;
            margin-top: -13px
        }

        .fileinput .fileinput-preview:after {
            content: "";
            display: inline-block;
            vertical-align: middle
        }

#lg-close, #lg-gallery .thumb-cont .thumb-info .count {
    display: none
}

#lg-slider:after {
    content: "";
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #2196f3;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    z-index: -1
}

#lg-outer {
    background: rgba(255,255,255,.95)
}

    #lg-outer .object {
        border-radius: 2px
    }

#lg-action {
    top: 0;
    width: 100%;
    left: 0;
    margin-left: 0 !important;
    height: 40px;
    text-align: center
}

    #lg-action > a {
        background: 0 0;
        color: #9D9D9D;
        font-size: 18px;
        width: 28px;
        height: 37px
    }

        #lg-action > a:hover {
            background: 0 0;
            color: #000
        }

    #lg-action .cl-thumb {
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 38px;
        background: #f44336;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

.dp-table, .ng-table-pagination > li {
    position: relative
}

#lg-action .cl-thumb:after {
    text-align: center;
    left: 16px !important;
    bottom: 6px !important;
    color: #fff
}

#lg-action .cl-thumb:hover {
    background: #f32c1e
}

#lg-gallery .thumb-cont {
    background: #f44336;
    text-align: center
}

    #lg-gallery .thumb-cont .thumb-info {
        background: #f44336
    }

        #lg-gallery .thumb-cont .thumb-info .close {
            width: 14px;
            margin-top: 0;
            background: 0 0
        }

            #lg-gallery .thumb-cont .thumb-info .close:hover {
                background: 0 0
            }

    #lg-gallery .thumb-cont .thumb {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    #lg-gallery .thumb-cont .thumb-inner {
        display: inline-block;
        padding: 12px 12px 15px
    }

.lg-slide {
    background: 0 0 !important
}

    .lg-slide em {
        font-style: normal
    }

        .lg-slide em h3 {
            margin-bottom: 5px
        }

    .lg-slide .video-cont {
        box-shadow: 0 8px 17px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)
    }

@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }

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

    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }

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

    100% {
        opacity: 0
    }
}

.waves-button, .waves-circle {
    -webkit-mask-image: none;
    line-height: inherit
}

.date-picker .dp-inline {
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
    display: inline-block
}

.date-picker:not(.dp-blue):not(.dp-red) .tr-dpnav th {
    background: #009688
}

.date-picker:not(.dp-blue):not(.dp-red) .tr-dpday th {
    background: #00877a
}

.date-picker:not(.dp-blue):not(.dp-red) .dp-active {
    background-color: #009688
}

.date-picker:not(.dp-blue):not(.dp-red) .dp-actions .btn-link {
    color: #009688
}

.date-picker .dropdown-menu {
    padding: 0;
    margin: 0
}

.dp-table tbody > tr td:first-child, .dp-table thead > tr th:first-child {
    padding-left: 15px
}

.dp-table tbody > tr td:last-child, .dp-table thead > tr th:last-child {
    padding-right: 15px
}

.date-picker.is-opened .dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.dp-table {
    z-index: 1
}

    .dp-table tbody > tr:first-child > td {
        padding-top: 15px
    }

    .dp-table tbody > tr:last-child > td {
        padding-bottom: 15px
    }

.btn-dp {
    background: 0 0;
    border: 0
}

    .btn-dp .zmdi {
        font-size: 18px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 34px
    }

        .btn-dp .zmdi:hover {
            background-color: rgba(0,0,0,.14)
        }

    .btn-dp[disabled], .btn-dp[disabled] .dp-day-muted {
        color: #CDCDCD
    }

.btn-dpbody {
    padding: 13px;
    font-size: 12px;
    border-radius: 2px
}

    .btn-dpbody:not(.dp-active):not([disabled]) {
        color: #000
    }

        .btn-dpbody:not(.dp-active):not([disabled]):not(.dp-today):hover {
            background: #F0F0F0
        }

.btn-dpday {
    border-radius: 50%;
    width: 42px !important;
    height: 42px
}

.tr-dpnav .btn-dp {
    color: #fff;
    padding: 25px 0 23px
}

.tr-dpday th {
    padding: 8px 0 9px;
    color: #fff
}

.dp-active {
    color: #fff
}

.dp-today:not(.dp-active) {
    background-color: #E2E2E2
}

.dp-day-muted {
    color: #8B8B8B
}

.dp-title {
    font-weight: 400;
    font-size: 16px
}

    .dp-title:hover {
        background-color: rgba(0,0,0,.14);
        border-radius: 2px
    }

.dp-blue .tr-dpnav th {
    background: #2196f3
}

.dp-blue .tr-dpday th {
    background: #128ff2
}

.dp-blue .dp-active {
    background-color: #2196f3
}

.dp-blue .dp-actions .btn-link {
    color: #2196f3
}

.dp-red .tr-dpnav th {
    background: #f44336
}

.dp-red .tr-dpday th {
    background: #f33527
}

.dp-red .dp-active {
    background-color: #f44336
}

.dp-red .dp-actions .btn-link {
    color: #f44336
}

.dp-actions {
    padding: 10px 20px 20px;
    text-align: right
}

    .dp-actions .btn-link {
        text-decoration: none;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 500
    }

.ng-table th.sortable {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .ng-table th.sortable:hover {
        background-color: #FDFBD3
    }

.ng-table .form-control {
    border: 1px solid #E4E4E4;
    padding: 10px 15px;
    height: 40px
}

    .ng-table .form-control:active, .ng-table .form-control:focus {
        border-color: #D7D7D7 !important
    }

.ng-table-pager {
    padding: 12px 25px 15px;
    min-height: 101px
}

@media screen and (min-width:768px) {
    .ng-table-pager {
        background: #f4f4f4
    }
}

.ng-table-counts {
    box-shadow: none !important;
    margin-top: 23px;
    border: 1px solid #E8E8E8
}

    .ng-table-counts .active {
        background: #F0F0F0
    }

@media screen and (max-width:768px) {
    .ng-table-counts {
        display: none
    }

    .ng-table-pagination {
        width: 100%;
        text-align: center
    }
}

.ng-table-pagination > li:first-child:before, .ng-table-pagination > li:last-child:before {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 12
}

.ng-table-pagination > li:first-child > a, .ng-table-pagination > li:last-child > a {
    font-size: 0
}

.ng-table-pagination > li:first-child:before {
    content: "\f2fa"
}

.ng-table-pagination > li:last-child:before {
    content: "\f2fb"
}

.sortable .ng-table-header {
    position: relative
}

    .sortable .ng-table-header:before {
        font-family: Material-Design-Iconic-Font;
        position: absolute;
        right: 0;
        top: -2px;
        font-size: 17px
    }

.sortable.sort-desc .ng-table-header:before {
    content: "\f1ce"
}

.sortable.sort-asc .ng-table-header:before {
    content: "\f1cd"
}

.sweet-alert {
    border-radius: 2px;
    padding: 10px 30px
}

    .sweet-alert h2 {
        font-size: 16px;
        font-weight: 400;
        position: relative;
        z-index: 1
    }

    .sweet-alert .lead {
        font-size: 13px
    }

    .sweet-alert .btn {
        padding: 6px 12px;
        font-size: 13px;
        margin: 20px 2px 0
    }



/*
 * LESS Plugins
 */
/*
 * Variable and Mixin
 */
/*
 * Font Icon Family
 */
/*
 * Grid System
 */
/* Typography + Scaffolding + Links */
/* Border Radius */
/* Colors */
/* Tabs */
/* Form */
/* Table */
/*
 * Input Group
 */
/*
 * Pagination
 */
/*
 * Popover
 */
/*
 * Dropdown
 */
/*
 * Thumbnail
 */
/*
 * Form Stats and Alerts
 */
/*
 * Buttons
 */
/*
 * Thumbnail
 */
/*
 * Carousel
 */
/*
 * Modal
 */
/*
 * Tooltips
 */
/*
 * Popover
 */
/*
 * Breadcrumbs
 */
/*
 * Jumbotron
 */
/*
 * List Groups
 */
/*
 * Badges
 */
/*
 * Material Colors
 */
/* 
 * Blocks
 */
/*
 * Font Face
 */
/*
 * Background Repeat + Position
 */
/*
 * CSS Animations based on animate.css
 */
/*
 * CSS Transform - Scale and Rotate
 */
/*
 * User Select
 */
/*
 * Background Image Cover
 */
/*
 * Tab Focus
 */
/*
 * Pop-in Hover effects
 */
/*
 *  Override Bootstrap Button Mixin
 */
/*
 * Scale 3d
 */
/*
 * Load Font
 */
/*
 * Roboto Light
 */
#weather-widget [class*="icon-"] {
    font-family: 'weather-icons';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-0:before {
    content: ":";
}

.icon-1:before {
    content: "p";
}

.icon-2:before {
    content: "S";
}

.icon-3:before {
    content: "Q";
}

.icon-4:before {
    content: "S";
}

.icon-5:before {
    content: "W";
}

.icon-6:before {
    content: "W";
}

.icon-7:before {
    content: "W";
}

.icon-8:before {
    content: "W";
}

.icon-9:before {
    content: "I";
}

.icon-10:before {
    content: "W";
}

.icon-11:before {
    content: "I";
}

.icon-12:before {
    content: "I";
}

.icon-13:before {
    content: "I";
}

.icon-14:before {
    content: "I";
}

.icon-15:before {
    content: "W";
}

.icon-16:before {
    content: "I";
}

.icon-17:before {
    content: "W";
}

.icon-18:before {
    content: "U";
}

.icon-19:before {
    content: "Z";
}

.icon-20:before {
    content: "Z";
}

.icon-21:before {
    content: "Z";
}

.icon-22:before {
    content: "Z";
}

.icon-23:before {
    content: "Z";
}

.icon-24:before {
    content: "E";
}

.icon-25:before {
    content: "E";
}

.icon-26:before {
    content: "3";
}

.icon-27:before {
    content: "a";
}

.icon-28:before {
    content: "A";
}

.icon-29:before {
    content: "a";
}

.icon-30:before {
    content: "A";
}

.icon-31:before {
    content: "6";
}

.icon-32:before {
    content: "1";
}

.icon-33:before {
    content: "6";
}

.icon-34:before {
    content: "1";
}

.icon-35:before {
    content: "W";
}

.icon-36:before {
    content: "1";
}

.icon-37:before {
    content: "S";
}

.icon-38:before {
    content: "S";
}

.icon-39:before {
    content: "S";
}

.icon-40:before {
    content: "M";
}

.icon-41:before {
    content: "W";
}

.icon-42:before {
    content: "I";
}

.icon-43:before {
    content: "W";
}

.icon-44:before {
    content: "a";
}

.icon-45:before {
    content: "S";
}

.icon-46:before {
    content: "U";
}

.icon-47:before {
    content: "S";
}

.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;
    }

.fileinput {
    margin-bottom: 9px;
    display: inline-block;
}

    .fileinput .form-control {
        padding-top: 7px;
        padding-bottom: 5px;
        display: inline-block;
        margin-bottom: 0px;
        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;
    }

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
    border-radius: 0 2px 2px 0;
}

    .fileinput-new.input-group .btn-file.btn-xs,
    .fileinput-new .input-group .btn-file.btn-xs,
    .fileinput-new.input-group .btn-file.btn-sm,
    .fileinput-new .input-group .btn-file.btn-sm {
        border-radius: 0 2px 2px 0;
    }

    .fileinput-new.input-group .btn-file.btn-lg,
    .fileinput-new .input-group .btn-file.btn-lg {
        border-radius: 0 2px 2px 0;
    }

.form-group.has-warning .fileinput .fileinput-preview {
    color: #ff9800;
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #faebcc;
}

.form-group.has-error .fileinput .fileinput-preview {
    color: #f44336;
}

.form-group.has-error .fileinput .thumbnail {
    border-color: #ebccd1;
}

.form-group.has-success .fileinput .fileinput-preview {
    color: #4caf50;
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #d6e9c6;
}

.input-group-addon:not(:first-child) {
    border-left: 0;
}





.product {
    float: left;
    position: relative;
    width: 20%;
    height: 20%;
    margin: 0 5px;
    padding: 0
}

    .product img {
        width: 100%;
        height: 100%
    }



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

a:hover,
a:focus {
    /*color: #0a6ebd !important;*/
    text-decoration: none !important;
}


.scrollable {
    overflow: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.smallImage {
    max-height: 50px;
}

.stateDefault {
    color: black;
    font-weight: 600;
}

.statePool {
    color: blue;
    font-weight: 600;
}

.boldText {
    font-weight: 600;
}

.pointerCursor:hover {
    cursor: pointer;
}

.angular-google-map-container {
    height: 400px;
}

#map {
    height: 100%;
}

.vbaseline {
    vertical-align: baseline;
}

.center-row {
    display: table;
}

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

.vertical-align {
    display: flex;
    flex-direction: row;
}

    .vertical-align > [class^="col-"],
    .vertical-align > [class*=" col-"] {
        display: flex;
        align-items: center; /* Align the flex-items vertically */
        justify-content: flex-start; /* Optional, to align inner flex-items 
                              horizontally within the column  */
    }


.bottomBorder {
    border-bottom: 1px solid #ccc;
}

.bgmLightBlue {
    background-color: rgba(33, 150, 243, 0.2);
}

.k-grid tr td {
    border: none;
    border-left-style: none;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(240, 240, 240);
    /*font-size: 12px;
    font-weight: 400;*/
    /*color: rgb(118, 118, 118);*/
    -webkit-font-smoothing: antialiased;
}

.k-grid th {
    border: none;
    background-color: transparent;
    font-size: 13px;
    font-weight: 900;
    color: red;
}

.k-grid-header th.k-header > .k-link {
    background-color: transparent;
    color: black;
    text-transform: uppercase;
}

.k-grid-header th.k-header {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: double;
    border-bottom-color: rgb(240, 240, 240);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-weight: normal;
    background-color: white;
}


.table-header-left-normal {
    font-weight: 600 !important;
    font-size: small !important;
    color: #2196f3 !important;
    text-align: left;
}

.table-header-right-normal {
    font-weight: 600 !important;
    font-size: small !important;
    color: #2196f3 !important;
    text-align: right !important;
    align-content: flex-end;
}

.table-header-center-normal {
    font-weight: 600 !important;
    font-size: small !important;
    color: #2196f3 !important;
    text-align: center !important;
    align-content: flex-start;
}



.table-cell-center {
    font-weight: 300 !important;
    color: black !important;
    text-align: center;
}

.table-cell-left {
    font-weight: 300 !important;
    color: black !important;
    text-align: left;
}

.table-cell-right {
    font-weight: 300 !important;
    color: black !important;
    text-align: right;
}

.table-cell-right-red {
    font-weight: 300 !important;
    color: darkred !important;
    text-align: right;
}

.header-planning {
    font-weight: 600 !important;
    font-size: x-small !important;
    color: #2196f3 !important;
    align-content: center;
}


.header-planning-left-normal {
    font-weight: 600 !important;
    font-size: small !important;
    color: #2196f3 !important;
    text-align: left;
}

.header-planning-right-normal {
    font-weight: 600 !important;
    font-size: small !important;
    color: #2196f3 !important;
    text-align: right;
    align-content: flex-end;
}

.header-planning-large {
    font-weight: 400 !important;
    font-size: small !important;
    color: #2196f3 !important;
    align-content: center;
}


.header-planning-cell {
    font-weight: 300 !important;
    font-size: x-small !important;
    color: black !important;
}


.header-small {
    font-weight: 600 !important;
    font-size: small !important;
    color: black !important;
    align-content: center;
}

.cell-small {
    font-weight: 600 !important;
    font-size: small !important;
    align-content: center;
}

.header-small-left {
    font-weight: 600 !important;
    font-size: small !important;
    text-align: left;
}

.header-small-right {
    font-weight: 600 !important;
    font-size: small !important;
    text-align: right !important;
    align-content: flex-end;
}

.discount-planning-cell {
    font-weight: 300 !important;
    font-size: small !important;
    color: black !important;
    text-align: left;
}

.discount-numeric-planning-cell {
    font-weight: 300 !important;
    font-size: small !important;
    color: black !important;
    text-align: right;
}

.eoq-cell1 {
    font-weight: 300 !important;
    font-size: small !important;
    text-align: right;
    border: none !important;
    font-size: x-small !important;
}

.eoq-cell2 {
    font-weight: 300 !important;
    font-size: small !important;
    text-align: right;
    border: none !important;
    font-size: x-small !important;
}

.alert-ok {
    background-color: rgba(8, 117, 20, 0.75);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 10px;
}

.alert-error {
    background-color: rgba(255, 0, 0, 0.8);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 10px;
}

.alert-warn {
    background-color: rgba(255, 106, 0, 0.7);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 10px;
}

.alert-inf {
    background-color: rgba(5, 31, 147, 0.70);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 10px;
}

.bgm-appcolor {
    background-color: #0219ef !important;
}


.table-x-condensed > thead > tr > th,
.table-x-condensed > tbody > tr > th,
.table-x-condensed > tfoot > tr > th,
.table-x-condensed > thead > tr > td,
.table-x-condensed > tbody > tr > td,
.table-x-condensed > tfoot > tr > td {
    padding: 2px;
}

.underline-text {
    text-decoration: underline;
}

.pad {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.input-md {
    height: 40px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.3333333;
    border-radius: 0px;
}

.c-darkGray {
    color: rgb(118, 118, 118) !important;
}

@media ( min-width:768px ) {
    .home-tile {
        width: 210px;
        height: 130px;
    }
}

@media ( min-width: 992px ) {
    .home-tile {
        width: 230px;
        height: 130px;
    }
}

#tabstrip .k-content {
    overflow: hidden;
}

div#detailTab .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #212121;
    background-color: white;
    border: none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}


div#detailTab .k-tabstrip-items .k-state-active .k-link > li.k-state-default > .k-link {
    background-color: white !important;
    color: #2196f3 !important;
    font-weight: 700;
}

div#packageTab .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #212121;
    background-color: white;
    border: none;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #212121;
    background-color: white;
    border: none;
}

div#packageTab .k-tabstrip-items .k-state-active .k-link > li.k-state-default > .k-link {
    background-color: white !important;
    color: #2196f3 !important;
    font-weight: 700;
}


.k-tabstrip-items .k-item {
    background-color: white;
}

.k-panelbar {
    background-color: white;
}


    .k-panelbar > li.k-state-default > .k-link {
        background-color: #e7f3fe;
        color: black;
        font-weight: 700;
    }

    .k-panel > li.k-item, .k-panelbar .k-content {
        background-color: white !important;
        margin-right: 5px;
        background-image: none !important;
        border: none
    }



/*.k-combobox {
    width: 100%;
}*/


.product {
    float: left;
    position: relative;
    width: 20%;
    height: 20%;
    margin: 0 5px;
    padding: 0;
}

    .product img {
        width: 100%;
        height: 100%;
    }

.caImage {
    float: left;
    position: relative;
    width: 20%;
    height: 20%;
    margin: 0 5px;
    padding: 0;
}

    .caImage img {
        float: left;
        position: relative;
        width: 90%;
        height: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0;
    }



@keyframes bounce_circularG {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
    }
}

.oddRow {
    background-color: #FAFAFA;
}

.loadIndicator {
    width: 70px;
    height: 50px;
    display: inline-block;
}



#myTable {
    width: 100%;
    margin-left: 15px;
}


.h3, h3 {
    font-size: 22px;
}


.h4, h4 {
    font-size: 16px;
    color: #000000;
}

/* reset everything to the default box model */

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

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.k-input, .k-textbox, .k-numerictextbox .k-numeric-wrap, .k-numerictextbox .k-select {
    border-color: #E0E0E0;
}

.k-state-focused > .k-input, .k-textbox, .k-numerictextbox .k-numeric-wrap, .k-numerictextbox .k-select {
    border-color: #E0E0E0;
}*/

.vcenter {
    display: flex;
    align-items: center;
}

.input-group-addon {
    background-color: transparent;
}

.default-grouprow-item {
    font-weight: 400 !important;
    font-size: large !important;
    color: #000 !important;
    align-content: flex-start;
}


.groupRow-item {
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #000 !important;
    align-content: flex-start;
}

.group-checklist-item {
    font-weight: 400 !important;
    font-size: large !important;
}

.group-checklist-title {
    font-weight: 400 !important;
    font-size: large !important;
}

/*.k-scheduler {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    font-size: .9em;
}*/



.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }



/*Notifications*/

.notification-info {
    background: rgba(51,122,183,1.0);
    color: #fff;
    width: auto;
    height: auto;
    padding: 0 30px;
}

    .notification-info h4 {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

    .notification-info p {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

.notification-error {
    background: rgba(244,67,54,1.0);
    color: #fff;
    width: auto;
    height: auto;
    padding: 0 30px;
}

    .notification-error h4 {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }


.notification-success {
    background: rgba(76,150,80,1.0);
    color: #fff;
    width: auto;
    height: auto;
    padding: 0 30px;
}

    .notification-success h4 {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

    .notification-success p {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

.headline-packagelist {
    font-style: normal;
    font-weight: 600;
    color: rgba(51,122,183,1.0);
    font-size: 1.1em;
}

.headline-packagelist-row {
    background: rgba(240,240,240, 0.5) !important;
    font-style: normal;
    font-weight: 600;
    color: rgba(51,122,183,1.0);
    font-size: 1.1em;
}

.cell-red {
    font-weight: 700 !important;
    font-size: small !important;
    text-align: right;
    color: red;
}

.cell-right {
    text-align: right;
}

.small-button {
    padding-top: 2px;
    padding-bottom: 2px;
}

div#inventoryButtons {
    display: flex;
}

.small-text {
    font-size: 8px;
}


img-print {
    image-rendering: pixelated;
}