/*----- Android Text Messanger CSS Start -----*/
.android-msg {
	--black: #000;
	--white: #fff;
	--light-gray: #f2f3f5;
	--bg: #fff;
	--send-bg: #e7effc;
	--lighten-gray: #eff4f8;
	--receive-bg: #f3f3f3;
}

.android-msg.dark-theme {
	--black: #fff;
	--white: #000;
	--light-gray: #303030;
	--bg: #212026;
	--lighten-gray: #20242d;
	--send-bg: #8cb4fa;
	--receive-bg: #303030;
}

.per-battery {
	padding: 5px !important;
}

.form-label.d-inline-flex {
	display: inline-flex !important;
	width: auto;
}


.android-msg {
	position: relative;
}

.android-msg .android-header .status-bar {
	background-color: var(--bg);
	color: var(--black);
	justify-content: space-between;
	align-items: center;
	padding: 8px 15px 5px;
}

.android-msg-header {
	position: relative;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background-color: var(--bg);
	z-index: 5;
}

.android-msg .all_header_wp {
	position: relative;
	z-index: 5;
	background-color: var(--bg);
}

.android-msg-header .reciver-name {
	position: relative;
}

.android-msg-header .reciver-name p {
	font-size: 18px;
	line-height: normal;
	color: var(--black);
	margin: 0;
}


.right-part .modal-body.android-msg-body {
	padding: 18px 0;
	height: 530px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--bg);
}

