@charset "utf-8";
/* CSS Document */

/*---------------------div button-----------------------------*/
.div_btn{
position: absolute;
display: block;
text-align: center;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
color: rgba(146,136,136,0.85);
padding: 0px;
background-color:rgba(55,55,55,1.00);
border: solid;
border-color: black;
border-width: 1px;
border-radius: 1px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.div_btn:hover{
cursor: pointer;
background-color:rgba(75,75,75,1.00);
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}


/*---------------------close button-----------------------------*/
.close_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
font-size: 16px;
padding: 0px;
background-image: url("../img/btn/btn_close.png");
background-repeat: no-repeat; 
box-shadow: 1px 1px 1px 1px rgba(1,1,1,0.25);
border: 1px solid rgba(0,0,0,0.75);
border-radius: 2px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.close_btn:hover{
cursor: pointer;
box-shadow: 1px 2px 2px 2px rgba(100,100,100,0.75);
}

/*---------------------minimize button-----------------------------*/
.minimize_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
font-size: 16px;
padding: 0px;
background-image: url("../img/btn/btn_minimize.png");
background-repeat: no-repeat; 
box-shadow: 1px 1px 1px 1px rgba(1,1,1,0.15);
/*border: 1px solid rgba(0,0,0,0.75);
border-radius: 2px;*/
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.minimize_btn:hover{
cursor: pointer;
box-shadow: 1px 2px 2px 2px rgba(100,100,100,0.75);
}

/*---------------------back button-----------------------------*/
.back_btn{
position: absolute;
display: block;
width: 30px;
height: 20px;
line-height: 18px;
background-image: url("../img/btn/btn_back.png");
background-repeat: no-repeat; 
}

.back_btn:hover{
cursor: pointer;
box-shadow: 1px 2px 2px 2px rgba(100,100,100,0.25);
}


/*----Drag button-----------------------*/
.drag_btn{
position: absolute;
display: block;
background-image: url("../img/btn/btn_drag.png");
background-repeat: no-repeat; 
width: 60px;
height: 20px;
}

.drag_btn:hover,
.drag_btn:active{
cursor: move;
}

/*---------------------delete button-----------------------------*/
.delete_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_delete.png");
background-repeat: no-repeat; 
}

.delete_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}


/*---------------------alert button-----------------------------*/
.alert_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_alert.png");
background-repeat: no-repeat; 
}

.alert_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------add button-----------------------------*/
.add_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_add.png");
background-repeat: no-repeat; 
}

.add_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------file button-----------------------------*/
.file_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_file.png");
background-repeat: no-repeat; 
}

.file_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------note button-----------------------------*/
.note_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_add-note.png");
background-repeat: no-repeat; 
}

.note_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------info button-----------------------------*/
.info_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_info.png");
background-repeat: no-repeat; 
}

.info_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------spec button-----------------------------*/
.spec_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_spec.png");
background-repeat: no-repeat; 
}

.spec_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------compare button-----------------------------*/
.compare_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_compare.png");
background-repeat: no-repeat; 
}

.compare_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------minus button-----------------------------*/
.minus_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_minus.png");
background-repeat: no-repeat; 
}

.minus_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------print button-----------------------------*/
.print_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_print.png");
background-repeat: no-repeat; 
}

.print_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------map button-----------------------------*/
.map_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_map.png");
background-repeat: no-repeat; 
}

.map_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------insta button-----------------------------*/
.insta_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_insta.png");
background-repeat: no-repeat; 
}

.insta_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------excel button-----------------------------*/
.excel_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_excel_20x20.png");
background-repeat: no-repeat; 
}

.excel_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------save button-----------------------------*/
.save_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_save.png");
background-repeat: no-repeat; 
}

.save_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------eye button-----------------------------*/
.eye_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_eye.png");
background-repeat: no-repeat; 
}

.eye_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

.eye-div-r_btn{
background-image: url("../img/btn/btn_eye-div.png");
background-position: right;
background-repeat: no-repeat; 
}

.eye-div-l_btn{
background-image: url("../img/btn/btn_eye-div.png");
background-position: left;
background-repeat: no-repeat; 
}


/*---------------------cc button-----------------------------*/
.cc_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_cc.png");
background-repeat: no-repeat; 
}

.cc_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}


/*---------------------ups button-----------------------------*/
.ups_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_ups.png");
background-repeat: no-repeat; 
}

.ups_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------ups validate button-----------------------------*/
.ups-validate_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_validate.png");
background-repeat: no-repeat; 
}

.ups-validate_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------chrome button-----------------------------*/
.chrome_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_chrome.png");
background-repeat: no-repeat; 
}

.chrome_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------email button-----------------------------*/
.email_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_email.png");
background-repeat: no-repeat; 
}

.email_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------search button-----------------------------*/
.search_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_search.png");
}

