/*
Template Name: Admetro Responsive Admin Template
Author: Sean Ngu
Author URL: http://www.sean-theme.juplo
Version: 1.0
*/

body {
    background: #333;
    background: -moz-linear-gradient(left, #444 0, #899b90 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #444), color-stop(1, #899b90));
    background: -webkit-linear-gradient(left, #444 0, #899b90 100%);
    background: -o-linear-gradient(left, #444 0, #899b90 100%);
    background: -ms-linear-gradient(left, #444 0, #899b90 100%);
    background: linear-gradient(to right, #444 0, #899b90 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#899b90', GradientType=1);
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    letter-spacing: 0
}

.body-cover {
    background: url(../img/bg-cover.png);
    opacity: .1;
    filter: alpha(opacity=10);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

#sidebar>ul.nav>li>.dropdown-menu,
.accordion-group .accordion-heading,
.news-list {
    background: url(../img/bg-transparent-0.1.png);
    background: rgba(0, 0, 0, .1)
}

#sidebar,
#sidebar>ul.nav>li.active>a,
#sidebar>ul.nav>li.active>a:hover,
#sidebar>ul.nav>li.active>a:focus,
#sidebar>ul.nav>li.has-sub.active>.dropdown-menu>li.active>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus,
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus,
.tab-content,
.pill-content,
.accordion-group,
.pagination ul>li>a,
.pagination ul>li>span,
.widget,
code,
.form-actions,
.uneditable-input,
.thumbnail,
.well,
.well-small,
.well-large,
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span,
.pager li>a,
.pager li>span,
.news-list .news-media,
.news-list>li>a:hover,
.news-list>li>a:focus,
.chats li .image,
.chats li .message,
.widget.widget-tabs .slimScrollDiv,
.email-list>li .media-image,
textarea,
select,
input[type=text],
input[type=month],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[disabled] {
    background: url(../img/bg-transparent-0.2.png);
    background: rgba(0, 0, 0, .2);
    filter: none
}

#login,
.input-append .add-on,
.input-prepend .add-on,
.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>li>span:hover,
.pagination ul>li>span:focus,
.pagination ul>.active>a,
.pagination ul>.active>a:hover,
.pagination ul>.active>a:focus,
.pagination ul>.active>span,
.pager li>a:hover,
.pager li>a:focus {
    background: url(../img/bg-transparent-0.4.png);
    background-color: rgba(0, 0, 0, .4)
}

.navbar-search .search-query,
.btn.btn-navbar {
    background: url(../img/bg-transparent-0.45.png);
    background: rgba(0, 0, 0, .45)
}

.dropdown-menu {
    background: url(../img/bg-transparent-0.6.png);
    background: rgba(0, 0, 0, .6)
}

.table th,
.table td {
    border-color: #181818;
    border-color: rgba(0, 0, 0, .1)
}

.well,
.well-small,
.well-large,
#top-nav .nav>li.divider-vertical,
.pagination ul>li>a,
.pagination ul>li>span,
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span,
.pager li>a,
.pager li>span,
.widget .widget-footer,
.media-post,
code,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input,
legend,
thumbnail,
ul.email-list>li .media-image,
ul.email-list>li,
.user-profile .profile-image,
.user-profile .profile-info,
.user-profile .profile-header,
.user-profile .profile-footer,
.user-profile .form-actions,
.input-append .add-on,
.input-prepend .add-on,
.form-actions,
.news-list .news-media,
.news-list>li,
.chats li .image,
.chats li .message,
.table.table-bordered,
.table.table-bordered th,
.table.table-bordered td {
    border-color: #323232!important;
    border-color: rgba(0, 0, 0, .2)!important
}

.accordion-group .accordion-body .accordion-inner {
    border-color: #4b4b4b!important;
    border-color: rgba(0, 0, 0, .3)!important
}

#login {
    border-color: #656565!important;
    border-color: rgba(0, 0, 0, .4)!important
}

input[disabled] {
    border-color: #727272;
    border-color: rgba(0, 0, 0, .45)
}

.dropdown-menu:after {
    border-bottom-color: #656565!important;
    border-bottom-color: rgba(0, 0, 0, .6)!important
}

a {
    color: #fff;
    -webkit-transition: color 100ms ease-in-out;
    -moz-transition: color 100ms ease-in-out;
    -ms-transition: color 100ms ease-in-out;
    -o-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out
}

a:hover,
a:focus {
    background: 0;
    color: #ccc;
    filter: none;
    outline: 0;
    text-decoration: none
}

.btn,
.btn.btn-navbar,
.navbar .navbar-inner,
.dropdown-menu {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}

.dropdown-menu,
.progress,
.alert,
.table.table-bordered,
.table.table-bordered td,
.table.table-bordered th,
.pagination ul>li>a,
.nav-tabs>li>a,
.accordion-group,
.modal,
.modal.modal-header,
.modal.modal-footer,
.modal.modal-message,
.thumbnail {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}

a,
.btn,
.alert,
.badge,
.label {
    text-shadow: none!important
}

.logo {
    font-size: 18px;
    left: 25px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 180px
}

.logo i {
    color: #9ac847
}

#top-nav {
    margin: 15px 30px 25px 220px;
    z-index: 1020;
    min-height: 20px
}

#top-nav .navbar {
    padding: 0;
    margin: 0
}

#top-nav .navbar .navbar-inner {
    border: 0;
    background: 0;
    filter: none;
    padding: 0
}

#top-nav .nav>li.divider-vertical {
    border-right: 0;
    height: 30px;
    margin-top: 5px
}

#top-nav .nav>li>a {
    color: #333;
    min-height: 23px;
    position: relative
}

