@font-face {
	font-family: 'GoogleBlackOpsOne';
	src:url(../views/fonts/BlackOpsOne-Regular.ttf);
}
@font-face {
	font-family: 'Kalam';
	src:url(../views/fonts/Kalam-Regular.ttf);
}
@font-face {
	font-family: 'RubikMoonrocks';
	src:url(../views/fonts/RubikMoonrocks-Regular.ttf);
}
@font-face {
	font-family: 'FasterOne';
	src:url(../views/fonts/FasterOne-Regular.ttf);
}
.wordform-image-icon-wrapper-div {
	position: relative;
	text-align: left;
	padding-left: 1%;
}
.wordform-all-pages-header-label-name {
	font-family: 'FasterOne';
	font-size: 30px;
	position: absolute;
	top: 35%;
	padding-left: 10px;
	color: #FC6C85;
}
.wordform-main-dashicon {
	width: 50px;
	height: 50px;
	font-size: 50px;
	color: #FC6C85; 
}
.dashicon-custom-color {
	color: #2271b1;
}
.wordform-image-icon-wrapper-div img {
	border-radius: 5px;
}
.wordform-form-action-buttons-wrapper {
	/**display: inline-block;
	float: right;
	padding-right: 1%;*/
}
.wordform-input-element-div-wrapper input, 
.wordform-dropped-element-textarea-field-options textarea, 
.wordform-dropped-element-select-field-options select.wordform-dropped-select-name {
	cursor:pointer;
	background-color: #FFFFFF;
	color: #000000;	
}
.wordform-input-element-div-wrapper input:not([type=radio]):not([type=checkbox]),
.wordform-input-element-div-wrapper textarea,
.wordform-input-element-div-wrapper select {
	width: 95%;
}
.wordform-dropped-checkbox-name {
	background-color: #FFFFFF;
}
.wordform-element-delete {
	color:red;
	float:right;
	margin-right: 15px;
	cursor: pointer;
}
.wordform-field-options-show-hide {
	color: chocolate;
	float: right;
	margin-right: 15px;
}

.wordform-input-element-div-wrapper .input-label {
	vertical-align: baseline;
	font-size: 18px;
	padding-right: 10px;
}
.radio-options-label-name {
	font-size: 18px;
	vertical-align: baseline;
}
.wordform-input-element-div-wrapper .input-text {
	height: 40px;
	width: 30%;
}
.wordform-radio-option {
	margin-top: 10px;
}
.sc-wordform-form-width-slider {
	width: 40%;
}
input.sc-wordform-form-width {
	background-color: #ffffff !important;
	width: 5%;
	border: none;
	font-weight: bold;
	font-size: 15px !important;
}
.wordform-dropped-radio-label, 
.wordform-dropped-text-label, 
.wordform-dropped-textarea-label, 
.wordform-dropped-checkbox-label, 
.wordform-dropped-select-label, 
.wordform-dropped-number-label, 
.wordform-dropped-range-label,
.wordform-dropped-email-label, 
.wordform-dropped-captcha-label,
.wordform-dropped-gcaptcha-label,
.wordform-dropped-upload-label {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
#wordformFileUpload {
	display: none;
}
.wordform-multiple-ul #wordformMultipleUploadAllowLabel {
	vertical-align: bottom;
}
.wordform-upload-allow-file-type-name-checkbox {
	vertical-align: bottom !important;
}
.wordform-dropped-fileupload-icon {
	color: blue;
	font-size: 30px;
	padding-right: 10px;	
}
/*.wordform-dropped-captcha-placeholder {
	width: 150px;
	height: 70px;
	background-image: url(../views/captcha-templates-images/captcha-background-template-1-150x70.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 2%;
	font-size: 24px;
	font-weight: bold;
}*/
.wordform-dropped-captcha-placeholder {
	width: 150px;
	height: 70px;
	position: relative;
}
.wordform-overlay-captcha-value {
	position: absolute;
	top: 35%;
	left: 30%;
	font-size: 24px;
	font-weight: bold;
	font-family: GoogleBlackOpsOne;
}

