/*
====================================================
ROTIBOOK LEARNING TRACKER
VERSION 2
====================================================
*/

*{
    box-sizing:border-box;
}

body{

    margin:0;

    background:#edf2f7;

    font-family:
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;

    color:#222;

}

/*======================================
MAIN APP
======================================*/

.rblt-app{

    display:flex;

    height:88vh;

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    box-shadow:
    0 8px 35px rgba(0,0,0,.08);

}

/*======================================
SIDEBAR
======================================*/

.rblt-sidebar{

    width:280px;

    background:#0f172a;

    color:#fff;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

.rblt-logo{

    padding:14px;

    text-align:center;

    font-size:22px;

    font-weight:700;

    border-bottom:

    1px solid

    rgba(255,255,255,.08);

}

.rblt-sidebar .rblt-btn{

    margin:12px;

}

#rblt-subject-list{

    flex:1;

    overflow:auto;

    padding:0 20px 20px;

}

/*======================================
BUTTONS
======================================*/

.rblt-btn{

    background:#0ea5e9;

    color:#fff;

    border:none;

    border-radius:10px;

   padding:10px 14px;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.25s;

}

.rblt-btn:hover{

    background:#0284c7;

    transform:translateY(-2px);

}

.rblt-btn-small{

    background:#2563eb;

    color:#fff;

    border:none;

    padding:8px 16px;

    border-radius:8px;

    cursor:pointer;

}

.rblt-btn-small:hover{

    background:#1d4ed8;

}

/*======================================
SUBJECT CARD
======================================*/

.rblt-subject-card{

    background:#1e293b;

    border-radius:12px;

    padding:10px;

    margin-bottom:10px;

}

.rblt-subject-card:hover{

    transform:translateY(-4px);

    border-color:#38bdf8;

}

.rblt-subject-card h3{

    margin:0;

    color:#fff;

    font-size:16px;

}

.rblt-subject-card p{

    margin:6px 0;

    color:#94a3b8;

    font-size:13px;

    line-height:1.3;
}


.rblt-open-subject{

    flex:1;

    background:#10b981;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:8px 10px;      /* was 10px 12px */

    font-size:12px;        /* was 14px */

    font-weight:600;

    cursor:pointer;

}

.rblt-open-subject:hover{

    background:#059669;

}

.rblt-delete-subject{

    flex:0 0 auto;

    background:#ef4444;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:8px 12px;      /* was 10px 14px */

    font-size:12px;        /* was 14px */

    white-space:nowrap;

    cursor:pointer;

}

.rblt-delete-subject:hover{

    background:#dc2626;

}

/*======================================
WORKSPACE
======================================*/

.rblt-workspace{

    flex:1;

    background:#f8fafc;

    padding:16px;

    overflow:auto;

}

.rblt-subject-header{

    margin-bottom:30px;

}

.rblt-subject-header h2{

    margin:0;

    font-size:24px;

    font-weight:700;

}

.rblt-workspace-layout{

    display:flex;

    gap:25px;

}

/*======================================
LEFT MENU
======================================*/

.rblt-workspace-menu{

    width:240px;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:

    0 3px 10px rgba(0,0,0,.08);

}

.rblt-menu-item{

    padding:12px 15px;

    cursor:pointer;
        font-size:14px;

    font-weight:600;

    border-bottom:

    1px solid #eee;

    transition:.2s;

}

.rblt-menu-item:hover{

    background:#eff6ff;

}

.rblt-menu-item.active{

    background:#2563eb;

    color:#fff;

}


/*======================================
WORKSPACE BODY
======================================*/

.rblt-workspace-body{

    flex:1;

    min-height:650px;

    background:#fff;

    border-radius:14px;

    padding:18px;

    box-shadow:

    0 4px 18px rgba(0,0,0,.08);

}

/*======================================
EMPTY PAGE
======================================*/

.rblt-empty-box{

    text-align:center;

    padding:120px 40px;

    color:#64748b;

}

