.excel_content {
margin-top: 30px;
}

.excel_title {
font-size: 18px;
font-weight: 600;
}

.excel_add, .word_add {
background: #E1FFE4;
max-width: 220px;
width: 100%;
height: 63px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
}

#way_qrcode {
display: none;
}

.excel_list, .word_list {
margin-top: 20px;
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}

.excel_item {
max-width: 250px;
width: 100%;
padding: 10px;
background: #E3E3E3;
}

.excel_active {
background: #D6E6FF;
}

.excel_item_name {
font-size: 18px;
font-weight: 500;
}

.excel_item_footer {
display: flex;
align-items: center;
justify-content: space-between;
}

.excel_item_link {
font-size: 20px;
}

.excel_button {
margin-top: 20px;
}

.word_item{
max-width: 260px;
width: 100%;
background: #E3E3E3;
padding: 10px;
}

.word_item_active {
    background: #D6E6FF;
}

.word_header {
display: flex;
align-items: center;
gap: 15px;
}

.word_item_footer {
display: flex;
align-items: center;
justify-content: space-between;
}

.word_item_button {
display: flex;
align-items: center;
gap: 10px;
}

.word_item_dowland, .word_item_delete {
font-size: 22px;
cursor: pointer;
}

.word_item_status {
padding: 3px;
font-size: 14px;
}

.status_noaktive {
background: #F96D6D;
}

.status_aktive {
background: #B1FFBE;
}

.adm_setting {
margin-top: 25px;
padding: 10px;
border: 1px solid #0094D3;
}

.save_setting {
display: none;
}

.adm_setting_title {
font-size: 22px;
font-weight: 600;
}

.check_none {
display: none;
}

.pay_content {
max-width: 300px;
width: 100%;
margin: auto;
border: 1px solid #0094D3;
padding: 15px;
}



.pay_title {
font-size: 22px;
font-weight: 500;
}

.pay_qr_img {
max-width: 300px;
width: 100%;
}

.pay_promt {
color: red;
}

.pay_button {
display: flex;
align-items: center;
gap: 10px;
margin-top: 30px;
}

.pay_link_content {
display: flex;
align-items: center;
gap: 10px;
}

.pay_blog_flex {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
box-shadow: 0px 4px 4px 0px #00000040;
}

.pay_link {
max-width: 600px;    
word-break: break-word;
overflow-wrap: anywhere;
font-size: 14px;
}

.pay_link_copy {
font-size: 20px;
cursor: pointer;
}

.pay_examination {
background: #0094D3;
color: white;
padding: 5px 10px;
cursor: pointer;
}

/* fields */
.product_item {
background: #dcf4fd;
padding: 5px;
}

.fields_setting_item {
margin-bottom: 10px;
}

.fields_item_header, .excel_item_header {
display: flex;
gap: 10px;
}

.excel_item_header .fields_setting_item_title:nth-child(1){
max-width: 216px;
width: 100%;
}

.fields_item_header .fields_setting_item_title:nth-child(1){
max-width: 445px;
width: 100%;
}

.fields_setting_list {
    height: 700px;
    overflow: auto;
}

.fields_setting_left .fields_setting_content{
background: #eaffed;
}

.fields_setting_right .fields_setting_content{
background: #d0f1ff;
}

.fields_item_top .fields_setting_left .fields_setting_content {
background: #fafafa;
}


.fields_item_top .fields_setting_right .fields_setting_content {
background: #eaffed;
}

.prod_item_blog .fields_setting_content{
    background: #fafafa !important;
}

.fields_change {
cursor: pointer;
font-size: 18px;
}

.fields_item_content, .fields_item_top {
display: flex;
gap: 10px;
padding: 10px;
}

.fields_item_top {
align-items: center;
}

.fields_setting_content{
display: flex;
align-items: end;
justify-content: space-between;
gap: 15px;
background: white;
box-shadow: 0px 4px 4px 0px #00000040;
padding: 8px;
}

.fields_item_content .gen_form_item {
margin-bottom: 0;
}

.fields_setting_input input{
max-width: 200px;
width: 100%;
background: #F1F1F1;
}

.fields_setting_button {
margin-top: 10px;
margin-bottom: 10px;
}

.user_cab_blog .gen_form_item{
max-width: 300px;
}

.change_coteg_list, .change_subcoteg_list {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.change_coteg_item, .change_subcoteg_item { 
padding: 7px 10px;
background: white;
box-shadow: 0px 4px 4px 0px #00000040;
margin-bottom: 10px;
margin-top: 10px;
cursor: pointer;
}

.change_coteg_active {
background: #0094D3;
color: white;
}

.delete_visible_btn {
padding: 5px 10px;
background: red;
color: white;
}

.fields_setting_content .gen_form_item_title{
font-size: 13px;
}



/* fields ........ */