/*
 * #Social Charts
 * ---------------------------------------------------------------
*/


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


/*
 * Header
*/

[nd-theme="light"] .logout {
    color: #f37de4;
}


/*
 * Form
 */

[nd-theme="light"] .form-wrapper {
    box-shadow: 0 10px 25px rgba(113, 113, 113, .2), 0 -2px 13px rgba(113, 113, 113, .2);
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeef2));
    background: -o-linear-gradient(top, #fff 0, #ebeef2 99.88%);
    background: linear-gradient(180deg, #fff 0, #ebeef2 99.88%);
}

[nd-theme="light"] .form-heading h1 {
    color: #161327;
}

[nd-theme="light"] .form-group .input-control {
    background: #fff;
    border: 1px solid #d6d8da;
    color: #161327;
}

[nd-theme="light"] .input-control:focus {
    outline: none;
    border: 1px solid #b6b6b6;
}

[nd-theme="light"] .form-group label,
[nd-theme="light"] .form-group .label-wrapper {
    color: #161327;
}

[nd-theme="light"] .form-controls .form-group.form-message.error p {
    color: #e90707;
}


/*
 * Pretty inputs
*/

[nd-theme="light"] .pretty .state label:before {
    border-color: #858585;
}

[nd-theme="light"] .pretty.p-default input:checked~.state label:after {
    background-color: #275dd7 !important;
}


/*
 * Footer
*/

[nd-theme="light"] .nd--footer a {
    color: #fff;
}

[nd-theme="light"] .nd--footer a:hover {
    color: #8689ec;
}


/*
 * Buttons
*/

[nd-theme="light"] .nd-btn {
    background: #0085ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0085ff), to(#0076e2));
    background: -o-linear-gradient(top, #0085ff 0, #0076e2 99.52%);
    background: linear-gradient(180deg, #0085ff 0, #0076e2 99.52%);
    color: #fff
}

[nd-theme="light"] .nd-btn:hover {
    background: #49a8ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#49a8ff), to(#0085ff));
    background: -o-linear-gradient(top, #49a8ff 0, #0085ff 99.5%);
    background: linear-gradient(180deg, #49a8ff 0, #0085ff 99.5%)
}


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


/*
 * Header
*/

[nd-theme="dark"] .logout {
    color: #db88ae;
}


/*
 * Form
 */

[nd-theme="dark"] .form-wrapper {
    background: #181d29;
    background: -webkit-gradient(linear, left top, left bottom, from(#181d29), to(#141924));
    background: -o-linear-gradient(top, #181d29 0, #141924 100%);
    background: linear-gradient(180deg, #181d29 0, #141924 100%);
}

[nd-theme="dark"] .form-heading h1 {
    color: #fff;
}

[nd-theme="dark"] .form-group .input-control {
    background: #10131b;
    border: 1px solid #10131b;
    color: #fff;
}

[nd-theme="dark"] .input-control:focus {
    outline: none;
    border: 1px solid #2c4257;
}

[nd-theme="dark"] .form-group label,
[nd-theme="dark"] .form-group .label-wrapper {
    color: #fff;
}

[nd-theme="dark"] .form-controls .form-group.form-message.error p {
    color: #cb4a4a;
}


/*
 * Pretty inputs
*/

[nd-theme="dark"] .pretty .state label:before {
    border-color: #434649;
}

[nd-theme="dark"] .pretty.p-default input:checked~.state label:after {
    background-color: #00dbcb !important;
}


/*
 * Footer
*/

[nd-theme="dark"] .nd--footer a {
    color: #fff;
}

[nd-theme="dark"] .nd--footer a:hover {
    color: #00dbcb;
}


/*
 * Buttons
*/

[nd-theme="dark"] .nd-btn {
    background: #00dbcb;
    background: -webkit-gradient(linear, left top, left bottom, from(#00dbcb), to(#00b1a4));
    background: -o-linear-gradient(top, #00dbcb 0, #00b1a4 100%);
    background: linear-gradient(180deg, #00dbcb 0, #00b1a4 100%);
    color: #fff;
}

[nd-theme="dark"] .nd-btn:hover {
    background: #00ffec;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ffec), to(#00b1a4));
    background: -o-linear-gradient(top, #00ffec 0, #00b1a4 100%);
    background: linear-gradient(180deg, #00ffec 0, #00b1a4 100%);
    color: #fff;
}


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


/*
 * Header
*/

[nd-theme="darkpurple"] .logout {
    color: #e9b5e3;
}


/*
 * Form
 */

[nd-theme="darkpurple"] .form-wrapper {
    box-shadow: 0 20px 75px rgba(0, 0, 0, .3);
    background: #1d1a32;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d1a32), to(#19162b));
    background: -o-linear-gradient(top, #1d1a32 0, #19162b 100%);
    background: linear-gradient(180deg, #1d1a32 0, #19162b 100%);
}

[nd-theme="darkpurple"] .form-heading h1 {
    color: #fff;
}

[nd-theme="darkpurple"] .form-group .input-control {
    background: #110f1f;
    border: 1px solid #110f1f;
    color: #fff;
}

[nd-theme="darkpurple"] .input-control:focus {
    outline: none;
    border: 1px solid #312c57;
}

[nd-theme="darkpurple"] .form-group label,
[nd-theme="darkpurple"] .form-group .label-wrapper {
    color: #fff;
}

[nd-theme="darkpurple"] .form-controls .form-group.form-message.error p {
    color: #db3e3e;
}


/*
 * Pretty inputs
*/

[nd-theme="darkpurple"] .pretty .state label:before {
    border-color: #3d385b;
}

[nd-theme="darkpurple"] .pretty.p-default input:checked~.state label:after {
    background-color: #777be7 !important;
}


/*
 * Footer
*/

[nd-theme="darkpurple"] .nd--footer a {
    color: #fff;
}

[nd-theme="darkpurple"] .nd--footer a:hover {
    color: #8689ec;
}


/*
 * Buttons
*/

[nd-theme="darkpurple"] .nd-btn {
    background: #110f1f;
    background: -webkit-gradient(linear, left top, left bottom, from(#575bc9), to(#4e52c1));
    background: -o-linear-gradient(top, #575bc9 0%, #4e52c1 100%);
    background: linear-gradient(180deg, #575bc9 0%, #4e52c1 100%);
    color: #fff;
}

[nd-theme="darkpurple"] .nd-btn:hover {
    background: #6a6ff5;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a6ff5), to(#4e52c1));
    background: -o-linear-gradient(top, #6a6ff5 0, #4e52c1 100%);
    background: linear-gradient(180deg, #6a6ff5 0, #4e52c1 100%);
    color: #fff;
}