::-moz-selection {
    background: #09c;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #09c;
    color: #fff;
    text-shadow: none
}
/********************************************ui grid*************************/
.grid {
    /*width: 1056px;*/
    height: 250px;
}
.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

    .grid-msg-overlay .msg {
        opacity: 1;
        position: absolute;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 50%;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #555;
        text-align: center;
        font-size: 24px;
        display: table;
    }

        .grid-msg-overlay .msg span {
            display: table-cell;
            vertical-align: middle;
        }
/********************************************ui grid*************************/
body,
html {
    height: 100%;
    width: 100%
}

.app {
    background: #fff;
    width: 100%;
    min-height: 100%;
    position: relative
}

body {
    overflow: visible;
    background: #fff;
    color: #616161;
    font-size: 14px;
    line-height: 1.53846154;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif, sans-serif;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

a {
    color: inherit;
    text-decoration: none
}

a:active,
a:focus,
a:hover,
a:visited {
    color: inherit;
    outline: 0;
    text-decoration: none;
    cursor: pointer
}

.touch a:focus,
.touch a:hover,
.touch li:focus,
.touch li:hover {
    background-color: transparent!important
}

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

img {
    -ms-interpolation-mode: bicubic
}

.img-rounded {
    border-radius: 2px
}

.img-circle {
    border-radius: 50%
}

ol {
    list-style-position: outside;
    list-style-type: decimal
}

ul {
    list-style-position: outside;
    list-style-type: disc;
    line-height: 1.5
}

ol.list-style-none,
ul.list-style-none {
    padding: 0;
    list-style: none
}

.nav {
    padding: 0
}

[ui-view].ng-leave {
    -webkit-animation: .4s fadeOut;
    animation: .4s fadeOut
}

[ui-view].ng-enter {
    -webkit-animation: .4s slideInUp;
    animation: .4s slideInUp
}

@media screen and (min-width:768px) {
    .scroll {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%
    }
    .eq-col {
        position: absolute;
        top: 60px;
        bottom: 55px;
        left: 230px;
        right: 0
    }
    .display-row {
        width: 100%;
        height: 100%
    }
    .display-row .col {
        float: left;
        height: 100%
    }
    .display-row .col:last-child {
        float: none;
        overflow: hidden
    }
    .css-table {
        display: table;
        width: 100%;
        height: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed
    }
    .css-table .col {
        display: table-cell;
        vertical-align: top;
        float: none;
        height: 100%
    }
}

.css-table-xs {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    overflow: hidden
}

.css-table-xs .col {
    display: table-cell;
    vertical-align: top;
    position: relative;
    float: none;
    height: 100%
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.bold,
dt {
    font-weight: 700
}

.climacon {
    line-height: 1
}

.small,
small {
    font-size: 11px
}

p {
    color: #7a7a7a
}

blockquote {
    display: block;
    float: left;
    margin: 15px 0;
    padding: 15px;
    border: 0;
    font-size: 13px
}

blockquote:before {
    float: left;
    margin-right: 10px;
    color: #e2e4e9;
    content: "“";
    font-size: 40px;
    font-family: Georgia, serif;
    line-height: 1
}

blockquote p {
    display: inline
}

.pullquote {
    display: block;
    float: left;
    width: 55%;
    font-style: italic;
    font-size: 1.6em
}

.pullquote:before {
    float: left;
    color: #e2e4e9;
    content: "“";
    font-style: normal;
    font-size: 40px;
    font-family: Georgia, serif
}

.avatar {
    position: relative;
    display: inline-block
}

.img-thumbnail {
    border: 1px solid #e4e4e4
}

.avatar-xlg {
    width: 256px
}

.avatar-lg {
    width: 128px
}

.avatar-md {
    width: 64px
}

.avatar-sm {
    width: 46px
}

.avatar-xs {
    width: 34px
}

.avatar-xxs {
    width: 22px
}

.status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    text-align: center;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    line-height: .245;
    border-width: 2px;
    border-style: solid
}

.header .status {
    top: 15px;
    right: 13px
}

@-webkit-keyframes loading-bar {
    0% {
        width: 0
    }
    33% {
        width: 100%
    }
    66% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        -webkit-transform-origin: right;
        transform-origin: right
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@keyframes loading-bar {
    0% {
        width: 0
    }
    33% {
        width: 100%
    }
    66% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        -webkit-transform-origin: right;
        transform-origin: right
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

.preloader {
    position: fixed;
    width: 100%;
    overflow: hidden;
    top: 0;
    z-index: 9999;
    height: 3px;
    background: rgba(46, 204, 113, .2)
}

.preloader:before {
    content: '';
    background-color: #2ecc71;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-animation: 1.5s infinite loading-bar;
    animation: 1.5s infinite loading-bar;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.quick-launch-panel {
    display: table;
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 80px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    background: #221e1f
}

.quick-launch-panel:after,
.quick-launch-panel:before {
    content: " ";
    display: table
}

.quick-launch-panel:after {
    clear: both
}

.quick-launch-panel .container {
    position: relative
}

.quick-launch-panel .quick-launcher-inner {
    display: block;
    padding: 17px 0
}

.quick-launch-panel .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    text-shadow: none;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    z-index: 9999
}

.quick-launch-panel a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.quick-launch-panel a span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 0
}

.layout-quick-launch-panel {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0)
}

.layout-quick-launch-panel:before {
    content: '';
    background-color: rgba(0, 0, 0, .15);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000
}

.stop-scrolling .brand,
.stop-scrolling .chat-panel,
.stop-scrolling .layout-fixed-header .main-panel>.header,
.stop-scrolling .sidebar-panel {
    position: absolute!important
}

.sidebar-panel {
    position: fixed;
    height: 100%;
    overflow: hidden
}

.sidebar-panel>nav {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.sidebar-panel>nav ul {
    padding: 0;
    list-style: none;
    z-index: 99;
    background: #221e1f
}

.sidebar-panel>nav ul>li>a {
    display: block;
    text-align: left;
    line-height: 1;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.sidebar-panel>nav ul>li>a>span {
    display: initial
}

.sidebar-panel>nav ul>li>a>span.label {
    position: initial;
    top: auto;
    right: auto
}

.sidebar-panel>nav ul>li>a .fa {
    padding-right: 15px;
    width: 30px;
    text-align: center;
    font-size: 20px
}

.sidebar-panel>nav ul>li>a .fa,
.sidebar-panel>nav ul>li>a>span {
    -webkit-transition: text-indent .1s;
    transition: text-indent .1s
}

.sidebar-panel>nav li:hover>a>.fa,
.sidebar-panel>nav li:hover>a>span {
    text-indent: 3px
}

.sidebar-panel>nav li ul li a {
    padding: 10px 25px 10px 58px
}

.sidebar-panel>nav li.menu-accordion>a:before {
    min-width: 15px;
    text-align: center;
    transition: -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    /*content: "\f105";
    font: 400 14px/1 FontAwesome;*/
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 5px
}

.sidebar-panel>nav li.open.menu-accordion>a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sidebar-panel>nav li.open>a .fa,
.sidebar-panel>nav li.open>a>span {
    text-indent: 3px
}

.sidebar-panel>nav>ul>li {
    position: relative;
    display: block
}

.sidebar-panel>nav>ul>li>a:focus {
    background-color: transparent
}

.sidebar-panel>nav>ul>li a {
    position: relative;
    padding: 13px 25px;
    cursor: pointer
}

.sidebar-panel>nav>ul>li>ul {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #1a1718
}

.sidebar-panel>nav>ul>li>ul:after,
.sidebar-panel>nav>ul>li>ul:before {
    content: " ";
    display: table
}

.sidebar-panel>nav>ul>li>ul:after {
    clear: both
}

.sidebar-panel>nav>ul>li ul {
    max-height: 0;
    overflow: hidden;
    display: block
}

.sidebar-panel>nav>ul>li>.sub-menu .sub-menu {
    padding-left: 20px
}

.sidebar-panel>nav .open>ul {
    max-height: 500px
}

.sidebar-panel,
.sidebar-panel>.brand {
    background-color: #221e1f
}

.sidebar-panel>.brand a {
    color: #fff
}

.sidebar-panel>.brand a:active,
.sidebar-panel>.brand a:focus,
.sidebar-panel>.brand a:hover {
    color: #fff
}

.sidebar-panel>.brand .hamburger-icon span {
    background-color: #fff
}

.sidebar-panel>.brand .hamburger-icon:hover span {
    background-color: #8a8d9b
}

.sidebar-panel>nav li.active>a,
.sidebar-panel>nav li.open>a {
    color: #8a8d9b
}

.sidebar-panel>nav .open>a,
.sidebar-panel>nav .open>a:focus,
.sidebar-panel>nav .open>a:hover {
    background-color: transparent
}

.sidebar-panel>nav a {
    color: #fff
}

.sidebar-panel>nav a:active,
.sidebar-panel>nav a:focus,
.sidebar-panel>nav a:hover {
    color: #8a8d9b
}

.quick-launch-panel .close {
    background: #070606;
    color: #fff
}

.quick-launch-panel a:hover {
    color: #8a8d9b
}

@media screen and (min-width:768px) {
    .sidebar-panel {
        overflow: hidden;
        width: 230px;
        z-index: 1050;
        -webkit-backface-visibility: hidden
    }
    .sidebar-panel>nav>ul {
        width: 230px
    }
    .layout-small-menu {
        min-height: 100%
    }
    .layout-small-menu .sidebar-panel {
        width: 100px;
        overflow: visible
    }
    .layout-small-menu .sidebar-panel .brand-logo {
        display: none;
        visibility: hidden
    }
    .layout-small-menu .sidebar-panel .toggle-sidebar {
        text-align: center;
        margin: 0 auto;
        display: table;
        float: none
    }
    .layout-small-menu .sidebar-panel>nav {
        overflow: visible!important;
        right: 0
    }
    .layout-small-menu .sidebar-panel>nav>ul {
        width: 100px
    }
    .layout-small-menu .sidebar-panel>nav>ul>li {
        position: relative;
        text-align: center
    }
    .layout-small-menu .sidebar-panel>nav>ul>li.menu-accordion>a:before {
        content: ''
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>a {
        padding: 15px 0
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>a>span {
        display: none
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>a>span.label {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>a>.fa {
        display: block;
        padding: 0;
        width: 100%
    }
    .layout-small-menu .sidebar-panel>nav>ul>li:hover>.sub-menu {
        max-height: 500px
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>.sub-menu {
        position: absolute;
        top: 0;
        left: 100%;
        max-height: 0
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>.sub-menu a {
        padding-left: 15px;
        white-space: nowrap
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>.sub-menu>li>a+.sub-menu>li>a {
        padding-left: 35px
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>.sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a {
        padding-left: 45px
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>.sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a {
        padding-left: 55px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level {
        min-width: 180px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level a span {
        margin-right: 25px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level.menu-accordion>a:before {
        content: ''
    }
    .layout-small-menu .sidebar-panel>nav .multi-level .sub-menu {
        position: relative;
        left: auto
    }
    .layout-small-menu .sidebar-panel>nav .multi-level .sub-menu>li>a {
        padding-left: 40px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level .sub-menu>li>a+.sub-menu>li>a {
        padding-left: 45px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level .sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a {
        padding-left: 50px
    }
    .layout-small-menu .sidebar-panel>nav .multi-level .sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a+.sub-menu>li>a {
        padding-left: 55px
    }
    .layout-small-menu .main-panel {
        margin-left: 100px
    }
    .layout-small-menu .eq-col {
        left: 100px
    }
    .small-menu .sidebar-panel nav>ul>li>.sub-menu,
    .small-menu .sidebar-panel>nav li.open {
        background-color: #1d191a
    }
}

.sidebar-panel .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .5)
}

.main-panel>.header {
    width: 100%;
    height: 60px;
    border: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px rgba(0, 0, 0, .1);
    background-color: #221e1f
}

.main-panel>.header .navbar-btn {
    margin-top: 13px;
    margin-bottom: 13px
}

.main-panel>.header .btn-lg.navbar-btn {
    margin-top: 7.5px;
    margin-bottom: 7.5px
}

.main-panel>.header .btn-sm.navbar-btn {
    margin-top: 15px;
    margin-bottom: 15px
}

.main-panel>.header .btn-xs.navbar-btn {
    margin-top: 19px;
    margin-bottom: 19px
}

.main-panel>.header .navbar-nav {
    margin: 0
}

.main-panel>.header .navbar-nav>li>a {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
    max-height: 60px
}

.main-panel>.header .navbar-nav .dropdown-menu {
    margin-top: 1px;
    padding: 0;
    border-color: rgba(0, 0, 0, .1);
    border-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    border-radius: 0
}

.main-panel>.header .notifications {
    min-width: 300px
}

.main-panel>.header .notifications .notifications-footer,
.main-panel>.header .notifications .notifications-header {
    padding: 0 15px
}

.main-panel>.header .notifications .notifications-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}

.main-panel>.header .notifications .notifications-header p {
    margin: 0
}

.main-panel>.header .notifications .notifications-footer {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.main-panel>.header .notifications li a {
    font-size: 14px;
    padding: 0
}

.main-panel>.header .notifications .time {
    display: block;
    font-size: 12px
}

.main-panel>.header .notifications a:active,
.main-panel>.header .notifications a:hover {
    color: #545454;
    background-color: transparent
}

.main-panel>.header .notifications .notifications-list {
    list-style: none;
    padding: 0
}

.main-panel>.header .notifications .notifications-list li {
    border-bottom: 1px solid #e4e4e4
}

.main-panel>.header .notifications .notifications-list li a {
    position: relative;
    display: block;
    padding: 15px
}

.main-panel>.header .circle-icon {
    position: relative;
    display: table;
    margin: 0;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.main-panel>.header .circle-icon>i {
    display: table-cell;
    float: none;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 12px
}

.main-panel>.header a>i.fa {
    font-size: 14px
}

.main-panel>.header .header-avatar {
    width: 32px;
    margin-top: -6px
}

@media screen and (min-width:768px) {
    .header {
        position: relative;
        width: 100%
    }
    .header .navbar-form {
        margin-top: 13px;
        margin-bottom: 13px
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: 0
    }
    .main-panel>header .dropdown-menu {
        padding: 0
    }
    .main-panel {
        margin-left: 230px
    }
}

.main-panel>.header .nav>li>a,
.main-panel>.header .navbar-text {
    color: #fff
}

.main-panel>.header .nav .open>a,
.main-panel>.header .nav .open>a:focus,
.main-panel>.header .nav .open>a:hover,
.main-panel>.header .nav>li>a:focus,
.main-panel>.header .nav>li>a:hover {
    background-color: #9fa3be;
    color: #221e1f
}

.main-panel>.header .hamburger-icon span {
    background: #fff
}

.main-panel>.header .hamburger-icon:hover span {
    background: #221e1f
}

.brand {
    width: 100%;
    height: 60px;
    display: block;
    clear: both
}

.brand .brand-logo {
    float: left;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.brand .toggle-sidebar {
    padding: 23.5px 15px;
    float: right
}

@media(max-width:767px) {
    .main-panel>.header {
        width: 100%
    }
    .main-panel>.header .navbar-nav .open .dropdown-menu {
        position: absolute;
        left: auto;
        right: 0
    }
    .main-panel>.header>.navbar-nav {
        float: left
    }
    .main-panel>.header>.navbar-right {
        float: right
    }
    .main-panel>.header>.nav>li {
        float: left
    }
    .header .brand {
        text-align: center
    }
    .header .brand .brand-logo {
        display: inline-block;
        float: none;
        margin: 15px auto
    }
    .header .brand .toggle-chat,
    .header .brand .toggle-offscreen {
        position: absolute;
        top: 0;
        border: 1px solid transparent;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 0
    }
    .header .brand .toggle-offscreen {
        left: 0
    }
    .header .brand .toggle-chat {
        right: 0
    }
}

.main-panel {
    background: #fff
}

.main-panel:after,
.main-panel:before {
    content: " ";
    display: table
}

.main-panel:after {
    clear: both
}

.main-panel>.main-content {
    padding: 20px;
    margin-bottom: 55px
}

.main-panel>.main-content:after,
.main-panel>.main-content:before {
    content: " ";
    display: table
}

.main-panel>.main-content:after {
    clear: both
}

.main-panel>.main-content.no-padding {
    padding: 0
}

.main-panel .row {
    margin-right: -10px;
    margin-left: -10px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.main-panel .col-xs-1 {
    padding-left: 10px;
    padding-right: 10px
}

.center-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.center-wrapper .center-content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    float: none
}

footer.content-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 12px;
    z-index: 1000
}

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

footer.content-footer:after {
    clear: both
}

footer.content-footer .footer-text {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 18px;
    margin-bottom: 18px;
    display: inline-block;
    float: left
}

footer.content-footer .footer-text.small {
    margin-top: 20px;
    margin-bottom: 20px
}

footer.content-footer .footer-right {
    float: right;
    margin-right: 0
}

footer.content-footer nav {
    margin-right: 15px
}

footer.content-footer nav ul {
    list-style: none;
    margin: 0;
    font-weight: 400;
    line-height: 1
}

footer.content-footer nav ul li {
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

footer.content-footer nav ul li a {
    color: #616161;
    line-height: 20px;
    max-height: 55px;
    padding: 18px 10px
}

footer.content-footer nav ul li a:focus,
footer.content-footer nav ul li a:hover {
    background-color: transparent;
    color: #545454
}

footer.content-footer nav ul li:first-child {
    margin-left: 0
}

footer.content-footer nav ul li:first-child a {
    padding-left: 0
}

footer.content-footer li a:active,
footer.content-footer li a:hover,
footer.content-footer li:hover {
    background: 0 0
}

@media(max-width:767px) {
    footer.content-footer .footer-left {
        display: none
    }
}

.chat-panel {
    position: fixed;
    top: 60px;
    bottom: 0;
    right: 0;
    z-index: 1000;
    width: 230px;
    background-color: rgba(255, 255, 255, .99);
    overflow: hidden;
    transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 0 2px 0 rgba(0, 0, 0, .05);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.chat-panel .chat-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.chat-panel .chat-conversation,
.chat-panel .chat-users {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    background-color: #fff
}

.chat-panel .chat-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 60px
}

.chat-panel .chat-header:after,
.chat-panel .chat-header:before {
    content: " ";
    display: table
}

.chat-panel .chat-header:after {
    clear: both
}

.chat-panel .chat-header .chat-header-title {
    float: none;
    text-align: center;
    width: 100%;
    padding-top: 20.5px;
    padding-bottom: 20.5px
}

.chat-panel .chat-header .chat-header-title.text-left {
    text-align: left!important
}

.chat-panel .chat-header .chat-back,
.chat-panel .chat-header .chat-right {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 18.5px 15px
}

.chat-panel .chat-header .chat-right {
    position: absolute;
    right: 0;
    top: 0
}

.chat-panel .chat-header .chat-back {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20)
}

.chat-panel .chat-header .chat-back:hover {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.chat-panel .chat-users .nav-tabs {
    background: #efefef
}

.chat-panel .chat-users .nav-tabs:after,
.chat-panel .chat-users .nav-tabs:before {
    content: " ";
    display: table
}

.chat-panel .chat-users .nav-tabs:after {
    clear: both
}

.chat-panel .chat-users .nav-tabs li {
    position: relative
}

.chat-panel .chat-users .nav-tabs li:after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e4e4e4;
    -webkit-transition: background .3s cubic-bezier(.7, 0, .3, 1);
    transition: background .3s cubic-bezier(.7, 0, .3, 1)
}

.chat-panel .chat-users .nav-tabs li>a {
    border-radius: 0;
    border: 0
}

.chat-panel .chat-users .nav-tabs li.active:after,
.chat-panel .chat-users .nav-tabs li.active:focus:after,
.chat-panel .chat-users .nav-tabs li.active:hover:after,
.chat-panel .chat-users .nav-tabs li:hover:after {
    background-color: #09c
}

.chat-panel .chat-users .nav-tabs li>a:focus,
.chat-panel .chat-users .nav-tabs li>a:hover {
    border: 0;
    background: 0 0
}

.chat-panel .chat-users .tab-content {
    position: absolute;
    top: 38px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.chat-panel .activity-feed {
    list-style: none;
    padding: 15px
}

.chat-panel .activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 1px solid #e2e2e2
}

.chat-panel .activity-feed .feed-item:last-child {
    border-color: transparent
}

.chat-panel .activity-feed .feed-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e2e2e2
}

.chat-panel .activity-feed .feed-item.active:after,
.chat-panel .activity-feed .feed-item.inactive:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    line-height: 12px;
    font-size: 8px;
    text-align: center
}

.chat-panel .activity-feed .feed-item.active:after {
    content: "\f00c";
    background: #2ecc71;
    border: 1px solid #2ecc71
}

.chat-panel .activity-feed .feed-item.inactive:after {
    content: "\f00d";
    background: #d96557;
    border: 1px solid #d96557
}

.chat-panel .activity-feed .feed-item time {
    display: block;
    position: relative;
    top: -5px;
    color: #999
}

.chat-panel .activity-feed .feed-item span {
    position: relative;
    top: -3px
}

.chat-panel .favourite-list a {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #e4e4e4
}

.chat-panel .chat-conversation,
.chat-panel.conversation-open .chat-users {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.chat-panel.conversation-open .chat-conversation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.chat-panel .chat-group {
    margin-bottom: 15px
}

.chat-panel .chat-group .chat-group-header,
.chat-panel .chat-group a {
    display: block;
    position: relative;
    padding: 5px 15px
}

.chat-panel .chat-group .chat-group-header:hover,
.chat-panel .chat-group a:hover {
    color: #484848
}

.chat-panel .chat-group .status-away,
.chat-panel .chat-group .status-invisible,
.chat-panel .chat-group .status-no-disturb,
.chat-panel .chat-group .status-offline,
.chat-panel .chat-group .status-online {
    margin-right: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #e2e2e2;
    border-radius: 8px
}

.chat-panel .chat-group .status-online {
    border-color: #2ecc71;
    background-color: #2ecc71
}

.chat-panel .chat-group .status-away {
    border-color: #ffc65d;
    background-color: #ffc65d
}

.chat-panel .chat-group .status-no-disturb {
    border-color: #d96557;
    background-color: #d96557
}

.chat-panel .chat-group .status-invisible,
.chat-panel .chat-group .status-offline {
    border-color: #2ecc71;
    background-color: #fff
}

.chat-panel .chat-conversation .chat-conversation-content {
    position: absolute;
    top: 60px;
    bottom: 60px;
    left: 0;
    right: 0;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.chat-panel .chat-conversation .chat-conversation-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.chat-panel .chat-conversation .chat-conversation-user {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.chat-panel .chat-conversation .chat-conversation-message {
    position: relative;
    margin-left: 6px;
    padding: 10px 15px;
    background-color: #e2e2e2;
    float: left;
    border-radius: 2px
}

.chat-panel .chat-conversation .chat-conversation-message:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0
}

.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message:before {
    right: 0;
    margin-right: -14px;
    border-top: 15px solid #4cc3d9;
    border-right: 15px solid transparent
}

.chat-panel .chat-conversation .chat-conversation-user.them .chat-conversation-message:before {
    border-top: 15px solid #e2e2e2;
    border-left: 15px solid transparent;
    left: 0;
    margin-left: -14px
}

.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message {
    position: relative;
    margin-left: 0;
    margin-right: 6px;
    background-color: #4cc3d9;
    float: right
}

.chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message p {
    color: #fff
}

.chat-panel .chat-conversation .chat-input {
    outline: 0;
    resize: none;
    overflow: hidden;
    padding: 10px 0;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    display: block;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 45px;
    right: 45px
}

.chat-panel .chat-conversation .chat-input:empty:before {
    content: "Write something..."
}

.chat-panel .chat-conversation .chat-input:focus:before {
    content: ""
}

.chat-panel .chat-conversation .chat-input-tool {
    outline: 0;
    background: 0 0;
    border: none;
    padding: 10px 15px;
    margin-top: 7px;
    margin-bottom: 7px;
    color: inherit;
    float: left
}

.chat-panel .chat-conversation .chat-send {
    outline: 0;
    background: 0 0;
    border: none;
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    margin-top: 7px;
    margin-bottom: 7px;
    float: right
}

.chat-panel .chat-conversation .chat-input:empty+.chat-send {
    color: #2b8ec2
}

.chat-panel .chat-conversation .chat-send>i {
    position: relative
}

.chat-panel .chat-conversation p {
    margin: 0
}

.hamburger-icon {
    tap-highlight-color: transparent;
    padding: 15px
}

.hamburger-icon span {
    display: block;
    width: 16px;
    height: 1px;
    pointer-events: none
}

.hamburger-icon span:nth-child(2) {
    margin: 3px 0
}

.hamburger-icon.v2 span:first-child {
    width: 14px
}

.hamburger-icon.v2 span:nth-child(2) {
    width: 10px
}

.hamburger-icon.v3 span {
    height: 1px
}

.hamburger-icon.v3 span:nth-child(3) {
    margin: 0 0 3px
}

.hamburger-icon.v3 span:nth-child(4) {
    width: 10px
}

.header li .hamburger-icon {
    padding-top: 25.5px!important;
    padding-bottom: 25.5px!important
}

@media(max-width:767px) {
    .layout-chat-open {
        overflow: hidden;
        height: 100%
    }
    .chat-panel {
        width: 100%
    }
    * {
        -webkit-overflow-scrolling: touch
    }
    .main-panel {
        position: relative;
        min-height: 100%
    }
    .brand,
    .main-panel {
        width: 100%
    }
    .main-panel,
    .sidebar-panel {
        transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1)
    }
    .offscreen .main-panel {
        overflow: hidden;
        position: fixed
    }
    .offscreen footer.content-footer {
        display: none
    }
    .sidebar-panel {
        z-index: 9999;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .move-left .sidebar-panel,
    .move-right .sidebar-panel {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .app .offscreen-left,
    .app .offscreen-right {
        width: 80%
    }
    .app .offscreen-right,
    .app.layout-right-sidebar .sidebar-panel {
        right: 0
    }
    .move-left .main-panel {
        -webkit-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
    .move-right .main-panel {
        -webkit-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
    .move-right .sidebar-panel>nav {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .no-csstransforms .move-right .main-panel {
        right: 80%
    }
    .no-csstransforms .move-left .main-panel {
        left: 80%
    }
}

.widget {
    position: relative;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    padding: 15px;
    border-radius: 1px
}

.widget .widget-body,
.widget .widget-footer,
.widget .widget-header {
    position: relative
}

.widget .widget-body:after,
.widget .widget-body:before,
.widget .widget-footer:after,
.widget .widget-footer:before,
.widget .widget-header:after,
.widget .widget-header:before {
    content: " ";
    display: table
}

.widget .widget-body:after,
.widget .widget-footer:after,
.widget .widget-header:after {
    clear: both
}

.widget .widget-header {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.widget .widget-footer {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.widget p {
    margin: 0
}

.widget .widget-icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 40px
}

.widget .widget-icon.pull-left {
    margin-right: 15px
}

.widget .widget-icon.pull-right {
    margin-left: 15px
}

.widget .widget-bg-icon {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 80px;
    font-size: 60px
}

.widget .widget-bg-icon i {
    -moz-opacity: .2;
    -khtml-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

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

.widget .widget-title {
    display: block;
    font-size: 20px;
    line-height: 1;
    color: #484848
}

.widget .widget-subtitle {
    font-size: 12px;
    color: #7a7a7a
}

.widget .widget-stats {
    position: relative
}

.widget .widget-row {
    display: table-row
}

.widget .stats-value {
    margin: 0;
    line-height: 1
}

.widget .stats-caption {
    font-size: 80%;
    text-transform: uppercase
}

.widget .stats-change {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

.widget.widget-weather {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.widget.widget-weather .climacon {
    display: block;
    font-size: 20px;
    margin-top: 5px
}

.widget.widget-weather .widget-weather-icon {
    font-size: 70px
}

.widget.widget-weather .degree-value {
    margin-top: 5px;
    margin-bottom: 5px
}

.widget.widget-weather .widget-weather-footer {
    display: table;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: 25px
}

.widget.widget-weather .widget-weather-footer>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.widget .percent {
    position: relative
}

.widget .percent:after {
    position: absolute;
    top: 0;
    content: '%';
    font-size: .5em;
    font-family: Georgia, serif
}

.widget .widget-list {
    vertical-align: top
}

.widget .widget-list .widget-list-item {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #616161;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.widget>.list-group {
    margin-bottom: 0
}

.widget>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.widget>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.widget>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.widget .widget-progress.progress {
    margin: 10px 0;
    background-color: rgba(0, 0, 0, .2);
    height: 2px
}

.widget .widget-progress .progress-bar {
    background-color: #fff
}

.widget.todo {
    padding: 0
}

.widget .todo-title {
    margin: 0 15px;
    padding: 10px 0;
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.widget .todo-body {
    padding: 15px
}

.widget .todo-body>ul {
    margin-bottom: 0
}

.widget .todo-footer {
    background-color: rgba(0, 0, 0, .05);
    padding: 10px 15px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.widget-chart {
    position: relative;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 1px
}

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

.widget-chart:after {
    clear: both
}

.accordion .panel {
    border: 1px solid #f1f1f1;
    border-radius: 4px
}

.accordion .panel-heading {
    background-color: #fff!important;
    border-radius: 4px
}

.accordion .panel-heading a {
    color: #616161;
    position: relative;
    display: block
}

.accordion .panel-body {
    border-top: 0!important
}

.layout-fixed-header .main-panel>.header {
    position: fixed;
    top: 0
}

.layout-fixed-header .main-content.no-padding {
    padding: 60px 0 0
}

@media screen and (min-width:768px) {
    .layout-right-sidebar .sidebar-panel {
        right: 0
    }
    .layout-right-sidebar .main-panel {
        margin-left: 0;
        margin-right: 230px
    }
    .layout-right-sidebar.layout-small-menu .sidebar-panel nav>ul>li>.sub-menu {
        right: 100%!important;
        left: auto!important
    }
    .layout-right-sidebar.layout-small-menu .main-panel {
        margin-left: 0;
        margin-right: 100px
    }
    .layout-right-sidebar .eq-col {
        left: 0;
        right: 230px
    }
    .layout-right-sidebar.layout-small-menu .eq-col {
        right: 100px
    }
    .layout-boxed,
    .layout-small-menu,
    .layout-static-sidebar {
        overflow: hidden
    }
    .layout-boxed .sidebar-panel,
    .layout-small-menu .sidebar-panel,
    .layout-static-sidebar .sidebar-panel {
        position: absolute
    }
    .layout-boxed .sidebar-panel>nav,
    .layout-small-menu .sidebar-panel>nav,
    .layout-static-sidebar .sidebar-panel>nav {
        position: static;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        overflow: visible;
        display: block
    }
    .layout-boxed .full-height-content,
    .layout-static-sidebar .full-height-content {
        position: static;
        height: 100%
    }
    .layout-boxed .full-height-content .eq-col,
    .layout-static-sidebar .full-height-content .eq-col {
        width: auto;
        height: auto;
        top: 60px;
        bottom: 55px
    }
    .layout-boxed.layout-fixed-header .full-height-content,
    .layout-static-sidebar.layout-fixed-header .full-height-content {
        margin-top: 60px
    }
    .layout-fixed-header .main-panel>.header {
        padding-left: 230px;
        margin-left: -230px
    }
    .layout-fixed-header.layout-small-menu .main-panel>.header {
        padding-left: 100px;
        margin-left: -100px
    }
    .layout-fixed-header .full-height-content {
        top: 60px
    }
    .layout-fixed-header.layout-right-sidebar .main-panel>.header {
        padding-left: 0;
        padding-right: 230px;
        margin-left: 0;
        margin-right: -230px
    }
    .layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel>.header {
        padding-left: 0;
        padding-right: 100px;
        margin-left: 0;
        margin-right: -100px
    }
    .layout-fixed-header.layout-boxed .sidebar-panel>.brand,
    .layout-fixed-header.layout-small-menu .sidebar-panel>.brand,
    .layout-fixed-header.layout-static-sidebar .sidebar-panel>.brand {
        position: fixed;
        top: 0;
        width: 230px;
        z-index: 9
    }
    .layout-fixed-header.layout-small-menu .sidebar-panel>.brand {
        width: 100px
    }
    .layout-fixed-header.layout-boxed .sidebar-panel>nav,
    .layout-fixed-header.layout-small-menu .sidebar-panel>nav,
    .layout-fixed-header.layout-static-sidebar .sidebar-panel>nav {
        margin-top: 60px
    }
    footer.content-footer {
        padding-left: 250px
    }
    .layout-small-menu footer.content-footer {
        padding-left: 120px
    }
    .layout-right-sidebar footer.content-footer {
        padding-left: 0;
        padding-right: 250px
    }
    .layout-small-menu.layout-right-sidebar footer.content-footer {
        padding-left: 0;
        padding-right: 120px
    }
    .layout-fixed-footer footer.content-footer {
        position: fixed;
        bottom: 0;
        background: #fff;
        padding-left: 230px
    }
    .layout-fixed-footer.layout-small-menu footer.content-footer {
        padding-left: 120px
    }
    .layout-fixed-footer.layout-right-sidebar footer.content-footer {
        padding-left: 0;
        padding-right: 250px
    }
    .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer {
        padding-left: 0;
        padding-right: 120px
    }
}

.layout-right-sidebar .chat-panel {
    right: auto;
    left: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.layout-chat-open .chat-panel {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.layout-boxed {
    margin-right: auto;
    margin-left: auto
}

.layout-boxed .chat-panel {
    position: absolute
}

@media(min-width:768px) {
    .layout-boxed,
    .layout-boxed .preloader,
    .layout-boxed.layout-fixed-footer footer.content-footer,
    .layout-boxed.layout-fixed-header .main-panel>.header {
        max-width: 750px
    }
    .layout-small-menu .sidebar-panel .toggle-sidebar .fa.fa-bars {
        margin-left: -25px
    }
}

@media(min-width:992px) {
    .layout-boxed,
    .layout-boxed .preloader,
    .layout-boxed.layout-fixed-footer footer.content-footer,
    .layout-boxed.layout-fixed-header .main-panel>.header {
        max-width: 970px
    }
}

@media(min-width:1200px) {
    .layout-boxed,
    .layout-boxed .preloader,
    .layout-boxed.layout-fixed-footer footer.content-footer,
    .layout-boxed.layout-fixed-header .main-panel>.header {
        max-width: 1170px
    }
}

.switch {
    position: relative;
    width: 50px;
    height: 30px
}

.switch span {
    -webkit-box-shadow: #e4e4e4 0 0 0 0 inset;
    box-shadow: #e4e4e4 0 0 0 0 inset;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s;
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #e4e4e4;
    background-color: #e4e4e4;
    background-clip: content-box;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch input {
    display: none
}

.switch span i {
    position: absolute;
    top: 0;
    display: inline-block;
    cursor: pointer;
    padding-right: 20px;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.switch span i:before {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff
}

.switch:disabled+span i:before {
    background-color: #efefef
}

.switch:checked+span {
    border-color: #2ecc71;
    -webkit-box-shadow: #2ecc71 0 0 0 21px inset;
    box-shadow: #2ecc71 0 0 0 21px inset;
    -webkit-transition: border .3s, background-color 1.2s, -webkit-box-shadow .3s;
    transition: border .3s, background-color 1.2s, -webkit-box-shadow .3s;
    transition: border .3s, box-shadow .3s, background-color 1.2s;
    transition: border .3s, box-shadow .3s, background-color 1.2s, -webkit-box-shadow .3s;
    background-color: #2ecc71
}

.switch:checked+span i {
    padding-right: 0;
    padding-left: 20px
}

.switch.switch-sm {
    width: 33px;
    height: 20px;
    border-radius: 20px
}

.switch.switch-sm span i:before {
    width: 20px;
    height: 20px
}

.switch.switch-sm:checked+span i {
    padding-left: 13px
}

.switch.switch-lg {
    width: 66px;
    height: 40px;
    border-radius: 40px
}

.switch.switch-lg span i:before {
    width: 40px;
    height: 40px
}

.switch.switch-lg:checked+span i {
    padding-left: 26px
}

.switch.square span,
.switch.square span i:before {
    border-radius: 2px
}

.switch.switch-primary:checked+span {
    border-color: #09c;
    -webkit-box-shadow: #09c 0 0 0 21px inset;
    box-shadow: #09c 0 0 0 21px inset;
    background-color: #09c
}

.switch.switch-warning:checked+span {
    border-color: #ffc65d;
    -webkit-box-shadow: #ffc65d 0 0 0 21px inset;
    box-shadow: #ffc65d 0 0 0 21px inset;
    background-color: #ffc65d
}

.switch.switch-danger:checked+span {
    border-color: #d96557;
    -webkit-box-shadow: #d96557 0 0 0 21px inset;
    box-shadow: #d96557 0 0 0 21px inset;
    background-color: #d96557
}

.switch.switch-info:checked+span {
    border-color: #4cc3d9;
    -webkit-box-shadow: #4cc3d9 0 0 0 21px inset;
    box-shadow: #4cc3d9 0 0 0 21px inset;
    background-color: #4cc3d9
}

.switch.switch-dark:checked+span {
    border-color: #221e1f;
    -webkit-box-shadow: #221e1f 0 0 0 21px inset;
    box-shadow: #221e1f 0 0 0 21px inset;
    background-color: #221e1f
}

@media print {
    .main-content {
        width: 100%
    }
    .content-footer,
    .header,
    .no-print,
    .sidebar-panel {
        display: none
    }
}

.alert {
    padding: 10px 15px;
    border-radius: 2px
}

.alert-dismissable .close {
    right: 0
}

.alert-success {
    background-color: #a8ebc4;
    border-color: #9be8bc;
    color: #1b7943
}

.alert-success hr {
    border-top-color: #86e4ae
}

.alert-success .alert-link {
    color: #124f2c
}

.alert-info {
    background-color: #caedf4;
    border-color: #bee9f1;
    color: #218a9e
}

.alert-info hr {
    border-top-color: #a9e2ed
}

.alert-info .alert-link {
    color: #196573
}

.alert-warning {
    background-color: #fff3dd;
    border-color: #ffedcd;
    color: #ffab11
}

.alert-warning hr {
    border-top-color: #ffe5b4
}

.alert-warning .alert-link {
    color: #dd8f00
}

.alert-danger {
    background-color: #f5d7d4;
    border-color: #f2ccc7;
    color: #a53325
}

.alert-danger hr {
    border-top-color: #eeb9b3
}

.alert-danger .alert-link {
    color: #7b261c
}

.badge {
    line-height: 15px
}

.breadcrumb {
    background-color: #fff;
    border-radius: 2px
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    content: "\f105\00a0";
    font-family: FontAwesome
}

.btn {
    padding-right: 15px;
    padding-left: 15px;
    outline: 0;
    font-size: 13px;
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    line-height: 21px;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden
}

.btn:before {
    border-radius: 2px
}

.btn.active,
.btn.active:focus,
.btn:active,
.btn:active:focus,
.btn:focus {
    outline: 0
}

.btn-group.open .dropdown-toggle,
.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group.open .dropdown-toggle:before,
.btn.active:before,
.btn:active:before {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.25;
    border-radius: 4px
}

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

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.btn-round,
.btn-round .btn,
.btn-round a,
.input-round {
    border-radius: 40px
}

.btn-round .btn:before,
.btn-round a:before,
.btn-round:before,
.input-round:before {
    border-radius: 40px!important
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -2px
}

.btn-default {
    color: #616161;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .13)
}

.btn-default:visited {
    color: #616161
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: #616161;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .13)
}

.btn-default:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #e6e6e6;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-default,
.btn-default:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-default:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
    border-color: rgba(0, 0, 0, .13)
}

.btn-default.active:before,
.btn-default:active:before,
.open>.dropdown-toggle.btn-default:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #e6e6e6
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #616161;
    background-color: #f2f2f2;
    border-color: rgba(0, 0, 0, .13)
}

.btn-default.disabled:before,
.btn-default[disabled]:before {
    z-index: 1
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .13)
}

.btn-default .badge {
    color: #fff;
    background-color: #616161
}

.btn-default.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 0, 0, .13);
    color: #616161
}

.btn-default.btn-outline.active,
.btn-default.btn-outline:active,
.btn-default.btn-outline:focus,
.btn-default.btn-outline:hover {
    background-color: #fff;
    color: #616161
}

.btn-primary:visited {
    color: #fff
}

.btn-primary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #007399;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-primary,
.btn-primary:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-primary:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
    border-color: #006b8f
}

.btn-primary.active:before,
.btn-primary:active:before,
.open>.dropdown-toggle.btn-primary:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #007399
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #0086b3;
    border-color: #0086b3
}

.btn-primary.disabled:before,
.btn-primary[disabled]:before {
    z-index: 1
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #09c;
    border-color: #09c
}

.btn-primary .badge {
    color: #09c;
    background-color: #fff
}

.btn-primary.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #09c;
    color: #09c
}

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

.btn-warning {
    color: #fff;
    background-color: #ffc65d;
    border-color: #ffc65d
}

.btn-warning:visited {
    color: #fff
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ffc65d;
    border-color: #ffb42a
}

.btn-warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ffb42a;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-warning,
.btn-warning:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-warning:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
    border-color: #ffb020
}

.btn-warning.active:before,
.btn-warning:active:before,
.open>.dropdown-toggle.btn-warning:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #ffb42a
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #ffbd43;
    border-color: #ffbd43
}

.btn-warning.disabled:before,
.btn-warning[disabled]:before {
    z-index: 1
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #ffc65d;
    border-color: #ffc65d
}

.btn-warning .badge {
    color: #ffc65d;
    background-color: #fff
}

.btn-warning.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #ffc65d;
    color: #ffc65d
}

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

.btn-success {
    color: #fff;
    background-color: #2ecc71;
    border-color: #2ecc71
}

.btn-success:visited {
    color: #fff
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2ecc71;
    border-color: #25a25a
}

.btn-success:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #25a25a;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-success,
.btn-success:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-success:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
    border-color: #239a55
}

.btn-success.active:before,
.btn-success:active:before,
.open>.dropdown-toggle.btn-success:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #25a25a
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #29b765;
    border-color: #29b765
}

.btn-success.disabled:before,
.btn-success[disabled]:before {
    z-index: 1
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #2ecc71;
    border-color: #2ecc71
}

.btn-success .badge {
    color: #2ecc71;
    background-color: #fff
}

.btn-success.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #2ecc71;
    color: #2ecc71
}

.btn-success.btn-outline.active,
.btn-success.btn-outline:active,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover {
    background-color: #2ecc71;
    color: #fff
}

.btn-info {
    color: #fff;
    background-color: #4cc3d9;
    border-color: #4cc3d9
}

.btn-info:visited {
    color: #fff
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #4cc3d9;
    border-color: #2aafc8
}

.btn-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #2aafc8;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-info,
.btn-info:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-info:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
    border-color: #29a8bf
}

.btn-info.active:before,
.btn-info:active:before,
.open>.dropdown-toggle.btn-info:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #2aafc8
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #37bcd5;
    border-color: #37bcd5
}

.btn-info.disabled:before,
.btn-info[disabled]:before {
    z-index: 1
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #4cc3d9;
    border-color: #4cc3d9
}

.btn-info .badge {
    color: #4cc3d9;
    background-color: #fff
}

.btn-info.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #4cc3d9;
    color: #4cc3d9
}

.btn-info.btn-outline.active,
.btn-info.btn-outline:active,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:hover {
    background-color: #4cc3d9;
    color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d96557;
    border-color: #d96557
}

.btn-danger:visited {
    color: #fff
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d96557;
    border-color: #ce402f
}

.btn-danger:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ce402f;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-danger,
.btn-danger:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-danger:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
    border-color: #c63d2d
}

.btn-danger.active:before,
.btn-danger:active:before,
.open>.dropdown-toggle.btn-danger:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #ce402f
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #d45242;
    border-color: #d45242
}

.btn-danger.disabled:before,
.btn-danger[disabled]:before {
    z-index: 1
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d96557;
    border-color: #d96557
}

.btn-danger .badge {
    color: #d96557;
    background-color: #fff
}

.btn-danger.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #d96557;
    color: #d96557
}

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

.close {
    font-weight: 400
}

.btn.text-left {
    text-align: left
}

.btn.text-right {
    text-align: right
}

pre {
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    border-color: #e4e4e4;
    color: #616161;
    white-space: nowrap;
    font-size: 11px;
    border-radius: 0
}

.dropdown-menu {
    border-color: #e4e4e4;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.dropdown-menu>li>a {
    padding-right: 15px;
    padding-left: 15px;
    color: #616161;
    font-size: 14px
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #d7d7d7
}

.open .dropdown-menu {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.dropdown-header {
    padding-left: 15px;
    padding-right: 15px
}

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

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #f8f8f8;
    color: #616161
}

label {
    font-weight: 500
}

textarea {
    resize: vertical
}

.no-resize {
    resize: none
}

.form-control:-moz-placeholder {
    color: #878787;
    font-size: 12px
}

.form-control::-moz-placeholder {
    color: #878787;
    font-size: 12px
}

.form-control:-ms-input-placeholder {
    color: #878787;
    font-size: 12px
}

.form-control::-webkit-input-placeholder {
    color: #878787;
    font-size: 12px
}

.placeholder {
    color: #878787
}

.form-control {
    border-color: #e4e4e4;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    border-radius: 2px;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    -webkit-box-shadow: none;
    box-shadow: none
}

/*.form-control:focus {
    border-color: #0ac2ff;
    -webkit-box-shadow: none;
    box-shadow: none
}*/

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.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: #2ecc71
}

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

.has-success .form-control:focus {
    border-color: #25a25a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ee2a8;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ee2a8
}

.has-success .input-group-addon {
    color: #fff;
    border-color: #2ecc71;
    background-color: #2ecc71
}

.has-success .form-control-feedback {
    color: #2ecc71
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.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: #ffc65d
}

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

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

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

.has-warning .form-control-feedback {
    color: #ffc65d
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.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: #d96557
}

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

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

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

.has-error .form-control-feedback {
    color: #d96557
}

.spinner .form-control {
    text-align: center
}

.input-group-addon {
    font-size: 14px;
    color: #616161;
    border-radius: 2px;
    border-color: #e4e4e4;
    background-color: #e7e7e7
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    border-radius: 4px;
    font-size: inherit
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    border-radius: 1px
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jumbotron .jumbotron-heading {
    margin-top: 0
}

.jumbotron .jumbotron-sub-heading {
    margin-bottom: 0
}

.label {
    border-radius: 1px;
    padding: .2em 10px .3em
}

.label-default {
    background-color: #e2e2e2;
    color: #616161
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #c9c9c9
}

.label-primary {
    background-color: #09c
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #007399
}

.label-success {
    background-color: #2ecc71
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #25a25a
}

.label-info {
    background-color: #4cc3d9
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #2aafc8
}

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

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ffb42a
}

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

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #ce402f
}

.list-group {
    margin-bottom: 15px
}

.list-group-item {
    border-color: #e4e4e4
}

.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.list-group-item:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

a.list-group-item:focus,
a.list-group-item:hover {
    background-color: #efefef
}

.list-group-item-success {
    color: #1b7943;
    background-color: #a8ebc4
}

a.list-group-item-success {
    color: #1b7943
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
    color: #1b7943;
    background-color: #93e7b6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #1b7943;
    border-color: #1b7943
}

.list-group-item-info {
    color: #218a9e;
    background-color: #caedf4
}

a.list-group-item-info {
    color: #218a9e
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
    color: #218a9e;
    background-color: #b5e6ef
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #218a9e;
    border-color: #218a9e
}

.list-group-item-warning {
    color: #f69f00;
    background-color: #fffcf6
}

a.list-group-item-warning {
    color: #f69f00
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
    color: #f69f00;
    background-color: #fff3dd
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #f69f00;
    border-color: #f69f00
}

.list-group-item-danger {
    color: #a53325;
    background-color: #f5d7d4
}

a.list-group-item-danger {
    color: #a53325
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
    color: #a53325;
    background-color: #f1c4bf
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a53325;
    border-color: #a53325
}

.modal {
    z-index: 2020;
    background: #000;
    background: rgba(0, 0, 0, .4)
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px
}

.modal .modal-dialog,
.modal.in .modal-dialog {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.modal .modal-dialog {
    -webkit-animation-name: animation-close;
    animation-name: animation-close;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal.in .modal-dialog {
    -webkit-animation-name: animation-open;
    animation-name: animation-open
}

.navbar {
    min-height: 0
}

.navbar-inverse {
    border-color: #221e1f;
    background-color: #221e1f
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
    color: #fff
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #1a1718
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #221e1f
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #141213
}

.navbar-inverse .dropdown-menu {
    border-color: #221e1f
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #09c;
    color: #fff
}

.nav-pills>li>a {
    border-radius: 2px
}

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

.nav-tabs {
    border: 0;
    background: 0 0
}

.nav-tabs>li {
    margin: 0
}

.nav-tabs>li>a {
    margin: 0;
    border: 0;
    padding: 10px 15px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border-color: transparent;
    background-color: transparent;
    color: #404040
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 0;
    background-color: transparent
}

@media(max-width:767px) {
    .layout-right-sidebar .brand .toggle-offscreen {
        left: auto;
        right: 0
    }
    .layout-right-sidebar .brand .toggle-chat {
        left: 0;
        right: auto
    }
    .nav-justified-xs .nav>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified-xs .nav>li>a {
        margin-bottom: 0
    }
}

.box-tab {
    position: relative;
    margin-bottom: 15px
}

.box-tab.left .nav-tabs {
    bottom: auto;
    right: -1px;
    float: left
}

.box-tab.left .nav-tabs li {
    float: none;
    text-align: left
}

.box-tab.left .nav-tabs li a:before {
    -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-perspective-origin: 100% 100%;
    perspective-origin: 100% 100%
}

.box-tab.left .nav-tabs li.active a:before {
    -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px
}

.box-tab.left .tab-content {
    overflow: hidden
}

.box-tab.right .nav-tabs {
    bottom: auto;
    left: -1px;
    float: right
}

.box-tab.right .nav-tabs li {
    float: none;
    text-align: left
}

.box-tab.right .nav-tabs li a:before {
    -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
    -webkit-transform-origin: -100% 100%;
    transform-origin: -100% 100%;
    -webkit-perspective-origin: -100% 100%;
    perspective-origin: -100% 100%
}

.box-tab.right .nav-tabs li.active a:before {
    -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(900px) rotate3d(0, 1, 0, 0deg);
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.box-tab.right .tab-content {
    overflow: hidden
}

.box-tab .nav-tabs {
    position: relative;
    bottom: -1px;
    margin: 0 auto;
    padding: 0
}

.box-tab .nav-tabs li {
    position: relative;
    display: block;
    margin: 0;
    text-align: center;
    z-index: 1
}

.box-tab .nav-tabs li:not(:last-child) {
    border-right: none
}

.box-tab .nav-tabs li a {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    overflow: hidden
}

.box-tab .nav-tabs li a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: '';
    transition: background-color .3s, -webkit-transform .3s;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%
}

.box-tab .nav-tabs li a:hover {
    color: #4d4d4d
}

.box-tab .nav-tabs li.active a,
.box-tab .nav-tabs li.active a:hover {
    color: #616161
}

.box-tab .nav-tabs li.active a:before {
    background-color: #fff;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.box-tab .nav-tabs.nav-justified>.active>a,
.box-tab .nav-tabs.nav-justified>.active>a:focus,
.box-tab .nav-tabs.nav-justified>.active>a:hover,
.box-tab .nav-tabs.nav-justified>li>a {
    border: 0
}

.box-tab .tab-content {
    overflow: hidden;
    padding: 15px;
    background-color: #fff
}

.box-tab.justified .nav-tabs li {
    display: table-cell;
    float: none;
    width: 1%;
    vertical-align: top;
    text-align: center
}

.pagination>li>a,
.pagination>li>span {
    border-color: #e4e4e4
}

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    border-color: #d7d7d7;
    background-color: #f1f1f1
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #fff
}

.pager.pager-square li>a,
.pager.pager-square li>span {
    border-radius: 0
}

.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0;
    position: relative;
    margin-bottom: 20px
}

.panel.panel-bordered {
    border-width: 1px
}

.panel.panel-bordered .panel-heading {
    border-radius: 0
}

.panel-heading {
    position: relative;
    border-color: transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 15px
}

.panel-heading:after,
.panel-heading:before {
    content: " ";
    display: table
}

.panel-heading:after {
    clear: both
}

.panel-heading.border:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    left: 15px;
    right: 15px;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-color: #ececec
}

.panel-footer {
    border-color: #ececec;
    background-color: #fcfcfc
}

.panel-default {
    border-color: #e2e2e2
}

.panel-default>.panel-heading {
    color: #616161;
    background-color: #e2e2e2;
    border-color: #e2e2e2
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #e2e2e2
}

.panel-default>.panel-heading .badge {
    color: #e2e2e2;
    background-color: #616161
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #e2e2e2
}

.panel-primary {
    border-color: #09c
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #09c;
    border-color: #09c
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #09c
}

.panel-primary>.panel-heading .badge {
    color: #09c;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #09c
}

.panel-success {
    border-color: #2ecc71
}

.panel-success>.panel-heading {
    color: #fff;
    background-color: #2ecc71;
    border-color: #2ecc71
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #2ecc71
}

.panel-success>.panel-heading .badge {
    color: #2ecc71;
    background-color: #fff
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #2ecc71
}

.panel-warning {
    border-color: #ffc65d
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #ffc65d;
    border-color: #ffc65d
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ffc65d
}

.panel-warning>.panel-heading .badge {
    color: #ffc65d;
    background-color: #fff
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ffc65d
}

.panel-danger {
    border-color: #d96557
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #d96557;
    border-color: #d96557
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d96557
}

.panel-danger>.panel-heading .badge {
    color: #d96557;
    background-color: #fff
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d96557
}

.panel-info {
    border-color: #4cc3d9
}

.panel-info>.panel-heading {
    color: #fff;
    background-color: #4cc3d9;
    border-color: #4cc3d9
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #4cc3d9
}

.panel-info>.panel-heading .badge {
    color: #4cc3d9;
    background-color: #fff
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #4cc3d9
}

.accordion-toggle {
    font-size: 14px
}

.panel-controls {
    float: right
}

.panel-controls a {
    margin-left: 10px;
    display: inline-block
}

.panel-controls .panel-remove .panel-icon-plus,
.panel-controls [data-toggle=panel-remove] .panel-icon-plus {
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.panel-collapsed .panel-collapse .panel-icon-chevron,
.panel-collapsed [data-toggle=panel-collapse] .panel-icon-chevron {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.panel-collapsed>.panel-body {
    display: none
}

.panel-refreshing:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .6);
    z-index: 1
}

.panel-refreshing:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
    content: '';
    z-index: 2
}

.popover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    font-family: inherit;
    font-size: inherit;
    border-radius: 2px;
    border-color: #e4e4e4;
    padding: 0
}

.popover .popover-title {
    border-bottom-color: #e4e4e4;
    background-color: #fafbfd;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.popover .popover-content:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.progress {
    margin-bottom: 15px;
    height: 5px;
    background-color: #d0dbec;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.progress-bar {
    background-color: #09c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar-success {
    background-color: #2ecc71
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, #2ecc71 25%, transparent 25%, transparent 50%, #2ecc71 50%, #2ecc71 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #4cc3d9
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, #4cc3d9 25%, transparent 25%, transparent 50%, #4cc3d9 50%, #4cc3d9 75%, transparent 75%, transparent)
}

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

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent)
}

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

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, #d96557 25%, transparent 25%, transparent 50%, #d96557 50%, #d96557 75%, transparent 75%, transparent)
}

.table {
    background-color: #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px 15px;
    border-color: #e4e4e4
}

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

.table>thead>tr>th {
    border-color: #e4e4e4
}

.table-hover>tbody>tr:hover {
    background-color: #f3f3f3
}

.table-striped>tbody>tr:nth-child(even) {
    background-color: #f3f3f3
}

.table-bordered {
    border-color: #e4e4e4
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-color: #e4e4e4;
    border-top: 0;
    border-left: 0
}

.table-bordered>tbody>tr>td:first-child,
.table-bordered>tbody>tr>th:first-child,
.table-bordered>tfoot>tr>td:first-child,
.table-bordered>tfoot>tr>th:first-child,
.table-bordered>thead>tr>td:first-child,
.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

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

.table-striped>tbody>tr:nth-child(odd) {
    background-color: transparent
}

.table-responsive {
    overflow-x: visible
}

@media(max-width:767px) {
    .table-responsive {
        overflow-x: auto;
        border-color: #e4e4e4;
        border-radius: 2px
    }
    .no-more-tables table,
    .no-more-tables tbody,
    .no-more-tables td,
    .no-more-tables th,
    .no-more-tables thead,
    .no-more-tables tr {
        display: block
    }
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .no-more-tables tr {
        border: 1px solid #e4e4e4
    }
    .no-more-tables td {
        position: relative;
        padding-left: 50%!important;
        border-top: 0!important;
        border-bottom: 1px solid #e4e4e4;
        text-align: left;
        white-space: normal
    }
    .no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        padding-right: 10px;
        width: 45%;
        text-align: left;
        white-space: nowrap;
        font-weight: 700;
        content: attr(data-title)
    }
    .brand .brand-logo .header-logo {
        display: none
    }
    .brand .brand-logo p.app-name {
        display: block
    }
}

.tooltip-inner {
    border-radius: 2px;
    background-color: 2px;
    background: rgba(0, 0, 0, .6);
    padding: 2px 15px
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, .6)
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, .6)
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, .6)
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, .6)
}