#top-nav .nav>li>a>i {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    color: rgba(0, 0, 0, .45)
}

#top-nav .nav>li>a>img {
    height: 25px;
    margin: -10px 5px -10px 0
}

#top-nav .nav>li>a>img,
#top-nav .nav>li>a>.label {
    -webkit-borde-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#top-nav .nav>li>a>.label {
    font-size: 10px;
    font-weight: 300;
    padding: 0 4px;
    position: absolute;
    right: 7px;
    top: 7px
}

#top-nav .nav>li>a:hover,
#top-nav .nav>li>a:hover>i,
#top-nav .nav>li.open>a {
    background: 0;
    color: #fff;
    -webkit-transition: color 100ms ease-in-out;
    -moz-transition: color 100ms ease-in-out;
    -ms-transition: color 100ms ease-in-out;
    -o-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out
}

#top-nav .nav>li>.dropdown-menu {
    max-width: 240px;
    margin-right: 5px
}

#top-nav .nav>li>.dropdown-menu>li>a>.label {
    margin-right: 5px
}

#sidebar {
    float: left;
    margin: -10px 25px 25px;
    width: 180px;
    z-index: 101;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05)
}

#sidebar>ul.nav {
    padding: 10px 0;
    margin: 0
}

#sidebar>ul.nav>li {
    float: left;
    width: 100%
}

#sidebar>ul.nav>li>a {
    color: #aaa;
    padding: 10px 10px 10px 20px;
    position: relative;
    line-height: 18px
}

#sidebar>ul.nav>li>a>i {
    float: right;
    font-size: 18px;
    text-align: center;
    width: 40px
}

#sidebar>ul.nav>li>a>.label {
    background: #9ac847;
    font-size: 10px;
    font-weight: 300;
    padding: 0 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#sidebar>ul.nav>li.active>a {
    color: #fff
}

#sidebar>ul.nav>li.active>a:before {
    background: #9ac847;
    bottom: 0;
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    width: 4px
}

#sidebar>ul.nav>li>a:hover,
#sidebar>ul.nav>li>a:focus {
    background: 0;
    color: #fff
}

#sidebar>ul.nav>li>.dropdown-menu {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    position: relative;
    padding: 5px 0;
    width: 100%
}

#sidebar>ul.nav>li>.dropdown-menu>li>a {
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 20px;
    line-height: 18px
}

