.nl,
body {
    margin: 0
}

.dropdown-menu.dropdown-message li:hover.dropdown-footer a,
body {
    background: #fff
}

#loading,
.fill,
.loading-inner,
.page,
.pane,
.rows {
    right: 0;
    left: 0
}

.header.sidebar .logo h1,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', Arial
}

#sidebar-menu>ul>li>a,
.sidebar-inner #search .search {
    -webkit-transition: All .25s ease;
    -moz-transition: All .25s ease;
    -o-transition: All .25s ease
}

#loading,
.col,
.fill,
.left,
.page,
.pane,
.right {
    bottom: 0
}

.box-info:after,
.clear,
.gallery-wrap:after,
.iconExamples .example:after,
.iconExamples:after,
.la-pricing-table:after,
.tabbable:after,
.weatherseparator:after {
    clear: both
}

body {
    padding-top: 50px;
    -webkit-text-size-adjust: 100%
}

a,
a:hover {
    text-decoration: none
}

.nl {
    list-style: none;
    padding: 0
}

.container {
    width: auto
}

#left-content,
#right-content {
    position: absolute
}

blockquote.reply-message {
    font-size: 14px
}

.modal {
    z-index: 9999
}

.modal-body {
    padding: 20px
}

.modal-backdrop {
    z-index: 9998
}

.navbar {
    margin: 0 0 0 -15px;
    z-index: 9990;
    border-radius: 0
}

.navbar-collapse {
    padding: 0;
    margin: 0
}

.navbar-default {
    background-color: #fff;
    border: none
}

.nav.navbar-nav.top-navbar li {
    position: relative
}

.nav.navbar-nav.top-navbar li a {
    cursor: pointer;
    color: #4C5264
}

.nav.navbar-nav.top-navbar li span.absolute {
    position: absolute;
    top: 5px;
    left: 25px;
    border-radius: 10px;
    padding: 5px;
    z-index: 9990
}

.dropdown-menu {
    top: 97%;
    z-index: 9991
}

.dropdown-menu.dropdown-message ul {
    white-space: inherit
}

.dropdown-menu.dropdown-message li a {
    word-wrap: normal|break-word;
    white-space: inherit;
    width: 300px;
    border-bottom: 1px solid #ddd
}

.dropdown-menu.dropdown-message li.dropdown-footer a {
    display: block;
    padding: 10px 20px 6px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999;
    border-top: 1px solid #ddd;
    border-bottom: none
}

.dropdown-menu.dropdown-message li p {
    font-size: 11px
}

.dropdown-menu.dropdown-message li p i {
    color: #65BD77
}

.dropdown-menu.dropdown-message .dropdown-message-scroll {
    padding: 0
}

.dropdown-menu.dropdown-message .dropdown-message-scroll li {
    padding: 5px 20px
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a,
.dropdown-menu.dropdown-message .dropdown-message-scroll strong {
    text-decoration: none;
    border-bottom: none
}

.dropdown-menu.dropdown-message .dropdown-message-scroll .unread {
    background: #FFFCE0
}

.dropdown-menu.dropdown-message .dropdown-message-scroll a:hover {
    color: #000
}

.dropdown-header.notif-header {
    font-size: 14px;
    padding: 5px 10px 3px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #fafafa;
    border-bottom: none
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #fafafa
}

.breadcrumb {
    padding: 0;
    background: 0 0;
    font-size: 12px;
    margin: 0 0 10px
}

.progress-bar {
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent
}

.progress.progress-xs {
    height: 5px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress.progress-xs.for-modal {
    margin-top: 10px;
    margin-bottom: 20px
}

.progress.progress-xs .progress-bar {
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent
}

.progress.progress-xs.progress-striped .progress-bar {
    background-size: 10px 10px
}

.progress.progress-sm {
    height: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress.progress-sm.progress-striped .progress-bar {
    background-size: 15px 15px
}

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

.form-control {
    font-size: 13px;
    border-radius: 0;
    border-color: #ddd;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent
}

.form-control:focus {
    border-color: #dadada;
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0)
}

.form-group .checkbox {
    margin-left: 0;
    padding-left: 0
}

.btn {
    border-radius: 2px
}

.list-group-item {
    padding: 5px
}

.list-group-item:nth-child(even) {
    background-color: #f5f5f5
}

.form-control .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-container.select2-drop-above .select2-choice,
.select2-drop {
    background-color: #fff;
    background-image: none;
    filter: none
}

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

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

.alert {
    border-radius: 0;
    margin: 10px;
    padding: 10px
}

.form-control .select2-choice {
    border-radius: 0!important;
    border: 1px solid #ccc;
    height: 34px;
    padding: 3px 0 0 12px
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #ccc
}

.select2-drop {
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 0
}

.select2-drop-auto-width {
    border-top: 1px solid #ccc
}

.select2-drop.select2-drop-above {
    border-top: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-drop-active {
    border: 1px solid #999;
    border-top: 0
}

.select2-container .select2-choice .select2-arrow {
    border-left: 1px solid #ccc
}

.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
    border-left: 0!important
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 0 1px
}

.select2-search input {
    background-color: #fff!important;
    filter: none;
    margin: 5px 0 0;
    border: 1px solid #ccc;
    webkit-appearance: none!important;
    color: #333;
    outline: 0;
    height: auto!important;
    min-height: 26px;
    padding: 6px!important;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control.select2-container {
    border: 0;
    height: auto!important;
    padding: 0
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #999!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select2-dropdown-open .select2-choice {
    border-bottom: 0!important;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #999!important;
    border-top: 0!important;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #999!important;
    border-bottom: 0!important
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

.select2-results {
    margin: 5px 0
}

.select2-results .select2-highlighted {
    background: #eee;
    color: #333
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: 0 0
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    padding: 3px 7px 4px;
    background: #f4f4f4;
    display: list-item
}

.select2-container-multi,
.select2-container-multi .select2-choices {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.select2-container-multi.select2-dropdown-open,
.select2-container-multi.select2-dropdown-open .select2-choices {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.select2-container-multi.select2-dropdown-open.select2-drop-above,
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.select2-container-multi .select2-choices {
    padding-left: 6px;
    min-height: 34px;
    border: 1px solid #e5e5e5;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #999!important;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 5px 0 3px 5px;
    border: 1px solid #e5e5e5;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

span.new-circle {
    border-radius: 10px;
    padding: 2px 5px;
    font-weight: 400
}

img.xs-avatar {
    width: 40px;
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 4px 0 0
}

img.ava-dropdown {
    float: left;
    margin: 7px 10px 0 0
}

i.i-xs {
    font-size: 10px
}

#loading {
    margin: auto;
    position: fixed;
    top: 0;
    z-index: 10000;
    background: #fff
}

.spinner {
    margin: 0 auto;
    width: 36px;
    height: 36px;
    position: relative
}

.col,
.cube1,
.cube2,
.fill,
.header.sidebar,
.left,
.loading-inner,
.page,
.pane,
.rows {
    position: absolute
}

.cube1,
.cube2 {
    background-color: #1B1E24;
    width: 7.5px;
    height: 7.5px;
    top: 0;
    left: 0;
    -webkit-animation: cubemove 2s infinite ease-in-out;
    animation: cubemove 2s infinite ease-in-out
}

.cube2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(24px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(24px) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes cubemove {
    25% {
        transform: translateX(24px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(24px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(24px) translateY(24px) rotate(-179deg);
        -webkit-transform: translateX(24px) translateY(24px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(24px) translateY(24px) rotate(-180deg);
        -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(24px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(24px) rotate(-270deg) scale(.5)
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
}

.loading-inner {
    top: 50%;
    margin: 0 auto
}

.btn-facebook {
    background: #45619D
}

.btn-facebook:hover {
    background: #395289
}

.btn-twitter {
    background: #00ACEE
}

.btn-twitter:hover {
    background: #03A0DE
}

.btn-gplus {
    background: #D54636;
    border-color: #B22E21
}

.btn-gplus:hover {
    background: #BF392E;
    border-color: #B22E21
}

.btn-vimeo {
    background: #1BB6EC
}

.btn-vimeo:hover {
    background: #12ADE3
}

.btn-pinterest {
    background: #CD1F28
}

.btn-pinterest:hover {
    background: #C9121A
}

.btn-instagram {
    background: #4E3D35;
    border-color: #392C24
}

.btn-instagram:hover {
    background: #483931;
    border-color: #392C24
}

i.success {
    color: #65BD77
}

i.warning {
    color: #F39C12
}

i.info {
    color: #3498DB
}

i.danger {
    color: #E85344
}

.page {
    top: 0
}

.col,
.page,
.rows {
    overflow: hidden
}

.scroll-x,
.scroll-y {
    -webkit-overflow-scrolling: touch
}

.rows-content-header {
    left: 0;
    right: 0;
    position: absolute
}

.col {
    top: 0
}

.scroll-x {
    overflow-x: auto
}

.scroll-y {
    overflow-y: auto
}

.fill,
.pane {
    top: 0;
    width: 100%;
    height: 100%
}

.pane {
    display: none
}

.left {
    width: 225px;
    background: #1B1E24;
    margin-left: -15px;
    overflow: hidden;
    top: 0;
    left: 15px
}

.header.sidebar {
    background: #000;
    right: 0;
    z-index: 1;
    top: 0
}

.header.sidebar .logo {
    padding: 14px 20px;
    color: #fff
}

.header.sidebar .logo img {
    width: 50px;
    margin-right: 2px;
    border-radius: 4px;
    margin-top: -4px
}

.header.sidebar .logo h1 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px
}

.header.sidebar .logo h1 a {
    color: #8B91A0
}

.header.sidebar .logo h1 a:hover {
    text-decoration: none;
    color: #fff
}

.sidebar-inner .media {
    padding: 0 30px 15px;
    margin: 20px -15px 0;
    border-bottom: 1px solid #1F2429;
    color: #fff
}

.sidebar-inner .media a {
    cursor: pointer;
    font-size: 11px;
    margin: 0 5px 0 0;
    color: #8B91A0
}

.sidebar-inner .media a:hover {
    color: #fff;
    text-decoration: none
}

.sidebar-inner .media .pull-left {
    margin: 3px 10px 0 3px
}

.sidebar-inner .media .media-object {
    width: 57px
}

.sidebar-inner #search {
    padding: 15px
}

.sidebar-inner #search form {
    position: relative
}

.sidebar-inner #search form i {
    color: #909090;
    position: absolute;
    top: 10px;
    right: 10px
}

.sidebar-inner #search .search {
    border-radius: 0;
    border-color: #121515;
    background: #313940;
    padding-right: 25px;
    font-size: 12px;
    color: #909090
}

.sidebar-inner #search .search:focus {
    border-color: #121515;
    background: #fdfdfd;
    -webkit-box-shadow: inset 0 1px 1px rgba(2, 0, 0, .075), 0 0 8px rgba(1, 1, 1, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(1, 1, 1, .3)
}

.icon {
    width: 15px
}

#sidebar-menu,
#sidebar-menu a,
#sidebar-menu li,
#sidebar-menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    position: relative
}

#sidebar-menu a {
    line-height: 1.3
}

#sidebar-menu {
    width: 100%;
    border-top: 1px solid #1F2429
}

#sidebar-menu>ul>li>a {
    font-size: 14px;
    display: block;
    color: #8B91A0;
    border-left: 4px solid transparent;
    padding: 10px 15px
}

#sidebar-menu ul ul a,
.box-info,
.box-info .nav-tabs>li>a,
.gallery-wrap .column .inner,
.gallery-wrap .column .inner .img-frame,
.gallery-wrap .column-3 .inner,
.gallery-wrap .column-3 .inner .img-frame,
.gallery-wrap .column-4 .inner,
.gallery-wrap .column-4 .inner .img-frame {
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

#sidebar-menu>ul>li>a:hover {
    color: #fff;
    background: #121515;
    padding-left: 20px;
    border-left-color: #3B9BED;
    text-decoration: none
}

#sidebar-menu>ul>li>a>i {
    margin-right: 5px;
    color: #D3D6DB
}

#sidebar-menu>ul>li>a>i.fa.fa-angle-double-down.i-right {
    opacity: .45
}

#sidebar-menu>ul>li>a>i.i-right {
    margin: 3px 0 0;
    float: right
}

