
.buyed__portal__orders_box {
	margin-left: 5px;
}

.buyed_portal_orders_product_container {
	font-family: monospace;	
}

.saled_product_title {
    width: 100%;
    float: left;
    font-size: 20px;
    padding-bottom: 15px;
    color: black;
}
.portal_product_quantity {
	text-align: right;
	font-size: 15px;
	color: black;
	margin-bottom: 10px;
}

.tbl_messages {
	width: 100%;
}

.menu_block {
	display: none;
}

.answer_message {
/* 	border: 2px solid red; */
/* 	padding: 10px; */
/* 	display: none;  */
}

.portal_product_sum{
	text-align: right;
	font-size: 20px;
	color: black;
	font-weight: bold;
}

.bayer_firma {
	margin-bottom: 10px;
	font-size: 15px;
	height: 25px;
}

.bayer_initialen {
	margin-bottom: 10px;
	font-size: 15px;
	height: 25px;
}

.bayer_phone {
	margin-bottom: 10px;
	font-size: 15px;
}

.customer_shipping_address {
	font-weight: bold;
	font-size: 13px;
	color: black;	
}

.orders_box {
	padding: 5px;
}

.support_info_container {
/* 	padding: 1px; */
/* 	background: red; */
/* 	height: 20px; */
}

.delivery_info_container {
/* 	padding: 5px; */
/* 	background: orange; */
	font-size: 15px;
/* 	height: 20px; */
}
.category_ttl {
	margin-top: 10px;
    font-family: monospace;
    font-size: 15px;
    background: gray;
    color: white;
}


.orders_controls_container {
	 	height: 55px;
}

.buyed__portal__shipping_buyer__address {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tbl_td_ttls {
	color: lightgray;
	
}

.pr_ttl_name {
	font-size: 15px;
}

.buyed__portal__orders__contact_form_container {
	display: none;	
/* 	margin-bottom: 20px; */
}

.saled__portal__orders__contact_form_container {
	display: none;	
/* 	margin-bottom: 20px; */
}

/*KONTACT FORM*/

.message_textarea {
	height: 100px;
/*     width: 350px; */
	width: 100%;
}

.contact_form {
    font-family: monospace;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
} 

.saled__portal__orders_pr_sum {
	text-align: right;
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.saled__portal__orders_pr_count {
	text-align: right;
    font-size: 15px;
    color: black;
    font-weight: bold;
}
.pm_message {
	border: 2px solid red;
	font-family: monospace;
	font-size: 15px;
	padding: 5px;
	display: none;
}

.answer_tbl {
	width: 100%;
}

.u_message {
/* 	text-align: right; */
}

.pm_timestamp {
	text-align: right;
	color: gray;
	font-size: 10px;
}

.close_answer_message {
	text-align: right;
}

/* .message_controls { */
/*         width: 15px; */
/*     text-align: right; */
/* } */

.td_box {
	width: 20px;
    height: 20px;
}

.td_controls {
	width: 20px;	
}

.adw_owner {
    color: white;
    background: green;
    font-size: 11px;
    font-weight: bold;
/*     padding: 1px; */
}

.message_controls {
	padding: 5px;
/*     box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3); */
/*     background-color: gray; */
/*     color: #fff; */
/*     border: 2px solid white; */
/*     border-radius: 5px; */
/*     cursor: pointer; */
/*     font-size: 15px; */
/*     font-family: monospace; */
/*     margin-top: 10px; */
/*     margin-bottom: 5px; */
/*     margin-left: 5px; */
/*     margin-right: 5px; */
/*     padding-top: 5px; */
/*     padding-bottom: 5px; */
/*     padding-left: 5px; */
/*     padding-right: 5px; */
/*     text-align: center; */
/*     width: max-content; */
/*     float: left; */
}

.message_controls:hover {
	padding: 5px;
/*     box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3); */
    background-color: lightgray;
/*     color: #fff; */
/*     border: 2px solid white; */
/*     border-radius: 5px; */
/*     cursor: pointer; */
/*     font-size: 15px; */
/*     font-family: monospace; */
/*     margin-top: 10px; */
/*     margin-bottom: 5px; */
/*     margin-left: 5px; */
/*     margin-right: 5px; */
/*     padding-top: 5px; */
/*     padding-bottom: 5px; */
/*     padding-left: 5px; */
/*     padding-right: 5px; */
/*     float: left; */
}

.td_timing {
/* 	width: 60px; */
}

/* .pm_username, .u_message { */
/* 	text-align: right;	 */
/* } */ 

.message_container {
	overflow: auto;
    max-height: 200px;
    scrollbar-width: thin; 
}

.pdf_link {
	color: black;
	font-weight: bold;
}

.pdf_link:hover {
	color: green;
	font-weight: bold;
}

.support_link {
	color: black;
	font-weight: bold;
}
.support_link:hover {
	color: red;
	font-weight: bold;
}
.support_contact_container {
	text-align: right;
	padding: 15px;
}

.saled_portal_current_shipping_status_container {
    background: lavender;
    display: none;
}

.sent_sentnumber {
	margin-top: 10px;
    box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3);
    background-color: #0084f8;
    padding: 5px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: monospace;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.sent_sentnumber:hover {
	margin-top: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
    background-color: green;
    padding: 5px;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: monospace;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5px;
}
 
.dropZone {
    width: 99%;
    height: 50px;
    border: 2px dashed #0088cc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
}

.dropZone:hover {
    width: 99%;
    height: 50px;
    border: 2px dashed #0088cc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    background: lightblue;
}

.uploadStatus {
    font-size: 14px;
    color: #333;
}

.table {
	width: 100%;
	padding: 5px;
}

.td_right {
	text-align: right;
}

.sent_shipping_data {
	width: 99%;
	height: 50px;
/* 	resize: none; */
}



#image_modal {
    display: none;
}

#image_modal_blocker {
    z-index: 101;
    background: lightgray;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
}