.conversation-line {
	position: relative;
	padding: 8px 20px;
	background: var(--lighten-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.conversation-line p {
	margin: 0;
	line-height: normal;
	/* font-weight: 600; */
	color: #9a9c9d;
	font-size: 13px;
}

.message {
	position: relative;
	margin-bottom: 15px;
}

.right-part .modal-body.android-msg-body .message-container {
	max-width: 80%;
	padding: 0;
}

.right-part .modal-body.android-msg-body .message-sent .message-container {
	padding: 0;
}

.right-part .modal-body.android-msg-body .message-sent .message-footer {
	padding-right: 0;
	text-align: right;
}

.right-part .message-avatar {
	position: relative;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 1;
}

.right-part .message-avatar,
.right-part .message-avatar.default-bg {
	background: #1a76ef;
}

.message-avatar.pink-bg {
	background: #ff63b7;
}

.message-avatar.green-bg {
	background: #5cb972;
}

.message-avatar.orange-bg {
	background: #ed675c;
}

.message-avatar.yellow-bg {
	background: #fec834;
}

.message-avatar.purpole-bg {
	background: #af5cf6;
}

.right-part .message-avatar img {
	height: auto;
	width: 22px;
	margin-left: -1px;
}

.text-messenger-android-text {
	background-color: var(--receive-bg);
	border: none;
	box-shadow: none;
	border-radius: 24px;
	padding: 11px 15px;
}

.message-received .text-messenger-android textarea {
	background-color: var(--receive-bg);
	resize: none;
	border-radius: 18px;
	border: none;
	padding: 7px 12px;
	color: var(--black);
}

.message-sent .text-messenger-android textarea {
	background-color: var(--send-bg);
	resize: none;
	border-radius: 18px;
	border: none;
	padding: 7px 12px;
}

.text-messenger-android-text p {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	color: var(--black);
}

.right-part .modal-body.android-msg-body .message-sent .message-footer {
	padding-right: 20px;
	text-align: right;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	color: #000;
}

.message-sent .text-messenger-android .text-messenger-android-text {
	background-color: var(--send-bg);
}

.message-sent .text-messenger-android .text-messenger-android-text p,
.message-sent .text-messenger-android .text-messenger-android-text i {
	color: #000;
}

.text-messenger-android .text-messenger-android-text p {
	word-wrap: break-word;
}

.message-received .text-messenger-android .text-messenger-android-text p,
.message-received .text-messenger-android .text-messenger-android-text i {
	color: var(--black);
}

.modal-body.android-msg-body::-webkit-scrollbar {
	display: none;
}

.right-part .android-msg .modal-content {
	border: none;
	background-color: var(--bg);
}

/*----- Android Text Messanger CSS End -----*/

/*----- Android Text Messanger CSS start (28-03-2024) -----*/
.right-part .modal-body .message-sent .message-bubble,
.right-part .modal-body .message-received .message-bubble {
	background-color: transparent;
}

.android-header .status-bar .battery-status {
	color: var(--black);
}

.android-header .battery-container.battery-horizontal .battery {
	width: 20px;
	height: 11px;
	border-radius: 3px;
	border: 1px solid var(--black);
}

.android-header .battery-container.battery-horizontal .battery::before {
	left: calc(100% + 1px);
	top: 50%;
	transform: translate(0, -50%);
	margin: 0;
	border-radius: 0 1px 1px 0;
	height: 5px;
	width: 2px;
	background-color: var(--black);
}

.android-header .battery-container.battery-horizontal .battery-level {
	left: 0;
	right: unset;
	background-color: var(--black);
	margin: 1px;
	border-radius: 2px;
	height: calc(100% - 2px);
	max-width: calc(100% - 2px);
}



.android-header .battery-container.battery-vertical-one .battery {
	rotate: 90deg;
	width: 14px;
	height: 10px;
	border: 0;
	background-color: rgba(200, 200, 200, 0.5);
	margin: 0 0 2px 0;
	scale: 82%;
}

.android-header .battery-container.battery-vertical-one .battery::before {
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 4px;
	height: 12px;
	border-radius: 0;
	background: linear-gradient(var(--white) 30%, transparent 30%, transparent 70%, var(--white) 70%);
	z-index: 5;
}

.android-header .battery-container.battery-vertical-two .battery-status {
	order: 2;
	margin-left: 2px;
	width: 25px;
	text-align: left;
	font-weight: bold;
}

.android-header .battery-container.battery-vertical-two .battery {
	rotate: 90deg;
	width: 12px;
	height: 8px;
	order: 1;
	margin: 0;
	padding: 0;
	display: block;
	border-width: 1.5px;
}

.android-header .battery-container.battery-vertical-two .battery::before {
	height: 4px;
	width: 1.5px;
	left: -2.5px;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 0;
	margin: 0;
}

.android-header .battery-level {
	background-color: var(--black);
}

.android-header .status-bar .battery {
	border-color: var(--black);
}

.android-header .status-bar .battery:before {
	background-color: var(--black);
}

.android-header .status-bar .status-time {
	color: var(--black);
}

.android-msg .data-network .net4g-light,
.android-msg.dark-theme .data-network .net4g-dark {
	display: block;
}

.android-msg.dark-theme .data-network .net4g-light,
.android-msg .data-network .net4g-dark {
	display: none;
}

.android-header .battery-container.hide-percentage .battery-status {
	display: none;
}

.android-header .battery-container.hide-percentage.battery-horizontal .battery {
	margin: 0;
}

.android-header .battery-container.battery-vertical-two {
	display: inline-flex;
	margin: 0;
	height: 15px;
	align-items: center;
}

.android-msg-header .back-icon img {
	width: 20px;
}

.android-msg.dark-theme .android-msg-header .back-icon .light-img {
	display: block;
}

.android-msg.dark-theme .android-msg-header .back-icon .dark-img,
.android-msg .android-msg-header .back-icon .light-img {
	display: none;
}

.android-msg-header .msg-left-header {
	display: flex;
	align-items: center;
	gap: 10px;
}

.android-msg-header .more-icon {
	display: flex;
	align-items: center;
	gap: 18px;
}

.android-msg-header .more-icon img {
	width: 20px;
}

.android-msg-header .more-icon img:nth-child(1),
.android-msg-header .more-icon img:nth-child(4) {
	width: 22px;
}

.android-msg.dark-theme .android-msg-header .more-icon .msg-light-icon {
	display: block;
}

.android-msg.dark-theme .android-msg-header .more-icon .msg-dark-icon,
.android-msg .android-msg-header .more-icon .msg-light-icon {
	display: none;
}

.android-msg .android-msg-header .reciver-name .name-input {
	width: 140px;
}

.message-avatar.add .person-profile {
	width: 100%;
}

.modal.android-msg .date-container.date-time {
	margin: 0;
	padding-bottom: 10px;
	background-color: var(--bg);
}

.android-msg .all_footer_wp .android-msg-footer {
	display: flex;
	align-items: center;
	gap: 20px;
}

.android-msg .all_footer_wp .android-msg-footer img {
	width: 24px;
}

.android-msg .all_footer_wp {
	padding: 15px;
}

.android-msg .all_footer_wp .android-msg-footer .footer-left {
	display: flex;
	gap: 15px;
	align-items: center;
}

.android-msg .all_footer_wp .android-msg-footer .footer-right {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	background-color: var(--receive-bg);
	padding: 10px;
	border-radius: 20px;
}

.android-msg .all_footer_wp .android-msg-footer .footer-right p {
	margin: 0;
	font-size: 16px;
	color: var(--black);
}

.android-msg.dark-theme .all_footer_wp .android-msg-footer .footer-light-icon {
	display: inline-block;
}

.android-msg.dark-theme .all_footer_wp .android-msg-footer .footer-dark-icon,
.android-msg .all_footer_wp .android-msg-footer .footer-light-icon {
	display: none;
}

.android-msg .all_footer_wp .android-msg-footer .footer-right .footer-icon {
	display: flex;
	align-items: center;
	gap: 15px;
}

.android-msg .message {
	margin: 0;
}

.android-msg .message-received:has(+ .message-received) .message-text {
	border-bottom-left-radius: 0;
}

.android-msg .message-received+.message-received .message-text,
.android-msg .message-received+.message-received:not( :has(+ .message-received)) .message-text {
	border-top-left-radius: 0;
}

.android-msg .message-sent:has(+ .message-sent) .message-text {
	border-bottom-right-radius: 0;
}

.android-msg .message-sent+.message-sent .message-text,
.android-msg .message-sent+.message-sent:not( :has(+ .message-sent)) .message-text {
	border-top-right-radius: 0;
}

.message-sent.gallery-img:has(+ .message-sent.gallery-img) .msg-img {
	border-bottom-right-radius: 5px;
}

.message-sent.gallery-img+.message-sent.gallery-img .msg-img,
.message-sent.gallery-img+.message-sent.gallery-img:not( :has(+ .message-sent.gallery-img)) .msg-img {
	border-top-right-radius: 5px;
}

.message-received.gallery-img:has(+ .message-received.gallery-img) .msg-img {
	border-bottom-left-radius: 5px;
}

.message-received.gallery-img+.message-received.gallery-img .msg-img,
.message-received.gallery-img+.message-received.gallery-img:not( :has(+ .message-received.gallery-img)) .msg-img {
	border-top-left-radius: 5px;
}

.android-msg .message-received:has(+ .message-sent),
.android-msg .message-sent:has(+ .message-received) {
	margin-bottom: 10px;
}

.android-msg .message-received:has(+ .message-received),
.android-msg .message-sent:has(+ .message-sent) {
	margin-bottom: 3px;
}

.text_msg_content .msg_status.android_msg_status {
	display: block;
}

.text_msg_content .msg_status.android_msg_status .switch-text {
	font-weight: 500;
}


.left-part.android_txt_msg_option {
	box-shadow: none;
	max-height: unset;
}

.text_msg_content #text_msg .input-image-wr {
	display: block;
}


.right-part .modal-body .message.message-received .message-footer {
	padding-left: 10px;
}

.message.message-received .message-footer .message-footerItem {
	justify-content: flex-start;
}

.message.message-received .message-footer .message-footerItem .sms_text {
	display: none;
}


.message-received:has(~ .message-received .text-message-footer-delivered.show) .text-message-footer-delivered.show,
.message-received:has(~ .message-sent .text-message-footer-delivered.show) .text-message-footer-delivered.show,
.message-sent:has(~ .message-received .text-message-footer-delivered.show) .text-message-footer-delivered.show {
	display: none !important;
}


.message-received:has(~ .message-received .text-message-footer-delivered) .text-message-footer-delivered.show,
.message-received:has(~ .message-sent .text-message-footer-delivered) .text-message-footer-delivered.show,
.message-sent:has(~ .message-received .text-message-footer-delivered) .text-message-footer-delivered.show {
	display: none !important;
}


.message-sent:has(~ .message-sent .text-message-footer-delivered) .text-message-footer-delivered.show {
	display: none !important;
}

.message.message-received {
	padding-left: 15px;
}

.message.message-sent {
	padding-right: 15px;
}


.footer-icon .android_dual_icon {
	position: relative;
	background-image: url(../../images/android_txt_msg_sim.png);
	width: 20px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
}

.android-msg .all_footer_wp .android-msg-footer .footer-icon .android_dual_icon p {
	font-size: 12px;
	color: var(--black);
}

.radio-grp.sim_option_grp {
	display: none;
}

.sim_option_grp.show {
	display: block;
}

.android-msg .all_footer_wp .android-msg-footer .footer-icon .android_dual_icon {
	display: none;
}

.android-msg .all_footer_wp .android-msg-footer .footer-icon .android_dual_icon.add {
	display: flex;
}

.android_txt_msg_option .parts .fb_post_d_block,
.icon_color_grp .fb_post_d_block {
	position: absolute;
	top: -11px;
	background: #f9f9f9;
	padding: 0 5px;
	margin: 0;
}

.android_txt_msg_option .parts,
.text_msg_network,
.radio-grp.icon_color_grp {
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	margin-bottom: 25px;
	margin-top: 0;
}

.android_txt_msg_option .text_msg_network .network {
	display: flex;
	align-items: center;
	gap: 10px;
}

.android_txt_msg_option .text_msg_network .network .checkbox {
	white-space: nowrap;
}

.sim_option_grp .sim_group {
	display: flex;
	align-items: center;
	gap: 20px;
}

.android_txt_msg_option .battery {
	display: flex;
	align-items: center;
	gap: 10px;
}

.android_txt_msg_option .battery .form-element,
.android_txt_msg_option .battery .Battery-percent-wrap {
	width: 50%;
	margin: 0;
}

.gallery-img .text-gallery-image .modal-title-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gallery-img .text-gallery-image .modal-title-img .input-img {
	display: inline;
}

/*----- Android Text Messanger CSS End (28-03-2024) -----*/


/*----- Iphone Text Messanger CSS start -----*/

.iphone-msg {
	--bg: #fff;
	--black: #000;
	--white: #fff;
	--header-bg: #f5f5f5;
	--battery-level: rgba(0, 0, 0, 0.3);
	--shadow: rgba(0, 0, 0, 0.15);
	--recieve-bg: #e6e6ea;
	--light-gray: #bcbcbc;
}

.iphone-msg.dark-theme {
	--bg: #010101;
	--black: #fff;
	--white: #000;
	--header-bg: #1f1f1f;
	--battery-level: rgb(255 255 255 / 30%);
	--shadow: rgba(255, 255, 255, 0.15);
	--recieve-bg: #262626;
	--light-gray: #807e7e;
}

.ios-header {
	display: block;
	z-index: 10;
}

.ios-header .status-bar {
	background: var(--header-bg);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 15px;
	color: var(--black);
}

.iphone-msg-header {
	position: relative;
	padding: 8px 20px;
	background: var(--header-bg);
	box-shadow: 0px 3px 3px 0px var(--shadow);
	z-index: 10;
}

.frame .iphone-msg-header.add-space {
	padding-top: 35px;
}

.iphone-msg-header .iphone-msg-header-back {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 1;
}

.iphone-msg-header .modal-title {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
}

.iphone-msg-header .modal-title .modal-title-img {
	position: relative;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iphone-msg-header .modal-title .modal-title-img img {
	height: auto;
	width: 40px;
	position: relative;
}

.iphone-msg-header .modal-title .reciver-name {
	position: relative;
	margin-top: 3px;
	display: inline-block;
}

.iphone-msg-header .modal-title .reciver-name p {
	margin: 0;
}

.iphone-msg-header .modal-title .reciver-name .name-text {
	color: var(--black);
}

.reciver-name i {
	color: var(--black);
}

.iphone-msg-header .modal-title .reciver-name:before {
	content: '';
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translate(0, -50%) rotate(45deg);
	height: 7px;
	width: 7px;
	border: 2px solid #c1c0c0;
	border-left: none;
	border-bottom: none;
	display: block;
}

.all_footer_wp .iphone-msg-footer {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px 0;
}

.all_footer_wp .iphone-msg-footer .plus_img {
	height: 34px;
	width: 40px;
	background: var(--recieve-bg);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.all_footer_wp .iphone-msg-footer .footer_input {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: 1px solid var(--recieve-bg);
	border-radius: 20px;
	padding: 5px 10px;
}

.all_footer_wp .iphone-msg-footer .footer_input img {
	width: 24px;
	height: 24px;
}

.all_footer_wp .iphone-msg-footer .plus_img img {
	width: 20px;
	height: 20px
}

.all_footer_wp .iphone-msg-footer .footer_input p {
	margin: 0;
	color: var(--light-gray);
	font-size: 16px;
}


.main_iphone_titel_msg {
	position: relative;
	display: block;
	text-align: center;
	margin: 8px 0 15px 0;
}

.modal-body.iphone-msg-body {
	padding: 10px 0;
	height: 530px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--bg);
}

.main_iphone_titel_msg p {
	display: block;
	color: #949494;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
}

.main_iphone_titel_msg p span {
	display: inline-block;
}

.main_iphone_titel_msg p span.msg-time {
	margin-left: 7px;
}

.right-part .modal-body.iphone-msg-body .is-not .message-container {
	min-height: auto;
}

.right-part .modal-body.iphone-msg-body .message-received .message-container {
	padding-left: 15px;
}

.right-part .modal-body .message-sent .message-container {
	padding-left: 0px;
	padding-right: 15px;
}

.right-part .modal-body.iphone-msg-body .message-bubble {
	position: relative;
	background-color: transparent;
}

.right-part .modal-body.iphone-msg-body .text-messenger-received .text-messenger-text {
	background: var(--recieve-bg);
	border-radius: 18px;
	padding: 10px 12px;
}

.right-part .modal-body.iphone-msg-body .text-messenger-received .text-messenger-text p {
	font-size: 15px;
	line-height: 20px;
	color: var(--black);
}

.right-part .modal-body.iphone-msg-body .text-messenger-received .text-messenger-text i {
	color: var(--black);
}

.text-messenger-text-img img {
	background-repeat: no-repeat;
	background-size: contain;
	left: -10px;
	position: absolute;
	bottom: 0;
	top: unset;
	width: auto;
	height: auto;
}

.right-part .modal-body.iphone-msg-body .text-messenger-sent .text-messenger-text {
	color: #fff;
	background-color: #36d45d;
	border-radius: 18px;
	padding: 10px 12px;
	z-index: 1;
}

.right-part .modal-body.iphone-msg-body .text-messenger-sent .text-messenger-text p {
	color: #ffffff;
	font-size: 15px;
	line-height: 20px;
}

.text-messenger-text-sent-img img {
	background-repeat: no-repeat;
	background-size: contain;
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	right: -9px;
	top: unset;
}

/*----- Iphone Text Messanger CSS End -----*/
/*----- Iphone Text Messanger CSS start (18-03-2024) -----*/
.flex-row {
	display: flex;
	flex-wrap: wrap;
}

.ios-header .iphone-time {
	position: unset;
	margin: unset !important;
	padding-left: 20px;
}

.ios-header .battery-container .battery {
	height: 14px;
	border: 0;
	margin: 1px 3px;
}

.ios-header .battery-container .battery:before {
	width: 2px;
	height: 3px;
	border-radius: 0 5px 5px 0;
	background-color: var(--battery-level);
}

.ios-header .iphone-battery .battery-status {
	position: absolute;
	left: calc(50% - 1px);
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	color: var(--white);
	text-shadow: 0 0 var(--white);
}

.battery-percentage.iphone-battery-percentage {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--battery-level);
}

.ios-header .battery-container .battery .battery-level {
	position: relative;
	z-index: 2;
	background-color: var(--black);
}

.ios-header .battery-container.hide-percentage .battery:before {
	background-color: var(--battery-level);
}

.ios-header .battery-container.hide-percentage .battery-status {
	display: none;
}

.ios-header .battery-container.hide-percentage .battery-percentage {
	background-color: transparent;
	padding: 1px;
	border: 1px solid var(--battery-level);
}

.ios-header .battery-container.hide-percentage .battery-percentage .battery-level {
	border-radius: 3px;
}

.ios-header .phone-network.sim2 {
	padding-bottom: 6px;
}

.ios-header .phone-network.sim2 .network-point::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	background-color: var(--black);
	bottom: -6px;
	left: 0;
	border-radius: 2px;
}