#sidebar-menu>ul>li>a>i.yellow.i-right {
    color: #EBC85E
}

#sidebar-menu>ul>li.active>a {
    color: #fff;
    background: #121515
}

#sidebar-menu>ul>li.active>a:hover {
    color: #fff;
    background: #121515;
    padding: 10px 15px
}

#sidebar-menu>ul>li.selected>a {
    color: #fff;
    background: #121515;
    padding-left: 20px
}

#sidebar-menu>ul>li>a span.label {
    float: right
}

#sidebar-menu>ul>li>a span.label.span-left {
    float: none;
    margin-left: 5px
}

#sidebar-menu span.cnt {
    position: absolute;
    top: 8px;
    right: 15px;
    padding: 0;
    margin: 0;
    background: 0 0
}

#sidebar-menu ul ul {
    display: none;
    border-bottom: 1px solid #121515;
    background: #22262E
}

#sidebar-menu ul ul.visible {
    display: block
}

#sidebar-menu ul ul li {
    border-top: 0
}

#sidebar-menu ul ul a {
    padding: 10px 25px;
    display: block;
    color: #D3D6DB;
    font-size: 13px
}

#sidebar-menu ul ul a:hover,
#sidebar-menu ul ul li.active a {
    color: #fff;
    background: #121515
}

#sidebar-menu ul ul a i {
    margin-right: 5px
}

.footer.rows {
    height: 50px;
    bottom: 0;
    background: #0F1215;
    color: #E8EAED;
    padding: 15px
}

.footer.rows .progress.progress-xs {
    margin: 9px 70px 9px 0;
    overflow: visible;
    position: relative
}

.footer.rows .progress.progress-xs .progress-precentage {
    display: block;
    position: absolute;
    right: -20px;
    top: -12px;
    padding: 7px 5px;
    border-radius: 50%;
    background: #212121;
    color: #8B91A0
}

.footer.rows .progress.progress-xs .btn {
    display: block;
    position: absolute;
    right: -70px;
    top: -14px;
    background: #212121;
    color: #8B91A0;
    border: none
}

.right {
    left: 225px;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.header.rows,
.header.rows-content-header {
    height: 50px
}

.header.content {
    background: #FFF;
    border-bottom: 1px solid #E5E9EC
}

.body.rows {
    top: 50px;
    bottom: 50px
}

.body.content.rows {
    top: 50px;
    bottom: 0;
    background: #E5E9EC;
    padding: 20px;
    font-size: 13px
}

.button-menu-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9990;
    padding: 10px 15px;
    height: 50px;
    font-size: 14px;
    background: #1B1E24;
    color: #A5B2BC;
    border: none
}

footer {
    padding: 20px 0;
    font-size: 12px;
    border-top: 1px solid #B9C1CB;
    margin-top: 40px
}

.page-heading {
    margin: 0 0 25px;
    padding: 5px 0
}

.page-heading h1 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 24px
}

.box-info {
    position: relative;
    padding: 8px 15px;
    background: #fff;
    color: #5b5b5b;
    margin-bottom: 20px;
    border: 1px solid #fff;
    border-radius: 4px
}

.box-info:hover {
    color: #393E48
}

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

.box-info .des-thumbnail {
    padding: 20px
}

.box-info .img-wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}

.box-info .img-wrap img {
    width: 100%
}

.box-info .icon-box {
    width: 65px;
    font-size: 30px;
    display: block;
    float: left
}

.box-info h2 {
    padding: 0 15px 10px;
    margin: 5px -15px 20px;
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: #5b5b5b;
    border-bottom: 2px solid #ddd
}

.box-info h2.no-style {
    padding: 0;
    margin: 20px 0 10px;
    font-size: 30px;
    border-bottom: none
}

.box-info.box-messages h2 {
    border-bottom: none
}

.box-info .statistic-chart {
    padding: 0 0 30px
}

.box-info.full {
    padding: 0
}

.box-info.full .box-footer {
    padding: 20px 20px 15px
}

.box-info.full .box-footer a,
.box-info.full .box-footer a:hover {
    color: #1B1E24;
    text-decoration: none
}

.box-info .nav-tabs {
    background: #1B1E24
}

.box-info .nav-tabs>li>a {
    line-height: 1.428571429;
    font-size: 14px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0;
    margin: 0;
    color: #8B91A0
}

.box-info .nav-tabs>li>a i {
    color: #fff
}

.box-info .media-list {
    margin-top: 30px
}

.box-info .media-list a {
    color: #1B1E24
}

.box-info .media-list a:hover {
    color: #212121;
    text-decoration: none
}

.box-info .media-list .media {
    padding: 5px 0;
    border-bottom: 1px solid #eaeaea
}

.box-info .media-list li:last-child.media {
    border-bottom: none
}

.box-info .media-list .media .media-heading a {
    font-size: 14px;
    font-weight: 600;
    color: #1B1E24;
    margin-right: 5px
}