#sidebar>ul.nav>li>.dropdown-menu>li>a:hover {
    background: 0;
    color: #fff;
    filter: none
}

#sidebar>ul.nav>li.has-sub.active>.dropdown-menu {
    display: block
}

#sidebar>ul.nav>li.has-sub.active>.dropdown-menu>li.active>a {
    color: #fff;
    filter: none
}

#content {
    margin: 0 0 0 205px
}

#content .container-fluid {
    padding: 0 25px
}

#content .row-fluid:before,
#content .row-fluid:after {
    display: table-caption
}

.page-without-sidebar #content {
    margin: 0
}

.page-title {
    color: #fff;
    font-size: 28px;
    margin: 0 0 15px
}

.page-title small {
    font-size: 14px
}

#footer {
    margin: 0 25px;
    padding: 10px 0;
    border-top: 1px solid #ccc
}

.label,
.badge {
    background-color: #aaa;
    font-weight: 300;
    margin: 0
}

.alert {
    color: #fff;
    border: 0;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 40px 15px 15px;
    margin-bottom: 15px
}

.alert h4 {
    color: #fff
}

.alert,
.label.label-warning,
.badge.badge-warning {
    background-color: #eac85e
}

.alert.alert-info,
.label.label-info,
.badge.badge-info {
    background-color: #618fb0
}

.alert.alert-success,
.label.label-success,
.badge.badge-success {
    background-color: #56bc76
}

.alert.alert-error,
.label.label-important,
.badge.badge-important {
    background-color: #e5603b
}

.label.label-inverse,
.badge.badge-inverse {
    background-color: #333
}

.pagination {
    height: 35px;
    margin: 15px 0
}

.pagination.pagination-large {
    height: 42px
}

.pagination.pagination-small {
    height: 26px
}

.pagination.pagination-mini {
    height: 18px
}

.pagination ul>li>a,
.pagination ul>li>span {
    padding: 6px 12px;
    margin-left: -1px
}

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

.pagination.pagination-large ul>li>a,
.pagination.pagination-large ul>li>span {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 19px
}

.pagination.pagination-small ul>li>a,
.pagination.pagination-small ul>li>span {
    font-size: 12px;
    line-height: 12px;
    padding: 6px 10px
}

.pagination-mini ul>li>a,
.pagination-mini u l>li>span {
    font-size: 10.5px;
    line-height: 10px;
    padding: 3px 5px
}

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

.progress .bar,
.progress-striped .bar {
    background-color: #69abce;
    background-image: none;
    filter: none
}

.progress-success .bar,
.progress .bar-success,
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #56bc76
}

.progress-info .bar,
.progress .bar-info,
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #618fb0
}

.progress-warning .bar,
.progress .bar-warning,
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #eac85e
}

.progress-danger .bar,
.progress .bar-danger,
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #e5603b
}

.progress-inverse .bar,
.progress .bar-inverse,
.progress-inverse.progress-striped .bar,
.progress-striped .bar-inverse {
    background-color: #333
}

.progress-striped .bar,
.progress-striped .bar-info,
.progress-striped .bar-success,
.progress-striped .bar-danger,
.progress-striped .bar-warning,
.progress-striped .bar-inverse {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

code {
    color: #aaa
}

.nav-tabs,
.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    border: 0
}

.nav-tabs>li {
    position: relative
}

.nav-tabs>li>a {
    border: 0;
    color: #fff;
    padding: 10px 20px
}

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

.tab-content,
.pill-content {
    border: 0;
    margin-top: -19px;
    padding: 15px
}

.tabs-below .tab-content {
    margin: 0 0 1px
}

.tabs-left .tab-content,
.tabs-right .tab-content {
    margin-top: 0
}

.tabs-left .nav {
    margin-right: 1px
}

.tabs-right .nav {
    margin-left: 1px
}

.tabbable.striped .nav.nav-tabs>li.active:before {
    background-color: #9ac847;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    right: 2px;
    left: 0
}

.tabbable.tabs-below.striped .nav.nav-tabs>li.active:before {
    top: auto;
    bottom: 0
}

