@import url(https://fonts.googleapis.com/css?family=PT+Sans:400italic,400,700);

/*
 *
 *   Tradify - Responsive Crypto/Stock Trading User Interface
 *   version 1.0.0
 *   Last Updated  - 04/01/2018
 *
 *
 *  - Body Area
 *  - Buttons (Focus)
 *  - Line Separator
 *  - Header Area
 *  - Panels
 *  - Navigations
 *  - Tabs + Navs
 *  - Forms
 *  - Scrollbar
 *  - Progress Bar
 *  - Popovers
 *  - Navigations Dropdown
 *  - Carousel
 *  - Top Navigations Bar
 *  - Sidebar Navigations
 *  - Heading, Buttons & Badges
 *  - Notifcations
 *  - Placeholders & Panels
 *  - Flot Chart
 *  - Points
 *  - Timelines
 *  - Table
 *  - Widgets
 *  - Landing Page
 *  - Navbar Custom
 *  - Navbar White
 *  - Home
 *  - Wrapper
 *  - Footer Area
*/

/* Body Area */

body {
	background: #eef0f4;
}
body,html{
    height:100%;
    overflow-x:hidden;
}
.wrapper{
    position:relative;
    width:100%;
    height:100%;
    -webkit-transition:all .3s cubic-bezier(.23,1,.32,1);
    transition:all .3s cubic-bezier(.23,1,.32,1);
}
.wrapper:after,.wrapper:before{
    content:" ";
    display:table;
}
.wrapper.wrapper-boxed{
    max-width:960px;
    margin:0 auto;
}
.wrapper>.aside{
    position:absolute;
    margin-top:106px;
    top:0;
    left:0;
    bottom:0;
    width:250px;
    z-index:10;
    -webkit-overflow-scrolling: touch;
}
.wrapper>section{
    position:relative;
    background-color:#eef0f4;
    min-height:100%;
    z-index:11;
    margin-left:0;
}
.main-content{
    padding:20px 10px;
}
.main-content>h3{
    margin:0 0 30px;
    font-weight:400;
}
@media only screen and (min-width: 768px) {
    .wrapper>.aside{
        position:fixed;
        z-index:501;
        margin-top:60px;
    }
    .wrapper>section{
        margin-left:250px;
        padding-top:60px;
    }
    .main-content{
        padding:20px 40px;
    }
}
.aside-toggled{
    overflow-y:hidden;
}
.aside-toggled .wrapper>section{
    margin-left:250px;
}
.csstransforms3d .aside-toggled .wrapper>section{
    margin-left:0;
    -webkit-transform:translate3d(250px,0,0);
    transform:translate3d(250px,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}

/* Button Focus */
.btn,.fc-button,a{
    outline:0!important;
}

/* Line Separator */

hr{
    border-top:1px solid #e1e1e1;
}

/* Header Area */
.page-header{
    border-bottom-color:#e1e1e1;
}

/* Panels */

.card{
    border:1px solid #eee;
    border-bottom:1px solid #d1d2d3;
}
.main-content .card {
    margin-bottom: 1.25rem;
}
.main-content .card .card {
    margin-bottom: 0;
}
.card .card-header a{
    text-decoration:none!important;
}
.well{
    border-bottom:1px solid #d1d2d3;
}
.jumbotron{
    border-bottom:2px solid #d1d2d3;
}

/* Navigations */

.nav-tabs>li>a{
    font-weight:700;
    color:#656565;
    background-color:#f7f7f7;
    margin:0;
    border:1px solid #d1d2d3;
    border-radius:0;
    padding:10px 20px;
}
.nav-tabs-noboder {
	border: none !important;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:inherit;
    border-bottom-color:#fff;
}
/* Tab + Navs*/

.tab-content{
    padding:10px 20px 0;
    border-style:solid;
    border-width:0 1px 1px;
    border-color:#d1d2d3;
}
.nav-pills+.tab-content{
    border:0;
    padding:0;
}
.tab-content-BuySell {
	padding: 0px !important;
    border: none !important;
}

/* Sidebar Buy/Sell (index-3): ul.nav-tabs matches .sidebar .nav .nav — exclude from submenu chrome via :not(.nav-tabs) below */
.asideBuySell .sidebar .nav-tabs-aside-buysell {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 0 0.5rem !important;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    gap: 0.25rem;
    background: transparent;
    box-shadow: none;
}
.asideBuySell .sidebar .minus-margin-tab.nav-tabs-aside-buysell {
    margin-left: 0 !important;
}
.asideBuySell .sidebar .nav-tabs-aside-buysell .nav-link {
    flex: 1;
    text-align: center;
    margin: 0;
    border-radius: 0.25rem 0.25rem 0 0;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: none;
    color: #b8bdc8;
    font-weight: 600;
}
.asideBuySell .sidebar .nav-tabs-aside-buysell .nav-link:hover,
.asideBuySell .sidebar .nav-tabs-aside-buysell .nav-link:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.asideBuySell .sidebar .nav-tabs-aside-buysell .nav-link.active {
    color: #fff;
    background-color: rgba(103, 168, 228, 0.22);
    border-color: rgba(103, 168, 228, 0.5);
    border-bottom-color: transparent;
}
.asideBuySell .sidebar .tab-content-BuySell .pannel.card-body {
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0 0.25rem 0.25rem 0.25rem;
    padding: 0.75rem 0.65rem 0.85rem;
}
.asideBuySell .sidebar .tab-content-BuySell .form-control {
    background-color: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.2);
}
.asideBuySell .sidebar .tab-content-BuySell .input-group-text {
    background-color: rgba(103, 168, 228, 0.25);
    border-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* index-3: icon strip when sidebar expanded — flyout trigger hidden */
.asideBuySell .aside-buysell-flyout-trigger {
    display: none !important;
}
.btn,.fc-button{
    border-radius:3px;
    border-color:rgba(0,0,0,0.15);
    box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;
    -webkit-appearance:none;
    -webkit-transition:all .1s;
    transition:all .1s;
}
.btn.btn-link{
    box-shadow:none;
    border:0;
}
.btn-lg{
    box-shadow:0 -2px 0 rgba(0,0,0,0.15) inset;
}

/* Forms */

.form-control,.input-group-text{
    border-color:#dbd9d9;
}
.form-control{
    box-shadow:0 0 0 #000!important;
}
.input-group-text{
    background-color:#f8f9fb;
}
fieldset{
    padding-bottom:20px;
    border-bottom:1px dashed #eee;
    margin-bottom:20px;
}
fieldset.last-child,fieldset:last-child{
    border-bottom:0;
}
.btn-flat,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th,.table>tbody+tbody,.table>thead>tr>th{
    border-bottom-width:1px;
}
fieldset .mb-3{
    margin-bottom:0;
}
/* Scrollbar*/
.timeline>li:after,.uk-markdownarea-content:after,.uk-markdownarea-navbar:after,.wrapper:after{
    clear:both;
}
::-webkit-scrollbar{
    width:6px;
    height:4px;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 1px #4580b7;
}
::-webkit-scrollbar-thumb{
    background-color:#67a8e4;
    outline:#4580b7 solid 1px;
}

/* Progress Bar */

.progress{
    -webkit-box-shadow:0 0 0 #000;
    box-shadow:0 0 0 #000;
    border-radius:3px;
    border:1px solid #f1f1f1;
    background-color:#fff;
}
.progress .progress-bar{
    -webkit-box-shadow:0 0 0 #000;
    box-shadow:0 0 0 #000;
}

/* popovers */

.popover{
    box-shadow:0 0 0 #000;
    border-color:#eee;
    border-bottom:2px solid #e1e1e1;
    border-radius:3px;
}
.popover .popover-title{
    border:0;
}

/* Navigations Dropdown */

.nav li>a{
    background-color:transparent!important;
}
.nav.nav-pills .active>a{
    background-color:#67a8e4!important;
}
.dropdown-menu{
    border-radius:3px;
}
.btn-flat,.btn-square,.badge,.navbar-top{
    border-radius:0;
}
.dropdown-header{
    color:#a1a2a3;
}

/* Carousel */

.carousel .carousel-indicators{
    bottom:0;
}
.carousel .carousel-control.left,.carousel .carousel-control.right{
    background-image:none;
}
.carousel .carousel-control em{
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    display:inline-block;
    width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
}

/* Top Navigations Bar */

/* Bootstrap 5: Tradify dashboard navbar is brand column + nav-wrapper (not a BS5 collapse menu) */
.navbar.navbar-top {
    --bs-navbar-padding-y: 0;
    --bs-navbar-padding-x: 0;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: 60px;
}
.navbar-top .navbar-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-top .nav-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
}
.navbar-top .nav-wrapper .navbar-nav {
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
.navbar-top .nav-wrapper .navbar-nav > li {
    float: none !important;
}
.navbar-top .nav-wrapper .navbar-nav.ms-auto {
    float: none !important;
    margin-left: auto !important;
}
.navbar-top .nav-wrapper .navbar-nav > li > a {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 60px;
    padding: 0 15px;
    color: #656565;
    text-decoration: none;
    white-space: nowrap;
}
.navbar-top .nav-wrapper .navbar-nav > li > a:hover,
.navbar-top .nav-wrapper .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-top .navbar-header .navbar-brand {
    margin: 0;
    padding: 0 15px;
    line-height: 60px;
    height: 60px;
}
/* Wide table dropdowns: Markets (left .navbar-nav) vs notifications (.ms-auto) */
.navbar-top .nav-wrapper .navbar-nav > li.dropdown-list {
    position: relative !important;
}
.navbar-top .nav-wrapper .navbar-nav:not(.ms-auto) > li.dropdown-list > .dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: min(100vw - 24px, 560px) !important;
    max-width: min(96vw, 560px) !important;
    transform: none !important;
    margin-top: 0 !important;
}
.navbar-top .nav-wrapper .navbar-nav.ms-auto > li.dropdown-list > .dropdown-menu {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    width: min(100vw - 24px, 400px) !important;
    max-width: 400px !important;
    transform: none !important;
    margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
    .navbar-top .nav-wrapper .navbar-nav:not(.ms-auto) > li.dropdown-list > .dropdown-menu,
    .navbar-top .nav-wrapper .navbar-nav.ms-auto > li.dropdown-list > .dropdown-menu {
        width: min(100vw - 16px, 100%) !important;
        max-width: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-top .nav-wrapper .navbar-nav.ms-auto .dropdown:not(.dropdown-list) > .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }
}

.navbar-top .navbar-top-icon-toggle {
    position: relative;
    color: #4a5058 !important;
    background-color: transparent !important;
    line-height: 60px;
    height: 60px;
    display: flex;
    align-items: center;
}
.navbar-top .navbar-top-icon-toggle::after {
    margin-left: 0.35em;
    vertical-align: middle;
}
.navbar-top .dropdown-menu {
    z-index: 1055;
    border-radius: 0.375rem;
}
.navbar-top .dropdown-list > .dropdown-menu .table {
    margin-bottom: 0;
}
.navbar-top .dropdown-list > .dropdown-menu .table-responsive {
    max-height: 70vh;
}

/* Dashboard top bar: professional chrome + dropdowns */
.navbar.navbar-top.fixed-top {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    z-index: 1030;
}
.navbar-top .nav-wrapper {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.navbar-top .nav-wrapper .navbar-nav > li > .nav-link,
.navbar-top .nav-wrapper .navbar-nav > li > a.nav-link {
    color: #4a5058;
    font-weight: 500;
    font-size: 0.875rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.navbar-top .nav-wrapper .navbar-nav > li > .nav-link:hover,
.navbar-top .nav-wrapper .navbar-nav > li > .nav-link:focus,
.navbar-top .nav-wrapper .navbar-nav > li > a.nav-link:hover,
.navbar-top .nav-wrapper .navbar-nav > li > a.nav-link:focus {
    color: #1b1f27;
    background-color: rgba(0, 0, 0, 0.035);
}
.navbar-top .nav-wrapper .navbar-nav .nav-item.dropdown.show > .nav-link,
.navbar-top .nav-wrapper .navbar-nav .nav-item.dropdown.show > a.nav-link {
    color: #1b1f27;
    background-color: rgba(103, 168, 228, 0.1);
}
.navbar-top .navbar-top-icon-toggle .badge {
    position: absolute;
    top: 8px;
    right: 2px;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.28rem;
    font-size: 0.65rem;
    line-height: 1.1rem;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #fff;
}
.navbar-top .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    padding: 0.4rem 0;
    margin-top: 0.15rem !important;
}
.navbar-top .dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: #343a40;
}
.navbar-top .dropdown-item:hover,
.navbar-top .dropdown-item:focus {
    background-color: rgba(103, 168, 228, 0.12);
    color: #1b1f27;
}
.navbar-top .dropdown-item:active {
    background-color: rgba(103, 168, 228, 0.22);
    color: #0d1117;
}
.navbar-top .dropdown-divider {
    margin: 0.35rem 0;
    opacity: 1;
    border-color: rgba(0, 0, 0, 0.08);
}
.navbar-top .dropdown-list > .dropdown-menu {
    padding: 0 !important;
}
.navbar-top .dropdown-list > .dropdown-menu .table-responsive::before {
    content: "Notifications";
    display: block;
    padding: 0.65rem 1rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6c757d;
    background: linear-gradient(180deg, #f8f9fb 0%, #f1f3f5 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navbar-top .dropdown-list > .dropdown-menu .table {
    font-size: 0.8125rem;
}
.navbar-top .dropdown-list > .dropdown-menu thead th {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #868e96;
    border-bottom-color: #dee2e6;
    padding: 0.5rem 0.65rem;
    white-space: nowrap;
}
.navbar-top .dropdown-list > .dropdown-menu tbody td {
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}
.navbar-top-wallet-menu {
    min-width: 12rem;
}

/* App chrome: no default link underlines (BS5 restores underline on anchors) */
.navbar-top a,
.navbar-top .nav-link,
.sidebar a,
.main-content a:not(.btn):not(.dropdown-item),
.navbar-custom a,
.footer a,
.footer-alt a {
    text-decoration: none;
}
.navbar-top a:hover,
.navbar-top a:focus-visible,
.sidebar a:hover,
.sidebar a:focus-visible,
.navbar-custom .navbar-nav a:hover,
.navbar-custom .navbar-nav a:focus-visible,
.footer a:hover,
.footer a:focus-visible,
.footer-alt a:hover,
.footer-alt a:focus-visible {
    text-decoration: none;
}

.navbar-top{
    -webkit-backface-visibility:hidden;
    margin-bottom:0;
    position:relative;
}
@media only screen and (min-width: 768px) {
    .aside-toggled{
        overflow-y:auto;
    }
    .aside-toggled .wrapper>.aside{
        width:70px;
    }
    .aside-toggled .wrapper>section{
        margin-left:0;
    }
    /* Icon-only sidebar: offset the primary content column (not nested .main-content blocks) */
    .aside-toggled .wrapper>section>.main-content{
        margin-left:70px;
    }
    .csstransforms3d .aside-toggled .wrapper>section{
        -webkit-transform:none;
        -moz-transform:none;
        -opera-transform:none;
        -ms-transform:none;
        transform:none;
        margin-left:0;
    }
    .navbar-top .navbar-header{
        width:250px;
        text-align:center;
    }
    .navbar-top .navbar-header .navbar-brand{
        width:100%;
    }
}
.navbar-top .navbar-header{
    position:relative;
    background-color:#2b303c;
    z-index:11;
}
.navbar-top .navbar-header .navbar-brand{
    color:#fff;
    font-weight:700;
}
.navbar-top .navbar-header .brand-logo{
    display:block;
}
.navbar-top .navbar-header .brand-logo-collapsed{
    display:none;
}
.badge.text-bg-primary{
    background-color:#67a8e4!important;
}
.badge{
    text-shadow:none;
}
.navbar-top .navbar-nav>.active>a,.navbar-top .navbar-nav>.active>a:focus,.navbar-top .navbar-nav>.active>a:hover,.navbar-top .navbar-nav>.show>a,.navbar-top .navbar-nav>.show>a:focus,.navbar-top .navbar-nav>.show>a:hover{
    background-color:transparent;
}
.navbar-top [data-bs-toggle=navbar-search]{
    position:absolute;
    top:0;
    right:0;
    z-index:20;
    font-size:18px;
    line-height:60px;
    color:#fff!important;
    color:rgba(255,255,255,0.5)!important;
    padding-top:0;
    padding-bottom:0;
}
.nav-wrapper{
    padding:0 15px;
}
@media only screen and (max-width: 768px) {
.nav-wrapper{
    padding:0 15px;
    border-top: 5px solid #fff;
}
}
.nav-wrapper .navbar-nav{
    float:left;
}
.nav-wrapper .navbar-nav.ms-auto{
    float:right;
}
.nav-wrapper .navbar-nav>li{
    position:static;
    float:left;
}
.nav-wrapper .navbar-nav .show .dropdown-menu{
    position:absolute;
    background-color:#fff;
    left:0;
    right:0;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}
.navbar-top .nav-wrapper .navbar-nav .dropdown-list.show > .dropdown-menu,
.navbar-top .nav-wrapper .navbar-nav .dropdown-list > .dropdown-menu.show {
    left: auto;
    right: auto;
    border-top: none;
    border-bottom: none;
}
.navbar-top .navbar-form{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:0;
    height:60px;
    z-index:1;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.navbar-top .navbar-form .mb-3{
    height:100%;
    width:100%;
}
.navbar-top .navbar-form .form-control{
    height:100%;
    border:0;
    border-radius:0;
    width:100%;
}
.navbar-top .navbar-form.open{
    top:50%;
}
.navbar-top .navbar-form .has-feedback .form-control-feedback{
    height:30px;
    cursor:pointer;
    top:50%;
    margin-top:-15px;
    line-height:30px;
    margin-right:10px;
    color:#c1c2c3;
    font-size:1.5em;
}
@media only screen and (min-width: 768px) {
    .navbar-top .navbar-form{
        left:250px;
    }
    .navbar-top .navbar-form.open{
        top:100%;
    }
    .navbar-top{
        position:fixed;
        top:0;
        left:0;
        right:0;
        border:0;
        background-color:#fff;
    }
    .navbar-top .navbar-nav>a{
        box-shadow:0 0 0 #000 inset;
        -webkit-transition:all .2s;
        transition:all .2s;
    }
    .navbar-top .navbar-nav>.show>a,.navbar-top .navbar-nav>.show>a:focus,.navbar-top .navbar-nav>.show>a:hover{
        box-shadow:0 -3px 0 #67a8e4 inset;
        -webkit-transition:all .2s;
        transition:all .2s;
    }
    .navbar-top [data-bs-toggle=navbar-search]{
        position:static;
        color:#aaa!important;
        font-size:inherit!important;
        line-height:inherit!important;
        padding-top:20px;
        padding-bottom:20px;
    }
    .nav-wrapper{
        position:relative;
        background-color:#fff;
        box-shadow:0 1px 2px rgba(0,0,0,0.15);
        z-index:10;
    }
    .nav-wrapper:after,.nav-wrapper:before{
        content:" ";
        display:table;
    }
    .nav-wrapper:after{
        clear:both;
    }
    .nav-wrapper .navbar-nav .show .dropdown-menu{
        left:auto;
        right:auto;
    }
    .nav-wrapper .navbar-nav.ms-auto .show .dropdown-menu{
        left:auto;
        right:0;
    }
    .aside-toggled .navbar-top .navbar-header .brand-logo{
        display:none;
    }
    .aside-toggled .navbar-top .navbar-header .brand-logo-collapsed{
        display:block;
    }
    .aside-toggled .navbar-top .navbar-header{
        width:70px;
    }
    .aside-toggled .navbar-top .navbar-form{
        left:70px;
    }
}

/* Sidebar Navigations */

/* Dashboard off-canvas column: .wrapper > .aside */
.wrapper > .aside {
    background-color: #1b1f27;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.18);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.wrapper > .aside .sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.wrapper > .aside .sidebar::-webkit-scrollbar {
    width: 6px;
}
.wrapper > .aside .sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 6px;
}
.wrapper > .aside .sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.22);
}