.box-info .media-list .media .media-heading small {
    color: #65BD77;
    font-size: 11px
}

.box-info .media-list .media p {
    color: #909090
}

.box-info .media-list .media .media-object {
    width: 50px
}

.box-info .nav-tabs>li.active>a,
.box-info .nav-tabs>li.active>a:focus,
.box-info .nav-tabs>li.active>a:hover {
    cursor: default;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    background-color: #fff;
    color: #1B1E24
}

.box-info .nav-tabs>li.active>a i,
.box-info .nav-tabs>li.active>a:focus i,
.box-info .nav-tabs>li.active>a:hover i {
    color: #212121
}

.box-info .additional-box {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 9900
}

.box-info .additional-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 9901
}

.box-info .btn-group {
    z-index: 9901
}

.box-info table .btn-group {
    z-index: 1
}

.box-info .additional-btn .dropdown-menu {
    z-index: 9901
}

.box-info .additional-btn a.additional-icon {
    color: #909090;
    margin-left: 10px;
    cursor: pointer
}

.box-info .additional-btn a:hover.additional-icon {
    text-decoration: none
}

.box-info.success {
    background: #65BD77;
    color: #fff
}

.box-info.success h2 {
    color: #2C7439;
    border-bottom-color: #3B934B
}

.box-info.success:hover {
    color: #DEFFE5
}

.box-info.success .additional-btn a.additional-icon {
    color: #3B934B
}

.box-info.success .additional-btn a:hover.additional-icon {
    color: #2C7439
}

.box-info.success .text-box h3,
.box-info.success i.success {
    color: #215F2E
}

.box-info.success .progress-bar-success {
    background-color: #215F2E
}

.box-info.danger {
    background: #D9534F;
    color: #fff
}

.box-info.danger h2 {
    color: #791C1A;
    border-bottom-color: #791C1A
}

.box-info.danger:hover {
    color: #fff
}

.box-info.danger .additional-btn a.additional-icon,
.box-info.danger .additional-btn a:hover.additional-icon,
.box-info.danger .text-box h3,
.box-info.danger i.danger {
    color: #791C1A
}

.box-info.danger .progress-bar-danger {
    background-color: #791C1A
}

.box-info.info {
    background: #4393D8;
    color: #fff
}

.box-info.info h2 {
    color: #15558B;
    border-bottom-color: #15558B
}

.box-info.info:hover {
    color: #DEFFE5
}

.box-info.info .additional-btn a.additional-icon,
.box-info.info .additional-btn a:hover.additional-icon,
.box-info.info .text-box h3,
.box-info.info i.info {
    color: #15558B
}

.box-info.info .progress-bar-info {
    background-color: #15558B
}

.box-info.warning {
    background: #F7CB17;
    color: #fff
}

.box-info.warning h2 {
    color: #9D5D03;
    border-bottom-color: #9D5D03
}

.box-info.warning:hover {
    color: #DEFFE5
}

.box-info.warning .additional-btn a.additional-icon,
.box-info.warning .additional-btn a:hover.additional-icon,
.box-info.warning .text-box h3,
.box-info.warning i.warning {
    color: #9D5D03
}

.box-info.warning .progress-bar-warning {
    background-color: #9D5D03
}

.box-info .additional {
    padding: 0 15px;
    background: #fff;
    color: #909090;
    margin: 15px -15px -15px
}

.box-info .additional .list-box-info {
    margin: 0 -15px
}

.box-info .additional .list-box-info ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.box-info .additional .list-box-info ul li {
    background: #fff;
    padding: 15px 20px;
    color: #909090;
    border-bottom: 1px solid #ddd
}

.box-info .additional .list-box-info ul li span.label {
    float: right;
    font-size: 13px
}

.box-info .additional .list-box-info ul li:last-child {
    border-bottom: 1px solid #fff
}

.box-info.full h2 {
    padding: 8px 15px;
    margin: 5px 0 20px
}

.box-info table {
    margin: 0
}

.box-info table tr td,
.box-info table tr th {
    padding-left: 15px;
    padding-right: 15px
}

.box-info .text-box h3 {
    padding: 0;
    margin: 5px 0;
    font-weight: 600;
    font-size: 20px;
    display: block;
    color: #4C5264
}

.box-info .text-box p {
    font-size: 14px
}

p.quick-post {
    margin: 10px 5px
}

p.quick-post i {
    color: #909090;
    margin: 5px;
    cursor: pointer
}

p.quick-post.message i {
    margin: 0 2px
}

p.quick-post.message {
    margin: 3px 0;
    padding: 0;
    text-align: right
}

.chat-widget {
    height: 300px;
    margin-bottom: 20px
}

form.input-chat {
    margin-top: 20px
}

.chat-widget .media-list {
    margin: 0
}

.chat-widget .media-list .media {
    border-bottom: none
}

.chat-widget .media-list .media .media-object {
    width: 50px;
    padding: 4px;
    border: 1px solid #eaeaea
}

.chat-widget .media-list .media .media-body {
    background: #f7f7f7;
    border-radius: 3px;
    padding: 10px;
    color: #677179
}

.chat-widget .media-list .media .media-body p.time {
    text-align: right;
    color: #909090;
    font-size: 11px;
    font-style: italic
}

.chat-widget .media-list .media .media-body.success {
    background: #EDFFED
}

.chat-widget .media-list .media .media-body.warning {
    background: #FFFCE0
}

.chat-widget .media-list .media .media-body.danger {
    background: #FFE8E8
}

.chat-widget .media-list .media .media-body.info {
    background: #E5F5FF
}

.the-notes {
    padding: 5px 5px 5px 10px;
    border-left: 4px solid #909090;
    margin-bottom: 5px;
    text-align: justify
}

.the-notes.default {
    background: #fff
}

.the-notes.success {
    background: #fff;
    border-left-color: #65BD77
}

.the-notes.warning {
    background: #fff;
    border-left-color: #F7CB17
}

.the-notes.danger {
    background: #fff;
    border-left-color: #D9534F
}

.the-notes.info {
    background: #fff;
    border-left-color: #4393D8
}

.the-notes.success h4 {
    color: #65BD77
}

.the-notes.warning h4 {
    color: #F7CB17
}

.the-notes.danger h4 {
    color: #D9534F
}

.the-notes.inf h4 {
    color: #4393D8
}

.selectpicker {
    border-radius: 0;
    font-size: 13px
}

.easyWizardSteps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px solid #ccc;
    background: #fafafa
}

.easyWizardSteps li {
    font-size: 18px;
    display: inline-block;
    padding: 10px 20px;
    color: #B0B1B3;
    margin-right: 0
}

.easyWizardSteps li span {
    font-size: 20px;
    padding: 2px 10px;
    border-radius: 50%;
    margin-top: -5px
}

.easyWizardSteps li.current span {
    background: #65BD77;
    color: #fff
}

.easyWizardSteps li.current {
    color: #2C7439;
    background: #fff
}

.easyWizardButtons {
    overflow: hidden;
    padding: 10px
}

.easyWizardButtons .submit,
.easyWizardButtons button {
    cursor: pointer
}

.easyWizardButtons .prev {
    float: left
}

.easyWizardButtons .next,
.easyWizardButtons .submit {
    float: right
}

.notes {
    padding: 15px;
    border: 1px dashed #ddd
}

section.step {
    padding: 0 30px
}

.gallery-wrap {
    margin: 10px -10px
}

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

.gallery-wrap .column {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0
}

.gallery-wrap .column-4 {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0
}

.gallery-wrap .column-3 {
    float: left;
    width: 33.33333333333333%;
    margin: 0;
    padding: 0
}

.gallery-wrap .column .inner,
.gallery-wrap .column-3 .inner,
.gallery-wrap .column-4 .inner {
    margin: 10px;
    position: relative;
    overflow: hidden
}

.gallery-wrap .column .inner:hover,
.gallery-wrap .column-3 .inner:hover,
.gallery-wrap .column-4 .inner:hover {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .5)
}

