@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: bold;
    src: url("../../fonts/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../../fonts/woff/IRANSansWeb_Bold.woff") format("woff"), url("../../fonts/ttf/IRANSansWeb_Bold.ttf") format("truetype");
}

@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../../fonts/woff/IRANSansWeb_Medium.woff") format("woff"), url("../../fonts/ttf/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../../fonts/woff/IRANSansWeb_Light.woff") format("woff"), url("../../fonts/ttf/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../../fonts/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../../fonts/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../../fonts/woff2/IRANSansWeb.woff2") format("woff2"), url("../../fonts/woff/IRANSansWeb.woff") format("woff"), url("../../fonts/ttf/IRANSansWeb.ttf") format("truetype");
}

html, body {
    background: #ecedf0 none repeat scroll 0 0;
    width: 100%;
}

html {
    font-size: 10px;
}

body {
    color: #777;
    font-family: IRANSans, tahoma !important;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

a {
    color: #cccccc;
}

a:hover, a:focus {
    color: #d9d9d9;
}

a:active {
    color: #bfbfbf;
}

.body {
    min-height: 100vh;
    width: 100%;
}

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

.inner-wrapper {
    display: table;
    min-height: 100vh;
    overflow: hidden;
    padding-top: 60px;
    table-layout: fixed;
    width: 100%;
}

.content-body {
    display: table-cell;
    padding: 40px;
    position: relative;
    vertical-align: top;
}

.content-body > .row + .row {
    padding-top: 10px;
}

.page-header {
    background: #171717 none repeat scroll 0 0;
    border-bottom: medium none;
    border-left: 1px solid #3a3a3a;
    box-shadow: 1px 3px 0 1px #cccccc;
    height: 50px;
    margin: -40px -40px 40px;
    padding: 0;
}

.sidebar-left {
    background: #1d2127 none repeat scroll 0 0;
    box-shadow: -5px 0 0 #2f3139 inset;
    color: #777777;
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 300px;
    z-index: 1010;
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-collapsed .sidebar-left {
        width: 73px;
    }
}

.sidebar-right {
    background: #171717 none repeat scroll 0 0;
    bottom: 0;
    margin-right: -300px;
    min-height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
}

@media only screen and (min-width: 768px) {
    html.sidebar-right-opened .header {
        margin-left: -300px;
        margin-right: 300px;
    }

    html.sidebar-right-opened .inner-wrapper {
        margin-left: -300px;
    }

    html.sidebar-right-opened .sidebar-right {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    html.flexbox .inner-wrapper, html.flexboxlegacy .inner-wrapper {
        display: flex;
    }

    html.flexbox .sidebar-left, html.flexbox .content-body, html.flexboxlegacy .sidebar-left, html.flexboxlegacy .content-body {
        display: block;
        flex-shrink: 0;
    }

    html.flexbox .content-body, html.flexboxlegacy .content-body {
        -moz-box-flex: 2;
        flex: 2 1 0;
    . panel-horizontal . panel-heading
    }
}

@media only screen and (min-width: 768px) {
    html.fixed .inner-wrapper, html.fixed .sidebar-left, html.fixed .content-body {
        display: block;
    }

    html.fixed .header {
        position: fixed;
        z-index: 1020;
    }

    html.fixed .inner-wrapper {
        padding-top: 110px;
    }

    html.fixed .content-body {
        margin-left: 300px;
    }

    html.fixed .content-body.has-toolbar {
        padding-top: 92px;
    }

    html.fixed .page-header {
        left: 300px;
        margin: 0;
        position: fixed;
        right: 0;
        top: 60px;
    }

    html.fixed .sidebar-left {
        bottom: 0;
        left: 0;
        padding-bottom: 50px;
        position: fixed;
        top: 60px;
    }

    html.fixed .sidebar-left .nano-content {
        padding-bottom: 50px;
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px;
    }

    html.fixed.sidebar-right-opened .page-header {
        left: 0;
        margin-right: 300px;
    }

    html.fixed.sidebar-right-opened .sidebar-left {
        left: -300px;
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: -300px;
    }
}

@media only screen and (max-width: 1199px) {
    html.boxed .header {
        border-color: #cccccc;
    }
}

@media only screen and (min-width: 1200px) {
    html.boxed body {
        background: rgba(0, 0, 0, 0) url("../images/patterns/denim.png") repeat scroll 0 0;
    }

    html.boxed .body {
        background-color: transparent;
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
    }

    html.boxed .header {
        border-top: 3px solid #cccccc;
        height: 63px;
        position: absolute;
        top: 25px;
    }

    html.boxed .inner-wrapper {
        padding-bottom: 25px;
        padding-top: 88px;
    }

    html.boxed .content-body {
        background-color: #ecedf0;
    }

    html.boxed .header {
        border-radius: 5px 5px 0 0;
    }

    html.boxed .sidebar-left {
        border-radius: 0 0 0 5px;
    }

    html.boxed .content-body {
        border-radius: 0 0 5px;
    }

    html.boxed .sidebar-right {
        border-radius: 0 5px 5px 0;
    }

    html.boxed .sidebar-right {
        border-top: 3px solid #cccccc;
        min-height: 0;
    }

    html.boxed.sidebar-right-opened .body {
        overflow: hidden;
    }

    html.boxed.sidebar-right-opened .header {
        border-radius: 5px 0 0;
    }

    html.boxed.sidebar-right-opened .content-body {
        border-radius: 0 0 0 5px;
    }

    html.boxed.sidebar-right-opened .sidebar-right {
        bottom: 25px;
        position: absolute;
        top: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .form-group .col-sm-4 {
        float: none !important;
    }

    .form-group .col-sm-8 {
        float: none !important;
    }

    html, body {
        background: #ecedf0 none repeat scroll 0 0;
    }

    html.mobile-device .sidebar-left, html.mobile-device .sidebar-right {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    body {
        min-height: 100vh;
    }

    .inner-wrapper, .sidebar-left, .content-body {
        display: block;
    }

    .body {
        min-height: 0;
        overflow: visible;
    }

    .header {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        height: auto;
        position: static;
    }

    .header .logo-container {
        height: 60px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
    }

    .header .header-right {
        background: #fff none repeat scroll 0 0;
        float: none !important;
        height: 60px;
        margin-top: 60px;
        width: 100%;
    }

    .inner-wrapper {
        min-height: 0;
        padding-top: 0;
    }

    .content-body {
        padding: 0 15px 15px;
    }

    .page-header {
        margin: 0 -15px 20px;
    }

    .sidebar-left {
        bottom: 0;
        left: -100%;
        min-height: 0;
        min-width: 100vw;
        overflow: hidden;
        padding-bottom: 50px;
        padding-top: 60px;
        position: fixed;
        top: 0;
        z-index: 98 !important;
    }

    .sidebar-right {
        bottom: 0;
        left: auto;
        margin-right: 0;
        min-height: 0;
        min-width: 100vw;
        right: -100%;
        top: 0;
        z-index: 100;
    }

    html.csstransforms .sidebar-left, html.csstransforms .sidebar-right {
        transition-duration: 0.25s;
        transition-property: margin;
        transition-timing-function: ease-out;
    }

    html.csstransforms .sidebar-left {
        margin-left: -25px;
    }

    html.csstransforms .sidebar-right {
        margin-right: -25px;
    }

    html.no-mobile-device body {
        min-height: 0;
    }

    html.no-mobile-device .body {
        min-height: 100vh;
        overflow: hidden;
    }

    html.no-mobile-device .inner-wrapper {
        overflow-y: auto;
    }

    html.no-mobile-device.sidebar-left-opened, html.no-mobile-device.sidebar-left-opened body, html.no-mobile-device.sidebar-right-opened, html.no-mobile-device.sidebar-right-opened body {
        overflow: hidden;
    }

    html.sidebar-left-opened.no-csstransforms .sidebar-left {
        left: 0;
    }

    html.sidebar-left-opened.csstransforms .sidebar-left {
        margin-left: 100%;
    }

    html.sidebar-right-opened.no-csstransforms .sidebar-right {
        right: 0;
    }

    html.sidebar-right-opened.csstransforms .sidebar-right {
        margin-right: 100%;
    }

    html.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -300px;
    }
}

@media only screen and (min-width: 1200px) {
    html.boxed .content-with-menu {
        margin-bottom: -40px;
    }
}

@media only screen and (min-width: 768px) {
    .content-with-menu-container {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    html.scroll .content-with-menu::before, html.boxed .content-with-menu::before {
        bottom: -47px;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 54px;
        width: 300px;
    }

    html.scroll .content-with-menu::after, html.boxed .content-with-menu::after {
        bottom: -46px;
        content: "";
        display: block;
        left: -1px;
        position: absolute;
        top: 54px;
        width: 1px;
        z-index: 3;
    }

    html.boxed .content-with-menu::before {
        bottom: 0;
    }

    html.boxed .content-with-menu::after {
        bottom: 2px;
    }
}

.content-with-menu {
    margin: -20px -15px 0;
}

@media only screen and (max-width: 767px) {
    .content-with-menu {
        clear: both;
    }

    .inner-body {
        padding: 40px 15px 0;
    }
}

@media only screen and (min-width: 768px) {
    .content-with-menu {
        border-top: 110px solid transparent;
        margin: -150px -40px -53px;
        min-height: 100vh;
    }

    .inner-menu {
        display: table-cell;
        vertical-align: top;
    }

    .inner-body {
        display: table-cell;
        padding: 40px;
        vertical-align: top;
    }

    .inner-toolbar {
        height: 52px;
        overflow: hidden;
    }

    .content-with-menu-has-toolbar .inner-menu-toggle {
        border-radius: 0;
    }

    .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px;
    }
}

@media only screen and (min-width: 768px) {
    html.flexbox .content-with-menu-container, html.flexboxlegacy .content-with-menu-container {
        display: flex;
    }

    html.flexbox .inner-menu, html.flexbox .inner-body, html.flexboxlegacy .inner-menu, html.flexboxlegacy .inner-body {
        display: block;
        flex-shrink: 0;
    }

    html.flexbox .inner-body, html.flexboxlegacy .inner-body {
        -moz-box-flex: 2;
        flex: 2 1 0;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed .content-with-menu-container, html.fixed .inner-menu, html.fixed .inner-body {
        display: block;
    }

    html.fixed .content-with-menu-container {
        position: relative;
    }

    html.fixed .inner-menu-toggle {
        border-radius: 0 0 5px;
        position: absolute;
        top: 114px;
        width: 140px;
        z-index: 1002;
    }

    html.fixed .inner-menu {
        bottom: 0;
        display: block;
        left: 300px;
        margin: 0;
        padding: 35px;
        position: fixed;
        top: 114px;
        width: 300px;
        z-index: 1002;
    }

    html.fixed .inner-menu-content {
        display: block;
    }

    html.fixed .inner-body {
        border-top: 113px solid transparent;
        margin-left: 300px;
        margin-top: -110px;
        min-height: 100vh;
        position: relative;
    }

    html.fixed .content-with-menu-has-toolbar .inner-body {
        border-top-width: 165px;
    }
}

@media only screen and (min-width: 768px) {
    html.scroll .inner-menu, html.scroll .inner-body, html.boxed .inner-menu, html.boxed .inner-body {
        display: block;
    }

    html.scroll .content-with-menu-container, html.boxed .content-with-menu-container {
        position: relative;
    }

    html.scroll .inner-menu-toggle, html.boxed .inner-menu-toggle {
        border-radius: 0 0 5px;
        position: absolute;
        top: 0;
        width: 140px;
        z-index: 3;
    }

    html.scroll .inner-menu, html.boxed .inner-menu {
        display: block;
        margin: 0;
        padding: 35px;
        position: relative;
        width: 300px;
    }

    html.scroll .inner-menu-content, html.boxed .inner-menu-content {
        display: block;
    }

    html.scroll .inner-body, html.boxed .inner-body {
        margin-left: 0;
        min-height: 100vh;
        position: relative;
    }

    html.scroll.flexbox .content-with-menu-container, html.scroll.flexboxlegacy .content-with-menu-container, html.boxed.flexbox .content-with-menu-container, html.boxed.flexboxlegacy .content-with-menu-container {
        display: flex;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-right-opened .inner-toolbar {
        left: 0;
    }

    html.fixed.sidebar-right-opened .inner-toolbar {
        margin-right: 300px;
    }

    html.fixed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -300px;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-toolbar {
        left: -227px;
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -527px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
    html.fixed .inner-menu, html.scroll .inner-menu, html.boxed .inner-menu {
        display: none;
    }

    html.fixed .inner-menu-toggle, html.scroll .inner-menu-toggle, html.boxed .inner-menu-toggle {
        display: block;
    }

    html.fixed .inner-body, html.scroll .inner-body, html.boxed .inner-body {
        margin-left: 0;
    }

    html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar, html.boxed .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px;
    }

    html.fixed.inner-menu-opened .inner-menu, html.scroll.inner-menu-opened .inner-menu, html.boxed.inner-menu-opened .inner-menu {
        display: block;
    }

    html.fixed.inner-menu-opened .inner-menu-toggle, html.scroll.inner-menu-opened .inner-menu-toggle, html.boxed.inner-menu-opened .inner-menu-toggle {
        display: none;
    }

    html.fixed.inner-menu-opened .inner-body, html.scroll.inner-menu-opened .inner-body, html.boxed.inner-menu-opened .inner-body {
        margin-right: -300px;
    }

    html.fixed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.scroll.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.boxed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0;
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 300px;
    }

    html.scroll .content-with-menu::before, html.boxed .content-with-menu::before {
        display: none;
    }

    html.scroll.inner-menu-opened::before, html.boxed.inner-menu-opened::before {
        display: block;
    }
}

@media only screen and (min-width: 1366px) {
    html.fixed .inner-menu, html.scroll .inner-menu, html.boxed .inner-menu {
        display: block;
    }

    html.fixed .inner-menu-toggle, html.fixed .inner-menu-toggle-inside, html.scroll .inner-menu-toggle, html.scroll .inner-menu-toggle-inside, html.boxed .inner-menu-toggle, html.boxed .inner-menu-toggle-inside {
        display: none;
    }

    html.fixed .inner-body, html.scroll .inner-body, html.boxed .inner-body {
        margin-right: 0;
    }

    html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar, html.boxed .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0;
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 300px;
    }

    html.fixed .content-with-menu .inner-toolbar, html.fixed.inner-menu-opened .content-with-menu .inner-toolbar {
    }

    html.fixed .inner-menu-toggle, html.fixed .inner-menu, html.fixed.inner-menu-opened .inner-menu-toggle, html.fixed.inner-menu-opened .inner-menu {
        left: 300px;
    }

    html.fixed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 300px;
    }

    html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle {
        left: 0;
    }

    html.fixed.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
    }

    html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px;
    }
}

html.scroll, html.fixed {
}

@media (min-width: 1600px) {
    html.scroll .container, html.fixed .container {
        width: 1570px;
    }
}

html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12, html.fixed .col-xl-1, html.fixed .col-xl-2, html.fixed .col-xl-3, html.fixed .col-xl-4, html.fixed .col-xl-5, html.fixed .col-xl-6, html.fixed .col-xl-7, html.fixed .col-xl-8, html.fixed .col-xl-9, html.fixed .col-xl-10, html.fixed .col-xl-11, html.fixed .col-xl-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 1600px) {
    html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12, html.fixed .col-xl-1, html.fixed .col-xl-2, html.fixed .col-xl-3, html.fixed .col-xl-4, html.fixed .col-xl-5, html.fixed .col-xl-6, html.fixed .col-xl-7, html.fixed .col-xl-8, html.fixed .col-xl-9, html.fixed .col-xl-10, html.fixed .col-xl-11, html.fixed .col-xl-12 {
        float: left;
    }

    html.scroll .col-xl-12, html.fixed .col-xl-12 {
        width: 100%;
    }

    html.scroll .col-xl-11, html.fixed .col-xl-11 {
        width: 91.6667%;
    }

    html.scroll .col-xl-10, html.fixed .col-xl-10 {
        width: 83.3333%;
    }

    html.scroll .col-xl-9, html.fixed .col-xl-9 {
        width: 75%;
    }

    html.scroll .col-xl-8, html.fixed .col-xl-8 {
        width: 66.6667%;
    }

    html.scroll .col-xl-7, html.fixed .col-xl-7 {
        width: 58.3333%;
    }

    html.scroll .col-xl-6, html.fixed .col-xl-6 {
        width: 50%;
    }

    html.scroll .col-xl-5, html.fixed .col-xl-5 {
        width: 41.6667%;
    }

    html.scroll .col-xl-4, html.fixed .col-xl-4 {
        width: 33.3333%;
    }

    html.scroll .col-xl-3, html.fixed .col-xl-3 {
        width: 25%;
    }

    html.scroll .col-xl-2, html.fixed .col-xl-2 {
        width: 16.6667%;
    }

    html.scroll .col-xl-1, html.fixed .col-xl-1 {
        width: 8.33333%;
    }

    html.scroll .col-xl-pull-12, html.fixed .col-xl-pull-12 {
        right: 100%;
    }

    html.scroll .col-xl-pull-11, html.fixed .col-xl-pull-11 {
        right: 91.6667%;
    }

    html.scroll .col-xl-pull-10, html.fixed .col-xl-pull-10 {
        right: 83.3333%;
    }

    html.scroll .col-xl-pull-9, html.fixed .col-xl-pull-9 {
        right: 75%;
    }

    html.scroll .col-xl-pull-8, html.fixed .col-xl-pull-8 {
        right: 66.6667%;
    }

    html.scroll .col-xl-pull-7, html.fixed .col-xl-pull-7 {
        right: 58.3333%;
    }

    html.scroll .col-xl-pull-6, html.fixed .col-xl-pull-6 {
        right: 50%;
    }

    html.scroll .col-xl-pull-5, html.fixed .col-xl-pull-5 {
        right: 41.6667%;
    }

    html.scroll .col-xl-pull-4, html.fixed .col-xl-pull-4 {
        right: 33.3333%;
    }

    html.scroll .col-xl-pull-3, html.fixed .col-xl-pull-3 {
        right: 25%;
    }

    html.scroll .col-xl-pull-2, html.fixed .col-xl-pull-2 {
        right: 16.6667%;
    }

    html.scroll .col-xl-pull-1, html.fixed .col-xl-pull-1 {
        right: 8.33333%;
    }

    html.scroll .col-xl-pull-0, html.fixed .col-xl-pull-0 {
        right: auto;
    }

    html.scroll .col-xl-push-12, html.fixed .col-xl-push-12 {
        left: 100%;
    }

    html.scroll .col-xl-push-11, html.fixed .col-xl-push-11 {
        left: 91.6667%;
    }

    html.scroll .col-xl-push-10, html.fixed .col-xl-push-10 {
        left: 83.3333%;
    }

    html.scroll .col-xl-push-9, html.fixed .col-xl-push-9 {
        left: 75%;
    }

    html.scroll .col-xl-push-8, html.fixed .col-xl-push-8 {
        left: 66.6667%;
    }

    html.scroll .col-xl-push-7, html.fixed .col-xl-push-7 {
        left: 58.3333%;
    }

    html.scroll .col-xl-push-6, html.fixed .col-xl-push-6 {
        left: 50%;
    }

    html.scroll .col-xl-push-5, html.fixed .col-xl-push-5 {
        left: 41.6667%;
    }

    html.scroll .col-xl-push-4, html.fixed .col-xl-push-4 {
        left: 33.3333%;
    }

    html.scroll .col-xl-push-3, html.fixed .col-xl-push-3 {
        left: 25%;
    }

    html.scroll .col-xl-push-2, html.fixed .col-xl-push-2 {
        left: 16.6667%;
    }

    html.scroll .col-xl-push-1, html.fixed .col-xl-push-1 {
        left: 8.33333%;
    }

    html.scroll .col-xl-push-0, html.fixed .col-xl-push-0 {
        left: auto;
    }

    html.scroll .col-xl-offset-12, html.fixed .col-xl-offset-12 {
        margin-left: 100%;
    }

    html.scroll .col-xl-offset-11, html.fixed .col-xl-offset-11 {
        margin-left: 91.6667%;
    }

    html.scroll .col-xl-offset-10, html.fixed .col-xl-offset-10 {
        margin-left: 83.3333%;
    }

    html.scroll .col-xl-offset-9, html.fixed .col-xl-offset-9 {
        margin-left: 75%;
    }

    html.scroll .col-xl-offset-8, html.fixed .col-xl-offset-8 {
        margin-left: 66.6667%;
    }

    html.scroll .col-xl-offset-7, html.fixed .col-xl-offset-7 {
        margin-left: 58.3333%;
    }

    html.scroll .col-xl-offset-6, html.fixed .col-xl-offset-6 {
        margin-left: 50%;
    }

    html.scroll .col-xl-offset-5, html.fixed .col-xl-offset-5 {
        margin-left: 41.6667%;
    }

    html.scroll .col-xl-offset-4, html.fixed .col-xl-offset-4 {
        margin-left: 33.3333%;
    }

    html.scroll .col-xl-offset-3, html.fixed .col-xl-offset-3 {
        margin-left: 25%;
    }

    html.scroll .col-xl-offset-2, html.fixed .col-xl-offset-2 {
        margin-left: 16.6667%;
    }

    html.scroll .col-xl-offset-1, html.fixed .col-xl-offset-1 {
        margin-left: 8.33333%;
    }

    html.scroll .col-xl-offset-0, html.fixed .col-xl-offset-0 {
        margin-left: 0;
    }
}

html.scroll .visible-xl, html.fixed .visible-xl {
    display: none !important;
}

html.scroll .visible-xl-block, html.scroll .visible-xl-inline, html.scroll .visible-xl-inline-block, html.fixed .visible-xl-block, html.fixed .visible-xl-inline, html.fixed .visible-xl-inline-block {
    display: none !important;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    html.scroll .visible-lg, html.fixed .visible-lg {
        display: block !important;
    }

    html.scroll table.visible-lg, html.fixed table.visible-lg {
        display: table;
    }

    html.scroll tr.visible-lg, html.fixed tr.visible-lg {
        display: table-row !important;
    }

    html.scroll th.visible-lg, html.scroll td.visible-lg, html.fixed th.visible-lg, html.fixed td.visible-lg {
        display: table-cell !important;
    }

    html.scroll .visible-lg-block, html.fixed .visible-lg-block {
        display: block !important;
    }

    html.scroll .visible-lg-inline, html.fixed .visible-lg-inline {
        display: inline !important;
    }

    html.scroll .visible-lg-inline-block, html.fixed .visible-lg-inline-block {
        display: inline-block !important;
    }

    html.scroll .hidden-lg, html.fixed .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1600px) {
    html.scroll .visible-lg-block, html.fixed .visible-lg-block {
        display: none !important;
    }

    html.scroll .visible-lg-inline, html.fixed .visible-lg-inline {
        display: none !important;
    }

    html.scroll .visible-lg-inline-block, html.fixed .visible-lg-inline-block {
        display: none !important;
    }
}

@media (min-width: 1600px) {
    html.scroll .visible-xl, html.fixed .visible-xl {
        display: block !important;
    }

    html.scroll table.visible-xl, html.fixed table.visible-xl {
        display: table;
    }

    html.scroll tr.visible-xl, html.fixed tr.visible-xl {
        display: table-row !important;
    }

    html.scroll th.visible-xl, html.scroll td.visible-xl, html.fixed th.visible-xl, html.fixed td.visible-xl {
        display: table-cell !important;
    }

    html.scroll .visible-xl-block, html.fixed .visible-xl-block {
        display: block !important;
    }

    html.scroll .visible-xl-inline, html.fixed .visible-xl-inline {
        display: inline !important;
    }

    html.scroll .visible-xl-inline-block, html.fixed .visible-xl-inline-block {
        display: inline-block !important;
    }

    html.scroll .hidden-xl, html.fixed .hidden-xl {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .table-responsive {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0 none;
    }

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

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

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0 none;
    }
}

.img-thumbnail {
}

.header {
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6 0%, white 45%);
    border-bottom: 1px solid #e9e9e6;
    border-top: 3px solid #ededed;
    z-index: 1000;
}

.header .logo {
    float: left;
    margin: 10px 0 0 15px;
}

.header .logo img {
    color: transparent;
}

.header .separator {
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6 60%, #ededed);
    display: inline-block;
    height: 100%;
    margin: 0 25px;
    vertical-align: middle;
    width: 2px;
}

.header .search {
    display: inline-block;
    vertical-align: middle;
    width: 170px;
}

.header .toggle-sidebar-left {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 100px;
    color: white;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 14px;
    width: 30px;
}

.header-right {
    float: right;
    height: 56px;
}

@media only screen and (max-width: 767px) {
    .header .logo-container {
        background-color: #f6f6f6;
        background-image: linear-gradient(#f6f6f6 0%, white 45%);
        border-bottom: 1px solid #e9e9e6;
        border-top: 3px solid #ededed;
    }

    .header .logo-container .logo {
        display: inline-block;
        float: none;
        line-height: 57px;
        margin-top: 0;
    }

    .header .search, .header .separator {
        display: none;
    }
}

html.dark .header, html.header-dark .header {
    background: #263266 none repeat scroll 0 0;
    border-bottom-color: #161a1e;
    border-top-color: #263266;
}

@media only screen and (max-width: 767px) {
    html.dark .header .logo-container, html.header-dark .header .logo-container {
        background: #263266 none repeat scroll 0 0;
        border-bottom-color: #161a1e;
        border-top-color: #263266;
    }

    html.dark .header .header-right, html.header-dark .header .header-right {
        background: #263266 none repeat scroll 0 0;
    }
}

html.dark .header .separator, html.header-dark .header .separator {
    background-color: #263266;
    background-image: linear-gradient(#263266 10%, #121518);
}

html.dark .header .input-search input, html.dark .header .input-search input:focus, html.header-dark .header .input-search input, html.header-dark .header .input-search input:focus {
    background: #282d36 none repeat scroll 0 0;
    border-color: #161a1e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    color: #fff;
}

html.dark .header .input-search .input-group-btn .btn-default, html.header-dark .header .input-search .input-group-btn .btn-default {
    background: transparent none repeat scroll 0 0;
    color: #c3c3c3;
}

.sidebar-left {
    z-index: 1010;
}

.sidebar-left .sidebar-header {
    color: #777777;
    height: 50px;
    position: relative;
}

.sidebar-left .sidebar-header .sidebar-title {
    color: #465162;
    font-size: 1.5rem;
    padding: 15px;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    background-color: #171717;
    border-radius: 0 0 0 5px;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 73px;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    color: #c3c3c3;
    font-size: 1.7rem;
    line-height: 50px;
    transition: all 0.15s ease-in-out 0s;
}

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #cccccc;
}

.sidebar-left hr.separator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 20px 10px;
}