.tabbable.tabs-left.striped .nav.nav-tabs>li.active:before {
    bottom: 0;
    height: auto;
    right: auto;
    width: 2px
}

.tabbable.tabs-right.striped .nav.nav-tabs>li.active:before {
    bottom: 0;
    height: auto;
    left: auto;
    right: 0;
    width: 2px
}

.tabbable.striped .nav.nav-tabs>li.active.important:before {
    background-color: #e5603b
}

.tabbable.striped .nav.nav-tabs>li.active.warning:before {
    background-color: #eac85e
}

.tabbable.striped .nav.nav-tabs>li.active.info:before {
    background-color: #618fb0
}

.tabbable.striped .nav.nav-tabs>li.active.inverse:before {
    background-color: #333
}

.tabbable.striped .nav.nav-tabs>li.active.success:before {
    background-color: #56bc76
}

.accordion {
    margin-bottom: 15px
}

.accordion-group {
    border: 0
}

.accordion-group .accordion-heading {
    position: relative
}

.accordion-heading .accordion-toggle {
    padding: 14px 20px
}

.accordion-group .accordion-body .accordion-inner {
    border-top: 1px solid;
    padding: 15px 20px
}

.accordion.striped .accordion-heading:before {
    background-color: #9ac847;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.accordion.striped .accordion-heading.important:before {
    background-color: #e5603b
}

.accordion.striped .accordion-heading.warning:before {
    background-color: #eac85e
}

.accordion.striped .accordion-heading.info:before {
    background-color: #618fb0
}

.accordion.striped .accordion-heading.success:before {
    background-color: #56bc76
}

.modal {
    color: #000
}

.modal.modal-message {
    left: 0;
    margin: 0;
    width: 100%
}

.modal.modal-message .modal-header,
.modal.modal-message .modal-body,
.modal.modal-message .modal-footer {
    border: 0;
    background: #fff;
    margin: 0 auto;
    width: 60%
}

.popover {
    color: #000
}

.widget {
    padding: 15px;
    margin-bottom: 25px
}

.widget.widget-tabs {
    background: 0;
    border: 0;
    padding: 0
}

.widget.widget-tabs .slimScrollDiv {
    margin: -19px 0 0 0;
    padding: 15px
}

.widget.widget-tabs .slimScrollDiv .tab-content {
    background: 0;
    padding: 0;
    margin: 0
}

.widget .widget-header,
.widget .widget-header h4 {
    font-size: 17.5px;
    margin: 0 0 15px
}

.widget .widget-header {
    position: relative
}

.widget .slimScrollDiv {
    margin: -15px;
    padding: 15px 20px 15px 15px
}

.widget .slimScrollDiv .slimScrollBar {
    margin: 15px 10px 10px;
    width: 5px!important
}

.widget .widget-footer {
    border-top: 1px solid;
    margin-top: 15px;
    padding-top: 15px
}

.widget .widget-header h4 .btn {
    margin-top: -4px
}

.widget .widget-header h4 .btn.btn-small,
.widget .widget-header h4 .btn.btn-mini {
    margin-top: -1px
}

.widget .widget-header h4>.btn,
.widget .widget-header h4>.btn-group {
    position: absolute;
    right: 0
}

.media-body {
    color: #ccc
}

.media-body .media-heading {
    color: #fff
}

.media-post {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid
}

.media-post:after {
    content: '';
    clear: both;
    display: table
}

.media-post:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.media-post .image {
    float: left
}

.media-post .image,
.media-post .image img {
    width: 240px;
    height: 180px
}

.media-post .content {
    margin-left: 250px;
    margin-bottom: 15px
}

.media-post .content .title {
    line-height: 20px;
    margin: 0 0 5px
}

.media-post .content .desc {
    margin: 0;
    color: #ccc;
    line-height: 15px
}

.media-post.small {
    min-height: 120px
}

.media-post.small .image,
.media-post.small .image img {
    width: 160px;
    height: 120px
}

.media-post.small .content {
    margin-left: 170px
}

.media-post.large {
    min-height: 240px
}