.tooltip.in {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.bg-primary {
    color: #fff;
    background-color: #09c
}

a.bg-primary:hover {
    background-color: #007399
}

.bg-primary-dark {
    color: #fff;
    background-color: #0086b3
}

a.bg-primary-dark:hover {
    background-color: #006080
}

.bg-primary-light {
    color: #fff;
    background-color: #00ace6
}

a.bg-primary-light:hover {
    background-color: #0086b3
}

.bg-default {
    background-color: #e2e2e2
}

a.bg-default:hover {
    background-color: #c9c9c9
}

.bg-default-dark {
    background-color: #d5d5d5
}

a.bg-default-dark:hover {
    background-color: #bcbcbc
}

.bg-default-light {
    background-color: #e7e7e7
}

a.bg-default-light:hover {
    background-color: #cecece
}

.bg-warning {
    color: #fff;
    background-color: #ffc65d
}

a.bg-warning:hover {
    background-color: #ffb42a
}

.bg-warning-dark {
    color: #fff;
    background-color: #ffbd43
}

a.bg-warning-dark:hover {
    background-color: #ffab11
}

.bg-warning-light {
    color: #fff;
    background-color: #ffcf77
}

a.bg-warning-light:hover {
    background-color: #ffbd44
}

.bg-success {
    color: #fff;
    background-color: #2ecc71
}

a.bg-success:hover {
    background-color: #25a25a
}

.bg-success-dark {
    color: #fff;
    background-color: #29b765
}

a.bg-success-dark:hover {
    background-color: #208e4e
}

.bg-success-light {
    color: #fff;
    background-color: #40d47e
}

a.bg-success-light:hover {
    background-color: #29b765
}

.bg-info {
    color: #fff;
    background-color: #4cc3d9
}

a.bg-info:hover {
    background-color: #2aafc8
}

.bg-info-dark {
    color: #fff;
    background-color: #37bcd5
}

a.bg-info-dark:hover {
    background-color: #269db3
}

.bg-info-light {
    color: #fff;
    background-color: #61cadd
}

a.bg-info-light:hover {
    background-color: #37bcd5
}

.bg-danger {
    color: #fff;
    background-color: #d96557
}

a.bg-danger:hover {
    background-color: #ce402f
}

.bg-danger-dark {
    color: #fff;
    background-color: #d45242
}

a.bg-danger-dark:hover {
    background-color: #ba392a
}

.bg-danger-light {
    color: #fff;
    background-color: #de786c
}

a.bg-danger-light:hover {
    background-color: #d45242
}

.bg-white {
    color: #616161;
    background-color: #fff
}

a.bg-white:hover {
    background-color: #e6e6e6
}

.bg-dark {
    color: #fff;
    background-color: #221e1f
}

a.bg-dark:hover {
    background-color: #070606
}

.bg-dark-dark {
    color: #fff;
    background-color: #141213
}

a.bg-dark-dark:hover {
    background-color: #000
}

.bg-dark-light {
    color: #fff;
    background-color: #302a2b
}

a.bg-dark-light:hover {
    background-color: #141213
}

.bg-red {
    color: #fff;
    background-color: #f44336
}

a.bg-red:hover {
    background-color: #ea1c0d
}

.bg-pink {
    color: #fff;
    background-color: #e91e63
}

a.bg-pink:hover {
    background-color: #c1134e
}

.bg-purple {
    color: #fff;
    background-color: #9c27b0
}

a.bg-purple:hover {
    background-color: #771e86
}

.bg-deeppurple {
    color: #fff;
    background-color: #673ab7
}

a.bg-deeppurple:hover {
    background-color: #512e90
}

.bg-indigo {
    color: #fff;
    background-color: #3f51b5
}

a.bg-indigo:hover {
    background-color: #32408f
}

.bg-blue {
    color: #fff;
    background-color: #2196f3
}

a.bg-blue:hover {
    background-color: #0c7cd5
}

.bg-lightblue {
    color: #fff;
    background-color: #03a9f4
}

a.bg-lightblue:hover {
    background-color: #0286c2
}

.bg-cyan {
    color: #fff;
    background-color: #00bcd4
}

a.bg-cyan:hover {
    background-color: #008fa1
}

.bg-teal {
    color: #fff;
    background-color: #009688
}

a.bg-teal:hover {
    background-color: #00635a
}

.bg-green {
    color: #fff;
    background-color: #4caf50
}

a.bg-green:hover {
    background-color: #3d8b40
}

.bg-lightgreen {
    color: #fff;
    background-color: #74d108
}

a.bg-lightgreen:hover {
    background-color: #59a006
}

.bg-lime {
    color: #fff;
    background-color: #cddc39
}

a.bg-lime:hover {
    background-color: #b2c022
}

.bg-yellow {
    color: #fff;
    background-color: #ffeb3b
}

a.bg-yellow:hover {
    background-color: #ffe608
}

.bg-amber {
    color: #fff;
    background-color: #ffc107
}

a.bg-amber:hover {
    background-color: #d39e00
}

.bg-orange {
    color: #fff;
    background-color: #ff9800
}

a.bg-orange:hover {
    background-color: #cc7a00
}

.bg-deeporange {
    color: #fff;
    background-color: #ff5722
}

a.bg-deeporange:hover {
    background-color: #ee3900
}

.bg-brown {
    color: #fff;
    background-color: #795548
}

a.bg-brown:hover {
    background-color: #593f35
}

.bg-grey {
    color: #fff;
    background-color: #9e9e9e
}

a.bg-grey:hover {
    background-color: #858585
}

.bg-bluegrey {
    color: #fff;
    background-color: #607d8b
}

a.bg-bluegrey:hover {
    background-color: #4b626d
}

.text-primary {
    color: #09c
}

a.text-primary:hover {
    color: #007399
}

.text-default {
    color: #e2e2e2
}

a.text-default:hover {
    color: #c9c9c9
}

.text-warning {
    color: #ffc65d
}

a.text-warning:hover {
    color: #ffb42a
}

.text-success {
    color: #2ecc71
}

a.text-success:hover {
    color: #25a25a
}

.text-info {
    color: #4cc3d9
}

a.text-info:hover {
    color: #2aafc8
}

.text-white {
    color: #fff
}

a.text-white:hover {
    color: #e6e6e6
}

.text-danger {
    color: #d96557
}

a.text-danger:hover {
    color: #ce402f
}

.text-muted {
    color: #b3b3b3
}

a.text-muted:hover {
    color: #999
}

.text-red {
    color: #f44336
}

a.text-red:hover {
    color: #ea1c0d
}

.text-pink {
    color: #e91e63
}

a.text-pink:hover {
    color: #c1134e
}

.text-purple {
    color: #9c27b0
}

a.text-purple:hover {
    color: #771e86
}

.text-deeppurple {
    color: #673ab7
}

a.text-deeppurple:hover {
    color: #512e90
}

.text-indigo {
    color: #3f51b5
}

a.text-indigo:hover {
    color: #32408f
}

.text-blue {
    color: #2196f3
}

a.text-blue:hover {
    color: #0c7cd5
}

.text-lightblue {
    color: #03a9f4
}

a.text-lightblue:hover {
    color: #0286c2
}

.text-cyan {
    color: #00bcd4
}

a.text-cyan:hover {
    color: #008fa1
}

.text-teal {
    color: #009688
}

a.text-teal:hover {
    color: #00635a
}

.text-green {
    color: #4caf50
}

a.text-green:hover {
    color: #3d8b40
}

.text-lightgreen {
    color: #74d108
}

a.text-lightgreen:hover {
    color: #59a006
}

.text-lime {
    color: #cddc39
}

a.text-lime:hover {
    color: #b2c022
}

.text-yellow {
    color: #ffeb3b
}

a.text-yellow:hover {
    color: #ffe608
}

.text-amber {
    color: #ffc107
}

a.text-amber:hover {
    color: #d39e00
}

.text-orange {
    color: #ff9800
}

a.text-orange:hover {
    color: #cc7a00
}

.text-deeporange {
    color: #ff5722
}

a.text-deeporange:hover {
    color: #ee3900
}

.text-brown {
    color: #795548
}

a.text-brown:hover {
    color: #593f35
}

.text-grey {
    color: #9e9e9e
}

a.text-grey:hover {
    color: #858585
}

.text-bluegrey {
    color: #607d8b
}

a.text-bluegrey:hover {
    color: #4b626d
}

.well {
    border-color: #ddd;
    background-color: #e9e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px
}

.well-lg {
    border-radius: 4px
}

.well-sm {
    border-radius: 1px
}

.ui-datepicker table {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #e4e4e4;
    outline: 0
}

.ui-datepicker table .btn {
    border-color: transparent
}

.ui-datepicker table .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-datepicker .dropdown-menu table {
    border: 0
}

.fa.fa-search {
    color: #fff
}

.app-name {
    font-size: 20px;
    line-height: 0
}

.cycle{
    border-radius: 50%;
}
.square{
    border-radius: 0%;
}

.landing-block-img {
    width: 200px;
    height: 200px;
    margin: 50px auto;
    /*border-radius: 50%;*/
    text-align: center;
    padding: 63px;
    cursor: pointer;
    display: block
}

.landing-block-img i {
    color: #fff;
    font-size: 70px
}

.landing-block-img.blue-block {
    background-color: #97c9ea
}

.landing-block-img.green-block {
    background-color: #a1d9ce
}

.landing-block-title {
    color: #424146;
    text-transform: uppercase
}

.landing-block-sub-title {
    color: #939393
}

.table.dashboard-table>tbody>tr>td,
.table.dashboard-table>tbody>tr>th,
.table.dashboard-table>tfoot>tr>td,
.table.dashboard-table>tfoot>tr>th,
.table.dashboard-table>thead>tr>td,
.table.dashboard-table>thead>tr>th {
    border-top: none;
    border-bottom: 2px dotted #7f7f7f;
    border-color: #7f7f7f
}

.panel-boxed {
    border: 1px solid #f6f8f7;
    min-height: 435px
}

.panel-boxed .panel-heading {
    background: #f6f8f7;
    color: #8f8f90;
    font-size: 18px
}

.sidebar-panel>nav>ul>li.open>a,
.sidebar-panel>nav>ul>li.open>a:focus,
.sidebar-panel>nav>ul>li.open>a:hover,
.sidebar-panel>nav>ul>li>a:hover {
    background-color: #59616e;
    color: #fff;
    -webkit-transition: none;
    transition: none
}

.sidebar-panel>nav ul>li>a .fa.fa-angle-right {
    display: inline-block;
    float: right;
    padding-right: 0;
    margin-right: -20px
}

.layout-small-menu .sidebar-panel>nav ul>li>a .fa.fa-angle-right {
    display: none!important
}

.sidebar-panel>nav li.active>a {
    color: #fff;
    background: #59616e
}

.btn-primary {
    color: #fff;
    background-color: #3f4253;
    border-color: #3f4253
}

.sidebar-panel>nav li:hover>a>.fa {
    text-indent: 0
}

.main-panel>.header {
    position: fixed;
    z-index: 99
}

.main-panel>.header .nav.navbar-nav.navbar-right.hidden-xs {
    position: relative;
    left: -230px
}

.main-panel>.main-content {
    margin-top: 120px
}

.active-page {
    padding: 12px 18px;
    background: #d2d3d4;
    color: #3f4253;
    font-weight: 700;
    font-size: 16px;
    position: fixed;
    top: 60px;
    width: 100%;
    /*z-index: 99*/
}

.sidebar-panel>nav>ul>li.menu-icon-top.open>a,
.sidebar-panel>nav>ul>li.menu-icon-top.open>a:focus,
.sidebar-panel>nav>ul>li.menu-icon-top.open>a:hover,
.sidebar-panel>nav>ul>li.menu-icon-top>a:hover {
    background: 0 0
}

.sidebar-panel>nav>ul>li a {
    border-top: 1px solid #595f6f
}

.brand .brand-logo {
    padding: 0;
    margin-bottom: 0;
    margin-left: 27px;
    margin-top: 15px
}

.brand .brand-logo .app-name {
    display: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 5px;
    color: #fff
}

.header-bottom {
    height: 60px;
    background: #d2d3d4;
    margin-top: 2px
}

.sidebar-panel.offscreen-left .nav {
    background: #221e1f
}

.toggle-sidebar-alt:focus,
.toggle-sidebar-alt:hover {
    background: 0 0!important
}

.toggle-sidebar-alt .fa.fa-bars {
    color: #737172;
    margin-left: 5px;
    font-size: 21px
}

footer.content-footer {
    background: #f5f6f8;
    text-align: center
}

footer.content-footer a {
    color: #fff
}

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

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    background: #f1f0ef
}

