/* sign in form */
#signInCard .card, #signUpCard .card{
    background-color: inherit !important;
}
.alert-danger {
    background-color: inherit !important;
}

/* ngx-select-dropdown */
.ngx-dorpdown-container[_ngcontent-c4] button[_ngcontent-c4],
.ngx-dorpdown-container[_ngcontent-c4] .ngx-dropdown-list-container[_ngcontent-c4] 
 {
    color:  inherit !important;
    background-color: inherit !important;
    border: 1px solid #4c5a67  !important;
}
.ngx-dorpdown-container[_ngcontent-c4] button[_ngcontent-c4] :hover,
.ngx-dorpdown-container[_ngcontent-c4] .ngx-dropdown-list-container[_ngcontent-c4] :hover
 {
    opacity: 0.7;
}
.ngx-dorpdown-container[_ngcontent-c4] .ngx-dropdown-list-container[_ngcontent-c4] 
 {
    background-color: #eee !important;
 }

  /* ngxSummernote */
  /* removed my forced style because some functionalities got hard to find like select color */
/* .note-btn {
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}
.note-btn:hover {
    
        opacity: 0.7;
    }
    .note-frame * {
        color: inherit !important;
    }
    
 .note-editor.note-frame .note-editing-area .note-editable {
    color: inherit !important;
    background-color: inherit !important;
} */