.status-bar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.show-network.n5g .data-network:not(.net5g),
.show-network.n4g .data-network:not(.net4g),
.show-network.n3g .data-network:not(.net3g),
.show-network.n2g .data-network:not(.net2g),
.show-network.nwifi .data-network:not(.wifi-network),
.wa-theme.dark-theme .show-network.nwifi .data-network:not(.wifi-network) .light {
	display: none;
}

.ios-header .show-network {
	margin: 0 3px;
	font-weight: 600;
	line-height: 14px;
}

.ios-header .phone-network {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 16px;
	position: relative;
}

.ios-header .network-point {
	display: block;
	width: 4px;
	height: 100%;
	background-color: var(--black);
	margin-right: 2px;
	border-radius: 2px;
	position: relative;
}

.ios-header .network-point:nth-child(1) {
	height: 60%;
}

.ios-header .network-point:nth-child(2) {
	height: 72%;
}

.ios-header .network-point:nth-child(3) {
	height: 86%;
}

.ios-header .network-point:not(.active) {
	opacity: 0.3;
}

.clockandtime-format {
	border: 1px solid #cdcdcd;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}

.clockandtime-format .form-control {
	border: 0 !important;
}

.Battery-percent-wrap {
	position: relative;
	margin: 0 !important;
}

.Battery-percent-wrap label {
	position: absolute;
	right: 8px;
	background-color: #fff;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 2;
}

.footer-border {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 28px 0 12px;
	background-color: var(--bg);
	z-index: 5;
	position: relative;
}

.footer-border span {
	height: 5px;
	width: 120px;
	border-radius: 8px;
	background-color: var(--black);
}

.unread_msg {
	position: absolute;
	top: 50%;
	left: 26px;
	transform: translateY(-50%);
	background: #0084ff;
	border-radius: 20px;
	padding: 0 5px;
}

.unread_msg p {
	margin: 0;
	display: flex;
	align-items: center;
	color: #fff;
	/* line-height: unset; */
}

.unread_msg .unread-input {
	width: 100px;
	background: transparent;
	color: #fff;
	border: none;
}

.iphone-msg-header-back img {
	width: 36px;
}

.remove {
	border: 0;
	background: transparent;
	color: #b30000;
	padding: 0 5px;
	display: inline-block;
}

.date-container {
	display: flex;
	justify-content: center;
	margin: 15px 0;
}

.date-container .text-gray {
	margin: 0;
	color: #949494;
}

.main_iphone_titel_msg .date-container {
	margin-top: 0;
}

.msg_type,
.iphone .iphone_msg_type {
	display: flex;
	justify-content: center;
}

.iphone_msg_type {
	display: none;
}

.iphone-msg-body .message {
	margin: 0;
}

.iphone-msg .message-received:has(+ .message-received),
.iphone-msg .message-sent:has(+ .message-sent) {
	margin-bottom: 3px;
}

.iphone-msg .message-received:has(+ .message-sent),
.iphone-msg .message-sent:has(+ .message-received) {
	margin-bottom: 10px;
}



.iphone-msg .message-sent:has(+ .message-sent) .text-messenger-text-sent-img {
	display: none;
}

.iphone-msg .message-received:has(+ .message-received) .text-messenger-text-img {
	display: none;
}

.all_footer_wp {
	position: relative;
	background-color: var(--bg);
	cursor: pointer;
	z-index: 5;
}

.modal-body.iphone-msg-body::-webkit-scrollbar {
	display: none;
}

.iphone-msg .message-received textarea {
	background-color: var(--recieve-bg);
	border-radius: 18px;
	border: none;
	padding: 7px 12px;
	color: var(--black);
}

.iphone-msg .message-sent textarea {
	background-color: #36d45d;
	border-radius: 18px;
	padding: 7px 12px;
	border: none;
	color: #fff;
}

.iphone .message-sent textarea {
	background-color: #1084ff;
}

.edit-text i {
	margin-left: 5px;
}

.pop-editer {
	position: absolute;
	/* bottom: calc(100% + 10px); */
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	z-index: 4;
	/* padding: 8px; */
	/* background-color: #fff; */
	/* border-radius: 6px; */
	/* box-shadow: 0 3px 8px 2px rgba(0, 0, 0, .2); */
	/* opacity: 0;
	visibility: hidden; */
}

.message-received .pop-editer {
	right: -35px;
}

.message-sent .pop-editer {
	left: -35px;
}

/* .iphone-msg-body .message-received .pop-editer {
	right: -35px;
}

.iphone-msg-body .message-sent .pop-editer {
	left: -35px;
} */

/* .message-container:hover .pop-editer {
	bottom: calc(100% + 5px);
	opacity: 1;
	visibility: visible;
} */

.message-received .pop-editer:before {
	left: 15px;
}

.pop-editer .delete-btn {
	color: #e74c3c;
	background: #fadbd8;
}

/* .pop-editer::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
	z-index: -1;
} */

.pop-editer button {
	border: 0;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 50%;
}

.pop-editer .delete-btn {
	color: #e74c3c;
	background: #fadbd8;
}

/* .pop-editer:before {
	content: "";
	position: absolute;
	top: 100%;
	z-index: 5;
	color: rgb(255, 255, 255);
	font-size: 20px;
	line-height: 5px;
	font-family: FontAwesome;
} */

.iphone-msg-header-right {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.iphone-msg-header-right img {
	width: 34px;
}


.right-part .modal-content.d_layout.iphone .modal-body.iphone-msg-body .text-messenger-sent .text-messenger-text {
	background-color: #1084ff;
}

.modal-content.d_layout.iphone .text-messenger-text-sent-img img.green,
.modal-content.d_layout.android .text-messenger-text-sent-img img.blue {
	display: none;
}

.modal-content.d_layout.iphone .text-messenger-text-sent-img img.blue,
.modal-content.d_layout.android .text-messenger-text-sent-img img.green {
	display: block;
}

.social-page .form-group.layout label {
	font-weight: 500;
	margin: 0;
}

.form-element.arrow:before {
	pointer-events: none;
}

.netwrok .form-control {
	cursor: pointer;
}

.modal-content.d_layout.iphone .footer_input p:nth-child(1) {
	display: none;
}

.modal-content.d_layout.android .footer_input p:nth-child(2) {
	display: none;
}

.modal-content.d_layout.android .footer_input p:first-child {
	display: block;
}

.right-part .live-box {
	margin-bottom: 10px;
}

.android-text-modal #text_msg .input-image-wr {
	display: none;
}

#text_msg.show .input-image-wr {
	display: block;
}