.gallery-wrap .column .inner a .img-wrap,
.gallery-wrap .column-3 .inner a .img-wrap,
.gallery-wrap .column-4 .inner a .img-wrap {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.gallery-wrap .column .inner .img-wrap {
    height: 100px;
    overflow: hidden;
    background: #ddd
}

.gallery-wrap .column-3 .inner .img-wrap {
    height: 200px;
    overflow: hidden;
    background: #ddd
}

.gallery-wrap .column-4 .inner .img-wrap {
    height: 150px;
    overflow: hidden;
    background: #ddd
}

.gallery-wrap .column .inner .img-frame,
.gallery-wrap .column-3 .inner .img-frame,
.gallery-wrap .column-4 .inner .img-frame {
    padding: 5px;
    background: #fff;
    display: block;
    position: relative
}

.gallery-wrap .column .inner:hover .img-frame,
.gallery-wrap .column-3 .inner:hover .img-frame,
.gallery-wrap .column-4 .inner:hover .img-frame {
    background: #fff
}

.gallery-wrap .column .inner:hover .img-frame.success,
.gallery-wrap .column-3 .inner:hover .img-frame.success,
.gallery-wrap .column-4 .inner:hover .img-frame.success {
    background: #65BD77
}

.gallery-wrap .column .inner:hover .img-frame.warning,
.gallery-wrap .column-3 .inner:hover .img-frame.warning,
.gallery-wrap .column-4 .inner:hover .img-frame.warning {
    background: #EBC85E
}

.gallery-wrap .column .inner:hover .img-frame.danger,
.gallery-wrap .column-3 .inner:hover .img-frame.danger,
.gallery-wrap .column-4 .inner:hover .img-frame.danger {
    background: #D73D3D
}

.gallery-wrap .column .inner:hover .img-frame.info,
.gallery-wrap .column-3 .inner:hover .img-frame.info,
.gallery-wrap .column-4 .inner:hover .img-frame.info {
    background: #67B0D1
}

.gallery-wrap .column .inner .img-wrap img,
.gallery-wrap .column-3 .inner .img-wrap img,
.gallery-wrap .column-4 .inner .img-wrap img {
    width: 100%
}

.gallery-wrap .column .inner .caption-hover,
.gallery-wrap .column-3 .inner .caption-hover,
.gallery-wrap .column-4 .inner .caption-hover {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    color: #909090;
    padding: 10px;
    background: #fff;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}

.gallery-wrap .column .inner .caption-hover.success,
.gallery-wrap .column-3 .inner .caption-hover.success,
.gallery-wrap .column-4 .inner .caption-hover.success {
    color: #2C7439;
    background: #65BD77
}

.gallery-wrap .column .inner .caption-hover.danger,
.gallery-wrap .column-3 .inner .caption-hover.danger,
.gallery-wrap .column-4 .inner .caption-hover.danger {
    color: #790D0D;
    background: #D73D3D
}

.gallery-wrap .column .inner .caption-hover.warning,
.gallery-wrap .column-3 .inner .caption-hover.warning,
.gallery-wrap .column-4 .inner .caption-hover.warning {
    color: #B27C05;
    background: #EBC85E
}

.gallery-wrap .column .inner .caption-hover.info,
.gallery-wrap .column-3 .inner .caption-hover.info,
.gallery-wrap .column-4 .inner .caption-hover.info {
    color: #0A487C;
    background: #67B0D1
}

.gallery-wrap .column .inner:hover .caption-hover,
.gallery-wrap .column-3 .inner:hover .caption-hover,
.gallery-wrap .column-4 .inner:hover .caption-hover {
    bottom: 0
}

.gallery-wrap .column .inner .caption-static,
.gallery-wrap .column-3 .inner .caption-static,
.gallery-wrap .column-4 .inner .caption-static {
    position: relative;
    text-align: center;
    color: #909090;
    padding: 10px;
    background: #fff;
    margin: 0
}

.gallery-wrap .column .inner a:hover,
.gallery-wrap .column-3 .inner a:hover,
.gallery-wrap .column-4 .inner a:hover {
    text-decoration: none
}

.gallery-wrap .column .inner .caption-static.success,
.gallery-wrap .column-3 .inner .caption-static.success,
.gallery-wrap .column-4 .inner .caption-static.success {
    color: #2C7439;
    background: #65BD77
}

.gallery-wrap .column .inner .caption-static.danger,
.gallery-wrap .column-3 .inner .caption-static.danger,
.gallery-wrap .column-4 .inner .caption-static.danger {
    color: #790D0D;
    background: #D73D3D
}

.gallery-wrap .column .inner .caption-static.warning,
.gallery-wrap .column-3 .inner .caption-static.warning,
.gallery-wrap .column-4 .inner .caption-static.warning {
    color: #B27C05;
    background: #EBC85E
}

.gallery-wrap .column .inner .caption-static.info,
.gallery-wrap .column-3 .inner .caption-static.info,
.gallery-wrap .column-4 .inner .caption-static.info {
    color: #0A487C;
    background: #67B0D1
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.la-pricing-table .la-col-4,
.mfp-fade.mfp-wrap .mfp-content {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.full-content-center {
    width: 100%;
    max-width: 500px;
    margin: 5% auto;
    text-align: center
}

.full-content-center img.logo-login {
    width: 70px;
    margin-right: 10px;
    background: #272C31
}

.full-content-center-more {
    width: 100%;
    max-width: 800px;
    margin: 5% auto;
    text-align: center
}

.full-content-center-more img.logo-login {
    width: 70px;
    margin-right: 10px;
    background: #272C31
}

body.full-content {
    padding-top: 0;
    background: url() left top -80px no-repeat #F2EFEE
}

.full-content-center h1,
.full-content-center-more h1 {
    font-size: 50px;
    font-weight: 600
}

.login-wrap {
    margin: 20px 10%;
    text-align: left
}

.login-wrap i {
    margin-right: 5px
}

.login-wrap .checkbox {
    margin-left: 0;
    padding-left: 0
}

.login-wrap .btn-block {
    margin: 5px 0
}

.login-wrap .login-input {
    position: relative
}

.login-wrap .login-input .text-input {
    padding-left: 30px
}

.login-wrap .login-input i.overlay {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #aaa
}

.install-wrap {
    margin: 20px 10%;
    text-align: left
}

.install-wrap i {
    margin-right: 5px
}

.install-wrap .checkbox {
    margin-left: 0;
    padding-left: 0
}

.install-wrap .btn-block {
    margin: 5px 0
}

.install-wrap .login-input {
    position: relative
}

.install-wrap .login-input .text-input {
    padding-left: 30px
}

.install-wrap .login-input i.overlay {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #aaa
}

.ava-lock-screen img {
    width: 100px;
    margin: 10px 0 0 10px
}

.box-info .media-list.search-result .media a {
    color: #46C45F
}

.box-info .media-list.search-result .media .media-heading a {
    color: #1279D1
}

.box-info .media-list.search-result .media .media-heading span {
    font-size: 12px;
    font-weight: 400;
    padding: 3px 5px
}

.box-info .media-list.search-result .media .media-object {
    width: 100px
}

ul.faq {
    list-style: none;
    padding-left: 10px;
    margin: 20px 0 50px
}

ul.faq li i {
    margin-right: 5px
}

ul.faq li {
    margin: 10px 0
}

ul.faq li a.faq-question {
    cursor: pointer;
    display: block;
    font-size: 14px
}

ul.faq li .faq-answer {
    margin: 10px 15px;
    text-align: justify
}

table.pricing-table-style-1 {
    text-align: center;
    background: #fff
}

table.pricing-table-style-1 thead tr th {
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

table.pricing-table-style-1 thead tr th.best-choice {
    color: #A2A7B7;
    background: #0F1215;
    border-bottom-color: #000
}

table.pricing-table-style-1 tbody tr td.best-choice {
    background: #1B1E24;
    font-weight: 600;
    font-size: 15px;
    color: #fafafa;
    border-top-color: #000
}

table.pricing-table-style-1 tbody tr td.td-success {
    background: #65BD77;
    font-weight: 600;
    color: #2C7439;
    text-align: right;
    border-top-color: #55AD67
}

table.pricing-table-style-1 thead tr th.th-success {
    color: #65BD77;
    background: #55AD67;
    border-bottom-color: #55AD67
}

.la-pricing-table {
    margin: 30px 0;
    text-align: center
}

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

.la-pricing-table .la-col-4 {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 25%;
    border: 3px solid transparent;
    transition: all .4s ease-out;
    position: relative;
    overflow: hidden
}

.la-pricing-table .la-col-4:hover {
    border-color: #434D58
}

.la-pricing-table .la-col-4 i.bg-big {
    position: absolute;
    font-size: 210px;
    opacity: .05;
    top: 20%;
    left: 0;
    right: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.la-pricing-table .la-col-4:hover i.bg-big {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0
}

.la-pricing-table .la-col-4 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff
}

.la-pricing-table .la-col-4 ul li {
    padding: 10px 20px;
    display: block;
    font-size: 13px
}

.la-pricing-table .la-col-4 ul li.la-package {
    font-size: 24px;
    font-weight: 600;
    background: #121515;
    color: #fff
}

.la-pricing-table .la-col-4 ul li.la-price {
    font-size: 18px;
    font-weight: 600;
    color: #8E98AD;
    background: #434D58;
    margin: 0 20px
}

.bill-to,
.company-column {
    padding: 15px;
    margin-bottom: 20px
}

.la-pricing-table .la-col-4 ul li.la-price i {
    font-size: 13px
}

.la-pricing-table .la-col-4:hover.success {
    border-color: #2C7439
}

.la-pricing-table .la-col-4.success ul {
    background: #65BD77
}

.la-pricing-table .la-col-4.success ul li {
    color: #fff
}

.la-pricing-table .la-col-4.success ul li.la-package {
    color: #BCF5C6;
    background: #2C7439
}

.la-pricing-table .la-col-4.success ul li.la-price {
    color: #fff;
    background: #3E984D
}

.la-pricing-table .la-col-4:hover.danger {
    border-color: #B42424
}

.la-pricing-table .la-col-4.danger ul {
    background: #D73D3D
}

.la-pricing-table .la-col-4.danger ul li {
    color: #fff
}

.la-pricing-table .la-col-4.danger ul li.la-package {
    color: #FFB4B4;
    background: #B42424
}

.la-pricing-table .la-col-4.danger ul li.la-price {
    color: #fff;
    background: #C42E2E
}

.la-pricing-table .la-col-4:hover.info {
    border-color: #1F6AAA
}

.la-pricing-table .la-col-4.info ul {
    background: #529DDE
}

.la-pricing-table .la-col-4.info ul li {
    color: #fff
}

.la-pricing-table .la-col-4.info ul li.la-package {
    color: #C6E5FF;
    background: #1F6AAA
}

.la-pricing-table .la-col-4.info ul li.la-price {
    color: #fff;
    background: #2E71AD
}

.la-pricing-table .la-col-4:hover.warning {
    border-color: #F08600
}

.la-pricing-table .la-col-4.warning ul {
    background: #EBC85E
}

.la-pricing-table .la-col-4.warning ul li {
    color: #fff
}

.la-pricing-table .la-col-4.warning ul li.la-package {
    color: #FFF5C9;
    background: #F08600
}

.la-pricing-table .la-col-4.warning ul li.la-price {
    color: #fff;
    background: #FA0
}

#social,
.bill-to {
    background: #E5E9EC
}

.icon-print {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 22px
}

.icon-print a {
    color: #909090
}

.icon-print a:hover {
    color: #212121;
    text-decoration: none
}

.company-column {
    border: 1px dashed #ddd
}

.user-profile-sidebar {
    margin: 0 0 20px
}

.user-profile-sidebar .user-identity {
    margin: 20px 0 0
}

.user-profile-sidebar img {
    width: 90px
}

.account-status-data {
    text-align: center;
    padding: 10px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 20px
}

.account-status-data h5 {
    font-size: 11px;
    line-height: 150%;
    color: #909090
}

.user-button {
    margin: 15px 0
}

.user-button .btn {
    margin: 5px 0
}

#social {
    padding: 10px;
    text-align: center
}

#social a:hover {
    text-decoration: none
}

.fa-circle.facebook {
    color: #5471AE
}

.fa-circle.twitter {
    color: #4EC6F6
}

.fa-circle.gplus {
    color: #E24E3E
}

.fa-circle.tumblr {
    color: #4D77A3
}

.fa-circle.linkedin {
    color: #3097CE
}

.user-profile-content {
    margin: 30px 15px
}

.user-profile-content-wm {
    margin: 10px 15px
}

.icon-showcase i {
    margin-right: 5px
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons li:hover {
    background-color: rgba(86, 61, 124, .1)
}

@media (min-width:768px) {
    .bs-glyphicons li {
        width: 12.5%
    }
}

.menu-message {
    margin: 20px 0
}

.table-message tr.unread {
    font-weight: 600;
    background: #FFFCE0
}

.table-hover>tbody>tr:hover.unread>td {
    background: #FCF5BF
}

.table-message>tbody>tr>td>a {
    display: block;
    color: #5b5b5b
}

.table-message>tbody>tr>td>a:hover {
    text-decoration: none
}

.data-table-toolbar {
    margin: 15px 0;
    padding: 0 15px
}

.data-table-toolbar span.paging-status {
    font-weight: 700;
    margin: 10px 10px 0 0
}

.input-message {
    margin-top: -1px
}

hr.dashed {
    height: 1px;
    background: 0 0;
    border-top: none;
    border-bottom: 1px dashed #ddd
}

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

.pricing-tables {
    text-align: center;
    position: relative;
    margin: 30px 0;
    color: #353535;
    -webkit-transition: All .25s ease;
    -moz-transition: All .25s ease;
    -o-transition: All .25s ease
}

.pricing-tables:hover {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1)
}

.pricing-tables .the-box {
    margin: 0;
    background: #fff
}

.pricing-tables .header {
    padding: 5px 0 70px;
    background: #D6D6D6
}

.pricing-tables .circle-price-wrap {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -75px;
    border: 3px solid #D6D6D6
}

.pricing-tables .circle-price-wrap h2 {
    font-size: 40px;
    padding: 15px 0
}

.pricing-tables .circle-price-wrap h2 small {
    font-size: 14px;
    color: #909090;
    display: block
}

.pricing-tables table.table-inner {
    margin: 100px 0 0;
    padding: 0
}

.pricing-tables table.table-inner>tbody:first-child>tr:first-child>td {
    border-top: 0
}

.pricing-tables table.table-inner>tbody>tr>td,
.pricing-tables table.table-inner>tbody>tr>th,
.pricing-tables table.table-inner>tfoot>tr>td,
.pricing-tables table.table-inner>tfoot>tr>th,
.pricing-tables table.table-inner>thead>tr>td,
.pricing-tables table.table-inner>thead>tr>th {
    padding: 15px;
    font-size: 16px;
    vertical-align: middle;
    border-top: 1px dotted #ddd
}

.pricing-tables:hover.best-choice {
    box-shadow: 0 0 0 5px rgba(62, 152, 77, 1)
}

.pricing-tables.best-choice .header {
    background: #3E984D;
    color: #fff
}

.pricing-tables.best-choice .circle-price-wrap {
    border: 3px solid #3E984D
}

.pricing-tables.best-choice .circle-price-wrap h2,
.pricing-tables.best-choice .circle-price-wrap h2 small {
    color: #3E984D
}

.pricing-tables.best-choice table.table-inner {
    margin: 100px 0 0;
    padding: 0
}

.pricing-tables.best-choice table.table-inner>tbody:first-child>tr:first-child>td {
    border-top: 0
}

.container .jumbotron,
.jumbotron {
    border-radius: 0
}

.jumbotron.bg-white {
    background: #fff
}

.jumbotron.sm {
    padding: 20px;
    margin-bottom: 20px;
    color: inherit
}

.jumbotron.sm p {
    margin-bottom: 20px;
    font-size: 16px
}

.jumbotron.xs {
    padding: 15px;
    margin-bottom: 15px;
    color: inherit
}

.jumbotron.xs p {
    margin-bottom: 15px;
    font-size: 14px
}

.jumbotron.dashed {
    background: #fff;
    border: 1px dashed #ddd
}

.jumbotron.rounded {
    border-radius: 15px
}

@media screen and (min-width:768px) {
    .jumbotron.sm {
        padding-top: 36px;
        padding-bottom: 36x
    }
    .jumbotron.sm .h1,
    .jumbotron.sm h1 {
        font-size: 40px;
        margin-top: 0
    }
    .jumbotron.xs {
        padding-top: 24px;
        padding-bottom: 24x
    }
    .jumbotron.xs .h1,
    .jumbotron.xs h1 {
        font-size: 30px;
        margin-top: 0
    }
}

.user-profile-2 {
    text-align: center;
    position: relative
}

.user-profile-2 .header-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 130px;
    overflow: hidden;
    z-index: 1
}

.user-profile-2 .header-cover.primary {
    background-color: #428BCA
}

.user-profile-2 .header-cover img {
    width: 100%
}

.user-profile-2 .user-profile-inner {
    z-index: 2;
    position: relative
}

.user-profile-2 .user-profile-inner h4.white {
    color: #fff
}

.user-profile-2 .user-profile-inner img.profile-avatar {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    border: none
}

.user-profile-2 .avatar-wrap {
    margin: 15px auto;
    border: 2px solid rgba(1, 1, 1, .4);
    padding: 3px;
    border-radius: 50%;
    width: 100px;
    height: 100px
}

.user-profile-2 .avatar-wrap img.profile-avatar {
    display: block;
    width: 90px;
    border-radius: 50%
}

.user-profile-2 .list-group {
    text-align: left;
    margin-top: 20px
}

.the-timeline {
    margin-bottom: 40px
}

.the-timeline .post-to-timeline {
    margin: 15px 0
}

.the-timeline .post-to-timeline textarea {
    height: 50px;
    resize: none;
    margin-bottom: 10px
}

.the-timeline ul {
    padding: 0;
    list-style: none;
    margin: 0 15px 0 30px;
    border-left: 2px solid #ddd
}

.the-timeline ul li {
    padding: 5px 15px;
    display: block;
    margin: 20px 0 20px 35px;
    background: #E5E9EC;
    position: relative;
    border-left: 4px solid transparent
}

.the-timeline ul li:hover {
    border-left-color: #1B1E24
}

.the-timeline ul li p {
    margin: 0;
    padding: 0
}

.the-timeline ul li .the-date {
    position: absolute;
    left: -64px;
    top: 0;
    width: 50px;
    height: 50px;
    background: #1B1E24;
    border-radius: 50%;
    text-align: center;
    line-height: 130%
}

.btn-dribbble.active,
.btn-dribbble:active,
.btn-dropbox.active,
.btn-dropbox:active,
.btn-facebook.active,
.btn-facebook:active,
.btn-flickr.active,
.btn-flickr:active,
.btn-foursquare.active,
.btn-foursquare:active,
.btn-github.active,
.btn-github:active,
.btn-google-plus.active,
.btn-google-plus:active,
.btn-linkedin.active,
.btn-linkedin:active,
.btn-pinterest.active,
.btn-pinterest:active,
.btn-tumblr.active,
.btn-tumblr:active,
.btn-twitter.active,
.btn-twitter:active,
.btn-vimeo.active,
.btn-vimeo:active,
.open .dropdown-toggle.btn-dribbble,
.open .dropdown-toggle.btn-dropbox,
.open .dropdown-toggle.btn-facebook,
.open .dropdown-toggle.btn-flickr,
.open .dropdown-toggle.btn-foursquare,
.open .dropdown-toggle.btn-github,
.open .dropdown-toggle.btn-google-plus,
.open .dropdown-toggle.btn-linkedin,
.open .dropdown-toggle.btn-pinterest,
.open .dropdown-toggle.btn-tumblr,
.open .dropdown-toggle.btn-twitter,
.open .dropdown-toggle.btn-vimeo {
    background-image: none
}

.videoWrapper iframe,
iframe {
    width: 100%;
    border: none
}

.the-timeline ul li .the-date span {
    color: #fff;
    font-size: 18px;
    display: block;
    margin-top: 8px
}

.the-timeline ul li .the-date small {
    color: #fff;
    font-size: 12px;
    display: block
}

.iconExamples .example:after,
.iconExamples .example:before,
.iconExamples:after,
.iconExamples:before,
.weatherseparator:after,
.weatherseparator:before {
    content: " ";
    display: table
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.weather-widget {
    position: relative
}

.weather-widget i {
    margin-right: 5px
}

.weather-widget .overlay-weather-info {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 15px;
    right: 15px
}

.weather-widget .overlay-weather-info .weather-info-city {
    color: #fff;
    margin: 20px 0
}

.weather-widget .overlay-weather-info .weather-info-city h4 {
    font-size: 16px;
    font-weight: 600
}

.weather-widget .overlay-weather-info h4 {
    color: #fff;
    font-weight: 400
}

.weather-widget .overlay-weather-info .weather-info-city h1 {
    font-weight: 600;
    padding: 0;
    margin: 0
}

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

.btn-facebook {
    background-color: #4B66A0;
    border-color: #4B66A0;
    color: #fff
}

.btn-facebook.active,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open .dropdown-toggle.btn-facebook {
    background-color: #3B5A98;
    border-color: #3B5A98;
    color: #fff
}

.btn-facebook.disabled,
.btn-facebook.disabled.active,
.btn-facebook.disabled:active,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled],
.btn-facebook[disabled].active,
.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:active,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
    background-color: #6C89C1;
    border-color: #6C89C1;
    color: #fff
}

.btn-facebook .badge {
    color: #3B5A98
}

.btn-twitter {
    background-color: #55ACEE;
    border-color: #55ACEE;
    color: #fff
}

.btn-twitter.active,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.open .dropdown-toggle.btn-twitter {
    background-color: #3490D3;
    border-color: #3490D3;
    color: #fff
}

.btn-twitter.disabled,
.btn-twitter.disabled.active,
.btn-twitter.disabled:active,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled],
.btn-twitter[disabled].active,
.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:active,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
    background-color: #7CC1F5;
    border-color: #7CC1F5;
    color: #fff
}