.layout-small-menu .sidebar-panel>nav>ul>li a {
    margin-right: 0;
    padding-left: 0
}

.layout-small-menu .sidebar-panel,
.layout-small-menu .sidebar-panel.offscreen-left .nav {
    background: #221e1f
}

.layout-small-menu .sidebar-panel>nav li.active>a {
    color: #fff!important;
    background: 0 0!important
}

.layout-small-menu .sidebar-panel .brand-logo {
    display: block;
    visibility: visible
}

.layout-fixed-header.layout-small-menu .main-panel>.header {
    padding-left: 230px!important;
    margin-left: -100px!important
}

.sidebar-panel>nav>ul>li.open>a span,
.sidebar-panel>nav>ul>li.open>a:focus span,
.sidebar-panel>nav>ul>li.open>a:hover span,
.sidebar-panel>nav>ul>li>a:hover span {
    color: #fff!important
}

.chat-panel {
    display: none
}

.footer a {
    color: #939393
}

.content-footer {
    background-color: #f5f6f8
}

.cb-checkbox.checked .cb-inner {
    border: 1px solid #0056a7!important;
    background-color: #0056a7!important
}

.cb-radio.checked i {
    -webkit-transform: scale(2.1, 2.1);
    transform: scale(2.1, 2.1);
    background-color: #0056a7!important
}

