.x-boundlist-item:nth-child(even){
    background-color: rgb(240, 240, 240);
}
.x-boundlist-item:nth-child(even):hover{
    background-color: rgb(220, 220, 240);
}

div.x-grid-cell-inner {
    font-size: 12px !important;
    padding: 4px 0;
}

.x-hmenu-sort-asc,
.x-hmenu-sort-desc,
.x-menu-item-separator {
    display: none !important;
}

.d-none {
    display: none !important;
}

.x-boundlist{
    width: 200px !important;
}

/* urutkanWaktubaca */
.x-btn:has(#urutkanWaktubaca-btnInnerEl)  {border: none; padding: 5px; background: #007bff; transition: background-color 0.3s ease; }
.x-btn-over:has(#urutkanWaktubaca-btnInnerEl){ background: #0961be; } 

#urutkanWaktubaca-btnInnerEl, #urutkanWaktubaca-btnIconEl { color: white; }

/* urutkanWaktubacaLalu */
.x-btn:has(#urutkanWaktubacaLalu-btnInnerEl)  {border: none; padding: 5px; background: #007bff; transition: background-color 0.3s ease; }
.x-btn-over:has(#urutkanWaktubacaLalu-btnInnerEl){ background: #0961be; } 

#urutkanWaktubacaLalu-btnInnerEl, #urutkanWaktubacaLalu-btnIconEl { color: white; }

/* verifikasiHalamanIni */
.x-btn:has(#verifikasiHalamanIni-btnInnerEl)  {border: none; padding: 5px; background: #007bff; transition: background-color 0.3s ease; }
.x-btn-over:has(#verifikasiHalamanIni-btnInnerEl){ background: #0961be; } 

#verifikasiHalamanIni-btnInnerEl, #verifikasiHalamanIni-btnIconEl { color: white; }

/* hitungUlangHalamanIni */
.x-btn:has(#hitungUlangHalamanIni-btnInnerEl)  {border: none; padding: 5px; background: #007bff; transition: background-color 0.3s ease; }
.x-btn-over:has(#hitungUlangHalamanIni-btnInnerEl){ background: #0961be; } 

#hitungUlangHalamanIni-btnInnerEl, #hitungUlangHalamanIni-btnIconEl { color: white; }

/* exportSupervisi */
.x-btn:has(#exportSupervisi-btnInnerEl)  {border: none; padding: 5px; background: #1e7e34; transition: background-color 0.3s ease; }
.x-btn-over:has(#exportSupervisi-btnInnerEl){ background: #1a682c; } 

#exportSupervisi-btnInnerEl, #exportSupervisi-btnIconEl { color: white; }

/* exportProduktivitasExcel */
.x-btn:has(#exportProduktivitasExcel-btnInnerEl)  {border: none; padding: 5px; background: #1e7e34; transition: background-color 0.3s ease; }
.x-btn-over:has(#exportProduktivitasExcel-btnInnerEl){ background: #1a682c; } 

#exportProduktivitasExcel-btnInnerEl, #exportProduktivitasExcel-btnIconEl { color: white; }

/* exportExportProduktivitasPrint */
.x-btn:has(#exportExportProduktivitasPrint-btnInnerEl)  {border: none; padding: 5px; background: #d9534f; transition: background-color 0.3s ease; }
.x-btn-over:has(#exportExportProduktivitasPrint-btnInnerEl){ background: #ce3343; } 

#exportExportProduktivitasPrint-btnInnerEl, #exportExportProduktivitasPrint-btnIconEl { color: white; }

/* unverifikasiHalamanIni */
.x-btn:has(#unverifikasiHalamanIni-btnInnerEl)  {border: none; padding: 5px; background: #d9534f; transition: background-color 0.3s ease; }
.x-btn-over:has(#unverifikasiHalamanIni-btnInnerEl){ background: #ce3343; } 

#unverifikasiHalamanIni-btnInnerEl, #unverifikasiHalamanIni-btnIconEl { color: white; }

/* refreshSupervisi */
.x-btn:has(#refreshSupervisi-btnInnerEl)  {border: none; padding: 5px; background: transparent; transition: background-color 0.3s ease; }
.x-btn-over:has(#refreshSupervisi-btnInnerEl){ background: #ffffff; } 

#refreshSupervisi-btnInnerEl, #refreshSupervisi-btnIconEl { color: #000000; }

/* refreshPeta */
.x-btn:has(#refreshPeta-btnInnerEl)  {border: none; padding: 5px; background: transparent; transition: background-color 0.3s ease; }
.x-btn-over:has(#refreshPeta-btnInnerEl){ background: #ffffff; } 

#refreshPeta-btnInnerEl, #refreshPeta-btnIconEl { color:#000000; }

/* buttonFilter */
.x-btn:has(#buttonFilter-btnInnerEl)  {border: none; padding: 5px; background: #007bff; transition: background-color 0.3s ease;}
.x-btn-over:has(#buttonFilter-btnInnerEl){ background: #0961be; } 

#buttonFilter-btnInnerEl, #buttonFilter-btnIconEl { color: #ffffff; }

/* buttonReset */
.x-btn:has(#buttonReset-btnInnerEl)  {border: none; padding: 5px; background: #d9534f; transition: background-color 0.3s ease;}
.x-btn-over:has(#buttonReset-btnInnerEl){ background: #ce3343; } 

#buttonReset-btnInnerEl, #buttonReset-btnIconEl { color: #ffffff; }

.x-action-col-glyph {
    font-size: 15px;
    line-height: 0.9;
    margin-right: 5px;
    cursor: default;
}

.x-grid-table .x-grid-cell-column-1 {
    color: green;
}

.x-grid-table .x-grid-cell-column-2 {
    color: blue;
}

.x-panel-header-default {
    /* background: linear-gradient(-120deg, #89f7fe 0%, #66a6ff 100%); */
    background:#66a6ff;
    padding: 10px;
    /* border-radius: 0px 0px 10px 10px; */
    cursor: pointer;
}

#supervisiDetail_header, 
#supervisiDetail-placeholder, 
#supervisiFilter_header, 
#supervisiFilter-placeholder,
#petaFilter_header, 
#petaFilter-placeholder,
#produktivitasFilter_header, 
#produktivitasFilter-placeholder,
#galeriFilter_header, 
#galeriFilter-placeholder,
#urutanbacaFilter_header, 
#urutanbacaFilter-placeholder{background: #3498DB; cursor: pointer; border-radius: 0;}

#supervisiDetail_header:hover, 
#supervisiDetail-placeholder:hover, 
#supervisiFilter_header:hover, 
#supervisiFilter-placeholder:hover,
#petaFilter_header:hover, 
#petaFilter-placeholder:hover,
#produktivitasFilter_header:hover, 
#produktivitasFilter-placeholder:hover,
#galeriFilter_header:hover, 
#galeriFilter-placeholder:hover,
#urutanbacaFilter_header:hover, 
#urutanbacaFilter-placeholder:hover{background: #2980B9;}

/* Panel Detail */
#supervisiDetail-placeholder-iconEl, #supervisiDetail_header-iconEl,
#supervisiDetail-placeholder_hd-textEl, #supervisiDetail_header_hd-textEl,
#supervisiFilter-placeholder-iconEl, #supervisiFilter_header-iconEl,
#supervisiFilter-placeholder_hd-textEl, #supervisiFilter_header_hd-textEl,
#petaFilter-placeholder-iconEl, #petaFilter_header-iconEl,
#petaFilter-placeholder_hd-textEl, #petaFilter_header_hd-textEl,
#produktivitasFilter-placeholder-iconEl, #produktivitasFilter_header-iconEl,
#produktivitasFilter-placeholder_hd-textEl, #produktivitasFilter_header_hd-textEl,
#galeriFilter-placeholder-iconEl, #galeriFilter_header-iconEl,
#galeriFilter-placeholder_hd-textEl, #galeriFilter_header_hd-textEl,
#urutanbacaFilter-placeholder-iconEl, #urutanbacaFilter_header-iconEl,
#urutanbacaFilter-placeholder_hd-textEl, #urutanbacaFilter_header_hd-textEl{color:white;}

#supervisiDetail-placeholder_hd-textEl, #supervisiDetail_header_hd-textEl,
#supervisiFilter-placeholder_hd-textEl, #supervisiFilter_header_hd-textEl,
#petaFilter-placeholder_hd-textEl, #petaFilter_header_hd-textEl,
#produktivitasFilter-placeholder_hd-textEl, #produktivitasFilter_header_hd-textEl,
#galeriFilter-placeholder_hd-textEl, #galeriFilter_header_hd-textEl,
#urutanbacaFilter-placeholder_hd-textEl, #urutanbacaFilter-textEl{margin-left: 5px;}

.x-panel-header-default span {
    /* color: black !important; */
    color: #100074;
}

.x-panel-body-default {
    border-color: white;
}

.title-h1 {
    color: #f7f7f7;
    font-size: 25px;
    font-family: Fantasy, sans-serif;
    letter-spacing: 0px;
}


.title-h2 {
    color: white;
    font-size: 25px;
    font-weight: bold;
    font-family: Fantasy, sans-serif;
    letter-spacing: 0.5px;
}

.title-h3 {
    text-decoration: overline;
    color: white;
    font-size: 12px;
    font-family: 'Courier New', monospace;
}

#login-window, #login-window_header{
    border-width: 0;
}

#username-inputEl, #password-inputEl{
    border-radius: 10px;
    text-indent: 10px;
    font-size: 16px;
}

.centang .x-menu-item-link div::before{
    font-size: 14px;
    color: #3b3b3b;
}

.x-menu-item-separator{
    display: block !important;
}