.btn-twitter .badge {
    color: #3490D3
}

.btn-google-plus {
    background-color: #D24333;
    border-color: #D24333;
    color: #fff
}

.btn-google-plus.active,
.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover,
.open .dropdown-toggle.btn-google-plus {
    background-color: #BC2C1F;
    border-color: #BC2C1F;
    color: #fff
}

.btn-google-plus.disabled,
.btn-google-plus.disabled.active,
.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]: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:active,
fieldset[disabled] .btn-google-plus:focus,
fieldset[disabled] .btn-google-plus:hover {
    background-color: #F0675A;
    border-color: #F0675A;
    color: #fff
}

.btn-google-plus .badge {
    color: #BC2C1F
}

.btn-dribbble {
    background-color: #E04C86;
    border-color: #E04C86;
    color: #fff
}

.btn-dribbble.active,
.btn-dribbble:active,
.btn-dribbble:focus,
.btn-dribbble:hover,
.open .dropdown-toggle.btn-dribbble {
    background-color: #D33471;
    border-color: #D33471;
    color: #fff
}

.btn-dribbble.disabled,
.btn-dribbble.disabled.active,
.btn-dribbble.disabled:active,
.btn-dribbble.disabled:focus,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled],
.btn-dribbble[disabled].active,
.btn-dribbble[disabled]:active,
.btn-dribbble[disabled]:focus,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble,
fieldset[disabled] .btn-dribbble.active,
fieldset[disabled] .btn-dribbble:active,
fieldset[disabled] .btn-dribbble:focus,
fieldset[disabled] .btn-dribbble:hover {
    background-color: #F571A5;
    border-color: #F571A5;
    color: #fff
}