.wrapper > .aside .sidebar > .nav > li > a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.1rem 0.85rem 1rem;
    min-height: 3rem;
    border-left: 3px solid transparent;
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: 0.03em;
    text-shadow: none;
    color: #a8adb8;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wrapper > .aside .sidebar > .nav > li > a:hover,
.wrapper > .aside .sidebar > .nav > li > a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.04);
    border-left-color: rgba(103, 168, 228, 0.45);
}
.wrapper > .aside .sidebar > .nav > li.active > a,
.wrapper > .aside .sidebar > .nav > li.active > a:hover,
.wrapper > .aside .sidebar > .nav > li.active > a:focus {
    color: #fff;
    background-color: rgba(103, 168, 228, 0.12);
    border-left-color: #67a8e4;
}
.wrapper > .aside .sidebar > .nav > li > a > em {
    width: 1.35rem;
    flex-shrink: 0;
    text-align: center;
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.38);
    transition: color 0.2s ease;
}
.wrapper > .aside .sidebar > .nav > li > a:hover > em,
.wrapper > .aside .sidebar > .nav > li.active > a > em {
    color: #67a8e4;
}
.wrapper > .aside .sidebar > .nav > li > a .item-text {
    flex: 1;
    min-width: 0;
}
.wrapper > .aside .sidebar > .nav > li > a .label {
    margin-left: auto;
    flex-shrink: 0;
}

.wrapper > .aside .user-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0;
    padding: 1.15rem 1rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    border-radius: 0;
}
.wrapper > .aside .user-block > .user-block-picture {
    margin-right: 0;
    flex-shrink: 0;
}
.wrapper > .aside .user-block > .user-block-picture > img {
    border: 2px solid rgba(103, 168, 228, 0.35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.wrapper > .aside .user-block .user-block-info {
    flex: 1;
    min-width: 0;
}
.wrapper > .aside .user-block .user-block-name {
    font-weight: 600;
    font-size: 0.9rem;
    color: #f0f2f5;
}
.wrapper > .aside .user-block .user-block-role {
    margin-top: 0.2rem;
    font-size: 0.75rem;
}
.wrapper > .aside .user-block .badge {
    margin-top: 0.45rem;
    font-weight: 500;
    font-size: 0.7rem;
}

/* Nested sidebar menus (BS collapse: ul.nav.collapse / .collapse.show) */
.wrapper > .aside .sidebar ul.nav.collapse {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 3px;
    list-style: none;
    margin: 0.2rem 0.5rem 0.75rem 0.85rem;
    padding: 0.45rem 0.35rem 0.5rem 0.4rem;
    background: linear-gradient(165deg, rgba(35, 40, 50, 0.98) 0%, rgba(24, 27, 34, 0.99) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 3px solid rgba(103, 168, 228, 0.55);
    border-radius: 0 10px 10px 0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 6px 16px rgba(0, 0, 0, 0.2);
}
.wrapper > .aside .sidebar ul.nav.collapse.show {
    border-left-color: #67a8e4;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 6px 20px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(103, 168, 228, 0.12);
}
.wrapper > .aside .sidebar ul.nav.collapse > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wrapper > .aside .sidebar ul.nav.collapse > li > a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 1px;
    padding: 0.52rem 0.65rem 0.52rem 0.7rem;
    min-height: 0;
    line-height: 1.35;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #b4bac7;
    text-decoration: none;
    border-radius: 7px;
    border-left: 2px solid transparent;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.wrapper > .aside .sidebar ul.nav.collapse > li > a:hover,
.wrapper > .aside .sidebar ul.nav.collapse > li > a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.07);
    border-left-color: rgba(103, 168, 228, 0.35);
}
.wrapper > .aside .sidebar ul.nav.collapse > li.active > a,
.wrapper > .aside .sidebar ul.nav.collapse > li.active > a:hover,
.wrapper > .aside .sidebar ul.nav.collapse > li.active > a:focus {
    color: #fff;
    font-weight: 600;
    background-color: rgba(103, 168, 228, 0.2);
    border-left-color: #67a8e4;
}
.wrapper > .aside .sidebar ul.nav.collapse > li.active > a::after {
    display: none;
}
.wrapper > .aside .sidebar ul.nav.collapse > li > hr.dropdown-divider {
    margin: 0.4rem 0.35rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 1;
}
.wrapper > .aside .sidebar ul.nav.collapse > li > a .item-text {
    flex: 1;
    min-width: 0;
}
.wrapper > .aside .sidebar ul.nav.collapse > li > a .badge {
    font-size: 0.65rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Legacy nested .nav without .collapse (if any) */
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) {
    margin: 0 0 0.35rem 0;
    padding: 0.35rem 0 0.4rem 0;
    padding-left: 0;
    border-left: 2px solid rgba(103, 168, 228, 0.35);
    margin-left: 1.65rem;
    background-color: #1f232c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    border-radius: 0 0.25rem 0.25rem 0;
}
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) > li > a {
    padding: 0.42rem 0.75rem 0.42rem 0.95rem;
    font-size: 0.8125rem;
    color: #9aa0ac;
    border-radius: 0;
    transition: color 0.15s ease, background-color 0.15s ease;
}
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) > li > a:hover,
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) > li > a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) > li.active > a {
    color: #fff;
    font-weight: 600;
    background-color: rgba(103, 168, 228, 0.14);
}
.wrapper > .aside .sidebar .nav .nav:not(.nav-tabs):not(.collapse) > li.active > a::after {
    display: none;
}