span.cb-inner {
    border: 1px solid #0056a7!important
}

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

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff!important;
    background: #0056a7!important;
    border-color: #0056a7!important
}

.btn-primary.active:hover:before,
.btn-primary.focus:hover:before,
.btn-primary:active:hover:before,
.btn-primary:focus:hover:before,
.btn-primary:hover:hover:before,
.open>.dropdown-toggle.btn-primary:hover:before {
    display: none
}

.btn {
    color: #616161;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .13)
}

.btn.btn-primary {
    color: #fff;
    background-color: #3f4253;
    border-color: #3f4253
}

.btn:active,
.btn:focus,
.btn:hover {
    border: 1px solid #0056a7!important;
    background: #0056a7!important;
    color: #fff!important
}

.menu-icon:hover i {
    margin-left: -29px
}

.layout-small-menu .sidebar-panel>nav>ul>li:first-child a {
    border-top: none;
    padding-left: 35px
}

.app.layout-small-menu .brand-logo {
    width: 45px;
    margin: 17px 5px
}

.app.layout-small-menu .brand-logo img {
    width: 94px;
    height: auto
}

.main-panel>.header .navbar-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 20.5px 15px
}

.hamburger-icon:active,
.hamburger-icon:focus,
.hamburger-icon:hover {
    color: #fff
}

.hamburger-icon:active span,
.hamburger-icon:focus span,
.hamburger-icon:hover span {
    background: #fff!important
}

.navbar-nav li {
    border-left: 1px solid #595f6f
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fff;
    border-color: transparent
}

.nav .open>a {
    border-color: transparent
}

@media(min-width:768px) {
    .layout-small-menu .sidebar-panel {
        position: fixed
    }
    .layout-small-menu .sidebar-panel>nav>ul>li>a {
        padding: 14px 5px
    }
}

.usersession {
    height: 100%
}

.form-layout {
    margin: 0 auto;
    padding: 15px
}

.form-layout .form-control {
    -webkit-font-smoothing: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-layout .form-control:focus {
    z-index: 2
}

.form-layout input {
    margin-bottom: 10px
}

.form-layout input:focus {
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-layout .btn-lg {
    border-radius: 2px
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1
}

.fullscreen-bg:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60)
}

.lockcode {
    display: block;
    margin: 0 auto;
    max-width: 280px
}

.lock-input {
    border-color: transparent
}

.lock-input:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lockscreen-avatar {
    position: relative;
    max-width: 128px;
    margin: 0 auto
}

.lockscreen-avatar.shadows:before {
    content: "";
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, .01);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .01);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 128px
}

.lockscreen-avatar.shadows:after {
    content: "";
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, .03);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .03);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 128px
}

.error-number {
    font-size: 100px
}

.error-icon {
    font-size: 100px;
    line-height: 160px;
    border: 3px solid #d96557;
    color: #d96557;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 0 auto 20px
}

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

.calendar-viewer {
    background: #fff;
    padding: 30px
}

.fullcalendar th.fc-widget-header {
    border-width: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.fullcalendar .fc td,
.fullcalendar .fc th {
    border-right: 0;
    border-left: 0
}

.fullcalendar .fc-body {
    border: 1px solid #e4e4e4
}

.fullcalendar .fc-day-grid-event .fc-time {
    font-weight: inherit
}

.fullcalendar .fc-day-grid-event .fc-time:after {
    display: inline-block;
    content: ':'
}

.fullcalendar .fc-unthemed .fc-popover,
.fullcalendar .fc-unthemed .fc-row,
.fullcalendar .fc-unthemed hr,
.fullcalendar .fc-unthemed tbody,
.fullcalendar .fc-unthemed td,
.fullcalendar .fc-unthemed th,
.fullcalendar .fc-unthemed thead,
.fullcalendar .fc-widget-content {
    border-color: #e4e4e4
}

.fullcalendar .fc-unthemed .fc-popover .fc-header,
.fullcalendar .fc-unthemed hr {
    background-color: #e4e4e4
}

.fullcalendar .fc button {
    padding: 0 15px;
    font-size: inherit
}

.fullcalendar .fc-next-button,
.fullcalendar .fc-prev-button {
    padding: 0 5px
}

.fullcalendar .fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.fullcalendar .fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.fullcalendar .fc-state-default {
    background: #fff;
    border-color: #e4e4e4;
    color: #616161;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fullcalendar .fc-state-active,
.fullcalendar .fc-state-disabled,
.fullcalendar .fc-state-down,
.fullcalendar .fc-state-hover {
    color: #545454;
    background-color: #e4e4e4;
    outline: 0
}

.fullcalendar .fc-state-hover {
    color: #545454
}

.fullcalendar .fc-state-active,
.fullcalendar .fc-state-down {
    background-color: #e4e4e4;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fullcalendar .fc-toolbar {
    margin-bottom: 30px
}

.fullcalendar .fc-toolbar h2 {
    font-size: 28px
}

.fc-event {
    background-color: #221e1f;
    color: #fff;
    border-radius: 0;
    padding: 2px 5px;
    border-color: transparent;
    font-size: 12px
}

.external-event {
    padding: 4px;
    background-color: #fff;
    border-color: transparent;
    font-size: 14px;
    display: block;
    margin: 0 0 15px
}

.external-event .remove {
    cursor: pointer
}

.external-events {
    list-style: none;
    padding: 0
}

.external-events .event-primary,
.fc-event-container .event-primary {
    border-left: 2px solid #00ace6
}

.external-events .event-primary .form-control,
.fc-event-container .event-primary .form-control {
    color: #004d66
}

.external-events .event-primary.fc-event,
.fc-event-container .event-primary.fc-event {
    background-color: #3cf;
    color: #004d66
}

.external-events .event-success,
.fc-event-container .event-success {
    border-left: 2px solid #40d47e
}

.external-events .event-success .form-control,
.fc-event-container .event-success .form-control {
    color: #1b7943
}

.external-events .event-success.fc-event,
.fc-event-container .event-success.fc-event {
    background-color: #7ee2a8;
    color: #1b7943
}

.external-events .event-info,
.fc-event-container .event-info {
    border-left: 2px solid #61cadd
}

.external-events .event-info .form-control,
.fc-event-container .event-info .form-control {
    color: #218a9e
}

.external-events .event-info.fc-event,
.fc-event-container .event-info.fc-event {
    background-color: #a0dfeb;
    color: #218a9e
}

.external-events .event-warning,
.fc-event-container .event-warning {
    border-left: 2px solid #ffcf77
}

.external-events .event-warning .form-control,
.fc-event-container .event-warning .form-control {
    color: #f69f00
}

.external-events .event-warning.fc-event,
.fc-event-container .event-warning.fc-event {
    background-color: #ffeac3;
    color: #f69f00
}

.external-events .event-danger,
.fc-event-container .event-danger {
    border-left: 2px solid #de786c
}

.external-events .event-danger .form-control,
.fc-event-container .event-danger .form-control {
    color: #a53325
}

.external-events .event-danger.fc-event,
.fc-event-container .event-danger.fc-event {
    background-color: #ecb1aa;
    color: #a53325
}

.external-events .event-default,
.fc-event-container .event-default {
    border-left: 2px solid #afafaf
}

.external-events .event-default .form-control,
.fc-event-container .event-default .form-control {
    color: #afafaf
}

.external-events .event-default.fc-event,
.fc-event-container .event-default.fc-event {
    background-color: #e7e7e7;
    color: #616161
}

.event-type {
    margin-top: 5px;
    padding: 0;
    list-style: none
}

.event-type li {
    display: inline-block
}

.event-type li a:before {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #09c;
    content: ''
}

.event-type li a.active,
.event-type li a:focus,
.event-type li a:hover {
    border-color: #09c
}

.event-type li a {
    position: relative;
    display: block;
    padding: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid transparent
}

.event-type li a.event-primary:before {
    background-color: #09c
}

.event-type li a.event-success:before {
    background-color: #2ecc71
}

.event-type li a.event-info:before {
    background-color: #4cc3d9
}

.event-type li a.event-warning:before {
    background-color: #ffc65d
}

.event-type li a.event-danger:before {
    background-color: #d96557
}

.event-type li a.event-default:before {
    background-color: #e2e2e2
}

.gallery {
    margin-right: -15px;
    margin-left: -15px
}

.gallery a {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 2px
}

.gallery a img {
    transition: -webkit-transform .3s linear;
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    max-width: 100%;
    height: auto
}

.gallery a:hover img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.invoice-logo {
    height: 50px
}

.invoice-totals {
    margin-bottom: 15px;
    text-align: right
}

.invoice-totals:after,
.invoice-totals:before {
    content: " ";
    display: table
}

.invoice-totals:after {
    clear: both
}

.invoice-totals .invoice-totals-row {
    margin-bottom: 5px
}

.invoice-totals .invoice-totals-title {
    margin-right: 15px
}

.invoice-totals .invoice-totals-value {
    display: inline-block;
    min-width: 90px;
    text-align: left
}

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

.message-list .message-list-item a {
    padding: 15px;
    display: block;
    cursor: pointer
}

.message-list .message-list-item a:active,
.message-list .message-list-item a:focus,
.message-list .message-list-item a:hover {
    background-color: #f6f6f6;
    color: #616161
}

.message-list .message-list-item a p {
    margin-bottom: 0
}

.message-list .message-list-item a .message-list-item-header {
    display: block;
    margin-bottom: 2px
}

.message-list .message-list-item a .message-list-item-header span {
    color: #333
}

.message-list .message-list-item a .time {
    color: #b3b3b3;
    float: right;
    font-size: 10px;
    font-weight: 700;
    margin-top: 3px
}

.mail-view-header {
    margin-bottom: 15px
}

.mail-view-header .lead {
    margin-bottom: 5px
}

.mail-view-header .date {
    padding-top: 8px;
    color: #b3b3b3;
    float: right;
    font-size: 11px
}

.mail-view-header .mail-view-header-toolbar {
    display: block;
    background: rgba(0, 0, 0, .05);
    padding: 0 15px;
    background: #efefef;
    position: relative;
    margin: -15px -15px 15px
}

.mail-view-header .mail-view-header-toolbar:after,
.mail-view-header .mail-view-header-toolbar:before {
    content: " ";
    display: table
}

.mail-view-header .mail-view-header-toolbar:after {
    clear: both;
    content: '';
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #e4e4e4
}

.mail-view-header .mail-view-header-toolbar a {
    color: #7a7a7a;
    padding: 9px 0;
    display: inline-block
}

.mail-view-header .mail-view-header-toolbar a:hover {
    color: #616161
}

.message-files {
    border-top: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 15px 0;
    margin-top: 15px
}

.message-files .btn {
    min-height: 37px
}

.no-messages {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.no-messages .no-message-title {
    display: table-cell;
    vertical-align: middle
}

.no-messages .no-message-title h1 {
    font-family: helvetica neue;
    font-weight: 300
}

@media(max-width:767px) {
    .messages-viewer {
        position: fixed;
        top: 60px;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1000;
        background-color: rgba(255, 255, 255, .99);
        overflow: hidden;
        transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .messages-viewer .scroll {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%
    }
    .message-open .messages-viewer {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.profile-sidebar-item {
    margin: 15px 0
}

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

.profile-sidebar-item:after {
    clear: both
}

.profile-sidebar-item p {
    margin: 0
}

.profile-sidebar-item.profile-avatar {
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto
}

.profile-sidebar-item.profile-avatar img {
    width: 100%;
    max-width: 250px
}

.profile-sidebar-item.profile-avatar.shadowed-light:before {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, .01);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, .01)
}

.profile-sidebar-item.profile-avatar.shadowed-light:after {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .03);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .03)
}

.profile-sidebar-item.profile-info {
    text-align: center
}

.profile-reccomendations .user-meta {
    padding: 0;
    list-style: none
}

.profile-reccomendations .user-meta li {
    padding: 5px 0
}

.profile-sidebar-item.profile-numbers-count {
    list-style: none;
    padding: 0;
    display: table;
    width: 100%
}

.profile-sidebar-item.profile-numbers-count li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    border-right: 1px solid #e4e4e4;
    font-size: 12px
}

.profile-sidebar-item.profile-numbers-count li:Last-child {
    border-right: 0
}

.profile-sidebar-item.profile-numbers-count li span {
    font-size: 25px;
    display: block;
    color: #4d4d4d
}

.profile-timeline {
    margin-bottom: 15px;
    position: relative;
    border-radius: 2px;
    padding: 15px
}

.profile-timeline .profile-timeline-header {
    margin-bottom: 5px
}

.profile-timeline .profile-timeline-header:after,
.profile-timeline .profile-timeline-header:before {
    content: " ";
    display: table
}

.profile-timeline .profile-timeline-header:after {
    clear: both
}

.profile-timeline .profile-timeline-header .profile-timeline-user {
    position: relative;
    float: left;
    margin-right: 15px;
    display: block
}

.profile-timeline .profile-timeline-header .profile-timeline-user img {
    max-width: 48px
}

.profile-timeline .profile-timeline-header .profile-timeline-user-details {
    margin-top: 5px;
    margin-left: 63px
}

.profile-timeline.composer {
    background-color: #eaeaea;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 15px 15px 0
}

.profile-timeline.composer .composer-options {
    padding: 5px
}

.profile-timeline.composer .composer-options:after,
.profile-timeline.composer .composer-options:before {
    content: " ";
    display: table
}

.profile-timeline.composer .composer-options:after {
    clear: both
}

.profile-timeline.composer .composer-options .btn {
    border-color: transparent;
    background-color: transparent
}

.profile-timeline .profile-timeline-content {
    margin-left: 63px
}

.profile-timeline .profile-timeline-controls a {
    display: inline-block
}

.profile-timeline .profile-timeline-images {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 10px
}

.profile-timeline .profile-timeline-images .image-link {
    display: block;
    width: 50%;
    float: left;
    padding-right: 2px;
    padding-left: 2px
}

.profile-timeline .profile-timeline-images .image-link-smaller {
    display: block;
    width: 25%;
    float: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 4px
}

.profile-timeline .profile-timeline-audio {
    background-color: #fff;
    border-radius: 2px;
    padding: 15px;
    margin-bottom: 10px
}

.profile-timeline .profile-timeline-audio .audio {
    display: table;
    width: 100%
}

.profile-timeline .profile-timeline-audio .audio .audio-timeline,
.profile-timeline .profile-timeline-audio .audio .play_pause,
.profile-timeline .profile-timeline-audio .audio .time {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none
}

.profile-timeline .profile-timeline-audio .audio .play_pause {
    width: 40px
}

.profile-timeline .profile-timeline-audio .audio .progress {
    height: 5px;
    width: 100%;
    float: left;
    margin: 0;
    border-radius: 0
}

.profile-timeline .profile-timeline-audio .audio .progress .done {
    float: left;
    width: 34%;
    height: 5px;
    text-align: center;
    background-color: #09c;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.profile-timeline .profile-timeline-audio .audio .time {
    width: 80px
}

.profile-timeline .post-comments {
    margin: 20px 0 0
}

.profile-timeline .post-comments .media {
    margin: 0
}

.profile-timeline .post-comments .avatar {
    max-width: 32px;
    border-radius: 50%
}

.profile-timeline .post-comments .comment {
    overflow: hidden
}

.profile-timeline .post-comments .comment-author a {
    color: #333
}

.profile-timeline .post-comments .comment-author .time {
    font-weight: 700;
    font-size: 11px;
    color: #a1a1a1
}

.post-comments .avatar {
    max-width: 48px;
    border-radius: 50%
}

.post-comments .comment {
    overflow: hidden
}

.post-comments .comment-meta {
    float: right;
    margin-bottom: 5px
}

.image-results {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 10px
}

.image-results .image-link {
    display: block;
    width: 25%;
    float: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 4px
}

.search-results .search-results-title {
    padding: 0 0 30px;
    border-bottom: 1px solid #e4e4e4
}

.search-results .search-results-list {
    padding: 0;
    list-style: none
}

.search-results .search-results-list li.search-result {
    padding: 30px 0;
    border-bottom: 1px solid #e4e4e4
}

.search-results .search-results-list li.search-result:first-child {
    padding-top: 0
}

.search-results .search-results-list li.search-result:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.search-results .search-results-list h5 {
    margin-bottom: 0
}

.search-results .search-results-list h5 a {
    color: #666
}

.search-results .search-results-list p {
    margin-bottom: 0
}

.search-results .search-results-list .search-link {
    color: #2ecc71;
    font-size: 11px;
    display: block;
    margin-bottom: 5px
}

.search-results .search-results-list .search-link:hover {
    color: #1b7943
}

.search-sidebar .nav {
    margin-bottom: 45px
}

.search-sidebar .nav>li>a {
    display: block;
    padding: 4px 15px
}

.search-sidebar .nav>li.active>a,
.search-sidebar .nav>li>a:focus,
.search-sidebar .nav>li>a:hover {
    padding-left: 19px;
    border-left: 1px solid #09c;
    background-color: transparent;
    color: #09c;
    text-decoration: none
}

.search-sidebar h5 {
    padding: 0 15px
}

.timeline {
    position: relative;
    margin-bottom: 15px
}

.timeline:before {
    position: absolute;
    top: 0;
    left: 19px;
    width: 2px;
    height: 100%;
    background: #e2e2e2;
    content: ''
}

.timeline .timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.timeline .timeline-icon>i {
    line-height: 40px
}

.timeline .timeline-panel {
    position: relative;
    margin: 60px 0
}

.timeline .timeline-panel:after,
.timeline .timeline-panel:before {
    content: " ";
    display: table
}

.timeline .timeline-panel:after {
    clear: both
}

.timeline .timeline-panel:first-child {
    margin-top: 0
}

.timeline .timeline-heading {
    position: relative;
    border-color: transparent;
    padding: 0 0 10px;
    margin-bottom: 15px
}

.timeline .timeline-heading:after,
.timeline .timeline-heading:before {
    content: " ";
    display: table
}

.timeline .timeline-heading:after {
    clear: both
}

.timeline .timeline-heading.border:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.timeline .timeline-content {
    position: relative;
    margin-left: 60px;
    padding: 15px;
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 2px
}

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

.timeline .timeline-content .timeline-date {
    display: inline-block;
    padding: 5px 0 10px
}

.timeline .timeline-content:before {
    position: absolute;
    top: 13px;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #e2e2e2 transparent transparent;
    content: " ";
    pointer-events: none
}

.timeline .timeline-content:after {
    clear: both;
    position: absolute;
    top: 14px;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    content: " ";
    pointer-events: none
}

@media screen and (min-width:768px) {
    .messages-sidebar {
        width: 250px
    }
    .messages-lister {
        width: 300px
    }
    .search-results-list {
        padding-right: 15px
    }
    .timeline:before {
        left: 50%;
        margin-left: -1px
    }
    .timeline .timeline-panel:nth-child(even) .timeline-content {
        float: right
    }
    .timeline .timeline-panel:nth-child(odd) .timeline-content:before {
        position: absolute;
        right: auto;
        left: 100%;
        border-color: transparent transparent transparent #e2e2e2
    }
    .timeline .timeline-panel:nth-child(odd) .timeline-content:after {
        position: absolute;
        right: auto;
        left: 100%;
        border-color: transparent transparent transparent #fff
    }
    .timeline .timeline-panel:nth-child(even) .timeline-content .timeline-date {
        right: 122%;
        left: auto;
        text-align: right
    }
    .timeline .timeline-panel:first-child {
        margin-top: 0
    }
    .timeline .timeline-icon {
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px
    }
    .timeline .timeline-content {
        margin-left: 0;
        padding: 20px;
        width: 45%
    }
    .timeline .timeline-content .timeline-date {
        position: absolute;
        top: 6px;
        left: 122%;
        width: 100%
    }
}

.dashboard-rickshaw .rickshaw_graph,
.dashboard-rickshaw svg {
    border-radius: 1px;
    display: block
}

.dashboard-rickshaw>.rickshaw_graph {
    height: 100%
}

.chart_container,
.rickshaw-chart {
    position: relative
}

.y_axis {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px
}

.chart {
    width: 100%;
    height: 320px;
    border: 0
}

.chart-sm {
    width: 100%;
    height: 150px;
    border: 0
}

.morrischart {
    width: 100%;
    height: 200px;
    border: 0
}

.chart-legend.first {
    padding-top: 80px
}

svg.nvd3-svg {
    width: 100%;
    display: block
}

.c3chart {
    display: block;
    position: relative;
    width: 100%
}

.blueimp-gallery {
    background: rgba(34, 30, 31, .5)
}

.blueimp-gallery>.slides>.slide-loading {
    background: 0 0
}

.blueimp-gallery>.slides>.slide-loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
    content: ''
}