.rblt-empty-box h2{

    font-size:34px;

    margin-bottom:15px;

    color:#1e293b;

}

.rblt-empty-box p{

    font-size:18px;

    line-height:1.8;

}

/*======================================
PAGE HEADER
======================================*/

.rblt-page-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.rblt-page-title{

    font-size:22px;

    font-weight:700;

}

/*======================================
STATISTICS
======================================*/

.rblt-stats{

    display:grid;

    grid-template-columns:

 grid-template-columns:

repeat(auto-fit,minmax(180px,1fr));

    gap:20px;

    margin-bottom:35px;

}

.rblt-stat{

   background:#f8fafc;

    border-radius:12px;

    padding:25px;

    box-shadow:

    0 3px 12px rgba(0,0,0,.08);

    transition:.25s;

}

.rblt-stat:hover{

    transform:translateY(-5px);

}

.rblt-stat-title{

    color:#64748b;

    font-size:15px;

    margin-bottom:10px;

}

.rblt-stat-value{

    font-size:24px;

    font-weight:700;

    color:#0f172a;

}

/*======================================
PROGRESS CARD
======================================*/

.rblt-progress-card{

 background:#f8fafc;

    padding:25px;

    border-radius:12px;

    margin-bottom:30px;

    box-shadow:

    0 3px 12px rgba(0,0,0,.08);

}

.rblt-progress-title{

    font-size:22px;

    margin-bottom:15px;

    font-weight:700;

}

.rblt-progress{

      width:100%;

    height:10px;

    background:#e2e8f0;

    border-radius:20px;

    overflow:hidden;

}

.rblt-progress-fill{

    height:100%;

    width:0%;

    background:

    linear-gradient(

    90deg,

    #10b981,

    #22c55e

    );

    transition:1s;

}

.rblt-progress-text{

    margin-top:12px;

    font-weight:600;

    color:#475569;

}

/*======================================
CONTENT CARD
======================================*/

.rblt-card{

 background:#f8fafc;

    border-radius:12px;

    padding:22px;

    box-shadow:

    0 3px 12px rgba(0,0,0,.08);

    margin-bottom:25px;

}

.rblt-card h2{

    margin-top:0;

    margin-bottom:20px;

}

/*======================================
TABLE
======================================*/

.rblt-table{

    width:100%;

    border-collapse:collapse;

}

.rblt-table th{

    width:240px;

    background:#f8fafc;

    text-align:left;

    padding:14px;

    border:1px solid #e2e8f0;

    font-weight:600;

}

.rblt-table td{

    padding:14px;

    border:1px solid #e2e8f0;

}

.rblt-table tr:hover{

    background:#f8fafc;

}

/*======================================
SECTION TITLE
======================================*/

.rblt-section-title{

    font-size:18px;

    font-weight:700;

    margin-bottom:20px;

}

/*======================================
INFO BOX
======================================*/

.rblt-info{

    background:#eff6ff;

    border-left:5px solid #2563eb;

    padding:18px;

    border-radius:8px;

    margin-bottom:20px;

}

/*======================================
SUCCESS
======================================*/

.rblt-success{

    background:#ecfdf5;

    border-left:5px solid #22c55e;

    padding:18px;

    border-radius:8px;

}

/*======================================
WARNING
======================================*/

.rblt-warning{

    background:#fff7ed;

    border-left:5px solid #f97316;

    padding:18px;

    border-radius:8px;

}

/*======================================
SYLLABUS CARDS
======================================*/

.rblt-topic-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:#fff;

    padding:20px;

    margin-bottom:18px;

    border-radius:14px;

    box-shadow:

    0 3px 10px rgba(0,0,0,.08);

    transition:.25s;

}

.rblt-topic-card:hover{

    transform:translateY(-3px);

    box-shadow:

    0 8px 20px rgba(0,0,0,.12);

}

.rblt-topic-left{

    flex:1;

}

.rblt-topic-left h4{

    margin:0;

    font-size:16px;

    color:#0f172a;

}