.search_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------call button-----------------------------*/
.call_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_call.png");
background-repeat: no-repeat; 
}

.call_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------ticket button-----------------------------*/
.ticket_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_ticket.png");
background-repeat: no-repeat; 
}

.ticket_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------lead button-----------------------------*/
.lead_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_lead.png");
background-repeat: no-repeat; 
}

.lead_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}


/*---------------------win button-----------------------------*/
.win_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_win.png");
background-repeat: no-repeat; 
}

.win_btn:hover{
cursor: pointer;
}

/*---------------------change button-----------------------------*/
.change_btn, .edit_btn, .refresh_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_change.png");
background-repeat: no-repeat; 
}

.change_btn:hover, .edit_btn:hover, .refresh_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------customer button-----------------------------*/
.customer_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_customer.png");
background-repeat: no-repeat; 
}

.customer_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------selection button-----------------------------*/
.sel-all_btn{
position: absolute;
display: block;
width: 15px;
height: 15px;
line-height: 15px;
padding: 0px;
background-image: url("../img/btn/btn_select-all.png");
background-repeat: no-repeat; 
}

.sel-all_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

.sel-none_btn{
position: absolute;
display: block;
width: 15px;
height: 15px;
line-height: 15px;
padding: 0px;
background-image: url("../img/btn/btn_select-none.png");
background-repeat: no-repeat; 
}

.sel-none_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------refresh button-----------------------------*/
.reset_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_reset.png");
background-repeat: no-repeat; 
}

.reset_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------down button-----------------------------*/
.down_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_downArrow.png");
background-repeat: no-repeat; 
}

.down_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}


/*---------------------add button-----------------------------*/
.shim-add_btn{
position: absolute;
display: block;
width: 10px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_shim-add.png");
background-repeat: no-repeat; 
}

.shim-add_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------add button-----------------------------*/
.shim-minus_btn{
position: absolute;
display: block;
width: 10px;
height: 20px;
line-height: 20px;
background-image: url("../img/btn/btn_shim-minus.png");
background-repeat: no-repeat; 
}

.shim-minus_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------add button-----------------------------*/
.shim-compare-add_btn{
position: absolute;
display: block;
width: 10px;
height: 14px;
line-height: 14px;
background-image: url("../img/btn/btn_shim-compare-add.png");
background-repeat: no-repeat; 
}

.shim-compare-add_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------add button-----------------------------*/
.shim-compare-minus_btn{
position: absolute;
display: block;
width: 10px;
height: 14px;
line-height: 14px;
background-image: url("../img/btn/btn_shim-compare-minus.png");
background-repeat: no-repeat; 
}

.shim-compare-minus_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*-----------------------nav button --------------------------*/

.nav_btn{
position: relative;
display: block;
background-color: rgba(210,210,210,0.50);
border-bottom: 1px solid rgba(120,120,120,0.50);
color: rgba(50,50,50,1.00);
font-size: 12px;
}

.nav_btn:hover{
cursor: pointer;
background-color: rgba(35,90,160,0.50);
}

/*---------------------working button-----------------------------*/
.working_btn{
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_working.png");
background-repeat: no-repeat; 
}

.working_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------reply button-----------------------------*/
.reply_btn{
position: absolute;
display: block;
width: 60px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_reply.png");
background-repeat: no-repeat; 
}

.reply_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}

/*---------------------forward button-----------------------------*/
.forward_btn{
position: absolute;
display: block;
width: 60px;
height: 20px;
line-height: 20px;
padding: 0px;
background-image: url("../img/btn/btn_forward.png");
background-repeat: no-repeat; 
}

.forward_btn:hover{
cursor: pointer;
box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.25);
}




/*-----------------------tab button --------------------------*/

.tab_btn, .tab-side_btn{
position: absolute;
display: block;
text-align: center;
font-size: 12px;
color: rgba(10,10,10,0.85);
padding: 0px;
background-color:rgba(130,130,130,0.75);
height: 20px;
line-height: 20px;
border: rgba(45,45,45,1.00) solid 1px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.tab-live_btn, .tab-side-live_btn{
position: absolute;
display: block;
text-align: center;
font-size: 12px;
color: rgba(215,215,215,0.85);
padding: 0px;
background-color:rgba(18,18,18,0.75);
height: 20px;
line-height: 20px;
border: rgba(45,45,45,1.00) solid 1px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.tab-live_btn{border-bottom: none;}
.tab-side_btn, .tab-side-live_btn{border-right: none;}

.tab_btn:hover, .tab-side_btn:hover{
cursor: pointer;
background-color:rgba(75,75,75,1.00);
}

.tab-box_mc{
position: absolute;
display: block;
padding: 0px;
background-color:rgba(18,18,18,0.75);
border: rgba(45,45,45,1.00) solid 1px;
border-top: none;
}