.sidebar{
    background-color:#2b303c;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}
@media only screen and (min-width: 768px) {
    .wrapper>.aside .sidebar{
        max-height:calc(100vh - 60px);
    }
}
@media only screen and (max-width: 767px) {
    .wrapper>.aside .sidebar{
        max-height:calc(100vh - 106px);
    }
}
.sidebar>.nav{
    position:relative;
    padding-bottom:60px;
    min-height:100%;
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    row-gap: 0;
}
.sidebar > .nav > li {
    width: 100%;
}
.sidebar .nav .nav:not(.nav-tabs) {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
}
.sidebar .nav>li>a{
    padding:16px 30px;
    color:#919293;
    font-weight:700;
    letter-spacing:.025em;
    text-shadow:0 1px 3px #222;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
.sidebar .nav>li>a:focus,.sidebar .nav>li>a:hover{
    color:#fff;
}
.sidebar .nav>li>a>em{
    width:2em;
}
.sidebar .nav>li.active>a,.sidebar .nav>li.active>a:focus,.sidebar .nav>li.active>a:hover{
    color:#fff;
    background-color:#434953;
}
.sidebar .nav .nav:not(.nav-tabs){
    padding-left:0;
    box-shadow:none;
}
.sidebar .nav .nav:not(.nav-tabs):not(.collapse){
    padding-left:30px;
    box-shadow:0 1px 6px rgba(0,0,0,0.15) inset;
}
.ColVis .ColVis_Button,.btn-flat,.accordion .card.panel-flat{
    box-shadow:0 0 0 #000;
}
.sidebar .nav > li + li {
    margin-top: 2px;
}
.sidebar .nav .nav:not(.nav-tabs) > li + li {
    margin-top: 0;
}
.sidebar .nav .nav:not(.nav-tabs)>li>a{
    position:relative;
    padding:0.42rem 0.75rem 0.42rem 0.9rem;
    font-size:13px;
    background-color:transparent!important;
    font-weight:400;
}
.tab-link-pad {
	 padding:10px 30px !important;
}
.minus-margin-tab {
	margin-left: -10px;
}

.sidebar .nav .nav:not(.nav-tabs)>li.active>a:after{
    background-color:#67a8e4;
}
.sidebar .nav>.nav-footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    min-height:60px;
    padding:16px 10px;
    text-align:right;
}
.sidebar .nav>.nav-footer .nav-footer-divider{
    display:block;
    height:1px;
    width:auto;
    background-color:rgba(255,255,255,0.1);
}
@media only screen and (min-width: 768px) {
    /* Flyout submenus must stack above main column; keep below fixed navbar (1030) */
    .aside-toggled .wrapper > .aside {
        z-index: 1020;
    }
    .aside-toggled .wrapper > section {
        z-index: 1;
    }
    .aside-toggled .sidebar > .nav > li {
        position: relative;
    }
    /* Invisible hit target so the pointer can reach the flyout without leaving the <li> */
    .aside-toggled .sidebar > .nav > li:has(> ul.nav)::after {
        content: "";
        position: absolute;
        left: 100%;
        top: 0;
        width: 22px;
        height: 100%;
        z-index: 1995;
    }
    /* Floating row label must not intercept clicks meant for submenu links */
    .aside-toggled .sidebar > .nav > li > a .item-text,
    .aside-toggled .sidebar > .nav > li > .item .item-text {
        pointer-events: none;
    }
    /* BS5 .collapse.show can keep submenus visible when aside is collapsed — hide until hover/focus */
    .aside-toggled .sidebar > .nav > li:not(:hover):not(:focus-within) > ul.nav.collapse {
        display: none !important;
    }
    /* BS5 .collapse:not(.show) hides submenus — override while hovering/focusing the row */
    .aside-toggled .sidebar > .nav > li:hover > ul.collapse,
    .aside-toggled .sidebar > .nav > li:focus-within > ul.collapse {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .aside-toggled .sidebar > .nav > li:hover,
    .aside-toggled .sidebar > .nav > li:focus-within {
        z-index: 2100;
    }
    .aside-toggled .sidebar{
        overflow:visible!important;
    }
    .aside-toggled .sidebar>.nav>li>a>em{
        font-size:1.7em;
        width:auto;
    }
    .aside-toggled .sidebar>.nav>li>.item,.aside-toggled .sidebar>.nav>li>a{
        padding:22px 0;
        text-align:center;
    }
    .aside-toggled .sidebar>.nav>li>.item .item-text,.aside-toggled .sidebar>.nav>li>a .item-text{
        display:none;
        position:absolute;
        left:100%;
        top:0;
        padding-left:20px;
        padding-right: 20px;
        font-weight:400;
        line-height:40px;
        white-space:nowrap;
        color:#fff;
        background:#212429;
        z-index:2002;
    }
    .aside-toggled .sidebar>.nav>li>.item.no-submenu .item-text,.aside-toggled .sidebar>.nav>li>a.no-submenu .item-text{
        display:none!important;
    }
    .aside-toggled .sidebar .nav .nav:not(.nav-tabs){
        display:none;
        position:absolute;
        top:0;
        left:100%;
        padding:0.45rem 0.4rem 0.5rem 0.45rem;
        margin-left:6px;
        min-width:200px;
        max-width:min(300px,calc(100vw - 100px));
        gap:3px;
        flex-direction:column;
        flex-wrap:nowrap;
        z-index:2050;
        height:auto!important;
        background:linear-gradient(165deg, rgba(35, 40, 50, 0.98) 0%, rgba(24, 27, 34, 0.99) 100%);
        border:1px solid rgba(255,255,255,0.1);
        border-left:3px solid rgba(103, 168, 228, 0.55);
        border-radius:0 10px 10px 10px;
        box-shadow:10px 14px 40px rgba(0,0,0,0.42);
        pointer-events:auto;
    }
    .aside-toggled .sidebar .nav .nav:not(.nav-tabs) > li + li {
        margin-top:0;
    }
    .aside-toggled .sidebar .nav .nav:not(.nav-tabs) > li > a {
        padding:0.52rem 0.65rem!important;
        min-height:0!important;
        line-height:1.35!important;
        border-radius:7px;
    }
    .aside-toggled .sidebar .nav>li.open .item-text,
    .aside-toggled .sidebar .nav>li:hover .item-text{
        display:block;
    }
    .aside-toggled .sidebar .nav>li.open .nav,
    .aside-toggled .sidebar .nav>li:hover .nav{
        display:flex!important;
        flex-direction:column;
        flex-wrap:nowrap;
    }
    .aside-toggled .asideBuySell .sidebar .nav-tabs-aside-buysell {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    /* index-3 collapsed: show trade icon; open full Buy/Sell in a flyout panel */
    .aside-toggled .asideBuySell .aside-buysell-flyout-trigger {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 3.25rem;
        padding: 0.85rem 0;
        margin: 0;
        color: #a8adb8;
        font-weight: 600;
        text-decoration: none;
        border-left: 3px solid transparent;
        transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }
    .aside-toggled .asideBuySell .aside-buysell-flyout-trigger:hover,
    .aside-toggled .asideBuySell .aside-buysell-flyout-trigger:focus {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.04);
        border-left-color: rgba(103, 168, 228, 0.45);
    }
    .aside-toggled .asideBuySell .aside-buysell-flyout-trigger > em {
        font-size: 1.45rem;
    }
    .aside-toggled .asideBuySell .aside-buysell-panel {
        display: none;
        position: absolute;
        left: calc(100% + 6px);
        top: 0;
        width: min(300px, calc(100vw - 96px));
        max-height: calc(100vh - 72px);
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 2060;
        margin: 0;
        padding: 0.35rem 0.25rem 0.65rem;
        background: #1b1f27;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 0.35rem;
        box-shadow: 12px 16px 48px rgba(0, 0, 0, 0.45);
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
    }
    .aside-toggled .asideBuySell li.aside-buysell-row:hover .aside-buysell-panel,
    .aside-toggled .asideBuySell li.aside-buysell-row:focus-within .aside-buysell-panel {
        display: block;
    }
    .aside-toggled .asideBuySell li.aside-buysell-row {
        z-index: 1;
    }
    .aside-toggled .asideBuySell li.aside-buysell-row:hover,
    .aside-toggled .asideBuySell li.aside-buysell-row:focus-within {
        z-index: 2110;
    }
    /* Buy/Sell row has no direct ul — bridge pointer path to the flyout */
    .aside-toggled .asideBuySell li.aside-buysell-row::before {
        content: "";
        position: absolute;
        left: 100%;
        top: 0;
        width: 20px;
        height: 100%;
        z-index: 2055;
    }
    .aside-toggled .sidebar .nav .badge{
        position:absolute;
        top:10px;
        right:5px;
    }
}
.btn-green.active,.btn-green:active,.btn-inverse.active,.btn-inverse:active,.btn-pink.active,.btn-pink:active,.btn-purple.active,.btn-purple:active,.show .dropdown-toggle.btn-green,.show .dropdown-toggle.btn-inverse,.show .dropdown-toggle.btn-pink,.show .dropdown-toggle.btn-purple{
    background-image:none;
}
.offsidebar{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:250px;
    margin-top:106px;
    background-color:#2c3037;
    z-index:-1;
    -webkit-overflow-scrolling: touch;
}
.offsidebar-open{
    overflow-y:hidden;
}
.offsidebar-open .offsidebar{
    overflow-y:auto;
    z-index:10;
}
@media only screen and (min-width: 768px) {
    .offsidebar{
        position:fixed;
        margin-top:60px;
    }
    .offsidebar-open{
        overflow-y:auto;
    }
}
.no-csstransforms3d .offsidebar-open .wrapper>section{
    left:-250px;
}
@media only screen and (max-width: 767px) {
    .wrapperFullWidth {
        margin-top:0px;
    }
}
@media only screen and (min-width: 768px) {
.wrapperFullWidth {
	margin-top: 60px;
}
}
.csstransforms3d .wrapper>section{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.csstransforms3d .offsidebar-open .wrapper>section{
    -webkit-transform:translate3d(-250px,0,0);
    transform:translate3d(-250px,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}

/* Heading, Buttons & Badges */

body{
    font-family:"PT Sans",sans-serif;
    color:#656565;
}
h1,h2,h3,h4{
    font-weight:700;
}
.btn-inverse{
    color:#fff;
    background-color:#2d2d2d;
    border-color:#2d2d2d;
}
.btn-inverse.active,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.show .dropdown-toggle.btn-inverse{
    color:#fff;
    background-color:#3c3c3c;
}
.btn-inverse.disabled,.btn-inverse.disabled.active,.btn-inverse.disabled:active,.btn-inverse.disabled:focus,.btn-inverse.disabled:hover,.btn-inverse[disabled],.btn-inverse[disabled].active,.btn-inverse[disabled]:active,.btn-inverse[disabled]:focus,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse,fieldset[disabled] .btn-inverse.active,fieldset[disabled] .btn-inverse:active,fieldset[disabled] .btn-inverse:focus,fieldset[disabled] .btn-inverse:hover{
    background-color:#2d2d2d;
    border-color:#2d2d2d;
}
.btn-inverse .badge{
    color:#2d2d2d;
    background-color:#fff;
}
.btn-green{
    color:#fff;
    background-color:#01b6ad;
    border-color:#019d95;
}
.btn-green.active,.btn-green:active,.btn-green:focus,.btn-green:hover,.show .dropdown-toggle.btn-green{
    color:#fff;
    background-color:#01d4ca;
}
.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover,fieldset[disabled] .btn-green,fieldset[disabled] .btn-green.active,fieldset[disabled] .btn-green:active,fieldset[disabled] .btn-green:focus,fieldset[disabled] .btn-green:hover{
    background-color:#01b6ad;
    border-color:#019d95;
}
.btn-green .badge{
    color:#01b6ad;
    background-color:#fff;
}
.btn-purple{
    color:#fff;
    background-color:#9b59b6;
    border-color:#8f4bab;
}
.btn-purple.active,.btn-purple:active,.btn-purple:focus,.btn-purple:hover,.show .dropdown-toggle.btn-purple{
    color:#fff;
    background-color:#a86ebf;
}
.btn-purple.disabled,.btn-purple.disabled.active,.btn-purple.disabled:active,.btn-purple.disabled:focus,.btn-purple.disabled:hover,.btn-purple[disabled],.btn-purple[disabled].active,.btn-purple[disabled]:active,.btn-purple[disabled]:focus,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple,fieldset[disabled] .btn-purple.active,fieldset[disabled] .btn-purple:active,fieldset[disabled] .btn-purple:focus,fieldset[disabled] .btn-purple:hover{
    background-color:#9b59b6;
    border-color:#8f4bab;
}
.btn-purple .badge{
    color:#9b59b6;
    background-color:#fff;
}
.btn-pink{
    color:#fff;
    background-color:#f36;
    border-color:#ff1953;
}
.btn-pink.active,.btn-pink:active,.btn-pink:focus,.btn-pink:hover,.show .dropdown-toggle.btn-pink{
    color:#fff;
    background-color:#ff527d;
}
.btn-pink.disabled,.btn-pink.disabled.active,.btn-pink.disabled:active,.btn-pink.disabled:focus,.btn-pink.disabled:hover,.btn-pink[disabled],.btn-pink[disabled].active,.btn-pink[disabled]:active,.btn-pink[disabled]:focus,.btn-pink[disabled]:hover,fieldset[disabled] .btn-pink,fieldset[disabled] .btn-pink.active,fieldset[disabled] .btn-pink:active,fieldset[disabled] .btn-pink:focus,fieldset[disabled] .btn-pink:hover{
    background-color:#f36;
    border-color:#ff1953;
}
.btn-pink .badge{
    color:#f36;
    background-color:#fff;
}
.btn-outline{
    background-color:transparent;
    border-color:#fff;
}
.btn-outline:focus,.btn-outline:hover{
    background-color:#fff;
    color:#67a8e4;
}
.btn-xl{
    padding:20px 16px;
    font-size:18px;
}
.btn-oval,.btn-pill-left{
    border-top-left-radius:50px;
    border-bottom-left-radius:50px;
    padding-left:18px;
}
.btn-oval,.btn-pill-right{
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
    padding-right:18px;
}
.btn-labeled{
    padding-top:0;
    padding-bottom:0;
}
.btn-label{
    position:relative;
    background:0 0;
    background:rgba(0,0,0,0.05);
    display:inline-block;
    padding:8px 14px;
    left:-14px;
    border-radius:3px 0 0 3px;
}
.btn-label.btn-label-right{
    left:auto;
    right:-14px;
    border-radius:0 3px 3px 0;
}
.btn-lg .btn-label{
    padding:10px 16px;
    left:-16px;
    border-radius:5px 0 0 5px;
}
.btn-lg .btn-label.btn-label-right{
    left:auto;
    right:-16px;
    border-radius:0 5px 5px 0;
}
.btn-sm .btn-label{
    padding:5px 10px;
    left:-10px;
    border-radius:2px 0 0 2px;
}
.btn-sm .btn-label.btn-label-right{
    left:auto;
    right:-10px;
    border-radius:0 2px 2px 0;
}
.btn-xs .btn-label{
    padding:1px 5px;
    left:-5px;
    border-radius:2px 0 0 2px;
}
.btn-xs .btn-label.btn-label-right{
    left:auto;
    right:-5px;
    border-radius:0 2px 2px 0;
}
.btn-fw{
    min-width:80px;
}
.btn-fw.btn-sm{
    min-width:40px;
}
.btn-fw.btn-md{
    min-width:60px;
}
.btn-fw.btn-lg{
    min-width:140px;
}

/* Notifcations */

.tradify-notify{
    position:fixed;
    top:50px;
    left:50px;
    z-index:1040;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:350px;
}
.tradify-notify-bottom-right,.tradify-notify-top-right{
    left:auto;
    right:50px;
}
.tradify-notify-bottom-center,.tradify-notify-top-center{
    left:50%;
    margin-left:-175px;
}
.tradify-notify-bottom-center,.tradify-notify-bottom-left,.tradify-notify-bottom-right{
    top:auto;
    bottom:50px;
}
@media (max-width: 480px) {
    .tradify-notify{
        left:10px;
        right:10px;
        width:auto;
        margin:0;
    }
}
.tradify-notify-message{
    position:relative;
    margin-bottom:10px;
    padding:15px 35px 15px 15px;
    font-size:16px;
    line-height:22px;
    border-radius:3px;
    cursor:pointer;
}
.tradify-notify-message.alert.alert-normal{
    background:#444;
    color:#fff;
}
.tradify-notify-message>.close{
    visibility:hidden;
}
.tradify-notify-message:hover>.close{
    visibility:visible;
}

/* Placeholders & Panels */

.box-placeholder{
    margin-bottom:15px;
    padding:20px;
    border:1px dashed #ddd;
    background:#fafafa;
    color:#444;
}
.box-placeholder>:last-child,.card .table{
    margin-bottom:0;
}
.box-placeholder-lg{
    padding-top:80px;
    padding-bottom:80px;
}
.card .table{
    border:0;
}
.card.panel-flat{
    margin:0!important;
    border:0;
}
.panel-green>.card-header+.collapse .card-body,.panel-inverse>.card-header+.collapse .card-body,.panel-pink>.card-header+.collapse .card-body,.panel-purple>.card-header+.collapse .card-body{
    border-top-color:#eee;
}
.accordion .card.panel-flat:first-child{
    border-radius:4px 4px 0 0;
}
.accordion .card.panel-flat:last-child{
    border-radius:0 0 4px 4px;
}
.card-header>a[data-perform]{
    display:inline-block;
    color:#fff;
    width:2em;
    text-align:center;
}
.card .card-header>a[data-perform]{
    color:#c1c2c3;
}
.card-header>.badge.float-end{
    margin-top:3px;
}
.card-footer .pagination{
    margin:0;
}
.card-footer .radial-bar,.card-footer p{
    margin-bottom:0;
}
.card-header-active{
    background-color:#67a8e4!important;
    font-weight:700;
    font-size:16px;
}
.card-header-active>a{
    padding:15px 0;
    color:#fff!important;
    -webkit-transition:padding .5s ease;
    transition:padding .5s ease;
}
.card-header-active+.collapse:after{
    content:"";
    display:block;
    width:60%;
    margin:0 auto;
    height:0;
    border-bottom:1px solid #e1e2e3;
}
.panel-green>.card-footer+.collapse .card-body,.panel-inverse>.card-footer+.collapse .card-body,.panel-pink>.card-footer+.collapse .card-body,.panel-purple>.card-footer+.collapse .card-body{
    border-bottom-color:#eee;
}
.panel-inverse{
    border-color:#eee;
}
.panel-inverse>.card-header{
    color:#fff;
    background-color:#2d2d2d;
    border-color:#2d2d2d;
}
.panel-green{
    border-color:#eee;
}
.panel-green>.card-header{
    color:#fff;
    background-color:#01b6ad;
    border-color:#01b6ad;
}
.panel-pink{
    border-color:#eee;
}
.panel-pink>.card-header{
    color:#fff;
    background-color:#f36;
    border-color:#f36;
}
.panel-purple{
    border-color:#eee;
}
.panel-purple>.card-header{
    color:#fff;
    background-color:#9b59b6;
    border-color:#9b59b6;
}

/* Progress */

.progress-sm{
    height:15px;
}
.progress-xs{
    height:8px;
}
.progress-bar-success{
    background-color:var(--bs-success);
}
.progress-bar-danger{
    background-color:var(--bs-danger);
}
.progress-bar-warning{
    background-color:var(--bs-warning);
}
.progress-bar-info{
    background-color:var(--bs-info);
}

/* Flot Chart */

.flot-chart{
    display:block;
    height:400px;
}
.flot-chart .legend>table tr td{
    padding:3px;
}
.flot-chart .legend>table tr td:first-child{
    padding-left:3px;
}
.flot-chart .legend>table tr td:last-child{
    padding-right:3px;
}
.flot-chart .legend>table tr+tr td{
    padding-top:0;
}
.flot-chart .legend>div:first-child{
    border-color:rgba(0,0,0,0.1)!important;
}
.flot-chart .legend .legendColorBox>div,.flot-chart .legend .legendColorBox>div>div{
    border-radius:400px;
}
.flot-chart-content{
    width:100%;
    height:100%;
}
.flot-pie-label{
    padding:3px 5px;
    font-size:10px;
    text-align:center;
    color:#fff;
}
#flotTip{
    position:relative;
    padding:5px;
    font-size:12px!important;
    border-radius:2px!important;
    border-color:transparent!important;
    background-color:rgba(0,0,0,0.75)!important;
    color:#f1f1f1;
    z-index:5;
}
.radial-bar{
    position:relative;
    display:inline-block;
    border-radius:50%;
    border:2px solid #fafafa;
    background-color:transparent;
    margin-bottom:20px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    width:80px;
    height:80px;
    font-size:18px;
}
.radial-bar:after,.radial-bar>img{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    text-align:center;
    font-weight:700;
    color:#a1a2a3;
    width:56px;
    height:56px;
    margin-left:12px;
    margin-top:12px;
    line-height:56px;
}
.radial-bar:after{
    content:attr(data-label);
    background-color:#f0f0f0;
    z-index:101;
}
.radial-bar>img{
    z-index:102;
}
.radial-bar.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-50{
    background-image:linear-gradient(270deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-55{
    background-image:linear-gradient(288deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-60{
    background-image:linear-gradient(306deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-65{
    background-image:linear-gradient(324deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-70{
    background-image:linear-gradient(342deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-75{
    background-image:linear-gradient(360deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-80{
    background-image:linear-gradient(378deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-85{
    background-image:linear-gradient(396deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-90{
    background-image:linear-gradient(414deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-95{
    background-image:linear-gradient(432deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar.radial-bar-100{
    background-image:linear-gradient(450deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-50{
    background-image:linear-gradient(270deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-55{
    background-image:linear-gradient(288deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-60{
    background-image:linear-gradient(306deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-65{
    background-image:linear-gradient(324deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-70{
    background-image:linear-gradient(342deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-75{
    background-image:linear-gradient(360deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-80{
    background-image:linear-gradient(378deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-85{
    background-image:linear-gradient(396deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-90{
    background-image:linear-gradient(414deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-95{
    background-image:linear-gradient(432deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-primary.radial-bar-100{
    background-image:linear-gradient(450deg,#67a8e4 50%,transparent 50%,transparent),linear-gradient(270deg,#67a8e4 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-50{
    background-image:linear-gradient(270deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-55{
    background-image:linear-gradient(288deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-60{
    background-image:linear-gradient(306deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-65{
    background-image:linear-gradient(324deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-70{
    background-image:linear-gradient(342deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-75{
    background-image:linear-gradient(360deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-80{
    background-image:linear-gradient(378deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-85{
    background-image:linear-gradient(396deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-90{
    background-image:linear-gradient(414deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-95{
    background-image:linear-gradient(432deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-success.radial-bar-100{
    background-image:linear-gradient(450deg,#4ac18e 50%,transparent 50%,transparent),linear-gradient(270deg,#4ac18e 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-50{
    background-image:linear-gradient(270deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-55{
    background-image:linear-gradient(288deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-60{
    background-image:linear-gradient(306deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-65{
    background-image:linear-gradient(324deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-70{
    background-image:linear-gradient(342deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-75{
    background-image:linear-gradient(360deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-80{
    background-image:linear-gradient(378deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-85{
    background-image:linear-gradient(396deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-90{
    background-image:linear-gradient(414deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-95{
    background-image:linear-gradient(432deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-info.radial-bar-100{
    background-image:linear-gradient(450deg,#00afd1 50%,transparent 50%,transparent),linear-gradient(270deg,#00afd1 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-50{
    background-image:linear-gradient(270deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-55{
    background-image:linear-gradient(288deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-60{
    background-image:linear-gradient(306deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-65{
    background-image:linear-gradient(324deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-70{
    background-image:linear-gradient(342deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-75{
    background-image:linear-gradient(360deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-80{
    background-image:linear-gradient(378deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-85{
    background-image:linear-gradient(396deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-90{
    background-image:linear-gradient(414deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-95{
    background-image:linear-gradient(432deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-warning.radial-bar-100{
    background-image:linear-gradient(450deg,#ffc61d 50%,transparent 50%,transparent),linear-gradient(270deg,#ffc61d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-0{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-5{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-10{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-15{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-20{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-25{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-30{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-35{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-40{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-45{
    background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-50{
    background-image:linear-gradient(270deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-55{
    background-image:linear-gradient(288deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-60{
    background-image:linear-gradient(306deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-65{
    background-image:linear-gradient(324deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-70{
    background-image:linear-gradient(342deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-75{
    background-image:linear-gradient(360deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-80{
    background-image:linear-gradient(378deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-85{
    background-image:linear-gradient(396deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-90{
    background-image:linear-gradient(414deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-95{
    background-image:linear-gradient(432deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-danger.radial-bar-100{
    background-image:linear-gradient(450deg,#f6504d 50%,transparent 50%,transparent),linear-gradient(270deg,#f6504d 50%,#fafafa 50%,#fafafa);
}
.radial-bar-lg{
    width:100px;
    height:100px;
    font-size:22px;
}
.radial-bar-lg:after,.radial-bar-lg>img{
    width:70px;
    height:70px;
    margin-left:15px;
    margin-top:15px;
    line-height:70px;
}
.radial-bar-sm{
    width:50px;
    height:50px;
    font-size:12px;
}
.radial-bar-sm:after,.radial-bar-sm>img{
    width:35px;
    height:35px;
    margin-left:7.5px;
    margin-top:7.5px;
    line-height:35px;
}
.radial-bar-xs{
    width:30px;
    height:30px;
    font-size:8px;
}
.radial-bar-xs:after,.radial-bar-xs>img{
    width:21px;
    height:21px;
    margin-left:4.5px;
    margin-top:4.5px;
    line-height:21px;
}
.radial-bar,x:-o-prefocus{
    background-clip:content-box;
}

/* User Area */

.user-block{
    position:relative;
    display:block;
    margin:15px 30px;
    cursor:pointer;
}
.user-block>.user-block-picture{
    position:relative;
    display:inline-block;
    width:60px;
    margin-right:15px;
}
.user-block>.user-block-picture>img{
    max-width:100%;
    height:auto;
}
.user-block>.user-block-picture>.user-block-status{
    display:none;
}
.user-block .user-block-info{
    display:inline-block;
}
.user-block .user-block-info .user-block-name{
    display:block;
    color:#f1f1f1;
}
.user-block .user-block-info .user-block-role{
    display:block;
    font-size:12px;
    color:#aaa;
}
.user-block-status{
    position:absolute;
    left:80px;
    bottom:-3px;
}
.user-block-status>.btn{
    font-size:10px;
    background-color:#222;
    background-color:rgba(0,0,0,0.05);
    color:#c1c2c3!important;
    min-width:70px;
    text-align:left;
}
@media only screen and (min-width: 768px) {
    .aside-toggled .sidebar > .nav > li.sidebar-account-item > .item.user-block {
        margin: 0 !important;
        padding: 0.65rem 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-left: 3px solid transparent;
        box-sizing: border-box;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }
    .aside-toggled .sidebar > .nav > li.sidebar-account-item:hover > .item.user-block,
    .aside-toggled .sidebar > .nav > li.sidebar-account-item:focus-within > .item.user-block {
        background-color: rgba(255, 255, 255, 0.04);
        border-left-color: rgba(103, 168, 228, 0.45);
    }
    .aside-toggled .sidebar > .nav > li.sidebar-account-item > .item.user-block > .user-block-picture {
        margin: 0 !important;
        width: auto;
    }
    .aside-toggled .sidebar > .nav > li.sidebar-account-item > .item.user-block > .user-block-picture > img {
        width: 40px;
        height: 40px;
        max-width: 40px;
    }
    .aside-toggled .user-block{
        padding:0!important;
        margin:20px 0;
    }
    .aside-toggled .sidebar > .nav > li.sidebar-account-item .user-block {
        margin: 0 !important;
    }
    .aside-toggled .user-block>.user-block-picture{
        margin:0;
        width:50px;
    }
    .aside-toggled .user-block>.user-block-picture>.user-block-status{
        display:block;
        text-indent:-9999px;
        top:0;
        left:0;
    }
    .aside-toggled .user-block>.user-block-picture>.user-block-status>.point{
        position:absolute;
        top:-5px;
        left:-8px;
    }
    .aside-toggled .user-block .user-block-role,.aside-toggled .user-block .user-block-status{
        display:none;
    }
}

/* Points */

.point{
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:500px;
    margin:0 .5em;
    background-color:#ddd;
    vertical-align:baseline;
}
.point.text-left{
    margin-left:0;
}
.point.text-right{
    margin-right:0;
}
.point-primary{
    background-color:#67a8e4;
}
.point-success{
    background-color:#4ac18e;
}
.point-info{
    background-color:#00afd1;
}
.point-warning{
    background-color:#ffc61d;
}
.point-danger{
    background-color:#f6504d;
}
.point-green{
    background-color:#01b6ad;
}
.point-pink{
    background-color:#f36;
}
.point-inverse{
    background-color:#2d2d2d;
}
.point-purple{
    background-color:#9b59b6;
}
.point-sm{
    width:3px;
    height:3px;
}
.point-lg{
    width:8px;
    height:8px;
}
.point-xl{
    width:16px;
    height:16px;
}
.point-outline{
    background-color:transparent;
}
.point-outline.point-primary{
    border:1px solid #67a8e4;
}
.point-outline.point-success{
    border:1px solid #4ac18e;
}
.point-outline.point-info{
    border:1px solid #00afd1;
}
.point-outline.point-warning{
    border:1px solid #ffc61d;
}
.point-outline.point-danger{
    border:1px solid #f6504d;
}

/* Timeline */

.timeline{
    list-style:none;
    padding:0 0 20px;
    position:relative;
}
.timeline:before{
    top:0;
    bottom:0;
    position:absolute;
    content:" ";
    width:1px;
    background-color:#d1d2d3;
    left:60px;
}
.timeline>li{
    margin-bottom:20px;
    position:relative;
    margin-top:30px;
}
.timeline>li:after,.timeline>li:before{
    content:" ";
    display:table;
}
.timeline>li.timeline-separator:before{
    content:attr(datetime);
    display:inline-block;
    width:120px;
    text-align:center;
    padding:0 20px;
    line-height:30px;
    border:1px solid #e1e1e1;
    background-color:#f1f2f3;
    color:#a1a2a3;
}
.timeline>li>.timeline-panel{
    position:relative;
    margin-left:130px;
}
.timeline>li>.timeline-panel .popover{
    position:relative;
    display:block;
    margin:0;
    width:100%;
    max-width:none;
}
.timeline>li>.timeline-panel .popover .arrow{
    display:none;
}
.timeline>li>.timeline-panel .popover .popover-content .popover-title{
    background-color:transparent;
    border:0;
    padding-left:0;
    padding-top:0;
}
.timeline>li>.timeline-date{
    float:right;
    margin:-20px 0 0;
    display:block;
    height:20px;
    line-height:20px;
    font-size:13px;
}
.timeline>li>.timeline-date>time:after{
    content:attr(datetime);
}
.timeline>li>.timeline-badge{
    position:absolute;
    top:0;
    left:60px;
    width:50px;
    height:50px;
    border-radius:500px;
    margin-left:-25px;
    line-height:50px;
    font-size:1.4em;
    text-align:center;
    color:#fff;
    background-color:#999;
    z-index:100;
}
.timeline>li>.timeline-badge.primary{
    background-color:#67a8e4;
}
.timeline>li>.timeline-badge.success{
    background-color:#4ac18e;
}
.timeline>li>.timeline-badge.warning{
    background-color:#ffc61d;
}
.timeline>li>.timeline-badge.danger{
    background-color:#f6504d;
}
.timeline>li>.timeline-badge.info{
    background-color:#00afd1;
}
.timeline-title{
    margin-top:0;
    color:inherit;
}
.timeline-body>p,.timeline-body>ul{
    margin-bottom:0;
}
.timeline-body>p+p{
    margin-top:5px;
}
@media only screen and (min-width: 992px) {
    .timeline:before,.timeline>li.timeline-separator:before{
        margin-left:25px;
    }
    .timeline:before{
        left:50%;
    }
    .timeline>li.timeline-separator{
        margin-left:25px;
        text-align:center;
    }
    .timeline>li>.timeline-badge{
        left:50%;
        margin-left:0;
    }
    .timeline>li>.timeline-date{
        float:none;
        position:absolute;
        width:40%;
        left:50%;
        top:25px;
        margin-left:75px;
        margin-top:-10px;
    }
    .timeline>li>.timeline-panel{
        float:left;
        margin:0;
        width:48%;
    }
    .timeline>li>.timeline-panel:before{
        border-left-width:15px;
        border-right-width:0;
        top:26px;
        right:-15px;
        left:auto;
    }
    .timeline>li>.timeline-panel:after{
        border-left-width:14px;
        border-right-width:0;
        top:27px;
        right:-14px;
        left:auto;
    }
    .timeline>li>.timeline-panel .popover .arrow{
        top:25px;
        display:block;
    }
    .timeline>li.timeline-inverted>.timeline-panel{
        float:right;
        padding-left:50px;
    }
    .timeline>li.timeline-inverted .timeline-date{
        left:auto;
        right:50%;
        width:auto;
        margin-left:0;
        margin-right:50px;
    }
}

/* Dropdowns */
.dropdown-lg>.dropdown-menu{
    min-width:200px;
}
.dropdown-list>.dropdown-menu{
    padding:0;
    min-width:220px;
}
.dropdown-list .list-group{
    margin:0;
}
.dropdown-list .list-group-item{
    border-radius:0;
    border-left:0;
    border-right:0;
}
.dropdown-list .list-group-item:first-child{
    border-top:0;
}
.dropdown-list .list-group-item:last-child{
    border-bottom:0;
}
.dropdown>a{
    position:relative;
}
.dropdown>a>.badge{
    position:absolute;
    top:0;
    right:0;
    padding:2px 5px;
}
@media only screen and (min-width: 768px) {
    .dropdown>a>.badge{
        top:10px;
    }
}
.dropdown-menu-header{
    padding:10px 15px;
    background-color:#f7f8f9;
    border-bottom:1px solid #e1e1e1;
}

/* Table */

.row-table{
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%;
    margin:0;
}
.row-table>[class*=col-]{
    display:table-cell;
    float:none;
    table-layout:fixed;
    vertical-align:middle;
}
.row-flush>[class*=col-]{
    padding-left:0;
    padding-right:0;
}

/* Widgets */

.widget{
    margin-bottom:20px;
}
.widget .card{
    overflow:hidden;
}
.half-float{
    position:relative;
    margin-bottom:65px;
}
.half-float .half-float-bottom,.half-float .half-float-top{
    position:absolute;
    left:50%;
    bottom:-60px;
    width:120px;
    height:120px;
    margin-left:-60px;
    z-index:2;
}
.half-float .half-float-top{
    bottom:auto;
    top:-60px;
}
.half-float+*{
    margin-top:-55px;
    padding-top:65px;
}
.bootstrap-datetimepicker-widget .btn{
    padding:6px;
    box-shadow:0 0 0 #000;
    border:0;
}
.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{
    background:#f7f7f7;
}
.bootstrap-datetimepicker-widget td.new,.bootstrap-datetimepicker-widget td.old{
    color:#e1e1e1;
}
.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{
    background-color:#67a8e4;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{
    color:#e1e1e1;
}
.bootstrap-datetimepicker-widget td span:hover{
    background:#f7f7f7;
}
.bootstrap-datetimepicker-widget td span.active{
    background-color:#67a8e4;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td span.old,.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{
    color:#e1e1e1;
}
.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{
    background:0 0;
    color:#e1e1e1;
    cursor:not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover{
    background:#f7f7f7;
}
[data-toggle=play-animation][data-offset]{
    visibility:hidden;
}
[data-toggle=play-animation][data-offset].anim-done{
    visibility:visible;
}
.slimScrollBar{
    opacity:1!important;
    background-color:rgba(0,0,0,0.35)!important;
    border:0!important;
    border-radius:1px!important;
}
.slimScrollRail{
    opacity:1!important;
    background-color:rgba(0,0,0,0.15)!important;
    border:0!important;
    border-radius:0!important;
}
.row-masonry{
    position:relative;
    margin:0;
    padding:0;
    width:100%;
}
.row-masonry>.col-masonry{
    display:inline-block;
    width:100%;
    min-height:1em;
    margin-bottom:15px;
}
@media only screen and (min-width: 480px) {
    .no-csscolumns .row-masonry-sm-1,.no-csscolumns .row-masonry-sm-10,.no-csscolumns .row-masonry-sm-11,.no-csscolumns .row-masonry-sm-12,.no-csscolumns .row-masonry-sm-2,.no-csscolumns .row-masonry-sm-3,.no-csscolumns .row-masonry-sm-4,.no-csscolumns .row-masonry-sm-5,.no-csscolumns .row-masonry-sm-7,.no-csscolumns .row-masonry-sm-8,.no-csscolumns .row-masonry-sm-9{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-sm-10:after,.no-csscolumns .row-masonry-sm-11:after,.no-csscolumns .row-masonry-sm-12:after,.no-csscolumns .row-masonry-sm-1:after,.no-csscolumns .row-masonry-sm-2:after,.no-csscolumns .row-masonry-sm-3:after,.no-csscolumns .row-masonry-sm-4:after,.no-csscolumns .row-masonry-sm-5:after,.no-csscolumns .row-masonry-sm-7:after,.no-csscolumns .row-masonry-sm-8:after,.no-csscolumns .row-masonry-sm-9:after{
        content:'';
        display:inline-block;
    }
    .row-masonry-sm-1{
        -moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:1;
        -webkit-columns:1;
        columns:1;
    }
    .row-masonry-sm-2,.row-masonry-sm-3{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-sm-1:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-1>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:99%;
    }
    .row-masonry-sm-2{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        column-gap:15px;
        -moz-columns:2;
        -webkit-columns:2;
        columns:2;
    }
    .no-csscolumns .row-masonry-sm-2:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-2>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:49%;
    }
    .row-masonry-sm-3{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        column-gap:15px;
        -moz-columns:3;
        -webkit-columns:3;
        columns:3;
    }
    .row-masonry-sm-4,.row-masonry-sm-5{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-sm-3:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-3>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:32%;
    }
    .row-masonry-sm-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        column-gap:15px;
        -moz-columns:4;
        -webkit-columns:4;
        columns:4;
    }
    .no-csscolumns .row-masonry-sm-4:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-4>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:24%;
    }
    .row-masonry-sm-5{
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        column-gap:15px;
        -moz-columns:5;
        -webkit-columns:5;
        columns:5;
    }
    .row-masonry-sm-6,.row-masonry-sm-7{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-sm-5:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-5>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:19%;
    }
    .row-masonry-sm-6{
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        column-gap:15px;
        -moz-columns:6;
        -webkit-columns:6;
        columns:6;
    }
    .no-csscolumns .row-masonry-sm-6{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-sm-6:after{
        content:'';
        display:inline-block;
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-6>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:15%;
    }
    .row-masonry-sm-7{
        -moz-column-count:7;
        -webkit-column-count:7;
        column-count:7;
        column-gap:15px;
        -moz-columns:7;
        -webkit-columns:7;
        columns:7;
    }
    .row-masonry-sm-8,.row-masonry-sm-9{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-sm-7:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-7>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:13%;
    }
    .row-masonry-sm-8{
        -moz-column-count:8;
        -webkit-column-count:8;
        column-count:8;
        column-gap:15px;
        -moz-columns:8;
        -webkit-columns:8;
        columns:8;
    }
    .no-csscolumns .row-masonry-sm-8:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-8>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:11%;
    }
    .row-masonry-sm-9{
        -moz-column-count:9;
        -webkit-column-count:9;
        column-count:9;
        column-gap:15px;
        -moz-columns:9;
        -webkit-columns:9;
        columns:9;
    }
    .row-masonry-sm-10,.row-masonry-sm-11{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-sm-9:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-9>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:10%;
    }
    .row-masonry-sm-10{
        -moz-column-count:10;
        -webkit-column-count:10;
        column-count:10;
        column-gap:15px;
        -moz-columns:10;
        -webkit-columns:10;
        columns:10;
    }
    .no-csscolumns .row-masonry-sm-10:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-10>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:9%;
    }
    .row-masonry-sm-11{
        -moz-column-count:11;
        -webkit-column-count:11;
        column-count:11;
        column-gap:15px;
        -moz-columns:11;
        -webkit-columns:11;
        columns:11;
    }
    .no-csscolumns .row-masonry-sm-11:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-11>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:8%;
    }
    .row-masonry-sm-12{
        -moz-column-count:12;
        -webkit-column-count:12;
        column-count:12;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:12;
        -webkit-columns:12;
        columns:12;
    }
    .no-csscolumns .row-masonry-sm-12:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-sm-12>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:7%;
    }
}
@media only screen and (min-width: 768px) {
    .no-csscolumns .row-masonry-md-1,.no-csscolumns .row-masonry-md-10,.no-csscolumns .row-masonry-md-11,.no-csscolumns .row-masonry-md-12,.no-csscolumns .row-masonry-md-2,.no-csscolumns .row-masonry-md-3,.no-csscolumns .row-masonry-md-4,.no-csscolumns .row-masonry-md-5,.no-csscolumns .row-masonry-md-7,.no-csscolumns .row-masonry-md-8,.no-csscolumns .row-masonry-md-9{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-md-10:after,.no-csscolumns .row-masonry-md-11:after,.no-csscolumns .row-masonry-md-12:after,.no-csscolumns .row-masonry-md-1:after,.no-csscolumns .row-masonry-md-2:after,.no-csscolumns .row-masonry-md-3:after,.no-csscolumns .row-masonry-md-4:after,.no-csscolumns .row-masonry-md-5:after,.no-csscolumns .row-masonry-md-7:after,.no-csscolumns .row-masonry-md-8:after,.no-csscolumns .row-masonry-md-9:after{
        content:'';
        display:inline-block;
    }
    .row-masonry-md-1{
        -moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:1;
        -webkit-columns:1;
        columns:1;
    }
    .row-masonry-md-2,.row-masonry-md-3{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-md-1:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-1>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:99%;
    }
    .row-masonry-md-2{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        column-gap:15px;
        -moz-columns:2;
        -webkit-columns:2;
        columns:2;
    }
    .no-csscolumns .row-masonry-md-2:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-2>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:49%;
    }
    .row-masonry-md-3{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        column-gap:15px;
        -moz-columns:3;
        -webkit-columns:3;
        columns:3;
    }
    .row-masonry-md-4,.row-masonry-md-5{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-md-3:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-3>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:32%;
    }
    .row-masonry-md-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        column-gap:15px;
        -moz-columns:4;
        -webkit-columns:4;
        columns:4;
    }
    .no-csscolumns .row-masonry-md-4:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-4>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:24%;
    }
    .row-masonry-md-5{
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        column-gap:15px;
        -moz-columns:5;
        -webkit-columns:5;
        columns:5;
    }
    .row-masonry-md-6,.row-masonry-md-7{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-md-5:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-5>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:19%;
    }
    .row-masonry-md-6{
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        column-gap:15px;
        -moz-columns:6;
        -webkit-columns:6;
        columns:6;
    }
    .no-csscolumns .row-masonry-md-6{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-md-6:after{
        content:'';
        display:inline-block;
        width:100%;
    }
    .no-csscolumns .row-masonry-md-6>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:15%;
    }
    .row-masonry-md-7{
        -moz-column-count:7;
        -webkit-column-count:7;
        column-count:7;
        column-gap:15px;
        -moz-columns:7;
        -webkit-columns:7;
        columns:7;
    }
    .row-masonry-md-8,.row-masonry-md-9{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-md-7:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-7>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:13%;
    }
    .row-masonry-md-8{
        -moz-column-count:8;
        -webkit-column-count:8;
        column-count:8;
        column-gap:15px;
        -moz-columns:8;
        -webkit-columns:8;
        columns:8;
    }
    .no-csscolumns .row-masonry-md-8:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-8>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:11%;
    }
    .row-masonry-md-9{
        -moz-column-count:9;
        -webkit-column-count:9;
        column-count:9;
        column-gap:15px;
        -moz-columns:9;
        -webkit-columns:9;
        columns:9;
    }
    .row-masonry-md-10,.row-masonry-md-11{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-md-9:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-9>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:10%;
    }
    .row-masonry-md-10{
        -moz-column-count:10;
        -webkit-column-count:10;
        column-count:10;
        column-gap:15px;
        -moz-columns:10;
        -webkit-columns:10;
        columns:10;
    }
    .no-csscolumns .row-masonry-md-10:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-10>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:9%;
    }
    .row-masonry-md-11{
        -moz-column-count:11;
        -webkit-column-count:11;
        column-count:11;
        column-gap:15px;
        -moz-columns:11;
        -webkit-columns:11;
        columns:11;
    }
    .no-csscolumns .row-masonry-md-11:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-11>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:8%;
    }
    .row-masonry-md-12{
        -moz-column-count:12;
        -webkit-column-count:12;
        column-count:12;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:12;
        -webkit-columns:12;
        columns:12;
    }
    .no-csscolumns .row-masonry-md-12:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-md-12>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:7%;
    }
}
@media only screen and (min-width: 992px) {
    .no-csscolumns .row-masonry-lg-1,.no-csscolumns .row-masonry-lg-10,.no-csscolumns .row-masonry-lg-11,.no-csscolumns .row-masonry-lg-12,.no-csscolumns .row-masonry-lg-2,.no-csscolumns .row-masonry-lg-3,.no-csscolumns .row-masonry-lg-4,.no-csscolumns .row-masonry-lg-5,.no-csscolumns .row-masonry-lg-7,.no-csscolumns .row-masonry-lg-8,.no-csscolumns .row-masonry-lg-9{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-lg-10:after,.no-csscolumns .row-masonry-lg-11:after,.no-csscolumns .row-masonry-lg-12:after,.no-csscolumns .row-masonry-lg-1:after,.no-csscolumns .row-masonry-lg-2:after,.no-csscolumns .row-masonry-lg-3:after,.no-csscolumns .row-masonry-lg-4:after,.no-csscolumns .row-masonry-lg-5:after,.no-csscolumns .row-masonry-lg-7:after,.no-csscolumns .row-masonry-lg-8:after,.no-csscolumns .row-masonry-lg-9:after{
        content:'';
        display:inline-block;
    }
    .row-masonry-lg-1{
        -moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:1;
        -webkit-columns:1;
        columns:1;
    }
    .row-masonry-lg-2,.row-masonry-lg-3{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-lg-1:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-1>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:99%;
    }
    .row-masonry-lg-2{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        column-gap:15px;
        -moz-columns:2;
        -webkit-columns:2;
        columns:2;
    }
    .no-csscolumns .row-masonry-lg-2:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-2>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:49%;
    }
    .row-masonry-lg-3{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        column-gap:15px;
        -moz-columns:3;
        -webkit-columns:3;
        columns:3;
    }
    .row-masonry-lg-4,.row-masonry-lg-5{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-lg-3:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-3>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:32%;
    }
    .row-masonry-lg-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        column-gap:15px;
        -moz-columns:4;
        -webkit-columns:4;
        columns:4;
    }
    .no-csscolumns .row-masonry-lg-4:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-4>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:24%;
    }
    .row-masonry-lg-5{
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        column-gap:15px;
        -moz-columns:5;
        -webkit-columns:5;
        columns:5;
    }
    .row-masonry-lg-6,.row-masonry-lg-7{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-lg-5:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-5>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:19%;
    }
    .row-masonry-lg-6{
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        column-gap:15px;
        -moz-columns:6;
        -webkit-columns:6;
        columns:6;
    }
    .no-csscolumns .row-masonry-lg-6{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-lg-6:after{
        content:'';
        display:inline-block;
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-6>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:15%;
    }
    .row-masonry-lg-7{
        -moz-column-count:7;
        -webkit-column-count:7;
        column-count:7;
        column-gap:15px;
        -moz-columns:7;
        -webkit-columns:7;
        columns:7;
    }
    .row-masonry-lg-8,.row-masonry-lg-9{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-lg-7:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-7>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:13%;
    }
    .row-masonry-lg-8{
        -moz-column-count:8;
        -webkit-column-count:8;
        column-count:8;
        column-gap:15px;
        -moz-columns:8;
        -webkit-columns:8;
        columns:8;
    }
    .no-csscolumns .row-masonry-lg-8:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-8>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:11%;
    }
    .row-masonry-lg-9{
        -moz-column-count:9;
        -webkit-column-count:9;
        column-count:9;
        column-gap:15px;
        -moz-columns:9;
        -webkit-columns:9;
        columns:9;
    }
    .row-masonry-lg-10,.row-masonry-lg-11{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-lg-9:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-9>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:10%;
    }
    .row-masonry-lg-10{
        -moz-column-count:10;
        -webkit-column-count:10;
        column-count:10;
        column-gap:15px;
        -moz-columns:10;
        -webkit-columns:10;
        columns:10;
    }
    .no-csscolumns .row-masonry-lg-10:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-10>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:9%;
    }
    .row-masonry-lg-11{
        -moz-column-count:11;
        -webkit-column-count:11;
        column-count:11;
        column-gap:15px;
        -moz-columns:11;
        -webkit-columns:11;
        columns:11;
    }
    .no-csscolumns .row-masonry-lg-11:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-11>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:8%;
    }
    .row-masonry-lg-12{
        -moz-column-count:12;
        -webkit-column-count:12;
        column-count:12;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:12;
        -webkit-columns:12;
        columns:12;
    }
    .no-csscolumns .row-masonry-lg-12:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-lg-12>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:7%;
    }
}
@media only screen and (min-width: 1200px) {
    .no-csscolumns .row-masonry-xl-1,.no-csscolumns .row-masonry-xl-10,.no-csscolumns .row-masonry-xl-11,.no-csscolumns .row-masonry-xl-12,.no-csscolumns .row-masonry-xl-2,.no-csscolumns .row-masonry-xl-3,.no-csscolumns .row-masonry-xl-4,.no-csscolumns .row-masonry-xl-5,.no-csscolumns .row-masonry-xl-7,.no-csscolumns .row-masonry-xl-8,.no-csscolumns .row-masonry-xl-9{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-xl-10:after,.no-csscolumns .row-masonry-xl-11:after,.no-csscolumns .row-masonry-xl-12:after,.no-csscolumns .row-masonry-xl-1:after,.no-csscolumns .row-masonry-xl-2:after,.no-csscolumns .row-masonry-xl-3:after,.no-csscolumns .row-masonry-xl-4:after,.no-csscolumns .row-masonry-xl-5:after,.no-csscolumns .row-masonry-xl-7:after,.no-csscolumns .row-masonry-xl-8:after,.no-csscolumns .row-masonry-xl-9:after{
        content:'';
        display:inline-block;
    }
    .row-masonry-xl-1{
        -moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:1;
        -webkit-columns:1;
        columns:1;
    }
    .row-masonry-xl-2,.row-masonry-xl-3{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-xl-1:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-1>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:99%;
    }
    .row-masonry-xl-2{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        column-gap:15px;
        -moz-columns:2;
        -webkit-columns:2;
        columns:2;
    }
    .no-csscolumns .row-masonry-xl-2:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-2>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:49%;
    }
    .row-masonry-xl-3{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        column-gap:15px;
        -moz-columns:3;
        -webkit-columns:3;
        columns:3;
    }
    .row-masonry-xl-4,.row-masonry-xl-5{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-xl-3:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-3>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:32%;
    }
    .row-masonry-xl-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        column-gap:15px;
        -moz-columns:4;
        -webkit-columns:4;
        columns:4;
    }
    .no-csscolumns .row-masonry-xl-4:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-4>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:24%;
    }
    .row-masonry-xl-5{
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        column-gap:15px;
        -moz-columns:5;
        -webkit-columns:5;
        columns:5;
    }
    .row-masonry-xl-6,.row-masonry-xl-7{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-xl-5:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-5>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:19%;
    }
    .row-masonry-xl-6{
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        column-gap:15px;
        -moz-columns:6;
        -webkit-columns:6;
        columns:6;
    }
    .no-csscolumns .row-masonry-xl-6{
        text-align:justify;
    }
    .no-csscolumns .row-masonry-xl-6:after{
        content:'';
        display:inline-block;
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-6>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:15%;
    }
    .row-masonry-xl-7{
        -moz-column-count:7;
        -webkit-column-count:7;
        column-count:7;
        column-gap:15px;
        -moz-columns:7;
        -webkit-columns:7;
        columns:7;
    }
    .row-masonry-xl-8,.row-masonry-xl-9{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-xl-7:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-7>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:13%;
    }
    .row-masonry-xl-8{
        -moz-column-count:8;
        -webkit-column-count:8;
        column-count:8;
        column-gap:15px;
        -moz-columns:8;
        -webkit-columns:8;
        columns:8;
    }
    .no-csscolumns .row-masonry-xl-8:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-8>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:11%;
    }
    .row-masonry-xl-9{
        -moz-column-count:9;
        -webkit-column-count:9;
        column-count:9;
        column-gap:15px;
        -moz-columns:9;
        -webkit-columns:9;
        columns:9;
    }
    .row-masonry-xl-10,.row-masonry-xl-11{
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
    }
    .no-csscolumns .row-masonry-xl-9:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-9>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:10%;
    }
    .row-masonry-xl-10{
        -moz-column-count:10;
        -webkit-column-count:10;
        column-count:10;
        column-gap:15px;
        -moz-columns:10;
        -webkit-columns:10;
        columns:10;
    }
    .no-csscolumns .row-masonry-xl-10:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-10>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:9%;
    }
    .row-masonry-xl-11{
        -moz-column-count:11;
        -webkit-column-count:11;
        column-count:11;
        column-gap:15px;
        -moz-columns:11;
        -webkit-columns:11;
        columns:11;
    }
    .no-csscolumns .row-masonry-xl-11:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-11>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:8%;
    }
    .row-masonry-xl-12{
        -moz-column-count:12;
        -webkit-column-count:12;
        column-count:12;
        -moz-column-gap:15px;
        -webkit-column-gap:15px;
        column-gap:15px;
        -moz-columns:12;
        -webkit-columns:12;
        columns:12;
    }
    .no-csscolumns .row-masonry-xl-12:after{
        width:100%;
    }
    .no-csscolumns .row-masonry-xl-12>.col-masonry{
        vertical-align:top;
        display:inline-block;
        width:7%;
    }
}
.ColVis_collectionBackground,.fc-button .fc-icon:after{
    display:none;
}
.dataTables_filter input{
    margin-left:10px;
}
.dataTables_length select{
    margin-right:10px;
}
table.dataTable tfoot>tr>th{
    color:#a1a2a3;
    background:#f1f2f3;
}
.ColVis .ColVis_Button{
    background-image:none;
    border:1px solid #e1e2e3;
}
.ColVis .ColVis_Button>span{
    color:#656565;
}
ul.ColVis_collection{
    background-color:#fff;
}
ul.ColVis_collection>li{
    border:0!important;
    background-image:none!important;
    box-shadow:0 0 0 #000!important;
    margin:0;
}
.bootstrap-tagsinput,.fc-button,.fc-button.active,.fc-button:active,.show .dropdown-toggle.fc-button{
    background-image:none;
}
ul.ColVis_collection>li>label{
    margin:0;
}
ul.ColVis_collection>li>label>span{
    color:#888;
    vertical-align:top;
    font-weight:400;
}
ul.ColVis_collection>li>label>span:hover{
    color:#555;
}
.fc-button,.fc-button.active,.fc-button:active,.fc-button:focus,.fc-button:hover,.show .dropdown-toggle.fc-button{
    color:#333;
    background-color:#fff;
}
ul.ColVis_collection>li>label input[type=checkbox]:checked+span,ul.ColVis_collection>li>label input[type=radio]:checked+span{
    background-color:transparent;
}
[data-toggle=portlet]{
    min-height:30px;
}
[data-toggle=portlet] .portlet-handler,[data-toggle=portlet].portlet-handler{
    cursor:move;
}
.c-checkbox *,.c-radio *,.external-events>div,.switch *{
    cursor:pointer;
}
.portlet.box-placeholder{
    padding:0;
}
.gmap{
    height:300px;
}
.fc-button{
    border-color:#ccc;
}
.fc-button.disabled,.fc-button.disabled.active,.fc-button.disabled:active,.fc-button.disabled:focus,.fc-button.disabled:hover,.fc-button[disabled],.fc-button[disabled].active,.fc-button[disabled]:active,.fc-button[disabled]:focus,.fc-button[disabled]:hover,fieldset[disabled] .fc-button,fieldset[disabled] .fc-button.active,fieldset[disabled] .fc-button:active,fieldset[disabled] .fc-button:focus,fieldset[disabled] .fc-button:hover{
    background-color:#fff;
    border-color:#ccc;
}
.fc-button .badge{
    color:#fff;
    background-color:#333;
}
.fc-button.active,.fc-button.fc-state-active,.fc-button:active{
    outline:0;
    background-image:none;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}
.fc-button .fc-icon{
    margin:0 .1em;
    font-size:inherit;
    font-family:FontAwesome!important;
    vertical-align:baseline;
    color:#555;
}
.fc-day:hover,.fc-state-highlight{
    background-color:#f7f8f9;
}
.fc-day-number{
    font-size:18px;
    font-weight:700;
    color:#a1a2a3;
}
.fc-view{
    overflow:visible;
}
.external-events{
    margin:0;
}
.external-events>div{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    padding:6px 10px;
    color:#fff;
    font-size:11px;
}
.external-events:empty{
    content:"EMRTPUY";
}
.external-events-trash{
    position:relative;
    min-height:120px;
}
.external-events-trash:after{
    content:"\f00d";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#2d2d2d;
    opacity:0;
    font-family:FontAwesome;
    color:#fff;
    text-align:center;
    font-size:50px;
    padding:8%;
    max-height:100%;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    z-index:-1;
}
.cm-s-default pre,.uk-markdownarea-content{
    font-family:"Helvetica Neue","Trebuchet MS",Arial,sans-serif;
}
.external-events-trash.active:after{
    opacity:1;
    z-index:1;
}
.external-events-trash.hovered:after{
    background-color:#fb797e;
}
.external-event-color-selector .point.selected{
    border:3px solid rgba(255,255,255,0.5);
}
.csspinner{
    position:relative;
}
.csspinner:before{
    display:block;
    background-color:#f0f0f0;
    opacity:.7;
}
.ie9 .csspinner:before,.lt-ie9 .csspinner:before{
    opacity:.9;
}
.ie9 .csspinner:after,.lt-ie9 .csspinner:after{
    content:"Loading...";
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    line-height:40px;
    color:#000;
    opacity:1;
    border:0;
    box-shadow:0 0 0 #000;
    background-color:transparent;
    text-align:center;
}
.c-checkbox,.c-radio{
    margin-right:4px;
    position:relative;
}
.c-checkbox input,.c-radio input{
    opacity:0;
    position:absolute;
    margin-left:0!important;
}
.c-checkbox span,.c-radio span{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin-left:-20px;
    width:20px;
    height:20px;
    border-radius:2px;
    border:1px solid #ccc;
    margin-right:5px;
}
.form-inline .c-checkbox span,.form-inline .c-radio span,.markdownarea-fullscreen .wrapper>section{
    margin-left:0;
}
.c-checkbox:hover span,.c-radio:hover span{
    border-color:#67a8e4;
}
.c-checkbox.c-checkbox-rounded span,.c-checkbox.c-radio-rounded span,.c-radio span,.c-radio.c-checkbox-rounded span,.c-radio.c-radio-rounded span{
    border-radius:500px;
}
.c-checkbox span:before,.c-radio span:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    text-align:center!important;
    font-size:12px;
    line-height:18px;
    vertical-align:middle;
}
input[type=checkbox]:checked+span:before,input[type=radio]:checked+span:before{
    color:#fff;
    opacity:1;
    transition:color .3 ease-out;
}
input[type=checkbox]:checked+span,input[type=radio]:checked+span{
    border-color:#67a8e4;
    background-color:#67a8e4;
}
input[type=radio]:checked+span{
    background-color:#fff;
}
input[type=radio]:checked+span:before{
    color:#67a8e4;
}
input[type=checkbox]:disabled+span,input[type=radio]:disabled+span{
    border-color:#ddd!important;
    background-color:#ddd!important;
}
input[type=radio]:disabled+span{
    background-color:#fff!important;
}
input[type=radio]:disabled+span:before{
    color:#ddd;
}
.form-control-rounded{
    border-radius:100px;
}
.switch input{
    opacity:0;
    position:absolute;
    z-index:-1;
}
.switch span{
    position:relative;
    display:inline-block;
    width:60px;
    height:30px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:100px;
    transition:all .5s;
}

.switch span:after{
    content:"";
    position:absolute;
    background-color:#fff;
    top:0;
    left:0;
    height:28px;
    width:28px;
    border:1px solid #ddd;
    border-radius:400px;
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
    -webkit-transition:all .2s;
}
.switch input:checked+span{
    background-color:#67a8e4;
    border-color:#67a8e4;
    transition:all .5s;
}
.switch input:checked+span:after{
    left:50%;
    transition:all .2s;
}
.bootstrap-tagsinput,.chosen-container-multi .chosen-choices{
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.has-feedback .form-control-feedback{
    top:0;
}
label+.form-control+.form-control-feedback{
    top:25px;
}
.form-file{
    position:relative;
    display:inline-block;
    vertical-align:bottom;
    overflow:hidden;
}
.align-middle,.table>tbody>tr>td{
    vertical-align:middle;
}
.form-file input[type=file]{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    width:100%;
    opacity:0;
    cursor:pointer;
    left:0;
    font-size:500px;
}
.parsley-error{
    border-color:#f6504d!important;
}
.parsley-errors-list{
    display:none;
    margin:0;
    padding:0;
}
.parsley-errors-list.filled{
    display:block;
}
.parsley-errors-list>li{
    font-size:12px;
    list-style:none;
    color:#f6504d;
}
.bootstrap-tagsinput{
    box-shadow:0 0 0 #000!important;
    display:block;
    width:100%;
    height:38px;
    padding:8px 14px;
    font-size:14px;
    line-height:1.42857143;
    color:#919292;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bootstrap-tagsinput:focus{
    border-color:#66afe9;
    outline:0;
}
.bootstrap-tagsinput::-moz-placeholder{
    color:#b7bac9;
    opacity:1;
}
.bootstrap-tagsinput:-ms-input-placeholder{
    color:#b7bac9;
}
.bootstrap-tagsinput::-webkit-input-placeholder{
    color:#b7bac9;
}
.bootstrap-tagsinput[disabled],.bootstrap-tagsinput[readonly],fieldset[disabled] .bootstrap-tagsinput{
    cursor:not-allowed;
    background-color:#f7f7f7;
    opacity:1;
}
textarea.bootstrap-tagsinput{
    height:auto;
}
.dragover{
    box-shadow:0 0 20px rgba(100,100,100,0.3);
}
.uk-markdownarea-navbar{
    background:#eee;
}
.uk-markdownarea-navbar:after,.uk-markdownarea-navbar:before{
    content:" ";
    display:table;
}
.uk-markdownarea-navbar-nav{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}
.uk-markdownarea-navbar-nav>li{
    float:left;
}
.uk-markdownarea-navbar-nav>li>a{
    display:block;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    height:40px;
    padding:0 15px;
    line-height:40px;
    color:#444;
    font-size:11px;
    cursor:pointer;
}
.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{
    background-color:#f5f5f5;
    color:#444;
    outline:0;
}
.uk-markdownarea-navbar-nav>li>a:active{
    background-color:#ddd;
    color:#444;
}
.uk-markdownarea-navbar-nav>li.uk-active>a{
    background-color:#f5f5f5;
    color:#444;
}
.uk-markdownarea-navbar-flip{
    float:right;
}
[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{
    display:none;
}
.uk-markdownarea-content{
    background:#fff;
}
.uk-markdownarea-content:after,.uk-markdownarea-content:before{
    content:" ";
    display:table;
}
.uk-markdownarea-fullscreen{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.uk-markdownarea-fullscreen .uk-markdownarea-content{
    position:absolute;
    top:40px;
    left:0;
    right:0;
    bottom:0;
}
.uk-markdownarea-fullscreen .uk-icon-expand:before{
    content:"\f066";
}
.uk-markdownarea-code,.uk-markdownarea-preview{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.uk-markdownarea-preview{
    padding:20px;
    overflow-y:scroll;
}
.uk-markdownarea-preview h1:first-child,.uk-markdownarea-preview h2:first-child,.uk-markdownarea-preview h3:first-child,.uk-markdownarea-preview h4:first-child{
    margin-top:0;
}
[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{
    display:none;
}
[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{
    float:left;
    width:50%;
}
[data-mode=split] .uk-markdownarea-code{
    border-right:1px solid #eee;
}
.uk-markdownarea .CodeMirror{
    padding:10px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.markdownarea-fullscreen body,html.markdownarea-fullscreen{
    height:100%;
    -webkit-transition:height 0 linear .2s;
    transition:height 0 linear .2s;
}
.markdownarea-fullscreen .navbar-top,.markdownarea-fullscreen .offsidebar,.markdownarea-fullscreen .sidebar{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .2s ease,visibility 0 ease .2s;
    transition:opacity .2s ease,visibility 0 ease .2s;
}
.cm-s-default pre{
    line-height:1.6;
}
.cm-s-default pre *{
    color:#222!important;
}
.cm-s-default .cm-header{
    line-height:1.1;
    margin-bottom:.7em;
}
.cm-s-default .cm-quote,.cm-s-default .cm-variable-2{
    padding-left:10px;
}
.cm-s-default .cm-header-1{
    font-size:2.6em;
}
.cm-s-default .cm-header-2{
    font-size:2.15em;
}
.cm-s-default .cm-header-3{
    font-size:1.7em;
}
.cm-s-default .cm-header-4{
    font-size:1.25em;
}
.cm-s-default .cm-header:after,.cm-s-default .cm-header:before{
    content:"";
    display:inline-block;
    font-size:inherit;
    width:100%;
}
.CodeMirror-lines pre:first-child .cm-header:before{
    display:none;
}
.uk-markdownarea-navbar{
    background-color:transparent;
}
.uk-markdownarea-content{
    border:1px solid #DDD;
}
.uk-markdownarea-fullscreen{
    background-color:#fff;
    z-index:1011;
}
.uk-markdownarea-fullscreen .uk-markdownarea-content,.uk-markdownarea-fullscreen .uk-markdownarea-navbar{
    max-width:960px;
    margin:0 auto;
    border:0;
}
.table>thead>tr>th{
    padding:14px 8px;
    color:#888;
}
.table>tbody>tr>td>.media img{
    width:36px;
    height:36px;
    margin:0 auto;
}
.table .checkbox{
    margin:0 auto;
    width:20px;
}
.table .progress{
    margin-bottom:0;
}
.table .radial-bar{
    margin:0 auto;
}
.jqstooltip{
    box-sizing:content-box;
}
.slider-handle,.slider-selection,.slider-track{
    background-image:none;
    box-shadow:0 0 0 #000;
}
.slider-handle{
    background-color:#673ab7;
}
.slider-track{
    background-color: #eef0f4;
    border: 1px solid #eef0f4;
}
.slider-selection{
    background-color:#f4f5f6;
}
.slider .tooltip.top .tooltip-arrow{
    border-top-color:#2c3037;
}
.slider .tooltip.right .tooltip-arrow{
    border-right-color:#2c3037;
}
.slider .tooltip-inner{
    background-color:#2c3037;
}
.chosen-container-multi .chosen-choices{
    box-shadow:0 0 0 #000!important;
    display:block;
    width:100%;
    height:38px;
    padding:8px 14px;
    font-size:14px;
    line-height:1.42857143;
    color:#919292;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.chosen-container-multi .chosen-choices:focus{
    border-color:#66afe9;
    outline:0;
}
.chosen-container-multi .chosen-choices::-moz-placeholder{
    color:#b7bac9;
    opacity:1;
}
.chosen-container-multi .chosen-choices:-ms-input-placeholder{
    color:#b7bac9;
}
.chosen-container-multi .chosen-choices::-webkit-input-placeholder{
    color:#b7bac9;
}
.chosen-container-multi .chosen-choices[disabled],.chosen-container-multi .chosen-choices[readonly],fieldset[disabled] .chosen-container-multi .chosen-choices{
    cursor:not-allowed;
    background-color:#f7f7f7;
    opacity:1;
}
textarea.chosen-container-multi .chosen-choices{
    height:auto;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{
    height:auto;
    padding:0;
}
.chosen-container-multi .chosen-choices li.search-choice{
    margin:0 5px 3px 0;
    background-color:#f5f6f7;
    border:1px solid #e7e9ec;
    background-image:none;
}
.chosen-container .chosen-results li.highlighted{
    background-color:#a1a2a3;
    background-image:none;
}
.chosen-container .chosen-drop{
    border-color:#ddd;
}
.chosen-container .chosen-results li.group-result{
    color:#747576;
    letter-spacing:.02em;
}
.chosen-container-active.chosen-with-drop .chosen-single,.chosen-container-single .chosen-single{
    box-shadow:0 0 0 #000!important;
    display:block;
    width:100%;
    height:38px;
    padding:8px 14px;
    font-size:14px;
    line-height:1.42857143;
    color:#919292;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.chosen-container-active.chosen-with-drop .chosen-single:focus,.chosen-container-single .chosen-single:focus{
    border-color:#66afe9;
    outline:0;
}
.chosen-container-active.chosen-with-drop .chosen-single::-moz-placeholder,.chosen-container-single .chosen-single::-moz-placeholder{
    color:#b7bac9;
    opacity:1;
}
.chosen-container-active.chosen-with-drop .chosen-single:-ms-input-placeholder,.chosen-container-single .chosen-single:-ms-input-placeholder{
    color:#b7bac9;
}
.chosen-container-active.chosen-with-drop .chosen-single::-webkit-input-placeholder,.chosen-container-single .chosen-single::-webkit-input-placeholder{
    color:#b7bac9;
}
.chosen-container-active.chosen-with-drop .chosen-single[disabled],.chosen-container-active.chosen-with-drop .chosen-single[readonly],.chosen-container-single .chosen-single[disabled],.chosen-container-single .chosen-single[readonly],fieldset[disabled] .chosen-container-active.chosen-with-drop .chosen-single,fieldset[disabled] .chosen-container-single .chosen-single{
    cursor:not-allowed;
    background-color:#f7f7f7;
    opacity:1;
}
textarea.chosen-container-active.chosen-with-drop .chosen-single,textarea.chosen-container-single .chosen-single{
    height:auto;
}
.chosen-container-single .chosen-drop{
    margin-top:-3px;
}
.chosen-container-single .chosen-single div{
    top:6px;
    right:5px;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{
    color:#b7bac9;
}
.bootstrap-filestyle{
    outline:0;
}
.bootstrap-filestyle>input{
    max-width:200px;
    display:inline-block;
    vertical-align:middle;
}
.m0{
    margin:0!important;
}
.ml0{
    margin-left:0!important;
}
.mr0{
    margin-right:0!important;
}
.mt0{
    margin-top:0!important;
}
.mb0{
    margin-bottom:0!important;
}
.m{
    margin:10px!important;
}
.ml{
    margin-left:10px!important;
}
.mr{
    margin-right:10px!important;
}
.mt{
    margin-top:10px!important;
}
.mb{
    margin-bottom:10px!important;
}
.m-sm{
    margin:5px!important;
}
.ml-sm{
    margin-left:5px!important;
}
.mr-sm{
    margin-right:5px!important;
}
.mt-sm{
    margin-top:5px!important;
}
.mb-sm{
    margin-bottom:5px!important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.w-260 {
    width: 260px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.w-100-p {
    width: 100%;
}
.h-180 {
    height: 180px;
}
.h-100 {
    height: 100px;
}
.w-80-p {
    width: 80%;
}
.w-50-p {
    width: 50%;
}
.h-500 {
    height: 500px;
}
.h-400 {
    height: 400px;
}
.h-350 {
    height: 350px;
}
.w-20-p {
    width: 20%;
}
.w-3-p {
    width: 3%;
}
.w-5-p {
    width: 5%;
}
.w-10-p {
    width: 10%;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.m-lg{
    margin:15px!important;
}
.ml-lg{
    margin-left:15px!important;
}
.mr-lg{
    margin-right:15px!important;
}
.mt-lg{
    margin-top:15px!important;
}
.mb-lg{
    margin-bottom:15px!important;
}
.m-xl{
    margin:30px!important;
}
.ml-xl{
    margin-left:30px!important;
}
.mr-xl{
    margin-right:30px!important;
}
.mt-xl{
    margin-top:30px!important;
}
.mb-xl{
    margin-bottom:30px!important;
}
.mv{
    margin-top:10px!important;
    margin-bottom:10px!important;
}
.mh{
    margin-left:10px!important;
    margin-right:10px!important;
}
.mv-lg{
    margin-top:15px!important;
    margin-bottom:15px!important;
}
.mh-lg{
    margin-left:15px!important;
    margin-right:15px!important;
}
.mv-sm{
    margin-top:5px!important;
    margin-bottom:5px!important;
}
.mh-sm{
    margin-left:5px!important;
    margin-right:5px!important;
}
.p0{
    padding:0!important;
}
.p{
    padding:10px!important;
}
.pl{
    padding-left:10px!important;
}
.pr{
    padding-right:10px!important;
}
.pt{
    padding-top:10px!important;
}
.pb{
    padding-bottom:10px!important;
}
.p-sm{
    padding:5px!important;
}
.pl-sm{
    padding-left:5px!important;
}
.pr-sm{
    padding-right:5px!important;
}
.pt-sm{
    padding-top:5px!important;
}
.pb-sm{
    padding-bottom:5px!important;
}
.p-lg{
    padding:15px!important;
}
.pl-lg{
    padding-left:15px!important;
}
.pr-lg{
    padding-right:15px!important;
}
.pt-lg{
    padding-top:15px!important;
}
.pb-lg{
    padding-bottom:15px!important;
}
.pv{
    padding-top:10px!important;
    padding-bottom:10px!important;
}
.ph{
    padding-left:10px!important;
    padding-right:10px!important;
}
.text-right {
    text-align: right;
}
.h-auto {
    height: auto;
}
.h-0 {
    height: 0;
}
.border-none {
    border: none !important;
}
.pagi-margin {
    margin: 5px 0px;
}
.float-right {
    float: right;
}
/* Order-book style: multiple .pagination lists in one row */
.pagi-cluster,
div.float-right:has(> ul.pagination) {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    justify-content: flex-end;
}
.pagi-cluster .pagination,
div.float-right:has(> ul.pagination) .pagination {
    margin-bottom: 0;
}
.pagi-cluster .pagi-margin,
div.float-right:has(> ul.pagination) .pagi-margin {
    margin: 0;
}
.cursor-pointer {
    cursor: pointer;
}
.pv-lg{
    padding-top:15px!important;
    padding-bottom:15px!important;
}
.ph-lg{
    padding-left:15px!important;
    padding-right:15px!important;
}
.pv-sm{
    padding-top:5px!important;
    padding-bottom:5px!important;
}
.ph-sm{
    padding-left:5px!important;
    padding-right:5px!important;
}
.b0{
    border-width:0!important;
}
.bl0{
    border-left-width:0!important;
}
.b,.bl{
    border-left:1px solid #e1e1e1;
}
.br0{
    border-right-width:0!important;
}
.b,.br{
    border-right:1px solid #e1e1e1;
}
.bt0{
    border-top-width:0!important;
}
.b,.bt{
    border-top:1px solid #e1e1e1;
}
.bb0{
    border-bottom-width:0!important;
}
.b,.bb{
    border-bottom:1px solid #e1e1e1;
}
.radius-clear{
    border-radius:0!important;
}
.shadow-clear{
    box-shadow:0 0 0 #000!important;
}
.text-white{
    color:#fff;
}
.text-inverse{
    color:#2d2d2d;
}
.text-alpha{
    color:rgba(255,255,255,0.5);
}
.text-pink{
    color:#f36;
}
.text-purple{
    color:#9b59b6;
}
.text-alpha-inverse{
    color:rgba(0,0,0,0.5);
}
.text-green{
    color:#01b6ad;
}
.text-sm{
    font-size:11.9px;
}
.text-lg{
    font-size:42px;
}
.inline{
    display:inline-block!important;
}
.block-center{
    margin:0 auto;
}
.bg-primary{
    background-color:#67a8e4;
    color:#fff;
}
.bg-success{
    background-color:#4ac18e;
    color:#fff;
}
.bg-info{
    background-color:#00afd1;
    color:#fff;
}
.bg-warning{
    background-color:#ffc61d;
    color:#fff;
}
.bg-danger{
    background-color:#f6504d;
    color:#fff;
}
.bg-inverse{
    background-color:#2d2d2d;
    color:#fff;
}
.bg-white{
    background-color:#fff;
    color:inherit;
}
.bg-green{
    background-color:#01b6ad;
    color:#fff;
}
.bg-pink{
    background-color:#f36;
    color:#fff;
}
.bg-purple{
    background-color:#9b59b6;
    color:#fff;
}
.bg-gray-lighter{
    background-color:#f7f7f7;
    color:inherit;
}
.bg-gray-darker{
    background-color:#37475d;
    color:inherit;
}
.align-top{
    vertical-align:top;
}
.align-bottom{
    vertical-align:bottom;
}
.bg-center{
    background-position:center center;
    background-size:cover;
}
.list-icon em{
    font-size:14px;
    width:40px;
    vertical-align:middle;
    margin:0;
    display:inline-block;
    text-align:center;
    -webkit-transition:all .2s;
    transition:all .2s;
    line-height:30px;
}
.list-icon div:hover em{
    -webkit-transform:scale(3,3);
    -ms-transform:scale(3,3);
    transform:scale(3,3);
}
.card-box{
    border:1px solid rgba(54,64,74,0.08);
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-border-radius:5px;
    background-clip:padding-box;
    margin-bottom:20px;
    background-color:#ffffff;
    padding:20px;
}
.mails .checkbox{
    margin-bottom:0;
    margin-top:0;
    vertical-align:middle;
    display:inline-block;
    height:17px;
}
.checkbox input[type="checkbox"]{
    cursor:pointer;
    opacity:0;
    z-index:1;
    outline:none!important;
}
.mails .checkbox label{
    min-height:16px;
    position:relative;
}

.checkbox input[type="checkbox"]:focus+label::before{
    outline-offset:-2px;
    outline:none;
}
.checkbox-primary input[type="checkbox"]:checked+label::before{
    background-color:#039cfd;
    border-color:#039cfd;
}
.checkbox label::after{
    color:#333333;
    display:inline-block;
    font-size:11px;
    height:16px;
    left:0;
    margin-left:-17px;
    padding-left:3px;
    padding-top:1px;
    position:absolute;
    top:0;
    width:16px;
}
.checkbox input[type="checkbox"]:checked+label::after{
    content:"\f00c";
    font-family:'FontAwesome';
}
.checkbox-primary input[type="checkbox"]:checked+label::after{
    color:#ffffff;
}
.mail-select{
    position:relative;
}
.m-t-20{
    margin-top:20px;
}
.m-t-10 {
    margin-top: 10px !important;
}
div.dropdown-menu a{
    display:block;
    color:#16181b;
    padding:5px 10px;
}
.p-20{
    padding:20px 0;
}
.m-r-10{
    margin-right:10px;
}
.p-1{
    padding:.25rem!important;
}
.thumb-sm{
    height:32px;
    width:32px;
}
.mails a{
    color:#797979;
}
.unread a{
    font-weight:600;
    color:#444444;
}
 .price-minus .change24 {
     color: #f6504d;
}
 .price-plus .change24 {
     color: #4ac18e;
}
 .price-minus .price {
     color: #f6504d;
}
 .price-plus .price {
     color: #4ac18e;
}
 .price-minus .market-cap {
     color: #f6504d;
}
 .price-plus .market-cap {
     color: #4ac18e;
}
 .radio_item{
     display: none;
     position: absolute;
}
 .label_item {
     opacity: 0.5;
}
 .radio_item:checked + label {
     opacity: 1;
}
 label {
     cursor: pointer;
}
 .clickable-row {
     cursor: pointer;
}
 .text-c-red {
     color: #dc3545 !important;
}
 .m-t-9 {
     margin-top: 9px;
}
 .group-btn-hover {
     cursor: pointer;
}
 .text-uppercase {
     text-transform: uppercase;
}

.account-img-mb {
	margin-bottom: 30px;
}
.header-bg {
	background-color: #222328;
    position: relative;
    background-image: url(../../images/bg-pattern.png);
    background-repeat: repeat;
}
.navbar-inverse {
    background-color: #fff; !important;
    border: none !important;
}
.navbar-toggler:hover, .navbar-toggler:focus {
    background-color: #fff !important;
}
.navbar-toggler {
    background: #fff;
    border: none !important;
}
.text-bold {
	font-weight: bold;
}
.border-bottom-none {
	border-bottom: none !important;
}
.margin-top-100 {
	margin-top: 100px;
}
.margin-top-70 {
	margin-top: 70px;
}
@media only screen and (max-width: 767px) {
    .margin-0-top {
    	margin: 0px !important;
    }
}
@media only screen and (max-width: 767px) {
    .margin-20-top {
    	margin: 20px !important;
    }
}

/* ====  Preloader styles ==== */
#overlayLoader{
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, .8);
    position: fixed;
    z-index: 999;
}
#preloader {
	position:relative;
    width: 80px;
    height: 80px;
    top: 45%;
    margin: 0 auto;
}
#preloader span {
	position:absolute;
	border: 8px solid #67a8e4;
	border-top: 8px solid transparent;
	border-radius:999px;
}

#preloader span:nth-child(1){
	width:80px;
	height:80px;
	animation: spin-1 2s infinite linear;
}
#preloader span:nth-child(2){
	top: 20px;
	left: 20px;
	width:40px;
	height:40px;
	animation: spin-2 1s infinite linear;
}
@keyframes spin-1 {
	0% {transform: rotate(360deg); opacity: 1;}
	50% {transform: rotate(180deg); opacity: 0.5;}
	100% {transform: rotate(0deg); opacity: 1;}
}
@keyframes spin-2 {
	0% {transform: rotate(0deg); opacity: 0.5;}
	50% {transform: rotate(180deg); opacity: 1;}
	100% {transform: rotate(360deg); opacity: 0.5;}
}

/* Landing Pages */

/* ==== Helper classes ==== */

.section {
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 2px solid #eef0f4;

}

.title-box {
  font-family: 'PT Sans', sans-serif;
  padding-bottom: 30px;
}

.title-box i{
  font-size: 36px;
  color: #aaa;
}

.title-box p {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 10px;
}

.title-box h2 {
  font-weight: 700;
  margin-top: 10px;
}

.title-box h4 {
  width: 60%;
  line-height: 24px;
  margin: 10px auto;
  font-size: 16px;
  font-family: 'Varela Round', sans-serif;
}
select.input-sm {
    height: 35px !important;
}

.bg-lightgray {
  background-color: #fafafa;
}

.bg-dark {
  background-color: #222328;
}

.text-custom {
  color: #f42367;
}

.text-warning {
  color: #ffbd4a;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-t-50 {
  margin-top: 50px;
}

.font-2 {
  font-style: italic;
  font-weight: 400;
}

.vertical-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}


/* Background images css */
.bg-home {
  background: url("../images/img-1.jpg");
  background-size: cover;
  background-color: #222328;
  position: relative;
}

.bg-testimonials {
  background: url("../images/img-2.jpg");
  background-size: cover;
  background-color: #222328;
  position: relative;
}

.bg-image {
  background-color: #222328;
  position: relative;
  background-image: url("../images/bg-pattern.png");
  background-repeat: repeat;
}
.bg-image2 {
  background-color: #222328;
  position: relative;
  background-image: url("../images/bg-pattern2.png");
  background-repeat: repeat;
}
.mx-2 {
    margin-right: 2px !important;
    margin-left: 2px !important;
}
.my-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-2 {
    margin-right: 2px !important;
}
.ml-2 {
    margin-left: 2px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(34, 35, 40, 0.9);
}

/* Bootstrap 5: .list-inline removed — restore horizontal lists (footer social, etc.) */
.list-inline {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0;
}
.list-inline > li {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

/* Social */
.social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  color: #ffffff !important;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  border-radius: 50%;
}

/* ==== Buttons ==== */

.btn {
  font-weight: 500;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}

/* Solid / filled buttons — light label (do not blanket .btn: it breaks btn-outline-*) */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-info,
.btn-dark,
.btn-custom,
.btn-green,
.btn-purple,
.btn-pink,
.btn-inverse {
  color: #fff !important;
}

.btn-warning:not(.btn-outline-warning) {
  color: #212529 !important;
}

.btn-light:not(.btn-outline-light) {
  color: #212529 !important;
}

.btn-default {
    color: #333 !important;
}

/* Bootstrap outline variants — readable default + hover (global .btn no longer forces white) */
.btn-outline-primary {
  color: var(--bs-primary) !important;
}
.btn-outline-secondary {
  color: var(--bs-secondary) !important;
}
.btn-outline-success {
  color: var(--bs-success) !important;
}
.btn-outline-danger {
  color: var(--bs-danger) !important;
}
.btn-outline-warning {
  color: var(--bs-warning) !important;
}
.btn-outline-info {
  color: var(--bs-info) !important;
}
.btn-outline-light {
  color: var(--bs-light) !important;
}
.btn-outline-dark {
  color: var(--bs-dark) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus {
  color: #fff !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus {
  color: #212529 !important;
}
.btn-outline-light:hover,
.btn-outline-light:focus {
  color: #212529 !important;
}

.btn-link {
  color: var(--bs-link-color, #0d6efd) !important;
}
.btn-link:hover,
.btn-link:focus {
  color: var(--bs-link-hover-color, #0a58ca) !important;
}
.form-btn-padding {
	padding: 7px;
}

.normal-font-w {
	font-weight: normal !important;
}
.text-white {
	color: #fff !important;
}
.text-white a {
	color: #fff !important;
}
.border-none {
	border: none !important;
}

.btn-sm {
  padding: 7px 24px;
  font-size: 12px;
}

.btn-custom {
  background-color: #3853e9;
  border-color: #2f47c9;
  color: #fff !important;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
  background-color: #2d46c4 !important;
  border-color: #263aa3 !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: #f42367;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-twitter {
  background-color: #00aced !important;
}

.bg-linkedin {
  background-color: #007bb6 !important;
}

.bg-dribbble {
  background-color: #ea4c89 !important;
}

.bg-googleplus {
  background-color: #dd4b39 !important;
}






/* Bootstrap 5: landing & shortcode navbars (.navbar-custom) */
.navbar.navbar-custom {
    flex-wrap: wrap;
    align-items: center;
}
.navbar-custom .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.navbar-custom .navbar-header {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}
.navbar-custom .navbar-toggler {
    flex: 0 0 auto;
    margin-left: 0;
    border: 0;
}
@media (min-width: 992px) {
    .navbar-custom .navbar-toggler {
        display: none !important;
    }
    .navbar-custom .navbar-collapse.collapse {
        display: flex !important;
        height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
    }
    .navbar-custom .navbar-collapse {
        flex-basis: auto;
        flex-grow: 1;
        align-items: center;
        justify-content: flex-end;
    }
    .navbar-custom .navbar-collapse .navbar-nav {
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
    }
}
@media (max-width: 991.98px) {
    .navbar-custom .navbar-header {
        width: 100%;
    }
    .navbar-custom .navbar-collapse {
        flex-basis: 100%;
        width: 100%;
    }
    .navbar-custom .navbar-collapse .navbar-nav {
        margin-top: 6px;
        padding-top: 4px;
        padding-bottom: 10px;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        row-gap: 0;
    }
    .navbar-custom .navbar-nav > li {
        width: 100%;
        margin: 0;
    }
    .navbar-custom .navbar-nav > li > a,
    .navbar-custom .navbar-nav li > a.nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0.45rem 0.75rem;
        border-radius: 0.25rem;
        border-bottom-width: 0;
    }
    .navbar-custom .navbar-nav .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        width: 100%;
        margin: 0.2rem 0 0.35rem;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }
    .navbar-header-white.navbar-custom .navbar-nav .dropdown-menu {
        border-color: rgba(0, 0, 0, 0.08);
    }
    .navbar-custom .navbar-nav .dropdown-toggle {
        justify-content: space-between;
    }
    .navbar-custom .navbar-nav .dropdown-toggle::after {
        margin-left: auto;
    }
}

/*===== Navbar Custom ======*/

.navbar-custom{
  padding: 20px 0px;
  width: 100%;
  border-radius: 0px;
  z-index: 999;
  margin-bottom: 0px;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}

.sticky-wrapper {
  position: absolute;
  width: 100%;
}

.navbar-custom .navbar-nav {
  margin-top: 10px;
}


.logo {
  font-weight: 500;
  font-size: 26px;
  font-weight: bold;
  color: #ffffff !important;
  font-family: 'PT Sans', sans-serif;
}

.logo span {
  color: #3853e9;
}

.navbar-custom .navbar-nav li a {
  color: #bbb;
  font-size: 15px;
  border-bottom: 3px solid transparent;
  background-color: transparent !important;
  padding: 7px 0;
  margin: 0 15px;
}

.navbar-custom .navbar-nav li a:hover,.navbar-custom .navbar-nav li a:focus,.navbar-custom .navbar-nav li a:active {
  color: #ffffff;
}

.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li a.active,
.navbar-custom .navbar-nav a.nav-link.active {
  color: #ffffff !important;
  border-bottom-color: #f42367;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.is-sticky .navbar-custom{
  margin-top: 0px;
  padding: 10px 0px;
  background-color: #222328;
    -moz-box-shadow: 0 10px 33px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 10px 33px rgba(0,0,0,.1);
  box-shadow: 0 10px 33px rgba(0,0,0,.1);
}

.navbar-toggler {
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 0px;
  color: #ffffff;
}

.navbar-custom .btn-custom {
  margin-top: 8px;
  margin-left: 20px;
}

.nav .show>a, .nav .show>a:focus, .nav .show>a:hover {
  background-color: transparent;
  border-color: #337ab7;
}


/* Navbar white */

.navbar-header-white {
  background-color: #ffffff !important;
  padding: 15px 0px !important;
}

.navbar-header-white .logo {
  color: #222328 !important;
}
.navbar-header-white.navbar-custom .navbar-nav li a {
  color: #666 !important;
}

.navbar-header-white.navbar-custom .navbar-nav li a.active,
.navbar-header-white.navbar-custom .navbar-nav a.nav-link.active {
  color: #f42367 !important;
  border-bottom-color: #f42367 !important;
}

.navbar-header-white.navbar-custom .navbar-toggler {
  color: #222328;
}
.fc-event-inner {
    color: #fff;
    padding: 5px;
}

/*===== Home ======*/

.home-fullscreen {
  height: 100%;
  min-height: 400px;
}

.home-wrapper {
  color: #ffffff;
}

.home-wrapper-alt{
  display: table-cell;
  vertical-align: middle;
}

.home-wrapper h1{
  font-family: 'PT Sans', sans-serif;
  line-height: 48px;
  margin-top: 0;
}

.home-wrapper h4 {
  line-height: 22px;
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 50px;
  font-size: 15px;
}

.video-btn {
  color: #ffffff !important;
  letter-spacing: 1px;
  outline: none !important;
}

.video-btn i {
  margin-right: 7px;
  height: 24px;
  width: 24px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #222328;
  line-height: 24px;
  border-radius: 50%;
  padding-left: 3px;
  font-size: 12px;
}

.full-screen {
  display: table;
  height: 100%;
  width: 100%;
}


/* === HOME VARIATIONS === */
.home-small {
  padding: 210px 0 160px 0;
}


/* Home intro */
.home-intro h2 {
  color: #fff;
  font-size: 67px;
  line-height: 61px;
  margin: 0 0 40px;
  font-weight: 600;
}

.home-intro p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-right: 25%;
}

.home-intro .intro-form {
  background: #fff;
  padding: 0 40px 40px;
  border-radius: 5px;
  overflow: hidden;
}

.home-intro .intro-form input {
  height: 50px;
  margin-bottom: 15px;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  width: 100%;
  padding: 15px 20px;
  color: #000;
}
.w-80 {
	width: 80px;
}
.px-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.dropdown-menu-dark {
	background: #222328 !important;
}
.dropdown-left-0 {
    left: 0 !important;
}
.bg-dark-2 {
  background-color: #2b303c !important;
}
.home-intro .intro-form h5 {
  color: #fff;
  font-size: 26px;
  font-family: 'PT Sans', sans-serif;
  text-transform: uppercase;
  background: #286090;
    padding: 15px 20px 25px;
  margin: 0 -40px 50px;
  font-weight: 500;
}
.navbar-dark {
    background: #333 !important;
}
.color-blue {
	color: #265b88 !important;
}
.home-intro .intro-form h5 span {
  display: block;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  font-family: Lato;
  opacity: 0.5;
  margin-top: 6px;
}

.home-intro .intro-form p {
  color: #999;
  padding: 17px 30px 0px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  margin: 0px;
}


/* Home Showcase */
.home-showcase {
  padding: 210px 0px 0px 0px;
}

/* Home Header-2 */
.home-header-2 {
  padding: 240px 0px 160px 0px;
}


/* Home Slider */
.home-slider {
  padding: 250px 0 200px 0;
}
#home-slider {
  position: relative;
  top: 0px;
}

#home-slider .is-prev {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 50%;
  left: 20px;
  z-indeX: 999;
  margin-top: -50px;
  color: #fff;
  line-height: 93px;
  text-align: center;
  font-size: 36px;
  cursor: pointer;
  opacity: 0.4;
  transition: .4s;
}

#home-slider .is-next {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 50%;
  right: 20px;
  z-indeX: 999;
  margin-top: -50px;
  color: #fff;
  line-height: 93px;
  text-align: center;
  font-size: 36px;
  cursor: pointer;
  opacity: 0.4;
  transition: .4s;
}

#home-slider .is-prev:hover,
#home-slider .is-next:hover {
  opacity: 1;
  transition: .4s;
}

#home-slider .flex-direction-nav {
  display: none;
}




/*===== Services ======*/

.services-box {
  background-color: #ffffff;
  border: 1px solid rgba(238, 238, 238, 0.65);
  text-align: center;
  padding: 30px;
  margin-top: 30px;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}

.services-box:hover {
  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
}

.services-box:hover i {
  color: #f42367;
}

.services-box i {
  font-size: 42px;
  line-height: 95px;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}

.services-box h4 {
  font-family: 'PT Sans', sans-serif;
}

.services-box p {
  margin-top: 20px;
}


/*===== Features ======*/
.features {
  padding: 30px 0;
}

.features-box .number{
  height: 60px;
  width: 60px;
  border: 2px solid #585858;
  font-size: 24px;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
}

.features-box h3 {
  line-height: 30px;
  font-weight: 500;
  font-family: 'PT Sans', sans-serif;
}

.features-box h4 {
  line-height: 24px;
  color: #666;
  margin-bottom: 20px;
}

.img-shadow {
  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.1);
}



/* === Tsestimonials === */

.testimonial-box {
  color: #ffffff;
}

.testimonial-box h4 {
  font-size: 16px;
  line-height: 30px;
}

.testimonial-box .testi-user {
  width: 48px !important;
  height: 48px !important;
  margin: 10px auto;
}



/* === Testimonials === */

.team-box {
  background-color: #ffffff;
  border: 1px solid rgba(238, 238, 238, 0.65);
  text-align: center;
  padding: 30px;
  margin-top: 30px;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}
.team-box:hover {
  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
}

.team-box img {
  height: 120px;
  margin-bottom: 20px;
}

.team-box h4 {
  font-family: 'PT Sans', sans-serif;
}

.team-box p {
  margin: 20px 0;
}


/* === Pricing === */

.pricing-box {
  text-align: center;
  padding: 30px;
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid rgba(238, 238, 238, 0.5);
}

.pricing-box.active {
  background-color: #ffffff;
  z-index: 9;
  position: relative;
  border:0;
  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
}

.pricing-box.active .plan-price{
  color: #f42367;
}

.pricing-header .plan-title{
  font-size: 18px;
  margin-bottom: 20px;
  font-family: 'PT Sans', sans-serif;
}

.pricing-header .plan-price{
  font-family: 'PT Sans', sans-serif;
  font-size: 42px;
}

.plan-features {
  margin-top: 40px;
}

.plan-features li {
  margin: 10px 0;
}

.plan-features li i {
  color: #0da357;
  margin-right: 5px;
}


/* === Funfacts === */

.funfacts {
  color: #dddddd;
}

.funfacts .facts i {
  font-size: 106px;
  color: rgba(255, 255, 255, 0.07);
  position: absolute;
  right: 32%;
}



/* === Blog === */

.blog-box {
  margin-top: 30px;
  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  position: relative;
}

.blog-box img {
  border-radius: 5px 5px 0 0;
}

.blog-box-content {
  padding: 20px;
}

.blog-box-content h4 {
  margin-top: 0;
}

.blog-box-content h4 a{
  font-family: 'PT Sans', sans-serif;
  color: #585858;
  line-height: 24px;
  text-decoration: none !important;
}

.blog-box-content h4 a:hover {
  color: #f42367;
}

.blog-box-footer {
  padding: 0 20px 20px 20px;
}

.blog-date {
  position: absolute;
  right: 15px;
  top: 0;
  background-color: #f42367;
  padding: 3px 8px;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 12px;
}

.text-blue {
  color: #337ab7;
}

/* === Contact === */
.form-control {
  box-shadow: none !important;
  border: 2px solid #dddddd;
  height: 35px;
  min-width: 100px;
}

.contact-form .form-control {
  margin-bottom: 20px;
}

.error_message {
  padding: 10px;
  background-color: rgba(244, 35, 103, 0.2);
  margin-bottom: 20px;
  text-align: center;
}

.contact-loader {
  float: left;
}

#success_page {
  text-align: center;
  margin-top: 50px;
}

#success_page h3 {
  color: #0dba26;
}

#success_page p {
  font-family: 'PT Sans', sans-serif;
}

.contact-footer {
  padding-top: 70px;
}

.contact-footer-box {
  padding-top: 30px;
}

.contact-footer-box i {
  font-size: 32px;
  margin-bottom: 20px;
  display: block;
}

.contact-footer-box h5 {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
}


/* === Footer === */

.footer {
  padding: 70px 0;
  color: #dddddd;
}

.footer h5{
  margin-bottom: 15px;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
}

.footer ul.footer-list li a {
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  padding: 2px 0;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}

.footer ul.footer-list li a:hover  {
  color: rgba(255, 255, 255, 0.8);
}

.footer .social {
  margin-top: 20px;
}

.footer-alt .copy-rights{
  margin: 0;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  padding-bottom: 30px;
}



/**
 * Fade-zoom animation for Magnific-popup
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out; 
     -moz-transition: all 0.2s ease-in-out; 
       -o-transition: all 0.2s ease-in-out; 
          transition: all 0.2s ease-in-out; 
  -webkit-transform: scale(0.8); 
     -moz-transform: scale(0.8); 
      -ms-transform: scale(0.8); 
       -o-transform: scale(0.8); 
          transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1); 
     -moz-transform: scale(1); 
      -ms-transform: scale(1); 
       -o-transform: scale(1); 
          transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8); 
     -moz-transform: scale(0.8); 
      -ms-transform: scale(0.8); 
       -o-transform: scale(0.8); 
          transform: scale(0.8); 
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out; 
     -moz-transition: opacity 0.3s ease-out; 
       -o-transition: opacity 0.3s ease-out; 
          transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}



/* Landing register/sign-in tabs (BS5 nav-link) */
.tabbable-line .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
}
.tabbable-line .nav-tabs .nav-link.active {
  background-color: transparent;
}



/* Shortcodes page: sidebar inside content column */
.section .aside .sidebar {
    background-color: #2b303c;
    border-radius: 0.375rem;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .section > .container > .row > aside.aside {
        margin-bottom: 1.25rem;
    }
}

/* Landing layout two: primary nav cluster next to CTA buttons */
@media (min-width: 992px) {
    .navbar-custom .navbar-nav.navbar-left.me-auto {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0.25rem;
        margin-right: 1rem !important;
    }
}

/*======= Responsive ======*/

@media (max-width: 991.98px) {
  .vertical-content {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  section.home .container {
    overflow-x: hidden;
  }
}

@media (max-width: 767px) {

  .vertical-content {
    display: flex !important;
    flex-direction: column;
  }

  .navbar-custom{
    margin-top: 0px;
    padding: 5px 0px !important;
    background-color: #222328;
    -moz-box-shadow: 0 10px 33px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 10px 33px rgba(0,0,0,.1);
    box-shadow: 0 10px 33px rgba(0,0,0,.1);
  }

  .logo {
    margin-top: 5px;
  }

  .navbar-custom .navbar-nav li.active a,
  .navbar-custom .navbar-nav li a.active,
  .navbar-custom .navbar-nav a.nav-link.active {
    color: #f42367 !important;
    border-bottom-color: transparent;
  }

  .features-box {
    text-align: center;
  }

  .features-box .number {
    margin: 0 auto;
  }

  .footer h5 {
    margin-top: 30px;
  }

  .title-box h4 {
    width: 95%;
  }

  .home-intro .intro-form {
    margin-top: 50px;
  }
  
}

@media (max-width: 420px) {

  .home-wrapper h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .facts {
    margin-bottom: 30px;
  }

}
.fc-button {
    padding: 10px;
}
/*Chart*/
.highcharts-background {
  cursor:crosshair !important;
}
.highcharts-root {
    font-family: "PT Sans" !important;
}
.highcharts-point-down  {
    fill:#dc3545 !important;
}
.highcharts-point-up  {
    fill:#303549 !important;
}
.highcharts-yaxis-grid {
    width: 50% !important;
}
.m-t-20 {
    margin-top: 20px !important;
}

/* Legacy markup: pagination + tabs (BS3-style lists) with BS5 core */
.pagination > li {
    display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    display: block;
    padding: 0.375rem 0.75rem;
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    margin-left: -1px;
}
.pagination > li:first-child > a {
    margin-left: 0;
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.pagination > li:last-child > a {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination > .active > a,
.pagination > .active > a:hover {
    z-index: 2;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}
.pagination > .disabled > a {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: var(--bs-emphasis-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
.dataTables_wrapper.dt-bootstrap5 .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

/* Dashboard layouts 7–13 (scoped; does not alter global .card) */
.dash-layout-modern {
    --dash-radius: 12px;
    --dash-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}
.dash-card-elevated {
    border: 0;
    border-radius: var(--dash-radius, 12px);
    box-shadow: var(--dash-shadow, 0 4px 24px rgba(15, 23, 42, 0.06));
    background: #fff;
    overflow: hidden;
}
.dash-card-elevated .card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
    font-weight: 600;
}
.dash-bento-tile {
    border-radius: var(--dash-radius, 12px);
    box-shadow: var(--dash-shadow);
    border: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dash-bento-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1);
}
.dash-kpi-pill {
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.dash-feed-scroll {
    max-height: 420px;
    overflow-y: auto;
}
.dash-ring {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: conic-gradient(var(--ring-color, #3b82f6) calc(var(--pct, 0) * 1%), #e8ecf1 0);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
}
.dash-ring-inner {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
}
.dash-tab-analytics .nav-tabs .nav-link {
    border-radius: var(--dash-radius, 12px) var(--dash-radius, 12px) 0 0;
    font-weight: 600;
}
.dash-split-sticky {
    position: sticky;
    top: 120px;
}
@media (max-width: 991px) {
    .dash-split-sticky {
        position: static;
    }
}

/* Live pricing (prices.html): overlay while CoinGecko data loads */
.crypto-live-prices-panel {
    min-height: 260px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    box-sizing: border-box;
}
.main-content .crypto-live-prices-loader-overlay {
    z-index: 10;
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

/* Live pricing DataTables — avoid clipped / misaligned columns (semantic + content-box) */
#crypto-live--wrapper .table-responsive {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    scrollbar-gutter: stable;
}
#crypto-live--wrapper .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    clear: both;
}
#crypto-live--wrapper table.dataTable {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#crypto-live--wrapper table.dataTable.table td,
#crypto-live--wrapper table.dataTable.table th {
    box-sizing: border-box;
}
/* First column often clipped by horizontal scroll / sorting icons — extra inset */
#crypto-live--wrapper table.dataTable.table thead th:first-child,
#crypto-live--wrapper table.dataTable.table tbody td:first-child,
#crypto-live--wrapper table.dataTable.table tfoot th:first-child {
    padding-left: 1rem !important;
    min-width: 2.75rem;
}
#crypto-live--wrapper .dataTables_length,
#crypto-live--wrapper .dataTables_filter,
#crypto-live--wrapper .dataTables_info,
#crypto-live--wrapper .dataTables_paginate {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}