.msg-image .msg-img {
	max-width: 240px;
	max-height: 240px;
	width: auto;
	height: auto;
	border-radius: 20px;
}

.android .gallery-img {
	display: none;
}

.iphone .gallery-img {
	display: block;
}

.input-img {
	position: relative;
	margin: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text_msg_content.show .msg_status label {
	font-weight: 500;
}

.text_msg_content.show .msg_status {
	display: block;
}

.text_msg_content .msg_status {
	display: none;
}


.message .message-footer .message-footerItem {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 5px;
	padding-top: 5px;
}

.message .message-footer .edit-text {
	font-weight: 500;
}

.message .message-footer p {
	font-size: 13px;
	line-height: 18px;
	color: #8899a6;
	font-weight: 600;
	margin-bottom: 3px;
}

.message-sent .message-footer.text-message-footer,
.message-sent .message-footer.text-message-footer-delivered {
	padding-right: 20px !important;
	text-align: right;
}

.message-sent:has(~ .message-sent .text-message-footer.show) .text-message-footer.show,
.message-sent:has(~ .message-sent .text-message-footer.show) .text-message-footer-delivered.show,
.message-sent:has(~ .message-sent .text-message-footer-delivered.show) .text-message-footer-delivered.show {
	display: none !important;
}

.left-part.iphone-text-msg-option {
	box-shadow: none;
	/* padding: 0; */
}

.form-group.layout p {
	position: absolute;
	top: -13px;
	background: #f9f9f9;
	padding: 0 5px;
	margin: 0;
}

.form-group.layout,
.left-part.iphone-text-msg-option .checkbox-grp,
.left-part.iphone-text-msg-option .select-list,
.text-msg-time,
.bettery_pr {
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	margin-bottom: 25px;
}

.left-part.iphone-text-msg-option .checkbox-grp .fb_post_d_block,
.nw-label {
	position: absolute;
	top: -11px;
	background: #f9f9f9;
	padding: 0 5px;
}


.left-part.iphone-text-msg-option .select-list .network {
	display: flex;
	align-items: center;
	gap: 10px;
}

.left-part.iphone-text-msg-option .select-list .network .form-control {
	cursor: pointer;
}

.left-part.iphone-text-msg-option .select-list .checkbox,
.bettery_pr .bt-option .checkbox {
	white-space: nowrap;
}

.bettery_pr .bt-option .checkbox label {
	font-weight: 500;
	margin: 0;
}

.social-page .form-group.bettery_pr {
	margin: 0;
}

.bettery_pr .bt-option {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.iphone-msg.dark-theme .text-messenger-text-img .dark {
	display: block;
}

.iphone-msg.dark-theme .text-messenger-text-img .gray,
.text-messenger-text-img .dark {
	display: none;
}

.iphone-msg.dark-theme .ft-light,
.iphone-msg .ft-dark {
	display: none;
}

.iphone-msg.dark-theme .ft-dark {
	display: block;
}

.right-part .modal-content.d_layout {
	border: none;
}

.iphone-msg.dark-theme .data-network .light,
.iphone-msg .data-network .dark {
	display: none;
}

.iphone-msg.dark-theme .data-network .dark {
	display: block;
}

.iphone-text-msg-option .switch+span {
	margin: 0;
}

.iphone-text-msg-option .text-msg-time .switch+span {
	margin-right: 10px;
}

.modal-content.d_layout.android .text-message-footer-delivered,
.modal-content.d_layout.android .text-message-footer {
	display: none !important;
}

.modal-content.d_layout.iphone .text-message-footer-delivered,
.modal-content.d_layout.iphone .text-message-footer {
	display: block;
}

.description .des-list {
	list-style-type: disc;
	padding-left: 30px;
}

.description .des-list li:not(:last-child) {
	margin-bottom: 5px;
}

.simple-list {
	padding-left: 30px;
}

.img-sec-main .img-description {
	width: 45%;
	padding: 0 15px;
}

.img-sec-main .img-sec {
	width: 55%;
	padding: 0 15px;
	text-align: center;
}

.img-sec-main {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 -15px 30px -15px;
}

.description .img-sec-main .img-sec {
	width: 40%;
	text-align: end;
}

.img-sec-main .img-sec img {
	max-width: 100%;
	max-height: 480px;
	height: auto;
	width: auto;
}

.img-sec-main .img-description {
	width: 60%;
}

.description .img-sec-main .img-description p {
	width: 500px;
}

.description .img-sec-main {
	margin-bottom: unset !important;
}

.img-sec-main .img-description.col-12 {
	width: 100%;
}

.img-sec-main .img-description p {
	font-size: 16px;
	margin-bottom: 30px;
}

.img-sec-main .img-description .img-title {
	display: inline-block;
	background-color: rgba(0, 255, 255, 0.2);
	font-weight: 700;
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 8px;
	margin-bottom: 8px;
}

.img-description ul {
	padding-left: 15px;
}

.img-description ul li:not(:last-child) {
	margin-bottom: 5px;
}

/* =================profile modal css start =============*/

.input-img.edit-icon {
	position: relative;
	cursor: pointer;
}

.input-img i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: rgb(32 32 32 / 60%);
	color: #fff;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-title-img input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	font-size: 23px;
	height: 100%;
	width: 100%;
	direction: ltr;
	cursor: pointer;
	z-index: 9;
}

.input-img input[type="file"] {
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.modal-form-input .modal-body .input-img {
	max-width: 300px;
	max-height: 300px;
	border: 2px dashed #b5b5b5;
	border-radius: 8px;
	display: block;
	z-index: 1;
}

/*============= profile modal css end ===========*/

/* ======= main modal css start ================== */
.modal-form-input .modal-dialog.modal-sm {
	width: 320px;
	margin: 30px auto;

}

.close-modal-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	height: 30px;
	background-color: #ff6363;
	border-color: #ff6363 !important;
	position: absolute;
	right: 15px;
	top: 8px;
}

.close-modal-btn:hover {
	background-color: #ff6363;
	border-color: #ff6363 !important;
}

.close-modal-btn i {
	margin: 0;
}

.btn-group-wp {
	display: inline-flex;
	padding: 5px;
	border: 1px solid var(--primery-color);
	border-radius: 60px;
}

.btn-toggle-wp {
	position: relative;
}

.btn-group-wp .btn-toggle-wp:not(:last-child) {
	margin-right: 7px;
}

.btn-toggle-wp input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.btn-group-wp input[type="radio"]:not(:checked)+.btn-toggle.btn:hover,
.btn-group-wp input[type="radio"]:not(:checked)+.btn-toggle {
	background-color: transparent;
	color: var(--primery-color) !important;
	border: 0;
	box-shadow: none;
}

.btn-toggle-wp .btn-toggle {
	height: auto;
	border: 0;
	padding: 5px 15px;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 5px 5px 2px rgb(148 169 195 / 60%);
	transition: box-shadow 0.3s;
}

.error-msg:empty {
	margin: 0;
}

.error-msg {
	color: red;
}

.time-label {
	position: relative;
	display: block;
}

.modal-form-input .form-control {
	padding: 6px 10px;
	resize: none;
}

.modal-form-input .info-wrap {
	padding: 0 28px 0 8px;
}

.modal-form-input .info-wrap .form-element {
	height: auto;
}

.modal-form-input .info-wrap .tooltip-info {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 16px;
	color: var(--primery-color);
	width: 15px;
	z-index: 5;
}

.nav-tabs {
	margin-top: 5px;
}

.modal-body .nav-link {
	padding: 8px 15px !important;
}

.message-input-wrap {
	position: relative;
}

.message-input-wrap .time-label {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	display: flex;
	margin-bottom: 8px;
}

.message-input-wrap .time-label .message-input {
	width: 100%;
	height: 100%;
	border: 0;
	resize: none;
	padding: 8px;
	border-radius: 8px;
}

.message-input-wrap .input-image-wr {
	position: absolute;
	bottom: 8px;
	right: 8px;
	margin: 0;
}

.message-input-wrap .input-image-wr .btn-file {
	position: relative;
	height: auto;
}

.message-input-wrap .input-image-wr .btn-file input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}