.ui-slider {
    position: relative;
    text-align: left;
    background: #d0dbec;
    margin-bottom: 15px
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    -ms-touch-action: none;
    touch-action: none;
    background: #fff;
    -webkit-box-shadow: #6388c0 0 0 0 1px;
    box-shadow: #6388c0 0 0 0 1px;
    cursor: pointer;
    outline: 0
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: 6px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: 6px;
    height: 150px
}

.ui-slider-vertical .ui-slider-handle {
    left: -5px;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-slider-range,
.ui-slider-range-min {
    background-color: #09c
}

.slider-info .ui-slider-range,
.slider-info .ui-slider-range-min {
    background-color: #4cc3d9
}

.slider-info .ui-slider-handle {
    -webkit-box-shadow: #4cc3d9 0 0 0 1px;
    box-shadow: #4cc3d9 0 0 0 1px
}

.slider-info .slider-handle.triangle {
    border-bottom-color: #4cc3d9
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-range-min {
    background-color: #09c
}

.slider-primary .ui-slider-handle {
    -webkit-box-shadow: #09c 0 0 0 1px;
    box-shadow: #09c 0 0 0 1px
}

.slider-primary .slider-handle.triangle {
    border-bottom-color: #09c
}

.slider-success .ui-slider-range,
.slider-success .ui-slider-range-min {
    background-color: #2ecc71
}

.slider-success .ui-slider-handle {
    -webkit-box-shadow: #2ecc71 0 0 0 1px;
    box-shadow: #2ecc71 0 0 0 1px
}

.slider-success .slider-handle.triangle {
    border-bottom-color: #2ecc71
}

.slider-warning .ui-slider-range,
.slider-warning .ui-slider-range-min {
    background-color: #ffc65d
}

.slider-warning .ui-slider-handle {
    -webkit-box-shadow: #ffc65d 0 0 0 1px;
    box-shadow: #ffc65d 0 0 0 1px
}

.slider-warning .slider-handle.triangle {
    border-bottom-color: #ffc65d
}

.slider-danger .ui-slider-range,
.slider-danger .ui-slider-range-min {
    background-color: #d96557
}

.slider-danger .ui-slider-handle {
    -webkit-box-shadow: #d96557 0 0 0 1px;
    box-shadow: #d96557 0 0 0 1px
}

.slider-danger .slider-handle.triangle {
    border-bottom-color: #d96557
}

.rounded-handler .ui-slider-handle {
    border-radius: 50%
}

div.tagsinput {
    border-color: #e4e4e4;
    background: #fff;
    padding: 5px 5px 0;
    width: 100%!important;
    height: auto!important;
    min-height: auto!important
}

div.tagsinput span.tag {
    border-color: #09c;
    border-radius: 2px;
    background: #09c;
    color: #fff;
    font-family: inherit;
    padding: 2px 5px
}

div.tagsinput span.tag a {
    color: #fff;
    font-size: 13px
}

div.tagsinput input {
    font-family: inherit;
    color: #fff
}

.not_valid {
    background: #f5d7d4!important;
    color: #a53325!important
}

.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 1px
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    top: auto;
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    top: auto;
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 2px
}

.bootstrap-timepicker-widget table td.separator {
    width: 2px;
    padding: 0
}

.bootstrap-timepicker-widget table td a {
    padding: 0;
    color: #616161
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border-radius: 2px;
    border-color: transparent;
    color: #484848
}

.bootstrap-timepicker-widget table td a i {
    display: inline-block;
    font: 400 14px/1 FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.bootstrap-timepicker-widget table td a i:after {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.bootstrap-timepicker-widget table td a .icon-chevron-down:after {
    content: "\f0dd";
    line-height: 9px
}

.bootstrap-timepicker-widget table td a .icon-chevron-up:after {
    content: "\f0de";
    line-height: 20px
}

.bootstrap-timepicker-widget table td input {
    border: 0
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

.wizard-pager {
    margin-top: 15px
}

.wizard-pager:after,
.wizard-pager:before {
    content: " ";
    display: table
}

.wizard-pager:after {
    clear: both
}

.wizard-pager .btn {
    min-width: 100px
}

.bootstrap-wysiwyg .btn-toolbar {
    margin: 0;
    padding: 0 0 5px 5px;
    border: 1px solid #e4e4e4;
    border-bottom: 0
}

.bootstrap-wysiwyg .btn-toolbar .btn-group {
    margin-top: 5px;
    margin-right: 5px
}

ul.wysihtml5-toolbar {
    background: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

ul.wysihtml5-toolbar>li {
    margin: 0
}

ul.wysihtml5-toolbar .btn {
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    padding: 0 10px;
    background-color: #f5f5f5;
    border-top: 0;
    border-bottom-color: #e4e4e4;
    border-left: 0;
    border-right-color: #e4e4e4;
    color: #616161;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

ul.wysihtml5-toolbar .btn:hover {
    background-color: #ececec
}

ul.wysihtml5-toolbar .btn-group .btn+.btn {
    margin-left: 0
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ececec
}

ul.wysihtml5-toolbar .open>.dropdown-toggle.btn {
    color: #616161;
    background-color: #f5f5f5;
    border-color: transparent #e4e4e4 transparent transparent
}

ul.wysihtml5-toolbar .dropdown-menu {
    margin: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.wysihtml5-sandbox {
    padding: 15px!important;
    width: 100%!important;
    border-color: #e4e4e4!important;
    border-top: 0!important;
    background-color: #fff;
    border-bottom-left-radius: 2px!important;
    border-bottom-right-radius: 2px!important;
    outline: 0!important
}

.c3 svg,
.c3 svg text {
    color: #616161;
    font: 10px "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.c3 line,
.c3 path {
    stroke: #e4e4e4
}

.c3 .c3-tooltip {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c3 .c3-tooltip tr {
    border-color: #09c
}

.c3 .c3-tooltip th {
    background-color: #09c;
    font-size: 13px
}

.c3 .c3-tooltip td {
    border-left-color: #09c
}

.canvas-holder {
    padding: 0;
    margin: 0;
    position: relative
}

.doughnut-legend {
    list-style: none;
    position: absolute;
    right: 8px;
    top: 0
}

.doughnut-legend li {
    display: block;
    position: relative;
    margin-bottom: 4px;
    padding: 2px 8px 2px 28px;
    cursor: default;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.doughnut-legend li:hover {
    background-color: #e2e2e2
}

.doughnut-legend li span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%
}

.cb-radio:hover .cb-inner {
    border-color: #09c
}

.cb-checkbox .cb-inner,
.cb-radio .cb-inner {
    border-color: #e4e4e4;
    background: #fff
}

.cb-checkbox.no-border .cb-inner,
.cb-radio.no-border .cb-inner {
    border-color: transparent
}

.cb-checkbox.checked .cb-inner {
    border-color: #09c
}

.cb-checkbox:hover .cb-inner {
    border-color: #09c
}

.cb-checkbox .cb-inner,
.cb-checkbox i {
    border-radius: 2px
}

.cb-checkbox i:after,
.cb-checkbox i:before {
    width: 1px
}

.cb-checkbox.cb-sm .cb-inner,
.cb-checkbox.cb-sm i {
    border-radius: 0
}

.cb-checkbox.cb-lg .cb-inner,
.cb-checkbox.cb-lg i,
.cb-checkbox.cb-md .cb-inner,
.cb-checkbox.cb-md i {
    border-radius: 2px
}

.chosen-container .chosen-choices,
.chosen-container .chosen-single {
    border-color: #e4e4e4;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    -webkit-appearance: none;
    font-weight: 400;
    font-size: 14px;
    min-height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #616161;
    background-color: #fff;
    background-image: none
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #e4e4e4;
    background-image: none
}

.chosen-container .chosen-drop {
    border-color: #e4e4e4;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 0 2px 2px
}

.chosen-container.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.chosen-container.chosen-container-single .chosen-search input[type=text] {
    background: 0 0;
    border-color: #e4e4e4
}

.chosen-container.chosen-container-single .chosen-search:before {
    display: inline-block;
    font: 400 12px/24px FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f002";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #757575;
    margin-top: -12px
}

.chosen-container.chosen-container-single .chosen-single div b {
    background: 0 0
}

.chosen-container.chosen-container-single .chosen-single div b:before {
    display: inline-block;
    font: 400 12px/24px FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #757575;
    margin-top: -12px;
    transition: -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.chosen-container.chosen-container-single .chosen-single abbr {
    background: 0 0;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    text-align: center;
    line-height: 24px
}

.chosen-container.chosen-container-single .chosen-single abbr:before {
    display: inline-block;
    font: 400 12px/1 FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f00d";
    color: #e4e4e4
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.result-selected {
    background-color: #e4e4e4;
    background-image: none;
    color: #616161;
    border-radius: 2px
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    background-image: none;
    background-color: #e2e2e2;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: 0 0;
    top: 2px;
    width: 16px;
    height: 16px
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    display: inline-block;
    font: 400 12px/16px FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f00d";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #616161;
    margin-top: -8px
}

.chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    -webkit-font-smoothing: antialiased
}

.chosen-container.chosen-container-multi .chosen-drop .result-selected {
    color: #616161
}

.clockpicker-popover .popover-title {
    color: #616161;
    font-weight: 700;
    font-size: 16px;
    line-height: 1
}

.clockpicker-popover .popover-title span {
    cursor: pointer
}

.clockpicker-popover .popover-content {
    background-color: #fff
}

.clockpicker-popover .popover-content:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.clockpicker-popover .clockpicker-plate {
    border: 1px solid #e4e4e4
}

.clockpicker-popover .clockpicker-button {
    margin: 0;
    padding: 10px 0;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.colorpicker {
    padding: 5px;
    display: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    min-width: initial!important
}

table.dataTable {
    margin-bottom: 15px;
    width: 100%!important
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    background-color: transparent
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    float: right;
    color: #ddd;
    display: inline-block;
    font: 400 14px/1 FontAwesome;
    speak: none;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

table.dataTable thead .sorting:after {
    content: "\f0dc"
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after {
    color: #616161;
    content: "\f0de"
}

table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #616161;
    content: "\f0dd"
}

table.dataTable .form-control {
    width: 100%!important
}

table.dataTable.no-footer {
    border-bottom: 0
}

.dataTables_length label {
    font-weight: 400
}

.datatable-top {
    margin-bottom: 15px
}

.datatable-bottom,
.datatable-top {
    display: table;
    width: 100%
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: 0 0
}

@media(max-width:767px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .toolbar {
        display: inline-block
    }
    .dataTables_wrapper .btn {
        vertical-align: baseline
    }
    .dataTables_wrapper .dataTables_filter label {
        display: block
    }
    .dataTables_wrapper .dataTables_filter label input {
        margin-left: 0
    }
}

.datepicker.dropdown-menu {
    display: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    border-radius: 2px;
    font-size: 14px;
    border-color: #e4e4e4;
    -webkit-box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    padding: 15px
}

.datepicker-inline {
    border: 1px solid #e4e4e4
}

.datepicker {
    border-radius: 2px
}

.datepicker-dropdown {
    display: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    border-radius: 2px;
    font-size: 14px;
    border-color: #e4e4e4;
    -webkit-box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    padding: 15px
}

.datepicker-dropdown:before {
    border-bottom-color: #e4e4e4;
    border-bottom-color: rgba(0, 0, 0, .2)
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-top-color: #e4e4e4
}

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 2px
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    position: relative;
    color: #fff;
    background-color: #09c;
    border-color: #09c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.disabled:hover:visited,
.datepicker table tr td.active.disabled:visited,
.datepicker table tr td.active:hover:visited,
.datepicker table tr td.active:visited {
    color: #fff
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active:hover:hover,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.disabled,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td.active:hover {
    color: #fff;
    background-color: #09c;
    border-color: #007399
}

.datepicker table tr td.active.disabled:before,
.datepicker table tr td.active.disabled:hover:before,
.datepicker table tr td.active:before,
.datepicker table tr td.active:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #007399;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:before,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:before,
.datepicker table tr td.active:before,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.datepicker table tr td.active.disabled:hover:before,
.datepicker table tr td.active.disabled:hover:hover:before,
.datepicker table tr td.active:hover:before,
.datepicker table tr td.active:hover:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.disabled,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td.active:hover {
    background-image: none;
    border-color: #006b8f
}

.datepicker table tr td.active.active:before,
.datepicker table tr td.active.disabled.active:before,
.datepicker table tr td.active.disabled:active:before,
.datepicker table tr td.active.disabled:hover.active:before,
.datepicker table tr td.active.disabled:hover:active:before,
.datepicker table tr td.active:active:before,
.datepicker table tr td.active:hover.active:before,
.datepicker table tr td.active:hover:active:before,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:before,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover:before,
.open>.dropdown-toggle.datepicker table tr td.active:before,
.open>.dropdown-toggle.datepicker table tr td.active:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #007399
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active.focus,
.datepicker table tr td.active.disabled.active:focus,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled:active.focus,
.datepicker table tr td.active.disabled:active:focus,
.datepicker table tr td.active.disabled:active:hover,
.datepicker table tr td.active.disabled:hover.active.focus,
.datepicker table tr td.active.disabled:hover.active:focus,
.datepicker table tr td.active.disabled:hover.active:hover,
.datepicker table tr td.active.disabled:hover:active.focus,
.datepicker table tr td.active.disabled:hover:active:focus,
.datepicker table tr td.active.disabled:hover:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover.active.focus,
.datepicker table tr td.active:hover.active:focus,
.datepicker table tr td.active:hover.active:hover,
.datepicker table tr td.active:hover:active.focus,
.datepicker table tr td.active:hover:active:focus,
.datepicker table tr td.active:hover:active:hover,
.open>.dropdown-toggle.datepicker table tr td.active.disabled.focus,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:focus,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover.focus,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
.open>.dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
.open>.dropdown-toggle.datepicker table tr td.active.focus,
.open>.dropdown-toggle.datepicker table tr td.active:focus,
.open>.dropdown-toggle.datepicker table tr td.active:hover,
.open>.dropdown-toggle.datepicker table tr td.active:hover.focus,
.open>.dropdown-toggle.datepicker table tr td.active:hover:focus,
.open>.dropdown-toggle.datepicker table tr td.active:hover:hover {
    color: #fff;
    background-color: #0086b3;
    border-color: #0086b3
}

.datepicker table tr td.active.disabled.disabled:before,
.datepicker table tr td.active.disabled:before,
.datepicker table tr td.active.disabled:hover.disabled:before,
.datepicker table tr td.active.disabled:hover[disabled]:before,
.datepicker table tr td.active.disabled[disabled]:before,
.datepicker table tr td.active:hover.disabled:before,
.datepicker table tr td.active:hover[disabled]:before,
.datepicker table tr td.active[disabled]:before {
    z-index: 1
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled.disabled.focus,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.focus,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled:hover[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].focus,
.datepicker table tr td.active.disabled:hover[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled[disabled].focus,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active:hover.disabled.focus,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active:hover[disabled].focus,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active:hover.focus,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active:hover:hover {
    background-color: #09c;
    border-color: #09c
}

.datepicker table tr td.active .badge,
.datepicker table tr td.active.disabled .badge,
.datepicker table tr td.active.disabled:hover .badge,
.datepicker table tr td.active:hover .badge {
    color: #09c;
    background-color: #fff
}

.datepicker table tr td.active.btn-outline,
.datepicker table tr td.active.disabled.btn-outline,
.datepicker table tr td.active.disabled:hover.btn-outline,
.datepicker table tr td.active:hover.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #09c;
    color: #09c
}

.datepicker table tr td.active.btn-outline.active,
.datepicker table tr td.active.btn-outline:active,
.datepicker table tr td.active.btn-outline:focus,
.datepicker table tr td.active.btn-outline:hover,
.datepicker table tr td.active.disabled.btn-outline.active,
.datepicker table tr td.active.disabled.btn-outline:active,
.datepicker table tr td.active.disabled.btn-outline:focus,
.datepicker table tr td.active.disabled.btn-outline:hover,
.datepicker table tr td.active.disabled:hover.btn-outline.active,
.datepicker table tr td.active.disabled:hover.btn-outline:active,
.datepicker table tr td.active.disabled:hover.btn-outline:focus,
.datepicker table tr td.active.disabled:hover.btn-outline:hover,
.datepicker table tr td.active:hover.btn-outline.active,
.datepicker table tr td.active:hover.btn-outline:active,
.datepicker table tr td.active:hover.btn-outline:focus,
.datepicker table tr td.active:hover.btn-outline:hover {
    background-color: #09c;
    color: #fff
}

.datepicker table tr td span {
    border-radius: 2px
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    position: relative;
    color: #fff;
    background-color: #09c;
    border-color: #09c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.disabled:hover:visited,
.datepicker table tr td span.active.disabled:visited,
.datepicker table tr td span.active:hover:visited,
.datepicker table tr td span.active:visited {
    color: #fff
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active:hover:hover,
.open>.dropdown-toggle.datepicker table tr td span.active,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #09c;
    border-color: #007399
}

.datepicker table tr td span.active.disabled:before,
.datepicker table tr td span.active.disabled:hover:before,
.datepicker table tr td span.active:before,
.datepicker table tr td span.active:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #007399;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:before,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:before,
.datepicker table tr td span.active:before,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.datepicker table tr td span.active.disabled:hover:before,
.datepicker table tr td span.active.disabled:hover:hover:before,
.datepicker table tr td span.active:hover:before,
.datepicker table tr td span.active:hover:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.open>.dropdown-toggle.datepicker table tr td span.active,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td span.active:hover {
    background-image: none;
    border-color: #006b8f
}

.datepicker table tr td span.active.active:before,
.datepicker table tr td span.active.disabled.active:before,
.datepicker table tr td span.active.disabled:active:before,
.datepicker table tr td span.active.disabled:hover.active:before,
.datepicker table tr td span.active.disabled:hover:active:before,
.datepicker table tr td span.active:active:before,
.datepicker table tr td span.active:hover.active:before,
.datepicker table tr td span.active:hover:active:before,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:before,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover:before,
.open>.dropdown-toggle.datepicker table tr td span.active:before,
.open>.dropdown-toggle.datepicker table tr td span.active:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #007399
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,
.open>.dropdown-toggle.datepicker table tr td span.active.focus,
.open>.dropdown-toggle.datepicker table tr td span.active:focus,
.open>.dropdown-toggle.datepicker table tr td span.active:hover,
.open>.dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open>.dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open>.dropdown-toggle.datepicker table tr td span.active:hover:hover {
    color: #fff;
    background-color: #0086b3;
    border-color: #0086b3
}

.datepicker table tr td span.active.disabled.disabled:before,
.datepicker table tr td span.active.disabled:before,
.datepicker table tr td span.active.disabled:hover.disabled:before,
.datepicker table tr td span.active.disabled:hover[disabled]:before,
.datepicker table tr td span.active.disabled[disabled]:before,
.datepicker table tr td span.active:hover.disabled:before,
.datepicker table tr td span.active:hover[disabled]:before,
.datepicker table tr td span.active[disabled]:before {
    z-index: 1
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled:hover[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #09c;
    border-color: #09c
}

.datepicker table tr td span.active .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge,
.datepicker table tr td span.active:hover .badge {
    color: #09c;
    background-color: #fff
}

.datepicker table tr td span.active.btn-outline,
.datepicker table tr td span.active.disabled.btn-outline,
.datepicker table tr td span.active.disabled:hover.btn-outline,
.datepicker table tr td span.active:hover.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #09c;
    color: #09c
}

.datepicker table tr td span.active.btn-outline.active,
.datepicker table tr td span.active.btn-outline:active,
.datepicker table tr td span.active.btn-outline:focus,
.datepicker table tr td span.active.btn-outline:hover,
.datepicker table tr td span.active.disabled.btn-outline.active,
.datepicker table tr td span.active.disabled.btn-outline:active,
.datepicker table tr td span.active.disabled.btn-outline:focus,
.datepicker table tr td span.active.disabled.btn-outline:hover,
.datepicker table tr td span.active.disabled:hover.btn-outline.active,
.datepicker table tr td span.active.disabled:hover.btn-outline:active,
.datepicker table tr td span.active.disabled:hover.btn-outline:focus,
.datepicker table tr td span.active.disabled:hover.btn-outline:hover,
.datepicker table tr td span.active:hover.btn-outline.active,
.datepicker table tr td span.active:hover.btn-outline:active,
.datepicker table tr td span.active:hover.btn-outline:focus,
.datepicker table tr td span.active:hover.btn-outline:hover {
    background-color: #09c;
    color: #fff
}

.input-daterange input:first-child {
    border-radius: 2px 0 0 2px
}

.input-daterange input:last-child {
    border-radius: 0 2px 2px 0
}

.input-daterange .input-group-addon {
    background-color: #e7e7e7;
    border: solid #e4e4e4
}

.daterangepicker {
    display: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    border-radius: 2px;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    box-shadow: 0 1px 1px rgba(228, 228, 228, .3);
    margin-top: -1px
}

.daterangepicker .ranges .input-mini {
    background-color: transparent;
    border-color: #e4e4e4;
    border-radius: 2px;
    color: #616161
}

.daterangepicker .calendar-date {
    border-radius: 2px;
    border-color: #e4e4e4
}

.daterangepicker td.available+td.start-date {
    border-radius: 2px 0 0 2px
}

.daterangepicker td.in-range+td.end-date {
    border-radius: 0 2px 2px 0
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #e2e2e2
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #09c;
    border-color: #09c;
    color: #fff
}

.daterangepicker td,
.daterangepicker th {
    border-radius: 2px
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
    font-family: inherit
}

.daterangepicker td.start-date.end-date {
    border-radius: 2px!important
}

.daterangepicker .ranges li {
    background: #e4e4e4;
    border-color: #e4e4e4;
    color: #616161;
    border-radius: 2px
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #09c;
    border-color: #09c
}

.dropzone {
    background: #fff;
    border-radius: 2px;
    display: table;
    width: 100%;
    padding: 0;
    border: 1px dashed #221e1f
}

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

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 2px;
    background: #e2e2e2
}

.dropzone .dz-preview .dz-error-message {
    background: #d96557;
    border-radius: 2px
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom-color: #d96557
}

.dropzone .dz-preview .dz-progress {
    border-color: #e4e4e4
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #09c
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border-color: #e4e4e4
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    border-radius: 2px
}

.my-drop-zone {
    border: 1px dashed #616161;
    border-radius: 2px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 15px;
    background-color: #fff
}

.nv-file-over {
    border-color: #d96557
}

.another-file-over-class {
    border-color: #2ecc71
}

.piechart {
    position: relative;
    display: inline-block;
    text-align: center
}

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

.piechart>div {
    display: table;
    width: 100%;
    height: 100%
}

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

.piechart .percent {
    position: relative;
    display: block;
    margin: 0;
    font-weight: 700
}

.piechart .percent:after {
    position: absolute;
    top: 0;
    content: '%';
    font-size: .5em;
    font-family: Helvetica, Georgia, serif
}

#tooltip {
    position: absolute;
    display: none;
    padding: 5px 10px;
    border: 0;
    background-color: #09c;
    color: #fff;
    line-height: 1
}

#tooltip:before {
    position: absolute;
    top: 4px;
    right: 100%;
    display: block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #09c transparent transparent;
    content: ''
}

td.legendColorBox>div {
    border: 0!important;
    padding: 0!important
}

td.legendColorBox>div>div {
    border-radius: 4px
}

td.legendLabel {
    padding-left: 5px
}

.world-map {
    width: 100%;
    height: 100%
}

.full-map-wrapper {
    position: absolute;
    top: 60px;
    bottom: 55px;
    left: 230px;
    right: 0
}

#cd-google-map {
    position: relative
}

#google-container {
    position: relative;
    width: 100%;
    height: 100%!important;
    min-height: 400px
}

.google-map {
    width: 100%;
    background: 0 0;
    padding: 0!important
}

.google-map img {
    max-width: none!important
}

.gm-style-cc {
    display: none!important
}

.layout-static-sidebar .full-map-wrapper {
    position: static;
    height: 100%!important
}

.layout-static-sidebar .full-map-wrapper .world-map {
    top: 60px;
    height: auto;
    left: auto;
    right: auto;
    bottom: 55px
}

.iti-flag {
    width: 16px;
    height: 11px
}

.intl-tel-input {
    width: 100%
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(226, 226, 226, .5)
}

.intl-tel-input .selected-flag .arrow {
    border-top-color: #e4e4e4
}

.intl-tel-input .selected-flag .arrow.up {
    border-bottom-color: #e4e4e4
}

.intl-tel-input .country-list {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e4e4e4
}

.intl-tel-input .country-list .divider {
    border-bottom-color: #e4e4e4
}

.intl-tel-input .country-list .country .dial-code {
    color: #616161
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(226, 226, 226, .5)
}

.jvectormap-tip {
    border-radius: 2px;
    border: 1px solid #09c;
    background: #fff;
    color: #616161;
    font-family: inherit
}

.jvectormap-label {
    position: absolute;
    padding: 3px;
    color: #fff;
    font-size: smaller;
    font-size: inherit;
    font-family: inherit;
    border-radius: 2px;
    border-color: #09c;
    background-color: #09c
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 0;
    margin-left: 15px;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 153, 204, .9);
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 2px
}

.jvectormap-zoomin:before,
.jvectormap-zoomout:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -4px;
    background: rgba(255, 255, 255, .8);
    width: 2px;
    height: 10px;
    margin-right: -1px
}

.jvectormap-zoomin:after,
.jvectormap-zoomout:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    background: rgba(255, 255, 255, .8);
    height: 2px;
    width: 10px;
    margin-right: -5px
}

.jvectormap-zoomin:hover:after,
.jvectormap-zoomin:hover:before,
.jvectormap-zoomout:hover:after,
.jvectormap-zoomout:hover:before {
    background: #fff
}

.jvectormap-zoomin {
    top: 15px;
    margin-top: 0;
    margin-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jvectormap-zoomout {
    top: 48px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.jvectormap-zoomout:before {
    display: none
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 10px;
    text-decoration: none;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 2px
}

.dd-handle:hover {
    color: #484848;
    background: #fff
}

.dd-item>button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 35px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    line-height: 42px;
    text-align: center
}

.dd-item>button:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -5px;
    background: #616161;
    width: 2px;
    height: 10px;
    margin-right: -1px
}

.dd-item>button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    background: #616161;
    height: 2px;
    width: 10px;
    margin-right: -5px;
    margin-top: -1px
}

.dd-item>button[data-action=collapse]:before {
    display: none
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: 0 0;
    border: 1px dashed #ddd
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.dd3-content {
    display: block;
    margin: 5px 0;
    padding: 10px 10px 10px 50px;
    text-decoration: none;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 2px
}

.dd3-content:hover {
    background: #fff
}

.dd-dragel>.dd3-item>.dd3-content {
    margin: 0
}

.dd3-item>button {
    margin-left: 40px
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 38px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dd3-handle:before {
    font: 400 14px/1 FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f0c9";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd3-handle:hover {
    background: #e2e2e2
}

li.urban-noty {
    position: relative;
    margin-bottom: 10px
}

li.urban-noty:last-child {
    margin-bottom: 0
}

.noty_message[style] {
    font-size: 14px!important
}

.urban-noty .noty_bar {
    padding: 10px 15px;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-animation-name: animation-open;
    animation-name: animation-open
}

.urban-noty.i-am-closing-now .noty_bar {
    -webkit-animation-name: animation-close;
    animation-name: animation-close
}

.urban-noty-bottom,
.urban-noty-bottom-left,
.urban-noty-bottom-right,
.urban-noty-top,
.urban-noty-top-left,
.urban-noty-top-right {
    list-style: none;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 99999;
    -webkit-transition: opacity .3s cubic-bezier(.7, 0, .3, 1);
    transition: opacity .3s cubic-bezier(.7, 0, .3, 1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.offscreen~.urban-noty-bottom,
.offscreen~.urban-noty-bottom-left,
.offscreen~.urban-noty-bottom-right,
.offscreen~.urban-noty-top,
.offscreen~.urban-noty-top-left,
.offscreen~.urban-noty-top-right {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0)
}

.urban-noty-bottom {
    bottom: 0;
    right: 0;
    width: 100%
}

.urban-noty-bottom li.urban-noty {
    margin-bottom: 0;
    margin-top: -1px
}

.urban-noty-bottom .noty_bar {
    border-radius: 0
}

.urban-noty-bottom-right {
    bottom: 75px;
    right: 20px
}

.urban-noty-bottom-left {
    bottom: 75px;
    left: 20px
}

.urban-noty-top {
    top: 60px;
    right: 0;
    width: 100%
}

.urban-noty-top li.urban-noty {
    margin-bottom: 0;
    margin-top: -1px
}

.urban-noty-top .noty_bar {
    border-radius: 0
}

.urban-noty-top-right {
    top: 80px;
    right: 20px
}

@media screen and (min-width:768px) {
    .urban-noty-bottom {
        padding-left: 230px
    }
    .layout-small-menu~.urban-noty-bottom {
        padding-left: 100px
    }
    .layout-right-sidebar~.urban-noty-bottom {
        padding-left: 0;
        padding-right: 230px
    }
    .layout-right-sidebar.layout-small-menu~.urban-noty-bottom {
        padding-left: 0;
        padding-right: 100px
    }
    .layout-boxed.layout-right-sidebar.layout-small-menu~.urban-noty-bottom,
    .layout-boxed~.urban-noty-bottom {
        padding-left: 0;
        padding-right: 0
    }
    .layout-right-sidebar~.urban-noty-bottom-right {
        right: 250px
    }
    .layout-right-sidebar.layout-small-menu~.urban-noty-bottom-right {
        right: 120px
    }
    .layout-boxed.layout-right-sidebar.layout-small-menu~.urban-noty-bottom-right,
    .layout-boxed~.urban-noty-bottom-right {
        right: 20px
    }
    .urban-noty-bottom-left {
        left: 250px
    }
    .layout-small-menu~.urban-noty-bottom-left {
        left: 120px
    }
    .layout-boxed.layout-small-menu~.urban-noty-bottom-left,
    .layout-boxed~.urban-noty-bottom-left,
    .layout-right-sidebar.layout-small-menu~.urban-noty-bottom-left,
    .layout-right-sidebar~.urban-noty-bottom-left {
        left: 20px
    }
    .urban-noty-top {
        padding-left: 230px
    }
    .layout-small-menu~.urban-noty-top {
        position: absolute;
        padding-left: 100px
    }
    .layout-right-sidebar~.urban-noty-top {
        padding-left: 0;
        padding-right: 230px
    }
    .layout-right-sidebar.layout-small-menu~.urban-noty-top {
        padding-left: 0;
        padding-right: 100px
    }
    .layout-boxed.layout-right-sidebar.layout-small-menu~.urban-noty-top,
    .layout-boxed~.urban-noty-top {
        padding-left: 0;
        padding-right: 0
    }
    .layout-right-sidebar~.urban-noty-top-right {
        right: 250px
    }
    .layout-right-sidebar.layout-small-menu~.urban-noty-top-right {
        right: 120px
    }
    .layout-boxed.layout-small-menu~.urban-noty-top-right,
    .layout-boxed~.urban-noty-top-right {
        right: 20px
    }
}

.urban-noty-top-left {
    top: 80px;
    left: 20px
}

@media screen and (min-width:768px) {
    .urban-noty-top-left {
        left: 250px
    }
    .layout-small-menu~.urban-noty-top-left {
        left: 120px
    }
    .layout-boxed.layout-small-menu~.urban-noty-top-left,
    .layout-boxed~.urban-noty-top-left,
    .layout-right-sidebar.layout-small-menu~.urban-noty-top-left,
    .layout-right-sidebar~.urban-noty-top-left {
        left: 20px
    }
}

.noty_container_type_success .noty_bar {
    background-color: #a8ebc4;
    border-color: #9be8bc;
    color: #1b7943
}

.noty_container_type_success .noty_bar hr {
    border-top-color: #86e4ae
}

.noty_container_type_success .noty_bar .alert-link {
    color: #124f2c
}

.noty_container_type_information .noty_bar {
    background-color: #caedf4;
    border-color: #bee9f1;
    color: #218a9e
}

.noty_container_type_information .noty_bar hr {
    border-top-color: #a9e2ed
}

.noty_container_type_information .noty_bar .alert-link {
    color: #196573
}

.noty_container_type_warning .noty_bar {
    background-color: #fff3dd;
    border-color: #ffedcd;
    color: #ffab11
}

.noty_container_type_warning .noty_bar hr {
    border-top-color: #ffe5b4
}

.noty_container_type_warning .noty_bar .alert-link {
    color: #dd8f00
}

.noty_container_type_error .noty_bar {
    background-color: #f5d7d4;
    border-color: #f2ccc7;
    color: #a53325
}

.noty_container_type_error .noty_bar hr {
    border-top-color: #eeb9b3
}

.noty_container_type_error .noty_bar .alert-link {
    color: #7b261c
}

.noty_container_type_confirm .noty_bar {
    background-color: #fff;
    border-color: #e4e4e4;
    color: #616161
}

.noty_container_type_confirm .noty_bar hr {
    border-top-color: #d7d7d7
}

.noty_container_type_confirm .noty_bar .alert-link {
    color: #484848
}

.nvd3 text {
    font-family: inherit
}

input.valid {
    border-color: #2ecc71;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.valid:focus {
    border-color: #25a25a;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.error {
    border-color: #d96557;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.error:focus {
    border-color: #ce402f;
    -webkit-box-shadow: none;
    box-shadow: none
}

label.error {
    color: #d96557;
    font-weight: 400
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 6px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 6px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60)
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90)
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.draggable-portlets-wrapper .draggable-portlets {
    min-height: 50px
}

.draggable-portlets-wrapper .draggable-portlets .portlet {
    border-radius: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.draggable-portlets-wrapper .draggable-portlets .portlet .portlet-heading {
    cursor: pointer;
    border-radius: 0
}

.draggable-portlets-wrapper .draggable-portlets .ui-sortable-placeholder {
    visibility: visible!important;
    border: 1px dashed #e4e4e4;
    background: rgba(0, 0, 0, .01)
}

.draggable-portlets-wrapper.dragging .portlet {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80)
}

.rickshaw_graph {
    display: block
}

.rickshaw_graph .detail .x_label {
    font-family: inherit;
    border-radius: 2px
}

.rickshaw_graph .detail .item {
    border-radius: 2px;
    font-family: inherit
}

.rickshaw_graph .x_tick {
    border-left: 1px dashed rgba(0, 0, 0, .2)
}

.rickshaw_graph .x_tick .title {
    font-family: inherit;
    color: #000
}

.rickshaw_annotation_timeline .annotation .content {
    border-radius: 2px
}

.rickshaw_legend {
    font-family: inherit
}

.rickshaw_legend li:hover {
    border-radius: 2px
}

.rickshaw_legend li:active {
    border-radius: 2px
}

.btn-icon {
    position: relative;
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 48px;
    border-width: 0;
    text-overflow: ellipsis
}

.btn-icon:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 35px;
    text-align: center;
    line-height: 35px;
    background: rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .03)
}

.btn-icon.btn-lg:first-child {
    width: 50px;
    line-height: 50px
}

.btn-icon.btn-sm:first-child {
    width: 32px;
    line-height: 32px
}

.btn-icon.btn-xs:first-child {
    width: 23px;
    line-height: 23px
}

.btn-group-lg>.btn.btn-icon,
.btn-lg.btn-icon {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 66px
}

.btn-group-sm>.btn.btn-icon,
.btn-sm.btn-icon {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 42px
}

.btn-group-xs>.btn.btn-icon,
.btn-xs.btn-icon {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 31px
}

.btn-icon-icon {
    padding: 8px 0 8px 48px;
    width: 35px;
    height: 35px;
    border-width: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-icon-icon:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    line-height: 35px;
    background: rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .03);
    width: 100%!important;
    border: none;
    background-color: transparent;
    text-align: center
}

.btn-icon-icon.btn-lg:first-child {
    width: 50px;
    line-height: 50px
}

.btn-icon-icon.btn-sm:first-child {
    width: 32px;
    line-height: 32px
}

.btn-icon-icon.btn-xs:first-child {
    width: 23px;
    line-height: 23px
}

.btn-icon-icon.btn-lg {
    padding-right: 0;
    padding-left: 0;
    width: 50px;
    height: 50px
}

.btn-icon-icon.btn-sm {
    padding-right: 0;
    padding-left: 0;
    width: 32px;
    height: 32px
}

.btn-icon-icon.btn-xs {
    padding-right: 0;
    padding-left: 0;
    width: 23px;
    height: 23px
}

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: #d87a68
}

.btn-adn:visited {
    color: #fff
}

.btn-adn.active,
.btn-adn.focus,
.btn-adn:active,
.btn-adn:focus,
.btn-adn:hover,
.open>.dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: #ce563f
}

.btn-adn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ce563f;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-adn,
.btn-adn:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-adn:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-adn.active,
.btn-adn:active,
.open>.dropdown-toggle.btn-adn {
    background-image: none;
    border-color: #cb4f37
}

.btn-adn.active:before,
.btn-adn:active:before,
.open>.dropdown-toggle.btn-adn:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #ce563f
}

.btn-adn.active.focus,
.btn-adn.active:focus,
.btn-adn.active:hover,
.btn-adn:active.focus,
.btn-adn:active:focus,
.btn-adn:active:hover,
.open>.dropdown-toggle.btn-adn.focus,
.open>.dropdown-toggle.btn-adn:focus,
.open>.dropdown-toggle.btn-adn:hover {
    color: #fff;
    background-color: #d36854;
    border-color: #d36854
}

.btn-adn.disabled:before,
.btn-adn[disabled]:before {
    z-index: 1
}

.btn-adn.disabled,
.btn-adn.disabled.active,
.btn-adn.disabled.focus,
.btn-adn.disabled:active,
.btn-adn.disabled:focus,
.btn-adn.disabled:hover,
.btn-adn[disabled],
.btn-adn[disabled].active,
.btn-adn[disabled].focus,
.btn-adn[disabled]:active,
.btn-adn[disabled]:focus,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn,
fieldset[disabled] .btn-adn.active,
fieldset[disabled] .btn-adn.focus,
fieldset[disabled] .btn-adn:active,
fieldset[disabled] .btn-adn:focus,
fieldset[disabled] .btn-adn:hover {
    background-color: #d87a68;
    border-color: #d87a68
}

.btn-adn .badge {
    color: #d87a68;
    background-color: #fff
}

.btn-adn.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #d87a68;
    color: #d87a68
}

.btn-adn.btn-outline.active,
.btn-adn.btn-outline:active,
.btn-adn.btn-outline:focus,
.btn-adn.btn-outline:hover {
    background-color: #d87a68;
    color: #fff
}

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: #205081
}

