/*
/* Themes > Light
*/

[nd-th-light],
body [nd-th-light] {
    background: #fff;
    color: #0c0f12;
}

/* Common style */

[nd-th-light] a {
    color: #0077ee;
}

[nd-th-light] a:visited,
[nd-th-light] a:not(:visited):hover {
    color: #000;
}

/* Header */

[nd-th-light] .wrapper > header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    background: #02447b;
    color: #fff;
}

[nd-th-light] .wrapper > header .hd-options a,
[nd-th-light] .wrapper > header .hd-options a:visited {
    color: #fff;
}

[nd-th-light] .wrapper > header .hd-options a:hover {
    color: #c3f5ff;
}





/* Sidebar */

[nd-th-light] aside {
    background: #02447b;
    color: #fff;
}

[nd-th-light] aside li a,
[nd-th-light] aside li i,
[nd-th-light] aside li a:visited {
    color: #fff;
}

[nd-th-light] aside > ul > li.active a > i,
[nd-th-light] aside > ul > li:hover a > i {
    color: #02447b;
}
	
[nd-th-light] aside > ul > li:not(.has-submenu).active,
[nd-th-light] aside > ul > li:not(.has-submenu):hover {
    background: #c3f5ff;
}

[nd-th-light]:not(.sidebar-icon-only) aside > ul > li.has-submenu:hover a,
[nd-th-light]:not(.sidebar-icon-only) aside > ul > li.has-submenu:hover i {
	color: #c3f5ff;
}

[nd-th-light] aside > ul > li.active a,
[nd-th-light] aside > ul > li:hover a {
    color: #02447b;
}

[nd-th-light].sidebar-icon-only aside > ul > li.active,
[nd-th-light].sidebar-icon-only aside > ul > li:hover {
    background: #c3f5ff;
}

[nd-th-light] aside ul li:hover ul.sub-menu {
    background: #02447b;
}

[nd-th-light] aside ul li:hover ul.sub-menu li a,
[nd-th-light] aside ul li:hover ul.sub-menu li i {
	color: #fff;
}

[nd-th-light] aside ul li:hover ul.sub-menu li:hover a,
[nd-th-light] aside ul li:hover ul.sub-menu li:hover i {
	color: #c3f5ff;
}

[nd-th-light] aside > ul > li a.functions .icon {
	background: url('assets/images/icon-functions-white.png') no-repeat center;
}

[nd-th-light] aside > ul > li.active a.functions .icon,
[nd-th-light] aside > ul > li:hover a.functions .icon,
[nd-th-light] aside > ul > li:not(.active) a.functions:hover .icon {
	background: url('assets/images/icon-functions-blue.png') no-repeat center;
}

[nd-th-light] aside > ul > li a.help .icon {
	background: url('assets/images/icon-help-white.png') no-repeat center;
}

[nd-th-light] aside > ul > li.active a.help .icon,
[nd-th-light] aside > ul > li:hover a.help .icon,
[nd-th-light] aside > ul > li:not(.active) a.help:hover .icon {
	background: url('assets/images/icon-help-blue.png') no-repeat center;
}

[nd-th-light] aside > ul > li a.change-password .icon {
	background: url('assets/images/icon-change-password-white.png') no-repeat center;
}

[nd-th-light] aside > ul > li.active a.change-password .icon,
[nd-th-light] aside > ul > li:hover a.change-password .icon,
[nd-th-light] aside > ul > li:not(.active) a.change-password:hover .icon {
	background: url('assets/images/icon-change-password-blue.png') no-repeat center;
}


/* Section > Login: Form layout */

[nd-th-light] section[login] .form-layout {
    border: 1px solid #c9c9c9;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 30px 0;
    background: #f8f8f8;
}

[nd-th-light] section[login] .form-layout h1 {
    color: #02447b;
}

[nd-th-light] section[login] .form-opts a:visited {
    color: #0077ee;
}

/* Footer */

[nd-th-light] div[section] footer {
	background: #efefef;
    color: #02447b;
}

/* Messages */

[nd-th-light] [message-error],
[nd-th-light] .msg-error {
    color: #e01717;
}

[nd-th-light] [message-success],
[nd-th-light] .msg-success {
    color: #37bd09;
}


/* Login form */

[nd-th-light] [input-select] ,
[nd-th-light] [input-icon-fake] {
    border: 1px solid #c9c9c9;
}

[nd-th-light] [input-icon-fake] .fa {
    color: #02447b;
}

/* Form */

[nd-th-light] section[form] .form-layout {
	border: 1px solid #c9c9c9;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 30px 0;
    background: #f8f8f8;
}

[nd-th-light] section[form] input,
[nd-th-light] section[form] select {
	border: 1px solid #ccc;
}

/* Placeholder */

[nd-th-light] ::placeholder {
    color: rgba(70, 79, 96, 0.5);
    opacity: 1;
}

/* Pretty inputs */

[nd-th-light] .pretty .state label:before {
    border-color: #110f1f;
}

[nd-th-light] .pretty.p-default input:checked~.state label:after {
    background-color: #110f1f !important;
}

/* Select2 */

[nd-th-light] .select2-container--default .select2-selection--single,
[nd-th-light] .select2-container--default .select2-selection--multiple,
[nd-th-light] .select2-container--default.select2-container--focus .select2-selection--multiple,
[nd-th-light] .select2-dropdown {
    border: 1px solid #ccc;
}

[nd-th-light] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #c3f5ff;
    color: #02447b;
}

[nd-th-light] .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgba(70, 79, 96, 0.5);
    opacity: 1;
}

[nd-th-light] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
[nd-th-light] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f00;
    color: #fff;
}

/* Buttons */

[nd-th-light] .nd-btn {
    background: #fff;
    border-color: #110f1f;
    color: #110f1f;
}

[nd-th-light] .nd-btn:hover {
    background: #110f1f;
    border-color: #110f1f;
    color: #fff !important;
}

/* Scrollbar */

[nd-th-light] ::-webkit-scrollbar-thumb {
    background-color: #bcc2ce;
}

[nd-th-light] ::-webkit-scrollbar-track {
    background: rgba(188, 194, 206, 0.3);
}

[nd-th-light] ::-webkit-scrollbar-corner {
    background: fade(#ffffff, 0%);
}

@-moz-document url-prefix() {
    [nd-th-light] div {
        scrollbar-color: #bcc2ce transparent;
    }
}