.rblt-topic-status{

    margin-top:10px;

    color:#64748b;

    font-size:14px;

}

.rblt-topic-right{

    display:flex;

    gap:10px;

}

/*======================================
STATUS BADGES
======================================*/

.rblt-badge{

    display:inline-block;

    padding:6px 14px;

    border-radius:20px;

    font-size:13px;

    font-weight:700;

}

.rblt-pending{

    background:#fef3c7;

    color:#92400e;

}

.rblt-learning{

    background:#dbeafe;

    color:#1d4ed8;

}

.rblt-completed{

    background:#dcfce7;

    color:#166534;

}

/*======================================
JOURNAL CARD
======================================*/

.rblt-journal-card{

    background:#fff;

    padding:25px;

    margin-bottom:20px;

    border-radius:12px;

    box-shadow:

    0 3px 10px rgba(0,0,0,.08);

}

.rblt-journal-card h3{

    margin-top:0;

    margin-bottom:20px;

}

.rblt-journal-card textarea{

    width:100%;

    min-height:150px;

    padding:15px;

    border:1px solid #cbd5e1;

    border-radius:10px;

    resize:vertical;

}

/*======================================
QUERY CARD
======================================*/



.rblt-query-title{

    font-size:18px;

    font-weight:700;

    margin-bottom:15px;

}

.rblt-query-answer{

    margin-top:15px;

    color:#475569;

}

/*======================================
PROJECT CARD
======================================*/

.rblt-project-card{

    background:#fff;

    border-radius:14px;

    padding:25px;

    margin-bottom:20px;

    box-shadow:

    0 3px 10px rgba(0,0,0,.08);

    transition:.25s;

}

.rblt-project-card:hover{

    transform:translateY(-3px);

}

.rblt-project-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;

}

.rblt-project-meta{

    color:#64748b;

    margin-bottom:15px;

}

/*======================================
SOURCE CARD
======================================*/

.rblt-source-card{

    display:flex;

    align-items:center;

    gap:20px;

    background:#fff;

    padding:18px;

    border-radius:12px;

    margin-bottom:18px;

    box-shadow:

    0 3px 10px rgba(0,0,0,.08);

}

.rblt-source-icon{

    font-size:34px;

}

.rblt-source-info{

    flex:1;

}

.rblt-source-title{

    font-size:18px;

    font-weight:700;

}

.rblt-source-link{

    color:#2563eb;

    text-decoration:none;

}

.rblt-source-link:hover{

    text-decoration:underline;

}

/*======================================
TIMELINE
======================================*/

.rblt-timeline{

    border-left:4px solid #2563eb;

    margin-left:15px;

    padding-left:25px;

}

.rblt-timeline-item{

    margin-bottom:35px;

    position:relative;

}

.rblt-timeline-item::before{

    content:"";

    position:absolute;

    left:-34px;

    top:5px;

    width:16px;

    height:16px;

    border-radius:50%;

    background:#2563eb;

}

.rblt-timeline-date{

    color:#64748b;

    font-size:14px;

    margin-bottom:8px;

}

.rblt-timeline-content{

    background:#fff;

    padding:18px;

    border-radius:10px;

    box-shadow:

    0 2px 8px rgba(0,0,0,.08);

}

/*======================================
EMPTY STATE
======================================*/

.rblt-no-data{

    text-align:center;

    padding:80px;

    border:2px dashed #cbd5e1;

    border-radius:12px;

    color:#64748b;

    background:#f8fafc;

}

.rblt-no-data h3{

    margin-bottom:15px;

}

/*======================================
INPUTS
======================================*/

.rblt-input,

.rblt-select,

.rblt-textarea{

    width:100%;

    padding:12px;

    border:1px solid #cbd5e1;

    border-radius:10px;

    margin-top:8px;

}

.rblt-input:focus,

.rblt-select:focus,

.rblt-textarea:focus{

    outline:none;

    border-color:#2563eb;

    box-shadow:

    0 0 0 3px rgba(37,99,235,.15);

}

