.i-16{
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.i-search-close{
    background: url('/static/standard/images/close2.svg') no-repeat center center / 16px;
    position: absolute;
    right: 30px;
    display: none;
}

.i-search-button{
    background: url('/static/standard/images/search-gray.svg') no-repeat center center / 16px;
}

.i-20{
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
}
.i-instruction{    
    background: url('/static/standard/images/instruction.svg') no-repeat center center / 20px;
}

.i-instruction:hover,.i-instruction-active{
    background: url('/static/standard/images/instruction-white.svg') no-repeat center center / 20px;
}

.i-download{
    background: url('/static/standard/images/download.svg') no-repeat center center / 20px;
}

.i-download:hover,.i-download-active{
    background: url('/static/standard/images/download-white.svg') no-repeat center center / 20px;
}

.i-38{
    cursor: pointer;
    width: 38px;
    height: 38px;
    display: block;
}

.i-mouse{
    background: url('/static/standard/images/mouse.svg') no-repeat center center / 38px;
}
.i-mouse:hover{
    background: url('/static/standard/images/mouse_blue.svg') no-repeat center center / 38px;
}

.i-54{
    width: 54px;
    height: 54px;
    display: block;
    cursor: pointer;
}

.i-tag-new {    
    background: url('/static/standard/images/new.svg') no-repeat center right / 54px;
}
.i-tag-hot {    
    background: url('/static/standard/images/hot.svg') no-repeat center right / 54px;
}
.i-tag-oos {    
    background: url('/static/standard/images/oos.svg') no-repeat center right / 54px;
}
.i-tag-agon {    
    background: url('/static/standard/images/agon.svg') no-repeat center right / 54px;
}

.i-tag-agon-pro{
    background: url('/static/standard/images/AGONPro_LogoVertical.svg') no-repeat center right / 54px;
}
.i-tag-agon-gaming{
    background: url('/static/standard/images/AOC-GAMING_Logo.svg') no-repeat center right / 54px;
}

.i-60{
    width: 60px;
    height: 60px;
    display: inline-block;
    cursor: pointer;
}

.compare-add{    
    background: url('/static/standard/images/add.svg') no-repeat center / 60px;
}
.compare-add:hover,.compare-add-active{    
    background: url('/static/standard/images/add-white.svg') no-repeat center / 60px !important;
}


.btn-arrow {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    background: url('/static/standard/images/arrow.svg') no-repeat center right / 16px;
}

.btn-arrow:hover{    
    background: url('/static/standard/images/arrow_blue.svg') no-repeat center right / 16px;
}

.btn-arrow-active{    
    background: url('/static/standard/images/arrow-white.svg') no-repeat center right / 16px;
}

.dropdown-label-expand-off{
    background: url('/static/standard/images/expand-down.svg') no-repeat center right / 16px;
}
.dropdown-label-expand-on{
    background: url('/static/standard/images/expand-on_active.svg') no-repeat center right / 16px !important;
}

/* d-arrow */
.d-arrow{
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}
.d-arrow-down{
    background: url('/static/standard/images/d-arrow2.svg') no-repeat center right / 18px; 
}
.d-arrow-down:hover{
    background: url('/static/standard/images/d-arrow2-blue.svg') no-repeat center right / 18px; 
}

.d-arrow-up{
    background: url('/static/standard/images/d-arrow2-up.svg') no-repeat center right / 18px; 
}
.d-arrow-up:hover{
    background: url('/static/standard/images/d-arrow2-up-blue.svg') no-repeat center right / 18px; 
}