html,body{width: 100%;height: 100%;}
.app{width: 100%;background-color: #f9fafb;}
.multi_text{white-space: pre-line;}
label{font-size: 1rem;}
.fs_10{font-size: 10px!important;}
.fs_12{font-size: 12px!important;}
.cw_20{width: 20%;} .cw_15{width: 15%;}
.body_div{width: 100%;height: 100%;}
.site_header{width: 100%;padding: 12px 0px;}
.site_body{width: 100%;height: calc(100% - 48px);overflow: hidden;font-size: 0;}
#body_side_menu{width: 48px;height: 100%; box-sizing: border-box;display: inline-block;vertical-align: top;}
#site_body_content{width: calc(100% - 48px);height: 100%;box-sizing: border-box;overflow-y: auto;display: inline-block;vertical-align: top;}
.file_input_hidden{width: 1px;height: 1px;position: absolute;visibility: hidden;}
.before_stick_dark{border-left:3px solid #333;padding: 0px 8px;}

.side_custom_button{padding:6px 8px;background-color: #F28705;border-radius: 4px;display: block;outline: none;border:none;}
#rental_info_box{width: 100%;height: 640px;}
#site_body_split_3{width: 100%;font-size: 0px;}
.equal-box {width: 33%;box-sizing: border-box;display: inline-block;vertical-align: top;}
.site_body_space{width: 0.5%;display: inline-block;vertical-align: top;}
.custom_textarea{border:1px solid #ccc; border-radius: 8px;width: 100%;display: block;}
.round_tooltip{border-radius:50%;width: 15px;height: 16px;color:#999;border:1px solid #999;font-size: 10px;margin: 0px 0px 0px 4px;
    display: inline-block;text-align: center;cursor: pointer;vertical-align: text-top;}
.need_master{display: none;}
.none_wrap{text-wrap: nowrap;font-size: 10px;}
.divide_line{width: 100%;height: 1px;background-color: #ccc;margin: 12px 0px;}
.custom_font_6{font-size: 10px;}
.custom_inline_text{font-size: 10px;display: inline-block;}
b{font-size: inherit;}
.custom_font_color_6{font-size: 10px;}
.fl_btn_group{width: 88%;margin-left: 2%;}
#show_thumbnail{height: 100%;}
#show_thumbnail_2{height: 100%;}
.hover-card {transition: all 0.2s ease;cursor: pointer;}

.hover-card:hover {background-color: var(--bs-light);box-shadow: 0 4px 12px rgba(0,0,0,.1);}

#upload_business_card{cursor: pointer;position: relative;}
#upload_business_card img{max-height: 160px;}
#upload_bc_input{position: absolute;visibility: hidden;}

.table_section{height: 700px;overflow-y: auto;}
.table_sticky thead th {position: sticky;top: 0;background: #fff;z-index: 2;border-bottom: 1px solid #ccc;}
#floating_sm_btn{width: 20px;height: 60px;z-index: 100;background: rgba(242, 135, 5, 0.5);top: 50%;left: 48px;line-height: 60px;text-align: center;position: absolute;}
#floating_sm_btn:hover{background: rgba(242, 135, 5, 1);transition: all ease-in-out 0.3s;}

#recept_status {width: max-content;min-width: 100%;border-collapse: separate;border-spacing: 0;}
#recept_status thead tr th{font-size: 12px;word-break: keep-all;}
#recept_status tbody tr td{font-size: 12px;word-break: keep-all;}
#recept_details {width: max-content;min-width: 100%;border-collapse: separate;border-spacing: 0;}
#recept_details thead tr th{font-size: 12px;word-break: keep-all;}
#recept_details tbody tr td{font-size: 12px;word-break: keep-all;}

p.menu_subtitle{overflow: hidden;white-space: nowrap;transition: all ease-in-out 0.3s;width: 0px;margin: 0px 0px 0px 4px;line-height: 14px;}

#mini_table{}
#mini_table th{background-color: #f0f0f0;text-align: center;font-size: 10px;padding: 4px 0px;}
#mini_table th:last-child{background-color: #fff;}
.table_sm_input{width: 80px;height: 20px;line-height: 18px; padding: 0 4px;box-sizing: border-box;border: 1px solid #ccc;margin: 0px 2px;font-size: 10px;border-radius: 4px; appearance: none;
    -webkit-appearance: none;}
.text_list_empty{width: 100%;min-height: 600px;}
.one_line_table{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#show_bc_image{left: 50%;top: 50%;transform: translate(-50%,-50%);}
#upload_model_info{height: 240px;font-size: 12px;}

.custom_under_list{position: absolute;left:0; top:0; height:240px; overflow-y:auto;box-sizing:border-box; background-color:#fff;display: none;}
.show{display: block;}

#promotion_text_pre{white-space: pre-wrap;}
#sell_point_pre{white-space: pre-wrap;}
#keyword_select{position:absolute; width: 100%;height: 240px;z-index: 1000;background-color: #fff;border:1px solid #d7d7d7;padding: 0px 16px;
    box-sizing: border-box;overflow-y: auto;display:none;}
#hidden_list_input:focus + #keyword_select{display: block;}
#hidden_list_input{font-size: 0.9rem;padding: 0.25rem 0.5rem;}
.classHidden{display: none;}
.hidden_list{flex-grow: 1;}
.custom_dropdown_li{width: 100%;font-size: 12px;padding: 4px 0px;list-style: none;}
#common_promo_pre{white-space: pre-wrap;}
.btn_group_second{width: 83%;margin-left: 2%;}
#product_subtitle_modal{font-size: 12px;color:#a9a9a9;display: block;}

#fullpage_quotation{margin: 0px auto;}
#quot_tmp_table_head{font-size: 12px;text-align: center;}
#quot_tmp_table_body{font-size: 12px;text-align: center;}

#quot_tmp_list_th{font-size: 12px;text-align: center;}
#quot_tmp_list_tb{font-size: 12px;text-align: center;}

.table_small_input_text{width: 80px;height: 24px;}
.table_small_input_number{width: 64px;height: 24px;}
.table_small_input_calendar{width: 100px;height: 24px;}
.table_small_textarea{width: 160px;height: 24px;}

.quotation_build_mw{max-width: 700px;}
.abs_dark_btn{position: absolute;top:0;right:0}
.note_btn{width: 100px;font-size: 10px!important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.th_nowrap{text-wrap: nowrap;}

@page {
  size: A4 portrait;
  margin: 10mm;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    background: #fff !important;
  }

  body * {
    visibility: hidden !important;
  }

  #quotation_card_wrap,
  #quotation_card_wrap * {
    visibility: visible !important;
  }

  #quotation_card_wrap {
    position: fixed !important;
    left: 10mm !important;
    top: 10mm !important;

    width: 190mm !important;
    max-width: 190mm !important;
    min-width: 190mm !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  .print-hide {
    display: none !important;
  }
}

@media (max-width: 768px) {
    #body_side_menu {position:absolute;z-index:100;left:-48px; transition: left 0.3s ease;overflow: hidden;}
    #body_side_menu.open{left: 0;}
    #site_body_content{width: 100%;}
    .equal-box{width: 100%;display: block;margin: 0px 0px 16px 0px;}
    .one_line_table{max-width: 160px;}
}