/*======================================
MODALS
======================================*/

.rblt-modal{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(15,23,42,.65);

backdrop-filter:blur(6px);

z-index:99999;

animation:rbltFade .25s;

}

.rblt-modal-box{

background:#fff;

width:760px;

max-width:94%;

margin:50px auto;

border-radius:18px;

padding:22px;

box-shadow:0 25px 60px rgba(0,0,0,.25);

max-height:88vh;

overflow:auto;

animation:rbltScale .25s;

}

#rblt-close-modal,
#rblt-close-topic-modal{

float:right;

font-size:34px;

cursor:pointer;

color:#64748b;

transition:.2s;

}

#rblt-close-modal:hover,
#rblt-close-topic-modal:hover{

color:#ef4444;

transform:rotate(90deg);

}

/*======================================
FORM
======================================*/

.rblt-modal-box label{

display:block;

margin-top:20px;

margin-bottom:8px;

font-weight:700;

color:#334155;

}

.rblt-modal-box input,
.rblt-modal-box textarea,
.rblt-modal-box select{

width:100%;

padding:13px;

border:1px solid #d1d5db;

border-radius:10px;

font-size:15px;

transition:.2s;

}

.rblt-modal-box textarea{

min-height:110px;

resize:vertical;

}

.rblt-modal-box input:focus,
.rblt-modal-box textarea:focus,
.rblt-modal-box select:focus{

outline:none;

border-color:#2563eb;

box-shadow:0 0 0 3px rgba(37,99,235,.15);

}

/*======================================
SCROLLBAR
======================================*/

::-webkit-scrollbar{

width:10px;

height:10px;

}

::-webkit-scrollbar-thumb{

background:#94a3b8;

border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

background:#64748b;

}

::-webkit-scrollbar-track{

background:#e2e8f0;

}

/*======================================
ANIMATIONS
======================================*/

@keyframes rbltFade{

from{

opacity:0;

}

to{

opacity:1;

}

}