.tip-text {
	color: #5D6D7E;
}

/* ================  main modal css end  ============== */



/*----- Iphone Text Messanger CSS End (18-03-2024) -----*/


/* new chat modal css start */

.android-textmsg-modal,
.iphone-textmsg-modal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 10000;
	-webkit-transform: translateZ(10);
	overflow-x: hidden;
}

.chat_modal_content {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	width: 100%;
	padding: 30px 0 100px;
	max-width: 320px;
	margin: 0 auto;
}

.chat-body {
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	width: 100%;
}

.header_modal {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.close-modal-btn {
	position: unset;
}

.header_modal {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

/* .body_modal .tooltip-info {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 16px;
	color: var(--primery-color);
	width: 15px;
	z-index: 5;
} */

.body_modal .time-label.info-wrap {
	padding: 0 28px 0 8px;
}
.body_modal .time-label {
	padding-left: 0;
}


.body_modal {
	padding-top: 10px;
}

.arrow.form-element {
	height: auto;
}

/* new chat modal css end */

/* preview popup css start */
.preview-popup {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 10000;
	-webkit-transform: translateZ(10);
	overflow-x: hidden;
}

.popup-content {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	width: 100%;
	padding: 30px 0 100px;
	max-width: 400px;
	margin: 0 auto;
}

.popup-body {
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	width: auto;
	min-width: 300px;
}

.pop-header {
	position: relative;
}

.pop-header p {
	font-size: 24px;
	padding: 20px 0;
	margin: 0;
}

.pop-header .close-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.preview-popup .right-part {
	padding: 5px;
}

body.body-fixed {
	overflow: hidden;
}

/* preview popup css end */

.introjs-helperLayer {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 1px 2px, rgba(0, 0, 0, 0.6) 0px 0px 0px 5000px !important;
}


/* ========================================== */
.frame {
	position: relative;
	width: 360px;
	max-width: 1000px;
	margin: 0 auto;
}

.frame .android-msg,
.frame .iphone-msg {
	border: 10px solid #000 !important;
	border-radius: 35px;
	width: 370px !important;
}

.frame.iphone-layout .iphone-msg {
	border-radius: 50px;
}

.frame .camera-dot {
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #000;
	border-radius: 50%;
	border-radius: 50%;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
}

.frame.iphone-layout .camera-dot {
	width: 90px;
	height: 23px;
	border-radius: 15px;
}


.frame::after {
	position: absolute;
	content: '';
	width: 5px;
	height: 100px;
	background-color: #000;
	top: 130px;
	right: -14px;
	border-radius: 0 5px 5px 0;
}

.frame.iphone-layout::after {
	right: unset;
	left: -5px;
	border-radius: 5px 0 0 5px;
	height: 40px;
}

.frame::before {
	position: absolute;
	content: '';
	width: 5px;
	height: 60px;
	background-color: #000;
	top: 270px;
	right: -14px;
	border-radius: 0 5px 5px 0;
}

.frame.iphone-layout::before {
	height: 100px;
	top: 200px;
}


.frame.iphone-layout .screen-switch-one {
	position: absolute;
	content: '';
	width: 5px;
	background-color: #000;
	top: 190px;
	left: -5px;
	border-radius: 5px 0 0 5px;
	height: 60px;
}

.frame.iphone-layout .screen-switch-two {
	position: absolute;
	content: '';
	width: 5px;
	background-color: #000;
	top: 270px;
	left: -5px;
	border-radius: 5px 0 0 5px;
	height: 60px;
}

@media screen and (max-width:420px) {


	.frame .android-msg,
	.frame .iphone-msg {
		width: 330px !important;
		max-width: 330px !important;
	}

	.frame::after,
	.frame::before {
		right: -14px;
	}

	.frame {
		margin: auto;
		width: 320px;
	}


	.right-part {
		overflow: hidden;
	}

	.preview-popup .right-part {
		overflow: scroll;
	}


}

@media screen and (max-width: 380px) {
	.frame {
		margin: 0;
	}
}



@media only screen and (max-width: 991px) {
	.form-group.layout {
		margin-top: 0;
	}

	.order1 {
		order: 1;
	}

	.order2 {
		order: 2;
	}

	.order3 {
		order: 3;
	}

	.order4 {
		order: 4;
	}

	.text-msg-time {
		margin-bottom: 0;
	}

	.img-sec-main {
		flex-direction: column;
		margin-top: 30px;
		margin-bottom: 60px !important;
	}

	.description .img-sec-main .img-sec {
		width: 100%;
		text-align: center;
		order: 1;
	}

	.img-sec-main .img-sec img {
		max-height: 320px;
	}

	.description .img-sec-main .img-description {
		width: 100%;
		order: 2;
	}

	.description .img-sec-main .img-description p {
		width: 100%;
	}

	.img-sec-main .img-description {
		order: 1;
		width: 100%;
	}

	.img-sec-main .img-sec {
		order: 2;
		margin-bottom: 15px;
		width: 100%;
	}

}

@media only screen and (max-width: 767px) {
	.chat_modal_content {
		align-items: flex-start;
		padding: 40px 0 100px;
	}
}

@media only screen and (max-width: 575px) {
	.iphone-text-msg-option .xxs-12 {
		width: 100%;
	}

	.iphone-text-msg-option .order4 {
		order: 2;
	}

	.social-page .form-group.bettery_pr {
		margin-bottom: 25px;
	}

	.android_txt_msg_option .xxs-5 {
		width: 41.66%;
	}

	.android_txt_msg_option .xxs-7 {
		width: 58.33%
	}

	.android_txt_msg_option .xxs-6 {
		width: 50%;
	}

	.android_txt_msg_option .order4 {
		order: 3;
	}

	.android_txt_msg_option .order3 {
		order: 4;
	}

}

@media only screen and (max-width: 480px) {
	.android_txt_msg_option .xxs-12 {
		width: 100%;
	}

	.android_txt_msg_option .order4 {
		order: 4;
	}

	.android_txt_msg_option .order3 {
		order: 3;
	}

	.radio-grp.icon_color_grp {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.radio_color {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 15px;
	}
}