
/* styles for form displayed */
.wpbiztext-cform-wrapper iframe[name=empty_iframe_form] {
	display: none;
}

.wpbiztext-cform-wrapper input[type=text], .wpbiztext-cform-wrapper textarea, .wpbiztext-cform-wrapper select {
	float: none !important;
	width: 100%;
	border-radius: 10px;
	padding: 10px;
}

.wpbiztext-cform-row {
	padding-top: 10px;
}

.wpbiztext-cform-wrapper .wpbiztext-cform-by {
	margin-right: 7px;
	margin-left: 7px;
}

/* form messages */
span[class^="error-wpbiztext-cform"] {
	color: red;
}

span[class^="success-wpbiztext-cform"] {
	color: #0e9647;
}

/* form fixed styles */
.wpbiztext-cform-fixed {
	height: 100%;
	width: 0;
	position: fixed;
	top: 0;
	right: -10px;
	background-color: #fff;
	transition: .5s;
	padding-top: 60px;
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 3px 3px 5px 6px #ccc;
}

.wpbiztext-cform-fixed-close {
	display: block;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 20px;
	cursor: pointer;
	color: white;
	background-color: #eee;
}

.wpbiztext-cform-fixed-close:hover {
	color: red;
	background-color: #ccc;
}

.wpbiztext-cform-fixed-button svg {
	fill: #ee8022;
}

.wpbiztext-cform-fixed-button {
	position: fixed;
	background: #fff;
	border: none;
	right: 10px;
	padding: 0;
	z-index: 500;
	width: 50px;
	border-radius: 50%;
	transition: .5s;
	height: 50px;
}

.wpbiztext-cform-fixed-button:focus {
	outline: none;
}

.wpbiztext-cform-fixed-button:hover {
	background: #fff;
}

.wpbiztext-cform-fixed-button:hover svg {
	fill: #3b74b2;
}

.wpbiztext-cform-fixed .wpbiztext-cform-wrapper {
	margin-left: 20px;
	margin-right: 20px;
}

.wpbiztext-cform-fixed-button-text {
	transform: rotate(90deg);
	transform-origin: right top 0;
	position: fixed;
	visibility: hidden;
	right: 10px;
	background: #ee8022;
	padding: 10px;
	color: #fff;
	border-radius: 50px;
	font-size: 16px;
	z-index: 500;
	cursor: pointer;
	transition: .5s;
	white-space: nowrap;
}

.wpbiztext-cform-fixed-button-text:hover {
	background: #3b74b2;
}

.wpb-form-fixed-wrapper {
	overflow-y: scroll;
	height: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.wpb-form-fixed-wrapper::-webkit-scrollbar {
	/* hides scrollbar on chrome */
	width: 0;
	height: 0;
}
