/*inputs not-focus neutral*/
.input-field input[type="email"],
.input-field input[type="password"],
.input-field input[type="text"],
.input-field input[type="number"],
.input-field input[type="text"]:disabled,
.input-field input[type="tel"],
.input-field input[type="date"],
.input-field input[type="datetime-local"],
.input-field input[type="datetime-local"]:disabled,
.materialize-textarea {
    color: #ffffff;
    border-bottom: 1px  #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}

/*label not-focus neutral*/
.input-field input[type="email"] + label,
.input-field input[type="password"] + label,
.input-field input[type="text"] + label,
.input-field input[type="number"] + label,
.input-field input[type="tel"] + label,
.input-field input[type="date"] + label,
.input-field input[type="datetime-local"] + label,
.materialize-textarea + label{
    color: rgba(255, 255, 255, 0.6);
}

/*inputs not-focus valid*/
.input-field input[type="email"].valid,
.input-field input[type="password"].valid,
.input-field input[type="text"].valid,
.input-field input[type="number"].valid,
.input-field input[type="tel"].valid, 
.input-field input[type="date"].valid
.input-field input[type="datetime-local"].valid{
    color: white;
    /*border-bottom: 1px solid green;
  box-shadow: 0 1px 0 0 green;*/
}

/*label not-focus valid*/
.input-field input[type="email"].valid + label,
.input-field input[type="password"].valid + label,
.input-field input[type="text"].valid + label,
.input-field input[type="number"].valid + label,
.input-field input[type="tel"].valid + label,
.input-field input[type="date"].valid + label,
.input-field input[type="datetime-local"].valid + label {
    color: #7b8b8a;
}

/*inputs not-focus invalid*/
.input-field input[type="email"].invalid,
.input-field input[type="password"].invalid,
.input-field input[type="text"].invalid,
.input-field input[type="number"].invalid,
.input-field input[type="tel"].invalid,
.input-field input[type="date"].invalid,
.input-field input[type="datetime-local"].invalid {
    color: white;
    /*border-bottom: 1px solid red;
  box-shadow: 0 1px 0 0 red;*/
}

/*label not-focus invalid*/
.input-field input[type="email"].invalid + label,
.input-field input[type="password"].invalid + label,
.input-field input[type="text"].invalid + label,
.input-field input[type="number"].invalid + label,
.input-field input[type="tel"].invalid + label,
.input-field input[type="date"].invalid + label,
.input-field input[type="datetime-local"].invalid + label {
    color: #ba68c8;
}

/*inputs focus neutral*/
.input-field input[type="email"]:focus,
.input-field input[type="password"]:focus,
.input-field input[type="text"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="tel"]:focus,
.input-field input[type="date"]:focus,
.input-field input[type="datetime-local"]:focus,
.materialize-textarea:focus {
    color: white !important;
    border-bottom: 1px solid white !important;
    box-shadow: 0 1px 0 0 white !important;
}

/*label focus neutral*/
.input-field input[type="email"]:focus + label,
.input-field input[type="password"]:focus + label,
.input-field input[type="text"]:focus + label,
.input-field input[type="number"]:focus + label,
.input-field input[type="tel"]:focus + label,
.input-field input[type="date"]:focus + label,
.input-field input[type="datetime-local"]:focus + label,
.materialize-textarea + label {
    color: #ba68c8 !important;
}

/*input focus valid*/
.input-field input[type="email"].valid:focus,
.input-field input[type="password"].valid:focus,
.input-field input[type="text"].valid:focus,
.input-field input[type="number"].valid:focus,
.input-field input[type="tel"].valid:focus,
.input-field input[type="date"].valid:focus,
.input-field input[type="datetime-local"].valid:focus {
    color: white !important;
    /*border-bottom: 1px solid green !important;
  box-shadow: 0 1px 0 0 green !important;*/
}

/*label focus valid*/
.input-field input[type="email"].valid:focus + label,
.input-field input[type="password"].valid:focus + label,
.input-field input[type="text"].valid:focus + label,
.input-field input[type="number"].valid:focus + label,
.input-field input[type="tel"].valid:focus + label,
.input-field input[type="date"].valid:focus + label,
.input-field input[type="datetime-local"].valid:focus + label {
    color: #ba68c8 !important;
}

/*input focus invalid*/
.input-field input[type="email"].invalid:focus,
.input-field input[type="password"].invalid:focus,
.input-field input[type="text"].invalid:focus,
.input-field input[type="number"].invalid:focus,
.input-field input[type="tel"].invalid:focus,
.input-field input[type="date"].invalid:focus,
.input-field input[type="datetime-local"].invalid:focus {
    color: white !important;
    /*border-bottom: 1px solid red !important;
  box-shadow: 0 1px 0 0 red !important;*/
}

/*label focus invalid*/
.input-field input[type="email"].invalid:focus + label,
.input-field input[type="password"].invalid:focus + label,
.input-field input[type="text"].invalid:focus + label,
.input-field input[type="number"].invalid:focus + label,
.input-field input[type="tel"].invalid:focus + label,
.input-field input[type="date"].invalid:focus + label,
.input-field input[type="datetime-local"].invalid:focus + label {
    color: #ba68c8 !important;
}

/*btn class*/
.btn{
    color: #121212 !important;
    background-color: #ba68c8;
    
}

.btn:hover{
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.05);
}

/* icon prefix color */
.input-field .prefix {
    color: #ba68c8;
}

/* icon prefix focus color */
.input-field .prefix.active {
    color: #ffffff;
}

/*checkbox color not checked*/
 p label input[type="checkbox"].filled-in + span:not(.lever):after {
    border: 2px solid white;
}

