.redtext
{
    color: Red !important;
}

.btnlogout
{
    background-image: url(Images/logout.png) !important;
}
.changepwd
{
    background-image: url(Images/changepwd.png) !important;
}
.btnadd
{
    background-image: url(Images/add.gif) !important;
}
.btncompany
{
    background-image: url(Images/company.png) !important;
}
.btndelete
{
    background-image: url(Images/delete.gif) !important;
}
.btnget
{
    background-image: url(Images/get.png) !important;
}
.btnedit
{
    background-image: url(Images/edit.gif) !important;
}
.btnsearch
{
    background-image: url(Images/search.gif) !important;
}
.btnsave
{
    background-image: url(Images/save.gif) !important;
}
.btncancel
{
    background-image: url(Images/cancel.png) !important;
}
.btnrefresh
{
    background-image: url(Images/refresh.gif) !important;
}
/*退舱*/
.btnrejected
{
    background-image:url(Images/inbox-document.gif) !important;
}
.btnreset
{
    background-image: url(Images/reset.gif) !important;
}
.btnaccount
{
    background-image: url(Images/account.gif) !important;
}
.btnreturn
{
    background-image: url(Images/return.gif) !important;
}
.btnadddetail
{
    background-image: url(Images/adddetail.gif) !important;
}
.btndeletedetail
{
    background-image: url(Images/deletedetail.gif) !important;
}

.btncomm
{
    background-image: url(Images/comm.gif) !important;
}

.btnuserlist
{
    background-image: url(Images/userlist.gif) !important;
}
.btnwebqq
{
    background-image: url(Images/webqq.gif) !important;
}
.btnkey
{
    background-image: url(Images/key.gif) !important;
}
.btnfreeze
{
    background-image: url(Images/freeze.png) !important;
}
.btnaudit
{
    background-image: url(Images/audit.png) !important;
}
.btnrefuse
{
    background-image: url(Images/terminate.png) !important;
}
.btnterminate
{
    background-image: url(Images/terminate.png) !important;
}

.btnconfirm
{
    background-image: url(Images/submit.png) !important;
}
.btnsubmit
{
    background-image: url(Images/submit.png) !important;
}
.btnresume
{
    background-image: url(Images/submit.png) !important;
}
.btnyes
{
    background-image: url(Images/yes.png) !important;
}
.btnno
{
    background-image: url(Images/no.png) !important;
}
.btnright
{
    background-image: url(Images/right.gif) !important;
}
.btnexpandall
{
    background-image: url(Images/expandall.gif) !important;
}
.btncollapseall
{
    background-image: url(Images/collapseall.gif) !important;
}
.btnclear
{
    background-image: url(Images/clear.gif) !important;
}
.btnupload
{
    background-image: url(Images/upload.png) !important;
}
.btnrefuse
{
    background-image: url(Images/terminate.png) !important;
}
.btnhelp
{
    background-image: url(Images/help.png) !important;
}
.btnrefer
{
    background-image: url(Images/upload.png) !important;
}
.btninvalid
{
    background-image: url(Images/terminate.png) !important;
}
.btnprint
{
    background-image: url(Images/btnPrint.gif) !important;
}
.btnprintdesign
{
    background-image: url(Images/printdesign.png) !important;
}
.btnconfig
{
    background-image: url(Images/config.png) !important;
}
.btnexportexcel
{
    background-image: url(Images/page.png) !important;
}
.btnmore
{
    background-image: url(Images/more.png) !important;
}
.btnsubmitaudit
{
    background-image: url(Images/account.gif) !important;
}
.btislock
{
    background-image: url(Images/order_modify.gif) !important;
}
.btnotislock
{
    background-image: url(Images/order_delete.gif) !important;
}
.img_money_yen
{
    background-image: url(Images/money_yen.png) !important;
}
.btnoperation
{
    background-image: url(Images/operation.gif) !important;
}

.img_main
{
    background-image: url(Images/home.png) !important;
}
.img_security
{
    background-image: url(Images/security.png) !important;
}
.btnotherinf
{
    background-image: url(Images/ico.gif) !important;
}
.edit_down
{
    background-image: url(Images/edit_down.gif) !important;
}
.edit_up
{
    background-image: url(Images/edit_up.gif) !important;
}

.edit_left
{
    background-image: url(Images/edit_left.gif) !important;
}
.edit_right
{
    background-image: url(Images/edit_right.gif) !important;
}
.arrow_right {
    background-image: url(Images/arrow_right.png) !important;
    background-color: transparent !important;
    height: 26px !important;
    width: 26px !important;
}
.arrow_red_left {
    background-image: url(Images/arrow_red_left.png) !important;
    background-color: transparent !important;
    height: 26px !important;
    width: 26px !important;
}

.new_lock {
    background-image: url(Images/lock.png) !important;
}
.delorg {
    background-image: url(Images/function.gif) !important;
}
.btn-warning {
    background-image: url(Images/btn-warning.png) !important;
}
.btn-mail {
    background-image: url(Images/mail.png) !important;
}
.btnexcel {
    background-image: url(Images/excel.png) !important;
}
.btnsearchBig {
    background-image: url(Images/search.PNG) !important;
}
.btncopy {
    background-image: url(Images/copy.ico) !important;
}

/*提示框*/
.tip {
    display: inline-block;
    position: relative;
}

    .tip:before, .tip:after {
        opacity: 0; /*透明度为完全透明*/
        position: absolute;
        z-index: 1000; /*设为最上层*/
        /*鼠标放上元素上时的动画，鼠标放上后效果在.tip-*:hover:before, .tip-*:hover:after中设置;
            0.3s:规定完成过渡效果需要多少秒或毫秒,ease:规定慢速开始，然后变快，然后慢速结束的过渡效果*/
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
    }

    .tip:before {
        content: '';
        border: 6px solid transparent;
    }

    .tip:after {
        content: attr(data-tip); /*后去要提示的文本*/
        padding: 2px;
        white-space: nowrap; /*强制不换行*/
        background-color: #888888; /*提示框背景颜色*/
        color: #eeeeee; /*提示字体颜色*/
    }

    .tip:hover:before, .tip:hover:after {
        opacity: 1; /*鼠标放上时透明度为完全显示*/
        z-index: 1000;
    }
/*right*/
.tip-right:before {
    top: 50%; /*提示框的位置*/
    left: 100%;
    border-right-color: rgba(8, 8, 8, 0.6);
    margin-left: -9px;
    margin-top: -3px;
}

.tip-right:after {
    top: 50%;
    left: 100%;
    margin-left: 3px;
    margin-top: -6px;
}


.button_grid {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.4s;
    padding: 1px 3px;
    text-align: center;
    background-color: white;
    color: black;
    border: 0px solid #4CAF50;
    border-radius: 0px;
    width: 16px;
    height: 16px;
    background: url(Images/cmd-copy.gif);
}

.button_grid:hover {
    background-color: #4CAF50;
    color: white;
}

.btnlock {
    background-image: url(Images/lock2.png) !important;
}
.btnunlock {
    background-image: url(Images/unlock.png) !important;
}