.btn-dribbble .badge {
    color: #D33471
}

.btn-flickr {
    background-color: #0162DB;
    border-color: #0162DB;
    color: #fff
}

.btn-flickr.active,
.btn-flickr:active,
.btn-flickr:focus,
.btn-flickr:hover,
.open .dropdown-toggle.btn-flickr {
    background-color: #0555BF;
    border-color: #0555BF;
    color: #fff
}

.btn-flickr.disabled,
.btn-flickr.disabled.active,
.btn-flickr.disabled:active,
.btn-flickr.disabled:focus,
.btn-flickr.disabled:hover,
.btn-flickr[disabled],
.btn-flickr[disabled].active,
.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:active,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr:hover {
    background-color: #2983F7;
    border-color: #2983F7;
    color: #fff
}

.btn-flickr .badge {
    color: #0555BF
}

.btn-pinterest {
    background-color: #CC2127;
    border-color: #CC2127;
    color: #fff
}

.btn-pinterest.active,
.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest:hover,
.open .dropdown-toggle.btn-pinterest {
    background-color: #B70F12;
    border-color: #B70F12;
    color: #fff
}

.btn-pinterest.disabled,
.btn-pinterest.disabled.active,
.btn-pinterest.disabled:active,
.btn-pinterest.disabled:focus,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled],
.btn-pinterest[disabled].active,
.btn-pinterest[disabled]:active,
.btn-pinterest[disabled]:focus,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest,
fieldset[disabled] .btn-pinterest.active,
fieldset[disabled] .btn-pinterest:active,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest:hover {
    background-color: #E53B3E;
    border-color: #E53B3E;
    color: #fff
}

.btn-pinterest .badge {
    color: #B70F12
}

.btn-youtube {
    background-color: #D92623;
    border-color: #D92623;
    color: #fff
}

.btn-youtube.active,
.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube:hover,
.open .dropdown-toggle.btn-youtube {
    background-color: #C91212;
    border-color: #C91212;
    color: #fff
}

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