/*checkbox color checked*/
 p label input[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #ba68c8;
    background-color: #ba68c8;
}

/*chackbox span*/
.input-field p label .filled-in + span {
    color: white;
}

/*input search*/
input[type="search"]:focus {
    color: #7b1fa2;
    border-bottom: 1px solid #7b1fa2 !important;
    box-shadow: 0 1px 0 0 #7b1fa2 !important;
}
/*Styling Helper*/
.input-field .helper-text{
    color: rgba(255, 255, 255, 0.6) ;
}
/*Styling cards*/
.card, .card-panel {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.6) !important;
}

/*Card title color*/
.card-title {
    color: #ffffff;
}
.card .card-title {
    font-size: 17px;
    font-weight: 400;
}

/*Card Reveal Settings*/
.card-content a,
span i {
    color: #ba68c8;
}
.card-reveal a {
    color: #ba68c8 !important;
}
.card-content p a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
}

/*Card Settings*/
.card-content p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
}

.card-content p a:hover {
    color: #ba68c8 !important;
}

.card-reveal {
    background-color: rgba(0, 0, 0, 0.975) !important;
}
/*Navbar Settings*/
nav ul li.active,
ul.sidenav li.active {
    background-color: rgba(0, 0, 0, 0) !important;
}

nav ul li a,
ul.sidenav li a,
ul.sidenav li a i {
    color: rgba(255, 255, 255, 0.6) !important;
}

nav ul li.active > a {
    color: #ba68c8 !important;
    border-bottom: 2px solid #ba68c8;
}

nav.navbar {
    z-index: 10;
    padding: 0 20px;
}

/*Sidenav Settings*/
.sidenav {
    background-color: rgba(0, 0, 0, 0.945);
}
ul.sidenav li.active a,
ul.sidenav li.active a i {
    color: #ba68c8 !important;
}

/*Footer Settings*/
.page-footer .footer-copyright {
    color: rgba(255, 255, 255, 0.6) !important;
}

/*Dropdown Settings*/
/*Dropdown default background*/
ul.dropdown-content {
    background-color: rgba(255, 255, 255, 0.05);
}

/*Dropdown default element font*/
ul.dropdown-content li a {
    color: rgba(255, 255, 255, 0.6) !important;
}

/*Dropdown active background element*/
ul.dropdown-content li.active {
    background: rgba(255, 255, 255, 0.09);
}

/*Dropdown active font element*/
ul.dropdown-content li.active a {
    color: #ba68c8 !important;
}

/*Dropdown hover background*/
ul.dropdown-content li:hover {
    background: rgba(255, 255, 255, 0.09);
}

/*Dropdown hover font*/
ul.dropdown-content li a:hover {
    color: #ba68c8;
}

/*Modal Settings*/
.modal .modal-content > h4{
    color: #ba68c8;
}

.modal .modal-content p > span {
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

/*Progress Settings*/
.progress{
    background-color: #e1bee7;
}
.progress .determinate{
    background-color: #9c27b0;
}

/*Collapsible Settings*/
div.collapsible-header{
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.09);
}
div.collapsible-body{
    /*background-color: rgba(255, 255, 255, 0.09);*/
    color: rgba(255, 255, 255, 0.6);
}
.collapsible-header{
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.collapsible-body{
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
/* width */

::-webkit-scrollbar {
    width: 3px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #7b1fa2;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*Modal Background*/

.modal {
    background-color: #121212;
}
.modal-trigger{
    cursor: pointer;
}
.modal .modal-footer {
    background-color: #121212;
}
.modal .modal-footer a {
    color: rgba(255, 255, 255, 0.6) !important;
}
.btn-floating, .btn-floating:hover{
    background-color: rgba(255, 255, 255, 0.09);
}
.btn-floating i:hover {
    color: #ba68c8;
}
.btn-small{
    background-color: rgba(255, 255, 255, 0.09);
}
.highlight tbody tr:hover .btn-small{
    background-color: rgba(0, 0, 0, 0.6);
}
.highlight tbody tr:hover{
    color: rgba(0, 0, 0, 0.6);
}
.datepicker-date-display, .timepicker-digital-display{
    background-color: rgba(255, 255, 255, 0.09);
    color: #ba68c8;
}
.datepicker-table td.is-selected{
    background-color: #ba68c8;
    color: #ffffff !important;
}
.clockpicker-tick:hover { background: #ba68c8 !important; }
line { stroke: #ba68c8 !important; }
.timepicker-canvas-bearing { fill: #ba68c8 !important; }
.timepicker-canvas-bg { fill: #ba68c8 !important; }
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done, .datepicker-table td.is-today, .dropdown-content li>span, .timepicker-close, .text-primary {
    color: #ba68c8;
}
button.month-prev:active, button.month-next:active {
    background-color: #ba68c8;
}
svg {
    fill: rgb(255, 255, 255);
    height: 24;
    width: 24;
}
h4,h5, h6 {
    color: #BA68C8;
}
.pagination li.active{
    background-color: #ba68c8 !important;
}
.pagination li a{
    color:rgba(255, 255, 255, 0.6) !important;
}

.pagination li.disabled{
    color:rgba(255, 255, 255, 0.2) !important;
}
.collection-item{
    background-color: transparent !important;
}

.divider, .dropdown-content li.divider{
    height: 0.5px;
    min-height: 0.5px;
    background-color: rgba(255, 255, 255, 0.2);
}
.collection.with-header .collection-header{
    background-color: rgba(0, 0, 0, 0.12);
}
span.badge.new{
    background-color: #ba68c8;
}
nav{
    background-color: rgba(255, 255, 255, 0.12);
}