.btn-bitbucket:visited {
    color: #fff
}

.btn-bitbucket.active,
.btn-bitbucket.focus,
.btn-bitbucket:active,
.btn-bitbucket:focus,
.btn-bitbucket:hover,
.open>.dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: #163758
}

.btn-bitbucket:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #163758;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-bitbucket,
.btn-bitbucket:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-bitbucket:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-bitbucket.active,
.btn-bitbucket:active,
.open>.dropdown-toggle.btn-bitbucket {
    background-image: none;
    border-color: #143250
}

.btn-bitbucket.active:before,
.btn-bitbucket:active:before,
.open>.dropdown-toggle.btn-bitbucket:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #163758
}

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

.btn-bitbucket.disabled:before,
.btn-bitbucket[disabled]:before {
    z-index: 1
}

.btn-bitbucket.disabled,
.btn-bitbucket.disabled.active,
.btn-bitbucket.disabled.focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket.disabled:focus,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled],
.btn-bitbucket[disabled].active,
.btn-bitbucket[disabled].focus,
.btn-bitbucket[disabled]:active,
.btn-bitbucket[disabled]:focus,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket,
fieldset[disabled] .btn-bitbucket.active,
fieldset[disabled] .btn-bitbucket.focus,
fieldset[disabled] .btn-bitbucket:active,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket:hover {
    background-color: #205081;
    border-color: #205081
}

.btn-bitbucket .badge {
    color: #205081;
    background-color: #fff
}

.btn-bitbucket.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #205081;
    color: #205081
}

.btn-bitbucket.btn-outline.active,
.btn-bitbucket.btn-outline:active,
.btn-bitbucket.btn-outline:focus,
.btn-bitbucket.btn-outline:hover {
    background-color: #205081;
    color: #fff
}

.btn-dropbox {
    color: #fff;
    background-color: #3d9ae8;
    border-color: #3d9ae8
}

.btn-dropbox:visited {
    color: #fff
}

.btn-dropbox.active,
.btn-dropbox.focus,
.btn-dropbox:active,
.btn-dropbox:focus,
.btn-dropbox:hover,
.open>.dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #3d9ae8;
    border-color: #1a81d8
}

.btn-dropbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #1a81d8;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-dropbox,
.btn-dropbox:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-dropbox:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-dropbox.active,
.btn-dropbox:active,
.open>.dropdown-toggle.btn-dropbox {
    background-image: none;
    border-color: #197ccf
}

.btn-dropbox.active:before,
.btn-dropbox:active:before,
.open>.dropdown-toggle.btn-dropbox:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #1a81d8
}

.btn-dropbox.active.focus,
.btn-dropbox.active:focus,
.btn-dropbox.active:hover,
.btn-dropbox:active.focus,
.btn-dropbox:active:focus,
.btn-dropbox:active:hover,
.open>.dropdown-toggle.btn-dropbox.focus,
.open>.dropdown-toggle.btn-dropbox:focus,
.open>.dropdown-toggle.btn-dropbox:hover {
    color: #fff;
    background-color: #268ee5;
    border-color: #268ee5
}

.btn-dropbox.disabled:before,
.btn-dropbox[disabled]:before {
    z-index: 1
}

.btn-dropbox.disabled,
.btn-dropbox.disabled.active,
.btn-dropbox.disabled.focus,
.btn-dropbox.disabled:active,
.btn-dropbox.disabled:focus,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled],
.btn-dropbox[disabled].active,
.btn-dropbox[disabled].focus,
.btn-dropbox[disabled]:active,
.btn-dropbox[disabled]:focus,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox,
fieldset[disabled] .btn-dropbox.active,
fieldset[disabled] .btn-dropbox.focus,
fieldset[disabled] .btn-dropbox:active,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox:hover {
    background-color: #3d9ae8;
    border-color: #3d9ae8
}

.btn-dropbox .badge {
    color: #3d9ae8;
    background-color: #fff
}

.btn-dropbox.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #3d9ae8;
    color: #3d9ae8
}

.btn-dropbox.btn-outline.active,
.btn-dropbox.btn-outline:active,
.btn-dropbox.btn-outline:focus,
.btn-dropbox.btn-outline:hover {
    background-color: #3d9ae8;
    color: #fff
}

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

.btn-facebook:visited {
    color: #fff
}

.btn-facebook.active,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #2d4373
}

.btn-facebook:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #2d4373;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-facebook,
.btn-facebook:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-facebook:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-facebook.active,
.btn-facebook:active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none;
    border-color: #2a3f6c
}

.btn-facebook.active:before,
.btn-facebook:active:before,
.open>.dropdown-toggle.btn-facebook:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #2d4373
}

.btn-facebook.active.focus,
.btn-facebook.active:focus,
.btn-facebook.active:hover,
.btn-facebook:active.focus,
.btn-facebook:active:focus,
.btn-facebook:active:hover,
.open>.dropdown-toggle.btn-facebook.focus,
.open>.dropdown-toggle.btn-facebook:focus,
.open>.dropdown-toggle.btn-facebook:hover {
    color: #fff;
    background-color: #344e86;
    border-color: #344e86
}

.btn-facebook.disabled:before,
.btn-facebook[disabled]:before {
    z-index: 1
}

.btn-facebook.disabled,
.btn-facebook.disabled.active,
.btn-facebook.disabled.focus,
.btn-facebook.disabled:active,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled],
.btn-facebook[disabled].active,
.btn-facebook[disabled].focus,
.btn-facebook[disabled]:active,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook.active,
fieldset[disabled] .btn-facebook.focus,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998
}

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

.btn-facebook.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #3b5998;
    color: #3b5998
}

.btn-facebook.btn-outline.active,
.btn-facebook.btn-outline:active,
.btn-facebook.btn-outline:focus,
.btn-facebook.btn-outline:hover {
    background-color: #3b5998;
    color: #fff
}

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

.btn-flickr:visited {
    color: #fff
}

.btn-flickr.active,
.btn-flickr.focus,
.btn-flickr:active,
.btn-flickr:focus,
.btn-flickr:hover,
.open>.dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: #cc006a
}

.btn-flickr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #cc006a;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-flickr,
.btn-flickr:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-flickr:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-flickr.active,
.btn-flickr:active,
.open>.dropdown-toggle.btn-flickr {
    background-image: none;
    border-color: #c20064
}