.wordform-captcha-template-image-selection {
	margin-top: -18% !important;
}
.wordform-dropped-text-name, 
.wordform-dropped-number-name, 
.wordform-dropped-email-name, 
.wordform-dropped-captcha-name,
.wordform-dropped-gcaptcha-name {
	height: 40px;
	width: 35%;
}
.wordform-dropped-range-name {
	width: 35%;
}
.wordform-range-min-value,
.wordform-range-max-value,
.wordform-range-default-value,
.wordform-range-step-value {
	width: 30%;
	margin-top: 5px;
}
.wordform-dropped-textarea-name {
	height: 150px;
	width: 35%;
}
.wordform-dropped-element-radio-field-options li,
.wordform-dropped-element-checkbox-field-options li {
	list-style: none;
	font-size: 16px;
}
.wordform-field-options-edit-close {
	float: right;
	cursor: pointer;
}
.wordform-required-ul li, .wordform-input-label li, .wordform-field-options li {
	list-style: none;
}
.wordform-add-radio-option, 
.wordform-add-select-option, 
.wordform-add-checkbox-option {
	cursor: pointer;
	font-weight: bolder;
	color: darkgreen;
	padding: 8px;
	background-color: coral;
	border-radius: 10px;
	margin-left: 27%;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.wordform-add-radio-option:hover, 
.wordform-add-select-option:hover, 
.wordform-add-checkbox-option:hover {
	background-color:chocolate;
	color: #FFFFFF;
}
.wordform-radio-field-remove, 
.wordform-select-field-remove, 
.wordform-checkbox-field-remove {
	color: #E90A0E;
	margin-left: 10px;
	cursor: pointer;
	vertical-align: sub;
	background-color: azure;
	padding: 3px;
	border-radius: 15px;
}
.wordform-radio-field-remove:hover, 
.wordform-select-field-remove:hover, 
.wordform-checkbox-field-remove:hover {
	background-color: #FC6C85;
}

li.draggable-element {
	/*margin-bottom: 15px;*/
}
.dashicons-welcome-view-site {
	vertical-align: middle;
}

.wordform-dropped-select-name {
	height: 40px;
	width: 35%;
}
.wordform-input-element-div-wrapper-form-name {
	cursor: pointer;
	margin-top: 5px !important;
}
.wordform-input-element-div-wrapper-submit-button {
	/*text-align: left;
	border: none;
	box-shadow: none;*/
	cursor: pointer;
	margin-bottom: 5px !important;
}
.wordform-input-element-div-wrapper-submit-button .wordform-admin-create-form-submit-button{
	padding: 2px;
	font-size: 18px;
	margin-top: 10px;
}
.wordform-message-info {
	text-align: center;
	font-size: 14px;	
}
.wordform-message-info span {
	padding-top: 3px;
}
.text-error {
	color: red;
	font-weight: 600;
}
.text-success {
	color: green;
	font-weight: 600;
}
.text-info {
	color: deepskyblue;
	font-weight: 600;
}
.text-warning {
	color: orange;
	font-weight: 600;
}
.wordform-create-form-name-label-title {
	text-align: center;
	border: none;
	box-shadow: none;
}
.wordform-create-form-name-label-title span {
	font-size: 25px;
	line-height: 40px;
	/*cursor: pointer;*/
}
.sc-wordform-dropzone-watermark-text {
	/*position: absolute;
	font-size: 6em;
	opacity: 0.10;
	left: 10%;
	bottom: 50%;
	letter-spacing: 0.8em;*/
}

.wordform-drag-elements-hints {
	margin-left: 16px;
	color: #333333;
	font-weight: 700;
	font-style: italic;
}
.wordform-draggable-input-elements-tooltip-wrapper {
	font-size: 11px !important;
	border-radius: 12px !important;
	width: 12%;
	text-align: justify;
	color: #ffffff !important;
	background-color: #000000 !important;
}
.wordform-input-elements-customized-options-tooltip-wrapper {
	font-size: 11px !important;
	border-radius: 12px !important;
	width: 20%;			
	text-align: justify;
	color: #ffffff !important;
	background-color: #000000 !important;
}
.wordform-add-options-tooltip-wrapper {
	font-size: 10px !important;
	border-radius: 8px !important;		
	text-align: justify;
	color: #ffffff !important;
	background-color: #000000 !important;
}
.wordform-build-top-information-action-buttons-wrapper {
	display:flex; 
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content:space-between;
	margin-bottom: 3.5%;
}
a.wordform-preview-btn {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.wordform-div-wrapper {
	display:flex; 
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content:space-between;
	height: auto;
	min-height: 100vh;	
}
.wordform-draggable-elements-div-wrapper {		
	width: 13%;
	/*border: 1px dashed #E30D0D;*/
	border-radius: 6px;
	padding: 6% 0.75% 0.75%;
}
.wordform-build-draggable-standard-fields,
.wordform-build-draggable-advanced-fields {
	/*display: flex;
	flex-direction: column;*/		
}

.wordform-build-draggable-standard-fields > div,
.wordform-build-draggable-advanced-fields > div {
	margin: 10px 0;
}
.wordform-build-draggable-standard-fields > div > button,
.wordform-build-draggable-advanced-fields > div > button {
	/*flex-basis: 40%;*/	
	width: 150px;				
}
.wordform-standard-elements-collapse-icon,
.wordform-advance-elements-collapse-icon {
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	vertical-align: text-bottom;	
}
.wordform-builder-div-wrapper {
	width: 60%;	
	/*border: 2px dashed #E30D0D;*/
	border-radius: 6px;
	overflow: hidden;
}
.wordform-dropzone-div-wrapper {
	height: 600px;
	border: 3px dashed #00a32a;
	margin: 2%;
	overflow-y: auto;	
	background-image: url(../images/dropzone.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
}
.sortable-wordform-placeholder {
	border: #00a32a 1px dotted;
	background-color:beige; 
	min-height: 125px;
	margin: 15px;
	padding: 15px;	
	border-radius: 7px;
}
.wordform-input-element-div-wrapper {
	/*border: 1px dashed #2A551D;*/
	border-radius: 10px;
	box-shadow: 2px 2px 2px 3px rgba(57, 62, 70, 0.81);
	/*margin: 3%;
	padding: 1%;*/
	margin: 20px;
	padding: 20px;
	height: auto !important;
	/*width: auto !important;*/
}
.wordform-input-element-div-wrapper-dragging {
	width: auto !important;
}
.wordform-builder-form-options-div-wrapper {
	/*border: 1px dashed #E30D0D;*/
	border-radius: 10px;
	/* background-color: aliceblue; */
	background-color: #edfaef;
	width: 20%;
	margin-right: 15px;
	padding: 2.5%;
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	/*box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);*/		
	/*min-height: 500px;*/
}
input.wordform-build-submit-button-align-input,
input.wordform-build-form-name-align-input {
	vertical-align: bottom;	
}
.wordform-customozed-input-options-tooltip-hints {
	text-align: right;
	margin-bottom: -40px;
	margin-right: 20px;
}
.wordform-build-input-field-moveable {
	cursor: move;
}
#wordformAllFormsWrapperTable, #wordformUsersSubmissionWrapperTable {
	padding-left: 1%;
	padding-right: 1%;
}
#wordformAllFormsWrapperTable #wordformAllFormsTable_filter input, #wordformUsersSubmissionWrapperTable #wordformUsersSubmissionDataTable_filter input {
	background-color: #FFFFFF;
}
#wordformAllFormsWrapperTable #wordformAllFormsTable_length select, #wordformUsersSubmissionWrapperTable #wordformUsersSubmissionDataTable_length select {
	background-color: #FFFFFF;
}