.btn-youtube.disabled,
.btn-youtube.disabled.active,
.btn-youtube.disabled:active,
.btn-youtube.disabled:focus,
.btn-youtube.disabled:hover,
.btn-youtube[disabled],
.btn-youtube[disabled].active,
.btn-youtube[disabled]:active,
.btn-youtube[disabled]:focus,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube,
fieldset[disabled] .btn-youtube.active,
fieldset[disabled] .btn-youtube:active,
fieldset[disabled] .btn-youtube:focus,
fieldset[disabled] .btn-youtube:hover {
    background-color: #F04343;
    border-color: #F04343;
    color: #fff
}

.btn-youtube .badge {
    color: #C91212
}

.btn-dropbox {
    background-color: #1473C3;
    border-color: #1473C3;
    color: #fff
}

.btn-dropbox.active,
.btn-dropbox:active,
.btn-dropbox:focus,
.btn-dropbox:hover,
.open .dropdown-toggle.btn-dropbox {
    background-color: #0864B2;
    border-color: #0864B2;
    color: #fff
}

.btn-dropbox.disabled,
.btn-dropbox.disabled.active,
.btn-dropbox.disabled:active,
.btn-dropbox.disabled:focus,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled],
.btn-dropbox[disabled].active,
.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:active,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox:hover {
    background-color: #2E90E3;
    border-color: #2E90E3;
    color: #fff
}

.btn-dropbox .badge {
    color: #0864B2
}

.btn-foursquare {
    background-color: #0086BE;
    border-color: #0086BE;
    color: #fff
}

.btn-foursquare.active,
.btn-foursquare:active,
.btn-foursquare:focus,
.btn-foursquare:hover,
.open .dropdown-toggle.btn-foursquare {
    background-color: #0571A0;
    border-color: #0571A0;
    color: #fff
}

.btn-foursquare.disabled,
.btn-foursquare.disabled.active,
.btn-foursquare.disabled:active,
.btn-foursquare.disabled:focus,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled],
.btn-foursquare[disabled].active,
.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:active,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare:hover {
    background-color: #2CA0CE;
    border-color: #2CA0CE;
    color: #fff
}

.btn-foursquare .badge {
    color: #0571A0
}

.btn-github {
    background-color: #3B3B3B;
    border-color: #3B3B3B;
    color: #fff
}

.btn-github.active,
.btn-github:active,
.btn-github:focus,
.btn-github:hover,
.open .dropdown-toggle.btn-github {
    background-color: #212121;
    border-color: #212121;
    color: #fff
}

.btn-github.disabled,
.btn-github.disabled.active,
.btn-github.disabled:active,
.btn-github.disabled:focus,
.btn-github.disabled:hover,
.btn-github[disabled],
.btn-github[disabled].active,
.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:active,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github:hover {
    background-color: #5F5F5F;
    border-color: #5F5F5F;
    color: #fff
}

.btn-github .badge {
    color: #212121
}

.btn-linkedin {
    background-color: #0085AE;
    border-color: #0085AE;
    color: #fff
}

.btn-linkedin.active,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover,
.open .dropdown-toggle.btn-linkedin {
    background-color: #036C8E;
    border-color: #036C8E;
    color: #fff
}

.btn-linkedin.disabled,
.btn-linkedin.disabled.active,
.btn-linkedin.disabled:active,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled],
.btn-linkedin[disabled].active,
.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:active,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
    background-color: #24A7D3;
    border-color: #24A7D3;
    color: #fff
}

.btn-linkedin .badge {
    color: #036C8E
}

.btn-tumblr {
    background-color: #3E5A70;
    border-color: #3E5A70;
    color: #fff
}

.btn-tumblr.active,
.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover,
.open .dropdown-toggle.btn-tumblr {
    background-color: #2E485D;
    border-color: #2E485D;
    color: #fff
}

.btn-tumblr.disabled,
.btn-tumblr.disabled.active,
.btn-tumblr.disabled:active,
.btn-tumblr.disabled:focus,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled],
.btn-tumblr[disabled].active,
.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:active,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr:hover {
    background-color: #586F81;
    border-color: #586F81;
    color: #fff
}

.btn-tumblr .badge {
    color: #2E485D
}

.btn-vimeo {
    background-color: #1BB6EC;
    border-color: #1BB6EC;
    color: #fff
}

.btn-vimeo.active,
.btn-vimeo:active,
.btn-vimeo:focus,
.btn-vimeo:hover,
.open .dropdown-toggle.btn-vimeo {
    background-color: #0D9DD1;
    border-color: #0D9DD1;
    color: #fff
}

.btn-vimeo.disabled,
.btn-vimeo.disabled.active,
.btn-vimeo.disabled:active,
.btn-vimeo.disabled:focus,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled],
.btn-vimeo[disabled].active,
.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:active,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo:hover {
    background-color: #4BCBFA;
    border-color: #4BCBFA;
    color: #fff
}

.btn-vimeo .badge {
    color: #0D9DD1
}

.icon-facebook,
a .icon-facebook {
    color: #4B66A0
}

a:focus .icon-facebook,
a:hover .icon-facebook {
    text-decoration: none;
    color: #3B5A98
}

.icon-twitter,
a .icon-twitter {
    color: #55ACEE
}

a:focus .icon-twitter,
a:hover .icon-twitter {
    text-decoration: none;
    color: #3490D3
}

.icon-google-plus,
a .icon-google-plus {
    color: #D24333
}

a:focus .icon-google-plus,
a:hover .icon-google-plus {
    text-decoration: none;
    color: #BC2C1F
}

.icon-dribbble,
a .icon-dribbble {
    color: #E04C86
}

a:focus .icon-dribbble,
a:hover .icon-dribbble {
    text-decoration: none;
    color: #D33471
}

.icon-flickr,
a .icon-flickr {
    color: #0162DB
}

a:focus .icon-flickr,
a:hover .icon-flickr {
    text-decoration: none;
    color: #0555BF
}

.icon-pinterest,
a .icon-pinterest {
    color: #CC2127
}

a:focus .icon-pinterest,
a:hover .icon-pinterest {
    text-decoration: none;
    color: #B70F12
}

.icon-youtube,
a .icon-youtube {
    color: #D92623
}

a:focus .icon-youtube,
a:hover .icon-youtube {
    text-decoration: none;
    color: #C91212
}

.icon-dropbox,
a .icon-dropbox {
    color: #1473C3
}

a:focus .icon-dropbox,
a:hover .icon-dropbox {
    text-decoration: none;
    color: #0864B2
}

.icon-foursquare,
a .icon-foursquare {
    color: #0086BE
}

a:focus .icon-foursquare,
a:hover .icon-foursquare {
    text-decoration: none;
    color: #0571A0
}

.icon-github,
a .icon-github {
    color: #3B3B3B
}

a:focus .icon-github,
a:hover .icon-github {
    text-decoration: none;
    color: #212121
}

.icon-linkedin,
a .icon-linkedin {
    color: #0085AE
}

a:focus .icon-linkedin,
a:hover .icon-linkedin {
    text-decoration: none;
    color: #036C8E
}

.icon-tumblr,
a .icon-tumblr {
    color: #3E5A70
}

a:focus .icon-tumblr,
a:hover .icon-tumblr {
    text-decoration: none;
    color: #2E485D
}

.icon-vimeo,
a .icon-vimeo {
    color: #1BB6EC
}

a:focus .icon-vimeo,
a:hover .icon-vimeo {
    text-decoration: none;
    color: #0D9DD1
}

.iconExamples h2 {
    font-family: aktiv-grotesk-std;
    font-weight: 200;
    color: #3b6ab5
}

.iconExamples .example {
    text-align: center;
    margin: 10px 3px
}

.iconExamples .example .icon {
    font-size: 20px;
    float: left;
    width: 35px
}

.iconExamples .example .class {
    text-align: center;
    font-size: 17px;
    float: left;
    margin-top: 0;
    font-weight: 400;
    margin-left: 10px;
    color: #333
}

.weatherseparator {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 50px
}

.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.ver-inline-menu li {
    position: relative;
    margin-bottom: 1px
}

.ver-inline-menu li i {
    width: 37px;
    height: 37px;
    display: inline-block;
    color: #b9cbd5;
    font-size: 15px;
    padding: 12px 10px 10px 8px;
    margin: 0 8px 0 0;
    text-align: center;
    background: #e0eaf0!important
}

.ver-inline-menu li a {
    font-size: 14px;
    font-weight: 300;
    color: #557386;
    display: block;
    background: #f0f6fa;
    border-left: solid 2px #c4d5df
}

.ver-inline-menu li:hover a {
    background: #e0eaf0;
    text-decoration: none
}

.ver-inline-menu li:hover i {
    color: #fff;
    background: #c4d5df!important
}

.ver-inline-menu li.active a {
    border-left: solid 2px #0c91e5
}