@media only screen and (min-width: 768px) {
    html.scroll .sidebar-left .nano, html.boxed .sidebar-left .nano {
        height: auto;
        overflow: visible;
        position: static;
        width: auto;
    }

    html.scroll .sidebar-left .nano .nano-content, html.boxed .sidebar-left .nano .nano-content {
        margin-right: 0 !important;
        overflow: visible;
        position: static;
    }

    html.scroll .sidebar-left .nano .nano-pane, html.boxed .sidebar-left .nano .nano-pane {
        display: none !important;
    }

    html.boxed .sidebar-left .nano > .nano-content, html.scroll .sidebar-left .nano > .nano-content {
        overflow: visible !important;
    }
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -300px;
        opacity: 0;
    }

    html.sidebar-left-collapsed .sidebar-left .sidebar-toggle {
        border-radius: 0;
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main > li > a {
        overflow: hidden;
        text-overflow: clip;
        padding: 14px 25px;
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent a::after {
        display: none;
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent ul.nav-children {
        display: none;
    }

    html.sidebar-left-collapsed .sidebar-left .nav-main a span {
        visibility: hidden;
        height: 0;
    }

    html.sidebar-left-collapsed .sidebar-left .sidebar-widget, html.sidebar-left-collapsed .sidebar-left .separator {
        display: none;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left, html.sidebar-left-collapsed.boxed .sidebar-left {
        overflow: visible;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
        color: #cccccc;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-expanded, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-expanded {
        background: transparent none repeat scroll 0 0;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-expanded ul.nav-children, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-expanded ul.nav-children {
        display: none;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li ul.nav-children, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li ul.nav-children {
        background: #191c21 none repeat scroll 0 0;
        left: 67px;
        position: absolute;
        width: 233px;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover {
        background: #191c21 none repeat scroll 0 0;
        width: 300px;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a {
        background: transparent none repeat scroll 0 0;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a i, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a i {
        margin-right: 22px;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span {
        display: inline;
        visibility: visible;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label {
        background-color: #cccccc;
        color: white;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > ul.nav-children, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > ul.nav-children {
        display: block;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > ul.nav-children li a, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > ul.nav-children li a {
        padding-left: 15px;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano {
        background: #1d2127 none repeat scroll 0 0;
        box-shadow: -5px 0 0 #2f3139 inset;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
        width: 300px;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover .nav-main .nav-expanded ul.nav-children {
        display: block;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover .nav-main li.nav-parent a::after {
        display: inline-block;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover .nav-main li a span {
        visibility: visible;
    }

    html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover .sidebar-widget, html.sidebar-left-collapsed.fixed .sidebar-left .nano:hover .separator {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    html.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -250px;
    }
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-sm .sidebar-left {
        font-size: 1.2rem;
        width: 250px;
    }

    html.sidebar-left-sm .sidebar-left ul.nav-main li i {
        font-size: 1.6rem;
    }

    html.sidebar-left-sm .sidebar-left ul.nav-main li a {
        font-size: 1.2rem;
    }

    html.sidebar-left-sm .sidebar-left .sidebar-widget .widget-header h6 {
        font-size: 1.2rem;
    }

    html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -250px;
    }

    html.sidebar-left-sm.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
        width: 250px;
    }

    html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left {
        width: 73px;
    }

    html.fixed.sidebar-left-sm .content-body {
        margin-left: 250px;
    }

    html.fixed.sidebar-left-sm .page-header {
        left: 250px;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .page-header {
        left: 0;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .sidebar-left {
        left: -250px;
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: -250px;
    }

    html.fixed.sidebar-left-sm .inner-menu {
        left: 250px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-toolbar {
        left: -50px;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -350px;
    }

    html.fixed.sidebar-left-sm.inner-menu-opened {
        left: 550px;
    }

    html.fixed.sidebar-left-sm .inner-menu-toggle {
        left: 250px;
    }
}

@media only screen and (min-width: 1366px) {
    html.fixed.sidebar-left-sm .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 550px;
    }

    html.fixed.sidebar-left-sm .inner-menu-toggle, html.fixed.sidebar-left-sm .inner-menu, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu {
        left: 250px;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 250px;
    }

    html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle {
        left: -50px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 373px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu {
        left: 73px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px;
    }
}

@media only screen and (max-width: 767px) {
    html.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
        margin-left: -200px;
    }
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-xs .sidebar-left {
        font-size: 1.1rem;
        width: 200px;
    }

    html.sidebar-left-xs .sidebar-left ul.nav-main li i {
        font-size: 1.4rem;
    }

    html.sidebar-left-xs .sidebar-left ul.nav-main li a {
        font-size: 1.1rem;
    }

    html.sidebar-left-xs .sidebar-left ul.nav-main li .nav-children li a {
        padding-left: 52px;
    }

    html.sidebar-left-xs .sidebar-left .sidebar-widget .widget-header h6 {
        font-size: 1.1rem;
    }

    html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left .sidebar-title {
        margin-left: -200px;
    }

    html.sidebar-left-xs.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
        width: 200px;
    }

    html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left {
        width: 73px;
    }

    html.fixed.sidebar-left-xs .content-body {
        margin-left: 200px;
    }

    html.fixed.sidebar-left-xs .page-header {
        left: 200px;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .page-header {
        left: 0;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .sidebar-left {
        left: -200px;
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 73px;
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 73px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: -200px;
    }

    html.fixed.sidebar-left-xs .inner-menu {
        left: 200px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 373px;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-toolbar {
        left: -100px;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left: -400px;
    }

    html.fixed.sidebar-left-xs.inner-menu-opened {
        left: 500px;
    }

    html.fixed.sidebar-left-xs .inner-menu-toggle {
        left: 200px;
    }
}

@media only screen and (min-width: 1366px) {
    html.fixed.sidebar-left-xs .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 500px;
    }

    html.fixed.sidebar-left-xs .inner-menu-toggle, html.fixed.sidebar-left-xs .inner-menu, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu {
        left: 200px;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 200px;
    }

    html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle {
        left: -100px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 373px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu {
        left: 73px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 73px;
    }

    html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -227px;
    }
}

.sidebar-right {
    z-index: 1010;
}

.sidebar-right .sidebar-right-wrapper {
    padding: 20px;
}

.sidebar-right h6 {
    color: #777777;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.sidebar-right .mobile-close {
    background: #000 none repeat scroll 0 0;
    color: #999;
    left: 0;
    line-height: 50px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.sidebar-right .mobile-close i {
    margin-left: 5px;
    vertical-align: middle;
}

.sidebar-right .mobile-close::after {
    bottom: -1px;
    box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.7);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

@media only screen and (max-width: 767px) {
    html.no-mobile-device.custom-scroll .sidebar-right .nano > .nano-content {
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) {
    html.scroll .content-with-menu::before, html.boxed .content-with-menu::before {
        background: #263266 none repeat scroll 0 0;
    }

    html.scroll .content-with-menu::after, html.boxed .content-with-menu::after {
        background: #000 none repeat scroll 0 0;
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    }
}

html.scroll .inner-menu .nano, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano, html.boxed .inner-menu .nano, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano {
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

html.scroll .inner-menu .nano > .nano-content, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content, html.boxed .inner-menu .nano > .nano-content, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content {
    overflow: visible;
    position: static;
}

@media only screen and (max-width: 767px) {
    html.fixed .inner-menu .nano {
        height: auto;
        overflow: visible;
        position: static;
        width: auto;
    }

    html.fixed .inner-menu .nano .nano-content {
        margin-right: 0;
        overflow: visible;
        position: static;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed .inner-menu {
        padding: 0;
    }

    html.fixed .inner-menu .nano-content {
        padding: 35px;
    }

    html.fixed .inner-menu .nano-content::after {
        content: "";
        display: block;
        height: 35px;
    }
}

.inner-menu {
    background: #263266 none repeat scroll 0 0;
    border-right: 1px solid #242830;
    color: #abb4be;
    margin: 0;
    padding: 0;
}

.inner-menu .title {
    color: #465162;
    font-weight: 600;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.inner-menu hr.separator {
    background-image: -moz-linear-gradient(left center, transparent, rgba(0, 0, 0, 0.4), transparent);
    margin: 20px -35px;
}

.inner-menu a, .inner-menu a:hover {
    color: #abb4be;
}

.inner-menu a.menu-item {
    color: #abb4be;
    display: block;
    margin: 0 -35px;
    padding: 10px 50px;
    text-align: right;
    text-decoration: none;
}

.inner-menu a.menu-item:hover {
    background: #21262d none repeat scroll 0 0;
    color: #abb4be;
    text-decoration: none;
}

.inner-menu a.menu-item.active {
    background: #282d36 none repeat scroll 0 0;
    text-align: right;
}

.inner-menu a.menu-item .label {
    font-size: 1rem;
    font-weight: normal;
    margin: 0.2em -1em 0 0;
    padding: 0.3em 0.7em 0.4em;
}

.inner-menu-toggle, .inner-menu .inner-menu-toggle-inside {
    background: #000 none repeat scroll 0 0;
    color: #999;
    left: 0;
    line-height: 52px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
}

.inner-menu-toggle::after, .inner-menu .inner-menu-toggle-inside::after {
    bottom: -1px;
    box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.7);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.inner-menu-toggle a, .inner-menu .inner-menu-toggle-inside a {
    display: block;
    padding-left: 20px;
    text-decoration: none;
}

.inner-menu-toggle a i, .inner-menu .inner-menu-toggle-inside a i {
    vertical-align: middle;
}

.inner-menu-toggle .inner-menu-collapse, .inner-menu .inner-menu-toggle-inside .inner-menu-collapse {
    display: none;
}

.inner-menu-toggle a i {
    margin-left: 5px;
}

.inner-menu-toggle-inside {
    margin: -35px -35px 15px;
}

.inner-menu-toggle-inside .inner-menu-collapse i {
    margin-right: 5px;
}

.inner-menu-toggle-inside .inner-menu-expand i {
    margin-left: 5px;
}

.inner-menu-toggle {
    display: none;
}

.inner-menu-content {
    display: none;
}

html.inner-menu-opened .inner-menu .inner-menu-toggle-inside .inner-menu-collapse {
    display: block;
}

html.inner-menu-opened .inner-menu-expand {
    display: none;
}

html.inner-menu-opened .inner-menu-content {
    display: block;
}

@media only screen and (max-width: 767px) {
    .inner-menu .hidden-xs-inline {
        display: none;
    }

    .inner-menu .inner-menu-content {
        padding: 20px;
    }

    .inner-menu-toggle-inside {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed.inner-menu-opened {
        left: 600px;
    }

    html.fixed .inner-menu-toggle {
        left: 300px;
        position: fixed;
    }
}

html.dark .inner-menu-toggle::after, html.dark .inner-menu .inner-menu-toggle-inside::after {
    box-shadow: none;
}

ul.nav-main {
    margin-right: 5px;
}

ul.nav-main > li > a {
    padding: 12px 25px;
}

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: #21262d;
}

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #cccccc inset;
}

ul.nav-main > li.nav-active > a:hover {
    color: #abb4be;
}

ul.nav-main > li.nav-active > i {
    color: #cccccc;
}

ul.nav-main > li.nav-expanded > a {
    background: #21262d none repeat scroll 0 0;
}

ul.nav-main li a {
    color: #abb4be;
    font-size: 1.3rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.nav-main li a span.label {
    font-size: 1rem;
    font-weight: normal;
    margin: 0.4em -1em 0 0;
    padding: 0.3em 0.7em 0.4em;
}

ul.nav-main li a .not-included {
    color: #505b67;
    display: inline-block;
    font-style: normal;
    padding: 0 0 0 6px;
}

ul.nav-main li span {
    float: right;
    margin-right: 15px;
    vertical-align: middle;
}

ul.nav-main li i {
    float: right;
    font-size: 1.8rem;
    margin-right: 0.5rem;
    text-align: center;
    vertical-align: middle;
    width: 14px;
}

ul.nav-main li.nav-parent {
    position: relative;
}

ul.nav-main li.nav-parent > a {
    cursor: pointer;
}

ul.nav-main li.nav-parent > a::after {
    color: #abb4be;
    content: "";
    font-family: "FontAwesome";
    font-size: 1.6rem;
    left: 0;
    padding: 14px 25px;
    position: absolute;
    top: 0;
}

ul.nav-main li.nav-parent.nav-expanded > a::after {
    content: "";
}

ul.nav-main li.nav-parent.nav-expanded > ul.nav-children {
    display: block;
}

ul.nav-main li .nav-children {
    background: #191c21 none repeat scroll 0 0;
    box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.7) inset;
    display: none;
    padding: 10px 0;
}

ul.nav-main li .nav-children li a {
    overflow: hidden;
    padding: 6px 57px 6px 6px;
}

ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
    background: #191c21 none repeat scroll 0 0;
}

ul.nav-main li .nav-children li a::after {
    padding: 9px 25px;
    text-align: right;
}

ul.nav-main li .nav-children li.nav-active > a {
    color: #cccccc;
}

ul.nav-main li .nav-children .nav-children {
    box-shadow: none;
    padding: 0;
}

ul.nav-main li .nav-children .nav-children li a {
    padding: 6px 15px 6px 82px;
}

ul.nav-main li .nav-children .nav-children .nav-children li a {
    padding: 6px 15px 6px 97px;
}

.page-header {
    z-index: 1001;
}

.page-header h2 {
    border-bottom: 4px solid #cccccc;
    box-sizing: content-box;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 1.5rem;
    height: 50px;
    letter-spacing: normal;
    line-height: 50px;
    margin: 0 0 0 -1px;
    padding: 0 22px 0 20px;
}

.page-header .right-wrapper {
    float: right;
}

.page-header .breadcrumbs {
    display: inline-block;
    font-size: 0;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.page-header .breadcrumbs li {
    color: #c3c3c3;
    display: inline-block;
    font-weight: 300;
}

.page-header .breadcrumbs li::after {
    content: "/";
    display: inline-block;
    font-size: 1.4rem;
    margin: 0 10px;
    vertical-align: middle;
}

.page-header .breadcrumbs li:last-child::after {
    display: none;
}

.page-header .breadcrumbs .fa-home {
    font-size: 2rem;
}

.page-header .breadcrumbs i {
    vertical-align: middle;
}

.page-header .breadcrumbs a, .page-header .breadcrumbs span {
    color: #c3c3c3;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 20px;
    vertical-align: middle;
}

.page-header .sidebar-right-toggle {
    color: #c3c3c3;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    height: 50px;
    margin: 0 0 0 10px;
    text-align: center;
    transition: all 0.15s ease-in-out 0s;
    vertical-align: top;
    width: 50px;
}

.page-header .sidebar-right-toggle i {
    line-height: 53px;
    vertical-align: middle;
}

.page-header .sidebar-right-toggle:hover {
    color: #cccccc;
}

html.dark .page-header, html.header-dark .page-header {
    border-left-color: #171717;
    box-shadow: 1px 3px 0 1px #2f3139;
}

html.sidebar-right-opened .page-header .sidebar-right-toggle i::before {
    content: "";
}

@media only screen and (max-width: 767px) {
    .page-header {
        padding-left: 80px;

    }

    .page-header .breadcrumbs {
        display: none;
    }

    .page-header h2 {
    . panel-subtitle font-size: 16 px;
        max-width: 100%;
        overflow: hidden;
        padding: 0 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-header .sidebar-right-toggle {
        position: absolute;
        left: 0;
        top: 0;
    }
}

h1, h2, h3, .h1, .h2, .h3 {

}

h1, .h1 {
    font-size: 3.6rem;
}

h2, .h2 {
    font-size: 3rem;
}

h3, .h3 {
    font-size: 2.4rem;
}

h4, .h4 {
    font-size: 1.8rem;
}

h5, .h5 {
    font-size: 1.4rem;
}

h6, .h6 {
    font-size: 1.2rem;
    letter-spacing: 0;
}

.alternative-font {
    color: #cccccc;
    font-family: "Shadows Into Light", cursive;
    font-size: 1.6em;
}

p.drop-caps:first-child::first-letter {
    color: #171717;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px;
}

p.drop-caps.secundary:first-child::first-letter {
    background-color: #171717;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
    padding: 6px;
}

p.drop-caps.colored:first-child::first-letter {
    color: #cccccc;
}

p.drop-caps.colored.secundary:first-child::first-letter {
    background-color: #cccccc;
    color: #fff;
}

blockquote {
    font-size: 1em;
}

.highlight {
    background-color: #cccccc;
    color: #fff;
    padding: 3px 6px;
}

hr {
    background-image: -moz-linear-gradient(left center, transparent, rgba(0, 0, 0, 0.2), transparent);
    border: 0 none;
    height: 1px;
    margin: 22px 0;
}

hr.short {
    margin: 11px 0;
}

hr.tall {
    margin: 44px 0;
}

hr.taller {
    margin: 66px 0;
}

hr.light {
    background-image: -moz-linear-gradient(left center, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}

hr.dotted {
    border-bottom: 1px dotted #ddd;
    height: 0;
}

hr.solid {
    border-bottom: 1px solid #ddd;
    height: 0;
}

.btn-icon i {
    margin-right: 10px;
}

.btn-icon-right i {
    margin-left: 10px;
    margin-right: 0;
}

input {
    outline: medium none;
}

label {
    font-weight: normal;
}

textarea {
    resize: vertical;
}

textarea[data-toggle="autosize"] {
    transition: height 0.15s ease-in 0s;
}

select {
    border: 1px solid #e5e7e9;
    border-radius: 6px;
    height: 46px;
    outline: medium none;
    padding: 12px;
}

label.valid {
    display: inline-block;
    text-indent: -9999px;
}

label.error {
    color: #c10000;
    font-size: 0.9em;
    margin-top: -5px;
    padding: 0;
}

body a, body a:focus, body a:hover, body a:active, body a:visited {
    outline: medium none !important;
}

.center {
    text-align: center;
}

ul, ol {
    margin-bottom: 0;
    padding-left: 27px;
}

blockquote.primary {
    border-color: #cccccc;
}

blockquote.success {
    border-color: #47a447;
}

blockquote.warning {
    border-color: #ed9c28;
}

blockquote.danger {
    border-color: #d2322d;
}

blockquote.info {
    border-color: #5bc0de;
}

blockquote.dark {
    border-color: #171717;
}

.well.primary {
    background: #cccccc none repeat scroll 0 0;
    border-color: #b3b3b3;
    color: white;
}

.well.success {
    background: #47a447 none repeat scroll 0 0;
    border-color: #388038;
    color: white;
}

.well.warning {
    background: #ed9c28 none repeat scroll 0 0;
    border-color: #d18211;
    color: white;
}

.well.danger {
    background: #d2322d none repeat scroll 0 0;
    border-color: #a82824;
    color: white;
}

.well.info {
    background: #5bc0de none repeat scroll 0 0;
    border-color: #31b0d5;
    color: white;
}

.well.dark {
    background: #171717 none repeat scroll 0 0;
    border-color: black;
    color: white;
}

.arrow {
    background: transparent url("../images/arrows.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 120px;
    position: relative;
    width: 47px;
}

.arrow.vtl {
    background-position: 0 0;
    height: 96px;
    width: 47px;
}

.arrow.vtr {
    background-position: -101px 0;
    height: 96px;
    width: 47px;
}

.arrow.vbl {
    background-position: 0 -144px;
    height: 96px;
    width: 47px;
}

.arrow.vbr {
    background-position: -101px -144px;
    height: 96px;
    width: 47px;
}

.arrow.hlt {
    background-position: -209px 0;
    height: 47px;
    width: 120px;
}

.arrow.hlb {
    background-position: -209px -101px;
    height: 47px;
    width: 120px;
}

.arrow.hrt {
    background-position: -353px 0;
    height: 47px;
    width: 120px;
}

.arrow.hrb {
    background-position: -353px -101px;
    height: 47px;
    width: 120px;
}

.img-thumbnail {
    border-radius: 8px;
    position: relative;
}

.img-thumbnail .zoom {
    background: #ccc none repeat scroll 0 0;
    border-radius: 100%;
    bottom: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 18px;
    padding: 6px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 30px;
}

.img-thumbnail .zoom i {
    left: -1px;
    position: relative;
    top: -1px;
}

.thumbnail-gallery {
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
}

.thumbnail-gallery .img-thumbnail, .thumbnail-gallery .thumbnail {
    margin: 10px 10px 0 0;
}

ul.nav-list.primary > li {
    margin: 0;
    padding: 0;
}

ul.nav-list.primary > li:last-child a {
    border-bottom: medium none transparent !important;
}

ul.nav-list.primary > li a {
    background-position: 9px 16px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ededde;
    padding: 8px 20px;
    transition: all 0.3s ease 0s;
}

.text-xs {
    font-size: 1rem;
}

.text-sm {
    font-size: 1.3rem;
}

.text-md {
    font-size: 1.6rem;
}

.text-lg {
    font-size: 1.9rem;
}

.text-xl {
    font-size: 2.2rem;
}

.text-muted {
    color: #999 !important;
}

.darklink {
    color: #777 !important;
}

.darklink:hover {
    color: #333 !important;
}

.lightlink {
    color: #f0f0f0 !important;
}

.lightlink:hover {
    color: #fff !important;
}

html.dark .text-muted {
    color: #505461 !important;
}

.text-primary {
    color: #cccccc !important;
}

.text-secondary {
    color: #e36159 !important;
}

.text-tertiary {
    color: #2baab1 !important;
}

.text-quartenary {
    color: #734ba9 !important;
}

.text-success {
    color: #47a447 !important;
}

.text-warning {
    color: #ed9c28 !important;
}

.text-danger {
    color: #d2322d !important;
}

.text-info {
    color: #5bc0de !important;
}

.text-dark {
    color: #171717 !important;
}

.text-primary-inverse {
    color: white !important;
}

.text-secondary-inverse {
    color: white !important;
}

.text-tertiary-inverse {
    color: white !important;
}

.text-quartenary-inverse {
    color: white !important;
}

.text-success-inverse {
    color: white !important;
}

.text-warning-inverse {
    color: white !important;
}

.text-danger-inverse {
    color: white !important;
}

.text-info-inverse {
    color: white !important;
}

.text-dark-inverse {
    color: white !important;
}

.text-light {
    font-weight: 300;
}

.text-normal {
    font-weight: 400;
}

.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.rounded {
    border-radius: 5px;
}

.b-thin {
    border-width: 3px;
}

.b-normal {
    border-width: 5px;
}

.b-thick {
    border-width: 7px;
}

.m-none {
    margin: 0 !important;
}

.m-auto {
    margin: 0 auto !important;
}

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

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

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

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

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

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

.mt-none {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: 5px !important;
}

.mt-sm {
    margin-top: 10px !important;
}

.mt-md {
    margin-top: 15px !important;
}

.mt-lg {
    margin-top: 20px !important;
}

.mt-xl {
    margin-top: 25px !important;
}

.mt-xlg {
    margin-top: 30px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mb-xs {
    margin-bottom: 5px !important;
}

.mb-sm {
    margin-bottom: 10px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mb-lg {
    margin-bottom: 20px !important;
}

.mb-xl {
    margin-bottom: 25px !important;
}

.mb-xlg {
    margin-bottom: 30px !important;
}

.mr-none {
    margin-left: 0 !important;
}

.ml-xs {
    margin-left: 5px !important;
}

.ml-sm {
    margin-left: 10px !important;
}

.ml-md {
    margin-left: 15px !important;
}

.ml-lg {
    margin-left: 20px !important;
}

.ml-xl {
    margin-left: 25px !important;
}

.ml-xlg {
    margin-left: 30px !important;
}

.mr-none {
    margin-right: 0 !important;
}

.mr-xs {
    margin-right: 5px !important;
}

.mr-sm {
    margin-right: 10px !important;
}

.mr-md {
    margin-right: 15px !important;
}

.mr-lg {
    margin-right: 20px !important;
}

.mr-xl {
    margin-right: 25px !important;
}

.mr-xlg {
    margin-right: 30px !important;
}

.p-none {
    padding: 0 !important;
}

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

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

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

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

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

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

.pt-none {
    padding-top: 0 !important;
}

.pt-xs {
    padding-top: 5px !important;
}

.pt-sm {
    padding-top: 10px !important;
}

.pt-md {
    padding-top: 15px !important;
}

.pt-lg {
    padding-top: 20px !important;
}

.pt-xl {
    padding-top: 25px !important;
}

.pt-xlg {
    padding-top: 30px !important;
}

.pb-none {
    padding-bottom: 0 !important;
}

.pb-xs {
    padding-bottom: 5px !important;
}

.pb-sm {
    padding-bottom: 10px !important;
}

.pb-md {
    padding-bottom: 15px !important;
}

.pb-lg {
    padding-bottom: 20px !important;
}

.pb-xl {
    padding-bottom: 25px !important;
}

.pb-xlg {
    padding-bottom: 30px !important;
}

.pr-none {
    padding-left: 0 !important;
}

.pl-xs {
    padding-left: 5px !important;
}

.pl-sm {
    padding-left: 10px !important;
}

.pl-md {
    padding-left: 15px !important;
}

.pl-lg {
    padding-left: 20px !important;
}

.pl-xl {
    padding-left: 25px !important;
}

.pl-xlg {
    padding-left: 30px !important;
}

.pr-none {
    padding-right: 0 !important;
}

.pr-xs {
    padding-right: 5px !important;
}

.pr-sm {
    padding-right: 10px !important;
}

.pr-md {
    padding-right: 15px !important;
}

.pr-lg {
    padding-right: 20px !important;
}

.pr-xl {
    padding-right: 25px !important;
}

.pr-xlg {
    padding-right: 30px !important;
}

.ib {
    display: inline-block;
    vertical-align: top;
}

.va-middle {
    vertical-align: middle;
}

.ws-nowrap {
    white-space: nowrap;
}

.ws-normal {
    white-space: normal;
}

.bg-default {
    background: #ebebeb none repeat scroll 0 0;
    color: #777777;
}

.bg-primary {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.bg-secondary {
    background: #e36159 none repeat scroll 0 0;
    color: white;
}

.bg-tertiary {
    background: #263266 none repeat scroll 0 0;
    color: white;
}

.bg-quartenary {
    background: #734ba9 none repeat scroll 0 0;
    color: white;
}

.bg-success {
    background: #47a447 none repeat scroll 0 0;
    color: white;
}

.bg-warning {
    background: #ed9c28 none repeat scroll 0 0;
    color: white;
}

.bg-danger {
    background: #d2322d none repeat scroll 0 0;
    color: white;
}

.bg-info {
    background: #5bc0de none repeat scroll 0 0;
    color: white;
}

.bg-dark {
    background: #171717 none repeat scroll 0 0;
    color: white;
}

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"], textarea {
}

.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #bdbdbd;
    text-align: right;
}

html.dark .form-control {
    background-color: #282d36;
    border-color: #282d36;
    color: #eee;
}

html.dark .form-control[disabled], html.dark .form-control[readonly], html.dark fieldset[disabled] .form-control {
    background-color: #21262d;
}

html.dark .input-group-addon {
    background-color: #21262d;
    border-color: #21262d;
    color: #eee;
}

.btn-lg, .btn-group-lg > .btn {
    line-height: 1.334;
}

select.input-sm, select.input-lg {
    line-height: 1;
}

.required {
    color: #d2322d;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    top: -0.2em;
}

label.error {
    color: #b94a48;
    margin-top: 2px;
}

.form-group::after {
    clear: both;
    content: "";
    display: block;
}

.form-group:last-child, .form-group:last-of-type {
    margin-bottom: 0;
}

.form-bordered .form-group {
    border-bottom: 1px solid #eff2f7;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.form-bordered .form-group:last-child, .form-bordered .form-group:last-of-type {
    border-bottom: medium none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

html.dark .form-bordered .form-group {
    border-bottom: 1px solid #242830;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.form-group-vertical {
    position: relative;
    white-space: nowrap;
}

.form-group-vertical .form-control {
    border-radius: 0;
    margin-top: -1px;
    z-index: 1;
}

.form-group-vertical .form-control:first-child, .form-group-vertical .form-control:first-of-type {
    border-radius: 4px 4px 0 0;
}

.form-group-vertical .form-control:last-child, .form-group-vertical .form-control:last-of-type {
    border-radius: 0 0 4px 4px;
}

.form-group-vertical .form-control:focus {
    position: relative;
    z-index: 2;
}

.form-group-vertical .input-group {
    margin-top: -1px;
}

.form-group-vertical .input-group .form-control {
    margin-top: 0;
}

.form-group-vertical .input-group:first-child .input-group-addon, .form-group-vertical .input-group:first-of-type .input-group-addon {
    border-radius: 4px 0 0;
}

.form-group-vertical .input-group:first-child .form-control, .form-group-vertical .input-group:first-of-type .form-control {
    border-radius: 0 4px 0 0;
}

.form-group-vertical .input-group:last-child .input-group-addon, .form-group-vertical .input-group:last-of-type .input-group-addon {
    border-radius: 0 0 0 4px;
}

.form-group-vertical .input-group:last-child .form-control, .form-group-vertical .input-group:last-of-type .form-control {
    border-radius: 0 0 4px;
}

.form-group-vertical .input-group.input-group-icon:first-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:first-of-type .input-group-addon {
    border-radius: 4px 4px 0 0;
}

.form-group-vertical .input-group.input-group-icon:first-child .form-control, .form-group-vertical .input-group.input-group-icon:first-of-type .form-control {
    border-radius: 4px 4px 0 0;
}

.form-group-vertical .input-group.input-group-icon:last-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:last-of-type .input-group-addon {
    border-radius: 0 0 4px 4px;
}

.form-group-vertical .input-group.input-group-icon:last-child .form-control, .form-group-vertical .input-group.input-group-icon:last-of-type .form-control {
    border-radius: 0 0 4px 4px;
}

.input-lg {
    border-radius: 4px;
}

.input-group-icon, .input-search {
    table-layout: fixed;
    width: 100%;
}

.input-group-icon input.form-control, .input-search input.form-control {
    font-size: 1.2rem;
    padding-right: 36px;
}

.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child {
    border-radius: 4px;
}

.input-group-icon .input-group-btn, .input-search .input-group-btn {
    border-radius: 500px;
    width: 0;
}

.input-group-icon .input-group-btn:first-child, .input-group-icon .input-group-btn:last-child, .input-search .input-group-btn:first-child, .input-search .input-group-btn:last-child {
    border-radius: 500px;
}

.input-group-icon .input-group-btn button, .input-search .input-group-btn button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

.input-group-icon .input-group-btn button:active, .input-search .input-group-btn button:active {
    box-shadow: none;
}

.input-group-icon .input-group-btn:last-child button, .input-search .input-group-btn:last-child button {
    left: auto;
    right: 0;
}

.input-group-icon .input-group-btn + input.form-control, .input-search .input-group-btn + input.form-control {
    padding-left: 36px;
    padding-right: 12px;
}

.input-group-icon .input-group-addon, .input-search .input-group-addon {
    border: 0 none;
    padding: 0;
    position: relative;
    width: 0;
}

.input-group-icon .input-group-addon span.icon, .input-search .input-group-addon span.icon {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    box-sizing: content-box;
    display: inline-block;
    left: 0;
    line-height: 1.42857;
    padding: 6px 12px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: auto;
    z-index: 3;
}

.input-group-icon .input-group-addon span.icon.icon-lg, .input-search .input-group-addon span.icon.icon-lg {
    font-size: 18px;
    padding: 10px 14px;
}

.input-group-icon .input-group-addon:last-child span.icon, .input-search .input-group-addon:last-child span.icon {
    left: auto;
    right: 0;
}

.input-group-icon .input-group-addon + input.form-control, .input-search .input-group-addon + input.form-control {
    padding-left: 36px;
    padding-right: 12px;
}

.input-search {
    width: 100%;
}

.input-search input.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}

.input-search .input-group-btn {
    color: #ccc;
}

.input-search .input-group-btn .btn {
    padding-left: 15px;
}

.input-search .input-group-btn .btn-default {
    color: #ccc;
}

.input-search {
    width: 100%;
}

.input-search input.form-control:focus {
    border-color: #263266;
}

.input-search .input-group-btn .btn {
    background: transparent none repeat scroll 0 0 !important;
}

input.input-rounded {
    border-radius: 500px;
}

.input-group-rounded input.form-control, .input-search input.form-control {
    border-radius: 500px;
}

.input-group-rounded input.form-control:first-child, .input-group-rounded input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child {
    border-radius: 500px;
}

.input-group-rounded .input-group-addon:first-child, .input-search .input-group-addon:first-child {
    border-radius: 500px 0 0 500px;
}

.input-group-rounded .input-group-addon:last-child, .input-search .input-group-addon:last-child {
    border-radius: 0 500px 500px 0;
}

.checkbox-custom {
    margin-bottom: 7px;
    margin-top: 0;
    padding: 0 0 0 25px;
    position: relative;
}

.checkbox-custom.checkbox-inline {
    display: inline-block;
    vertical-align: middle;
}

.form-group .checkbox-custom.checkbox-inline {
    margin-top: 7px;
    padding-top: 0;
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
    margin-bottom: 0;
}

.checkbox-custom input[type="checkbox"] {
    cursor: pointer;
    left: 3px;
    margin: -6px 0 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
}

.checkbox-custom input[type="checkbox"]:checked + label::after {
    color: #333;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 11px;
    height: 16px;
    left: 4px;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.checkbox-custom input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled:checked + label::after {
    color: #999;
}

.checkbox-custom input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
}

.checkbox-custom label {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 0;
    text-align: left;
}

.checkbox-custom label::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 19px;
}

.checkbox-custom label + label.error {
    display: block;
}

html.dark .checkbox-custom label::before {
    background: #282d36 none repeat scroll 0 0;
    border-color: #21262d;
}

html.dark .checkbox-custom input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-custom input[type="checkbox"]:disabled + label::before {
    background: #242830 none repeat scroll 0 0;
    border-color: #242830;
}

html.dark .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-primary label::before, .checkbox-primary label::before {
    background: #cccccc none repeat scroll 0 0;
    border-color: #bfbfbf;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label::after, .checkbox-text-primary input[type="checkbox"]:checked + label::after {
    color: #cccccc;
}

html.dark .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-success label::before, .checkbox-success label::before {
    background: #47a447 none repeat scroll 0 0;
    border-color: #3f923f;
}

html.dark .checkbox-text-success input[type="checkbox"]:checked + label::after, .checkbox-text-success input[type="checkbox"]:checked + label::after {
    color: #47a447;
}

html.dark .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-warning label::before, .checkbox-warning label::before {
    background: #ed9c28 none repeat scroll 0 0;
    border-color: #e89113;
}

html.dark .checkbox-text-warning input[type="checkbox"]:checked + label::after, .checkbox-text-warning input[type="checkbox"]:checked + label::after {
    color: #ed9c28;
}

html.dark .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-danger label::before, .checkbox-danger label::before {
    background: #d2322d none repeat scroll 0 0;
    border-color: #bd2d29;
}

html.dark .checkbox-text-danger input[type="checkbox"]:checked + label::after, .checkbox-text-danger input[type="checkbox"]:checked + label::after {
    color: #d2322d;
}

html.dark .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-info label::before, .checkbox-info label::before {
    background: #5bc0de none repeat scroll 0 0;
    border-color: #46b8da;
}

html.dark .checkbox-text-info input[type="checkbox"]:checked + label::after, .checkbox-text-info input[type="checkbox"]:checked + label::after {
    color: #5bc0de;
}

html.dark .checkbox-dark input[type="checkbox"]:checked + label::after, .checkbox-dark input[type="checkbox"]:checked + label::after {
    color: #fff;
}

html.dark .checkbox-dark label::before, .checkbox-dark label::before {
    background: #171717 none repeat scroll 0 0;
    border-color: #0a0a0a;
}

html.dark .checkbox-text-dark input[type="checkbox"]:checked + label::after, .checkbox-text-dark input[type="checkbox"]:checked + label::after {
    color: #171717;
}

.radio-custom {
    margin-bottom: 7px;
    margin-top: 0;
    padding: 0 0 0 25px;
    position: relative;
}

.radio-custom.radio-inline {
    display: inline-block;
    vertical-align: middle;
}

.form-group .radio-custom.radio-inline {
    margin-top: 7px;
    padding-top: 0;
}

.radio-custom:last-child, .radio-custom:last-of-type {
    margin-bottom: 0;
}

.radio-custom input[type="radio"] {
    cursor: pointer;
    left: 3px;
    margin: -6px 0 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
}

.radio-custom input[type="radio"]:checked + label::after {
    background-color: #444;
    border-radius: 50px;
    box-shadow: 0 0 1px #444;
    content: "";
    display: inline-block;
    font-size: 11px;
    height: 10px;
    left: 4px;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}

.radio-custom input[type="radio"]:disabled {
    cursor: not-allowed;
}

.radio-custom input[type="radio"]:disabled:checked + label::after {
    color: #999;
}

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

.radio-custom input[type="radio"]:disabled + label::before {
    background-color: #eee;
}

.radio-custom label {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 0;
    text-align: left;
}

.radio-custom label::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 50px;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.radio-custom label + label.error {
    display: block;
}

html.dark .radio-custom label::before {
    background: #282d36 none repeat scroll 0 0;
    border-color: #21262d;
}

html.dark .radio-custom input[type="radio"]:checked + label::after {
    background-color: #fff;
}

html.dark .radio-custom input[type="radio"]:disabled + label::before {
    background: #242830 none repeat scroll 0 0;
    border-color: #242830;
}

html.dark .radio-primary input[type="radio"]:checked + label::after, .radio-primary input[type="radio"]:checked + label::after {
    background: #cccccc none repeat scroll 0 0;
    box-shadow: 0 0 1px #cccccc;
}

html.dark .radio-success input[type="radio"]:checked + label::after, .radio-success input[type="radio"]:checked + label::after {
    background: #47a447 none repeat scroll 0 0;
    box-shadow: 0 0 1px #47a447;
}

html.dark .radio-warning input[type="radio"]:checked + label::after, .radio-warning input[type="radio"]:checked + label::after {
    background: #ed9c28 none repeat scroll 0 0;
    box-shadow: 0 0 1px #ed9c28;
}

html.dark .radio-danger input[type="radio"]:checked + label::after, .radio-danger input[type="radio"]:checked + label::after {
    background: #d2322d none repeat scroll 0 0;
    box-shadow: 0 0 1px #d2322d;
}

html.dark .radio-info input[type="radio"]:checked + label::after, .radio-info input[type="radio"]:checked + label::after {
    background: #5bc0de none repeat scroll 0 0;
    box-shadow: 0 0 1px #5bc0de;
}

html.dark .radio-dark input[type="radio"]:checked + label::after, .radio-dark input[type="radio"]:checked + label::after {
    background: #171717 none repeat scroll 0 0;
    box-shadow: 0 0 1px #171717;
}

div.validation-message ul {
    background: #ffefef none repeat scroll 0 0;
    border-bottom: 1px solid #ffcbcb;
    display: none;
    list-style: outside none none;
    margin: -15px -15px 15px;
    padding: 15px;
}

div.validation-message ul label.error {
    display: block;
    padding-left: 22px;
    position: relative;
}

div.validation-message ul label.error::before {
    color: #d9534f;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
}

html.dark .fileupload .uneditable-input {
    background-color: #282d36;
    border-color: #282d36;
}

html.dark .fileupload-new .input-append .btn-file {
    border-color: #21262d;
}

html.no-overflowscrolling .nano {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

html.no-overflowscrolling .nano > .nano-content {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

html.no-overflowscrolling .nano > .nano-content:focus {
    outline: medium none;
}

html.no-overflowscrolling .nano > .nano-pane {
    bottom: 0;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 4px;
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #cccccc none repeat scroll 0 0;
    margin: 0;
    position: relative;
    visibility: hidden;
}

html.no-overflowscrolling .nano:hover > .nano-pane, html.no-overflowscrolling .nano .nano-pane.active, html.no-overflowscrolling .nano .nano-pane.flashed {
    opacity: 0.99;
}

html.no-overflowscrolling .nano:hover > .nano-pane > .nano-slider {
    visibility: visible;
}

html.no-overflowscrolling.custom-scroll .nano > .nano-content {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    scrollbar-width: none;
}

html.no-overflowscrolling.custom-scroll .nano > .nano-content::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

@media only screen and (max-width: 767px) {
    html.no-overflowscrolling .nano > .nano-content {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
}

@media only screen and (min-width: 768px) {
    html.overflowscrolling.fixed .sidebar-left .nano, html.overflowscrolling.fixed .sidebar-right .nano, html.overflowscrolling.fixed .inner-menu .nano {
        height: 100%;
        overflow: hidden;
    }

    html.overflowscrolling.fixed .sidebar-left .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .sidebar-right .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .inner-menu .nano > .nano-pane > .nano-slider {
        visibility: visible;
    }

    html.overflowscrolling.fixed.custom-scroll .sidebar-left .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .sidebar-right .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .inner-menu .nano > .nano-content {
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.inner-toolbar {
    background: #263266 none repeat scroll 0 0;
    border-left: 1px solid #121418;
    margin: -40px -40px 30px;
    padding: 0;
}

.inner-toolbar > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.inner-toolbar > ul > li {
    border-right: 1px solid #121418;
    display: inline-block;
    font-size: 13px;
    padding: 15px;
}

.inner-toolbar > ul > li > a {
    color: #abb4be;
    display: inline-block;
    padding: 0;
}

.inner-toolbar > ul > li > a:hover, .inner-toolbar > ul > li > a:focus {
    color: #fff;
    text-decoration: none;
}

.inner-toolbar > ul > li.right {
    float: right;
    padding-right: 10px;
}

.inner-toolbar > ul > li i.fa {
    font-size: 14px;
}

.inner-toolbar > ul > li > .btn {
    margin-top: -6px;
}

.inner-toolbar .nav-pills {
    margin-top: -8px;
}

.inner-toolbar .nav-pills > li > label {
    margin-bottom: 0;
    margin-right: 12px;
    margin-top: 8px;
}

.inner-toolbar .nav-pills a {
    color: #abb4be;
    padding-bottom: 8px;
    padding-top: 8px;
}

.inner-toolbar .nav-pills a:hover {
    background: #171717 none repeat scroll 0 0;
    color: #fff;
}

.inner-toolbar .nav-pills .active a {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .inner-toolbar {
        margin: -40px -15px 30px;
        padding: 0 15px;
    }

    .inner-toolbar ul > li {
        border-right: 0 none;
    }

    .inner-toolbar ul > li:first-child {
        padding-left: 0;
    }

    .inner-toolbar ul > li.right {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .inner-toolbar .nav-pills a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed .inner-toolbar {
        left: 300px;
        margin: 0;
        padding: 0;
        position: fixed;
        right: 0;
        top: 114px;
        z-index: 1001;
    }
}

html.dark .inner-toolbar {
    border-bottom: 1px solid #242830;
    border-left: medium none;
}

html.dark .inner-toolbar > ul > li {
    border-color: #242830;
}

.img-rounded {
    border-radius: 6px;
}

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

.img-thumbnail {
    border-radius: 8px;
    position: relative;
}

body {
}

body .btn:focus, body .btn:active:focus, body .btn.active:focus {
    outline: medium none;
    direction: rtl;
}

body .btn {
    white-space: normal;
    direction: rtl;
}

body .btn-facebook, body .btn-facebook:active, body .btn-facebook:hover, body .btn-facebook:focus, body .btn-twitter, body .btn-twitter:active, body .btn-twitter:hover, body .btn-twitter:focus, body .btn-gplus, body .btn-gplus:active, body .btn-gplus:hover, body .btn-gplus:focus {
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

body .btn-facebook, body .btn-facebook:focus {
    background: #3b5998 none repeat scroll 0 0;
    border: 1px solid #37538d;
}

body .btn-facebook:hover {
    background: #4162a7 none repeat scroll 0 0;
    border-color: #3d5c9c;
}

body .btn-facebook:active {
    background: #37538d none repeat scroll 0 0;
    border-color: #334d82;
}

body .btn-twitter, body .btn-twitter:focus {
    background: #55acee none repeat scroll 0 0;
    border: 1px solid #47a5ed;
}

body .btn-twitter:hover {
    background: #63b3ef none repeat scroll 0 0;
    border-color: #55acee;
}

body .btn-twitter:active {
    background: #47a5ed none repeat scroll 0 0;
    border-color: #399eec;
}

body .btn-gplus, body .btn-gplus:focus {
    background: #d95232 none repeat scroll 0 0;
    border: 1px solid #d44927;
}

body .btn-gplus:hover {
    background: #dc6143 none repeat scroll 0 0;
    border-color: #da5635;
}

body .btn-gplus:active {
    background: #d04727 none repeat scroll 0 0;
    border-color: #c34324;
}

body .btn-primary {
    background-color: #cccccc;
    border-color: #cccccc #cccccc #b3b3b3;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-primary:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    color: white;
}

body .btn-primary:active, body .btn-primary:focus {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: white;
}

body .btn-primary.dropdown-toggle {
    border-left-color: #bfbfbf;
}

body .btn-primary[disabled] {
    background-color: white;
    border-color: white;
}

body .btn-success {
    background-color: #47a447;
    border-color: #47a447 #47a447 #388038;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-success:hover {
    background-color: #51b451;
    border-color: #51b451;
    color: white;
}

body .btn-success:active, body .btn-success:focus {
    background-color: #3f923f;
    border-color: #3f923f;
    color: white;
}

body .btn-success.dropdown-toggle {
    border-left-color: #3f923f;
}

body .btn-success[disabled] {
    background-color: #86cb86;
    border-color: #86cb86;
}

body .btn-warning {
    background-color: #ed9c28;
    border-color: #ed9c28 #ed9c28 #d18211;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-warning:hover {
    background-color: #efa740;
    border-color: #efa740;
    color: white;
}

body .btn-warning:active, body .btn-warning:focus {
    background-color: #e89113;
    border-color: #e89113;
    color: white;
}

body .btn-warning.dropdown-toggle {
    border-left-color: #e89113;
}

body .btn-warning[disabled] {
    background-color: #f5c786;
    border-color: #f5c786;
}

body .btn-danger {
    background-color: #d2322d;
    border-color: #d2322d #d2322d #a82824;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-danger:hover {
    background-color: #d64742;
    border-color: #d64742;
    color: white;
}

body .btn-danger:active, body .btn-danger:focus {
    background-color: #bd2d29;
    border-color: #bd2d29;
    color: white;
}

body .btn-danger.dropdown-toggle {
    border-left-color: #bd2d29;
}

body .btn-danger[disabled] {
    background-color: #e48481;
    border-color: #e48481;
}

body .btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de #5bc0de #31b0d5;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-info:hover {
    background-color: #70c8e2;
    border-color: #70c8e2;
    color: white;
}

body .btn-info:active, body .btn-info:focus {
    background-color: #46b8da;
    border-color: #46b8da;
    color: white;
}

body .btn-info.dropdown-toggle {
    border-left-color: #46b8da;
}

body .btn-info[disabled] {
    background-color: #b0e1ef;
    border-color: #b0e1ef;
}

body .btn-dark {
    background-color: #171717;
    border-color: #171717 #171717 black;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .btn-dark:hover {
    background-color: #242424;
    border-color: #242424;
    color: white;
}

body .btn-dark:active, body .btn-dark:focus {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: white;
}

body .btn-dark.dropdown-toggle {
    border-left-color: #0a0a0a;
}

body .btn-dark[disabled] {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

html.dark .btn-default {
    background-color: #282d36;
    border-color: #282d36;
    color: #eee;
}

html.dark .btn-default:hover {
    background-color: #2a3039;
    border-color: #2a3039;
}

html.dark .btn-default:focus, html.dark .btn-default:active {
    background-color: #242830;
    border-color: #242830;
}

html.dark .btn-default:hover, html.dark .btn-default:focus, html.dark .btn-default:active, html.dark .btn-default.active, html.dark .open > .dropdown-toggle.btn-default {
    background-color: #242830;
    border-color: #242830;
    color: #eee;
}

.notifications {
    display: inline-block;
    list-style: outside none none;
    margin: 4px -10px 0 0;
    padding: 0;
    vertical-align: middle;
}

.notifications > li {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}

.notifications > li .notification-icon {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
}

.notifications > li .notification-icon i {
    color: #777;
    line-height: 30px;
    vertical-align: middle;
}

.notifications > li .notification-icon i.fa-tasks {
    line-height: 32px;
}

.notifications > li .notification-icon .badge {
    background: #d2312d none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 3px 5px;
    position: absolute;
    right: -8px;
    top: -3px;
}

.notifications > li > a {
    border: medium none;
    display: inline-block;
}

.notifications .notification-menu {
    border: medium none;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    left: auto;
    margin: 10px 0 0;
    padding: 0;
    right: -5px;
    width: 245px;
}

.notifications .notification-menu.large {
    width: 325px;
}

.notifications .notification-menu .notification-title {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: white;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 8px 6px 8px 12px;
    text-transform: uppercase;
}

.notifications .notification-menu .notification-title .label {
    font-size: 1rem;
    font-weight: 200;
    line-height: 14px;
    margin-left: 10px;
    margin-top: -2px;
    min-width: 35px;
}

.notifications .notification-menu .notification-title .label-default {
    background: #006697 none repeat scroll 0 0;
    color: #fff;
}

.notifications .notification-menu .content {
    padding: 12px;
}

.notifications .notification-menu hr {
    background: #e6e6e6 none repeat scroll 0 0;
    height: 1px;
    margin: 12px 0;
}

.notifications .notification-menu .view-more {
    color: #acacac;
    font-size: 1.1rem;
    line-height: 1.1rem;
    text-transform: uppercase;
}

.notifications .notification-menu::before, .notifications .notification-icon::before {
    border-bottom: 6px solid #cccccc;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    margin-right: -3px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.notifications .notification-menu::before {
    bottom: 100%;
    right: 16px;
}

.notifications .notification-icon::before {
    display: none;
    right: 11px;
    top: 35px;
    z-index: 9999;
}

.notification-menu {
    color: #acacac;
}

.notification-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.notification-menu li {
    margin: 0 0 12px;
    direction: rtl;
    text-align: right;
}

.notification-menu li:last-child {
    margin-bottom: 0;
}

.notification-menu a {
    display: block;
    text-decoration: none;
}

.notification-menu .image {
    float: left;
    margin: 0 10px 0 0;
}

.notification-menu .image i {
    border-radius: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.notification-menu .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-menu .title {
    color: #000011;
    display: block;
    font-size: 1.1rem;
    line-height: 1.7rem;
    padding: 2px 0 0;
}

.notification-menu .message {
    color: #acacac;
    display: block;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0;
}

html.dark .notifications > li .notification-icon, html.header-dark .notifications > li .notification-icon {
    background: #282d36 none repeat scroll 0 0;
}

html.dark .notifications > li .notification-icon i, html.header-dark .notifications > li .notification-icon i {
    color: #c3c3c3;
}

@media only screen and (max-width: 767px) {
    .notifications {
        float: right;
        margin: 16px 8px 0 0;
    }

    .notifications > li {
        position: static;
    }

    .notifications > li.open .notification-icon::before {
        display: block;
    }

    .notifications > li .notification-menu {
        left: 15px;
        right: 15px;
        top: auto;
        width: auto !important;
    }

    .notifications > li .notification-menu::before {
        display: none;
    }
}

.userbox {
    display: inline-block;
    margin: 3px 72px 0 0;
    position: relative;
    vertical-align: middle;
}

.userbox > a {
    display: inline-block;
    text-decoration: none;
}

.userbox a:hover {
    text-decoration: none;
}

.userbox .profile-info, .userbox .profile-picture {
    display: inline-block;
    vertical-align: middle;
}

.userbox .profile-picture img {
    color: transparent;
    width: 35px;
}

.userbox .profile-info {
    margin: 0 25px 0 10px;
}

.userbox .name, .userbox .role {
    display: block;
}

.userbox .name {
    color: #000011;
    font-size: 1.3rem;
    text-align: right;
}

.userbox .role {
    color: #acacac;
    font-size: 1.1rem;
    line-height: 1.2em;
    text-align: right;
}

.userbox .custom-caret {
    color: #000011;
    font-size: 16px;
    font-weight: bold;
}

.userbox .custom-caret::before {
    content: "";
}

.userbox.open > a {
    position: relative;
    z-index: 993;
}

.userbox.open > a .custom-caret::before {
    content: "";
}

.userbox.open .dropdown-menu {
    border: medium none;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    left: -11px;
    padding: 45px 10px 0;
    top: -10px;
    width: 100%;
    z-index: 992;
}

.userbox.open .dropdown-menu li {
    margin-bottom: 5px;
}

.userbox.open .dropdown-menu a {
    border-radius: 2px;
    color: #7d7d7d;
    display: block;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 5px 10px;
    text-align: right;
}

.userbox.open .dropdown-menu a:hover {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.userbox.open .dropdown-menu i {
    font-size: 1.7rem;
    margin-right: 3px;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .userbox {
        float: left;
        margin: 16px 0 0 12px;
        position: relative;
    }

    .userbox::after {
        background: #e9e9e6 none repeat scroll 0 0;
        content: "";
        height: 63px;
        margin: 0;
        position: absolute;
        right: -21px;
        top: -18px;
        width: 1px;
    }

    .userbox .profile-picture {
        display: none;
    }

    .userbox.open .dropdown-menu {
        left: -5px;
        padding: 43px 0 0;
    }
}

html.dark .userbox::after, html.header-dark .userbox::after {
    background: #121518 none repeat scroll 0 0;
}

html.dark .userbox .name, html.dark .userbox .custom-caret, html.header-dark .userbox .name, html.header-dark .userbox .custom-caret {
    color: #c3c3c3;
}

html.dark .userbox.open .dropdown-menu .name, html.dark .userbox.open .dropdown-menu .custom-caret, html.header-dark .userbox.open .dropdown-menu .name, html.header-dark .userbox.open .dropdown-menu .custom-caret {
    color: #c3c3c3;
}

html.dark .userbox.open .dropdown-menu a, html.header-dark .userbox.open .dropdown-menu a {
    color: #c3c3c3;
}

html.dark .userbox.open .dropdown-menu a:hover, html.header-dark .userbox.open .dropdown-menu a:hover {
    color: #fff;
}

html.dark .userbox .dropdown-menu, html.header-dark .userbox .dropdown-menu {
    background: #282d36 none repeat scroll 0 0;
}

html.dark .userbox .dropdown-menu .divider, html.header-dark .userbox .dropdown-menu .divider {
    background: #263266 none repeat scroll 0 0;
}

html.dark .userbox .dropdown-menu a, html.header-dark .userbox .dropdown-menu a {
    color: #c3c3c3;
}

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

.pagination > li a {
    color: #cccccc;
}

.pagination > li a:hover, .pagination > li a:focus {
    color: #d9d9d9;
}

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

.pagination > li.active a {
    background-color: #cccccc;
}

.progress-bar-primary {
    background-color: #cccccc;
}

.progress-bar.progress-without-number[aria-valuenow="1"], .progress-bar.progress-without-number[aria-valuenow="2"] {
    min-width: 0;
}

.progress-bar.progress-bar-primary[aria-valuenow="0"] {
    background: transparent none repeat scroll 0 0;
}

.sidebar-right .sidebar-widget {
    margin: 0;
}

.sidebar-widget {
    margin: 0 30px 0 25px;
}

.sidebar-widget .widget-header {
    margin: 0;
    position: relative;
}

.sidebar-widget .widget-header h6 {
    color: #465162;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.sidebar-widget .widget-header .btn-widget-act {
    background-color: #0a0a0a;
    border-color: #0a0a0a black black;
    position: relative;
    top: -2px;
}

.sidebar-widget .widget-header .btn-widget-act:hover {
    background-color: #121212;
    border-color: #121212;
}

.sidebar-widget .widget-header .btn-widget-act:active, .sidebar-widget .widget-header .btn-widget-act:focus {
    background-color: black;
    border-color: black;
}

.sidebar-widget .widget-header .btn-widget-act.dropdown-toggle {
    border-left-color: black;
}

.sidebar-widget .widget-header .widget-toggle {
    color: #465162;
    cursor: pointer;
    font-size: 1.7rem;
    line-height: 1.3rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: rotate(45deg);
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: linear;
}

.sidebar-widget .widget-content {
    padding: 15px 0 0;
}

.sidebar-widget.widget-collapsed .widget-header .widget-toggle {
    transform: none;
}

.sidebar-widget.widget-collapsed .widget-content {
    display: none;
}

.sidebar-widget.widget-tasks ul li {
    position: relative;
}

.sidebar-widget.widget-tasks ul li a {
    color: #abb4be;
    display: block;
    margin: 0 -25px 0 -30px;
    padding: 10px 0 10px 55px;
}

.sidebar-widget.widget-tasks ul li a:hover {
    background: #21262d none repeat scroll 0 0;
    text-decoration: none;
}

.sidebar-widget.widget-tasks ul li::before {
    border: 5px solid #cccccc;
    border-radius: 100px;
    content: "";
    display: inline-block;
    left: 0;
    margin: -5px 0 0;
    position: absolute;
    top: 50%;
    z-index: 999;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+1)::before {
    border-color: #d64b4b;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+2)::before {
    border-color: #0090d9;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+3)::before {
    border-color: #4dd79c;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+4)::before {
    border-color: #d9a300;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+5)::before {
    border-color: #c926ff;
}

.sidebar-widget.widget-tasks ul li:nth-child(6n+6)::before {
    border-color: #ffff26;
}

.sidebar-widget.widget-stats ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.sidebar-widget.widget-stats .stats-title {
    color: #a6a6a6;
}

.sidebar-widget.widget-stats .stats-complete {
    color: #666;
    float: right;
    font-size: 1rem;
}

.sidebar-widget.widget-stats .progress {
    background: #474453 none repeat scroll 0 0;
    box-shadow: 0 1px 0 #585564 inset;
    height: 7px;
    margin-bottom: 25px;
}

.sidebar-widget.widget-calendar {
    margin: 0 0 25px;
}

.sidebar-widget.widget-calendar .datepicker {
    background: transparent none repeat scroll 0 0;
}

.sidebar-widget.widget-calendar ul {
    border-top: 1px solid #000;
    list-style: outside none none;
    margin: 0;
    padding: 20px 0;
}

.sidebar-widget.widget-calendar ul time {
    color: #777777;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0.1em;
}

.sidebar-widget.widget-calendar ul span {
    color: white;
    font-size: 1.4rem;
    line-height: 1.3em;
}

.sidebar-widget.widget-friends ul {
    list-style: outside none none;
    margin: 0;
    padding: 10px 2px;
}

.sidebar-widget.widget-friends ul li {
    padding: 10px 0;
}

.sidebar-widget.widget-friends ul li .profile-info, .sidebar-widget.widget-friends ul li .profile-picture {
    display: inline-block;
    vertical-align: middle;
}

.sidebar-widget.widget-friends ul li .profile-picture {
    position: relative;
    width: 35px;
}

.sidebar-widget.widget-friends ul li .profile-picture img {
    height: auto;
    width: 100%;
}

.sidebar-widget.widget-friends ul li .profile-info {
    margin: 0 35px 0 10px;
}

.sidebar-widget.widget-friends ul li span.name {
    color: white;
    display: block;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

.sidebar-widget.widget-friends ul li span.title {
    display: block;
    font-size: 1.2rem;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-widget.widget-friends ul li.status-online .profile-picture::after, .sidebar-widget.widget-friends ul li.status-offline .profile-picture::after {
    border: 2px solid #000;
    border-radius: 50%;
    content: "";
    display: none;
    height: 15px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 15px;
}

.sidebar-widget.widget-friends ul li.status-online .profile-picture::after {
    background-color: #1aae88;
    display: block;
}

.sidebar-widget.widget-friends ul li.status-offline .profile-picture::after {
    background-color: #d2312d;
    display: block;
}

.panel {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    direction: rtl;
}

.panel-heading {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #dadada;
    border-radius: 5px 5px 0 0;
    padding: 18px;
    position: relative;
}

.panel-heading.bg-primary {
    background: #cccccc none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-secondary {
    background: #e36159 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-tertiary {
    background: #2baab1 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-quartenary {
    background: #734ba9 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-success {
    background: #47a447 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-warning {
    background: #ed9c28 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-danger {
    background: #d2322d none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-info {
    background: #5bc0de none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-dark {
    background: #171717 none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
    color: white;
}

.panel-heading.bg-white {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    border-right: 0 none;
}

.panel-actions {
    position: absolute;
    left: 15px;
    top: 15px;
}

.panel-actions a {
    background-color: transparent;
    border-radius: 2px;
    color: #b4b4b4;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}

.panel-actions a:hover {
    background-color: #eeeeee;
    color: #b4b4b4;
    text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited {
    outline: medium none !important;
    text-decoration: none !important;
}

.panel-title {
    color: #33353f;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
}

.panel-subtitle {
    color: #808697;
    font-size: 12px;
    line-height: 24px;
    margin: 7px 0 0;
    padding: 0;
}

.panel-body {
    background: #fdfdfd none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    line-height: 26px;
}

.panel-body-nopadding {
    padding: 0;
}

.panel-heading + .panel-body {
    border-radius: 0 0 5px 5px;
}

.panel-footer {
    border-radius: 0 0 5px 5px;
    margin-top: -5px;
}

.panel-footer-btn-group {
    display: table;
    padding: 0;
    width: 100%;
}

.panel-footer-btn-group a {
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
    display: table-cell;
    padding: 10px 15px;
    text-decoration: none;
    width: 1%;
}

.panel-footer-btn-group a:hover {
    background-color: #f0f0f0;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
    border-left: medium none;
}

.panel-body.bg-primary {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-secondary {
    background: #e36159 none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-tertiary {
    background: #2baab1 none repeat scroll 0 0;
    color: #333;
}

.panel-body.bg-quartenary {
    background: #734ba9 none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-success {
    background: #47a447 none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-warning {
    background: #ed9c28 none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-danger {
    background: #d2322d none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-info {
    background: #5bc0de none repeat scroll 0 0;
    color: white;
}

.panel-body.bg-dark {
    background: #171717 none repeat scroll 0 0;
    color: white;
}

.panel-featured {
    border-top: 3px solid #33353f;
}

.panel-featured .panel-heading {
    border-radius: 0;
}

.panel-featured-top {
    border-top: 3px solid #33353f;
}

.panel-featured-right {
    border-right: 3px solid #33353f;
}

.panel-featured-bottom {
    border-bottom: 3px solid #33353f;
}

.panel-featured-left {
    border-left: 3px solid #33353f;
}

.panel-featured-primary {
    border-color: #cccccc;
}

.panel-featured-primary .panel-title {
    color: #cccccc;
}

.panel-featured-secondary {
    border-color: #e36159;
}

.panel-featured-secondary .panel-title {
    color: #e36159;
}

.panel-featured-tertiary {
    border-color: #2baab1;
}

.panel-featured-tertiary .panel-title {
    color: #2baab1;
}

.panel-featured-quartenary {
    border-color: #734ba9;
}

.panel-featured-quartenary .panel-title {
    color: #734ba9;
}

.panel-featured-success {
    border-color: #47a447;
}

.panel-featured-success .panel-title {
    color: #47a447;
}

.panel-featured-warning {
    border-color: #ed9c28;
}

.panel-featured-warning .panel-title {
    color: #ed9c28;
}

.panel-featured-danger {
    border-color: #d2322d;
}

.panel-featured-danger .panel-title {
    color: #d2322d;
}

.panel-featured-info {
    border-color: #5bc0de;
}

.panel-featured-info .panel-title {
    color: #5bc0de;
}

.panel-featured-dark {
    border-color: #171717;
}

.panel-featured-dark .panel-title {
    color: #171717;
}

.panel-highlight .panel-heading {
    background-color: #cccccc;
    border-color: #cccccc;
    color: #fff;
}

.panel-highlight .panel-title {
    color: #fff;
}

.panel-highlight .panel-subtitle {
    color: rgba(255, 255, 255, 0.7);
}

.panel-highlight .panel-actions a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.panel-highlight .panel-body {
    background-color: #cccccc;
    color: #fff;
}

.panel-highlight-title .panel-heading {
    background-color: #2baab1;
}

.panel-highlight-title .panel-title {
    color: #fff;
}

.panel-highlight-title .panel-subtitle {
    color: rgba(255, 255, 255, 0.7);
}

.panel-highlight-title .panel-actions a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.panel-heading-icon {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 55px;
    color: #fff;
    font-size: 4.2rem;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}

.panel-heading-icon.bg-primary {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-secondary {
    background: #e36159 none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-tertiary {
    background: #2baab1 none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-quartenary {
    background: #734ba9 none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-success {
    background: #47a447 none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-warning {
    background: #ed9c28 none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-danger {
    background: #d2322d none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-info {
    background: #5bc0de none repeat scroll 0 0;
    color: white;
}

.panel-heading-icon.bg-dark {
    background: #171717 none repeat scroll 0 0;
    color: white;
}

.panel-heading-profile-picture img {
    border: 4px solid #fff;
    border-radius: 50px;
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 100px;
}

.panel-icon {
    color: #fff;
    float: left;
    font-size: 42px;
}

.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
    margin-left: 64px;
}

html.dark .panel-heading {
    background: #282d36 none repeat scroll 0 0;
    border-bottom-color: #263266;
}

html.dark .panel-actions a:hover {
    background-color: #242830;
}

html.dark .panel-body {
    background: #2e353e none repeat scroll 0 0;
}

html.dark .panel-footer {
    background: #242830 none repeat scroll 0 0;
    border-top-color: #191c21;
}

html .panel-primary .panel-heading {
    background: #cccccc none repeat scroll 0 0;
}

html .panel-primary .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-primary .panel-title {
    color: white;
}

html .panel-primary .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-secondary .panel-heading {
    background: #e36159 none repeat scroll 0 0;
}

html .panel-secondary .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-secondary .panel-title {
    color: white;
}

html .panel-secondary .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-tertiary .panel-heading {
    background: #2baab1 none repeat scroll 0 0;
}

html .panel-tertiary .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-tertiary .panel-title {
    color: white;
}

html .panel-tertiary .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-quartenary .panel-heading {
    background: #734ba9 none repeat scroll 0 0;
}

html .panel-quartenary .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-quartenary .panel-title {
    color: white;
}

html .panel-quartenary .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-success .panel-heading {
    background: #47a447 none repeat scroll 0 0;
}

html .panel-success .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-success .panel-title {
    color: white;
}

html .panel-success .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-warning .panel-heading {
    background: #ed9c28 none repeat scroll 0 0;
}

html .panel-warning .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-warning .panel-title {
    color: white;
}

html .panel-warning .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-danger .panel-heading {
    background: #d2322d none repeat scroll 0 0;
}

html .panel-danger .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-danger .panel-title {
    color: white;
}

html .panel-danger .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-info .panel-heading {
    background: #5bc0de none repeat scroll 0 0;
}

html .panel-info .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-info .panel-title {
    color: white;
}

html .panel-info .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-dark .panel-heading {
    background: #171717 none repeat scroll 0 0;
}

html .panel-dark .panel-subtitle {
    color: white;
    opacity: 0.8;
}

html .panel-dark .panel-title {
    color: white;
}

html .panel-dark .panel-actions a {
    background-color: transparent !important;
    color: white;
}

html .panel-transparent > .panel-heading {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding-left: 0;
    padding-right: 0;
}

html .panel-transparent > .panel-heading .panel-actions {
    left: 0;
}

html .panel-transparent > .panel-heading + .panel-body {
    border-radius: 5px;
}

html .panel-transparent > .panel-body {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

html .panel .panel-heading-transparent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding-left: 0;
    padding-right: 0;
}

html .panel .panel-heading-transparent .panel-actions {
    left: 0;
}

html .panel .panel-heading-transparent + .panel-body {
    border-radius: 5px;
}

.panel-horizontal {
    display: table;
    width: 100%;
}

.panel-horizontal .panel-heading, .panel-horizontal .panel-body, .panel-horizontal .panel-footer {
    display: table-cell;
    vertical-align: middle;
}

.panel-horizontal .panel-heading {
    border-radius: 0 5px 5px 0;
}

.panel-horizontal .panel-heading + .panel-body {
    border-radius: 5px 0 0 5px;
}

.panel-horizontal .panel-footer {
    border-radius: 0 5px 5px 0;
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .panel-actions {
        float: left;
        margin-bottom: 15px;
        position: static;
        text-align: right;
    }

    .panel-actions a {
        vertical-align: top;
    }
}

.tabs {
    border-radius: 4px;
    margin-bottom: 35px;
}

.nav-tabs {
    font-size: 0;
    margin: 0;
}

.nav-tabs li {
    display: inline-block;
    float: none;
}

.nav-tabs li:last-child a {
    margin-right: 0;
}

.nav-tabs li a {
    border-radius: 5px 5px 0 0;
    font-size: 1.3rem;
    margin-right: 1px;
}

.nav-tabs li a, .nav-tabs li a:hover {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #dddddd #eeeeee -moz-use-text-color;
    border-style: solid solid none;
    border-width: 3px 1px medium;
    color: #555555;
}

.nav-tabs li a:hover {
    border-bottom-color: transparent;
    border-top: 3px solid #555555;
    box-shadow: none;
}

.nav-tabs li a:active, .nav-tabs li a:focus {
    border-bottom: 0 none;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    background: white none repeat scroll 0 0;
    border-left-color: #eeeeee;
    border-right-color: #eeeeee;
    border-top: 3px solid #555555;
    color: #555555;
}

.tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: white;
    border-color: -moz-use-text-color #eeeeee #eeeeee;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    padding: 15px;
}

.tab-content .panel-footer {
    margin: 15px -15px -15px;
}

.nav-tabs.nav-justified {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-bottom: -1px;
}

.nav-tabs.nav-justified li {
    margin-bottom: 0;
}

.nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover {
    border-left: medium none;
    border-radius: 5px 0 0;
}

.nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover {
    border-radius: 0 5px 0 0;
    border-right: medium none;
}

.nav-tabs.nav-justified li a {
    border-bottom: 1px solid #ddd;
    border-left: medium none;
    border-radius: 0;
    border-right: medium none;
    margin-right: 0;
}

.nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus {
    border-bottom: 1px solid #ddd;
    border-left: medium none;
    border-right: medium none;
}

.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
    background: white none repeat scroll 0 0;
    border-left-color: #eeeeee;
    border-right-color: #eeeeee;
    border-top: 3px solid #555555;
    color: #555555;
}

.nav-tabs.nav-justified li.active a {
    border-bottom: 1px solid #fff;
}

.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
    border-left: medium none;
    border-right: medium none;
    border-top-color: #555555;
    border-top-width: 3px;
}

.nav-tabs.nav-justified li.active a:hover {
    border-bottom: 1px solid #fff;
}

.tabs.tabs-bottom .tab-content {
    border-bottom: 0 none;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #eeeeee;
}

.tabs.tabs-bottom .nav-tabs {
    border-bottom: medium none;
    border-top: 1px solid #dddddd;
}

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

.tabs.tabs-bottom .nav-tabs li:last-child a {
    margin-right: 0;
}

.tabs.tabs-bottom .nav-tabs li a {
    border-radius: 0 0 5px 5px;
    font-size: 1.3rem;
    margin-right: 1px;
}

.tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active {
    border-bottom: 3px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active {
    border-bottom: 3px solid #555555;
    border-top: 1px solid #dddddd;
}

.tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom: 3px solid #555555;
    border-top-color: transparent;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
    border-top: medium none;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
    border-top-color: #dddddd;
    margin-right: 0;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
    border-radius: 0 0 0 5px;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
    border-radius: 0 0 5px;
    margin-right: 0;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
    border-top-color: transparent;
}

.tabs-vertical {
    display: table;
    width: 100%;
}

.tabs-vertical .tab-content {
    display: table-cell;
    vertical-align: top;
}

.tabs-vertical .nav-tabs {
    border-bottom: medium none;
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.tabs-vertical .nav-tabs > li {
    display: block;
}

.tabs-vertical .nav-tabs > li a {
    border-radius: 0;
    display: block;
    padding-top: 10px;
}

.tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus {
    border-bottom: medium none;
    border-top: medium none;
}

.tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus {
    border-top: medium none;
}

.tabs-left .tab-content {
    border-left: medium none;
    border-radius: 0 5px 5px;
}

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

.tabs-left .nav-tabs > li:first-child a {
    border-radius: 5px 0 0;
}

.tabs-left .nav-tabs > li:last-child a {
    border-radius: 0 0 0 5px;
}

.tabs-left .nav-tabs > li a {
    border-left: 3px solid #dddddd;
    border-right: 1px solid #eeeeee;
    margin-left: -3px;
    margin-right: 1px;
}

.tabs-left .nav-tabs > li a:hover {
    border-left-color: #555555;
}

.tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus {
    border-left: 3px solid #555555;
    border-right-color: #fff;
}

.tabs-right .tab-content {
    border-radius: 5px 0 5px 5px;
    border-right: medium none;
}

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

.tabs-right .nav-tabs > li:first-child a {
    border-radius: 0 5px 0 0;
}

.tabs-right .nav-tabs > li:last-child a {
    border-radius: 0 0 5px;
}

.tabs-right .nav-tabs > li a {
    border-left: 1px solid #eeeeee;
    border-right: 3px solid #dddddd;
    margin-left: 1px;
    margin-right: 1px;
}

.tabs-right .nav-tabs > li a:hover {
    border-right-color: #555555;
}

.tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus {
    border-left: 1px solid #fff;
    border-right: 3px solid #555555;
}

html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus {
    background: #282d36 none repeat scroll 0 0;
    border-left-color: #282d36;
    border-right-color: #282d36;
    border-top-color: #282d36;
}

html.dark .tabs .nav-tabs li a:hover {
    border-top-color: #808697;
}

html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus {
    border-top-color: #808697;
}

html.dark .tabs .nav-tabs.nav-justified {
    border-left-color: transparent;
    border-left-width: 0;
    border-right-color: transparent;
    border-right-width: 0;
}

html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus {
    border-bottom-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a {
    background: #282d36 none repeat scroll 0 0;
    border-left-color: #282d36;
    border-right-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a {
    border-bottom-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li.active a, html.dark .tabs.tabs-left .nav-tabs > li.active a:hover, html.dark .tabs.tabs-left .nav-tabs > li.active a:focus {
    border-left: 3px solid #555555;
}

html.dark .tabs.tabs-left .nav-tabs > li a:hover {
    border-left: 3px solid #555555;
}

html.dark .tabs .nav-tabs {
    border-color: #282d36;
}

html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus {
    background: #2e353e none repeat scroll 0 0;
    border-left-color: #2e353e;
    border-right-color: #2e353e;
}

html.dark .tabs .nav-tabs.nav-justified li.active a {
    border-bottom-color: #2e353e;
}

html.dark .tabs.tabs-vertical {
    border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus {
    border-bottom-color: #282d36;
    border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
    border-bottom-color: #808697;
    border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom-color: #808697;
    border-top-color: #2e353e;
}

html.dark .tabs .tab-content {
    background: #2e353e none repeat scroll 0 0;
    border-color: #2e353e;
}

html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus {
    border-top-color: #2e353e !important;
}

html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a {
    color: #808697;
}

html.dark .tab-content {
    background: #2e353e none repeat scroll 0 0;
    border-color: #263266;
}

html body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
    color: #cccccc;
}

html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
    border-top-color: #cccccc;
}

html body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #cccccc;
    color: #cccccc;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #cccccc;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #cccccc;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
    border-left-color: #cccccc;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #cccccc;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
    border-right-color: #cccccc;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #cccccc;
}

html body .tabs-success .nav-tabs li a, html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a, html body .tabs-success .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success .nav-tabs li a, html.dark body .tabs-success .nav-tabs li a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li a, html.dark body .tabs-success .nav-tabs.nav-justified li a:hover {
    color: #47a447;
}

html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success .nav-tabs li a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li a:hover {
    border-top-color: #47a447;
}

html body .tabs-success .nav-tabs li.active a, html body .tabs-success .nav-tabs li.active a:hover, html body .tabs-success .nav-tabs li.active a:focus, html body .tabs-success .nav-tabs.nav-justified li.active a, html body .tabs-success .nav-tabs.nav-justified li.active a:hover, html body .tabs-success .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-success .nav-tabs li.active a, html.dark body .tabs-success .nav-tabs li.active a:hover, html.dark body .tabs-success .nav-tabs li.active a:focus, html.dark body .tabs-success .nav-tabs.nav-justified li.active a, html.dark body .tabs-success .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #47a447;
    color: #47a447;
}

html body .tabs-success.tabs-bottom .nav-tabs li a:hover, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #47a447;
}

html body .tabs-success.tabs-bottom .nav-tabs li.active a, html body .tabs-success.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-success.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #47a447;
}

html body .tabs-success.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-success.tabs-vertical.tabs-left li a:hover {
    border-left-color: #47a447;
}

html body .tabs-success.tabs-vertical.tabs-left li.active a, html body .tabs-success.tabs-vertical.tabs-left li.active a:hover, html body .tabs-success.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #47a447;
}

html body .tabs-success.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-success.tabs-vertical.tabs-right li a:hover {
    border-right-color: #47a447;
}

html body .tabs-success.tabs-vertical.tabs-right li.active a, html body .tabs-success.tabs-vertical.tabs-right li.active a:hover, html body .tabs-success.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #47a447;
}

html body .tabs-warning .nav-tabs li a, html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a, html body .tabs-warning .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning .nav-tabs li a, html.dark body .tabs-warning .nav-tabs li a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li a, html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover {
    color: #ed9c28;
}

html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning .nav-tabs li a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover {
    border-top-color: #ed9c28;
}

html body .tabs-warning .nav-tabs li.active a, html body .tabs-warning .nav-tabs li.active a:hover, html body .tabs-warning .nav-tabs li.active a:focus, html body .tabs-warning .nav-tabs.nav-justified li.active a, html body .tabs-warning .nav-tabs.nav-justified li.active a:hover, html body .tabs-warning .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-warning .nav-tabs li.active a, html.dark body .tabs-warning .nav-tabs li.active a:hover, html.dark body .tabs-warning .nav-tabs li.active a:focus, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #ed9c28;
    color: #ed9c28;
}

html body .tabs-warning.tabs-bottom .nav-tabs li a:hover, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #ed9c28;
}

html body .tabs-warning.tabs-bottom .nav-tabs li.active a, html body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #ed9c28;
}

html body .tabs-warning.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-left li a:hover {
    border-left-color: #ed9c28;
}

html body .tabs-warning.tabs-vertical.tabs-left li.active a, html body .tabs-warning.tabs-vertical.tabs-left li.active a:hover, html body .tabs-warning.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #ed9c28;
}

html body .tabs-warning.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-right li a:hover {
    border-right-color: #ed9c28;
}

html body .tabs-warning.tabs-vertical.tabs-right li.active a, html body .tabs-warning.tabs-vertical.tabs-right li.active a:hover, html body .tabs-warning.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #ed9c28;
}

html body .tabs-danger .nav-tabs li a, html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a, html body .tabs-danger .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger .nav-tabs li a, html.dark body .tabs-danger .nav-tabs li a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li a, html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover {
    color: #d2322d;
}

html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger .nav-tabs li a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover {
    border-top-color: #d2322d;
}

html body .tabs-danger .nav-tabs li.active a, html body .tabs-danger .nav-tabs li.active a:hover, html body .tabs-danger .nav-tabs li.active a:focus, html body .tabs-danger .nav-tabs.nav-justified li.active a, html body .tabs-danger .nav-tabs.nav-justified li.active a:hover, html body .tabs-danger .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-danger .nav-tabs li.active a, html.dark body .tabs-danger .nav-tabs li.active a:hover, html.dark body .tabs-danger .nav-tabs li.active a:focus, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #d2322d;
    color: #d2322d;
}

html body .tabs-danger.tabs-bottom .nav-tabs li a:hover, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #d2322d;
}

html body .tabs-danger.tabs-bottom .nav-tabs li.active a, html body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #d2322d;
}

html body .tabs-danger.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-left li a:hover {
    border-left-color: #d2322d;
}

html body .tabs-danger.tabs-vertical.tabs-left li.active a, html body .tabs-danger.tabs-vertical.tabs-left li.active a:hover, html body .tabs-danger.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #d2322d;
}

html body .tabs-danger.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-right li a:hover {
    border-right-color: #d2322d;
}

html body .tabs-danger.tabs-vertical.tabs-right li.active a, html body .tabs-danger.tabs-vertical.tabs-right li.active a:hover, html body .tabs-danger.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #d2322d;
}

html body .tabs-info .nav-tabs li a, html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a, html body .tabs-info .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info .nav-tabs li a, html.dark body .tabs-info .nav-tabs li a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li a, html.dark body .tabs-info .nav-tabs.nav-justified li a:hover {
    color: #5bc0de;
}

html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info .nav-tabs li a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li a:hover {
    border-top-color: #5bc0de;
}

html body .tabs-info .nav-tabs li.active a, html body .tabs-info .nav-tabs li.active a:hover, html body .tabs-info .nav-tabs li.active a:focus, html body .tabs-info .nav-tabs.nav-justified li.active a, html body .tabs-info .nav-tabs.nav-justified li.active a:hover, html body .tabs-info .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-info .nav-tabs li.active a, html.dark body .tabs-info .nav-tabs li.active a:hover, html.dark body .tabs-info .nav-tabs li.active a:focus, html.dark body .tabs-info .nav-tabs.nav-justified li.active a, html.dark body .tabs-info .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #5bc0de;
    color: #5bc0de;
}

html body .tabs-info.tabs-bottom .nav-tabs li a:hover, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #5bc0de;
}

html body .tabs-info.tabs-bottom .nav-tabs li.active a, html body .tabs-info.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-info.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #5bc0de;
}

html body .tabs-info.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-info.tabs-vertical.tabs-left li a:hover {
    border-left-color: #5bc0de;
}

html body .tabs-info.tabs-vertical.tabs-left li.active a, html body .tabs-info.tabs-vertical.tabs-left li.active a:hover, html body .tabs-info.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #5bc0de;
}

html body .tabs-info.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-info.tabs-vertical.tabs-right li a:hover {
    border-right-color: #5bc0de;
}

html body .tabs-info.tabs-vertical.tabs-right li.active a, html body .tabs-info.tabs-vertical.tabs-right li.active a:hover, html body .tabs-info.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #5bc0de;
}

html body .tabs-dark .nav-tabs li a, html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
    color: #171717;
}

html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
    border-top-color: #171717;
}

html body .tabs-dark .nav-tabs li.active a, html body .tabs-dark .nav-tabs li.active a:hover, html body .tabs-dark .nav-tabs li.active a:focus, html body .tabs-dark .nav-tabs.nav-justified li.active a, html body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark .nav-tabs li.active a, html.dark body .tabs-dark .nav-tabs li.active a:hover, html.dark body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #171717;
    color: #171717;
}

html body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #171717;
}

html body .tabs-dark.tabs-bottom .nav-tabs li.active a, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #171717;
}

html body .tabs-dark.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
    border-left-color: #171717;
}

html body .tabs-dark.tabs-vertical.tabs-left li.active a, html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #171717;
}

html body .tabs-dark.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
    border-right-color: #171717;
}

html body .tabs-dark.tabs-vertical.tabs-right li.active a, html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #171717;
}

html.dark body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
    color: #fff;
}

html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
    border-top-color: #fff;
}

html.dark body .tabs-dark .nav-tabs li.active a, html.dark body .tabs-dark .nav-tabs li.active a:hover, html.dark body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #fff;
    color: #fff;
}

html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #fff;
}

html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #fff;
}

html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
    border-left-color: #fff;
}

html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #fff;
}

html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
    border-right-color: #fff;
}