.media-post.large .image,
.media-post.large .image img {
    width: 320px;
    height: 240px
}

.media-post.large .content {
    margin-left: 330px
}

.overflow-visible {
    overflow: visible!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.margin-0 {
    margin: 0!important
}

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

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

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

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

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

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

.margin-35 {
    margin: 35px!important
}

.margin-40 {
    margin: 40px!important
}

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

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

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

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

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

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

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

.margin-top-35 {
    margin-top: 35px!important
}

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

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

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

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

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

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

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

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

.margin-right-35 {
    margin-right: 35px!important
}

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

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

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

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

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

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

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

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

.margin-bottom-35 {
    margin-bottom: 35px!important
}

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

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

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

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

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

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

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

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

.margin-left-35 {
    margin-left: 35px!important
}

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

.padding-0 {
    padding: 0!important
}

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

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

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

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

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

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

.padding-35 {
    padding: 35px!important
}

.padding-40 {
    padding: 40px!important
}

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

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

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

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

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

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

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

.padding-top-35 {
    padding-top: 35px!important
}

.padding-top-40 {
    padding-top: 40px!important
}

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

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

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

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

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

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

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

.padding-right-35 {
    padding-right: 35px!important
}

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

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

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

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

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

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

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

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

.padding-bottom-35 {
    padding-bottom: 35px!important
}

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

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

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

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

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

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

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

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

.padding-left-35 {
    padding-left: 35px!important
}

.padding-left-40 {
    padding-left: 40px!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.border-none {
    border: 0!important
}

.border-top-none {
    border-top: 0!important
}

.border-right-none {
    border-right: 0!important
}

.border-bottom-none {
    border-bottom: 0!important
}

.border-left-none {
    border-left: 0!important
}

.th-align-center th {
    text-align: center!important
}

.td-align-center td {
    text-align: center!important
}

.th-valign-middle th {
    vertical-align: middle!important
}

.td-valign-middle td {
    vertical-align: middle!important
}

.btn {
    background: #888;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    outline: 0;
    line-height: 20px;
    padding: 5px 18px;
    -webkit-boder-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out
}

.btn.btn-navbar {
    padding: 10px;
    margin-top: 4px;
    border-radius: 4px
}

.btn.btn-primary,
.btn.btn-primary.disabled:hover,
.btn.btn-primary.disabled:focus {
    background: #169fe6
}

.btn.btn-info,
.btn.btn-info.disabled:hover {
    background: #37b6bd
}

.btn.btn-success,
.btn.btn-success.disabled:hover {
    background: #6cab36
}

.btn.btn-danger,
.btn.btn-danger.disabled:hover {
    background: #c62020
}

.btn.btn-warning,
.btn.btn-warning.disabled:hover {
    background: #fa5b0f
}

.btn.btn-inverse,
.btn.btn-inverse.disabled:hover {
    background: #333
}

.btn:hover,
.btn:focus {
    color: #fff;
    background: #aaa;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.btn-large {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 24px
}

.btn-small {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px
}

.btn-mini {
    font-size: 10px;
    line-height: 20px;
    padding: 0 6px
}

.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 300
}

.text-success {
    color: #56bc76
}

.text-warning {
    color: #eac85e
}

.text-info {
    color: #618fb0
}

.text-error {
    color: #e5603b
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input,
select {
    text-shadow: none;
    color: #ccc;
    font-weight: 300!important;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-size: 12px!important;
    line-height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

label,
.controls,
legend {
    color: #fff
}

.help-block,
.help-inline {
    color: #ccc
}

label,
input,
button,
select,
textarea {
    font-size: 12px
}

label,
.controls,
.help-block,
.help-inline {
    font-weight: 300;
    text-shadow: none
}

legend {
    border-bottom: 1px solid
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.input-append .add-on,
.input-prepend .add-on {
    text-shadow: none
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #eac85e
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #e5603b
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
    color: #618fb0
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #56bc76
}

.form-actions {
    border-top: 1px solid;
    margin-bottom: 15px
}

.widget-content .form-actions {
    margin-bottom: 0
}

.navbar-search {
    position: relative;
    margin: 6px 10px 0 0
}

.navbar-search .search-query {
    border: 0;
    line-height: 20px
}

.navbar-search .btn {
    background: 0;
    color: #aaa;
    margin-top: 0;
    position: absolute;
    right: -2px;
    top: -2px
}

.select2-dropdown-open .select2-choice,
.select2-container .select2-choice,
.select2-container .select2-choice div,
.select2-dropdown-open .select2-choice div {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(0, 0, 0, .2)!important;
    border-color: rgba(0, 0, 0, .2)!important;
    color: #fff!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

.select2-container .select2-choice div,
.select2-dropdown-open .select2-choice div {
    width: 30px;
    border-left: 1px solid rgba(0, 0, 0, .2)!important
}

.select2-dropdown-open .select2-choice div b {
    background-position: -13px 1px!important
}

.select2-drop {
    background: url(../img/bg-transparent-0.6.png)!important;
    background: rgba(0, 0, 0, 1)!important;
    border-color: rgba(0, 0, 0, .2)!important;
    color: #fff!important
}

.select2-search input {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(255, 255, 255, .2)!important;
    border-color: rgba(0, 0, 0, .6)!important;
    margin-top: 5px!important
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: none!important;
    text-align: center!important
}

.combobox-container .add-on {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(0, 0, 0, .2)!important;
    border-color: rgba(0, 0, 0, .2)!important
}

.combobox-container .add-on .caret {
    border-top-color: #ccc!important
}

.colorpicker.dropdown-menu {
    border-color: rgba(0, 0, 0, .2)!important
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled],
.datepicker td span.active {
    background: #618fb0!important;
    filter: none
}

.datepicker td.day:hover,
.datepicker th:hover,
.datepicker td span:hover {
    background: url(../img/bg-transparent-0.4.png)!important;
    background: rgba(0, 0, 0, .4)!important;
    color: #fff!important
}

.bootstrap-timepicker-widget table td a {
    color: #666!important
}

.bootstrap-timepicker-widget table td a:hover {
    border-color: rgba(0, 0, 0, .2)!important;
    background: url(../img/bg-transparent-0.4.png)!important;
    background: rgba(0, 0, 0, .4)!important;
    color: #fff!important
}

.bwizard-steps li:before,
.bwizard-steps li:after {
    border: 0!important
}

.bwizard-steps {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(0, 0, 0, .2)!important;
    border: 1px solid rgba(0, 0, 0, .2)!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.bwizard-steps .active {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(0, 0, 0, .2)!important
}

.bwizard-steps li {
    background: none!important;
    padding: 12px 17px!important;
    margin-right: 0!important
}

.bwizard-steps li>a {
    color: #aaa
}

.bwizard-steps li.active>a,
.bwizard-steps li:hover>a {
    color: #fff!important
}

.fc {
    position: relative
}

.fc-header-right,
.fc-header-left {
    width: auto!important
}

.fc-header-right {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -35px;
    text-align: right
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%
}

.fc-button {
    color: #fff!important;
    background: #888!important;
    border: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-transition: background 200ms ease-in-out!important;
    -moz-transition: background 200ms ease-in-out!important;
    -o-transition: background 200ms ease-in-out!important;
    -ms-transition: background 200ms ease-in-out!important;
    transition: background 200ms ease-in-out!important;
    box-shadow: none!important
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333!important;
    background-color: #e6e6e6!important
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start,
.fc-event-vert.fc-event-end {
    border-radius: 0!important
}

.fc-event,
.fc-button {
    text-shadow: none!important
}

.fc-grid th,
.fc-widget-header {
    color: #fff;
    font-weight: 300;
    line-height: 30px
}

.fc-grid th,
.fc-widget-header,
.fc-widget-header .fc-agenda-divider-inner,
.fc-state-highlight {
    background: url(../img/bg-transparent-0.2.png)!important;
    background: rgba(0, 0, 0, .2)!important
}

.fc-widget-header,
.fc-widget-content {
    border-color: #323232!important;
    border-color: rgba(0, 0, 0, .2)!important
}

.fc-event {
    border: 0!important;
    background-color: #618fb0!important;
    color: #fff
}

.table {
    margin-bottom: 15px
}

.table th {
    font-weight: 400
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th,
.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background: url(../img/bg-transparent-0.2.png);
    background: rgba(0, 0, 0, .2);
    filter: none
}

.table tbody tr.warning>td {
    background-color: #eac85e
}

.table tbody tr.info>td {
    background-color: #618fb0
}

.table tbody tr.success>td {
    background-color: #56bc76
}

.table tbody tr.error>td {
    background-color: #e5603b
}

.statistic-graph {
    height: 250px
}

.statistic-graph .tickLabel {
    font-size: 11px;
    color: #ccc
}

.statistic-graph .legendLabel {
    color: #fff;
    font-weight: 300;
    padding: 0 5px
}

.statistic-graph .legend table td:first-child {
    padding-left: 5px
}

.maps {
    height: 250px
}

.gallery {
    margin: 0 -5px
}

.gallery .image {
    width: 19.8%!important
}

.gallery .image .image-inner {
    border: 0;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.gallery .image-holder img {
    max-width: 100%;
    width: 100%!important
}

ul.search-results,
.search-results>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.search-results>li,
.search-results>ul>li {
    border-top: 1px dotted #aaa;
    padding: 15px 0
}

ul.search-results>li:last-child,
.search-results>ul>li:last-child {
    border-bottom: 1px dotted #aaa
}

.search-results .thumbnail {
    float: left;
    margin-right: 15px;
    width: 100px
}

.search-results .thumbnail+.search-info {
    margin-left: 125px
}

.search-results .search-title {
    font-size: 16px;
    line-height: 20px
}

.search-results .search-url,
.search-results .search-url>a {
    color: #9ac847
}

.search-results .search-url>a:hover {
    text-decoration: underline
}

.search-results .search-desc {
    margin-top: 5px;
    color: #ccc
}

.invoice {
    display: block;
    margin-bottom: 20px
}

.invoice .invoice-name {
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 40px
}

.invoice .invoice-from,
.invoice .invoice-to {
    float: left;
    margin-right: 40px;
    min-width: 200px
}

.invoice .invoice-from span,
.invoice .invoice-to span {
    color: #aaa;
    display: block;
    margin-bottom: 10px
}

.invoice .invoice-info {
    float: right
}

.invoice .invoice-table {
    margin-top: 20px
}

.invoice .invoice-notes {
    float: left;
    margin-bottom: 20px;
    min-width: 240px;
    width: 50%
}

.invoice .invoice-notes .invoice-notes-container {
    border: 1px dashed #ccc;
    padding: 10px
}

.invoice .invoice-button {
    float: right
}

.invoice .invoice-footer {
    border-top: 1px solid #ccc;
    color: #aaa;
    font-size: 12px;
    float: left;
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    width: 100%
}

.user-profile {
    display: block;
    padding: 10px
}

.user-profile .profile-image {
    background: #fff;
    border: 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    padding: 4px;
    width: 70px
}

.user-profile .profile-info {
    border-left: 1px solid;
    margin: -20px 0 0 120px;
    padding: 20px 0
}

.user-profile .profile-info .field-name {
    color: #aaa;
    float: left;
    text-align: right;
    width: 100px
}

.user-profile .profile-info .detail {
    display: block;
    margin-left: 120px
}

.user-profile .profile-info .table {
    margin-bottom: 0
}

.user-profile .profile-info .table td {
    border: 0
}

.user-profile .profile-header {
    border-bottom: 1px solid;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.user-profile .profile-footer {
    border-top: 1px solid;
    padding-top: 20px;
    text-align: center
}

.user-profile .form-actions {
    border-top: 1px solid;
    background: 0
}

.error-page {
    padding: 100px 0 120px;
    color: #ccc
}

.error-page .error-code {
    color: #fff;
    font-size: 112px
}

.error-page .error-title {
    font-size: 28px;
    line-height: 40px
}

.error-page .error-desc {
    font-size: 14px;
    line-height: 20px
}

.error-page .link {
    margin: 20px 0
}

.error-page .error-code,
.error-page .error-title,
.error-page .error-desc,
.error-page .link {
    text-align: center
}

#login {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: -124px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

#login .brand {
    color: #fff;
    font-size: 36px;
    left: 50%;
    margin: -60px 0 0 -145px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 290px
}

.brand .color {
    color: #6cab36
}

.login-container {
    margin: 0 auto;
    width: 290px
}

.login-header {
    color: #aaa;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}

.login-content {
    margin: 20px 0
}

.login-content .login-buttons {
    margin-top: 20px
}

.news-list {
    list-style-type: none;
    margin: 0 -15px -15px;
    padding: 0
}

.news-list>li {
    border-top: 1px solid
}

.news-list>li>a {
    display: block;
    padding: 15px;
    position: relative
}

.news-list .news-media {
    border: 1px solid;
    color: #fff;
    float: left;
    font-size: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 2px;
    text-align: center
}

.news-list .news-media,
.news-list .news-media img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.news-list .news-info {
    margin-left: 55px
}

.news-list .news-info .news-title {
    font-size: 14px;
    color: #fff;
    margin: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-list .news-info .news-date {
    color: #ccc;
    font-size: 11px
}

.chats {
    margin: 0 0 15px
}

.chats li {
    min-height: 20px;
    margin-bottom: 15px
}

.chats li .image {
    padding: 5px;
    border: 1px solid
}

.chats li .image,
.chats li .image img {
    height: 70px;
    width: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.chats li.left .image {
    float: left
}

.chats li.right .image {
    float: right
}

.chats li .message {
    border: 1px solid;
    position: relative;
    padding: 10px 15px
}

.chats li.left .message {
    margin-left: 95px;
    text-align: left
}

.chats li.right .message {
    margin-right: 95px;
    text-align: right
}

.chats li .message:after {
    background: #000;
    bottom: -1px;
    left: -2px;
    top: -1px;
    content: '';
    position: absolute;
    width: 2px
}

.chats li.left .message:after {
    background: #618fb0
}

.chats li.right .message:after {
    background: #e5603b;
    right: -2px;
    left: auto
}

.chats li .message:before {
    border: 7px solid #2d89ef;
    border-color: transparent #2d89ef transparent transparent;
    content: '';
    left: -16px;
    top: 12px;
    position: absolute
}

.chats li.left .message:before {
    border-color: transparent #618fb0 transparent transparent;
    left: -16px
}

.chats li.right .message:before {
    border-color: transparent transparent transparent #e5603b;
    right: -16px;
    left: auto
}

.chats li .message .date-time {
    color: #ccc;
    font-size: 11px;
    font-style: italic
}

.chats li .message .message-body {
    color: #ccc;
    display: block;
    line-height: 15px;
    margin-top: 5px
}

ul.email-list {
    margin: 0
}

ul.email-list>li {
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px
}

ul.email-list>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

ul.email-list>li .media-image {
    width: 70px;
    border: 1px solid;
    padding: 5px
}

ul.email-list>li .media-image,
ul.email-list>li .media-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

ul.email-list>li h4 {
    margin: 0 0 5px
}

ul.email-list>li p {
    margin-bottom: 0;
    line-height: 15px
}

ul.email-list>li .date {
    display: block;
    color: #aaa;
    margin-top: 5px;
    font-size: 11px;
    font-style: italic
}

.thumbnail {
    border: 1px solid
}

.dropdown-menu {
    border: 0;
    margin-top: 0
}

.dropdown-menu>li>a {
    color: #fff;
    font-size: 11px;
    text-overflow: ellipsis;
    padding: 5px 10px;
    overflow: hidden
}

.dropdown-menu>li.divider {
    background: #666;
    border: 0;
    margin: 5px 0
}

.dropdown-menu:before {
    border-bottom: 0
}

.well,
.well-small,
.well-large {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

select option {
    background: #000 !important;
}