:root {
	--main_color: #f99d39;
}

.chatbox {
	position: fixed;
	display:block;
	z-index:20000;
	text-align: left;
	font-size: 13px;
	width: 300px;
    background-color: transparent;
    border-color: transparent;
    right: 12px;
}


.chatboxhead {
	background-color: #f99d39;
	background-color: var(--main_color);
	padding:7px;
	color: #ffffff;

	border-right:1px solid #f99d39;
	border-right:1px solid var(--main_color);

	border-left:1px solid #f99d39;
	border-left:1px solid var(--main_color);

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 60px;
}


.chatboxhead-title {
	background-color: #f99d39;
	background-color: var(--main_color);
	padding: 7px;
	color: #ffffff;
	border-right: 1px solid #f99d39;
	border-right: 1px solid var(--main_color);
	border-left: 1px solid #f99d39;
	border-left: 1px solid var(--main_color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width: 100% !important;
}

.chatboxoptions {
    float: right;
}

.chatboxoptions a {
    text-decoration: none;
    color: white;
    font-weight:bold;
    font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
    float: left;
    padding-top:3px;
    margin-left: 6px;
}


button.btn.btn-warning {
	padding: 4px;
    height: 24px;
    font-size: 13px;
}
.btn-group.btn-group-xs {
	height: 24px;
}

.container-floating-chat {
	position: fixed;
	width: 90px;
	height: 90px;
	bottom: 4%;
	left: 0px;
	z-index: 55;
	background-color: red;
}
.floating-chat {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff9800;
	position: fixed !important;
	bottom: 4%;
	right: 20px;
	cursor: pointer;
	box-shadow: 0px 2px 5px #666;
	background-color:#ff9800;
	z-index: 30000;
}

.chatboxhead-mobile {
	background-color: #f99d39;
	background-color: var(--main_color);
	color: #ffffff;

	border-right:1px solid #f99d39;
	border-right:1px solid var(--main_color);

	border-left:1px solid #f99d39;
	border-left:1px solid var(--main_color);

	width: 100%;
	height: 100%;
	border-radius: 50%;
}

@media (max-width: 768px){
	iframe#frame_chat_vozitel{
		height: 100% !important;
	}
	input[type="text"]:focus,
	textarea:focus {
		-webkit-text-size-adjust: 100% !important;
	}
	input {
		font-size: 16px !important;
	}
	textarea {
		font-size: 16px !important;
	}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.form-control {
		font-size: 16px;
	}
}