html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #fff;
}

.ui-slider.ui-widget-content {
    background: #ebebeb none repeat scroll 0 0;
    border: medium none;
}

.ui-slider-horizontal {
    height: 6px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
}

.ui-slider-vertical {
    display: inline-block;
    width: 6px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -7px;
}

.ui-slider .ui-slider-handle {
    background: #d9d9d9 none repeat scroll 0 0;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.ui-slider .ui-slider-handle:hover {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
}

.ui-slider .ui-slider-handle {
}

.ui-slider .ui-slider-range {
    background: #d9d9d9 none repeat scroll 0 0;
}

.slider-primary .ui-slider-range, .slider-primary .ui-slider-handle {
    background: #cccccc none repeat scroll 0 0;
}

.slider-gradient.slider-primary .ui-slider-range, .slider-gradient.slider-primary .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
    background-image: linear-gradient(to right, #e6e6e6 0px, #cccccc 50%, #b3b3b3 100%);
}

.slider-success .ui-slider-range, .slider-success .ui-slider-handle {
    background: #47a447 none repeat scroll 0 0;
}

.slider-gradient.slider-success .ui-slider-range, .slider-gradient.slider-success .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-success .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-success .ui-slider-handle {
    background-image: linear-gradient(to right, #63bb63 0px, #47a447 50%, #388038 100%);
}

.slider-warning .ui-slider-range, .slider-warning .ui-slider-handle {
    background: #ed9c28 none repeat scroll 0 0;
}

.slider-gradient.slider-warning .ui-slider-range, .slider-gradient.slider-warning .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-warning .ui-slider-handle {
    background-image: linear-gradient(to right, #f1b257 0px, #ed9c28 50%, #d18211 100%);
}

.slider-danger .ui-slider-range, .slider-danger .ui-slider-handle {
    background: #d2322d none repeat scroll 0 0;
}

.slider-gradient.slider-danger .ui-slider-range, .slider-gradient.slider-danger .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-danger .ui-slider-handle {
    background-image: linear-gradient(to right, #db5b57 0px, #d2322d 50%, #a82824 100%);
}

.slider-info .ui-slider-range, .slider-info .ui-slider-handle {
    background: #5bc0de none repeat scroll 0 0;
}

.slider-gradient.slider-info .ui-slider-range, .slider-gradient.slider-info .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-info .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-info .ui-slider-handle {
    background-image: linear-gradient(to right, #85d0e7 0px, #5bc0de 50%, #31b0d5 100%);
}

.slider-dark .ui-slider-range, .slider-dark .ui-slider-handle {
    background: #171717 none repeat scroll 0 0;
}

.slider-gradient.slider-dark .ui-slider-range, .slider-gradient.slider-dark .ui-slider-handle {
}

.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-dark .ui-slider-handle {
    background-image: linear-gradient(to right, #313131 0px, #171717 50%, black 100%);
}

html.dark .ui-slider.ui-widget-content {
    background: #21262d none repeat scroll 0 0;
}

.alert-default {
    background-color: #ebebeb;
    border-color: #e3e3e3;
    color: #6c6c6c;
    direction: rtl;
    text-align: right;
}

.alert-default .alert-link {
    color: #454545;
}

.alert-primary {
    background-color: #cccccc;
    border-color: #c4c4c4;
    color: white;
}

.alert-primary .alert-link {
    color: #999999;
}

.alert-dark {
    background-color: #313131;
    border-color: black;
    color: #cacaca;
}

.alert-dark .alert-link {
    color: #f0f0f0;
}

.ui-pnotify {
    right: 15px;
    top: 15px;
}

.ui-pnotify .notification {
    border-radius: 5px;
    box-shadow: none;
    padding: 15px 15px 15px 75px;
}

.ui-pnotify .notification .ui-pnotify-icon {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 75px;
}

.ui-pnotify .notification .ui-pnotify-icon > span {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    float: none;
    font-size: 35px;
    height: 50px;
    line-height: 48px;
    margin: 8px 0 0;
    padding: 0;
    text-align: center;
    width: 50px;
}

.ui-pnotify .notification .ui-pnotify-title {
    direction: rtl;
    font-size: 14px;
    letter-spacing: 0;
    text-align: right;
}

.ui-pnotify .notification .ui-pnotify-text {
    font-size: 12px;
    line-height: 1.3em;
    text-align: right;
    direction: rtl;
}

.ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times {
    line-height: 47px;
}

.ui-pnotify .ui-pnotify-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.ui-pnotify.ui-pnotify-no-icon .notification {
    padding-left: 15px;
}

.ui-pnotify .ui-pnotify-sharp {
    border-radius: 0;
}

body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span {
    border-color: transparent;
    border-radius: 0;
}

.ui-pnotify.stack-bar-top {
    right: 0;
    top: 0;
}

.ui-pnotify.stack-bar-top .notification {
    border-radius: 0;
}

.ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span {
    margin-top: 7px;
}

.ui-pnotify.stack-bar-bottom {
    bottom: 0;
    left: auto;
    margin-left: 15%;
    right: auto;
    top: auto;
}

.ui-pnotify.stack-bar-bottom .notification {
    border-radius: 0;
}

.ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span {
    margin-top: 9px;
}

.ui-pnotify.click-2-close {
    cursor: pointer;
}

.ui-pnotify .notification-primary {
    background: rgba(204, 204, 204, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-primary .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary {
    background: #cccccc none repeat scroll 0 0;
}

.ui-pnotify.notification-primary .notification, .ui-pnotify.notification-primary .notification-primary {
    background: rgba(204, 204, 204, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary .notification .ui-pnotify-icon > span, .ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary.stack-bar-top .notification, .ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification, .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
    background: #cccccc none repeat scroll 0 0;
}

.ui-pnotify .notification-success {
    background: rgba(71, 164, 71, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-success .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-success, .ui-pnotify.stack-bar-bottom .notification-success {
    background: #47a447 none repeat scroll 0 0;
}

.ui-pnotify.notification-success .notification, .ui-pnotify.notification-success .notification-success {
    background: rgba(71, 164, 71, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success .notification .ui-pnotify-icon > span, .ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success.stack-bar-top .notification, .ui-pnotify.notification-success.stack-bar-top .notification-success, .ui-pnotify.notification-success.stack-bar-bottom .notification, .ui-pnotify.notification-success.stack-bar-bottom .notification-success {
    background: #47a447 none repeat scroll 0 0;
}

.ui-pnotify .notification-warning {
    background: rgba(237, 156, 40, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-warning .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-warning, .ui-pnotify.stack-bar-bottom .notification-warning {
    background: #ed9c28 none repeat scroll 0 0;
}

.ui-pnotify.notification-warning .notification, .ui-pnotify.notification-warning .notification-warning {
    background: rgba(237, 156, 40, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning .notification .ui-pnotify-icon > span, .ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning.stack-bar-top .notification, .ui-pnotify.notification-warning.stack-bar-top .notification-warning, .ui-pnotify.notification-warning.stack-bar-bottom .notification, .ui-pnotify.notification-warning.stack-bar-bottom .notification-warning {
    background: #ed9c28 none repeat scroll 0 0;
}

.ui-pnotify .notification-danger {
    background: rgba(210, 50, 45, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-danger .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-danger, .ui-pnotify.stack-bar-bottom .notification-danger {
    background: #d2322d none repeat scroll 0 0;
}

.ui-pnotify.notification-danger .notification, .ui-pnotify.notification-danger .notification-danger {
    background: rgba(210, 50, 45, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger .notification .ui-pnotify-icon > span, .ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger.stack-bar-top .notification, .ui-pnotify.notification-danger.stack-bar-top .notification-danger, .ui-pnotify.notification-danger.stack-bar-bottom .notification, .ui-pnotify.notification-danger.stack-bar-bottom .notification-danger {
    background: #d2322d none repeat scroll 0 0;
}

.ui-pnotify .notification-info {
    background: rgba(91, 192, 222, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-info .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-info, .ui-pnotify.stack-bar-bottom .notification-info {
    background: #5bc0de none repeat scroll 0 0;
}

.ui-pnotify.notification-info .notification, .ui-pnotify.notification-info .notification-info {
    background: rgba(91, 192, 222, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info .notification .ui-pnotify-icon > span, .ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info.stack-bar-top .notification, .ui-pnotify.notification-info.stack-bar-top .notification-info, .ui-pnotify.notification-info.stack-bar-bottom .notification, .ui-pnotify.notification-info.stack-bar-bottom .notification-info {
    background: #5bc0de none repeat scroll 0 0;
}

.ui-pnotify .notification-dark {
    background: rgba(23, 23, 23, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-dark .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-dark, .ui-pnotify.stack-bar-bottom .notification-dark {
    background: #171717 none repeat scroll 0 0;
}

.ui-pnotify.notification-dark .notification, .ui-pnotify.notification-dark .notification-dark {
    background: rgba(23, 23, 23, 0.95) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark .notification .ui-pnotify-icon > span, .ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span {
    border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark.stack-bar-top .notification, .ui-pnotify.notification-dark.stack-bar-top .notification-dark, .ui-pnotify.notification-dark.stack-bar-bottom .notification, .ui-pnotify.notification-dark.stack-bar-bottom .notification-dark {
    background: #171717 none repeat scroll 0 0;
}

@media only screen and (max-width: 767px) {
    html > body > .ui-pnotify {
        bottom: auto !important;
        left: 0 !important;
        margin: 0 !important;
        right: 0 !important;
        top: 60px !important;
        width: auto !important;
    }

    html > body > .ui-pnotify .notification {
        border-radius: 0 !important;
        height: auto !important;
        position: static !important;
        width: 100%;
    }

    html > body > .ui-pnotify .notification .ui-pnotify-title, html > body > .ui-pnotify .notification .ui-pnotify-text {
        padding-right: 35px !important;
    }

    html > body > .ui-pnotify .notification .ui-pnotify-sticker {
        display: none !important;
    }

    html > body > .ui-pnotify .notification .ui-pnotify-closer {
        display: block !important;
        font-size: 24px !important;
        visibility: visible !important;
    }
}

.progress-bar {
    background: #cccccc none repeat scroll 0 0;
}

.progress .progress-bar {
    border-radius: 4px;
    box-shadow: none;
}

.progress {
    background: #474453 none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
}

.progress.light {
    background: rgba(0, 0, 0, 0) linear-gradient(#f6f7f8, #f6f7f8 10%, whitesmoke 11%) repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-squared, .progress-squared .progress-bar {
    border-radius: 0 !important;
}

.progress-xs {
    height: 7px;
}

.progress-xs, .progress-xs .progress-bar {
    border-radius: 7px;
}

.progress-xs .progress-bar {
    direction: ltr !important;
    text-indent: -9999px;
}

.progress-xs.progress-half-rounded, .progress-xs.progress-half-rounded .progress-bar {
    border-radius: 2px;
}

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

.progress-sm {
    border-radius: 12px;
    height: 12px;
}

.progress-sm, .progress-sm .progress-bar {
    border-radius: 12px;
}

.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 12px;
}

.progress-sm.progress-half-rounded, .progress-sm.progress-half-rounded .progress-bar {
    border-radius: 4px;
}

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

.progress-md {
    border-radius: 14px;
    height: 14px;
}

.progress-md, .progress-md .progress-bar {
    border-radius: 14px;
}

.progress-md .progress-bar {
    font-size: 11px;
    line-height: 14px;
}

.progress-md.progress-half-rounded, .progress-md.progress-half-rounded .progress-bar {
    border-radius: 4px;
}

.progress-md.progress-striped .progress-bar {
    background-size: 25px 25px;
}

.progress-lg {
    border-radius: 16px;
    height: 16px;
}

.progress-lg, .progress-lg .progress-bar {
    border-radius: 16px;
}

.progress-lg .progress-bar {
    line-height: 16px;
}

.progress-lg.progress-half-rounded, .progress-lg.progress-half-rounded .progress-bar {
    border-radius: 5px;
}

.progress-lg.progress-striped .progress-bar {
    background-size: 30px 30px;
}

.progress-xl {
    border-radius: 18px;
    height: 18px;
}

.progress-xl, .progress-xl .progress-bar {
    border-radius: 18px;
}

.progress-xl .progress-bar {
    line-height: 18px;
}

.progress-xl.progress-half-rounded, .progress-xl.progress-half-rounded .progress-bar {
    border-radius: 6px;
}

.progress-xl.progress-striped .progress-bar {
    background-size: 35px 35px;
}

.progress .progress-bar-primary {
    background-color: #cccccc;
}

.progress .progress-bar-success {
    background-color: #47a447;
}

.progress .progress-bar-warning {
    background-color: #ed9c28;
}

.progress .progress-bar-danger {
    background-color: #d2322d;
}

.progress .progress-bar-info {
    background-color: #5bc0de;
}

.progress .progress-bar-dark {
    background-color: #171717;
}

.circular-bar {
    margin-bottom: 25px;
}

.circular-bar .circular-bar-chart {
    position: relative;
}

.circular-bar strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    left: 10%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 80%;
}

.circular-bar label {
    display: block;
    font-size: 17px;
    font-weight: 100;
    left: 10%;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80%;
}

.panel-group .panel-accordion {
    border: 1px solid #ddd;
}

.panel-group .panel-accordion .panel-heading {
    border-radius: 5px;
    padding: 0;
}

.panel-group .panel-accordion .panel-heading a {
    border-radius: 5px;
    color: #cccccc;
    display: block;
    font-size: 16px;
    padding: 15px;
}

.panel-group .panel-accordion .panel-heading a:hover, .panel-group .panel-accordion .panel-heading a:focus {
    text-decoration: none;
}

.panel-group .panel-accordion .panel-heading a .fa {
    margin-right: 4px;
}

.panel-group .panel-accordion .panel-body {
    border-radius: 0 0 5px 5px;
}

.panel-group .panel-accordion.panel-accordion-first {
    border-radius: 0 0 5px 5px;
}

.panel-group .panel-accordion.panel-accordion-first .panel-heading {
    border-radius: 0 0 5px 5px;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
    background: #cccccc none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-accordion-success .panel-heading .panel-title a {
    background: #47a447 none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-accordion-warning .panel-heading .panel-title a {
    background: #ed9c28 none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-accordion-danger .panel-heading .panel-title a {
    background: #d2322d none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-accordion-info .panel-heading .panel-title a {
    background: #5bc0de none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-accordion-dark .panel-heading .panel-title a {
    background: #171717 none repeat scroll 0 0;
    color: #fff;
}

html.dark .panel-group .panel-accordion {
    border-color: #282d36;
}

html.dark .panel-group .panel-accordion .panel {
    background-color: #282d36;
}

html.dark .panel-group .panel-accordion .panel-default {
    border-color: #282d36;
}

html.dark .panel-group .panel-accordion .panel-heading {
    background-color: #2e353e;
}

html.dark .panel-group .panel-accordion .form-control {
    background-color: #21262d;
    border-color: #21262d;
}

.chart {
    width: 100%;
}

.chart.chart-xs {
    height: 150px;
}

.chart.chart-sm {
    height: 184px;
}

.chart.chart-md {
    height: 350px;
}

.chart.chart-lg {
    height: 500px;
}

#flotTip {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    opacity: 0.7;
    padding: 4px 8px;
    z-index: 100;
}

.jqstooltip {
    border: 0 none !important;
    height: auto !important;
    min-height: 25px;
    min-width: 30px;
    width: auto !important;
}

.circular-bar {
    margin: 25px 0;
}

.circular-bar .circular-bar-chart {
    position: relative;
}

.circular-bar strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    left: 10%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 80%;
}

.circular-bar label {
    display: block;
    font-size: 17px;
    font-weight: 100;
    left: 10%;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80%;
}

.circular-bar.circular-bar-xs {
    width: 50px;
}

.circular-bar.circular-bar-xs strong {
    display: none;
}

.circular-bar.circular-bar-xs label {
    font-size: 11px;
    left: 0;
    text-align: center;
    top: 32%;
    width: 100%;
}

.gauge-chart {
    margin: 25px 0;
}

.gauge-chart strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
}

.gauge-chart label {
    display: block;
    font-size: 17px;
    font-weight: 100;
    line-height: 20px;
    padding-bottom: 5px;
    text-align: center;
}

.small-chart-wrapper {
    display: inline-block;
    margin: 10px 15px;
    width: 100%;
}

.small-chart-wrapper .small-chart {
    display: inline-block;
    float: left;
    margin-bottom: 8px;
    min-width: 80px;
}

.small-chart-wrapper .small-chart-info {
    display: inline-block;
    padding: 0 0 0 10px;
}

.small-chart-wrapper .small-chart-info label {
    color: #a0a0a0;
    display: block;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.small-chart-wrapper .small-chart-info strong {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    padding: 0;
}

.small-chart-wrapper + .small-chart-wrapper {
    margin-left: 25px;
}

@media only screen and (max-width: 767px) {
    .small-chart-wrapper {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .small-chart-wrapper .small-chart {
        text-align: center;
        width: 100%;
    }

    .small-chart-wrapper .small-chart-info {
        padding-left: 0;
    }
}

.liquid-meter {
    margin: 0 auto;
    max-height: 200px;
    max-width: 200px;
    padding-bottom: 50%;
    position: relative;
    width: 100%;
}

.liquid-meter meter {
    display: none;
}

.liquid-meter.liquid-meter-loaded {
    padding-bottom: 0;
    width: auto;
}

.liquid-meter.liquid-meter-loaded::before {
    display: none;
}

.liquid-meter-wrapper.liquid-meter-xs .liquid-meter {
    max-height: 120px;
    max-width: 120px;
}

.liquid-meter-wrapper.liquid-meter-sm .liquid-meter {
    max-height: 150px;
    max-width: 150px;
}

.liquid-meter-wrapper.liquid-meter-md .liquid-meter {
    max-height: 200px;
    max-width: 200px;
}

.liquid-meter-wrapper.liquid-meter-lg .liquid-meter {
    max-height: 230px;
    max-width: 230px;
}

.liquid-meter-wrapper .liquid-meter-selector {
    margin-top: 3px;
}

.liquid-meter-wrapper .liquid-meter-selector a {
    border-right: 1px solid #e4e4e4;
    color: #9b9b9b;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    margin-right: 8px;
    padding-right: 8px;
    text-transform: uppercase;
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
    color: #cccccc;
}

.liquid-meter-wrapper .liquid-meter-selector a:last-child {
    border-right: 0 none;
    margin-right: 0;
    padding-right: 0;
}

.chart-data-selector {
    max-height: 255px;
    padding: 6px;
    visibility: hidden;
}

.chart-data-selector h2 {
    color: #33353f;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.chart-data-selector h2 .multiselect {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 0 none;
    font-size: 20px;
    font-weight: 600;
    margin: -4px 0 0 4px !important;
    padding: 3px 12px 3px 8px;
}

.chart-data-selector h2 .multiselect:hover, .chart-data-selector h2 .multiselect:focus, .chart-data-selector h2 .multiselect:active {
    text-decoration: none;
}

.chart-data-selector h2 .multiselect-container {
    margin: 0 0 0 4px;
    min-width: 120%;
}

.chart-data-selector .chart-data-selector-items {
    overflow: hidden;
    position: relative;
}

.chart-data-selector .chart-data-selector-items .chart-active {
    visibility: hidden;
}

.chart-data-selector .chart-data-selector-items .chart-hidden {
    visibility: hidden;
}

.chart-data-selector.ready {
    max-height: none;
    visibility: visible;
}

.chart-data-selector.ready .chart-active {
    position: relative;
    visibility: visible;
    z-index: 2;
}

.chart-data-selector.ready .chart-hidden {
    position: absolute;
    top: -9999px;
    visibility: hidden;
    z-index: 1;
}

html.dark .chart-data-selector h2 .multiselect {
    background-color: #282d36;
}

.jstree-default .jstree-checkbox {
    background-image: url("../images/jstree.png");
}

.jstree-default .jstree-icon {
    color: #333;
}

.jstree-default .jstree-hovered {
    background-color: white;
}

.jstree-default .jstree-clicked {
    background-color: white;
}

.jstree-default .jstree-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.jstree-default .colored {
    color: #cccccc;
}

.jstree-default .colored .jstree-icon {
    color: #cccccc;
}

.jstree-default .colored-icon .jstree-icon {
    color: #cccccc;
}

.jstree-default .folder .jstree-icon {
    color: #ddc03f !important;
}

html.dark body .jstree-default .jstree-checkbox {
    background-image: url("../images/jstree-dark.png");
}

html.dark body .jstree-default .jstree-hovered {
    background-color: #21262d !important;
    box-shadow: none;
}

html.dark body .jstree-default .jstree-clicked {
    background-color: #263266 !important;
    box-shadow: none;
}

html.dark body .jstree-default .jstree-icon {
    color: #808697;
}

.word-rotate {
    display: inline-block;
    height: 0;
    margin-bottom: -7px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -1px;
    visibility: hidden;
    width: 100px;
}

.word-rotate.active {
    visibility: visible;
    width: auto;
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 100%;
}

.word-rotate .word-rotate-items span {
    display: block;
    white-space: nowrap;
}

.word-rotate.highlight {
    top: 1px;
}

h1 .word-rotate {
    margin-bottom: -12px;
}

h2 .word-rotate {
    margin-bottom: -12px;
}

h2.word-rotator-title {
    line-height: 54px;
}

.dd {
    display: block;
    font-size: 13px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.dd-list {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    min-height: 20px;
    padding: 0;
    position: relative;
}

.dd-handle {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-weight: 600;
    height: 34px;
    margin: 5px 0;
    padding: 6px 10px;
    text-decoration: none;
}

.dd-handle:hover {
    background: #fff none repeat scroll 0 0;
    color: #cccccc;
}

.dd-item > button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 1;
    margin: 7px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    width: 25px;
}

.dd-item > button::before {
    content: "+";
    display: block;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 100%;
}

.dd-item > button[data-action="collapse"]::before {
    content: "-";
}

.dd-placeholder {
    background: white none repeat scroll 0 0;
    border: 1px dashed #cccccc;
    box-sizing: border-box;
    margin: 5px 0;
    min-height: 30px;
    padding: 0;
}

.dd-empty {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e5e5e5;
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
    background-origin: padding-box;
    background-position: 0 0px, 30px 30px;
    background-repeat: repeat;
    background-size: 60px 60px;
    border: 1px dashed #bbb;
    box-sizing: border-box;
    margin: 5px 0;
    min-height: 100px;
    padding: 0;
}

.dd-dragel {
    pointer-events: none;
    position: absolute;
    z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

html.dark .dd-handle {
    background: #282d36 none repeat scroll 0 0;
    border-color: #21262d;
    color: #808697;
}

html.dark .dd-handle:hover {
    background: #21262d none repeat scroll 0 0;
}

.owl-carousel .item.spaced {
    margin: 5px;
}

.toggle {
    clear: both;
    margin: 10px 0 0;
    position: relative;
}

.toggle > input {
    cursor: pointer;
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.toggle > label {
    background: #f4f4f4 none repeat scroll 0 0;
    border-left: 3px solid #cccccc;
    border-radius: 5px;
    color: #cccccc;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 400;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    transition: all 0.15s ease-out 0s;
    padding-right: 35px;
}

.toggle > label i.fa-minus {
    display: none;
}

.toggle > label i.fa-plus {
    display: inline;
}

.toggle > label::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 6px solid transparent;
    border-image: none;
    border-left-color: inherit;
    border-right: 6px solid transparent;
    border-style: solid;
    border-top: 6px solid transparent;
    border-width: 6px;
    content: "";
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%;
}

.toggle > label:hover {
    background: #f5f5f5 none repeat scroll 0 0;
}

.toggle > label + p {
    display: block;
    height: 25px;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toggle > label i {
    font-size: 0.7em;
    margin-right: 8px;
    position: relative;
    top: 6px;
    float: left;
}

.toggle > .toggle-content {
    display: none;
}

.toggle > .toggle-content > p {
    margin-bottom: 0;
    padding: 10px 0;
}

.toggle.active i.fa-minus {
    color: #fff;
    display: inline;
}

.toggle.active i.fa-plus {
    display: none;
}

.toggle.active > label {
    background: #cccccc none repeat scroll 0 0;
    border-color: #cccccc;
    color: #fff;
}

.toggle.active > label::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    margin-top: -3px;
    right: 10px;
}

.toggle.active > p {
    white-space: normal;
}

.toggle > p.preview-active {
    height: auto;
    white-space: normal;
}

html.dark .toggle > label {
    background: #282d36 none repeat scroll 0 0;
}

.label-default {
    background: #ebebeb none repeat scroll 0 0;
    color: #777777;
}

.label-sm {
    font-size: 50%;
}

.label-primary {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.label-success {
    background: #47a447 none repeat scroll 0 0;
    color: white;
}

.label-warning {
    background: #ed9c28 none repeat scroll 0 0;
    color: white;
}

.label-danger {
    background: #d2322d none repeat scroll 0 0;
    color: white;
}

.label-info {
    background: #5bc0de none repeat scroll 0 0;
    color: white;
}

.label-dark {
    background: #171717 none repeat scroll 0 0;
    color: white;
}

.mfp-bg {
    z-index: 10000;
}

.mfp-wrap {
    z-index: 10001;
}

.modal-block {
    background: transparent none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    text-align: left;
}

.modal-block.modal-block-xs {
    max-width: 200px;
}

.modal-block.modal-block-sm {
    max-width: 400px;
}

.modal-block.modal-block-md {
    max-width: 600px;
}

.modal-block.modal-block-lg {
    max-width: 900px;
}

.modal-block.modal-block-full {
    max-width: 98%;
}

.modal-block.modal-header-color .panel-heading h2 {
    color: #fff;
}

.modal-block.modal-full-color {
    color: #fff;
}

.modal-block.modal-full-color .panel-heading {
    border: 0 none;
}

.modal-block.modal-full-color .panel-heading h2 {
    color: #fff;
}

.modal-block.modal-full-color .panel-footer {
    border: 0 none;
}

.modal-block.modal-full-color .panel-body {
    background-color: transparent;
}

.modal-block.modal-full-color .fa {
    color: #fff !important;
}

.modal-wrapper {
    padding: 25px 0;
    position: relative;
}

.modal-icon {
    float: left;
    text-align: center;
    width: 20%;
}

.modal-icon .fa {
    color: #cccccc;
    font-size: 52px;
    position: relative;
    top: -10px;
}

.modal-icon.center {
    float: none;
    padding-top: 20px;
    width: auto;
}

.modal-icon.center + .modal-text {
    float: none;
    width: auto;
}

.modal-icon + .modal-text {
    float: left;
    width: 80%;
}

.modal-text {
    padding: 0 5px;
}

.modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
    margin: -7px 0 4px;
    padding: 0;
}

.modal-block-primary .fa {
    color: #cccccc;
}

.modal-block-primary.modal-header-color .panel-heading {
    background-color: #cccccc;
}

.modal-block-primary.modal-full-color .panel {
    background-color: #e0e0e0;
}

.modal-block-primary.modal-full-color .panel-heading {
    background-color: #cccccc;
}

.modal-block-primary.modal-full-color .panel-footer {
    background-color: #e0e0e0;
}

.modal-block-success .fa {
    color: #47a447;
}

.modal-block-success.modal-header-color .panel-heading {
    background-color: #47a447;
}

.modal-block-success.modal-full-color .panel {
    background-color: #5cb85c;
}

.modal-block-success.modal-full-color .panel-heading {
    background-color: #47a447;
}

.modal-block-success.modal-full-color .panel-footer {
    background-color: #5cb85c;
}

.modal-block-warning .fa {
    color: #ed9c28;
}

.modal-block-warning.modal-header-color .panel-heading {
    background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .panel {
    background-color: #f0ad4e;
}

.modal-block-warning.modal-full-color .panel-heading {
    background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .panel-footer {
    background-color: #f0ad4e;
}

.modal-block-danger .fa {
    color: #d2322d;
}

.modal-block-danger.modal-header-color .panel-heading {
    background-color: #d2322d;
}

.modal-block-danger.modal-full-color .panel {
    background-color: #d9534f;
}

.modal-block-danger.modal-full-color .panel-heading {
    background-color: #d2322d;
}

.modal-block-danger.modal-full-color .panel-footer {
    background-color: #d9534f;
}

.modal-block-info .fa {
    color: #5bc0de;
}

.modal-block-info.modal-header-color .panel-heading {
    background-color: #5bc0de;
}

.modal-block-info.modal-full-color .panel {
    background-color: #7dcde5;
}

.modal-block-info.modal-full-color .panel-heading {
    background-color: #5bc0de;
}

.modal-block-info.modal-full-color .panel-footer {
    background-color: #7dcde5;
}

.modal-block-dark .fa {
    color: #171717;
}

.modal-block-dark.modal-header-color .panel-heading {
    background-color: #171717;
}

.modal-block-dark.modal-full-color .panel {
    background-color: #2b2b2b;
}

.modal-block-dark.modal-full-color .panel-heading {
    background-color: #171717;
}

.modal-block-dark.modal-full-color .panel-footer {
    background-color: #2b2b2b;
}

html.dark .modal-content {
    background-color: #263266;
}

html.dark .modal-header, html.dark .modal-footer {
    border-color: #282d36;
}

.mfp-close, .mfp-close-btn-in .mfp-close {
    color: #838383;
    font-family: IRANSans, tahoma !important;
    font-size: 22px;
    font-weight: 600;
}

.mfp-no-margins img.mfp-img {
    padding: 0;
}

.mfp-no-margins .mfp-figure::after {
    bottom: 0;
    top: 0;
}

.mfp-no-margins .mfp-container {
    padding: 0;
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0.001;
    transition: all 0.3s ease-out 0s;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease-in-out 0s;
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    transition: opacity 0.3s ease-out 0s;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transition: all 0.2s ease-out 0s;
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: translateY(0px) perspective(600px) rotateX(0deg);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0.01;
    transition: opacity 0.3s ease-out 0s;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.dialog {
    background: white none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 600px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}

.dialog.dialog-xs {
    max-width: 200px;
}

.dialog.dialog-sm {
    max-width: 400px;
}

.dialog.dialog-md {
    max-width: 600px;
}

.dialog.dialog-lg {
    max-width: 900px;
}

.white-popup-block {
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 600px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}

.white-popup-block.white-popup-block-xs {
    max-width: 200px;
}

.white-popup-block.white-popup-block-sm {
    max-width: 400px;
}

.white-popup-block.white-popup-block-md {
    max-width: 600px;
}

.white-popup-block.white-popup-block-lg {
    max-width: 900px;
}

html.dark .white-popup-block, html.dark .dialog {
    background: #263266 none repeat scroll 0 0;
}

.appear-animation {
    opacity: 0;
}

.appear-animation-visible {
    opacity: 1;
}

.animated, .appear-animation {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

@keyframes shake {
    0%, 100% {
        opacity: 1;
        transform: translateX(0px);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        opacity: 1;
        transform: translateX(0px);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    animation-name: shake;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        opacity: 1;
        transform: translateY(0px);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        opacity: 1;
        transform: translateY(0px);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    animation-name: bounce;
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.tada {
    animation-name: tada;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.swing {
    animation-name: swing;
    transform-origin: center top 0;
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        opacity: 1;
        transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        opacity: 1;
        transform: skewX(0deg);
    }
}

.wiggle {
    animation-name: wiggle;
    animation-timing-function: ease-in;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);

    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center center 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: center center 0;
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center center 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: center center 0;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: left bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: left bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: left bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: left bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom 0;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

.thumb-info {
    position: relative;
}

.thumb-info .thumb-info-title {
    background: rgba(36, 27, 28, 0.9) none repeat scroll 0 0;
    bottom: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.thumb-info .thumb-info-inner {
    display: block;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}

.thumb-info .thumb-info-type {
    background-color: #cccccc;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px -2px -15px;
    padding: 2px 9px;
    text-transform: none;
}

.widget-toggle-expand .widget-header {
    margin: 0;
    padding: 5px 0;
    position: relative;
}

.widget-toggle-expand .widget-header h6 {
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
}

.widget-toggle-expand .widget-header .widget-toggle {
    color: #b4b4b4;
    cursor: pointer;
    font-size: 2.1rem;
    line-height: 2.1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: rotate(45deg);
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: linear;
}

.widget-toggle-expand.widget-collapsed .widget-content-expanded {
    display: none;
}

.widget-toggle-expand.widget-collapsed .widget-header .widget-toggle {
    transform: none;
}

ul.simple-user-list {
    list-style: outside none none;
    padding: 0;
}

ul.simple-user-list li {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}

ul.simple-user-list li .image {
    float: right;
    font-size: 32px;
    margin: 0 0 0 10px;
}

ul.simple-user-list li .title {
    display: block;
    line-height: 1.334;
    text-align: right;
    padding-top: 3px;
    font-weight: bold;
}

ul.simple-user-list li .message {
    display: block;
    font-size: 1.1rem;
    line-height: 25px;
    text-align: right;
    margin-bottom: 10px;
}

ul.simple-post-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

ul.simple-post-list li {
    border-bottom: 1px dotted #e2e2e2;
    padding: 15px 0;
}

ul.simple-post-list li::after {
    clear: both;
    content: "";
    display: table;
}

ul.simple-post-list li .post-image {
    float: left;
    margin-right: 12px;
}

ul.simple-post-list li .post-meta {
    color: #888;
    font-size: 0.8em;
}

ul.simple-post-list li:last-child {
    border-bottom: medium none;
}

ul.simple-todo-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

ul.simple-todo-list li {
    padding: 0 0 0 20px;
    position: relative;

}

ul.simple-todo-list li.completed {
    color: #a7a7a7;
}

ul.simple-todo-list li.completed::before {
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 3px;
    z-index: 1;
}

ul.simple-post-list li:focus, ul.simple-post-list li:hover {
    background-color: #e9e9e9;
}

.social-icons-list {
    display: block;
    margin: 0;
    padding: 0;
}

.social-icons-list a {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.social-icons-list a:hover {
    text-decoration: none;
}

.social-icons-list a span {
    display: none;
}

.social-icons-list a i {
    color: #fff;
    font-size: 1.35rem;
    font-weight: normal;
}

.simple-compose-box {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}

.simple-compose-box textarea {
    background-color: transparent;
    border: 0 none;
    border-radius: 3px;
    display: block;
    padding: 10px 10px 5px;
    resize: none;
    width: 100%;
    text-align: right;
}

.simple-compose-box textarea:focus {
    border: 0 none;
    outline: medium none;
}

.simple-compose-box .compose-box-footer {
    background-color: #f6f7f8;
    border-radius: 0 0 5px 5px;
}

.simple-compose-box .compose-box-footer::after {
    clear: both;
    content: "";
    display: table;
}

.simple-compose-box .compose-box-footer .compose-toolbar {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 3px;
}

.simple-compose-box .compose-box-footer .compose-toolbar li {
    display: inline-block;
}

.simple-compose-box .compose-box-footer .compose-toolbar li a {
    color: #b3b7bd;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.simple-compose-box .compose-box-footer .compose-toolbar li a:hover {
    background-color: #e8eaed;
}

.simple-compose-box .compose-box-footer .compose-btn {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 3px;
}

ul.simple-card-list {
    list-style: outside none none;
    padding: 0;
}

ul.simple-card-list li {
    border-radius: 7px;
    margin: 15px 0;
    padding: 10px 15px;
}

ul.simple-card-list li h3 {
    font-size: 2.6rem;
    font-weight: 600;
    margin: 0;
}

ul.simple-card-list li p {
    margin: 0;
    opacity: 0.7;
}

.simple-card-list li.primary {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.simple-card-list li.success {
    background: #47a447 none repeat scroll 0 0;
    color: white;
}

.simple-card-list li.warning {
    background: #ed9c28 none repeat scroll 0 0;
    color: white;
}

.simple-card-list li.danger {
    background: #d2322d none repeat scroll 0 0;
    color: white;
}

.simple-card-list li.info {
    background: #5bc0de none repeat scroll 0 0;
    color: white;
}

.simple-card-list li.dark {
    background: #171717 none repeat scroll 0 0;
    color: white;
}

div.simple-card-list {
    display: table;
    width: 100%;
}

div.simple-card-list .card {
    display: table-cell;
}

div.simple-card-list .card .card-content {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin: 0 7px;
    padding: 5px;
}

div.simple-card-list .card h3 {
    font-size: 2.6rem;
    font-weight: 600;
    margin: 0;
}

div.simple-card-list .card p {
    margin: 0;
    opacity: 0.7;
}

ul.simple-bullet-list {
    list-style: outside none none;
    padding: 0;
}

ul.simple-bullet-list li {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
}

ul.simple-bullet-list li::before {
    border: 6px solid #cccccc;
    border-radius: 100px;
    content: "";
    display: inline-block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 2;
}

ul.simple-bullet-list li .title {
    color: #171717;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
}

ul.simple-bullet-list li .description {
    color: #999999;
    display: block;
    font-size: 1.1rem;
    line-height: 1.334;
}

ul.simple-bullet-list li.red::before {
    border-color: #d64b4b;
}

ul.simple-bullet-list li.green::before {
    border-color: #4dd79c;
}

ul.simple-bullet-list li.blue::before {
    border-color: #0090d9;
}

ul.simple-bullet-list li.orange::before {
    border-color: #e2a917;
}

.widget-summary {
    display: table;
    width: 100%;
    direction: rtl;
}

.widget-summary::after {
    clear: both;
    content: "";
    display: table;
}

.widget-summary .widget-summary-col {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.widget-summary .widget-summary-col.widget-summary-col-icon {
    color: #fff;
    direction: rtl;
    font-size: 21px;
    line-height: 34px;
    text-align: center;
    width: 1%;
}

.widget-summary .summary-icon {
    border-radius: 55px;
    color: #fff;
    font-size: 7.2rem;
    height: 120px;
    line-height: 141px;
    margin-right: 15px;
    text-align: center;
    width: 120px;

}

.widget-summary .summary {
    min-height: 65px;
    direction: ltr;
}

.widget-summary .summary .title {
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.2rem;
    margin: 6px 0;
    padding-right: 15px;
    text-align: right;
}

.widget-summary .summary .info {
    font-size: 1.4rem;
    line-height: 3rem;
}

.widget-summary .summary .info span {
    vertical-align: middle;
}

.widget-summary .summary .amount {
    color: #333333;
    float: right;
    font-size: 1.4rem;
    font-weight: 600;
    margin-right: 0.2em;
    text-align: right !important;
    vertical-align: middle;
    direction: rtl;
}

.widget-summary .summary-footer {
    border-top: 1px dotted #ddd;
    padding: 0;
    text-align: right;
}

.bg-primary .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-primary .widget-summary .summary .title, .bg-primary .widget-summary .summary .amount {
    color: white;
}

.bg-primary .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-primary .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-secondary .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-secondary .widget-summary .summary .title, .bg-secondary .widget-summary .summary .amount {
    color: white;
}

.bg-secondary .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-secondary .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-tertiary .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-tertiary .widget-summary .summary .title, .bg-tertiary .widget-summary .summary .amount {
    color: white;
}

.bg-tertiary .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-tertiary .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-quartenary .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-quartenary .widget-summary .summary .title, .bg-quartenary .widget-summary .summary .amount {
    color: white;
}

.bg-quartenary .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-quartenary .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-success .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-success .widget-summary .summary .title, .bg-success .widget-summary .summary .amount {
    color: white;
}

.bg-success .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-success .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-warning .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-warning .widget-summary .summary .title, .bg-warning .widget-summary .summary .amount {
    color: white;
}

.bg-warning .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-warning .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-danger .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-danger .widget-summary .summary .title, .bg-danger .widget-summary .summary .amount {
    color: white;
}

.bg-danger .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-danger .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-info .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-info .widget-summary .summary .title, .bg-info .widget-summary .summary .amount {
    color: white;
}

.bg-info .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-info .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

.bg-dark .widget-summary .summary-icon {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-dark .widget-summary .summary .title, .bg-dark .widget-summary .summary .amount {
    color: white;
}

.bg-dark .widget-summary .summary-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bg-dark .widget-summary .summary-footer a {
    color: white;
    opacity: 0.6;
}

@media only screen and (min-width: 480px) {
    .widget-summary.widget-summary-xlg {
        padding: 5px 0;
    }

    .widget-summary.widget-summary-xlg .summary-icon {
        font-size: 4.8rem;
        height: 110px;
        line-height: 110px;
        width: 110px;
    }

    .widget-summary.widget-summary-xlg .summary {
        min-height: 80px;
    }

    .widget-summary.widget-summary-xlg .summary .title {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .widget-summary.widget-summary-xlg .summary .info {
        font-size: 1.6rem;
        line-height: 3rem;
    }

    .widget-summary.widget-summary-xlg .summary .amount {
        font-size: 2.8rem;
    }
}

.widget-summary.widget-summary-lg {
    padding: 0;
}

.widget-summary.widget-summary-lg .summary-icon {
    font-size: 4.2rem;
    height: 90px;
    line-height: 90px;
    width: 90px;
}

.widget-summary.widget-summary-lg .summary {
    min-height: 65px;
}

.widget-summary.widget-summary-lg .summary .title {
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.widget-summary.widget-summary-lg .summary .info {
    font-size: 1.4rem;
    line-height: 3rem;
}

.widget-summary.widget-summary-lg .summary .amount {
    font-size: 2.4rem;
}

.widget-summary.widget-summary-md {
    padding: 0;
}

.widget-summary.widget-summary-md .summary-icon {
    font-size: 3.2rem;
    height: 70px;
    line-height: 70px;
    width: 70px;
}

.widget-summary.widget-summary-md .summary {
    margin-top: 12px;
    min-height: 0;
}

.widget-summary.widget-summary-md .summary .title {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-md .summary .info {
    font-size: 1.1rem;
    line-height: 2.2rem;
}

.widget-summary.widget-summary-md .summary .amount {
    font-size: 1.8rem;
    font-weight: 700;
}

.widget-summary.widget-summary-md .summary-footer {
    display: none;
}

.widget-summary.widget-summary-sm {
    padding: 0;
}

.widget-summary.widget-summary-sm .summary-icon {
    font-size: 2.2rem;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.widget-summary.widget-summary-sm .summary {
    margin-top: 4px;
    min-height: 0;
}

.widget-summary.widget-summary-sm .summary .title {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-sm .summary .info {
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-sm .summary .amount {
    font-size: 1.6rem;
    font-weight: 700;
}

.widget-summary.widget-summary-sm .summary-footer {
    display: none;
}

.widget-summary.widget-summary-xs {
    padding: 0;
}

.widget-summary.widget-summary-xs .summary-icon {
    font-size: 1.8rem;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.widget-summary.widget-summary-xs .summary {
    min-height: 0;
}

.widget-summary.widget-summary-xs .summary .title {
    font-size: 1.2rem;
    line-height: 40px;
}

.widget-summary.widget-summary-xs .summary .info {
    display: none;
}

.widget-summary.widget-summary-xs .summary-footer {
    display: none;
}

ul.widget-todo-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.widget-todo-list li {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 0;
    position: relative;
}

ul.widget-todo-list li label.line-through span {
    text-decoration: line-through;
}

ul.widget-todo-list li .checkbox-custom {
    margin-bottom: 0;
}

ul.widget-todo-list li .checkbox-custom label {
    padding-left: 10px;
}

ul.widget-todo-list li .todo-actions {
    bottom: 14px;
    position: absolute;
    right: 0;
    top: 14px;
}

ul.widget-todo-list li .todo-actions .todo-remove {
    color: #999999;
    font-size: 10px;
    vertical-align: middle;
}

ul.widget-todo-list li:last-child {
    border-bottom: 0 none;
}

.widget-profile-info {
    display: table;
    width: 100%;
}

.widget-profile-info .profile-picture {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.widget-profile-info .profile-picture img {
    border: 4px solid #fff;
    border-radius: 50px;
    display: block;
    height: 100px;
    margin-left: 15px;
    width: 100px;
}

.widget-profile-info .profile-info {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
}

.widget-profile-info .profile-info .profile-footer {
    border-top: 1px solid #cccccc !important;
    padding: 5px 0 0;
    text-align: right;
}

.widget-profile-info .profile-info .profile-footer a {
    color: #fff;
    opacity: 0.6;
}

.widget-twitter-profile {
    background-color: #cccccc;
    border-radius: 5px;
    color: #fff;
}

.widget-twitter-profile .top-image img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.widget-twitter-profile .profile-info {
    min-height: 75px;
    padding: 15px;
}

.widget-twitter-profile .profile-info::after {
    clear: both;
    content: "";
    display: table;
}

.widget-twitter-profile .profile-info .profile-picture {
    float: left;
    margin-right: 15px;
    position: relative;
}

.widget-twitter-profile .profile-info .profile-picture img {
    border: 4px solid #fff;
    border-radius: 50px;
    display: block;
    height: 100px;
    margin: -25px 0;
    width: 100px;
}

.widget-twitter-profile .profile-info .profile-account {
    float: left;
}

.widget-twitter-profile .profile-info .profile-account .name {
    margin: 0;
}

.widget-twitter-profile .profile-info .profile-account .account {
    color: white;
    line-height: 1.4;
    margin: 0;
}

.widget-twitter-profile .profile-info .profile-stats {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
}

.widget-twitter-profile .profile-info .profile-stats li {
    float: left;
    padding: 0 10px;
}

.widget-twitter-profile .profile-info .profile-stats li .stat {
    font-size: 1rem;
    margin: 0;
}

.widget-twitter-profile .profile-info .profile-stats li .count {
    display: block;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.widget-twitter-profile .profile-quote {
    background-color: #d6d6d6;
    border-radius: 0 0 5px 5px;
    padding: 15px 10px 15px 150px;
}

.widget-twitter-profile .profile-quote blockquote {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.widget-twitter-profile .profile-quote blockquote p {
    font-family: IRANSans, tahoma !important;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 10px;
    padding: 15px 0;
    position: relative;
}

.widget-twitter-profile .profile-quote blockquote p::before {
    content: "“";
    font-family: IRANSans, tahoma !important;
    font-size: 8rem;
    font-style: normal;
    left: -45px;
    line-height: 1;
    position: absolute;
    top: 0;
}

.widget-twitter-profile .profile-quote .quote-footer {
    border-top: 1px solid #e6e6e6;
    color: white;
    padding: 5px 0;
    text-align: right;
}

.widget-twitter-profile .profile-quote .quote-footer a {
    color: white;
}

@media only screen and (max-width: 479px) {
    .widget-twitter-profile .profile-info .profile-stats {
        clear: both;
        float: none;
        padding: 45px 0 0;
        text-align: center;
    }

    .widget-twitter-profile .profile-info .profile-stats li {
        display: inline-block;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    .widget-twitter-profile .profile-quote {
        padding-left: 10px;
    }

    .widget-twitter-profile .profile-quote blockquote {
        padding-left: 45px;
    }
}

html.dark {
}

html.dark .widget-summary .summary .title, html.dark .widget-summary .summary .amount {
    color: #eee;
}

html.dark .widget-summary .summary-footer {
    border-color: #4c4c4c;
}

html.dark .panel-footer-btn-group a {
    background-color: #282d36;
    border-color: #21262d;
}

html.dark .panel-footer-btn-group a:hover {
    background-color: #2e353e;
}

html.dark ul.widget-todo-list li {
    border-color: #242830;
}

html.dark ul.simple-post-list li {
    border-color: #4c4c4c;
}

html.dark ul.simple-user-list li .title {
    color: #eee;
}

html.dark ul.simple-bullet-list li .title {
    color: #eee;
}

html.dark .simple-compose-box {
    background-color: #282d36;
    border-color: #282d36;
}

html.dark .simple-compose-box .compose-box-footer {
    background-color: #21262d;
}

.nav-pills-primary > li a:hover, .nav-pills-primary > li a:focus {
    background-color: white;
    color: #cccccc;
}

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

.nav-pills-success > li a:hover, .nav-pills-success > li a:focus {
    background-color: #bfe2bc;
    color: #47a447;
}

.nav-pills-success > li.active > a, .nav-pills-success > li.active > a:hover, .nav-pills-success > li.active > a:active, .nav-pills-success > li.active > a:focus {
    background-color: #47a447;
}

.nav-pills-warning > li a:hover, .nav-pills-warning > li a:focus {
    background-color: #fbe4cd;
    color: #ed9c28;
}

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

.nav-pills-danger > li a:hover, .nav-pills-danger > li a:focus {
    background-color: #f2c0c3;
    color: #d2322d;
}

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

.nav-pills-info > li a:hover, .nav-pills-info > li a:focus {
    background-color: #f0fafc;
    color: #5bc0de;
}

.nav-pills-info > li.active > a, .nav-pills-info > li.active > a:hover, .nav-pills-info > li.active > a:active, .nav-pills-info > li.active > a:focus {
    background-color: #5bc0de;
}

.nav-pills-dark > li a:hover, .nav-pills-dark > li a:focus {
    background-color: #707070;
    color: #171717;
}

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

.portlet-handler {
    cursor: move;
}

.portlet-placeholder {
    background: #fafafa none repeat scroll 0 0;
    border: 1px dashed #dddddd;
    color: #444444;
    margin-bottom: 15px;
    padding: 0;
}

.table {
    width: 100%;
}

.table .table {
    background: transparent none repeat scroll 0 0;
}

.table.mb-none {
    margin-bottom: 0 !important;
}

.table .b-top-none td {
    border-top: medium none;
}

.table .actions, .table .actions-hover {
    vertical-align: middle;
}

.table .actions a, .table .actions-hover a {
    color: #666;
    display: inline-block;
    margin-right: 5px;
}

.table .actions a:last-child, .table .actions-hover a:last-child {
    margin-right: 0;
}

.table .actions a:hover, .table .actions-hover a:hover {
    color: #333;
}

.table .actions-hover a {
    opacity: 0;
}

.table tr:hover .actions-hover a {
    opacity: 1;
}

.table .actions-fade a {
    transition: all 0.2s linear 0s;
}

@media only screen and (max-width: 991px) {
    .table.table-no-more, .table.table-no-more thead, .table.table-no-more tbody, .table.table-no-more tr, .table.table-no-more th, .table.table-no-more td {
        display: block;
    }

    .table.table-no-more thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    .table.table-no-more tr {
        border-bottom: 1px solid #ddd;
    }

    .table.table-no-more td {
        border: medium none;
        padding-left: 50%;
        position: relative;
        text-align: left;
        white-space: normal;
    }

    .table.table-no-more td::before {
        content: attr(data-title);
        font-weight: bold;
        left: 6px;
        padding-right: 10px;
        position: absolute;
        text-align: left;
        top: 8px;
        white-space: nowrap;
        width: 45%;
    }

    .table.table-no-more.table-bordered td {
        border-bottom: 1px solid #efefef;
    }

    .table.table-no-more.table-condensed td::before {
        top: 5px;
    }
}

html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
    border-color: #262b33;
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #282d36;
}

html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th {
    background-color: #272c34;
}

html.dark .table .actions a, html.dark .table .actions-hover a {
    color: #808697;
}

@media screen and (max-width: 991px) {
    html.dark .table-responsive {
        border-color: #262b33;
    }
}

@media only screen and (max-width: 991px) {
    html.dark .table.table-no-more tr, html.dark .table.table-no-more.table-bordered td {
        border-bottom-color: #262b33;
    }
}

.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
    background-color: #cccccc;
    color: #fff;
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #47a447;
    color: #fff;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #ed9c28;
    color: #fff;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #d2322d;
    color: #fff;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #5bc0de;
    color: #fff;
}

.table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th {
    background-color: #171717;
    color: #fff;
}

.table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th {
    background-color: #4a4a4a;
    color: white;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper .DTTT.btn-group {
    display: inline-block !important;
}

.dataTables_wrapper .datatables-header {
    margin-bottom: 15px;
}

.dataTables_wrapper .datatables-header label {
    font-weight: normal;
    margin: 0;
}

.dataTables_wrapper table thead th {
    padding-right: 21px !important;
}

.dataTables_wrapper .dataTables_length .select2-container {
    margin-right: 10px;
    width: 75px;
}

@media only screen and (max-width: 991px) {
    .dataTables_wrapper .dataTables_length {
        margin-bottom: 15px;
    }

    .dataTables_wrapper .dataTables_length label {
        float: none;
        width: 100%;
    }
}

.dataTables_wrapper .dataTables_filter label {
    width: 50%;
}

.dataTables_wrapper .dataTables_filter input {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
    }
}

.dataTables_wrapper .datatables-footer {
    margin-top: 15px;
}

.dataTables_wrapper .datatables-footer .dataTables_info {
    font-size: 11px;
    margin-top: 6px;
    padding-top: 0;
}

.dataTables_wrapper .datatables-footer .dataTables_paginate .pagination {
    display: block;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .dataTables_wrapper .datatables-footer .dataTables_info {
        margin-bottom: 15px;
        text-align: center;
    }

    .dataTables_wrapper .datatables-footer .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination {
        display: inline-block;
    }
}

.dataTables_wrapper .dataTables_empty {
    padding: 50px 0;
    text-align: center;
}

.dataTables_processing {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3);
    color: #fff;
    left: 50%;
    margin-left: -36px;
    padding: 5px 10px;
    position: absolute;
    top: 3px;
}

@media only screen and (max-width: 991px) {
    .dataTables_processing {
        left: auto;
        margin-left: 0;
        right: 0;
    }
}

.DTTT_Print, .DTTT_Print .inner-wrapper, .DTTT_Print .content-body, .DTTT_Print .panel {
    background: #fff none repeat scroll 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
}

.DTTT_Print .dataTables_wrapper .DTTT.btn-group {
    display: none !important;
}

.DTTT_Print .DTTT_print_info {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: block;
    font-size: 14px;
    height: 100px;
    left: 0;
    line-height: 100px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}

html.dark div.DTTT .btn {
    color: #eee !important;
}

.pricing-table {
    margin: 25px 0;
    padding-left: 0;
    text-align: center;
}

.pricing-table ul {
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}

.pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    direction: rtl;
}

.pricing-table h3 {
    background-color: #eee;
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    margin: -20px -20px 50px;
    padding: 20px;
}

.pricing-table h3 span {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #fff;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    color: #cccccc;
    display: block;
    font: bold 34px/83px Georgia, serif;
    height: 100px;
    margin: 20px auto -65px;
    width: 100px;
}

.pricing-table .most-popular {
    border: 3px solid #ccc;
    box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    top: -10px;
    z-index: 2;
}

.pricing-table .most-popular h3 {
    background-color: #cccccc;
    color: #fff;
    padding-top: 30px;
}

.pricing-table .plan-ribbon-wrapper {
    height: 88px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 85px;
}

.pricing-table .plan-ribbon {
    background-color: #bfdc7a;
    background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #333;
    font-size: 14px;
    left: -5px;
    padding: 7px 0;
    position: relative;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    width: 120px;
}

.pricing-table .plan-ribbon::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: -3px;
    content: "";
    left: 0;
    position: absolute;
}

.pricing-table .plan-ribbon::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: -3px;
    content: "";
    position: absolute;
    right: 0;
}

.pricing-table .plan {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
    margin-bottom: 35px;
    margin-right: 0;
    padding: 20px;
    position: relative;
}

.pricing-table .btn {
    margin-top: 5px;
}

html.dark .pricing-table li {
    border-top-color: #21262d;

}

html.dark .pricing-table h3 {
    background-color: #21262d;
    text-shadow: none;
}

html.dark .pricing-table h3 span {
    background: #2e353e none repeat scroll 0 0;
    border-color: #242830;
    box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
    color: #ebebeb;
}

html.dark .pricing-table .most-popular {
    border-color: #282d36;
}

html.dark .pricing-table .most-popular h3 {
    background-color: #282d36;
    color: #808697;
    text-shadow: none;
}

html.dark .pricing-table .plan-ribbon {
    background-color: #282d36;
}

html.dark .pricing-table .plan {
    background: #282d36 none repeat scroll 0 0;
    border: 1px solid #282d36;
    color: #808697;
    text-shadow: none;
}

.fileupload .uneditable-input .fa {
    position: absolute;
    top: 12px;
}

.fileupload .uneditable-input .fileupload-preview {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0 0 0 17px;
    text-overflow: ellipsis;
    width: 100%;
}

.fileupload .btn {
    border-radius: 0;
}

@media only screen and (max-width: 479px) {
    .fileupload .uneditable-input {
        width: 170px;
    }
}

.input-daterange .input-group-addon {
    min-width: 36px;
}

.datepicker {
    line-height: 1.1em;
    margin: 0 auto;
    padding: 10px;
}

.datepicker.datepicker-inline {
    line-height: 1.7em;
    width: 100%;
}

.datepicker table {
    width: 100%;
}

.datepicker table tr td {
    border-radius: 0;
}

.datepicker table thead tr th {
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: normal;
    text-align: center;
}

.datepicker table thead tr th.prev {
    content: "";
    font-family: FontAwesome;
}

.datepicker table thead tr th.next {
    content: "";
    font-family: FontAwesome;
}

.datepicker table td {
    font-size: 1.2rem;
    text-align: center;
}

.datepicker table td.day {
    cursor: pointer;
    transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span:hover {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.datepicker table tbody tr td span.old, .datepicker table tbody tr td span.new {
    color: #ccc;
}

.datepicker table tbody tr td span.old:hover, .datepicker table tbody tr td span.new:hover {
    color: white;
}

.datepicker table tbody tr td.day:hover {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.datepicker table tbody tr td.day.active {
    background: #b3b3b3 none repeat scroll 0 0;
    color: white;
}

.datepicker table tbody tr td.day.new {
    color: #777777;
}

.datepicker table tbody tr td.day.new:hover {
    color: white;
}

.datepicker.datepicker-dark {
    background: #33363f none repeat scroll 0 0;
}

.datepicker.datepicker-dark table thead tr th.datepicker-switch {
    color: white;
}

.datepicker.datepicker-dark table thead tr th.dow {
    color: #777777;
}

.datepicker.datepicker-dark table tbody tr td span.old, .datepicker.datepicker-dark table tbody tr td span.new {
    color: #444;
}

.datepicker.datepicker-dark table tbody tr td span.old:hover, .datepicker.datepicker-dark table tbody tr td span.new:hover {
    color: white;
}

.datepicker.datepicker-dark table tbody tr td.day {
    color: white;
}

.datepicker.datepicker-dark table tbody tr td.day:hover {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

.datepicker.datepicker-dark table tbody tr td.day.active {
    background: #b3b3b3 none repeat scroll 0 0;
    color: white;
}

.datepicker.datepicker-dark table tbody tr td.day.new {
    color: #777777;
}

.datepicker.datepicker-dark table tbody tr td.day.new:hover {
    color: white;
}

.datepicker.datepicker-primary {
    min-width: 255px;
}

.datepicker.datepicker-primary.datepicker-inline {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
}

.datepicker.datepicker-primary table thead tr:first-child {
    background-color: #cccccc;
    color: white;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
    background-color: #b3b3b3;
}

.datepicker.datepicker-primary table thead tr:first-child th:first-child {
    border-radius: 4px 0 0;
}

.datepicker.datepicker-primary table thead tr:first-child th:last-child {
    border-radius: 0 4px 0 0;
}

.datepicker.datepicker-primary table thead tr:last-child {
    background-color: #d9d9d9;
    color: white;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
    background-color: #cccccc;
}

.datepicker.datepicker-primary table thead tr th {
    border-radius: 0;
}

html.dark .input-daterange .input-group-addon {
    text-shadow: none;
}

html.dark .datepicker-dropdown {
    background-color: #282d36;
    color: #eee;
}

html.dark .datepicker-dropdown::after {
    border-bottom-color: #282d36;
}

html.dark .datepicker-dropdown.datepicker-orient-bottom::before {
    border-top-color: rgba(0, 0, 0, 0.2);
}

html.dark .datepicker-dropdown.datepicker-orient-bottom::after {
    border-top-color: #282d36;
}

html.dark .datepicker.datepicker-primary {
    background: #282d36 none repeat scroll 0 0;
    border-color: #282d36;
}

.select2-container.form-control {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
}

.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
    background: #fff none repeat scroll 0 0;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    padding: 0;
}

.select2-search input {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-family: IRANSans;
    text-align: right;
}

.select2-container .select2-choices .select2-search-field input {
    box-shadow: none;
}

.select2-container .select2-choice {
    height: 34px;
    line-height: 1.42857;
}

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

.select2-container.input-sm .select2-choice {
    border-radius: 3px;
    height: 30px;
    line-height: 1.5;
}

.input-group-sm .select2-container .select2-choice {
    border-radius: 3px;
    height: 30px;
    line-height: 1.5;
}

.select2-container.input-lg .select2-choice, .input-group-lg .select2-container .select2-choice {
    border-radius: 6px;
    height: 45px;
    line-height: 1.33;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 32px;
    margin: 0;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input {
    height: 28px;
}

.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
    height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input, .input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
    height: 43px;
}

.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {
    padding: 6px 12px;
}

.input-sm .select2-chosen, .input-group-sm .select2-chosen, .input-sm .select2-choice > span:first-child, .input-group-sm .select2-choice > span:first-child, .input-sm .select2-choices .select2-search-field input, .input-group-sm .select2-choices .select2-search-field input {
    padding: 5px 10px;
}

.input-lg .select2-chosen, .input-group-lg .select2-chosen, .input-lg .select2-choice > span:first-child, .input-group-lg .select2-choice > span:first-child, .input-lg .select2-choices .select2-search-field input, .input-group-lg .select2-choices .select2-search-field input {
    padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background: #cccccc none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-size: 75%;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 5px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice {
    margin-bottom: 2px;
    margin-top: 3px;
}

.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
    margin-bottom: 2px;
    margin-top: 3px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice, .input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
    line-height: 24px;
}

.select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #ccc;
}

.select2-dropdown-open .select2-choice .select2-arrow, .select2-dropdown-open .select2-choice div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left-color: transparent;
}

.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
    background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open .select2-choice div b {
    background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b, .input-group-sm .select2-container .select2-choice .select2-arrow b, .select2-container.input-sm .select2-choice div b, .input-group-sm .select2-container .select2-choice div b {
    background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b, .input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open.input-sm .select2-choice div b, .input-group-sm .select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b, .input-group-lg .select2-container .select2-choice .select2-arrow b, .select2-container.input-lg .select2-choice div b, .input-group-lg .select2-container .select2-choice div b {
    background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b, .input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open.input-lg .select2-choice div b, .input-group-lg .select2-dropdown-open .select2-choice div b {
    background-position: -18px 9px;
}

.has-warning .select2-choice, .has-warning .select2-choices {
    border-color: #c09853;
}

.has-warning .select2-container-active .select2-choice, .has-warning .select2-container-multi.select2-container-active .select2-choices {
    border-color: #a47e3c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #dbc59e;
}

.has-warning.select2-drop-active {
    border-color: #a47e3c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #a47e3c;
}

.has-error .select2-choice, .has-error .select2-choices {
    border-color: #b94a48;
}

.has-error .select2-container-active .select2-choice, .has-error .select2-container-multi.select2-container-active .select2-choices {
    border-color: #953b39;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #d59392;
}

.has-error.select2-drop-active {
    border-color: #953b39;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #953b39;
}

.has-success .select2-choice, .has-success .select2-choices {
    border-color: #468847;
}

.has-success .select2-container-active .select2-choice, .has-success .select2-container-multi.select2-container-active .select2-choices {
    border-color: #356635;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7aba7b;
}

.has-success.select2-drop-active {
    border-color: #356635;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #356635;
}

.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: medium none;
}

.select2-drop-active {
    border-color: #66afe9;
}

.select2-drop-auto-width, .select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #66afe9;
}

.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}

.select2-results .select2-highlighted {
    background-color: #428bca;
    color: #fff;
}

.select2-bootstrap-append .select2-container-multiple, .select2-bootstrap-prepend .select2-container-multiple {
    vertical-align: top;
}

.select2-bootstrap-append .input-group-btn, .select2-bootstrap-prepend .input-group-btn {
    vertical-align: top;
}

.select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .input-group-btn .btn {
    vertical-align: top;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #ebebeb none repeat scroll 0 0;
    border-color: #adadad;
    box-shadow: none;
    color: #333;
}

.select2-search-choice-close {
    margin-top: -8px;
    top: 50%;
}

.select2-search-choice-close::after {
    color: #fff;
    content: "x";
    font-size: 10px;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container .select2-choice abbr {
    top: 50%;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-color: #fcf8e3;
    color: #c09853;
    text-align: right;
}

.select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices {
    background-color: #eee;
    border-color: #ccc;
    cursor: not-allowed;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow, .select2-container.select2-container-disabled .select2-choice div {
    background-color: transparent;
    border-left: 1px solid transparent;
}

.select2-container.select2-container-disabled .select2-choices .select2-arrow, .select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent;
}

.select2-search input.select2-active, .select2-container-multi .select2-choices .select2-search-field input.select2-active, .select2-more-results.select2-active {
    background-position: right 4px center;
}

html.dark .select2-container .select2-choices .select2-search-field input, html.dark .select2-container .select2-choice, html.dark .select2-container .select2-choices {
    background-color: #282d36;
    border-color: #282d36;
    color: #eee;
}

html.dark .select2-search {
    position: relative;
}

html.dark .select2-search input {
    background: #2e353e none repeat scroll 0 0;
    border-color: #242830;
    color: #eee;
}

html.dark .select2-search input.select2-active {
    background: #2e353e none repeat scroll 0 0;
}

html.dark .select2-search::before {
    color: #eee;
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    margin: -11px 0 0;
    position: absolute;
    right: 15px;
    top: 50%;
}

html.dark .select2-drop {
    background-color: #282d36;
    border-color: #21262d;
}

html.dark .select2-container-multi .select2-choices .select2-search-choice {
    color: #eee;
}

html.dark .select2-container .select2-choice .select2-arrow, html.dark .select2-container .select2-choice div {
    border-color: #282d36;
}

html.dark .select2-results .select2-result-label {
    color: #eee;
}

.panel-body .wizard-tabs {
    margin: -15px -15px 15px;
}

.panel-body-nopadding .wizard-tabs {
    margin: 0;
}

.wizard-tabs ul {
    direction: rtl;
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.wizard-tabs ul > li {
    border-bottom: 1px solid #eeeeee;
    display: table-cell;
}

.wizard-tabs ul > li.active {
    border-bottom-color: transparent;
}

.wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:hover, .wizard-tabs ul > li.active > a:focus {
    background: white none repeat scroll 0 0;
    color: #555555;
}

.wizard-tabs ul > li.active > a::after {
    border-left-color: white;
}

.wizard-tabs ul > li.active .badge {
    background-color: #cccccc;
}

.wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:hover, .wizard-tabs ul > li.disabled > a:focus {
    color: #cccccc;
}

.wizard-tabs ul > li.disabled .badge {
    background-color: #cccccc;
}

.wizard-tabs ul > li > a {
    color: #555555;
    display: block;
    font-size: 1.3rem;
    padding: 5px;
    position: relative;
    text-decoration: none;
}

.wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #555555;
}

.wizard-tabs ul > li > a:hover {
    box-shadow: none;
}

.wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus {
    border-bottom: 0 none;
}

.wizard-tabs ul > li > a::before, .wizard-tabs ul > li > a::after {
    border-image: none;
    border-width: 17px 0 17px 10px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    z-index: 1;
}

.wizard-tabs ul > li > a::before {
    border-left-color: #e0e0e0;
    right: -11px;
    z-index: 1;
}

.wizard-tabs ul > li > a::after {
    border-left-color: #f4f4f4;
    z-index: 2;
}

.wizard-tabs ul > li:last-child > a::before, .wizard-tabs ul > li:last-child > a::after {
    display: none;
}

html.dark .wizard-tabs ul > li {
    border-color: #282d36;
}

html.dark .wizard-tabs ul > li.active {
    border-color: #2e353e;
}

html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:hover, html.dark .wizard-tabs ul > li.active a:active {
    background: #2e353e none repeat scroll 0 0;
    color: #eee;
}

html.dark .wizard-tabs ul > li.active a::before {
    border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li.active a::after {
    border-left-color: #2e353e;
}

html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover {
    background: #282d36 none repeat scroll 0 0;
    color: #eee;
}

html.dark .wizard-tabs ul > li a::before {
    border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li a::after {
    border-left-color: #282d36;
}

html .wizard-progress, html.dark .wizard-progress {
    margin: 0 15px;
}

html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
    background: #cccccc none repeat scroll 0 0;
    height: 2px;
    margin: 0 38px;
    position: relative;
    top: 15px;
}

html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
    background: #cccccc none repeat scroll 0 0;
    height: 100%;
    transition: width 0.2s ease-in 0s;
    width: 0;
}

html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
    display: inline-block;
    font-size: 0;
    list-style: outside none none;
    margin: 0;
    padding: 15px 0 0;
    text-align: justify;
    width: 100%;
}

html .wizard-progress .wizard-steps::after, html.dark .wizard-progress .wizard-steps::after {
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 100%;
}

html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
    display: inline-block;
    max-width: 100px;
    min-width: 50px;
    vertical-align: top;
}

html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
    color: #33333f;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 25px 8px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
}

html .wizard-progress .wizard-steps li a span, html.dark .wizard-progress .wizard-steps li a span {
    background: #cccccc none repeat scroll 0 0;
    border: 2px solid #cccccc;
    border-radius: 35px;
    color: white;
    display: block;
    font-size: 13px;
    height: 30px;
    left: 50%;
    line-height: 26px;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    text-indent: -1px;
    top: 0;
    transition: all 0.2s ease-in 0s;
    width: 30px;
}

html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
    background: #cccccc none repeat scroll 0 0;
    color: white;
}

html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
    background: white none repeat scroll 0 0;
    border-color: #cccccc;
    color: #cccccc;
}

html .wizard-progress .wizard-steps li.completed.active a span, html.dark .wizard-progress .wizard-steps li.completed.active a span {
    color: #fff;
}

html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    margin: 0 auto 30px;
    width: 80%;
}

html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
    height: 4px;
    margin: 0 52px;
    top: 34px;
}

html .wizard-progress.wizard-progress-lg .wizard-steps, html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
    padding-top: 30px;
}

html .wizard-progress.wizard-progress-lg ul li, html.dark .wizard-progress.wizard-progress-lg ul li {
    max-width: 135px;
}

html .wizard-progress.wizard-progress-lg ul li a, html.dark .wizard-progress.wizard-progress-lg ul li a {
    font-size: 14px;
    padding-top: 40px;
}

html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {
    border-radius: 60px;
    border-width: 4px;
    font-size: 22px;
    height: 60px;
    line-height: 52px;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
}

html.dark .wizard-progress .wizard-steps li a {
    color: #808697;
}

html.dark .wizard-progress.wizard-progress ul li a span {
    background: #242830 none repeat scroll 0 0;
    border-color: #242830;
}

html.dark .wizard-progress .wizard-steps li.active a span {
    background: #242830 none repeat scroll 0 0;
}

html.dark .wizard-progress .steps-progress {
    background: #242830 none repeat scroll 0 0;
}

@media only screen and (max-width: 991px) {
    html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
    }

    html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
        display: none;
    }

    html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
        display: block;
        font-size: 0;
        overflow: hidden;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }

    html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
        display: inline-block;
        float: none;
        max-width: none;
        min-width: 0;
        position: relative;
        transition: margin 0.5s linear 0s;
        width: 100%;
    }

    html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
        position: relative;
        z-index: 2;
    }

    html .wizard-progress .wizard-steps li::before, html .wizard-progress .wizard-steps li::after, html.dark .wizard-progress .wizard-steps li::before, html.dark .wizard-progress .wizard-steps li::after {
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 0;
        width: 50%;
    }

    html .wizard-progress .wizard-steps li::before, html.dark .wizard-progress .wizard-steps li::before {
        background: #cccccc none repeat scroll 0 0;
        left: 0;
    }

    html .wizard-progress .wizard-steps li::after, html.dark .wizard-progress .wizard-steps li::after {
        background: #cccccc none repeat scroll 0 0;
        right: 0;
    }

    html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active {
        margin-left: 0;
    }

    html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed {
        margin-left: -100%;
    }

    html .wizard-progress .wizard-steps li.completed::after, html.dark .wizard-progress .wizard-steps li.completed::after {
        background: #cccccc none repeat scroll 0 0;
    }

    html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active {
        margin-left: 0;
    }

    html .wizard-progress .wizard-steps li:first-child::before, html.dark .wizard-progress .wizard-steps li:first-child::before {
        display: none;
    }

    html .wizard-progress .wizard-steps li:last-child::after, html.dark .wizard-progress .wizard-steps li:last-child::after {
        display: none;
    }

    html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
        max-width: none;
        min-width: 0;
    }

    html .wizard-progress.wizard-progress-lg .wizard-steps li::before, html .wizard-progress.wizard-progress-lg .wizard-steps li::after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li::before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li::after {
        height: 4px;
    }
}

.form-wizard {
    margin-bottom: 20px;
}

.form-wizard .tabs {
    margin-bottom: 0;
}

.form-wizard .tab-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    direction: rtl;
}

.form-wizard ul.pager .next a, .form-wizard ul.pager .previous a, .form-wizard ul.pager .first a, .form-wizard ul.pager .last a, .form-wizard ul.pager .finish a {
    cursor: pointer;
}

.form-wizard ul.pager .disabled a {
    cursor: not-allowed;
}

html.dark .form-wizard .pager li > a, html.dark .form-wizard .pager li > a:hover, html.dark .form-wizard .pager li > a:focus, html.dark .form-wizard .pager li > span {
    background: #2e353e none repeat scroll 0 0;
    border-color: #282d36;
    color: #eee;
}

html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > span {
    background: #282d36 none repeat scroll 0 0;
    border-color: #282d36;
    color: #eee;
}

.switch {
    cursor: pointer;
    display: inline-block;
    margin: 3px 0;
    vertical-align: middle;
}

.switch .ios-switch {
    height: 35px;
    width: 65px;
}

.switch .ios-switch .handle {
    height: 31px;
    width: 31px;
}

.switch.switch-primary .ios-switch .on-background {
    background: #cccccc none repeat scroll 0 0;
}

.switch.switch-success .ios-switch .on-background {
    background: #47a447 none repeat scroll 0 0;
}

.switch.switch-warning .ios-switch .on-background {
    background: #ed9c28 none repeat scroll 0 0;
}

.switch.switch-danger .ios-switch .on-background {
    background: #d2322d none repeat scroll 0 0;
}

.switch.switch-info .ios-switch .on-background {
    background: #5bc0de none repeat scroll 0 0;
}

.switch.switch-dark .ios-switch .on-background {
    background: #171717 none repeat scroll 0 0;
}

.switch.switch-lg .ios-switch {
    height: 45px;
    width: 75px;
}

.switch.switch-lg .ios-switch .handle {
    height: 41px;
    width: 41px;
}

.switch.switch-sm .ios-switch {
    height: 25px;
    width: 55px;
}

.switch.switch-sm .ios-switch .handle {
    height: 21px;
    width: 21px;
}

.ios-switch {
    backface-visibility: hidden;
    background-color: #e5e5e5;
    border-radius: 100px;
    height: 45px;
    position: relative;
    width: 75px;
}

.ios-switch .background-fill {
    border-radius: 100px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ios-switch .on-background {
    background-image: linear-gradient(#00e459, #00e158);
    opacity: 0;
    transition: all 0.3s ease 0.2s;
    z-index: 1;
}

.ios-switch .state-background {
    background-image: linear-gradient(white, #fdfdfd);
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    box-sizing: border-box;
    transform: scale(1);
    transition: all 0.4s ease 0s;
    z-index: 2;
}

.ios-switch .handle {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
    box-sizing: content-box;
    height: 41px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0.25s;
    width: 41px;
    z-index: 3;
}

.ios-switch.off .handle {
    animation: 0.3s ease 0.2s normal none 1 running expand-off;
    transform: translate3d(0px, 0px, 0px);
}

.ios-switch.off .on-background {
    transition: all 0.3s ease 0s;
}

.ios-switch.off .state-background {
    transition: all 0.4s ease 0.25s;
}

.ios-switch.on .handle {
    animation: 0.3s ease 0.2s normal none 1 running expand-on;
    transform: translate3d(30px, 0px, 0px);
}

.ios-switch.on .on-background {
    opacity: 1;
}

.ios-switch.on .state-background {
    transform: scale(0);
}

@keyframes expand-on {
    0% {
        padding-right: 0;
    }
    40% {
        padding-right: 9px;
    }
    100% {
        padding-right: 0;
    }
}

@keyframes expand-off {
    0% {
        left: 2px;
        padding-right: 0;
    }
    40% {
        left: -7px;
        padding-right: 9px;
    }
    100% {
        left: 2px;
        padding-right: 0;
    }
}

@keyframes expand-on {
    0% {
        padding-right: 0;
    }
    40% {
        padding-right: 9px;
    }
    100% {
        padding-right: 0;
    }
}

@keyframes expand-off {
    0% {
        left: 2px;
        padding-right: 0;
    }
    40% {
        left: -7px;
        padding-right: 9px;
    }
    100% {
        left: 2px;
        padding-right: 0;
    }
}

.note-editor {
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.note-editor.active {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.note-editor .note-title {
    padding-top: 0 !important;
}

.note-editor .note-toolbar {
    -moz-user-select: none;
    background-color: #fff;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-radius: 4px 4px 0 0;
    border-style: none none dashed;
    border-width: medium medium 1px;
    padding: 6px 4px 0;
}

.note-editor .note-toolbar i {
    margin: 0;
}

.note-editor .note-toolbar i::before {
    margin: 0;
}

.note-editor .note-toolbar .btn-group {
    float: none !important;
    margin: 0 0 6px 5px;
}

@media only screen and (max-width: 767px) {
    .note-editor .note-toolbar {
        text-align: center;
    }
}

.note-editor .note-editable {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 0 4px 4px;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
}

.note-editor .note-statusbar {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
}

.note-editor .note-statusbar .note-resizebar {
    border-color: #ddd;
    display: block;
}

html.dark .note-editor {
    border-color: #282d36;
    color: #eee;
}

html.dark .note-editor .note-toolbar, html.dark .note-editor .note-statusbar {
    background: #242830 none repeat scroll 0 0;
    border-color: #263266;
}

html.dark .note-editor .note-editable {
    background: #282d36 none repeat scroll 0 0;
    border-color: #263266;
}

html.dark .note-editor .note-statusbar .note-resizebar {
    border-color: #263266;
}

html.dark .note-editor .note-statusbar .note-resizebar .note-icon-bar {
    border-color: #444;
}

html.dark .note-editor .caret {
    border-color: #fff transparent transparent;
}

.md-editor {
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.md-editor > .md-header {
    border-radius: 4px 4px 0 0;
    padding: 6px 4px 0;
}

.md-editor > .md-preview, .md-editor > textarea {
    background: #fff none repeat scroll 0 0;
    border-bottom: medium none;
    border-radius: 0 0 4px 4px;
    outline: medium none;
    padding: 10px;
    width: 100% !important;
}

.md-editor .btn-group {
    margin-bottom: 6px;
}

html.dark .md-editor {
    border-color: #282d36;
}

html.dark .md-editor > .md-header, html.dark .md-editor .md-footer {
    background: #242830 none repeat scroll 0 0;
}

html.dark .md-editor > .md-preview, html.dark .md-editor > textarea {
    background: #282d36 none repeat scroll 0 0;
}

html.dark .md-editor > textarea {
    border-color: #263266;
    color: #eee;
}

@media only screen and (max-width: 767px) {
    .bootstrap-maxlength.bottom-left {
        margin-left: 40px;
    }
}

.bootstrap-tagsinput {
    width: 100%;
}

.form-group-invisible .bootstrap-tagsinput {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
}

html.dark .bootstrap-tagsinput {
    background: #282d36 none repeat scroll 0 0;
    border-color: #282d36;
}

html.dark .bootstrap-timepicker-widget {
    background-color: #282d36;
}

html.dark .bootstrap-timepicker-widget::before {
    border-bottom-color: #263266;
}

html.dark .bootstrap-timepicker-widget::after {
    border-bottom-color: #282d36;
}

html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom::before {
    border-top-color: #263266;
}

html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom::after {
    border-top-color: #282d36;
}

html.dark .bootstrap-timepicker-widget table td a {
    color: #fff;
}

html.dark .bootstrap-timepicker-widget table td a:hover {
    border-color: #282d36;
}

html.dark .bootstrap-timepicker-widget table td input {
    background-color: #21262d;
    border-color: #282d36;
    color: #eee;
}

html.dark .colorpicker {
    background-color: #282d36;
}

html.dark .colorpicker::before {
    border-bottom-color: #263266;
}

html.dark .colorpicker::after {
    border-bottom-color: #282d36;
}

html.dark .multiselect-container {
    background-color: #282d36;
}

html.dark .multiselect-container > li > a {
    color: #eee;
}

html.dark .multiselect-container > li > a:hover, html.dark .multiselect-container > li > a:focus {
    background-color: #263266;
    color: #fff;
}

.spinner-buttons.btn-group-vertical .btn {
    height: 18px;
    line-height: 14px;
    margin: 0 0 0 -1px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px;
}

.spinner-buttons.btn-group-vertical .btn i {
    margin-top: -2px;
}

.spinner-buttons.btn-group-vertical .btn:first-child {
    border-radius: 0 4px 0 0 !important;
}

.spinner-buttons.btn-group-vertical .btn:last-child {
    border-radius: 0 0 4px !important;
    height: 17px;
    margin-top: -1px;
}

.form-group-invisible {
    position: relative;
}

.form-group-invisible.focus .control-label-invisible {
    color: #263266;
}

.form-group-invisible .control-label-invisible {
    bottom: 0;
    display: block;
    float: none;
    left: 0;
    line-height: 64px;
    margin: 0;
    padding-left: 50px;
    position: absolute;
    right: 0;
    top: -15px;
    transition: color 0.15s ease-in-out 0s;
    width: auto;
}

.form-group-invisible .form-control-invisible, .form-group-invisible .form-control-invisible:focus, .form-group-invisible .form-control-invisible:active, .form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
    background: transparent none repeat scroll 0 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .form-group-invisible {
        padding-top: 30px;
    }

    .form-group-invisible .control-label-invisible {
        padding-left: 27px;
    }
}

html.dark .CodeMirror pre {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}

@media only screen and (max-width: 767px) {
    #gmap {
        margin: -40px -15px 0;
    }

    html.mobile-device #gmap {
        min-height: 100px;
    }
}

@media only screen and (min-width: 768px) {
    #gmap {
        bottom: 0;
        height: auto !important;
        left: 0;
        min-height: 0;
        position: absolute !important;
        right: 0;
        top: 0;
    }
}

.list-markers {
    border-bottom: 1px solid #21262d;
    padding-bottom: 10px;
}

.list-markers li {
    position: relative;
}

.list-markers p {
    margin: 0 0 2px;
    overflow: hidden;
    padding: 3px 55px 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.list-markers .location-action {
    position: absolute;
    right: 0;
    top: 2px;
}

.list-markers .location-action.location-edit {
    right: 15px;
    top: 3px;
}

.list-markers .location-action.location-center {
    right: 37px;
}

.marker-modal .modal-dialog {
    max-width: 450px;
}

.jqvmap-zoomin, .jqvmap-zoomout {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 2px;
    color: white;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    width: 20px;
}

.jqvmap-zoomin:hover, .jqvmap-zoomout:hover {
    background: #bfbfbf none repeat scroll 0 0;
}

.jqvmap-zoomout {
    top: 35px;
}

.mailbox .content-with-menu-container {
    background: #fff none repeat scroll 0 0;
}

.mailbox .mailbox-bullets .ball {
    border: 5px solid red;
    border-radius: 100px;
    display: block;
    float: right;
    margin-top: 6px;
}

.mailbox .mailbox-bullets .ball.pink {
    border-color: #ea4c89;
}

.mailbox .mailbox-bullets .ball.green {
    border-color: #9ae14f;
}

.mailbox .mailbox-bullets .ball.blue {
    border-color: #1bc3e1;
}

.mailbox .mailbox-bullets .ball.orange {
    border-color: #e2a917;
}

.mailbox .mailbox-folder {
    height: auto !important;
    padding: 0 0 40px;
}

.mailbox .mailbox-folder .mailbox-header {
    padding: 38px 40px 43px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-folder .mailbox-header {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-folder .mailbox-header .mailbox-title {
        margin-bottom: 10px !important;
    }
}

.mailbox .mailbox-folder .mailbox-header .search {
    float: right;
    margin-top: 3px;
    max-width: 100px;
}

.mailbox .mailbox-folder .mailbox-header .search input[type="text"] {
    transition-duration: 0.3s;
    transition-property: width, margin;
    transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
}

.mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
    margin-left: -150%;
    width: 250%;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
        margin-left: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-folder .mailbox-header .search {
        max-width: none;
    }
}

.mailbox .mailbox-actions {
    border-top: 1px solid #efefef;
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-actions {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}

.mailbox .mailbox-actions ul a.item-action {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    color: #b4bbc1;
    display: inline-block;
    font-size: 1.4rem;
    height: 30px;
    line-height: 3rem;
    position: relative;
    text-align: center;
    transition: color 0.3s cubic-bezier(0.2, 0.6, 0.25, 1) 0.1s;
    width: 30px;
}

.mailbox .mailbox-actions ul a.item-action:hover {
    color: #57636c;
    text-decoration: none;
}

.mailbox .mailbox-actions ul a.item-action.text-primary:hover {
    color: #b3b3b3 !important;
}

.mailbox .mailbox-actions ul a.item-action.text-success:hover {
    color: #388038 !important;
}

.mailbox .mailbox-actions ul a.item-action.text-warning:hover {
    color: #d18211 !important;
}

.mailbox .mailbox-actions ul a.item-action.text-danger:hover {
    color: #a82824 !important;
}

.mailbox .mailbox-actions ul a.item-action.text-info:hover {
    color: #31b0d5 !important;
}

.mailbox .mailbox-actions ul a.item-action.text-dark:hover {
    color: black !important;
}

.mailbox .mailbox-email-list {
    border-top: 1px solid #f7f7f7;
    font-size: 1.5rem;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list {
        position: static !important;
    }
}

.mailbox .mailbox-email-list li {
    border-bottom: 1px solid #f7f7f7;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list li {
        height: 75px;
        padding: 0 20px;
    }
}

.mailbox .mailbox-email-list li a {
    color: #777;
}

.mailbox .mailbox-email-list li:hover {
    background: #fafafa none repeat scroll 0 0;
}

.mailbox .mailbox-email-list li.unread a {
    color: #555;
    font-weight: 500;
}

.mailbox .mailbox-email-list li.active {
    background: #cccccc none repeat scroll 0 0;
}

.mailbox .mailbox-email-list li.active a {
    color: white;
}

.mailbox .mailbox-email-list .mail-label {
    border: 4px solid transparent;
    border-radius: 10px;
    display: inline-block;
    left: 16px;
    position: absolute;
    top: 21px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .mail-label {
        border-radius: 0;
        border-width: 1px;
        bottom: 0;
        left: 0;
        top: 0;
    }
}

.mailbox .mailbox-email-list .col-sender {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-sender {
        width: 100%;
    }
}

.mailbox .mailbox-email-list .col-sender p {
    left: 80px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-sender p {
        left: 60px;
    }
}

.mailbox .mailbox-email-list .col-mail {
    bottom: 0;
    left: 290px;
    position: absolute;
    right: 40px;
    top: 0;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-mail {
        left: 60px;
        right: 20px;
    }
}

.mailbox .mailbox-email-list .col-mail .mail-content, .mailbox .mailbox-email-list .col-mail .mail-date, .mailbox .mailbox-email-list .col-mail .mail-attachment {
    position: absolute;
    top: 0;
}

.mailbox .mailbox-email-list .col-mail .mail-content {
    left: 0;
    overflow: hidden;
    right: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-mail .mail-content {
        right: 0;
        top: 25px;
    }
}

.mailbox .mailbox-email-list .col-mail .mail-attachment {
    color: #bbb;
    line-height: 50px;
    right: 100px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-mail .mail-attachment {
        font-size: 1.1rem;
        line-height: 1.4rem;
        right: 55px;
        top: 6px;
    }
}

.mailbox .mailbox-email-list .col-mail .mail-date {
    padding-left: 80px;
    right: 0;
    width: 150px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .col-mail .mail-date {
        font-size: 1rem;
        line-height: 1.4rem;
        padding-left: 0;
        text-align: right;
        top: 5px;
        width: 130px;
    }
}

html.scroll .mailbox .mailbox-email-list .nano, html.boxed .mailbox .mailbox-email-list .nano {
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

html.scroll .mailbox .mailbox-email-list .nano .nano-content, html.boxed .mailbox .mailbox-email-list .nano .nano-content {
    overflow: visible;
    position: static;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email-list .nano {
        height: auto;
        overflow: visible;
        position: static;
        width: auto;
    }

    .mailbox .mailbox-email-list .nano .nano-content {
        overflow: visible;
        position: static;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed .mailbox .mailbox-email-list {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 191px;
    }
}

.mailbox .mailbox-email {
    background: #fafafa none repeat scroll 0 0;
}

.mailbox .mailbox-email .mailbox-email-header {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    margin: -40px -40px 0;
    padding: 30px;
}

@media only screen and (max-width: 767px) {
    .mailbox .mailbox-email .mailbox-email-header {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.mailbox .mailbox-email .mailbox-close-mail {
    color: #cccccc;
    cursor: pointer;
    float: left;
    font-weight: 300;
}

.mailbox .mailbox-email .mailbox-close-mail:hover {
    color: #d9d9d9;
}

.mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus {
    text-decoration: none;
}

.mailbox .mailbox-email .panel .panel-heading {
    background: #fff none repeat scroll 0 0;
    border-bottom-color: #efefef;
}

.mailbox .mailbox-email .panel .panel-heading .panel-actions {
    top: 17px;
}

.mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
    background: #fff none repeat scroll 0 0;
    color: #cccccc;
}

.mailbox .mailbox-email .panel .panel-footer {
    background: #fff none repeat scroll 0 0;
    border-top-color: #efefef;
    color: #bbb;
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
    .mailbox .mailbox-folder .mailbox-header .mailbox-title {
        position: relative;
        top: 28px;
    }

    .mailbox .mailbox-email .mailbox-email-header {
        padding-top: 80px;
    }

    html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title {
        position: static;
    }

    html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header {
        padding-top: 30px;
    }
}

.mailbox-compose {
    margin: -20px -40px 0;
    padding: 0 15px;
}

.mailbox-compose .compose {
    margin: 0 40px;
}

.mailbox-compose .compose .note-editable {
    min-height: 250px;
}

.mailbox-compose .compose .note-editor, .mailbox-compose .compose .note-toolbar {
    border: medium none;
}

.mailbox-compose .compose .note-resizebar {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mailbox-compose {
        margin: -20px -15px 0;
    }

    .mailbox-compose .compose {
        margin-left: 5px;
        margin-right: 5px;
    }
}

html.dark .mailbox .mailbox-email, html.dark .mailbox .content-with-menu-container {
    background: #263266 none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-folder .mailbox-header .input-search .btn-default {
    background: transparent none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-actions {
    border-top-color: #282d36;
}

html.dark .mailbox .mailbox-actions ul a.item-action {
    background: #2e353e none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-email-list {
    border-top-color: #282d36;
}

html.dark .mailbox .mailbox-email-list li {
    border-bottom-color: #242830;
}

html.dark .mailbox .mailbox-email-list li:hover {
    background: #161a1e none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-email-list li a {
    color: #808697;
}

html.dark .mailbox .mailbox-email-list li.unread a {
    color: #9ca1ae;
}

html.dark .mailbox .mailbox-email .mailbox-email-header {
    background: #21262d none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-email .panel .panel-heading, html.dark .mailbox .mailbox-email .panel .panel-footer {
    background-color: #282d36;
    border-color: #21262d;
    color: #808697;
}

html.dark .mailbox .mailbox-email .panel .panel-heading .panel-title, html.dark .mailbox .mailbox-email .panel .panel-footer .panel-title {
    color: #808697;
}

html.dark .mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
    background: #263266 none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-compose .note-editor .note-toolbar, html.dark .mailbox .mailbox-compose .note-editor .note-statusbar, html.dark .mailbox .mailbox-compose .note-editor .note-editable {
    background: #263266 none repeat scroll 0 0;
}

html.dark .mailbox .mailbox-compose .note-editor .note-editable {
    color: #808697;
}

.invoice {
    padding: 0 15px 15px;
}

.invoice address {
    color: #7f8597;
    line-height: 1.5em;
}

.invoice header {
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
}

.invoice header .h2, .invoice header .h4 {
    letter-spacing: 0;
}

.invoice .bill-to, .invoice .bill-data {
    padding: 15px 0;
}

.invoice .bill-data .value {
    display: inline-block;
    margin-left: 10px;
    width: 140px;
}

.invoice table.table {
    table-layout: fixed;
}

.invoice table.table > thead:first-child > tr > th {
    background-color: #f8f8f8;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

.invoice table.table > tbody tr > td {
    border-color: #dadada;
}

.invoice .invoice-items > tbody tr:last-child > td {
    border-bottom: 1px solid #dadada;
}

.invoice .invoice-items #cell-id {
    width: 10%;
}

.invoice .invoice-items #cell-item {
    width: 20%;
}

.invoice .invoice-items #cell-desc {
    width: 20%;
}

.invoice .invoice-items #cell-price {
    width: 10%;
}

.invoice .invoice-items #cell-qty {
    width: 10%;
}

.invoice .invoice-items #cell-total {
    width: 10%;
}

.invoice-summary .col-sm-4 {
    padding-left: 0;
}

@media only screen and (max-width: 991px) {
    .invoice .table-responsive > table.table {
        table-layout: auto;
    }

    .invoice-summary .col-sm-4 {
        padding-left: 15px;
    }
}

@media print {
    .invoice .table-responsive {
        border: medium none !important;
        overflow: visible !important;
        width: auto !important;
    }

    .invoice table.table.invoice-items {
        table-layout: auto;
    }

    .invoice header .col-sm-6:first-child, .invoice header .col-sm-6:last-child, .invoice .bill-info .col-md-6 {
        float: left !important;
    }

    .invoice header .col-sm-6:first-child {
        width: 25% !important;
    }

    .invoice header .col-sm-6:last-child {
        width: 75% !important;
    }

    .invoice .bill-info .col-md-6 {
        width: 50% !important;
    }

    .invoice .invoice-summary .col-sm-4 {
        float: right;
        padding: 0;
        width: 40%;
    }
}

html.dark .invoice header {
    border-bottom-color: #282d36;
}

html.dark .invoice table.table > thead:first-child > tr > th {
    background-color: #282d36;
    border-bottom-color: #282d36;
    border-top-color: #282d36;
}

html.dark .invoice table.table > tbody tr > td {
    border-color: #282d36;
}

.body-error {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

.body-error.error-outside {
    display: table;
    height: 100vh;
}

.body-error.error-outside .center-error {
    display: table-cell;
    vertical-align: middle;
}

.body-error.error-inside {
    margin-top: 150px;
}

.body-error .error-header {
    border-bottom: 1px solid #dadada;
    margin-bottom: 50px;
    padding-bottom: 15px;
}

.body-error .error-header .form {
    margin-top: 12px;
}

.body-error .error-code {
    font-size: 14rem;
    letter-spacing: -10px;
    line-height: 14rem;
}

.body-error .error-explanation {
    font-size: 2rem;
    line-height: 3.6rem;
}

@media only screen and (max-width: 1150px) {
    .body-error.error-inside {
        margin-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
    .body-error.error-inside .error-code {
        font-size: 10rem;
        letter-spacing: -7px;
        line-height: 10rem;
    }

    .body-error.error-inside .error-explanation {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .body-error .error-code {
        font-size: 9rem;
        letter-spacing: -7px;
        line-height: 9rem;
    }

    .body-error .error-explanation {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }

    .body-error.error-outside {
        height: auto;
        padding: 20px;
    }
}

.body-sign {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 100%;
}

.body-sign .center-sign {
    display: table-cell;
    padding-top: 50px;
    vertical-align: middle;
}

.body-sign .panel-sign {
    background: transparent none repeat scroll 0 0;
}

.body-sign .panel-sign .panel-title-sign .title {
    background-color: #cccccc;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 13px 17px;
    vertical-align: bottom;
}

.body-sign .panel-sign .panel-body {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px 0 5px 5px;
    border-top: 5px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}

.body-sign .input-group-icon .input-group-addon i {
    width: 14px;
}

.body-sign .checkbox-custom {
    margin-top: 8px;
}

.body-sign .line-thru {
    display: block;
    font-size: 1.2rem;
    position: relative;
}

.body-sign .line-thru span {
    color: #ccc;
    position: relative;
    z-index: 3;
}

.body-sign .line-thru::before {
    background-color: #fff;
    content: "";
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 2;
}

.body-sign .line-thru::after {
    border-bottom: 1px solid #dadada;
    content: "";
    display: block;
    left: 10%;
    position: absolute;
    top: 47%;
    width: 81%;
    z-index: 1;
}

.body-locked {
    background: rgba(0, 0, 0, 0) url("../images/patterns/noisy_net.png") repeat scroll 0 0;
    max-width: none;
    min-height: 400px;
}

.body-locked.body-locked-inline {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    min-height: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.body-locked .panel-sign {
    margin: 0 auto;
    max-width: 400px;
    padding-top: 40px;
}

.body-locked .panel-sign .panel-body {
    border-radius: 5px;
    position: relative;
}

.body-locked .current-user {
    margin-bottom: 35px;
    margin-top: 60px;
}

.body-locked .current-user .user-image {
    border: 5px solid #cccccc;
    border-radius: 150px;
    height: 150px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    top: -75px;
    width: 150px;
}

.body-locked .current-user .user-name {
    font-size: 3rem;
    line-height: 3.6rem;
}

.body-locked .current-user .user-email {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .body-locked .panel-sign, .body-locked.body-locked-inline .panel-sign {
        padding-top: 0;
    }

    .body-locked .center-sign, .body-locked.body-locked-inline .center-sign {
        padding-top: 0;
    }

    .body-locked .center-sign .current-user, .body-locked.body-locked-inline .center-sign .current-user {
        margin-bottom: 45px;
        margin-left: 100px;
        margin-top: 10px;
    }

    .body-locked .center-sign .current-user .user-image, .body-locked.body-locked-inline .center-sign .current-user .user-image {
        height: 100px;
        left: 35px;
        margin-left: 0;
        margin-top: 0;
        top: 15px;
        width: 100px;
    }
}

.mfp-lock-screen.mfp-bg {
    background: black url("../images/patterns/noisy_net.png") repeat scroll 0 0;
    opacity: 0.99;
    z-index: 9998;
}

.mfp-lock-screen.mfp-wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    z-index: 9999;
}

html.dark .body-sign .panel-sign .panel-body {
    background-color: #2e353e;
}

html.dark .body-sign .line-thru::before {
    background-color: #2e353e;
}

html.dark .body-sign .line-thru::after {
    border-bottom-color: #282d36;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fc .btn {
    line-height: 1.2em;
}

html .fc {
    font-size: 1em;
}

.fc table {
    font-size: 1em;
}

.fc td, .fc th {
    padding: 1px;
    vertical-align: top;
}

.fc-header td {
    vertical-align: middle;
    white-space: nowrap;
}

.fc-header-left {
    text-align: left;
    width: 1%;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    text-align: right;
    width: 99%;
}

.fc-header td.fc-header-right {
    white-space: normal;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

.fc-header-title h2 {
    margin: 0 0 10px;
    white-space: nowrap;
}

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    margin-right: -1px;
    vertical-align: top;
}

.fc-header .fc-corner-right {
    margin-right: 1px;
}

.fc-header .ui-corner-right {
    margin-right: 0;
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active, .fc-header .ui-state-down {
    background-color: #d9d9d9;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    z-index: 4;
}

.fc-content {
    clear: both;
}

.fc-view {
    width: 100%;
}

.fc .ui-widget-header {
    border-color: #dddddd;
    padding: 4px 0;
}

thead th.fc-first {
    border-top-left-radius: 5px;
}

thead th.fc-last {
    border-top-right-radius: 5px;
}

.ui-state-highlight.fc-today {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;
    border-image: none;
    border-radius: 0;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    margin: 2px !important;
}

.fc-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.fc-button-inner {
    float: left;
    overflow: hidden;
    position: relative;
}

.fc-button-content {
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}

.fc-button-content .fc-icon-wrap {
    float: left;
    position: relative;
    top: 50%;
}

.fc-button-content .ui-icon {
    float: left;
    margin-top: -50%;
    position: relative;
}

.fc-state-default {
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #cccccc #bbbbbb #aaaaaa;
    border-style: solid;
    color: black;
}

.fc-state-default .fc-button-effect {
    left: 0;
    position: absolute;
    top: 50%;
}

.fc-state-default .fc-button-effect span {
    background: #444444 none repeat scroll 0 0;
    border-color: white;
    border-style: solid;
    border-width: 100px 0 0 1px;
    height: 100px;
    left: 0;
    opacity: 0.09;
    position: absolute;
    top: -100px;
    width: 500px;
}

.fc-state-default .fc-button-inner {
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #cccccc #bbbbbb #aaaaaa;
    border-style: solid;
    color: black;
}

.fc-state-hover {
    border-color: #999999;
}

.fc-state-hover .fc-button-inner {
    border-color: #999999;
}

.fc-state-down {
    background: #777777 none repeat scroll 0 0;
    border-color: #555555;
}

.fc-state-down .fc-button-inner {
    background: #777777 none repeat scroll 0 0;
    border-color: #555555;
}

.fc-state-active {
    background: #777777 none repeat scroll 0 0;
    border-color: #555555;
    color: white;
}

.fc-state-active .fc-button-inner {
    background: #777777 none repeat scroll 0 0;
    border-color: #555555;
    color: white;
}

.fc-state-disabled {
    border-color: #dddddd;
    color: #999999;
    cursor: default;
}

.fc-state-disabled .fc-button-inner {
    border-color: #dddddd;
    color: #999999;
}

.fc-state-disabled .fc-button-effect {
    display: none;
}

.fc-event {
    border-style: solid;
    border-width: 0;
    cursor: default;
    font-size: 0.85em;
}

a.fc-event, .fc-event-draggable {
    cursor: pointer;
}

a.fc-event {
    text-decoration: none;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-skin {
    border: 0 none;
}

.fc-event-inner {
    border-style: solid;
    border-width: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fc-event-time, .fc-event-title {
    padding: 0 1px;
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-event-hori .ui-resizable-e {
    top: 0 !important;
}

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
    border-right-width: 1px;
}

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

.fc-grid th {
    text-align: center;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
}

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    font-weight: normal;
    padding: 0 4px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eeeeee none repeat scroll 0 0;
}

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-width: 1px 0 0;
}

.fc-agenda-slots td div {
    height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
}

.fc-event-vert {
    border-width: 0 1px;
}

.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

.fc-event-vert .fc-event-time {
    font-size: 10px;
    white-space: nowrap;
}

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display: none;
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
}

.fc .fc-header-center {
    display: none;
}

.fc .fc-widget-header {
    background: #cccccc none repeat scroll 0 0;
    border-color: #cccccc;
    color: white;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 10px 0;
    text-transform: uppercase;
}

.fc .fc-header-title h2 {
    color: #171717;
    font-size: 2.4rem;
    font-weight: normal;
}

.fc .fc-header-title h2::before {
    color: #cccccc;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 3rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 10px;
}

.fc-widget-content {
    border-color: #ddd;
}

.fc-content thead .fc-last .fc-first {
    border-top-left-radius: 4px;
}

.fc-content thead .fc-last .fc-last {
    border-top-right-radius: 4px;
}

.fc-content tbody .fc-last .fc-first {
    border-bottom-left-radius: 4px;
}

.fc-content tbody .fc-last .fc-last {
    border-bottom-right-radius: 4px;
}

.fc-content .fc-widget-content.fc-today {
    background: #f7f7f7 none repeat scroll 0 0;
}

.fc-event {
    background: #cccccc none repeat scroll 0 0;
    border-color: #cccccc;
}

.fc-event .fc-event-inner {
    padding: 2px 5px;
}

a.fc-event:hover .fc-event-inner {
    color: #fff;
    text-decoration: underline;
}

.fc-grid .fc-event-time {
    font-weight: 500;
}

.fc-grid .fc-event-time::after {
    content: " /";
}

.fc-grid .fc-event-title {
    font-weight: 300;
}

.fc-event.fc-event-default {
    background: #ebebeb none repeat scroll 0 0;
    border-color: #ebebeb;
}

.fc-event.fc-event-default .fc-event-inner {
    color: #777777;
}

a.fc-event.fc-event-default:hover {
    color: #777777;
}

.fc-event.fc-event-primary {
    background: #cccccc none repeat scroll 0 0;
    border-color: #cccccc;
}

.fc-event.fc-event-primary .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-primary:hover {
    color: white;
}

.fc-event.fc-event-success {
    background: #47a447 none repeat scroll 0 0;
    border-color: #47a447;
}

.fc-event.fc-event-success .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-success:hover {
    color: white;
}

.fc-event.fc-event-warning {
    background: #ed9c28 none repeat scroll 0 0;
    border-color: #ed9c28;
}

.fc-event.fc-event-warning .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-warning:hover {
    color: white;
}

.fc-event.fc-event-danger {
    background: #d2322d none repeat scroll 0 0;
    border-color: #d2322d;
}

.fc-event.fc-event-danger .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-danger:hover {
    color: white;
}

.fc-event.fc-event-info {
    background: #5bc0de none repeat scroll 0 0;
    border-color: #5bc0de;
}

.fc-event.fc-event-info .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-info:hover {
    color: white;
}

.fc-event.fc-event-dark {
    background: #171717 none repeat scroll 0 0;
    border-color: #171717;
}

.fc-event.fc-event-dark .fc-event-inner {
    color: white;
}

a.fc-event.fc-event-dark:hover {
    color: white;
}

.external-event {
    cursor: move;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 5px;
    padding: 10px;
    text-align: left;
}

@media only screen and (max-width: 400px) {
    .fc .fc-header-right .btn-group {
        margin: 10px 0;
    }

    .fc .fc-header-right br.hidden {
        display: block !important;
    }
}

@media only screen and (max-width: 480px) {
    .fc .fc-header-left, .fc .fc-header-right {
        display: block;
        width: 100%;
    }

    .fc .fc-header-right {
        padding: 0 0 15px;
        text-align: center;
    }
}

@media only screen and (max-width: 991px) {
    .fc {
        margin-bottom: 30px;
    }
}

html.dark .fc .fc-header-title h2 {
    color: #fff;
}

html.dark .ui-state-highlight.fc-today, html.dark .fc .ui-widget-header, html.dark .fc-widget-content, html.dark .fc-state-disabled, html.dark .fc-state-disabled .fc-button-inner {
    border-color: rgba(0, 0, 0, 0.3);
}

html.dark .fc-content .fc-widget-content.fc-today {
    background: #21262d none repeat scroll 0 0;
}

.timeline .tm-body {

    position: relative;
}

.timeline .tm-body::after {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 140px;
    margin-left: -2px;
    opacity: 0.35;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 0;
}

.timeline .tm-title {
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 0 40px;
    min-width: 200px;
    padding: 4px 5px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.timeline .tm-items {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.timeline .tm-items > li {
    margin: 30px 0;
    min-height: 65px;
    padding: 0 0 0 190px;
    position: relative;
    z-index: 1;
}

.timeline .tm-items > li .tm-datetime {
    height: 48px;
    left: 0;
    margin-top: -24px;
    position: absolute;
    text-align: right;
    top: 50%;
    width: 100px;
    z-index: 3;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #cccccc;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.timeline .tm-items > li .tm-icon {
    background-color: #ecedf0;
    border: 3px solid #cccccc;
    border-radius: 28px;
    color: #cccccc;
    font-size: 28px;
    height: 55px;
    left: 140px;
    line-height: 29px;
    margin-left: -28px;
    margin-top: -28px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 55px;
    z-index: 2;
}

.timeline .tm-items > li .tm-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    min-height: 65px;
    padding: 10px 20px;
    position: relative;
    direction: rtl;
    text-align: right;
}

.timeline .tm-items > li .tm-box::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
    z-index: 2;
}

.timeline .tm-items > li .tm-box p:last-child {
    margin-bottom: 0;
}

.timeline .tm-items > li .tm-box .tm-meta {
    margin: 10px 0 0;
}

.timeline .tm-items > li .tm-box .tm-meta span {
    display: inline-block;
    padding-right: 8px;
}

.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
    padding-right: 0;
}

.timeline.timeline-simple .tm-body::after {
    left: 30px;
}

.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px;
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 55px;
}

.timeline.timeline-simple .tm-body .tm-items > li::before {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 0 3px white, 0 0 0 6px #cccccc;
    content: " ";
    display: block;
    height: 7px;
    left: 30px;
    margin-left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}

.timeline.timeline-simple .tm-body .tm-items > li .tm-box::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #e9e9e9 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    left: -17px;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .timeline .tm-body::after {
        left: 20px;
    }

    .timeline .tm-title {
        margin: 0;
    }

    .timeline .tm-items > li {
        padding-left: 50px;
    }

    .timeline .tm-items > li .tm-info {
        margin: 0 0 15px;
    }

    .timeline .tm-items > li .tm-info::after {
        clear: both;
        content: "";
        display: table;
    }

    .timeline .tm-items > li .tm-icon {
        border-width: 2px;
        float: left;
        font-size: 22px;
        height: 40px;
        line-height: 36px;
        margin: 0 15px 0 0;
        padding: 0;
        position: static;
        width: 40px;
    }

    .timeline .tm-items > li .tm-datetime {
        margin: 0;
        position: static;
        text-align: left;
    }

    .timeline .tm-items > li .tm-datetime .tm-datetime-date {
        font-size: 1.2rem;
        line-height: 1.3;
    }

    .timeline .tm-items > li .tm-datetime .tm-datetime-time {
        font-size: 1.8rem;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 767px) {
    .timeline .tm-items > li .tm-box .tm-meta span {
        display: block;
    }
}

html.dark .timeline .tm-items > li .tm-box {
    background: #282d36 none repeat scroll 0 0;
    border-color: #21262d;
}

html.dark .timeline .tm-items > li .tm-box::after {
    border-right-color: #282d36;
}

html.dark .timeline .tm-items > li .tm-box::before {
    border-right-color: #21262d;
}

html.dark .timeline .tm-items > li .tm-icon {
    background-color: #263266;
}

html.dark .timeline .tm-title {
    background-color: #282d36;
    border-color: #21262d;
}

html.dark .timeline.timeline-simple .tm-body .tm-title {
    background-color: #282d36;
    border-color: #21262d;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li::before {
    box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #cccccc;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box::after {
    border-right-color: #282d36;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box::before {
    border-right-color: #21262d;
}

.media-gallery ul.mg-folders {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.media-gallery ul.mg-folders > li {
    display: block;
    position: relative;
}

.media-gallery ul.mg-folders > li a.menu-item {
    padding-right: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-gallery ul.mg-folders > li a.menu-item i {
    margin-right: 5px;
    width: 16px;
}

.media-gallery ul.mg-folders > li .item-options {
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.1s ease-in 0s;
}

.media-gallery ul.mg-folders > li .item-options a:hover {
    text-decoration: none;
}

.media-gallery ul.mg-folders > li:hover .item-options {
    opacity: 1;
}

.media-gallery ul.mg-tags {
    list-style: outside none none;
    margin: 10px 0 0;
    padding: 0;
}

.media-gallery ul.mg-tags::after {
    clear: both;
    content: "";
    display: table;
}

.media-gallery ul.mg-tags > li {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.media-gallery ul.mg-tags > li a {
    background-color: #171717;
    border-radius: 5px;
    color: #666;
    display: block;
    font-size: 11px;
    padding: 2px 7px;
}

.media-gallery ul.mg-tags > li a:hover {
    background-color: #cccccc;
    color: #fff;
    text-decoration: none;
}

.media-gallery .mg-files {
    padding: 5px 0 30px;
}

.media-gallery .mg-files .thumbnail {
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 10px;
    transform: translate3d(0px, 0px, 0px);
}

.media-gallery .mg-files .thumbnail .thumb-preview {
    position: relative;
    z-index: 2;
}

.media-gallery .mg-files .thumbnail .thumb-preview .thumb-image {
    display: block;
    overflow: hidden;
}

.media-gallery .mg-files .thumbnail .thumb-preview img {
    border-radius: 5px;
    transition: all 0.1s linear 0s;
    width: 100%;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: #cccccc;
    border-radius: 0 0 0 15px;
    color: #fff;
    cursor: pointer;
    font-size: 2.2rem;
    padding: 5px 15px 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%, 0px);
    transition: transform 0.1s linear 0.1s;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
    background-color: #cccccc;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    transform: translate(0px, 100%);
    transition: transform 0.1s linear 0.1s;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar::after {
    clear: both;
    content: "";
    display: table;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-option {
    margin: 0;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group > a {
    color: #fff;
    padding: 0 5px;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-toggle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.3);
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    color: #fff;
    padding: 2px 2px 2px 10px;
}

.media-gallery .mg-files .thumbnail .mg-title {
    display: inline-block;
    font-size: 1.8rem;
    margin: 13px 0 2px;
    padding-bottom: 2px;
}

.media-gallery .mg-files .thumbnail .mg-title small {
    color: #9e9e9e;
    font-size: 1rem;
    left: 0;
    opacity: 0;
    position: relative;
    top: 0;
    z-index: 1;
}

.media-gallery .mg-files .thumbnail .mg-description::after {
    clear: both;
    content: "";
    display: table;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
    border-color: #fff;
    box-shadow: 0 0 8px -1px #cccccc;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected .mg-title small {
    opacity: 1;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options {
    visibility: visible;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options .mg-toolbar {
    transform: translate(0px, 0px);
}

.media-gallery .mg-files .thumbnail:hover .mg-title small {
    opacity: 1;
}

.media-gallery .mg-files .thumbnail:hover .thumb-preview img {
    transform: scale(1.1);
}

.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options {
    visibility: visible;
}

.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-zoom {
    transform: translate(0px, 0px);
}

.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-toolbar {
    transform: translate(0px, 0px);
}

html.dark .media-gallery .mg-files .thumbnail.thumbnail-selected {
    border-color: #242830;
}

html.dark .media-gallery .mg-files .thumbnail .mg-title small {
    color: #808697;
}

.log-viewer {
    font-family: monospace;
    font-size: 1.4rem;
    line-height: 2.6rem;
}

html.search-results body {
    background: #fff none repeat scroll 0 0;
}

.search-content {
    margin: -40px;
}

.search-content .search-control-wrapper {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #ebebeb;
    margin-top: 3px;
    padding: 20px;
}

.search-content .search-toolbar {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 40px;
}

.search-content .search-toolbar .nav-pills {
    margin: 0 40px;
}

.search-content .search-toolbar .nav-pills li {
    margin: 0 15px 0 0;
}

.search-content .search-toolbar .nav-pills li:last-child {
    margin-right: 0;
}

.search-content .search-toolbar .nav-pills li a {
    padding-left: 5px;
    padding-right: 5px;
}

.search-content .search-toolbar .nav-pills li a, .search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    border-top: 2px solid #fff;
    color: #777;
}

.search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    border-top: 2px solid #fff;
    color: #555;
}

.search-content .search-toolbar .nav-pills li.active a {
    border-bottom-color: #cccccc;
    color: #cccccc;
}

.search-content > .tab-content {
    border: medium none;
    box-shadow: none;
    padding: 0 40px;
}

.search-content .total-results {
    margin-top: -25px;
}

.search-results-list {
    max-width: 750px;
}

.search-results-list li {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

.search-results-list li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.search-results-list .result-type {
    position: absolute;
    right: 5px;
    top: 5px;
}

.search-results-list a {
    border-radius: 4px;
    display: block;
    padding: 25px;
    text-decoration: none;
}

.search-results-list a .title {
    margin-top: 0;
}

.search-results-list a .description {
    color: #777;
}

.search-results-list a p:last-child {
    margin-bottom: 0;
}

.search-results-list a:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}

.search-results-list .has-thumb {
    display: table;
    width: 100%;
}

.search-results-list .has-thumb .result-thumb, .search-results-list .has-thumb .result-data {
    display: table-cell;
    vertical-align: top;
}

.search-results-list .result-thumb {
    padding-right: 25px;
}

.search-results-list .result-thumb img, .search-results-list .result-thumb .fa {
    height: 75px;
    width: 75px;
}

.search-results-list .result-thumb .fa {
    background: #cccccc none repeat scroll 0 0;
    color: white;
    font-size: 3.6rem;
    line-height: 7.5rem;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .search-content {
        margin: -20px;
    }
}

@media only screen and (max-width: 480px) {
    .search-results-list .has-thumb {
        display: block;
    }

    .search-results-list .has-thumb::after {
        clear: both;
        content: "";
        display: table;
    }

    .search-results-list .has-thumb .result-thumb, .search-results-list .has-thumb .result-data {
        display: block;
    }

    .search-results-list .has-thumb .result-thumb {
        float: left;
    }

    .search-results-list .has-thumb .result-data .title {
        margin-top: 3px;
    }

    .search-results-list .result-thumb img, .search-results-list .result-thumb .fa {
        height: 35px;
        width: 35px;
    }

    .search-results-list .result-thumb .fa {
        font-size: 1.6rem;
        line-height: 3.5rem;
    }
}

html.dark .search-content .search-control-wrapper {
    background: #263266 none repeat scroll 0 0;
    border-bottom-color: #282d36;
}

html.dark .search-content .tab-content {
    background: transparent none repeat scroll 0 0;
}

html.dark .search-content .search-toolbar {
    background: #21262d none repeat scroll 0 0;
    border-bottom-color: #21262d;
}

html.dark .search-content .search-toolbar .nav-pills a, html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus {
    border-bottom-color: #21262d;
    border-top-color: #21262d;
    color: #808697;
}

html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus {
    border-bottom-color: #21262d;
    border-top-color: #21262d;
    color: #555;
}

html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:hover, html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
    border-bottom-color: #cccccc;
    color: #cccccc;
}

html.dark .search-content .search-results-list li {
    border-bottom-color: #282d36;
}

html.dark .search-content .search-results-list a .description {
    color: #808697;
}

html.dark .search-content .search-results-list a:hover {
    background: #282d36 none repeat scroll 0 0;
}

html.dark, html.dark body {
    background-color: #263266;
}

html.dark.boxed .content-body {
    background-color: #263266;
}

html.dark body {
    color: #808697;
}

html.dark h1, html.dark .h1, html.dark h2, html.dark .h2, html.dark h3, html.dark .h3, html.dark h4, html.dark .h4, html.dark h5, html.dark .h5, html.dark h6, html.dark .h6 {
    color: #fff;
}

html.dark .alert h1, html.dark .alert .h1, html.dark .alert h2, html.dark .alert .h2, html.dark .alert h3, html.dark .alert .h3, html.dark .alert h4, html.dark .alert .h4, html.dark .alert h5, html.dark .alert .h5, html.dark .alert h6, html.dark .alert .h6 {
    color: #111;
}

html.dark blockquote {
    border-color: #282d36;
}

html.dark .text-dark {
    color: #fff !important;
}

html.dark ul.nav-list.primary > li a {
    border-bottom-color: #282d36;
}

html.dark ul.nav-list.primary > li a:hover {
    background-color: #282d36;
}

html.dark .pagination > li > a, html.dark .pagination > li > span {
    background-color: #282d36;
    border-color: #242830;
}

html.dark .pagination > li.active > a, html.dark .pagination > li.active > span {
    background-color: #cccccc;
    border-color: #242830;
}

html.dark .dropdown-menu {
    background-color: #282d36;
}

html.dark .dropdown-menu > li > a {
    color: #eee;
}

html.dark .dropdown-menu > li > a:hover, html.dark .dropdown-menu > li > a:focus {
    background-color: #263266;
    color: #fff;
}

html.dark hr.dotted, html.dark hr.solid {
    border-color: #4c4c4c;
}

html.dark .img-thumbnail, html.dark .thumbnail {
    background-color: #21262d;
    border-color: #282d36;
}

.cleared {
    clear: both;
    margin: 0;
}

.categoryheader {
    background-color: #ff3300;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    font-family: "BYekan", Tahoma, Geneva, sans-serif;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 99%;
}

.category {
    background-color: #ff6600;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
    font-family: "Yekan", Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 99%;
}

.category a:link, .category a:visited {
    color: #ffffff;
    font-family: "Yekan", Tahoma, Geneva, sans-serif;
    font-size: 13px;
}

.category a:hover {
    color: #0033ff;
}

.downloads {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: "BYekan", Tahoma, Geneva, sans-serif;
    font-size: 13px;
    margin: 10px 0;
    padding: 5px 8px;
    text-decoration: none;
    width: 145px;
}

.downloads:hover {
    background: #ff3300 none repeat scroll 0 0;
}

.limit {
    float: right;
    text-align: center;
    width: 33%;
}

.pay-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    direction: rtl;
    float: right;
    font-family: "BYekan", tahoma;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 0 3px;
    text-align: center;
    width: 378px;
}

#upload-wrapper, #upload-wrapper2, #upload-wrapper3 {
    background: #333 none repeat scroll 0 0;
    color: #ccc;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
}

#upload-wrapper h3, #upload-wrapper2 h3, #upload-wrapper3 h3 {
    border-bottom: 1px dotted #ddd;
    margin: -30px 0 20px;
    padding: 0 0 10px;
}

#upload-wrapper input[type="file"], #upload-wrapper2 input[type="file"], #upload-wrapper3 input[type="file"] {
    background: #fff none repeat scroll 0 0;
    padding: 6px;
    width: 100%;
}

#output, #output2, #output3 {
    font-size: 12px;
    padding: 5px;
}

#progressbox, #progressbox2, #progressbox3 {
    border: 1px solid #caf2ff;
    border-radius: 3px;
    display: none;
    padding: 1px;
    position: relative;
    text-align: left;
    width: 100%;
}

#progressbar, #progressbar2, #progressbar3 {
    background-color: #ccc;
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    border-radius: 3px;
    height: 20px;
    width: 1%;
}

#statustxt, #statustxt2, #statustxt3 {
    color: #ffffff;
    display: inline-block;
    left: 50%;
    position: absolute;
    top: -6px;
}

div.pagination {
    border-radius: 4px;
    bottom: 4px;
    color: #333333;
    direction: ltr;
    font-family: "Yekan", tahoma;
    font-size: 13.4px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 4px;
    text-align: center;
    width: 100%;
}

div.pagination a {
    background: #000000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    list-style-type: none;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

div.pagination a:hover, div.pagination a:active {
    background: #ff6600 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    list-style-type: none;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

div.pagination span.current {
    background: #ff3300 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    list-style-type: none;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

div.pagination span.disabled {
    background: #333333 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    list-style-type: none;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}

.card2.hovercard {
    background-color: #ba1b23;
    border: 1px solid red;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    text-align: center;
}

.card2.hovercard .cardheader {
    height: 135px;
}

.card2.hovercard .avatar {
    margin-bottom: -50px;
    position: relative;
    top: -50px;
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.card2.hovercard .avatar img {
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    height: 100px;
    max-height: 100px;
    max-width: 100px;
    width: 100px;
}

.card2.hovercard .info {
    padding: 4px 8px 10px;
}

.card2.hovercard .info .title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    margin: 7px 0;
    vertical-align: middle;
    direction: rtl;
}

.card2.hovercard .info .title a {
    color: white;
}

.card2.hovercard .info .desc {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    margin: 8px 14px 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-overflow: ellipsis;
}

.card2.hovercard .bottom {
    margin-bottom: 17px;
    padding: 0 20px;
}

.li-table ul li {
    list-style: outside none none;
    width: 100%;
    direction: rtl;
}

.right-side-ot {
    background-color: #ddd;
    float: right;
    margin-bottom: 1%;
    margin-left: 1%;
    padding: 6px 10px;
    width: 40%;
}

.right-side-ot h6 {
    color: #444;
    font-size: 13px;
    font-weight: 600;
}

.left-side-of {
    background-color: #eee;
    float: right;
    margin-bottom: 1%;
    padding: 9px 10px;
    text-align: right;
    width: 59%;
}

.left-side-of p {
    font-size: 13px;
    font-weight: 400;
    margin: 0 !important;
}

.tabs-contentiner ul {
    list-style: none;
}

.tabs-contentiner {
    border-color: rgb(221, 221, 221);
    background: rgb(255, 255, 255);
}

.right-side-ot h6 {
    margin-bottom: 7px;
    margin-top: 7px;
}

.innerradio {
    padding: 10px;
}

.screencontainer {
    min-height: 200px;
    background-color: white;
    border-radius: 4px 4px 0 0;
    border-style: none solid solid;
    border-width: 1px 0 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
}

.slidercont2 {
    margin: 5px auto;
    text-align: center;
    width: 300px;
}

.slidercont2 img {
    width: 100%;
}

.alert-danger {
    direction: rtl;
}

.verticalcenter {
    vertical-align: middle;
}

.tab-content .panel-title {
    color: #999;
}

.loadingmine {
    position: absolute;
    width: 200px;
    height: 40px;
    background-color: #9e9e9e;
    border-radius: 5px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    line-height: 39px;
    direction: rtl;
    text-align: center;
    z-index: 999999;
}

.smallsessoindate {
    font-size: 10px;
    direction: rtl;
    text-align: right;
}

.smallusercont {
    width: 40px;
    height: 40px;
    float: right;
    margin-left: 7px;
}

.addtohome {
    background-color: white;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.infobox {
    color: #fff;
    text-align: center;
    padding: 9px;
}

.no-padding {
    padding: 0 !important;
}

.panel-heading-icon2 {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 55px;
    color: #fff;
    font-size: 3.2rem;
    height: 50px;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    width: 50px;
}

.loading {
    display: none;
}

.displaynone {
    display: none;
}

.form-horizontal input[type="submit"] {
    display: inline-block;
    padding: 0.7em 1.4em;
    margin: 0 0 10px 10px;
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #263266;
    box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
    text-align: center;
    position: relative;
    min-width: 200px;
    float: left;
}

.form-horizontal input[type="submit"]:active {
    top: 0.1em;
}

.direction {
    direction: rtl;
}

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

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.vertical li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

ol.vertical li.placeholder:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    right: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-right-color: red;
    border-left: none;
}

.nav-main ul {
    padding-left: 0px;
}
.liteborder{
    border-bottom: dashed 1px #d9d9d9;
    padding: 3px;
    margin: 9px;
}
.horizontalscroll {
    padding: 10px;
    margin: 0 0 20px 0;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    direction: ltr;
}