#scWordFormValidation table {
	width: 70%;
}
#scWordFormgreCaptcha table {
	width: 70%;
	border-spacing: 25px;
}
#scWordFormLicenseKey table {
	width: 70%;
	border-spacing: 30px;
}

#scWordFormValidation table td input[type="text"], 
#scWordFormgreCaptcha table td input[type="text"], 
#scWordFormLicenseKey table td input[type="text"],
#scWordFormgreCaptcha table td select {
	width: 100%;
	height: 40px;
}

#scWordFormLicenseKey table td.wordform-license-key-label-td {
	width: 25%;
}
#scWordFormLicenseKey table td.wordform-license-key-td {
	width: 100%;
}

#scWordFormValidation table td.sc-wordform-settings-validation-tab-label-td {
	/*width: 25%;*/
}
#scWordformSelectValidationMsgsFor {
	width: 100%;
	height: 40px;
}
.sc-wordform-validation-message-settings-info {
	padding-left: 10px;
	vertical-align: sub;
}
.sc-wordform-settings-gcaptcha-tab-label-td {
	width: 25%;
}
.sc-wordform-gcaptcha-message-settings-info {
	padding-left: 13%;
	vertical-align: bottom;
}
.msg-success {
	color:  green;
	font-weight: 700;
}
.msg-error {
	color:  red;
}
.sc-wordform-shortcode-display-td {
	width: 17%;
}
.sc-wordform-attachto-display-td {
	width: 24%;
}
.sc-wordform-action-btns-display-td {
	width: 12%;
}
.sc-wordform-shortcode-copy-text {
	cursor: pointer;
	font-weight: 600;
	color: #2ea2cc;
	background-color: color-mix;
	padding: 1px;
}
.sc-wordform-delete-btn i {
	color: red;
}
.button-primary.button-large.wordform-save-btn, .button-primary.button-large.wordform-preview-btn {
	padding: 7px 10px;
	font-weight: bold;
	background-color: #0a5d00;
	border-color: #0a5d00;
}
.button-primary.button-large.wordform-save-btn:hover, .button-primary.button-large.wordform-preview-btn:hover, .button-primary.button-large.wordform-save-btn:focus, .button-primary.button-large.wordform-preview-btn:focus,.button-primary.button-large.wordform-save-btn:active, .button-primary.button-large.wordform-preview-btn:active {
	padding: 7px 10px;
	background-color: #063b00;
	border-color: #063b00;
	border: none;
	outline: none;
}

a.disabled {
	pointer-events: none;
}
#scWordformSettingsUploadTabForm .sc-wordform-upload-max-numof-files, 
#scWordformSettingsUploadTabForm .sc-wordform-upload-each-file-max-size,
#scWordformSettingsUploadTabForm .sc-wordform-upload-all-files-max-size {
	border-color: #ffffff;
	background-color: #ffffff;
	width: 20%;
	font-weight: bold;
	color: darkblue;
}
.setting-upload-tab-page-info-icon {
	color: darkblue;
}
div.wordform-upload-input-element-wrapper-div {
	text-align: center;
}
.wordform-server-upload-limit-info {
	color: #FC6C85;
	font-size: 15px;
}
.sc-wordform-license-info-refresh-btn-text {
	font-size: 16px;
	font-weight: 800;
	color: #2779F6;
	/* text-decoration: underline; */
	cursor: pointer;	
}
.expired-renew-license {
	font-size: 16px;
	font-weight: bold;	
}
.advance-renew-license {
	font-size: 16px;
	font-weight: bold;
}