@keyframes rbltScale{

from{

transform:scale(.95);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}

@keyframes rbltSlide{

from{

transform:translateY(15px);

opacity:0;

}

to{

transform:translateY(0);

opacity:1;

}

}

.rblt-card,
.rblt-topic-card,
.rblt-project-card,
.rblt-query-card,
.rblt-source-card{

animation:rbltSlide .35s;

}

/*======================================
LOADING
======================================*/

.rblt-loading{

padding:70px;

text-align:center;

font-size:20px;

color:#64748b;

}

.rblt-loading:after{

content:"...";

animation:dots 1.2s infinite;

}

@keyframes dots{

0%{content:"";}

25%{content:".";}

50%{content:"..";}

75%{content:"...";}

100%{content:"";}

}

/*======================================
UTILITY
======================================*/

.rblt-flex{

display:flex;

gap:15px;

align-items:center;

}

.rblt-right{

text-align:right;

}

.rblt-center{

text-align:center;

}

.rblt-hidden{

display:none;

}

.rblt-mt10{

margin-top:10px;

}

.rblt-mt20{

margin-top:20px;

}

.rblt-mt30{

margin-top:30px;

}

.rblt-mb20{

margin-bottom:20px;

}

/*======================================
RESPONSIVE
======================================*/

@media(max-width:1200px){

.rblt-sidebar{

width:280px;

}

.rblt-workspace-layout{

flex-direction:column;

}

.rblt-workspace-menu{

width:100%;

display:flex;

flex-wrap:wrap;

}

.rblt-menu-item{

flex:1;

text-align:center;

}

.rblt-stats{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.rblt-app{

flex-direction:column;

height:auto;

}

.rblt-sidebar{

width:100%;

height:auto;

}

.rblt-workspace{

padding:16px;

}

.rblt-stats{

grid-template-columns:1fr;

}

.rblt-page-header{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.rblt-topic-card{

flex-direction:column;

align-items:flex-start;

}

.rblt-topic-right{

margin-top:15px;

}

.rblt-card-buttons{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:12px;

}

}

.rblt-subject-card div{

    color:#cbd5e1;

}

.rblt-subject-card h3{

    color:#ffffff !important;

}







.rblt-card-buttons button{

    flex:1;

}

.rblt-topic-card{

display:flex;

justify-content:space-between;

align-items:center;

padding:12px 16px;
font-size:14px;

margin-bottom:12px;

background:#fff;

border-radius:10px;

box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.rblt-topic-left{

display:flex;

align-items:center;

gap:12px;

}

.rblt-topic-right{

display:flex;

gap:10px;

}

.rblt-topic-right button{

padding:7px 14px;

border:none;

border-radius:6px;

cursor:pointer;

}

.rblt-drag-handle{

font-size:22px;

cursor:grab;

color:#64748b;

margin-right:15px;

}

.rblt-drag-handle:active{

cursor:grabbing;

}

.rblt-note-header{

    background:#fff;

    padding:25px;

    border-radius:15px;

    margin-bottom:20px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.rblt-note-header h2{

    margin:0 0 15px;

}

.rblt-topic-desc{

    color:#555;

    line-height:1.8;

    white-space:pre-wrap;

}

.rblt-query-summary{

    display:flex;

    gap:20px;

    margin-top:25px;

}

.rblt-query-box{

    flex:1;

    padding:20px;

    border-radius:12px;

    background:#fff;

    font-size:16px;

    font-weight:bold;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.rblt-query-box span{

    float:right;

    font-size:24px;

}

.pending{

    border-left:5px solid #ff9800;

}

.solved{

    border-left:5px solid #4caf50;

}

.rblt-query-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    padding:20px;

    margin-bottom:20px;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}



.rblt-query-question{

    font-size:16px;

    line-height:1.7;

    margin-top:10px;

}




.rblt-resolved{

    color:#28a745;

    font-weight:bold;

}

.rblt-query-link{

    display:inline-block;

    padding:3px 8px;

    background:#eef4ff;

    border:1px solid #cfdcff;

    border-radius:6px;

    color:#2457d6 !important;

    font-weight:600;

    text-decoration:none !important;

    cursor:pointer;

}


.rblt-chip-highlight{

    background:#fff3bf !important;

    border:2px solid #f59e0b !important;

    color:#000 !important;

    box-shadow:0 0 15px rgba(245,158,11,.55);

    transform:scale(1.08);

    transition:all .25s ease;

}

@keyframes rbltPulse{

    0%{

        transform:scale(1);

        box-shadow:0 0 0 rgba(245,158,11,0);

    }

    50%{

        transform:scale(1.08);

        box-shadow:0 0 18px rgba(245,158,11,.6);

    }

    100%{

        transform:scale(1);

        box-shadow:0 0 0 rgba(245,158,11,0);

    }

}

.rblt-resolved{

    color:#059669;

    font-weight:700;

}



.rblt-query-highlight{

    background:#fff8dc !important;

    border:2px solid #f59e0b !important;

    box-shadow:0 0 20px rgba(245,158,11,.45);

    transition:all .3s ease;

}


.rblt-query-chip{

    display:inline-block;

    padding:2px 8px;

    margin:0 2px;

    border-radius:5px;

    cursor:pointer;

    font-weight:600;

    transition:.2s;

    color:#2563eb;

}



.rblt-query-chip:hover{

    background:#fff3cd;

    color:#b45309;

}

.rblt-chip-pending{

    color:#b45309;

}
.rblt-chip-resolved{

    color:#15803d;

}
.rblt-chip-resolved:before{

    content:"✓ ";

}

.rblt-chip-resolved:hover{

    background:#dcfce7;

    color:#15803d;

}

.rblt-chip-resolved::before{

    content:"[ ✅ ";

    color:#16a34a;

}

.rblt-query-chip::before{

    content:"[ ";

    color:#64748b;

    font-weight:700;

}

.rblt-query-chip::after{

    content:" ]";

    color:#64748b;

    font-weight:700;

}



.rblt-query-chip-focus{

    background:#fff3bf !important;

    border:2px solid #f59e0b !important;

    box-shadow:0 0 12px rgba(245,158,11,.45);

    animation:rbltPulse .7s ease-in-out 3;

}


.rblt-query-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;

}

.rblt-query-actions{

    display:flex;

    gap:10px;

}













.rblt-editor-fullscreen{

    position:fixed;

    inset:10px;

    z-index:999999;

    background:#fff;

    padding:20px;

    overflow:auto;

}

.rblt-editor-fullscreen #wp-rblt_editor-wrap{

    height:calc(100vh - 80px);

}

.rblt-editor-fullscreen iframe{

    height:calc(100vh - 180px)!important;

}

.rblt-pagination{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;

}

.rblt-page-btn{

    background:#2563eb;

    color:#fff;

    border:none;

    padding:8px 15px;

    border-radius:6px;

    cursor:pointer;

}

.rblt-page-btn:hover{

    background:#1d4ed8;

}

.rblt-page-info{

    font-weight:600;

}


.rblt-chip-icon{

    font-size:16px;

}

.rblt-chip-text{

    white-space:nowrap;

}

/* ==========================
   QUERY CHIP INSIDE NOTES
========================== */

.rblt-note-query{

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:4px 10px;

    border:2px solid #f59e0b;
    border-radius:20px;

    background:#fff7ed;

    color:#b45309;

    font-weight:700;

    cursor:pointer;

    transition:.2s;

}

.rblt-note-query:hover{

    background:#fde68a;

    transform:translateY(-1px);

}

.rblt-note-query-resolved{

    border-color:#22c55e;

    background:#ecfdf5;

    color:#15803d;

}

.rblt-note-query-resolved:hover{

    background:#dcfce7;

}

.rblt-note-query.rblt-chip-highlight{

    background:#fff3bf !important;

    border:2px solid #f59e0b !important;

    border-radius:5px;

}

/*==========================================
GLOBAL SEARCH
==========================================*/

.rblt-search-wrap{

    position:relative;

    margin-bottom:20px;

}

#rblt-global-search{

    width:100%;

    padding:14px 18px;

    font-size:16px;

    border:1px solid #dbe3ef;

    border-radius:10px;

    outline:none;

    transition:.2s;

}

#rblt-global-search:focus{

    border-color:#2196f3;

    box-shadow:0 0 0 3px rgba(33,150,243,.15);

}

#rblt-search-results{

    display:none;

    position:absolute;

    left:0;

    right:0;

    top:56px;

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    max-height:420px;

    overflow:auto;

    z-index:99999;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.rblt-search-item{

    padding:12px 16px;

    cursor:pointer;

    border-bottom:1px solid #f1f1f1;

}

.rblt-search-item:hover{

    background:#f8fbff;

}

.rblt-search-type{

    font-size:12px;

    color:#888;

    margin-bottom:4px;

}

.rblt-search-title{

    font-weight:600;

}


/*==========================================
NOTE SEARCH
==========================================*/

.rblt-note-search-wrap{

    margin-bottom:15px;

}

.rblt-note-search-bar{

    display:flex;
    align-items:center;
    gap:8px;

    background:#fff;

    border:1px solid #dbe3ee;

    border-radius:12px;

    padding:8px 10px;

}

#rblt-note-search{

    flex:1;

    border:none;

    outline:none;

    background:transparent;

    font-size:15px;

    box-shadow:none !important;

}

#rblt-search-count{

    min-width:55px;

    text-align:center;

    color:#64748b;

    font-size:13px;

    font-weight:600;

}

#rblt-search-prev,
#rblt-search-next,
#rblt-search-clear{

    width:34px;
    height:34px;

    border:none;

    border-radius:8px;

    background:#f8fafc;

    cursor:pointer;

    transition:.2s;

    font-size:14px;

}

#rblt-search-prev:hover,
#rblt-search-next:hover,
#rblt-search-clear:hover{

    background:#e2e8f0;

}