.ai_chat_toggler{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	width: 30px;
	height: 30px;
	font-size: 10px;
	position: fixed;
	z-index: 50;
	bottom: 15px;
	right: 15px;
	cursor: pointer;
	transition: all .3s ease;
	background: #0077C8;
	border-radius: 10px;
	color: #fff;
	@media(min-width: 375px){
		bottom: 30px;
		right: 30px;
		width: 50px;
		height: 50px;
		font-size: 12px;
	}
	&:hover{
		box-shadow: 0 0 15px rgba(0, 0, 0, .5);
	}
	&.active{
		background: red;
	}
	&:not(.active){
		animation: greenPulse 1s ease-in-out infinite, shakeEvery5s 5s ease-in-out infinite;
	}
}
#leshabr_ai_chatbox_wr {
	transition: all .3s ease;
	transform: translateX(150%);
	position: fixed;
	left: 15px;
	width: 260px;
	background: #fff;
	padding: 15px;
	height: calc(100vh - 110px);
	border: 1px solid rgba(152, 185, 208, .4);
	border-radius: 15px;
	top: 80px;
	bottom: 15px;
	overflow: scroll;
	z-index: 11115;
	@media(min-width: 375px){
		right: 90px;
		left: unset;
		width: calc(100vw - 100px);
		max-width: 400px;
	}
	@media(min-width: 768px){
		height: calc(100vh - 170px);
		width: 400px;
		bottom: 100px;
		right: 30px;
	}
	&.active{
		transform: translateX(0);
	}
	&.loading{
		 pointer-events: none;
		 &:after {
			 content: '';
			 display: block;
			 position: absolute;
			 z-index: 210;
			 top: calc(50% - 25px);
			 left: calc(50% - 25px);
			 width: 50px;
			 height: 50px;
			 border-radius: 100%;
			 border: 6px solid;
			 border-color: #ffb60a transparent #ffb60a transparent;
			 animation: loading 1.2s linear infinite;
		 }
	}
	.close_chat_btn{
		position: absolute;
		top: 5px;
		right: 5px;
		width: 16px;
		height: 16px;
		cursor: pointer;
		z-index: 220;
	}
	#leshabr_ai_chatbox {
		margin-bottom: 20px;
		#leshabr_ai_chatlog {
			border: 1px solid rgba(152, 185, 208, .4);
			padding: 15px;
			height: 200px;
			overflow: auto;
			background: #fff;
			margin-bottom: 20px;
			border-radius: 15px;
			font-size: 14px;
			line-height: 1.5;
			@media(min-width: 768px){
				height: 400px;
			}
			@media(min-width: 1200px){
				height: 49vh;
			}
			.user-message {
				strong{
					color:green;
				}
				font-size: 12px;
			}

			.bot-message {
				strong{
					color:red;
				}
				.message-content{
					strong{
						color:#0077C8;
					}
				}
			}
		}
		#ai_user_input {
			width: 100%;
			border-radius: 15px;
			background: #fff;
			border: 1px solid rgba(152, 185, 208, .4);
			font-size: 16px;
			padding: 15px;
			opacity: 1;
			font-family: "museo-sans", sans-serif;
			font-weight: 300;
			color: #1b1b1b;
			&:focus {
				color: #111;
			}
			&::placeholder {
				font-size: 14px;
			}
		}
	}
	.btn_wr{
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin-top: 15px;
		button{
			width: 100%;
			height: 40px;
			font-size: 12px;
			@media(min-width: 375px) {
				font-size: 16px;
			}
			&:not(:last-child){
				margin-bottom: 15px;
				@media(min-width: 375px) {
					margin-bottom: 0;
				}
			}
		}
	}
	#resume_upload_block {
		.resume_upload_block_wr {
			.label {
				font-size: 14px;
				margin-bottom: 10px;
				display: block;
			}
			.resume_upload_container {
				width: 100%;
				height: 100px;
				border: 1px dashed #98B9D066;
				position: relative;
				border-radius: 15px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;

				&.dragging {
					background-color: rgba(0, 0, 0, 0.1);
				}

				input[type=file],
				input[type=file]::-webkit-file-upload-button {
					height: 100px;
					width: 100%;
					padding: 0;
					position: absolute;
					top: 0;
					z-index: 2;
					cursor: pointer;
					opacity: 0;
				}

				.icon {
					line-height: 1;
					margin-bottom: 15px;
				}

				.resume_info {
					padding-bottom: 4px;
					text-align: center;
					.resume_file_name{
						font-size: 12px;
						display: block;
						max-width: 100px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.button{
						height: 30px;
						position: relative;
						z-index: 22;
						font-size: 14px;
					}
					.file_delete{
						height: 25px;
						width: 25px;
						flex: 0 0 25px;
						padding: 0;
						margin-left: 5px;
						margin-bottom: 5px;
					}
				}

				.resume_files {
					font-size: 12px;
					font-weight: 400;
					line-height: 1;
					color: #1B1B1B;
					opacity: 0.4;
					@media(min-width: 992px){
						font-size: 14px;
					}
				}
			}
		}
	}
}