.btn-flickr.active:before,
.btn-flickr:active:before,
.open>.dropdown-toggle.btn-flickr:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #cc006a
}

.btn-flickr.active.focus,
.btn-flickr.active:focus,
.btn-flickr.active:hover,
.btn-flickr:active.focus,
.btn-flickr:active:focus,
.btn-flickr:active:hover,
.open>.dropdown-toggle.btn-flickr.focus,
.open>.dropdown-toggle.btn-flickr:focus,
.open>.dropdown-toggle.btn-flickr:hover {
    color: #fff;
    background-color: #e60077;
    border-color: #e60077
}

.btn-flickr.disabled:before,
.btn-flickr[disabled]:before {
    z-index: 1
}

.btn-flickr.disabled,
.btn-flickr.disabled.active,
.btn-flickr.disabled.focus,
.btn-flickr.disabled:active,
.btn-flickr.disabled:focus,
.btn-flickr.disabled:hover,
.btn-flickr[disabled],
.btn-flickr[disabled].active,
.btn-flickr[disabled].focus,
.btn-flickr[disabled]:active,
.btn-flickr[disabled]:focus,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr,
fieldset[disabled] .btn-flickr.active,
fieldset[disabled] .btn-flickr.focus,
fieldset[disabled] .btn-flickr:active,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr:hover {
    background-color: #ff0084;
    border-color: #ff0084
}

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

.btn-flickr.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #ff0084;
    color: #ff0084
}

.btn-flickr.btn-outline.active,
.btn-flickr.btn-outline:active,
.btn-flickr.btn-outline:focus,
.btn-flickr.btn-outline:hover {
    background-color: #ff0084;
    color: #fff
}

.btn-foursquare {
    color: #fff;
    background-color: #25a0ca;
    border-color: #25a0ca
}

.btn-foursquare:visited {
    color: #fff
}

.btn-foursquare.active,
.btn-foursquare.focus,
.btn-foursquare:active,
.btn-foursquare:focus,
.btn-foursquare:hover,
.open>.dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #25a0ca;
    border-color: #1d7e9f
}

.btn-foursquare:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #1d7e9f;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-foursquare,
.btn-foursquare:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-foursquare:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-foursquare.active,
.btn-foursquare:active,
.open>.dropdown-toggle.btn-foursquare {
    background-image: none;
    border-color: #1c7796
}

.btn-foursquare.active:before,
.btn-foursquare:active:before,
.open>.dropdown-toggle.btn-foursquare:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #1d7e9f
}

.btn-foursquare.active.focus,
.btn-foursquare.active:focus,
.btn-foursquare.active:hover,
.btn-foursquare:active.focus,
.btn-foursquare:active:focus,
.btn-foursquare:active:hover,
.open>.dropdown-toggle.btn-foursquare.focus,
.open>.dropdown-toggle.btn-foursquare:focus,
.open>.dropdown-toggle.btn-foursquare:hover {
    color: #fff;
    background-color: #218fb4;
    border-color: #218fb4
}

.btn-foursquare.disabled:before,
.btn-foursquare[disabled]:before {
    z-index: 1
}

.btn-foursquare.disabled,
.btn-foursquare.disabled.active,
.btn-foursquare.disabled.focus,
.btn-foursquare.disabled:active,
.btn-foursquare.disabled:focus,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled],
.btn-foursquare[disabled].active,
.btn-foursquare[disabled].focus,
.btn-foursquare[disabled]:active,
.btn-foursquare[disabled]:focus,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare,
fieldset[disabled] .btn-foursquare.active,
fieldset[disabled] .btn-foursquare.focus,
fieldset[disabled] .btn-foursquare:active,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare:hover {
    background-color: #25a0ca;
    border-color: #25a0ca
}

.btn-foursquare .badge {
    color: #25a0ca;
    background-color: #fff
}

.btn-foursquare.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #25a0ca;
    color: #25a0ca
}

.btn-foursquare.btn-outline.active,
.btn-foursquare.btn-outline:active,
.btn-foursquare.btn-outline:focus,
.btn-foursquare.btn-outline:hover {
    background-color: #25a0ca;
    color: #fff
}

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

.btn-github:visited {
    color: #fff
}

.btn-github.active,
.btn-github.focus,
.btn-github:active,
.btn-github:focus,
.btn-github:hover,
.open>.dropdown-toggle.btn-github {
    color: #fff;
    background-color: #171515;
    border-color: #000
}

.btn-github:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-github,
.btn-github:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-github:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-github.active,
.btn-github:active,
.open>.dropdown-toggle.btn-github {
    background-image: none;
    border-color: #000
}

.btn-github.active:before,
.btn-github:active:before,
.open>.dropdown-toggle.btn-github:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #000
}

.btn-github.active.focus,
.btn-github.active:focus,
.btn-github.active:hover,
.btn-github:active.focus,
.btn-github:active:focus,
.btn-github:active:hover,
.open>.dropdown-toggle.btn-github.focus,
.open>.dropdown-toggle.btn-github:focus,
.open>.dropdown-toggle.btn-github:hover {
    color: #fff;
    background-color: #0a0909;
    border-color: #0a0909
}

.btn-github.disabled:before,
.btn-github[disabled]:before {
    z-index: 1
}

.btn-github.disabled,
.btn-github.disabled.active,
.btn-github.disabled.focus,
.btn-github.disabled:active,
.btn-github.disabled:focus,
.btn-github.disabled:hover,
.btn-github[disabled],
.btn-github[disabled].active,
.btn-github[disabled].focus,
.btn-github[disabled]:active,
.btn-github[disabled]:focus,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github,
fieldset[disabled] .btn-github.active,
fieldset[disabled] .btn-github.focus,
fieldset[disabled] .btn-github:active,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github:hover {
    background-color: #171515;
    border-color: #171515
}

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

.btn-github.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #171515;
    color: #171515
}

.btn-github.btn-outline.active,
.btn-github.btn-outline:active,
.btn-github.btn-outline:focus,
.btn-github.btn-outline:hover {
    background-color: #171515;
    color: #fff
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39
}

.btn-google-plus:visited {
    color: #fff
}

.btn-google-plus.active,
.btn-google-plus.focus,
.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover,
.open>.dropdown-toggle.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #c23321
}

.btn-google-plus:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #c23321;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-google-plus,
.btn-google-plus:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-google-plus:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-google-plus.active,
.btn-google-plus:active,
.open>.dropdown-toggle.btn-google-plus {
    background-image: none;
    border-color: #b93120
}

.btn-google-plus.active:before,
.btn-google-plus:active:before,
.open>.dropdown-toggle.btn-google-plus:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #c23321
}

.btn-google-plus.active.focus,
.btn-google-plus.active:focus,
.btn-google-plus.active:hover,
.btn-google-plus:active.focus,
.btn-google-plus:active:focus,
.btn-google-plus:active:hover,
.open>.dropdown-toggle.btn-google-plus.focus,
.open>.dropdown-toggle.btn-google-plus:focus,
.open>.dropdown-toggle.btn-google-plus:hover {
    color: #fff;
    background-color: #d73925;
    border-color: #d73925
}

.btn-google-plus.disabled:before,
.btn-google-plus[disabled]:before {
    z-index: 1
}

.btn-google-plus.disabled,
.btn-google-plus.disabled.active,
.btn-google-plus.disabled.focus,
.btn-google-plus.disabled:active,
.btn-google-plus.disabled:focus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled],
.btn-google-plus[disabled].active,
.btn-google-plus[disabled].focus,
.btn-google-plus[disabled]:active,
.btn-google-plus[disabled]:focus,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus,
fieldset[disabled] .btn-google-plus.active,
fieldset[disabled] .btn-google-plus.focus,
fieldset[disabled] .btn-google-plus:active,
fieldset[disabled] .btn-google-plus:focus,
fieldset[disabled] .btn-google-plus:hover {
    background-color: #dd4b39;
    border-color: #dd4b39
}

.btn-google-plus .badge {
    color: #dd4b39;
    background-color: #fff
}

.btn-google-plus.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #dd4b39;
    color: #dd4b39
}

.btn-google-plus.btn-outline.active,
.btn-google-plus.btn-outline:active,
.btn-google-plus.btn-outline:focus,
.btn-google-plus.btn-outline:hover {
    background-color: #dd4b39;
    color: #fff
}

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

.btn-instagram:visited {
    color: #fff
}

.btn-instagram.active,
.btn-instagram.focus,
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover,
.open>.dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: #305777
}

.btn-instagram:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #305777;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-instagram,
.btn-instagram:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-instagram:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-instagram.active,
.btn-instagram:active,
.open>.dropdown-toggle.btn-instagram {
    background-image: none;
    border-color: #2d526f
}

.btn-instagram.active:before,
.btn-instagram:active:before,
.open>.dropdown-toggle.btn-instagram:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #305777
}

.btn-instagram.active.focus,
.btn-instagram.active:focus,
.btn-instagram.active:hover,
.btn-instagram:active.focus,
.btn-instagram:active:focus,
.btn-instagram:active:hover,
.open>.dropdown-toggle.btn-instagram.focus,
.open>.dropdown-toggle.btn-instagram:focus,
.open>.dropdown-toggle.btn-instagram:hover {
    color: #fff;
    background-color: #386589;
    border-color: #386589
}

.btn-instagram.disabled:before,
.btn-instagram[disabled]:before {
    z-index: 1
}

.btn-instagram.disabled,
.btn-instagram.disabled.active,
.btn-instagram.disabled.focus,
.btn-instagram.disabled:active,
.btn-instagram.disabled:focus,
.btn-instagram.disabled:hover,
.btn-instagram[disabled],
.btn-instagram[disabled].active,
.btn-instagram[disabled].focus,
.btn-instagram[disabled]:active,
.btn-instagram[disabled]:focus,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram,
fieldset[disabled] .btn-instagram.active,
fieldset[disabled] .btn-instagram.focus,
fieldset[disabled] .btn-instagram:active,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram:hover {
    background-color: #3f729b;
    border-color: #3f729b
}

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

.btn-instagram.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #3f729b;
    color: #3f729b
}

.btn-instagram.btn-outline.active,
.btn-instagram.btn-outline:active,
.btn-instagram.btn-outline:focus,
.btn-instagram.btn-outline:hover {
    background-color: #3f729b;
    color: #fff
}

.btn-linkedin {
    color: #fff;
    background-color: #0e76a8;
    border-color: #0e76a8
}

.btn-linkedin:visited {
    color: #fff
}

.btn-linkedin.active,
.btn-linkedin.focus,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #0e76a8;
    border-color: #0a5579
}

.btn-linkedin:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #0a5579;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-linkedin,
.btn-linkedin:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-linkedin:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-linkedin.active,
.btn-linkedin:active,
.open>.dropdown-toggle.btn-linkedin {
    background-image: none;
    border-color: #094e70
}

.btn-linkedin.active:before,
.btn-linkedin:active:before,
.open>.dropdown-toggle.btn-linkedin:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #0a5579
}

.btn-linkedin.active.focus,
.btn-linkedin.active:focus,
.btn-linkedin.active:hover,
.btn-linkedin:active.focus,
.btn-linkedin:active:focus,
.btn-linkedin:active:hover,
.open>.dropdown-toggle.btn-linkedin.focus,
.open>.dropdown-toggle.btn-linkedin:focus,
.open>.dropdown-toggle.btn-linkedin:hover {
    color: #fff;
    background-color: #0c6590;
    border-color: #0c6590
}

.btn-linkedin.disabled:before,
.btn-linkedin[disabled]:before {
    z-index: 1
}

.btn-linkedin.disabled,
.btn-linkedin.disabled.active,
.btn-linkedin.disabled.focus,
.btn-linkedin.disabled:active,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled],
.btn-linkedin[disabled].active,
.btn-linkedin[disabled].focus,
.btn-linkedin[disabled]:active,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin,
fieldset[disabled] .btn-linkedin.active,
fieldset[disabled] .btn-linkedin.focus,
fieldset[disabled] .btn-linkedin:active,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
    background-color: #0e76a8;
    border-color: #0e76a8
}

.btn-linkedin .badge {
    color: #0e76a8;
    background-color: #fff
}

.btn-linkedin.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #0e76a8;
    color: #0e76a8
}

.btn-linkedin.btn-outline.active,
.btn-linkedin.btn-outline:active,
.btn-linkedin.btn-outline:focus,
.btn-linkedin.btn-outline:hover {
    background-color: #0e76a8;
    color: #fff
}

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: #2672ec
}

.btn-microsoft:visited {
    color: #fff
}

.btn-microsoft.active,
.btn-microsoft.focus,
.btn-microsoft:active,
.btn-microsoft:focus,
.btn-microsoft:hover,
.open>.dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: #125acd
}

.btn-microsoft:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #125acd;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-microsoft,
.btn-microsoft:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-microsoft:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-microsoft.active,
.btn-microsoft:active,
.open>.dropdown-toggle.btn-microsoft {
    background-image: none;
    border-color: #1156c4
}

.btn-microsoft.active:before,
.btn-microsoft:active:before,
.open>.dropdown-toggle.btn-microsoft:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #125acd
}

.btn-microsoft.active.focus,
.btn-microsoft.active:focus,
.btn-microsoft.active:hover,
.btn-microsoft:active.focus,
.btn-microsoft:active:focus,
.btn-microsoft:active:hover,
.open>.dropdown-toggle.btn-microsoft.focus,
.open>.dropdown-toggle.btn-microsoft:focus,
.open>.dropdown-toggle.btn-microsoft:hover {
    color: #fff;
    background-color: #1464e4;
    border-color: #1464e4
}

.btn-microsoft.disabled:before,
.btn-microsoft[disabled]:before {
    z-index: 1
}

.btn-microsoft.disabled,
.btn-microsoft.disabled.active,
.btn-microsoft.disabled.focus,
.btn-microsoft.disabled:active,
.btn-microsoft.disabled:focus,
.btn-microsoft.disabled:hover,
.btn-microsoft[disabled],
.btn-microsoft[disabled].active,
.btn-microsoft[disabled].focus,
.btn-microsoft[disabled]:active,
.btn-microsoft[disabled]:focus,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft,
fieldset[disabled] .btn-microsoft.active,
fieldset[disabled] .btn-microsoft.focus,
fieldset[disabled] .btn-microsoft:active,
fieldset[disabled] .btn-microsoft:focus,
fieldset[disabled] .btn-microsoft:hover {
    background-color: #2672ec;
    border-color: #2672ec
}

.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff
}

.btn-microsoft.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #2672ec;
    color: #2672ec
}

.btn-microsoft.btn-outline.active,
.btn-microsoft.btn-outline:active,
.btn-microsoft.btn-outline:focus,
.btn-microsoft.btn-outline:hover {
    background-color: #2672ec;
    color: #fff
}

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: #f7931e
}

.btn-openid:visited {
    color: #fff
}

.btn-openid.active,
.btn-openid.focus,
.btn-openid:active,
.btn-openid:focus,
.btn-openid:hover,
.open>.dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: #da7908
}

.btn-openid:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #da7908;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-openid,
.btn-openid:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-openid:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-openid.active,
.btn-openid:active,
.open>.dropdown-toggle.btn-openid {
    background-image: none;
    border-color: #d07407
}

.btn-openid.active:before,
.btn-openid:active:before,
.open>.dropdown-toggle.btn-openid:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #da7908
}

.btn-openid.active.focus,
.btn-openid.active:focus,
.btn-openid.active:hover,
.btn-openid:active.focus,
.btn-openid:active:focus,
.btn-openid:active:hover,
.open>.dropdown-toggle.btn-openid.focus,
.open>.dropdown-toggle.btn-openid:focus,
.open>.dropdown-toggle.btn-openid:hover {
    color: #fff;
    background-color: #f38709;
    border-color: #f38709
}

.btn-openid.disabled:before,
.btn-openid[disabled]:before {
    z-index: 1
}

.btn-openid.disabled,
.btn-openid.disabled.active,
.btn-openid.disabled.focus,
.btn-openid.disabled:active,
.btn-openid.disabled:focus,
.btn-openid.disabled:hover,
.btn-openid[disabled],
.btn-openid[disabled].active,
.btn-openid[disabled].focus,
.btn-openid[disabled]:active,
.btn-openid[disabled]:focus,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid,
fieldset[disabled] .btn-openid.active,
fieldset[disabled] .btn-openid.focus,
fieldset[disabled] .btn-openid:active,
fieldset[disabled] .btn-openid:focus,
fieldset[disabled] .btn-openid:hover {
    background-color: #f7931e;
    border-color: #f7931e
}

.btn-openid .badge {
    color: #f7931e;
    background-color: #fff
}

.btn-openid.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #f7931e;
    color: #f7931e
}

.btn-openid.btn-outline.active,
.btn-openid.btn-outline:active,
.btn-openid.btn-outline:focus,
.btn-openid.btn-outline:hover {
    background-color: #f7931e;
    color: #fff
}

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: #eff7ff
}

.btn-reddit:visited {
    color: #000
}

.btn-reddit.active,
.btn-reddit.focus,
.btn-reddit:active,
.btn-reddit:focus,
.btn-reddit:hover,
.open>.dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: #bcddff
}

.btn-reddit:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #bcddff;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-reddit,
.btn-reddit:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-reddit:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-reddit.active,
.btn-reddit:active,
.open>.dropdown-toggle.btn-reddit {
    background-image: none;
    border-color: #b2d8ff
}

.btn-reddit.active:before,
.btn-reddit:active:before,
.open>.dropdown-toggle.btn-reddit:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #bcddff
}

.btn-reddit.active.focus,
.btn-reddit.active:focus,
.btn-reddit.active:hover,
.btn-reddit:active.focus,
.btn-reddit:active:focus,
.btn-reddit:active:hover,
.open>.dropdown-toggle.btn-reddit.focus,
.open>.dropdown-toggle.btn-reddit:focus,
.open>.dropdown-toggle.btn-reddit:hover {
    color: #000;
    background-color: #d6eaff;
    border-color: #d6eaff
}

.btn-reddit.disabled:before,
.btn-reddit[disabled]:before {
    z-index: 1
}

.btn-reddit.disabled,
.btn-reddit.disabled.active,
.btn-reddit.disabled.focus,
.btn-reddit.disabled:active,
.btn-reddit.disabled:focus,
.btn-reddit.disabled:hover,
.btn-reddit[disabled],
.btn-reddit[disabled].active,
.btn-reddit[disabled].focus,
.btn-reddit[disabled]:active,
.btn-reddit[disabled]:focus,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit,
fieldset[disabled] .btn-reddit.active,
fieldset[disabled] .btn-reddit.focus,
fieldset[disabled] .btn-reddit:active,
fieldset[disabled] .btn-reddit:focus,
fieldset[disabled] .btn-reddit:hover {
    background-color: #eff7ff;
    border-color: #eff7ff
}

.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000
}

.btn-reddit.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #eff7ff;
    color: #eff7ff
}

.btn-reddit.btn-outline.active,
.btn-reddit.btn-outline:active,
.btn-reddit.btn-outline:focus,
.btn-reddit.btn-outline:hover {
    background-color: #eff7ff;
    color: #000
}

.btn-soundcloud {
    color: #fff;
    background-color: #f70;
    border-color: #f70
}

.btn-soundcloud:visited {
    color: #fff
}

.btn-soundcloud.active,
.btn-soundcloud.focus,
.btn-soundcloud:active,
.btn-soundcloud:focus,
.btn-soundcloud:hover,
.open>.dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #f70;
    border-color: #cc5f00
}

.btn-soundcloud:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #cc5f00;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-soundcloud,
.btn-soundcloud:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-soundcloud:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-soundcloud.active,
.btn-soundcloud:active,
.open>.dropdown-toggle.btn-soundcloud {
    background-image: none;
    border-color: #c25a00
}

.btn-soundcloud.active:before,
.btn-soundcloud:active:before,
.open>.dropdown-toggle.btn-soundcloud:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #cc5f00
}

.btn-soundcloud.active.focus,
.btn-soundcloud.active:focus,
.btn-soundcloud.active:hover,
.btn-soundcloud:active.focus,
.btn-soundcloud:active:focus,
.btn-soundcloud:active:hover,
.open>.dropdown-toggle.btn-soundcloud.focus,
.open>.dropdown-toggle.btn-soundcloud:focus,
.open>.dropdown-toggle.btn-soundcloud:hover {
    color: #fff;
    background-color: #e66b00;
    border-color: #e66b00
}

.btn-soundcloud.disabled:before,
.btn-soundcloud[disabled]:before {
    z-index: 1
}

.btn-soundcloud.disabled,
.btn-soundcloud.disabled.active,
.btn-soundcloud.disabled.focus,
.btn-soundcloud.disabled:active,
.btn-soundcloud.disabled:focus,
.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled],
.btn-soundcloud[disabled].active,
.btn-soundcloud[disabled].focus,
.btn-soundcloud[disabled]:active,
.btn-soundcloud[disabled]:focus,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud,
fieldset[disabled] .btn-soundcloud.active,
fieldset[disabled] .btn-soundcloud.focus,
fieldset[disabled] .btn-soundcloud:active,
fieldset[disabled] .btn-soundcloud:focus,
fieldset[disabled] .btn-soundcloud:hover {
    background-color: #f70;
    border-color: #f70
}

.btn-soundcloud .badge {
    color: #f70;
    background-color: #fff
}

.btn-soundcloud.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #f70;
    color: #f70
}

.btn-soundcloud.btn-outline.active,
.btn-soundcloud.btn-outline:active,
.btn-soundcloud.btn-outline:focus,
.btn-soundcloud.btn-outline:hover {
    background-color: #f70;
    color: #fff
}

.btn-tumblr {
    color: #fff;
    background-color: #37465d;
    border-color: #37465d
}

.btn-tumblr:visited {
    color: #fff
}

.btn-tumblr.active,
.btn-tumblr.focus,
.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover,
.open>.dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #37465d;
    border-color: #242e3d
}

.btn-tumblr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #242e3d;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-tumblr,
.btn-tumblr:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-tumblr:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-tumblr.active,
.btn-tumblr:active,
.open>.dropdown-toggle.btn-tumblr {
    background-image: none;
    border-color: #202937
}

.btn-tumblr.active:before,
.btn-tumblr:active:before,
.open>.dropdown-toggle.btn-tumblr:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #242e3d
}

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

.btn-tumblr.disabled:before,
.btn-tumblr[disabled]:before {
    z-index: 1
}

.btn-tumblr.disabled,
.btn-tumblr.disabled.active,
.btn-tumblr.disabled.focus,
.btn-tumblr.disabled:active,
.btn-tumblr.disabled:focus,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled],
.btn-tumblr[disabled].active,
.btn-tumblr[disabled].focus,
.btn-tumblr[disabled]:active,
.btn-tumblr[disabled]:focus,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr,
fieldset[disabled] .btn-tumblr.active,
fieldset[disabled] .btn-tumblr.focus,
fieldset[disabled] .btn-tumblr:active,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr:hover {
    background-color: #37465d;
    border-color: #37465d
}

