/*
 * #Themes
 * ---------------------------------------------------------------
*/

/*
 * Header
*/

.logout {
    color: #8689ec;
}

/*
 * #LIGHT Theme
 * ---------------------------------------------------------------
*/


/*
 * Tabs
*/

[nd-theme="light"] .nd--tabs-app {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 92, 128, 0)), to(rgb(143, 201, 255,0.1)));
    background: -o-linear-gradient(top, rgba(53, 92, 128, 0) 0%, rgb(143, 201, 255,0.1) 100%);
    background: linear-gradient(180deg, rgba(53, 92, 128, 0) 0%, rgb(143, 201, 255,0.1) 100%);
    border-bottom: 1px solid #d2d9e0;
}

[nd-theme="light"] .nd--tabs-app > li {
    color: rgba(0, 0, 0, 0.5);
}

[nd-theme="light"] .nd--tabs-app > li:hover {
    color: #40a4ff;
}

[nd-theme="light"] .nd--tabs-app > li.active {
    color: #0085ff;
}


/*
 * Section - Chart wrapper
*/

[nd-theme="light"] .nd--cns-sample-chart-wrapper {
    border: 1px solid #e8ebef;
}


/*
 * Chart Information bar/panel
 */

[nd-theme="light"] .nd--cns-sample-chart-information-bar {
    color: #506f8c;
}

[nd-theme="light"] .nd--cns-sample-chart-save-and-share {
    background: #0085ff;
    color: #fff;
}

[nd-theme="light"] .nd--cns-sample-chart-save-and-share:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#40a4ff), to(#0085ff));
    background: -o-linear-gradient(top, #40a4ff 0%, #0085ff 100%);
    background: linear-gradient(180deg, #40a4ff 0%, #0085ff 100%);
    color: #fff;
}


/*
 * #DARK Theme
 * ---------------------------------------------------------------
*/


/*
 * Tabs
*/

[nd-theme="dark"] .nd--tabs-app {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 13, 18, 0)), to(rgba(11, 13, 18, 0.4)));
    background: -o-linear-gradient(top, rgba(11, 13, 18, 0) 0%, rgba(11, 13, 18, 0.4) 100%);
    background: linear-gradient(180deg, rgba(11, 13, 18, 0) 0%, rgba(11, 13, 18, 0.4) 100%);
    border-bottom: 1px solid #11141c;
}

[nd-theme="dark"] .nd--tabs-app > li {
    color: rgba(150, 164, 211, 0.7);
}

[nd-theme="dark"] .nd--tabs-app > li:hover {
    color: #fff;
}

[nd-theme="dark"] .nd--tabs-app > li.active {
    text-shadow: 0 0 20px #00dbcb;
    color: #00dbcb;
}


/*
 * Section - Chart wrapper
*/

[nd-theme="dark"] .nd--cns-sample-chart-wrapper {
}


/*
 * Chart Information bar/panel
 */

[nd-theme="dark"] .nd--cns-sample-chart-information-bar {
    color: #96a4d3;
}

[nd-theme="dark"] .nd--cns-sample-chart-save-and-share {
    background: #2e3649;
    color: #fff;
}

[nd-theme="dark"] .nd--cns-sample-chart-save-and-share:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#3d475f), to(#353f54));
    background: -o-linear-gradient(top, #3d475f 0%, #353f54 100%);
    background: linear-gradient(180deg, #3d475f 0%, #353f54 100%);
    color: #fff;
}


/*
 * #DARK PURPLE Theme
 * ---------------------------------------------------------------
*/


/*
 * Tabs
*/

[nd-theme="darkpurple"] .nd--tabs-app {
    background: #100d21;
}

[nd-theme="darkpurple"] .nd--tabs-app > li {
    background: none;
    color: #8689ec;
}

[nd-theme="darkpurple"] .nd--tabs-app > li.active {
    text-shadow: 0 0 20px #b567ff;
    color: #fff;
}


/*
 * Section - Chart wrapper
*/

[nd-theme="darkpurple"] .nd--cns-sample-chart-wrapper {
    border: 1px solid #1e1c30;
}


/*
 * Chart Information bar/panel
 */

[nd-theme="darkpurple"] .nd--cns-sample-chart-information-bar {
    color: #8689ec;
}

[nd-theme="darkpurple"] .nd--cns-sample-chart-save-and-share {
    background-color: #4e52c1;
    color: #fff;
}

[nd-theme="darkpurple"] .nd--cns-sample-chart-save-and-share:hover {
    opacity: 1;
    text-shadow: 0 0 13px #b567ff;
}