/* Custom Select */
.custom-select{
    color: #000 !important;
    border: 1px solid var(--primary) !important;
}

.custom-select:focus{
    border-color: var(--primary) !important;
}

.custom-select > option:hover {
    background-color: var(--primary) !important;
    color: #fff;
}
/* END Custom Select */

/* Input  */
.form-material .form-control, .form-material .form-control:focus, .form-material .form-control.focus {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary))), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
    background-image: -webkit-linear-gradient(var(--primary), var(--primary)), -webkit-linear-gradient(#e4eaec, #e4eaec);
    background-image: -o-linear-gradient(var(--primary), var(--primary)), -o-linear-gradient(#e4eaec, #e4eaec);
    background-image: linear-gradient(var(--primary), var(--primary)), linear-gradient(#e4eaec, #e4eaec);
}

.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label {
    color: var(--primary);
}
/* END Input  */

.panel-title-actions {
    padding: 0 15px;
}

.panel-title-actions button i {
    font-size: 18px;
}

.panel-title-actions span {
    margin: 10px 0;
    font-size: 16px;
}

/* Notifications TABLE */
.notify-table{
    list-style: none;
    margin: 0;
    padding: 0;
}

.notify-table li{
    padding: 10px 0;
    margin-bottom: 3px;
    border-radius: 5px;
    background-color: var(--bg_primary);
    border: 1px solid var(--bg_primary);
}

.notify-table li:hover{
    transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.notify-table-asRead{
    padding: 10px 0;
    margin-bottom: 1px;
    border-radius: 5px;
    border: 1px solid var(--bg_secondary);
    background-color: var(--bg_secondary);
}

.notify-message{
    padding: 0 10px;
}

.notify-message a{
    text-decoration: none;
}

.markAsRead{
    float: right;
    padding: 0 10px;
}

.markAsRead a{
    text-decoration: none;
}

.markAsRead-disabled{
    cursor: not-allowed;
    opacity: 0.5;
}

.markAsRead-disabled > a {
    color: var(--text);
    display: inline-block;
    pointer-events: none;
    text-decoration: none;
}

.notify-iTrash i{
    color: var(--primary);
    font-size: 18px;
}

.notify-iTrash i:hover{
    color: var(--fu-danger);
    font-size: 18px;
}
/*END Notifications TABLE*/

/* Custom ComboBox */
/* END Custom ComboBox */