.btn-tumblr .badge {
    color: #37465d;
    background-color: #fff
}

.btn-tumblr.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #37465d;
    color: #37465d
}

.btn-tumblr.btn-outline.active,
.btn-tumblr.btn-outline:active,
.btn-tumblr.btn-outline:focus,
.btn-tumblr.btn-outline:hover {
    background-color: #37465d;
    color: #fff
}

.btn-twitter {
    color: #fff;
    background-color: #3cf;
    border-color: #3cf
}

.btn-twitter:visited {
    color: #fff
}

.btn-twitter.active,
.btn-twitter.focus,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #3cf;
    border-color: #00bfff
}

.btn-twitter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #00bfff;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-twitter,
.btn-twitter:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-twitter:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-twitter.active,
.btn-twitter:active,
.open>.dropdown-toggle.btn-twitter {
    background-image: none;
    border-color: #00b8f5
}

.btn-twitter.active:before,
.btn-twitter:active:before,
.open>.dropdown-toggle.btn-twitter:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #00bfff
}

.btn-twitter.active.focus,
.btn-twitter.active:focus,
.btn-twitter.active:hover,
.btn-twitter:active.focus,
.btn-twitter:active:focus,
.btn-twitter:active:hover,
.open>.dropdown-toggle.btn-twitter.focus,
.open>.dropdown-toggle.btn-twitter:focus,
.open>.dropdown-toggle.btn-twitter:hover {
    color: #fff;
    background-color: #19c6ff;
    border-color: #19c6ff
}

.btn-twitter.disabled:before,
.btn-twitter[disabled]:before {
    z-index: 1
}

.btn-twitter.disabled,
.btn-twitter.disabled.active,
.btn-twitter.disabled.focus,
.btn-twitter.disabled:active,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled],
.btn-twitter[disabled].active,
.btn-twitter[disabled].focus,
.btn-twitter[disabled]:active,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter.active,
fieldset[disabled] .btn-twitter.focus,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
    background-color: #3cf;
    border-color: #3cf
}

.btn-twitter .badge {
    color: #3cf;
    background-color: #fff
}

.btn-twitter.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #3cf;
    color: #3cf
}

.btn-twitter.btn-outline.active,
.btn-twitter.btn-outline:active,
.btn-twitter.btn-outline:focus,
.btn-twitter.btn-outline:hover {
    background-color: #3cf;
    color: #fff
}

.btn-vimeo {
    color: #fff;
    background-color: #4bf;
    border-color: #4bf
}

.btn-vimeo:visited {
    color: #fff
}

.btn-vimeo.active,
.btn-vimeo.focus,
.btn-vimeo:active,
.btn-vimeo:focus,
.btn-vimeo:hover,
.open>.dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #4bf;
    border-color: #11a8ff
}

.btn-vimeo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #11a8ff;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-vimeo,
.btn-vimeo:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-vimeo:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-vimeo.active,
.btn-vimeo:active,
.open>.dropdown-toggle.btn-vimeo {
    background-image: none;
    border-color: #07a5ff
}

.btn-vimeo.active:before,
.btn-vimeo:active:before,
.open>.dropdown-toggle.btn-vimeo:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #11a8ff
}

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

.btn-vimeo.disabled:before,
.btn-vimeo[disabled]:before {
    z-index: 1
}

.btn-vimeo.disabled,
.btn-vimeo.disabled.active,
.btn-vimeo.disabled.focus,
.btn-vimeo.disabled:active,
.btn-vimeo.disabled:focus,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled],
.btn-vimeo[disabled].active,
.btn-vimeo[disabled].focus,
.btn-vimeo[disabled]:active,
.btn-vimeo[disabled]:focus,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo,
fieldset[disabled] .btn-vimeo.active,
fieldset[disabled] .btn-vimeo.focus,
fieldset[disabled] .btn-vimeo:active,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo:hover {
    background-color: #4bf;
    border-color: #4bf
}

.btn-vimeo .badge {
    color: #4bf;
    background-color: #fff
}

.btn-vimeo.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #4bf;
    color: #4bf
}

.btn-vimeo.btn-outline.active,
.btn-vimeo.btn-outline:active,
.btn-vimeo.btn-outline:focus,
.btn-vimeo.btn-outline:hover {
    background-color: #4bf;
    color: #fff
}

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: #587ea3
}

.btn-vk:visited {
    color: #fff
}

.btn-vk.active,
.btn-vk.focus,
.btn-vk:active,
.btn-vk:focus,
.btn-vk:hover,
.open>.dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: #466482
}

.btn-vk:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #466482;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-vk,
.btn-vk:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-vk:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-vk.active,
.btn-vk:active,
.open>.dropdown-toggle.btn-vk {
    background-image: none;
    border-color: #435f7b
}

.btn-vk.active:before,
.btn-vk:active:before,
.open>.dropdown-toggle.btn-vk:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #466482
}

.btn-vk.active.focus,
.btn-vk.active:focus,
.btn-vk.active:hover,
.btn-vk:active.focus,
.btn-vk:active:focus,
.btn-vk:active:hover,
.open>.dropdown-toggle.btn-vk.focus,
.open>.dropdown-toggle.btn-vk:focus,
.open>.dropdown-toggle.btn-vk:hover {
    color: #fff;
    background-color: #4f7192;
    border-color: #4f7192
}

.btn-vk.disabled:before,
.btn-vk[disabled]:before {
    z-index: 1
}

.btn-vk.disabled,
.btn-vk.disabled.active,
.btn-vk.disabled.focus,
.btn-vk.disabled:active,
.btn-vk.disabled:focus,
.btn-vk.disabled:hover,
.btn-vk[disabled],
.btn-vk[disabled].active,
.btn-vk[disabled].focus,
.btn-vk[disabled]:active,
.btn-vk[disabled]:focus,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk,
fieldset[disabled] .btn-vk.active,
fieldset[disabled] .btn-vk.focus,
fieldset[disabled] .btn-vk:active,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk:hover {
    background-color: #587ea3;
    border-color: #587ea3
}

.btn-vk .badge {
    color: #587ea3;
    background-color: #fff
}

.btn-vk.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #587ea3;
    color: #587ea3
}

.btn-vk.btn-outline.active,
.btn-vk.btn-outline:active,
.btn-vk.btn-outline:focus,
.btn-vk.btn-outline:hover {
    background-color: #587ea3;
    color: #fff
}

.btn-yahoo {
    color: #fff;
    background-color: #430197;
    border-color: #430197
}

.btn-yahoo:visited {
    color: #fff
}

.btn-yahoo.active,
.btn-yahoo.focus,
.btn-yahoo:active,
.btn-yahoo:focus,
.btn-yahoo:hover,
.open>.dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #430197;
    border-color: #2d0164
}

.btn-yahoo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #2d0164;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: opacity .4s, -webkit-transform .4s;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    border-radius: 2px
}

.btn-yahoo,
.btn-yahoo:before {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.btn-yahoo:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-yahoo.active,
.btn-yahoo:active,
.open>.dropdown-toggle.btn-yahoo {
    background-image: none;
    border-color: #28015a
}

.btn-yahoo.active:before,
.btn-yahoo:active:before,
.open>.dropdown-toggle.btn-yahoo:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #2d0164
}

.btn-yahoo.active.focus,
.btn-yahoo.active:focus,
.btn-yahoo.active:hover,
.btn-yahoo:active.focus,
.btn-yahoo:active:focus,
.btn-yahoo:active:hover,
.open>.dropdown-toggle.btn-yahoo.focus,
.open>.dropdown-toggle.btn-yahoo:focus,
.open>.dropdown-toggle.btn-yahoo:hover {
    color: #fff;
    background-color: #38017e;
    border-color: #38017e
}

.btn-yahoo.disabled:before,
.btn-yahoo[disabled]:before {
    z-index: 1
}

.btn-yahoo.disabled,
.btn-yahoo.disabled.active,
.btn-yahoo.disabled.focus,
.btn-yahoo.disabled:active,
.btn-yahoo.disabled:focus,
.btn-yahoo.disabled:hover,
.btn-yahoo[disabled],
.btn-yahoo[disabled].active,
.btn-yahoo[disabled].focus,
.btn-yahoo[disabled]:active,
.btn-yahoo[disabled]:focus,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo,
fieldset[disabled] .btn-yahoo.active,
fieldset[disabled] .btn-yahoo.focus,
fieldset[disabled] .btn-yahoo:active,
fieldset[disabled] .btn-yahoo:focus,
fieldset[disabled] .btn-yahoo:hover {
    background-color: #430197;
    border-color: #430197
}

.btn-yahoo .badge {
    color: #430197;
    background-color: #fff
}

.btn-yahoo.btn-outline {
    background-color: transparent;
    background-image: none;
    border-color: #430197;
    color: #430197
}

.btn-yahoo.btn-outline.active,
.btn-yahoo.btn-outline:active,
.btn-yahoo.btn-outline:focus,
.btn-yahoo.btn-outline:hover {
    background-color: #430197;
    color: #fff
}

.sortable-list {
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sortable-list li {
    position: relative;
    display: block;
    margin-bottom: -1px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    cursor: move
}

.sortable-list li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.sortable-list li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.sortable-list li.ui-state-highlight {
    min-height: 50px;
    width: 100%;
    background: rgba(0, 0, 0, .01);
    list-style: none
}

.note-editor {
    border-color: #e4e4e4;
    border-radius: 2px;
    overflow: visible
}

.note-editor .note-toolbar .btn-group {
    margin: 0
}

.note-editor .btn-group .btn {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    padding: 0 10px;
    background-color: #f5f5f5;
    border-top: 0;
    border-bottom-color: #e4e4e4;
    border-left: 0;
    border-right-color: #e4e4e4;
    color: #616161
}

.note-editor .btn-group .btn.active,
.note-editor .btn-group .btn:hover {
    background-color: #ececec
}

.note-editor .btn-group .btn.active:before,
.note-editor .btn-group .btn:hover:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.note-editor .note-toolbar {
    margin-left: 0;
    border-color: #e4e4e4;
    border-bottom: 0;
    padding: 0
}

.note-editor .dropdown-menu {
    margin: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.note-editor .note-editable {
    background-color: #fff;
    min-height: 150px
}

.sweet-alert {
    font-family: inherit;
    border-radius: 2px;
    visibility: visible!important
}

.sweet-alert h2 {
    color: #545454
}

.sweet-alert p {
    color: #616161;
    font-weight: inherit;
    font-size: 14px
}

.sweet-alert button {
    border-radius: 2px;
    font-size: inherit
}

.sweet-alert .icon.error {
    border-color: #d96557
}

.sweet-alert .icon.error .line {
    background-color: #d96557
}

.sweet-alert .icon.warning {
    border-color: #ffc65d
}

.sweet-alert .icon.warning .body,
.sweet-alert .icon.warning .dot {
    background-color: #ffc65d
}

.sweet-alert .icon.info {
    border-color: #4cc3d9
}

.sweet-alert .icon.info:after,
.sweet-alert .icon.info:before {
    background-color: #4cc3d9
}

.sweet-alert .icon.success {
    border-color: #2ecc71
}

.sweet-alert .icon.success .placeholder {
    border-color: rgba(46, 204, 113, .2)
}

.sweet-alert .icon.success .line {
    background-color: #2ecc71
}

.hideSweetAlert,
.showSweetAlert {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.showSweetAlert {
    -webkit-animation-name: animation-open;
    animation-name: animation-open
}

.hideSweetAlert {
    -webkit-animation-name: animation-close;
    animation-name: animation-close;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animation-target {
    -webkit-animation: .8s linear both animation;
    animation: .8s linear both animation
}

@-webkit-keyframes animation-open {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.083333% {
        -webkit-transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.166667% {
        -webkit-transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.25% {
        -webkit-transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.416667% {
        -webkit-transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    39.583333% {
        -webkit-transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    43.75% {
        -webkit-transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    45.833333% {
        -webkit-transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    47.916667% {
        -webkit-transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.083333% {
        -webkit-transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    54.166667% {
        -webkit-transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    56.25% {
        -webkit-transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    60.416667% {
        -webkit-transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    89.583333% {
        -webkit-transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    91.666667% {
        -webkit-transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    93.75% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    95.833333% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    97.916667% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes animation-open {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.083333% {
        -webkit-transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.166667% {
        -webkit-transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.25% {
        -webkit-transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.416667% {
        -webkit-transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    39.583333% {
        -webkit-transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    43.75% {
        -webkit-transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    45.833333% {
        -webkit-transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    47.916667% {
        -webkit-transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.083333% {
        -webkit-transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    54.166667% {
        -webkit-transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    56.25% {
        -webkit-transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    60.416667% {
        -webkit-transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    89.583333% {
        -webkit-transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    91.666667% {
        -webkit-transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    93.75% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    95.833333% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    97.916667% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@-webkit-keyframes animation-close {
    0% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
    100% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
}

@keyframes animation-close {
    0% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
    100% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
}

.bootstrap-touchspin input {
    text-align: center
}

.btn.bootstrap-touchspin-down,
.btn.bootstrap-touchspin-up {
    font-size: initial!important
}

.inline {
    display: inline-block
}

.no-margin {
    margin: 0!important
}

.mn {
    margin-right: -15px;
    margin-left: -15px
}

.mrn {
    margin-right: -15px
}

.mln {
    margin-left: -15px
}

.mtn {
    margin-top: -15px
}

.mbn {
    margin-bottom: -15px
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.m30 {
    margin: 30px
}

.mr30 {
    margin-right: 30px
}

.ml30 {
    margin-left: 30px
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.m25 {
    margin: 25px
}

.mr25 {
    margin-right: 25px
}

.ml25 {
    margin-left: 25px
}

.mt25 {
    margin-top: 25px
}

.mb25 {
    margin-bottom: 25px
}

.m20 {
    margin: 20px
}

.mr20 {
    margin-right: 20px
}

.ml20 {
    margin-left: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.m15 {
    margin: 15px
}

.mr15 {
    margin-right: 15px
}

.ml15 {
    margin-left: 15px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.m10 {
    margin: 10px
}

.mr10 {
    margin-right: 10px
}

.ml10 {
    margin-left: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.m5 {
    margin: 5px
}

.mr5 {
    margin-right: 5px
}

.ml5 {
    margin-left: 5px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.m2 {
    margin: 2px
}

.mr2 {
    margin-right: 2px
}

.ml2 {
    margin-left: 2px
}

.mt2 {
    margin-top: 2px
}

.mb2 {
    margin-bottom: 2px
}

.no-padding:not(.main-content) {
    padding: 0!important
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pt0 {
    padding-top: 0!important
}

.pb0 {
    padding-bottom: 0
}

.p30 {
    padding: 30px
}

.pr30 {
    padding-right: 30px
}

.pl30 {
    padding-left: 30px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.p25 {
    padding: 25px
}

.pr25 {
    padding-right: 25px
}

.pl25 {
    padding-left: 25px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.p20 {
    padding: 20px
}

.pr20 {
    padding-right: 20px
}

.pl20 {
    padding-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.p15 {
    padding: 15px
}

.pr15 {
    padding-right: 15px
}

.pl15 {
    padding-left: 15px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.p10 {
    padding: 10px
}

.pr10 {
    padding-right: 10px
}

.pl10 {
    padding-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.p5 {
    padding: 5px
}

.pr5 {
    padding-right: 5px
}

.pl5 {
    padding-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.p2 {
    padding: 2px
}

.pr2 {
    padding-right: 2px
}

.pl2 {
    padding-left: 2px
}

.pt2 {
    padding-top: 2px
}

.pb2 {
    padding-bottom: 2px
}

.no-bg {
    background-color: transparent!important
}

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

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

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

.align-middle td,
td.align-middle {
    vertical-align: middle!important
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.corner-to-corner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.lt {
    left: 0
}

.rt {
    right: 0
}

.tp {
    top: 0
}

.no-radius {
    border-radius: 0
}

.round {
    border-radius: 2px
}

.brtl {
    border-top-left-radius: 2px
}

.brtr {
    border-top-right-radius: 2px
}

.brbl {
    border-bottom-left-radius: 2px
}

.brbr {
    border-bottom-right-radius: 2px
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.block {
    display: block
}

.hover-inactive:focus,
.hover-inactive:hover,
.open .hover-inactive:focus,
.open .hover-inactive:hover {
    background-color: transparent!important
}

.w100 {
    width: 100px
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w300 {
    width: 300px
}

.w350 {
    width: 350px
}

.w400,
.w450 {
    width: 400px
}

.w500 {
    width: 500px
}

.toggle-active {
    cursor: pointer
}

.toggle-active.active {
    color: #ffc65d
}

.no-border {
    border: 0
}

.bordered {
    border: 1px solid #e4e4e4
}

.bb {
    border-bottom: 1px solid #e4e4e4
}

.bt {
    bottom: 0;
    border-top: 1px solid #e4e4e4
}

.bl {
    border-left: 1px solid #e4e4e4
}

.br {
    border-right: 1px solid #e4e4e4
}

.bt0 {
    border-top: 0
}

.br0 {
    border-right: 0
}

.bb0 {
    border-bottom: 0
}

.bl0 {
    border-left: 0
}

.avatar.bordered {
    border: 3px solid rgba(255, 255, 255, .5)
}

.border-primary {
    border-color: #09c
}

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

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

.border-success {
    border-color: #2ecc71
}

.border-info {
    border-color: #4cc3d9
}

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

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

.full-height {
    height: 100%
}

[data-animation] {
    visibility: hidden
}

.animated {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.scrollable {
    overflow: hidden;
    position: relative
}

#focusedInput {
    border-color: #0ac2ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.climacon-list .climacon {
    display: inline-block;
    font: 16px/1 Climacons-Font;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media(min-width:768px) {
    .form-horizontal .control-label-left {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left
    }
}

.demo .slider.slider-vertical {
    height: 175px
}

.bs-demo .btn {
    margin-bottom: 5px
}

.tool-button .btn {
    margin-right: 5px;
    margin-bottom: 5px
}

.demo-button .btn {
    min-width: 115px;
    margin-bottom: 5px;
    margin-right: 5px
}

.demo>.dropdown {
    float: left
}

.demo>.dropdown>.dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 5px;
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.demo-button2 button {
    margin: 0 5px 10px 0
}

.demo-button3 .btn {
    margin-bottom: 10px
}

.climacon-list a,
.feather-list a,
.fontawesome-list a {
    display: block;
    padding-left: 40px;
    height: 32px;
    color: #616161;
    line-height: 32px;
    background: #fff;
    margin-bottom: 5px
}

.climacon-list .climacon,
.feather-list [class^=icon-],
.fontawesome-list .fa {
    position: absolute;
    top: 8px;
    left: 20px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    min-width: 30px;
    text-align: center
}

.climacon-list a:hover .climacon,
.feather-list a:hover [class^=icon-],
.fontawesome-list a:hover .fa {
    top: 5px;
    color: #09c;
    font-size: 1.5em
}

.bordered-group .form-group {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding-bottom: 15px
}

.bordered-group .form-group:last-child {
    border-bottom: 1px solid transparent;
    padding: 0
}

.switcha>div {
    float: left
}

.fontawesome-icon-list {
    margin-bottom: 35px
}

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

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

.option>div:first-child {
    width: 200px
}

.demo-skin {
    display: table;
    width: 100%;
    margin-bottom: 30px
}

.demo-skin span {
    display: table-cell;
    height: 25px;
    border-top: 1px solid rgba(0, 0, 0, .07);
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.demo-skin span:first-child {
    border-left: 1px solid rgba(0, 0, 0, .07)
}

.demo-skin span:last-child {
    border-right: 1px solid rgba(0, 0, 0, .07)
}

.header-skins>div .fa,
.sidebar-skins>div .fa {
    display: none;
    visibility: hidden
}

.header-skins>div:hover,
.sidebar-skins>div:hover {
    cursor: pointer
}

.header-skins>div:hover .fa,
.sidebar-skins>div:hover .fa {
    display: inline-block;
    visibility: visible
}

.header-skins>div.active .fa,
.sidebar-skins>div.active .fa {
    display: inline-block;
    visibility: visible;
    color: #2ecc71
}

.dashboard-rickshaw {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px
}

.configuration {
    width: 240px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 250px;
    margin-left: 0;
    z-index: 99999;
    -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, .2);
    box-shadow: 0 0 10px rgba(107, 107, 107, .2);
    transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    transition: transform .3s cubic-bezier(.7, 0, .3, 1), -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.configuration.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.configuration-cog {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, .2);
    box-shadow: 0 0 10px rgba(107, 107, 107, .2);
    z-index: 8;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    cursor: pointer
}

.configuration-options {
    position: relative;
    z-index: 9
}

.configuration .title {
    background: #fff;
    padding: 10px 15px;
    text-transform: uppercase
}

.configuration .option {
    padding: 5px 15px
}

.configuration .option.styles label {
    display: inline-block;
    padding: 0;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    position: relative
}

.configuration .option.styles input {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: -100%
}

.configuration .option.styles div {
    display: block
}

.configuration .option.styles div:nth-child(3) {
    height: 9px
}

.configuration .option.styles div:nth-child(4) {
    height: 1px
}

.configuration .option.styles div:last-child {
    height: 20px
}

.configuration .option.styles .fa {
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    text-align: center;
    line-height: 32px;
    background: rgba(255, 255, 255, .3)
}

.configuration .option.styles input[type=radio]:checked+.fa {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.swatches {
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 25px
}

.swatches>div {
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 40px;
    padding: 0 15px
}

.swatches>div:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.swatches>div:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.swatches>div>span {
    display: table-cell;
    vertical-align: middle
}

.location-selector {
    position: relative;
    list-style: none;
    padding: 0;
    border: 1px solid #e4e4e4
}

.location-selector:after,
.location-selector:before {
    content: " ";
    display: table
}

.location-selector:after {
    clear: both
}

.location-selector li {
    width: 33.33333333%;
    float: left;
    position: relative
}

.location-selector li>div {
    width: 100%;
    height: 100px;
    background-color: #e2e2e2;
    cursor: pointer;
    text-align: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: 0;
    border-left: 0
}

.location-selector li>div span {
    position: absolute;
    top: 50%;
    width: 100%;
    display: block;
    margin-top: -9.5px
}

.location-selector li.active>div {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05), 0 0 1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05), 0 0 1px 0 rgba(0, 0, 0, .1);
    background-color: #efefef
}

.location-selector li:hover div {
    background-color: #efefef
}

.location-selector [data-position=topLeft] div {
    cursor: nw-resize
}

.location-selector [data-position=top] div {
    cursor: n-resize
}

.location-selector [data-position=topRight] div {
    cursor: ne-resize
}

.location-selector [data-position=bottomLeft] div {
    cursor: sw-resize
}

.location-selector [data-position=bottom] div {
    cursor: s-resize
}

.location-selector [data-position=bottomRight] div {
    cursor: se-resize
}


/*# sourceMappingURL=urban.min.css.map */