#image_modal_container {
    z-index: 102;
    top: 5%;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fill-available;
    text-align: center;
    cursor: pointer;
} 

.upload_images {
	cursor: pointer; 
}

.shipping_number {
	width: 300px;
}

.send_confirmation_data {
	width: 100%;	
	margin-top: 10px;
}

.small_picture_10x10 {
	cursor: pointer;
}

.shipping_data__dataset {
    accent-color: #0084f8;
    /* accent-color: orange; */
    width: 20px;
    height: 20px;
}

.increment {
	vertical-align: middle;
	font-family: monospace;
	width: 15px;
}

.td_controls {
	width: 15px;
	vertical-align: middle;
}

.current_shipping_status {
	font-family: monospace;
}

.td_radio {
	width: 20px;
}

.shipping_number__box {
	margin-bottom: 20px;
    margin-top: 20px;
}

.td_created_shipping_data {
	width: 75px;
	padding: 5px;
}

.created_shipping_data {
	text-align: right;
}

.shipping_data__tbl {
	width: stretch;
}

.shipping_data {
	margin-top:10px;
/* 	margin-bottom:10px;	 */
}

.print__shipping_number {
	    word-break: break-word;
}

.shipping_data__output_box {
	max-height: 200px;
    overflow: auto;
    scrollbar-width: thin;
}

.delivery_info_container__box {
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px; 
}

.delivery_info_container_box__ttl {
	
}

.delivery_info_container_box__content {
	
}

.u_message {
	font-size: 13px;
}

.a_message {
	font-size: 10px;
}


.delivery_info_desk__container {
	background: lightcyan;
	
}
.shipping_status__title {
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}

.delivery_info_container_box__created {
	text-align: right;
	font-size: 10px;
}

.shipping_agent {
 	color: lightgray;
    font-size: 13px;
/*     font-weight: bold; */
}

.shipping_status__result {
	background: orange;
}

.qr_image_container {
	min-height: 300px;
}

@media only screen and (max-width: 6000px) {
  	
}

@media only screen and (max-width: 1400px) {
  	
}


@media only screen and (max-width: 1199px) {
  	
}

@media only screen and (max-width: 1150px) {
	
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1050px) {

}


@media only screen and (max-width: 980px) {
  
}
@media only screen and (max-width: 940px) {
	
}

@media only screen and (max-width: 875px) {
	
}

@media only screen and (max-width: 850px) {

}

@media only screen and (max-width: 830px) {
	
}

@media only screen and (max-width: 820px) {

}

@media only screen and (max-width: 790px) {
	
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 740px) {
	
}

@media only screen and (max-width: 710px) {
	
}

@media only screen and (max-width: 695px) {

}

@media only screen and (max-width: 660px) {
	
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 620px) {
	
}

@media only screen and (max-width: 610px) {
	
}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 570px) {
	

}

@media only screen and (max-width: 520px) {
	
}

@media only screen and (max-width: 500px) {

}
	
@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 450px) {
	
}

@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 380px) {
	
}

@media only screen and (max-width: 370px) {
	
}

@media only screen and (max-width: 360px) {
	
}

@media only screen and (max-width: 350px) {
	
}