.icon{
    background-repeat: no-repeat;
    background-size: contain
}

/*--------------main_top_logo---------------*/
.top_logo{
    background-image: url(../images/logo_gif.gif);
    background-size:auto 1.255rem;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left 1.25rem center
}
.top_logo_login .top_logo{
    background-image: url(../images/logo.svg);
    background-size:auto 1.25rem;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left 1.25rem center
}


/*----------------select------------------*/
select{
    background-image: url(../images/icon_down.png);
    background-repeat: no-repeat;
    background-size: 0.5rem auto;
    background-position: right 6px center
}

select.active{
    background-image: url(../images/icon_up.png);
    background-repeat: no-repeat;
    background-size: 0.5rem auto;
    background-position: right 6px center
}


/*----------------input_box------------------*/
.btn_search{
    background-image: url(../images/btn_search.svg);
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem
}

.btn_reset{
    width: 1.5rem;
    background-image: url(../images/btn_reset.svg);
    background-size: 1.25rem auto;
    background-position: center center
}

.btn_refresh{
    background-image: url(../images/btn_refresh.svg);
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}


/*----------------datepicker------------------*/
.datepicker{
    background-image: url(../images/img_datepicker.png);
    background-size: 1rem auto;
    background-position: right 6px center;
    background-repeat: no-repeat;
    padding-right: 1.75rem !important;
    cursor: pointer
}


/*-----------------page top btn-----------------*/
.btn_pagemini{
    background-image: url(../images/btn_pagemini.png);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 0.2rem
}

.btn_pagefull{
    background-image: url(../images/btn_pagefull.png);
    width: 1.5rem;
    height: 1.5rem;
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 0.2rem
}

.btn_pagebefore{
    background-image: url(../images/btn_pagebefore.png);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 0.2rem
}

.btn_close{
    background-image: url(../images/img_popup_close.png);
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}


/*----------------td_arrow--------------------*/
.td_arrow_bt{
    background-image: url(../images/verti_table_mini_bt.png);
    width: 1.25rem;
    height: 1rem;
    background-size: 0.5rem auto;
    background-position: top 8px center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
}

.td_arrow_top{
    background-image: url(../images/verti_table_mini_top.png);
    width: 1.25rem;
    height: 1rem;
    background-size: 0.5rem auto;
    background-position: top 8px center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
}


/*------------------------------------*/
.icon_stop{
    background-image: url(../images/icon_stop.svg);
    width: 1.25rem;
    height: 1rem !important;
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    transform: translate(-3px, 2px)
}

.icon_start{
    background-image: url(../images/icon_start.svg);
    width: 1.25rem;
    height: 1rem !important;
    background-size: 1.25rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    transform: translate(-3px, 2px)
}

.icon_refresh{
    background-image: url(../images/icon_refresh.svg);
    width: 1.25rem;
    height: 1rem !important;
    background-size: 1rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    transform: translate(-3px, 2px)
}


/*---------------------sidebar---------------------*/
.toggle_white{
    background-image: url(../images/sidebar_toggle.svg);
    width: 0.8rem;
    height: 0.5rem;
}

.active .toggle_white{
    background-image: url(../images/sidebar_toggle.svg);
    width: 0.8rem;
    height: 0.5rem;
    transform: rotate(180deg)translateY(50%) !important;
}

.sd_down_btn{
    background-image: url(../images/btn_printer.png);
    background-repeat: no-repeat;
    background-size: 1rem auto;
    background-position: left 0.75rem center;
}


/*---------------------pager-----------------------*/
.pagerprev_off{
    background-image: url(../images/pagerprev_off.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}

.pagerprev_on{
    background-image: url(../images/pagerprev_on.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}

.pagerprev_off{
    background-image: url(../images/pagerprev_off.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}

.pagerleft_off{
    background-image: url(../images/pagerleft_off.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}

.pagerleft_on{
    background-image: url(../images/pagerleft_on.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
     background-size: 0.625rem auto
}

.pagerright_on{
    background-image: url(../images/pagerright_on.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
     background-size: 0.625rem auto
}

.pagernext_on{
    background-image: url(../images/pagernext_on.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}

.pagernext_off{
    background-image: url(../images/pagernext_off.svg);
    height: 2rem;
    width: 2rem;
    background-position: center center;
    cursor: pointer;
    background-size: 0.625rem auto
}