/** smoothness Theme **/
body {
	
}

.rc-browse-list {
	
}

.rc-browse-list-item {
	
}

.rc-collection-header {
	background: #004d00; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004d00', endColorstr='#E7E7E7'); /* for IE */
	background: -ms-linear-gradient(top, #004d00, #E7E7E7); /* for IE 10 */
	background: -webkit-gradient(linear, left top, left bottom, from(#004d00), to(#E7E7E7)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #004d00, #E7E7E7); /* for firefox 3.6+ */
}

.rc-collection-item-count {
	
}

.rc-collection-abstract,.rc-sub-collection-div {
	border-top-color: #E5E5E5;
	background: white;
	text align: center;
}

.rc-waveform-container {
	border-color: gray;
}

.rc-waveform-background {
	background-color: #6B6B6B;
}

.rc-waveform-overlay {
	
}

.rc-waveform-image {
	
}

.rc-thumbnail-image {
	border-color: gray;
}

/* WRAPPER – pozicioniranje */
.rc-thumb-slider-button-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px; /* širina zone */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none; /* da ne blokira klik */
}

/* LEVA strelica */
.rc-thumb-slider-button-wrapper:first-child {
    left: 0;
}

/* DESNA strelica */
.rc-thumb-slider-button-wrapper:last-child {
    right: 0;
}

/* SAMO dugme */
.rc-thumb-slider-button.ui-button-icon-only {
    pointer-events: auto;
    width: 45px;
    height: 80px; /* 👉 VISINA VEĆA */
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    box-shadow: 0 6px 15px rgba(0,0,0,0.3);
    transition: all 0.25s ease;
}

/* hover */
.rc-thumb-slider-button.ui-button-icon-only:hover {
    background: #004d00;
    transform: scale(1.05);
}

/* klik */
.rc-thumb-slider-button.ui-button-icon-only:active {
    transform: scale(0.95);
}

/* strelica (ikonica) */
.rc-thumb-slider-button .ui-icon {
    transform: scale(2.4); /* veća strelica */
    filter: invert(1); /* bela */
}
.rc-thumb-slider-button-wrapper {
    opacity: 1 !important;
    display: flex !important;
}
.rc-thumb-slider-button.ui-button-icon-only {
    backdrop-filter: blur(6px);
}