.ver-inline-menu li.active i {
    background: #3B9BED!important
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
    color: #fff;
    background: #169ef4;
    text-decoration: none
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
    font-size: 14px
}

.ver-inline-menu li.active:after {
    content: '';
    display: inline-block;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #169ef4;
    position: absolute;
    top: 12px;
    right: -5px
}

@media (max-width:767px) {
    .ver-inline-menu>li.active:after {
        display: none
    }
}

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

.tabbable-custom {
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden
}

.tabbable-custom>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-custom>.nav-tabs>li.active>a,
.tabbable-custom>.nav-tabs>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.tabbable-custom>.nav-tabs>li {
    margin-right: 2px;
    border-top: 2px solid transparent
}

.tabbable-custom>.nav-tabs>li>a {
    margin-right: 0;
    border-radius: 0
}

.tabbable-custom>.nav-tabs>li>a:hover {
    background: 0 0;
    border-color: transparent
}

.tabbable-custom>.nav-tabs>li.active {
    border-top: 3px solid #f3565d;
    margin-top: 0;
    position: relative
}

.tabbable-custom>.nav-tabs>li.active>a {
    border-top: none;
    font-weight: 400;
    border-radius: 0
}

.tabbable-custom>.nav-tabs>li.active>a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-top: none;
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent
}

.tabbable-custom>.tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabbable-custom.nav-justified>.tab-content {
    margin-top: -1px
}

.tabbable-custom.boxless>.tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none
}

.tabbable-custom.tabs-below.nav-justified .tab-content {
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.tabbable-custom.tabbable-full-width>.nav-tabs>li>a {
    color: #424242;
    font-size: 15px;
    padding: 9px 15px
}

.tabbable-custom.tabbable-full-width>.tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none
}

.tabbable-custom.tabs-below .nav-tabs>li>a {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px
}

.tabbable-custom.tabs-below .nav-tabs>li.active {
    border-top: none;
    border-bottom: 3px solid #d12610;
    margin-bottom: 0;
    position: relative
}

.tabbable-custom.tabs-below .nav-tabs>li.active>a {
    border-bottom: none
}

.tabbable-custom.tabs-below .nav-tabs>li.active>a:hover {
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent
}

.tabbable-custom.tabbable-noborder .tab-content,
.tabbable-custom.tabbable-noborder>.nav-tabs>li>a {
    border: 0
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #fbcdcf
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0!important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #f3565d;
    position: relative
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tabbable-line.tabs-below>.nav-tabs>li {
    border-top: 4px solid transparent
}

.tabbable-line.tabs-below>.nav-tabs>li>a {
    margin-top: 0
}

.tabbable-line.tabs-below>.nav-tabs>li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf
}

.tabbable-line.tabs-below>.nav-tabs>li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d
}

.tabbable-line.tabs-below>.tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

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

.pill-content>.pill-pane,
.tab-content>.tab-pane {
    display: none
}

.pill-content>.active,
.tab-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 0 solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:focus,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:focus,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent
}

.panel {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}

.panel-group .panel {
    overflow: visible
}

.panel .panel-body {
    font-size: 13px
}

.panel .panel-title>a:hover {
    text-decoration: none
}

.accordion .panel .panel-heading,
.accordion .panel .panel-title {
    padding: 0
}

.accordion .panel .panel-title .accordion-toggle {
    display: block;
    padding: 10px 15px
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background: url(../img/accordion-plusminus.png) right -19px no-repeat;
    margin-right: 15px
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: right 12px
}

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

.panel-default>.panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #e0e0e0
}

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

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

.panel-primary {
    border-color: #3B9BED
}

.panel-primary>.panel-heading {
    color: #d8e3f2;
    background-color: #3B9BED;
    border-color: #3B9BED
}

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

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

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

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

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

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

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

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

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

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

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

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

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

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

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

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

.accordion-heading {
    background: #eee
}

.accordion-heading a,
.accordion-heading a:hover {
    text-decoration: none
}

.rating-star {
    color: gold;
    margin-right: 4px
}

.box-padding {
    padding: 0 15px 15px
}

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

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

.notebook {
    background: url(/assets/images/notebook.png) repeat-y;
    width: 100%;
    height: 300px;
    font: 400 14px verdana;
    line-height: 25px;
    padding: 2px 10px 2px 50px;
    border: 1px solid #ddd
}

.strong-text,
ul.tree li {
    font-weight: 700
}

ul.tree,
ul.tree ul {
    list-style-type: none;
    background: url(/assets/images/vline.png) repeat-y;
    margin: 0;
    padding: 0
}

ul.tree ul {
    margin-left: 10px
}

ul.tree li {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: url(/assets/images/node.png) no-repeat;
    color: #3F3E48
}

ul.tree li.last,
ul.tree li:last-child {
    background: url(/assets/images/lastnode.png) no-repeat #fff
}

.timeinfo {
    color: green
}

textarea {
    box-sizing: border-box;
    resize: none;
    overflow: auto
}

.popover.clockpicker-popover {
    z-index: 10000
}

.tooltip {
    position: fixed;
    z-index: 10001
}

.icon-stack {
    color: #fff
}

.draggable-container {
    cursor: move
}
label.add_nationality{
    cursor: pointer;
}
label.add_nationality:hover{
    color: red;
}
span.increments {
    cursor: pointer;
}
span.increments:hover {
    color: red;
}
span#increments {
    color: #309fff;
}
/*unique_employee*/
p.emp_details {
    font-size: 29px;
    text-align: center;
    margin: 10px 0px;
    display: inline;
}
img.sad_img{
    width: 10%;
}
div.dummy_img{
    float: left;
    width: 28%;
    color: white;
}
strong.emp_str {
    font-size: 15px;
    /* padding: 7px 0; */
}
li.details_emp {
    padding: 13px 0;
}
p.unique_emp {
    margin: 0 0 10px;
    display: inline;
    padding: 0 60px;
    font-size: 14px;
}
span.em_info {
    padding: 0 58px;
}
.emp_str1 {
    float: left;
    width: 18%;
    font-weight: normal;
}
.em_info1 {
    float: left;
}
.unique_emp1 {
    float: left;
}
.emp_img {
    width: 25%;
    float: right;
}
p.emp_head {
    /*text-align: center; */
    font-weight: 700;
    font-size: 27px;
    /*color: #36bcff;*/
    padding: 0 147px;
}
img.emp_img_01 {
    width: 100%;
    height: 225px;
}
p.pf_name {
    text-align: center;
    float: left;
    width: 100%;
    padding: 12px 0px;
    font-size: 15px;
}
input#satistics_date {
    float: left;
    width: 222px;
}
input#duty_from_date {
    float: left;
    width: 222px;
}
input#duty_to_date{
    float: left;
    width: 222px;
}
input#satistics_to_date{
   float: left;
    width: 222px; 
}
.custom-emp2.form-group.emp_two {
    float: left;
    margin: 4px 0;
    width: 100%;
}
.satistics_btn {
    padding: 10px 163px;
}
.satistics_hr {
    padding: 7px 148px;
}
.common_emp {
    float: left;
    width: 77%;
}
.info_status {
    /* float: left; */
    width: 100%;
    margin: 8px 0;
}

label.emp_date_status {
    float: left;
    width: 100%;
    margin: 7px 21px;
}
label.emp_date_status_dummy {
    float: left;
    width: 100%;
    margin: 7px 21px;
}
    .details li {
      list-style: none;
    }
    li {
        margin-bottom:10px;
        
    }

div#topdiv {
    position: fixed;
    top: 0px;
    z-index: 9999;
    /* left: 0; */
    right: 24px;
     display: none; 
    border: none;
    border-radius: 6px;
    width: 25%;
    min-height: 51px;
}
.topdiv_01 {
    padding: 6px 13px;
}
.alert-info.topdiv {
    color: white;
    background-color: rgba(226, 82, 82, 0.78);
    border-color: #bce8f1;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body
{
    font-family: 'Open Sans', sans-serif;
}

.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;  
    margin-bottom: 10px;
    height: 326px;
}

.fb-image-profile
{
    margin: -90px 10px 20px 80px;
    z-index: 9;
    width: 20%; 
}

/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0 !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 10px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.menu_title {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    margin: 0 5px;
}


@media (max-width:768px){
    
.fb-profile-text>h1{
    font-weight: 700;
    font-size:16px;
}

.fb-image-profile
{
    margin: -45px 10px 0px 25px;
    z-index: 9;
    width: 20%; 
}
.btn-danger {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.sub-info {
    float: left;
    width: 100%;
    height: 24px;
}