.ka-sr  .required {
		color: red !important;
	}

	.ka-sr-reason-label{
		font-weight: 600;
	}
	.fa-paperclip{
		cursor: pointer !important;
	}
	.fa-close {
		cursor: pointer;
	}

	.ka-sr-refundable-error-msg p,
	.ka-sr-refundable-error-msg .ka-sr-asf-for-refund-btn,
	.ka-sr-refund-whole-order i,
	.ka-sr-refund-whole-order-refuquest-btn,
	.close-whole-order-refund-div {
		border-radius: 2px;
		display: inline-block;
		background: #5bb7b0;
		color: white;
		font-weight: initial;
		padding: 3px 13px;
		cursor: pointer;
		line-height: 24px;
		margin-top: 10px;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
	}

	.show-post-chat {
		cursor: pointer;
	}

	.ellipsis {
		display: inline-block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #B7B7B7;
	}
	.dot_1 {
		animation: bounce 0.8s linear 0.1s infinite;
	}
	.dot_2 {
		animation: bounce 0.8s linear 0.2s infinite;
	}
	.dot_3 {
		animation: bounce 0.8s linear 0.3s infinite;
	}

	.ka-sr-my-modal-box-content-left-side ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.ka-sr-my-modal-box-content-left-side ul li{
			display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid rgba(0,0,0,.05);
		padding:10px 0;
	   
	}

	.ka-sr-my-modal-box-content-left-side ul li a{
		 font-size: 14px;
		line-height: 24px;
		text-decoration: none !important;
	}

	.ka-sr-my-modal-box-content-left-side ul li:hover,
	.ka-sr-my-modal-box-content-left-side ul li:focus.
	.ka-sr-my-modal-box-content-left-side ul li:active{
		color: #128C7E;
	}

	.ka-sr-my-modal-box-content-left-side .fa-comment{
		color: #128C7E;
		margin-left: 15px;
		position: relative;
	}

	.ka-sr-my-modal-box-content-left-side .fa-comment span{
		position: absolute;
		top: -15px;
		font-size: 10px;
		line-height: 20px;
		right: -6px;
	}
	.standard_wd{
		border: 1px solid #d8d8d8;
		border-radius: 8px;
		padding: 8px 10px;
		height: 38px;
		width: 350px;
		min-width: 90px;
		box-shadow: none;
		color: #716269;
	}
	.number_box{
	width: 70px;
	}
	.temp_1st_img {
		width: 40%;
		height: 40%;

	}
	.temp_2nd_img {
		width: 40%;
		height: 40%;

	}
	.Position_style{
		width: 40%;
		height: 40%;
	}
	.text_area_style{
		width: 80%;
		height: 50% !important;
	}
	#ka_sr_delete_img_afte_upload,
	#ka_sr_delete_img {
		font-size:24px;
		color:red
	}
	.ka_sr_table_heading {
		width: 30%;
	}
	.ka_sr_table_content {

	}
	.ka_sr_upload_gift_wrapper_p_tag {
		width: 80px;
		height: 80px;
		display: inline-flex;
	}
	.wrapper_detail_containt_admin_side a {
		width: 30%;
		height: 30%;
	}
	#ka_up_f_prices .wrapper_detail_containt_admin_side{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		margin: 0px 0px 10px;
		box-sizing: border-box;
		padding: 15px;
		background: transparent;
	}

	#ka_up_f_prices .wrapper_detail_containt_admin_side,
	#ka_up_f_prices h3 {
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		margin-top: 15px;
	}
	#ka_up_f_prices {
		box-sizing: border-box;
		padding: 25px 25px 15px;
		border: 1px dashed #00000026;
		margin: 25px 0px;
		border-radius: 3px;
		width: 100% !important;
		position: relative;
		box-shadow: 4px 1px 10px 10px lightgrey;
	}
	.wrapper_detail_containt_admin_side img {
		width: 100%;
	}
	.wrapper_detail_containt_admin_side ul{
		margin-left: 12px;
		margin-top: 0;
	}
	.whole-order-refund-request-data-div-main table,
	.single-refund-request-data-div-main table {

		width: 100%;
		text-align: left;
		border-collapse: collapse;
		margin-bottom: 40px;
	}
	.whole-order-refund-request-data-div-main table td,
	.single-refund-request-data-div-main table td {

		padding: 10px;
		border: 1px solid #0000000d;
	}
	.whole-order-refund-request-data-div-main table th,
	.single-refund-request-data-div-main table th {

		background: #f5f5f5a1;
		padding: 10px 5px;
		border: 1px solid #0000000d;
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
	}
	.ka-gw-single-item-accept-or-reject-req ul li,
	.ka-gw-multiple-item-accept-or-reject-req ul li {
		display: inline-block;
		vertical-align: top;
		padding: 10px 15px;
		border: 1px solid #0000000d;
		font-size: 12px;
		line-height: 24px;
		margin: 5px 0px;
		border-radius: 3px;
		background-color: #f8f9ff;
		cursor: pointer;

	}
	.ka-gw-multiple-item-restock-label-div input,
	.ka-gw-single-item-restock-label-div input {
		width: 30%;
		margin: 20px 10px;
		border: 1px solid #00000038;
		height: 35px;
	}
	/*.ka-sr-admin-side-chat {
		position: relative;
		box-shadow: 5px 5px 15px rgb(119 119 119 / 50%);
		width: 620px;
		height: 450px;
		border-radius: 10px;

	}*/
	.user-text {
		background: #b2b2b2;
		width: fit-content;
		padding: 8px;
		border-radius: 11px;
		margin: 4px;
	}
	.user-text a{
		width: fit-content;
	}


	.fa-paper-plane{
		cursor: pointer;
	}

	.user-side-loading-icon{
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 1.0);
	}

	.user-side-loading-icon img{
		top: 50%;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 50px;
	}

	#ref_admin_coupon_table{
		width: 96%;
	  border-collapse: collapse;
	  margin-top: 25px
	}

	#ref_admin_coupon_table tr{
		display: table-row;
		vertical-align: inherit;
		border-color: inherit;
	}

	#ref_admin_coupon_table th{
		vertical-align: top;
		text-align: left;
		padding: 15px 15px 15px 15px;
		display: table-cell !important;
		line-height: 1.3;
		font-weight: 600;
		border: 1px solid #0000002b;
		background-color: #dcdcde;
	}

	#ref_admin_coupon_table td{
		display: table-cell !important;
		border: 1px solid #0000001c;
	}




	/* container */
	.chat-box-container {
		width: 100%;
		height: auto;
		position: relative;
		border-radius: 10px;
		background-color: #f9fbff;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		overflow: hidden;
	}

	.ka-sr-chat-modal .chat-box-container{
		border: 1px solid #00000038;
		box-shadow: none;
		padding-top: 30px;
	}

	/* chat_box */
	.chat_box {
		display: flex;
		flex-direction: column;
	}
	.chat_box > * {
		padding: 15px 15px;
	}

	/* head */
	.user-name-div {
		display: flex;
		align-items: center;
	}

	.user-name-div .name{
		font-size: 14px;
		line-height: 24px;
		font-weight: 600;
		text-transform: capitalize;
	}
	.user-name-div .admin{
		margin-left: 20px;
	}
	.user-name-div .user {
		/*display: flex;
		align-items: center;
		flex-grow: 1;*/
		float: right;
		right: 26px;
		position: absolute;
	}
	.user-name-div .user .avatar {
		margin-right: 8px;
	}
	.user-name-div .user .avatar img {
		display: block;
		border-radius: 50%;
	}

	.message-date{
		margin: 10px 0;
		text-align: center;
		font-size: 12px;
		line-height: 22px;
		font-weight: 500;
	}

	/* body */
	.chat-messages-div {
		flex-grow: 1;
		background-color: #eee;
		overflow-y: scroll;
		height: 400px;
		padding: 14px;
	}

	.bubble {
		display: inline-block;
		padding: 7px 10px;
		margin-bottom: 10px;
		border-radius: 10px;
	}

	.bubble ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.bubble p {
		color: #f9fbff;
		font-size: 14px;
		line-height: 24px;
		margin: 0;
	}

	.loading-icon{
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		width: 100%;
		background-color: #fff;
		opacity: 0.6;
		text-align: center;
		z-index: 999;
	}

	.loading-icon img{
		width: 35px;
		height: 35px;
		margin-top: 18px;
	}

	.incoming {
		text-align: left;
	}

	.incoming .bubble {
		background-color: #b2b2b2cc;
	}

	.outgoing {
		text-align: right;
	}

	.outgoing .bubble {
		background-color: #79c7c5;
	}

	/* foot */
	.foot {
		display: flex;
		position: relative;
	}

	.foot .msg {
		flex-grow: 1;
	}


	.text-area-admin-msg,
	.fa-paper-plane {
		padding: 15px 5px;
		border: 0;
		outline: 0;
		font-size: 16px;
		line-height: 26px;
	}

	.fa-paper-plane {
		background-color: transparent;
		cursor: pointer;
	}

	.fa-paper-plane:hover i {
		color: #79c7c5;
		transform: scale(1.2);
	}

	@keyframes bounce {
		50% {
			transform: translate(0, 5px);
		}
		100% {
			transform: translate(0, 0);
		}
	}

	.ellipsis {
		display: inline-block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #b7b7b7;
	}

	.dot_1 {
		animation: bounce 0.8s linear 0.1s infinite;
	}

	.dot_2 {
		animation: bounce 0.8s linear 0.2s infinite;
	}

	.dot_3 {
		animation: bounce 0.8s linear 0.3s infinite;
	}


	.admin-uploaded-multip-image li,
	.file-name-and-view-and-download li{
		display: inline-block;
		vertical-align: top;
		margin: 3px;
		position: relative;
	}

	.admin-uploaded-multip-image li a,
	.file-name-and-view-and-download li a{
		font-size: 10px;
		line-height: 20px;
		text-decoration: none;
		color: white;
	}

	.ellipsis {
		display: inline-block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #B7B7B7;
	}
	.dot_1 {
		animation: bounce 0.8s linear 0.1s infinite;
	}
	.dot_2 {
		animation: bounce 0.8s linear 0.2s infinite;
	}
	.dot_3 {
		animation: bounce 0.8s linear 0.3s infinite;
	}

	.textarea-for-user-message{
		position: relative;
		width: 100%;
		border: 0px;
		box-shadow: transparent 0px 0px 0px;
		border-radius: 4px;
		background-color: rgb(255, 255, 255);
		color: rgb(44, 51, 56);
		padding: 5px !important;
	}

	.ka-sr-send-box{
		background-color: white;
		width: 100%;
		position: relative;
		border: 1px solid #00000036;
		border-radius: 5px;
	}

	.ka-sr-user-message-and-image-div{
		padding: 15px;
	}

	.ka-sr-send-box textarea:focus,
	.ka-sr-send-box textarea:active{
		outline: 0;
		border: 0;
		box-shadow: none;
	}

	.fa-paperclip{
		position: absolute;
		top: 50%;
		right: 8px;
		transform: translate(0, -50%);
		font-size: 16px;
		line-height: 26px;

	}

	.show-post-chat {
		cursor: pointer;
	}

	.show-refund-from{
		box-sizing: border-box;
		padding: 25px;
		overflow: hidden;
		border: 1px solid #00000017;
		margin: 20px 0;
		border-radius: 4px;
		background-color: #F8F9FF;
		position: relative;
	}

	.show-refund-from i.fa-closee{
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
		background: #5bb7b0;
		width: 20px;
		height: 20px;
		color: white;
		text-align: center;
		font-size: 12px;
		line-height: 22px;
	}

	.ka-sr-select-quantitay-to-refund{
		display: flex;
		width: 100%;
		margin-bottom: 15px;
		justify-content: flex-start;
		align-items: center;
	}
	.ka-sr-select-quantitay-to-refund input[type=number]{
		border: 1px solid #0000002b;
		width: 45%;
		border-radius: 4px;
		background-color: white;
		box-shadow: none !important;
	}
	.ka-sr-select-quantitay-to-refund label{
		font-size: 16px;
		line-height: 26px;
		margin-right: 20px;
		font-weight: 600;
		color: #000;
	}

	.show-refund-from .ka-sr-submit-refund-request{
		display: inline-block;
		margin-top: 25px;
		float: right;
		border-radius: 18px;
		display: inline-block;
		background: #5bb7b0;
		color: white;
		font-weight: initial;
		padding: 3px 13px;
		cursor: pointer;
		line-height: 24px;
		font-size: 14px;
		font-style: normal;
	}

	.show-refund-from textarea{
		border: 1px solid #0000002b;
		width: 100%;
		box-shadow: none;
		border-radius: 4px;
		background-color: white;
		box-shadow: none !important;
		margin-top: 15px;
	}

	.ka-sr-error{
		font-size: 12px;
		line-height: 22px;
		font-weight: 600;
		font-style: italic;
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
		padding: 3px 10px;
		margin-bottom: 10px;
	}

	.ka-sr-my-modal-box-content-layout-one{
		display: table;
		width: 100%;
	}

	.ka-sr-my-modal-box-content-left-side{
		display: table-cell;
		vertical-align: top;
		width: 30%;
		box-sizing: border-box;
		padding: 10px;
	}

	.ka-sr-my-modal-box-content-right-side{
		display: table-cell;
		vertical-align: top;
		width: 70%;
		box-sizing: border-box;
	} 

	.ka-sr-selected-image-by-user{
		opacity: 0;
		position: absolute;
		top: 50%;
		right: 8px;
		transform: translate(0, -50%);
		width: 50px;
	}

	.ka-sat-refund-detail-view-button {
		border: 2px solid !important;
		border-radius: 40px !important;
		background: #5bb7b0 !important;
		color: white !important;
	}
	.ka-sr-refund-request-detail td {
		padding: 10px 5px !important;
	}
	.ka-sr-refund-whole-container {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #000000a3;
		z-index: 999;
	}

	.ka-sr-refund-whole-order-div {
		position: absolute;
		width: 100%;
		background: #fff;
		max-width: 530px;
		box-sizing: border-box;
		overflow: hidden;
		padding: 20px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 400px;
		overflow-y: scroll;
		border-radius: 5px;
	}

	.ka-sr-refund-whole-order-modal-header{
		position: relative;
		padding: 15px;
		text-align: right;
	}

	.ka-sr-refund-checkbox{
		max-width: 160px;
		position: relative;
		float: right;
	}
	.ka-sr-refund-checkbox .checkbox-to-refund-whole-order {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: -0.1;
	}

	.ka-sr-entire-order-label {
		width: 100%;
		display: inline-block;
		max-width: 160px;
		border: 0;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: 600;
		background: #5bb7b0;
		padding: 3px 13px;
		text-align: center;
		border-radius: 2px;
		cursor: pointer;

	}

	.ka-sr-refund-whole-order-modal-body table{
		width: 100%;
		border-collapse: collapse;
	}

	.ka-sr-refund-whole-order-modal-body table tr{
		background-color: #fff;
	}

	.ka-sr-refund-whole-order-modal-body table tr:nth-child(even){
		background-color: #f8f8f8;
	}

	.ka-sr-refund-whole-order-modal-body table th{
		border: 1px solid #0000000d;
		color: #000;
		padding: 15px 15px !important;
		font-size: 14px;
		line-height: 24px;
	}

	.ka-sr-refund-whole-order-modal-body table td{
		border: 1px solid #0000001c;
		color: #000;
		padding: 15px 15px !important;
		font-size: 14px;
		line-height: 24px;
	}

	.ka-sr-refund-whole-order-modal-body table td:nth-child(1){
		width: 75%;
	}

	.ka-sr-refund-whole-order-modal-body table td:nth-child(2){
		width: 25%;
	}


	.ka-sr-num-of-qty-to-refund {
		width: 100%;
		background-color: white !important;
		border: 1px solid #00000047 !important;
		box-shadow: none !important;
		border-radius: 2px;
		height: 35px;
	}

	.whole-order-user-text{
		width: 100%;
		background-color: white !important;
		border: 1px solid #00000047 !important;
		box-shadow: none !important;
		border-radius: 4px;
		height: 80px;
		margin-top: 10px;
	}


	.ka-sr-product-detail label span {
		font-weight: 700;
	}

	.ka-sr-refund-whole-order-div::-webkit-scrollbar {
		width: 5px;
	}
 
	.ka-sr-refund-whole-order-div::-webkit-scrollbar-track {
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	}
	 
	.ka-sr-refund-whole-order-div::-webkit-scrollbar-thumb {
		background-color: #000;
	}

	#whole-refund-icon-loading-icon {
		position: absolute;
		top: 40%;
		left: 50%;
		bottom: 50%;
	}
	#whole-refund-icon-loading-icon img {
		height: auto;
		max-width: 25%;
		display: block;
		border-radius: 3px;
	}
	.ka_sr_pro_refund_sel,.ka_sr_whole_refund_sel{
		height: 40px !important;
	}