/* $Id: $ */

/* CSS Document */

/*defaultTheme starts here*/

.backgroundBg, .tyBackgroundBg {
	background-color:#f5f5f5;
}

.backgroundSecBg{ 
	margin:0;
	padding:0;
}	
.templateWidth, .tyTemplateWidth {
	margin:0 auto;
	width:800px;
	/*
		Old forms have backgroundsecbg with padding:30px in custom.css . Now changed padding to templateWidth class.
		Old Users have form width of 800px will change to 740px because of 30px padding on left and right of form.
		Hence to differentiate old and new forms, .newThemeDummyWidth class is used. 
		Any changes in this padding kindly find ".newThemeDummyWidth" and do needful changes.
	*/
	padding:30px; 
}
.topContainer {
	display:none;
}
.btmContainer {
	display:none;
}
.centerContainer {
}
.templateWrapper, .tyTemplateWrapper {
	background:#fff;
	border:1px solid #d6d6d6;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	position: relative;
}
.tempHeadContBdr {
	background: transparent;
	border-bottom:1px solid #EAEAEA;
	margin: 0;
	padding:10px 18px;
	-webkit-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-ms-border-radius:2px 2px 0 0;
	-o-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
	text-align: left;
}
.tempHeadContBdr .frmTitle {
	position: relative;
	color: #3C3C3C;
	margin: 0;
	padding: 0;
	font-size:2em;
}
.tempHeadContBdr .frmDesc {
	position: relative;
	color: #525252;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.tempFrmWrapper .labelName {
	font-weight:bold;
	font-size:13px;
	color:#444;
	position: relative;
}
.tempContDiv {
	position: relative;
}
.tempContDiv input[type="text"], .tempContDiv textarea, .tempContDiv .pdfTextArea {
	background:#fff;	
	border:1px solid #e5e5e5;	
	-webkit-border-radius:2px; 	
	-moz-border-radius:2px;	
	-ms-border-radius:2px;	
	-o-border-radius:2px;	
	border-radius:2px;	
	padding:5px;
	font-size:13px;	
}

.subContWrap {
	padding:10px;
	margin-bottom:0;
	overflow: hidden;
}

.phone .tempContDiv label, .date .tempContDiv label, .time .tempContDiv label, .address .tempContDiv label, .name .tempContDiv span label {
	color:#888888;
}
.date .tempContDiv .calendarIcon {
	margin-top: 5px;
}
.fmFooter {	
	text-align:center;
	overflow:hidden;
}

.fmSmtButton {
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding:5px 15px;
	font-weight:400;
	font:13px 'Open Sans',"Lucida Grande","Lucida Sans Unicode",Arial,Arimo,Helvetica,sans-serif;
	}
	
.submitColor{
	color: #fff;
	border:1px solid;
	border-color: #1988D6;
	background: #1988d6;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}


.saveColor, .reviewBtn{
	color: #fff;
	border:1px solid;
	border-color: #1988D6;
	background: #1988d6;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}


.cancelColor {
	color: #444;
	border: solid 1px #ccc;
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F4F4));
	background: -moz-linear-gradient(top,  #FFFFFF,  #F4F4F4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4F4F4');
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 2px #fff inset;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
	
.cancelColor:hover{
	border: 1px solid #aaa;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F4F4));
	background: -moz-linear-gradient(top,  #FFFFFF,  #F4F4F4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4F4F4');
}
		
.brandingContainer {
	text-align: right;
	color:#666;
	border-top:1px dashed #ccc;
	margin-top:10px;
	padding:15px;
}
.form_sBox .customArrow {
	right: 3px;
	top: 4px;
}
.form_sBox select {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}
/* IE6, IE7, IE8, but also IE9 */

.form_sBox select {
	padding: 2px 3px 4px 3px\9;
}
.time .form_sBox select {
	padding: 2px 3px 4px 3px\9;
}
.formRelative, .tempHeadBdr  .formLogo, .fmFooter .btnAllign, .submitColor em, .submitColor span, .saveColor em, .saveColor span{
	position: relative;
}

.reviewBtn em, .reviewBtn span{
	position: relative;
}

.inlineBlock {
	display: inline-block;
}
.formPageHeader h2{
	position: relative;
}

.fmFooter{
	position: relative;
}

.next_previous{
 position: relative;
}

.next_previous em{
 position: relative;
}
.pBarWrapper .selected em.pNumber {
	color: #fff;
	border: 2px solid rgba(255,255,255,0);
}
.pBarWrapper .selected .pBar, .pBarWrapper .selected em.pNumber b {
	background: #1abc9c;
}
.pBarWrapper .currentPTab em.pNumber {
	color: #fff;
	border: 2px solid #1abc9c;
}
.bar .currentPTab .pArrow {
	border-color: #1abc9c transparent;
}
.next_previous{ 
	background: #bdc3c7 none repeat scroll 0 0;
	border: 1px solid #bdc3c7;
	color:#222;
	padding: 5px 15px;
	font-size: 13px;
	min-width: 75px;
}
.enableTrans .backgroundBg, .enableTrans .tyBackgroundBg, .enableTrans .tyTemplateWrapper, .enableTrans .backgroundSecBg, .enableTrans .templateWrapper, .enableTrans .tempHeadBdr, .enableTrans .formLogo img, .enableTrans .tempHeadContBdr, .enableTrans .tempHeadContBdr .frmTitle, .enableTrans .tempHeadContBdr .frmDesc, .enableTrans .formLogo, .enableTrans .subContWrap, .enableTrans .alignSubmit, .enableTrans .submitWrapper, .enableTrans .submitColor {
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration:0.5s;
     -o-transition-duration:0.5s;
     transition-duration:0.5s;
}
.tempSubfrmWrapper .slider {
	overflow: inherit !important;
}
.tempSubfrmWrapper{
	background:transparent;
}

.subformBgWrap {
	position: relative;
	background:#f9f9f9;
}

.extraWrapper input[type="text"] {
    margin-top: 25px;
}
/* Model One Radio Btton Start */
.modelone .customRadioBtn input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.modelone .customRadioBtn .cusChoiceSpan .checker {
    display: none;
}
/* Radio Button */

.modelone .customRadioBtn .cusChoiceSpan{
    list-style: none;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.modelone .customRadioBtn  input[type="radio"]:checked, .modelone .customRadioBtn  input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.modelone .customRadioBtn .cusChoiceSpan .cusChoiceLabel {
    display: block;
    cursor: pointer;
    margin:0;
}
.modelone .customRadioBtn  input[type="radio"] + .cusChoiceLabel:before {
    content: '';
    display: inline-block;
    width: .80em;
    height: .80em;
    vertical-align: -0.25em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 0.1em solid #9e9e9e;
    transition: 0.5s ease all;
    position: relative;
    float: left;
     margin-top: .3em;
}


.modelone .customRadioBtn  input[type="radio"]:checked + .cusChoiceLabel:after {
    position: absolute;
    content: "";
    width: 0.60em;
    height: 0.60em;
    background: #09ad7e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    left: 0.20em;
    top: .50em;
}
.threeColumns.zfCusRadio .tempContDiv span {
    margin: 0 3px 13px 0;
 }
.threeColumns.modelone .tempContDiv .cusChoiceSpan {
	width: 30%;
}
.fieldDisabled.zfCusRadio.modelone input[type="radio"] + .cusChoiceLabel::before {
     opacity: 0.5;
}
.fieldDisabled.zfCusRadio.modelone input[type="radio"]:checked + .cusChoiceLabel::after {
	 opacity: 0.5;
}
.fieldDisabled.zfCusRadio.modeltwo input[type="radio"]:checked + .cusChoiceLabel:before {
	opacity: 0.5;
}
.fieldDisabled.zfCusRadio.modelthree input[type="radio"]:checked + .cusChoiceLabel .checker {
	opacity: 0.4;
}
.fieldDisabled.zfCusRadio.modelfour input[type="radio"]:checked + .cusChoiceLabel .checker {
	opacity: 0.4;
}
.fieldDisabled.zfCusRadio.modelfive .cusChoiceLabel:before {
	opacity: 0.4;
}
.fieldDisabled.zfCusRadio.modelfive  input[type="radio"]:checked + .cusChoiceLabel:after {
    opacity: 0.5;
}
.fieldDisabled.zfCusRadio.modelsix input[type="radio"]:checked + .cusChoiceLabel:after {
	    opacity: 0.3;
}

.fieldDisabled.zfCusRadio.modelsix .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	opacity: 0.4;
}

.fieldDisabled.zfCusRadio.modelfour .customRadioBtn .cusChoiceLabel .checker {
	opacity: 0.5;
}

.fieldDisabled.zfCusRadio.modelthree .customRadioBtn .checker {
    opacity: 0.5;
}

.fieldDisabled.zfCusRadio.modeltwo .customRadioBtn input[type="radio"] + .cusChoiceLabel::before {
	 opacity: 0.5;
}

.fieldDisabled.zfCusCheckbox.modelone input[type="checkbox"] + .cusChoiceLabel:before {
	opacity: 0.5;
}
.fieldDisabled.zfCusCheckbox.modelone input[type="checkbox"]:checked + .cusChoiceLabel:after {
	opacity: 0.4;
}

.fieldDisabled.zfCusCheckbox.modeltwo  input[type="checkbox"] + .cusChoiceLabel:before {
	opacity: 0.5;
}
.fieldDisabled.zfCusCheckbox.modelthree .checker, .fieldDisabled.zfCusCheckbox.modelfour .checker {
	opacity: 0.5;
}
.fieldDisabled.zfCusCheckbox.modelfive .cusChoiceLabel:before {
	opacity: 0.4;
}
.fieldDisabled.zfCusCheckbox.modelfive input[type="checkbox"]:checked + .cusChoiceLabel:after {
	opacity: 0.5;
}
.fieldDisabled.zfCusCheckbox.modelsix  input[type="checkbox"] + .cusChoiceLabel:before {
	opacity: 0.5;
}
 .fieldDisabled.zfCusCheckbox.modelsix input[type="checkbox"]:checked + .cusChoiceLabel:after {
 	opacity: 0.5;
}

/* Model One Radio Btton End */

/* Model Two Radio Btton Start */
.modeltwo .customRadioBtn input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.modeltwo .customRadioBtn  .checker {
	display: none;
}
/* Radio Button */

.modeltwo .customRadioBtn  .cusChoiceSpan{
	list-style: none;
	display: inline-block;
}
.modeltwo .customRadioBtn input[type="radio"] {
	position: absolute;
    opacity: 0;
}
.modeltwo .customRadioBtn .cusChoiceLabel {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 0 !important;
}
.modeltwo .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	content: '';
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    vertical-align: -0.25em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 0.1em solid #9e9e9e;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    position: relative;
    float: left;
    margin-top: 0.25em;
}
.modeltwo .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:before {
	content: "";
    background: #24A68A;
    border: 0.2em solid #72ceba;
    width: 0.75em;
    height: 0.75em;
}
.modeltwo .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	-ms-animation: click-wave 0.65s;
	-o-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #4bc7bc;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}
.decesion.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:before {
    border-width: 2px;
    width: 10px;
    height: 10px;
    border-width: 1px;
}

/* Model Two Radio Btton End */

/* Model Three Radio Btton Start */

/* CSS Document */

.modelthree .customRadioBtn span {
	float: left;
	position: relative;
	margin-right: 10px;
}
.modelthree .customRadioBtn input[type="radio"]{
	position: absolute;
    opacity: 0;
}
.modelthree .customRadioBtn label {
	display: block;
	cursor: pointer;
	margin: 0 !important;
	line-height: 1.5;
}
.modelthree .customRadioBtn input[type="radio"]:checked + label .checker {
	background-color: #24A68A;
	border: 0.1em solid #24A68A;
}
.modelthree .customRadioBtn input[type="radio"]:checked + label .checker:after {
	top: .15em;
}
.modelthree.cusSmall .customRadioBtn input[type="radio"]:checked + label .checker:after {
	top: 2px;
}
.modelthree.cusLarge .customRadioBtn input[type="radio"]:checked + label .checker:after {
    top: 0.1em;
}
.rtlWrapper .zfCusRadio.modelthree.cusLarge .customRadioBtn input[type="radio"]:checked + label .checker:after{
	    top: 2px;
}
.tempSubfrmWrapper .zfCusRadio.modelthree.cusSmall .customRadioBtn input[type="radio"]:checked + label .checker:after {
	top: 2px;
}
.tempSubfrmWrapper .zfCusRadio.modelthree.cusLarge .customRadioBtn input[type="radio"]:checked + label .checker:after {
	top: 2px;
}
.matrix_choice.zfCusRadio.modelthree.cusLarge .customRadioBtn input[type="radio"]:checked + label .checker:after {
    top: .1em;
}
.matrix_choice.zfCusRadio.modelthree.cusSmall .customRadioBtn input[type="radio"]:checked + label .checker:after {
    top: 2px;
}
.imagechoice.zfCusRadio.modelthree.cusSmall .customRadioBtn input[type="radio"]:checked + label .checker:after {
    top: 2px;
}
.modelthree .customRadioBtn .checker {
	width: 1em;
	height: 1em;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	background-color: white;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-top: 6px;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	vertical-align: text-bottom;
	border: 0.1em solid #9e9e9e;
	margin-top: 0.21em;
}
.modelthree .customRadioBtn .checker:after {
	width: 0.7em;
	height: 0.7em;
	content: '';
	position: absolute;
	border: 0px;
	-webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
	left: 0.15em;
	top: 200%;
	bottom: 5%;
	display: inline-block;
	background: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}
.tempSubfrmWrapper .modelthree .customRadioBtn span {
    margin-right: 5px;
}
/* Model Three Radio Btton End */

/* Model Four Radio Btton Start */

/* CSS Document */

.modelfour .customRadioBtn input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.modelfour .customRadioBtn input[type="radio"] {
	position: absolute;
    opacity: 0;
}
.modelfour .customRadioBtn .checker {
	display: none;
}
/* Radio Button */
.modelfour .customRadioBtn .cusChoiceSpan{
	float: left;
}
.modelfour .customRadioBtn .cusChoiceLabel {
	display: block;
	color: #444;
	margin: 0 !important;
	cursor: pointer;
}
.modelfour .customRadioBtn .cusChoiceLabel .checker {
	    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 1em;
    height: 1em;
    transform-origin: center;
    border: .1em solid #9e9e9e;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    vertical-align: -1px;
        float: left;
    -webkit-transition: background-color 150ms 200ms, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -moz-transition: background-color 150ms 200ms, -moz-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -o-transition: background-color 150ms 200ms, -o-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -ms-transition: background-color 150ms 200ms, -o-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	margin-top: 0.27em;
}
.modelfour .customRadioBtn .cusChoiceLabel .checker:before {
content: "";
    width: .50em;
    height: .50em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 1em;
    position: absolute;
    top: 0;
    left: 0.25em;
    -webkit-transition: ease 50ms;
    -moz-transition: ease 50ms;
    -o-transition: ease 50ms;
    -ms-transition: ease 50ms;
    transition: ease 50ms;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    margin: .25em 0 0 0px;
}

/*.modelfour .customRadioBtn input[type="radio"], .modelfour .customRadioBtn input[type="radio"] {
	display: none;
}*/
.modelfour .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker {
	background-color: #fff;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	border-color: #24A68A;
}
.modelfour .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel {
	margin-top: 10px;
}

.modelfour .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:after {
	background: #1790b5;
	-webkit-transition: width 150ms ease 100ms;
	-moz-transition: width 150ms ease 100ms;
	-ms-transition: width 150ms ease 100ms;
	-o-transition: width 150ms ease 100ms;
	transition: width 150ms ease 100ms;
}
.modelfour .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:before {
	     width: .50em;
    background: #24A68A;
    height: .50em;
    opacity: 9;
}


/* Model Four Radio Btton End */

/* Model Five Radio Btton Start */

/* CSS Document */

.modelfive .customRadioBtn input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.modelfive .customRadioBtn .checker {
	display: none;
}
/* Radio Button */

.modelfive .customRadioBtn .cusChoiceSpan{
	list-style: none;
	display: inline-block;
	position: relative;
}
.zfCusRadio .customRadioBtn, .zfCusCheckbox .customCheckBox {
	position: relative;
    margin: 0 0 0px 0;
    text-align: left;
    width: 100%;
    display: inline-block;
    padding-left: 0 !important;
    padding-right: 0;
}

.modelfive .customRadioBtn .cusChoiceLabel {
	cursor: pointer;
	display: block;
	margin: 0 !important;
}
.modelfive .customRadioBtn .cusChoiceLabel:before, .modelfive .customRadioBtn .cusChoiceLabel:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.modelfive .customRadioBtn .cusChoiceLabel:before {
	    left: 0;
    width: 1em;
    height: 1em;
    top: 0em;
    background: #f7f7f7;
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 0.30em;
}
.modelfive .customRadioBtn .cusChoiceLabel:after {
	left: 0.20em;
    width: 0.6em;
    height: 0.6em;
	top: .50em;
    right: 0;
    opacity: 0;
    background: #24A68A;
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
    -moz-transform: translate3d(-40px, 0, 0) scale(0.5);
    -ms-transform: translate3d(-40px, 0, 0) scale(0.5);
    -o-transform: translate3d(-40px, 0, 0) scale(0.5);
    transform: translate3d(-40px, 0, 0) scale(0.5);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.modelfive .customRadioBtn input[type="radio"] {
	position: absolute;
	top: 0;
    opacity: 0;
}
.modelfive .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.rtlWrapper .zfCusCheckbox.modelfive .termsAccept .descFld {
    margin-right: 25px;
}

/* Model Five Radio Btton End */

/* Model Six Radio Btton Start */

.modelsix .customRadioBtn .cusChoiceSpan{
	float: left;
}
.modelsix .customRadioBtn  input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.modelsix .customRadioBtn  .cusChoiceLabel {
	display: block;
	cursor: pointer;
	margin: 0 !important;
	position: relative;
}
.modelsix .customRadioBtn  input[type="radio"] + .cusChoiceLabel:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.25em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 0.125em solid #9e9e9e;
	background: #9e9e9e;
	-webkit-transition: 0.5s ease all;
	-moz-transition: 0.5s ease all;
	-ms-transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
	transition: 0.5s ease all;
	float: left;
	margin-top: 0.20em;
}
.modelsix .customRadioBtn  input[type="radio"]:checked + .cusChoiceLabel:before {
	content: "";
	background: #9e9e9e;
	border: 0.125em solid #9e9e9e;
}
.modelsix .customRadioBtn  input[type="radio"]:checked + .cusChoiceLabel:after {
	background: #4bc7bc;
	content: '';
	display: block;
	position: absolute;
	z-index: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	top: 0.20em;
	left: 0;
	right: 0;
	border: 0.125em solid #4bc7bc;
}

.modelsix .customRadioBtn  .checker {
	display: none;
}
.decesion.zfCusCheckbox.modelsix .cusChoiceSpanWrap {
    display: table-cell;
    padding-left: 0.1em;
}
/* Model Six Radio Btton End */

/* Model One Checkbox Start */


/* CSS Document */

.modelone .customCheckBox input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: 0;
    opacity: 0;
}

/* CheckBox */

.modelone .customCheckBox .checker {
    display: none;
}
.modelone .customCheckBox .cusChoiceSpan{
	list-style: none;
	display: inline-block;
	position: relative;
}
.modelone .customCheckBox .cusChoiceLabel {
	display: block;
	cursor: pointer;
	margin: 0;
	position: relative;
}
.modelone .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.25em;
    border-radius: 0.1em;
    border: 0.125em solid #9e9e9e;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
    float: left;
    margin-top: 0.17em;
}
.modelone .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.5em;
    width: 0.2em;
    border-bottom: 0.15em solid #09ad7e;
    border-right: 0.15em solid #09ad7e;
    content: "";
    position: absolute;
    left: 0.47em;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
	top: 0.38em;
	;
}
.modelone .customCheckBox input[type="checkbox"]:checked, .modelone .customCheckBox input[type="checkbox"]:not(:checked) {
	position: absolute;
	opacity: 0;
}
.zfCusCheckbox .termsAccept.customCheckBox .cusChoiceLabel{
	float: left;
	font-size: 15px;
}
.termsWrapper.zfCusCheckbox .termsAccept.customCheckBox label::before {
    content: "";
    position: absolute;
    top: 0px !important;
    margin-top: 0 !important;
}
.termsWrapper.zfCusCheckbox.modelthree .termsAccept.customCheckBox .checker {
	width: 14px;
	height: 14px;
	border-width: 1px;
	margin: 1px 0 0 0;
}
.termsWrapper.zfCusCheckbox.modelfive .termsAccept.customCheckBox label::before {
    content: "";
    position: absolute;
    top: 0px !important;
    margin-top: 0 !important;
    width: 16px;
    height: 16px;
}
.rtlWrapper .termsWrapper.zfCusCheckbox.modelfive .termsAccept.customCheckBox label::before  {
	left: auto;
}
.rtlWrapper .zfCusCheckbox .termsAccept.customCheckBox .cusChoiceLabel{ 
 float: right;
}
.rtlWrapper .modelone .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 6px !important;
    top: 3px;
}
.rtlWrapper .modeltwo .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: -0.1em;
    right: 0.30em;
}
.rtlWrapper .modelfive .termsAccept.customCheckBox .cusChoiceLabel:after {
    right: 0.25em;
    top: 0.52em;
}
.modelone .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after{
	    top: 3px;
}
.imagechoice.modelone .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-right: 0 !important;
}
/* Model One Checkbox End */

/* Model Two Checkbox Start */

/* CSS Document */

.modeltwo .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: -1px;
}
.modelone .termsAccept.customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-right: 5px;
}
.modelthree .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
	border: 1px solid #24A68A;
    margin-top: 1px;
	width: 14px;
	height: 14px;
}
.modelthree .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: 0px;
}
.modeltwo .termsAccept.customCheckBox input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
/* CheckBox */
.modeltwo .customCheckBox .checker {
    display: none;
}
.modeltwo .customCheckBox .cusChoiceSpan {
    list-style: none;
    display: inline-block;
}
.modeltwo .customCheckBox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}
.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:before {
	background: #72ceba;
	border: 0.2em solid #72ceba;
	width: 0.8em;
    height: 0.8em;
}
.decesion.zfCusCheckbox .modelfour .customCheckBox .cusChoiceLabel .checker {
    margin-top: 2px;
 }
.modeltwo .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	vertical-align: -0.25em;
	float: left;
	-webkit-border-radius: 0.10em;
	-moz-border-radius: 0.10em;
	-o-border-radius: 0.10em;
	-ms-border-radius: 0.10em;
	border-radius: 0.10em;
	border: 0.1em solid #9e9e9e;
	-webkit-transition: 0.5s ease all;
	-moz-transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
	-ms-transition: 0.5s ease all;
	transition: 0.5s ease all;
	position: relative;
}
.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	position: absolute;
	content: 'L';
	display: inline-block;
	font-family: Arial,'Open Sans';
	-ms-transform: scaleX(-1) rotate(-38deg);
	-webkit-transform: scaleX(-1) rotate(-38deg);
	-moz-transform: scaleX(-1) rotate(-38deg);
	-o-transform: scaleX(-1) rotate(-38deg);
	transform: scaleX(-1) rotate(-38deg);
	font-size: 1em;
	left: 0.32em;
	font-weight: normal;
	font-style: normal;
	top: -0.03em;
	color: #ffffff;
}
.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: -1px;
}
.modeltwo .customCheckBox input[type="checkbox"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.modeltwo .customCheckBox input[type="checkbox"]::after {
	border-radius: 3px;
}
.modeltwo .customCheckBox .cusChoiceLabel {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin: 0;
}
.modeltwo .sideBySide .extraWrapper input[type="text"] {
    margin-left: 20px;
    }
/* Model Two Checkbox End */


/* Model Three Checkbox Start */

/* CSS Document */


/* CheckBox */
.modelthree .customCheckBox {
	float: left;
	width: 100%;
}
.modelthree .customCheckBox .cusChoiceSpan {
	float: left;
}
.modelthree .customCheckBox .cusChoiceLabel {
	display: inline-block;
	cursor: pointer;
    position: relative;
	margin: 0;
}
.modelthree .customCheckBox input[type="checkbox"] {
	 position: absolute;
    opacity: 0;
}
.modelthree .customCheckBox input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.formFieldWrapper > .zfcheckbox.zfCusCheckbox .customCheckBox .cusChoiceLabel {
	display: block;
	cursor: pointer;
}
.modelthree .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
	background-color: #24A68A;
	border: 0.143em solid #24A68A;
}


.modelthree .customCheckBox .checker {
	width: .80em;
	height: .80em;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: white;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	-webkit-border-radius: 0.10em;
	-moz-border-radius: 0.10em;
	-ms-border-radius: 0.10em;
	-o-border-radius: 0.10em;
	border-radius: 0.10em;
	vertical-align: text-bottom;
	border: 0.143em solid #24A68A;
	float: left;
	margin-top: 0.2em;
}
.modelthree .customCheckBox .checker:after {
	width: 0.5em;
	height: 0.2em;
	content: '';
	position: absolute;
	border-left: 0.13em solid;
	border-bottom: 0.13em solid;
	border-color: #fff;
	-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
	-moz-transform: rotate(-45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(-45deg) translate3d(0, 0, 0);
	-o-transform: rotate(-45deg) translate3d(0, 0, 0);
	transform: rotate(-45deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	left: 0;
	right: 0;
	top: 200%;
	bottom: 5%;
	margin: auto;
	display: inline-block;
}
.zfCusCheckbox.modelthree.cusSmall .customCheckBox .cusChoiceEm {
    display: table-cell;
    padding-left: .6em;
}
.modelthree.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -1px;
    left: 0.9px;
    width: 6px;
    height: 2px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.modelthree .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
	width: 7px;
    height: 3px;
    border-width: 2px;
    left: 0.8px;
    bottom: 0;
    top: -1px;
}
/* Model Three Checkbox End */

/* Model Four Checkbox Start */

/* CSS Document */

.modelfour .customCheckBox input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
/* CheckBox */
.modelfour .customCheckBox .cusChoiceSpan{
	float: left;
}
.modelfour .customCheckBox input[type="checkbox"] {
	position: absolute;
    opacity: 0;
}
.modelfour .customCheckBox {
	display: inline-block;
	width: 100%;
	overflow: visible;
	margin: 0 0;
}
.rtlWrapper .decesion.zfCusCheckbox .customCheckBox {
	text-align: right;
}
.modelfour .customCheckBox .cusChoiceLabel {
	display: inline-block;
	color: #444;
	cursor: pointer;
	margin: 0 0 0 0;
	position: relative;
}
.modelfour .customCheckBox .cusChoiceLabel .checker {
	display: inline-block;
    position: relative;
    background-color: transparent;
          margin-top: 0.20em;
    width: 0.90em;
    height: 0.90em;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    border: 2px solid #9e9e9e;
    border-radius: 3px;
    vertical-align: -3px;
    float: left;
    -webkit-transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -moz-transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -ms-transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -o-transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

.modelfour .customCheckBox .cusChoiceLabel .checker:after {
	display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.5em;
    width: 0.2em;
    border-bottom: 0.08em solid #09ad7e;
    border-right: 0.08em solid #09ad7e;
    content: "";
    position: absolute;
    left: 0.32em;
    -webkit-transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -o-transition: 0.1s ease all;
    opacity: 0;
    -ms-transition: 0.1s ease all;
    transition: 0.5s ease all;
    top: 0.08em;
    background: none !important;
}

/*.modelfour .customCheckBox input[type="checkbox"] {
	display: none;
}*/
.modelfour .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
	background-color: #fff;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
 .modelfour.zfCusCheckbox .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker::after {
 	opacity: 9;
 }
.zfCusRadio .customCheckBox .cusChoiceSpan .cusChoiceLabel {
    overflow: visible !important;
}
.zfCusCheckbox .customRadioBtn .cusChoiceSpan .cusChoiceLabel {
    overflow: visible !important;
}
.termsWrapper.zfCusCheckbox.modelfour .termsAccept.customCheckBox .cusChoiceLabel .checker {
	width: 14px;
	height: 14px;
	border-width: 1px;
	border-radius: 2px;
}
.termsWrapper.zfCusCheckbox.modelfour .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
	transform: scale(1.1);
}

.termsWrapper.zfCusCheckbox.modelfour .termsAccept.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
	  height: 8px;
    width: 3px;
    margin: 0;
    top: 2px;
    left: 5px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
/* Model Four Checkbox End */

/* Model Five Checkbox Start */

/* CSS Document */
.termsWrapper.zfCusCheckbox .termsAccept .descFld {
    margin-left: 26px;
}
.rtlWrapper .termsWrapper.zfCusCheckbox.modelone .termsAccept .descFld, .rtlWrapper .termsWrapper.zfCusCheckbox.modefive .termsAccept .descFld  {
	    margin-right: 25px;
}
.zfCusCheckbox.modelfive .termsAccept.customCheckBox .cusChoiceLabel:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 2px !important;
}
.modelfive .customCheckBox input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.zfCusCheckbox.modelfive .cusChoiceSpanWrap {
    display: table-cell;
    padding-left: 0.6em;
}
.modelone .termsAccept.customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: 0;
    border-radius: 2px;
    border: 1px solid #9e9e9e;
    margin-top: 0;
}
/* CheckBox */
.modelfive .customCheckBox input[type="checkbox"] {
	position: absolute;
    opacity: 0;
}
.modelfive .customCheckBox .cusChoiceSpan {
	float: left;
	position: relative;
}
.modelfive .customCheckBox .checker {
	display: none;
}
.modelfive .customCheckBox  {
	position: relative;
    text-align: left;
    width: 100%;
    display: inline-block;
}
.modelfive .customCheckBox .cusChoiceLabel {
	cursor: pointer;
	display: block;
	margin: 0;
	position: relative;
}
.modelfive .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .modelfive .customCheckBox input[type="checkbox"] + .cusChoiceLabel:after {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.modelfive .customCheckBox .cusChoiceLabel:before, .modelfive .customCheckBox .cusChoiceLabel:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-border-radius: 0.10em;
	-moz-border-radius: 0.10em;
	-ms-border-radius: 0.10em;
	-o-border-radius: 0.10em;
	border-radius: 0.10em;
}
.modelfive .customCheckBox .cusChoiceLabel:before {
	left: 0;
    width: 1em;
    height: 1em;
    top: 0.13em;
    background: #f7f7f7;
    border:1px solid #e6e6e6;
    display: inline-block;
    position: relative;
        float: left;
    margin-top: 0.14em;
}
.imagechoice.modelfive .customCheckBox .cusChoiceLabel:before {
    margin-right: 0;
}
.matrix_choice.modelfive .customCheckBox .cusChoiceLabel:before {
    margin-right: 0;
    top: 0;
}
.modelfive .customCheckBox .cusChoiceLabel:after {
     left: 0.24em;
    top: 0.48em;
    width: 0.6em;
    height: 0.6em;
    opacity: 0;
    background: #24A68A;
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
    -moz-transform: translate3d(-40px, 0, 0) scale(0.5);
    -ms-transform: translate3d(-40px, 0, 0) scale(0.5);
    -o-transform: translate3d(-40px, 0, 0) scale(0.5);
    transform: translate3d(-40px, 0, 0) scale(0.5);
    -webkit-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.modelfive .customCheckBox input[type="checkbox"] {
	position: absolute;
	top: 0;
    opacity: 0;
}
.modelfive .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.tempSubfrmWrapper .modelfive .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	border-radius: 20%;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
   -o-border-radius: 20%;
}
.tempSubfrmWrapper .modelfive.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 top: 5px;
}
.tempSubfrmWrapper .modelfive.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 top: 7px;
}
.tempSubfrmWrapper .modelfive.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 top: 7px;
}
.rtlWrapper .tempSubfrmWrapper .modelfive.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 4px;
}
.tempSubfrmWrapper .modelfive .customCheckBox .cusChoiceLabel:after {
    left: 0.23em;
 }
.imagechoice.modelfive .customCheckBox .cusChoiceLabel:after {
    left: 0.23em;
}
/* Model FIve Checkbox End */

/* Model Six Checkbox Start */

.modelsix .customCheckBox .cusChoiceSpan{
	float: left;
}
.modelsix .customCheckBox .checker {
    display: none;
}
.modelsix .customCheckBox input[type="checkbox"] {
	position: absolute;
    opacity: 0;
}
.modelsix .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	margin-right: 0.75em;
	position: relative;
    content: 'L';
    display: inline-block;
    font-family: Arial,'Open Sans';
    font-weight: normal;
    -ms-transform: scaleX(-1) rotate(-35deg);
    -moz-transform: scaleX(-1) rotate(-35deg);
    -o-transform: scaleX(-1) rotate(-35deg);
    -webkit-transform: scaleX(-1) rotate(-35deg);
    transform: scaleX(-1) rotate(-35deg);
    font-size: 1.1em;
    left: 0.32em;
    font-style: normal;
    top: 0em;
    float: left;
    color: #9e9e9e;
}
.modelsix .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    position: absolute;
    content: 'L';
    display: inline-block;
    font-family: Arial,'Open Sans';
    -ms-transform: scaleX(-1) rotate(-35deg);
    -webkit-transform: scaleX(-1) rotate(-35deg);
    -moz-transform: scaleX(-1) rotate(-35deg);
    -ms-transform: scaleX(-1) rotate(-35deg);
    -o-transform: scaleX(-1) rotate(-35deg);
    transform: scaleX(-1) rotate(-35deg);
    font-size: 1.1em;
    left: 0.32em;
    top: 0em;
    font-weight: normal;
    font-style: normal;
    color: #4bc7bc;
}
.modelsix .customCheckBox input[type="checkbox"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.modelsix .customCheckBox input[type="checkbox"]::after {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.modelsix .customCheckBox .cusChoiceLabel {
	display: inline-block;
	cursor: pointer;
	margin: 0;
	position: relative;
}

/* Model Six Checkbox End */

/* RTL */

.rtlWrapper .modelone .customRadioBtn .cusChoiceSpan .cusChoiceLabel, .rtlWrapper .modelthree .customRadioBtn .cusChoiceSpan, .rtlWrapper .modelthree .customCheckBox .cusChoiceSpan {
	margin-right: 0px !important;
}
.rtlWrapper .modelfour .customRadioBtn .cusChoiceLabel, .rtlWrapper .modelfour .customRadioBtn .cusChoiceLabel .checker {
	float: right;
}
.rtlWrapper .modelfour .customRadioBtn .cusChoiceLabel .checker {
    margin-right: 0em;
    margin-left: 0.45em;
}
.rtlWrapper .modelfour .customRadioBtn .cusChoiceSpan, .rtlWrapper .modelfive .customRadioBtn .cusChoiceSpan, .rtlWrapper .modelsix .customRadioBtn .cusChoiceSpan {
    margin-right: 0;
}
.rtlWrapper .modelone .customRadioBtn .cusChoiceSpan, .rtlWrapper .modeltwo .customRadioBtn .cusChoiceSpan {
	margin-left: 0;
	margin-right: 0;
}
.rtlWrapper .modelone .customRadioBtn .cusChoiceSpan .cusChoiceLabel {
	float: right;
}
.rtlWrapper .modelone .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
   margin-left: 5px !important;
    float: right;
    margin-right: 0 !important;
}
.rtlWrapper .modelone .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
	right: 0.2em;
}
.rtlWrapper .zfCusRadio.modelone.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    right: 3px;
}
.rtlWrapper .modeltwo .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	    float: right;
	    margin-left: 0.35em;
	    margin-right: 0;
}
.rtlWrapper .modeltwo .customRadioBtn .cusChoiceLabel, .rtlWrapper .modelthree .customRadioBtn .cusChoiceLabel, .rtlWrapper .modelfive .customRadioBtn .cusChoiceLabel {
	float: right;
	position: relative;
}
.rtlWrapper .modelthree .customRadioBtn .checker {
	float: right;
    margin-right: 0;
}
.rtlWrapper .modelfive .customRadioBtn .cusChoiceLabel:before {
    float: right;
    margin-right: 0;
    margin-left: 0.35em;
}
.rtlWrapper .modelfive .customRadioBtn .cusChoiceLabel:after {
   top: 0.50em;
    right: 0.18em;
}
.rtlWrapper .zfCusRadio.modelsix .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {

     margin-left: 0.35em;
     margin-right: 0;
    float: right;
}
.rtlWrapper .zfCusRadio.modelsix.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	margin-right: 0px !important;
}
.rtlWrapper .zfradio.zfCusRadio .tempContDiv .cusChoiceSpan .cusChoiceLabel {
	float: right;
	margin-left: 12px !important;
	margin-right: 0px !important;
}
.rtlWrapper .zfcheckbox.zfCusCheckbox .tempContDiv .cusChoiceSpan .cusChoiceLabel {
   float: right;
	margin-right: 0;
}
.tempSubfrmWrapper .rtlWrapper .zfcheckbox.zfCusCheckbox .tempContDiv .cusChoiceSpan .cusChoiceLabel {
	margin-right: 10px;
}
.rtlWrapper .zfcheckbox.zfCusCheckbox .tempContDiv span {
    margin-left: 10px;
    margin-right: 0;
}	
.rtlWrapper .modelone .customCheckBox .cusChoiceSpan, .rtlWrapper .modelfour .customCheckBox .cusChoiceSpan, .rtlWrapper .modelsix .customCheckBox .cusChoiceSpan {
	margin-right: 0px;
}
.rtlWrapper .modelone .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	    right: 0.45em;
	    top: 0.38em;
}

.rtlWrapper .modelone .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	float: right;
	margin-left: 0.35em;
	margin-right: 0;
}
.rtlWrapper .modeltwo .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	margin-left: 7px;
	margin-right: 0;
	float: right;
}
.rtlWrapper .decesion.zfCusCheckbox.modeltwo .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-left: 10px;
}
.rtlWrapper .modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	 right: 0.32em;
    top: -0.03em;
    font-weight: normal;
    left: auto !important;
}
.rtlWrapper .tempSubfrmWrapper .modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    transform: scaleX(-1) rotate(-35deg);
}
.rtlWrapper .modelthree .customCheckBox .checker, .rtlWrapper .modelfour .customCheckBox .checker{
	    margin-left: 5px !important;
	float: right;
	margin-right: 0;
}
.rtlWrapper .modelfour .customCheckBox .cusChoiceLabel .checker {
	   margin-right: 0.1em;
	   float: right;
	   margin-left: 0.45em !important;
}
.rtlWrapper .tempSubfrmWrapper .modelfour .customCheckBox .cusChoiceLabel .checker {
    margin-left: 0.45em !important;
}
.rtlWrapper .modelfive .customCheckBox .cusChoiceLabel:before {
	    margin-left: 0.5em;
	    margin-right: 0px;
	    float: right;
}
.rtlWrapper .modelfive .customCheckBox .cusChoiceLabel:after { 
    right: 0.23em;
    left: 0;
}
.rtlWrapper .modelsix .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-left: 0.75em;				
    margin-right: 0px;
    left: 0;
    float: right;
}
.rtlWrapper .modelsix .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	    right: 0;
	    left: inherit;
}
.rtlWrapper .zfCusCheckbox.modelsix .customCheckBox {
    overflow: visible;
}
.rtlWrapper .tempSubfrmWrapper .decesion.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 4px;
    top: -2px;
    font-size: 12px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 1px;
 }
.zfCusRadio .customRadioBtn .cusChoiceEm{
    display: block;
    padding-left: .6em;
        vertical-align: middle;
    display: table-cell;
}
.rtlWrapper .zfCusRadio .customRadioBtn .cusChoiceEm{
    display: inline-block;
    padding-right: 0.2em;
    padding-left: 0.3em;
}
.zfCusCheckbox .customCheckBox .cusChoiceEm{
    display: table-cell;
    padding-left: .6em; 
}
.zfCusRadio.modeltwo .customRadioBtn .cusChoiceEm, .zfCusCheckbox.modeltwo .customCheckBox .cusChoiceEm {
	    padding-left: .6em;
}
.zfCusCheckbox.modelsix .customCheckBox .cusChoiceEm {
	padding-left: .3em;
}
.decesion.zfCusCheckbox.modeltwo .cusChoiceSpanWrap {
    display: table-cell;
    padding-left: .6em;
}
.rtlWrapper .decesion.zfCusCheckbox.modeltwo .cusChoiceSpanWrap {
    padding-right: .3em;
    padding-left: 0 !important;
}
.tempSubfrmWrapper .zfCusCheckbox .customCheckBox .cusChoiceEm{
    display: table-cell;
    padding-left: .6em; 
}
.rtlWrapper .zfradio.zfCusRadio .customRadioBtn .cusChoiceEm{
	display: table;
    padding: 0 .1em 0 .5em;
    text-align: right;
}
.formFieldWrapper > .decesion.zfCusCheckbox .cusChoiceLabel {
    margin-left: 0px !important;
    margin-right: 0px !important; 
}
.decesion.zfCusCheckbox.modelsix .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after{
      top: 0em;
      font-weight: normal;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
       width: 12px;
    top: 5px;
    left: 5px;
    height: 12px;
    border-radius: 2px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 4px;
    left: auto;
    width: 14px;
    height: 14px;
    right: 4px;
    border-radius: 2px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelone .customCheckBox label::before{
	margin-top: 0;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox label::before {
     border: 2px solid #9e9e9e;
    left: 0;
    top: 0;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .customCheckBox label::before{
	        border: 2px solid transparent;
    width: 18px;
    height: 18px;
    margin-top: 0px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modeltwo .customCheckBox label::before {
 width: 14px;
 height: 14px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelone .customCheckBox label::before {
    border: 1px solid #9e9e9e;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox label::before {
    border: 1px solid #9e9e9e;
    left: 0;
    margin-left: 0;
 }
 .rtlWrapper .tempSubfrmWrapper .decesion.zfCusCheckbox.modelfive .customCheckBox label::before {
    border: 1px solid #9e9e9e;
    left: 0;
    margin-left: 0;
    width: 20px;
    height: 20px;
}
.tempSubfrmWrapper .decesion.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:before {
    width: 14px;
    height: 14px;
    border-width: 2px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:before {
    width: 14px;
    height: 14px;
    border-width: 1px;
    margin-top: 0px;
}
.tempSubfrmWrapper .decesion.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 5px;
    top: -1px;
    font-size: 15px;
    transform: scaleX(-1) rotate(-35deg);
    -webkit-transform: scaleX(-1) rotate(-35deg);
    -moz-transform: scaleX(-1) rotate(-35deg);
    -o-transform: scaleX(-1) rotate(-35deg);
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelthree .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker,
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelthree .customCheckBox .checker {
    width: 16px;
    height: 16px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelthree .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -2px;
    left: 0px;
    width: 8px;
    height: 3px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.zfCusCheckbox.modelthree .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -3px;
    left: 0;
    width: 9px;
    height: 4px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelsix .customCheckBox label::before {
	border: none;
	font-size: 20px;
	margin-top: -10px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelsix .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0;
    left: 0;
    font-size: 20px;
    margin-top: -10px;
}
.decesion.zfCusCheckbox.modelfour .cusChoiceSpanWrap {
    display: table-cell;
    padding-left: .6em;
}
.rtlWrapper .decesion.zfCusCheckbox.modelfour .cusChoiceSpanWrap {
    display: table-cell;
    padding-left: 0;
    padding-right: .2em !important;
}
.rtlWrapper .decesion.zfCusCheckbox.modelfour.cusSmall .cusChoiceSpanWrap {
	padding-right: 0em !important;
}
.zfCusCheckbox.modelfour .cusChoiceEm, .zfCusRadio.modelfour .cusChoiceEm {
    display: table-cell;
    padding-left: .6em;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelone .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after{
	right: 6px;
    top: 3px;
    left: auto;
    width: 3px;
    height: 8px;
}
.rtlWrapper .tempSubfrmWrapper .decesion.zfCusCheckbox.modelone .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 3px;
    right: 6px;
 }
.decesion.zfCusCheckbox.modelfour .customCheckBox .cusChoiceLabel .checker {
	margin-top: 2px;
}
.tempFrmWrapper .decesion.modelfive .customCheckBox .cusChoiceLabel:after {
   top: 0.57em;
}
.rtlWrapper .tempSubfrmWrapper .decesion.modelfive .customCheckBox .cusChoiceLabel:after {
    top: 0.57em;
    right: 0.24em;
}
.zfCusCheckbox .cusChoiceSpanWrap{
    display: block;
    padding-left: 1em;
}
.rtlWrapper .zfCusCheckbox .cusChoiceSpanWrap {
    display: block;
    padding-right: 2em;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox .cusChoiceLabel {
   margin: 0 !important;
    text-align: center !important;
    width: auto;
    display: inline-block;
 }   
 .tempSubfrmWrapper .decesion.zfCusCheckbox .customCheckBox {
    text-align: center;
}
.matrix_choice.zfCusRadio .customRadioBtn, .matrix_choice.zfCusCheckbox .customCheckBox {
    display: table-row-group;
    float: none;
}
.matrix_choice.zfCusRadio .customRadioBtn label, .matrix_choice.zfCusCheckbox .customCheckBox label {
    display: inline-block;
    position: relative;
}
.matrix_choice.zfCusRadio.modelfour .customRadioBtn .cusChoiceLabel .checker:before {
       top: 0em;
    left: 0.24em;
 }
.matrix_choice.modelthree.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -1px;
    left: auto;
    width: 6px;
    height: 2px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: 1px;
}
.matrix_choice.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -2px !important;
    left: 1.5px !important;
    width: 7px;
    height: 3px;
    border-width: 2px;
}
.matrix_choice.zfCusCheckbox.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0.15em;
    margin: 0;
 }
 .matrix_choice.zfCusCheckbox.modelone .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0.37em;
    right: 0.40em;
}
 .matrix_choice.zfCusCheckbox.modelfive .customCheckBox .cusChoiceLabel:after {
    left: 0.25em;
    top: .35em;
 }   
 .rtlWrapper  .matrix_choice.zfCusRadio .customRadioBtn .cusChoiceLabel {
	 	float: none !important;
	}
.zfCusRadio .addedImgWrapper.customRadioBtn, .zfCusRadio .addedImgWrapper.customRadioBtn .cusChoiceLabel, .zfCusCheckbox .addedImgWrapper.customCheckBox, .zfCusCheckbox .addedImgWrapper.customCheckBox .cusChoiceLabel {
    text-align: center;
    display: inline-block;
    position: relative;
    float: none;
    margin-top: 5px !important;		
}
.rtlWrapper .zfCusRadio .addedImgWrapper.customRadioBtn .cusChoiceLabel {
	    float: none;
}
.rtlWrapper .modelfive .addedImgWrapper.customRadioBtn .cusChoiceLabel:after {
    top: 0.48em;
    left: 0.58em;
}
.rtlWrapper .modelone .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 0.43em;
 }
 .rtlWrapper .modelone.cusSmall .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 4px;
    left: auto;
 }
 .rtlWrapper .modeltwo .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0.15em;
}
.rtlWrapper .modelfive .addedImgWrapper.customCheckBox .cusChoiceLabel:after {
    right: 0.23em;
    top: 0.50em;
}
 .modelthree .addedImgWrapper.customCheckBox .checker {
   margin-right: 0em;
 }
 .modeltwo .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 	top: .04em;
 }
 .rtlWrapper .zfCusCheckbox .customCheckBox .cusChoiceEm {
  display: table !important;
    padding: 0 .1em 0 0px;
    text-align: right;
  }
  .zfradio.zfCusRadio.modelfour .overflow.customRadioBtn {
    overflow: visible;
}
 .rtlWrapper .zfradio.zfCusRadio .customRadioBtn .extraWrapper.cusChoiceSpan input[type="text"] {
   float: right;
    margin: 5px 8px 0 0;
 }
 .rtlWrapper .zfradio.zfCusRadio .customRadioBtn{
 	    padding-right: 0;
 }
.zfCusCheckbox.modelone .cusChoiceSpanWrap {
 display: table-cell;
 padding-left: .6em;
}
.modelone.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0px 0 0 0;
    border-width: 1px;
}
 .modelone.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 3px 0 0 3px;
    border-width: 1px;
    left: 0;
    top: 0;
}

.modelone.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-width: 1px;
    margin: 3px 0 0 0;
}
.modelone.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:after {
    width: 10px;
    height: 10px;
    margin: 6px 0 0 3px;
    border-radius: 50%;
    border-width: 1px;
    left: 0;
    top: 0;
}

.modelone.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
       width: 18px;
    height: 18px;
    border-radius: 50%;
    border-width: 1px;
    margin: 4px 0px 0 0;
}

.modelone.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:after {
     width: 14px;
    height: 14px;
    margin: 7px 0 0 3px;
    border-radius: 50%;
    left: 0;
    top: 0;
    border-width: 1px;
}
.modeltwo.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before, .modeltwo.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before, .modeltwo.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
   width: 12px;
    height: 12px;
    border-width: 2px;
    border-radius: 50%;
    margin: 1px 0 0 0;
}
.modeltwo.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
        width: 14px;
    height: 14px;
    margin: 2px 0 0 0;
    border-width:3px;
}
.modeltwo.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
   width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-right: 0px;
    border-width: 3px;
}


.modelthree.cusSmall .customRadioBtn .checker {
      width: 10px;
    height: 10px;
    border: 1px solid #24A68A;
	border-radius: 50px !important;
    margin: 0 0 0 0;
}
.modelthree.cusSmall .customRadioBtn input[type="radio"]:checked + label .checker {
    border: 1px solid #24A68A;
}
.modelthree.cusSmall .customRadioBtn .checker:after {
     width: 6px;
    height: 6px;
    border-width: 1px;
    border-radius: 50px;
	left: 2px;
}
.modelthree.cusMedium .customRadioBtn .checker {
     width: 16px;
    height: 16px;
    border-width: 1px !important;
    border-radius: 50px !important;
    margin: 3px 0px 0px 0 !important;
}
.rtlWrapper .modelthree.cusMedium .customRadioBtn .checker {
    border-width: 1px;
 }
 .rtlWrapper .decesion.zfCusCheckbox .cusChoiceSpanWrap{
    display: table-cell;
    padding-right: 0em !important;
}
.modelthree.cusLarge .customRadioBtn .checker {
    width: 20px;
    height: 20px;
    border: 1px solid #24A68A;
    border-radius: 50% !important;
    margin: 3px 0 0 0;
}
.modelthree.cusLarge .customRadioBtn .checker:after {
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-radius: 50px;
    left: 2px;
}

.modelthree.cusLarge .customRadioBtn input[type="radio"]:checked + label .checker {
	    border: 1px solid #24A68A;
}
.modelthree.cusMedium .customRadioBtn input[type="radio"]:checked + label .checker:after {
        border-radius: 50px !important;
    width: 12px;
    height: 12px;
    border-width: 1px;
    left: 2px !important;
    top: 2px;
}
.modelfour.cusSmall .customRadioBtn .cusChoiceLabel .checker {
    width: 10px;
    height: 10px;
    margin: 0px 0 0 0;
    border-width: 1px;
    border-radius: 50% !important;
}
.modelfour.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:before {
    width: 6px;
    background: #24A68A;
    height: 6px;
    opacity: 9;
    margin: 2px 0 0 2px;
    border-radius: 50%;
    border-width: 1px;
    left: 0;
}

.modelfour.cusMedium .customRadioBtn .cusChoiceLabel .checker {
    width: 16px;
    height: 16px;
    margin: 3px 0 0 0;
    border-width: 1px;
    border-radius: 50% !important;
}
.modelfour.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:before {
       width: 10px;
    background: #24A68A;
    height: 10px;
    opacity: 9;
    margin: 3px 0 0 3px;
    left: 0;
    top: 0;
    border-radius: 50%;
    border-width: 1px;
}
.modelfour.cusLarge .customRadioBtn .cusChoiceLabel .checker {
    width: 20px;
    height: 20px;
    margin: 3px 0 0 0;
    border-width: 1px;
    border-radius: 50% !important;
}
.modelfour.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:before {
    width: 12px;
    background: #24A68A;
    height: 12px;
    opacity: 9;
    margin: 4px 0 0 4px;
    left: 0;
    top: 0;
    border-radius: 50%;
    border-width: 1px;
}
.modelfour.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker {
    transform: scale(1.1);
}


.modelfive.cusSmall .customRadioBtn .cusChoiceLabel:before {
      width: 14px;
    height: 14px;
    margin: 0px 5px 0 0;
    border-radius: 50%;
    border-width: 1px;
}

.modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-width: 1px;
    margin: 3px 0 0 3px;
    top: 0;
    left: 0;
}
.rtlWrapper .matrix_choice.zfCusRadio.modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after{
     margin: 0;
    top: 3px;
    right: 3px;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    top: 4px;
 }
.rtlWrapper .imagechoice.modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    margin: 3px 0 0 3px;
    top: 0;
    left: auto;
    right: 3px;
}
.modelfive.cusMedium .customRadioBtn .cusChoiceLabel:before {
    width: 20px;
    height: 20px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    border-width: 1px;
  }

.modelfive.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border-width: 1px;
    margin: 6px 0 0 4px;
    top: 0;
    left: 0;
}
.rtlWrapper .imagechoice.modelfive.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    right: auto;
}
.rtlWrapper .matrix_choice.modelfive.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    margin: 0;
    top: 6px;
    left: 4px;
    right: auto;
}
.tempSubfrmWrapper .modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    margin: 0;
    left: 3px;
    top: 3px;
}
.rtlWrapper .tempSubfrmWrapper .modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    margin: 0;
    left: auto;
    right: 3px;
}
.modelfive.cusLarge .customRadioBtn .cusChoiceLabel:before {
    width: 22px;
    height: 22px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    border-width: 1px;
}
.modelfive.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
       width: 12px;
    height: 12px;
    border-radius: 50%;
    border-width: 1px;
    margin: 7px 0 0 5px;
    top: 0;
    left: 0;
}
.rtlWrapper .matrix_choice.zfCusRadio.modelfive.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    right: 5px;
    margin-left: 0;
   left: auto;
}
.rtlWrapper .imagechoice.zfCusRadio.modelfive.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    left: auto;
    right: 4px;
}
.rtlWrapper .zfCusRadio.modelsix .customRadioBtn .cusChoiceEm {
 display: table-cell;
}
.modelsix.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    width: 12px;
    height: 12px;
    margin-top: 0;
    border-radius: 50%;
    border-width: 1px;
}
.rtlWrapper .matrix_choice.zfCusRadio.modelsix.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before{
	margin-right: 0;
}
 .modelsix.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-radius: 50%;
    margin-top: 0;
    top: 0;
}

.modelsix.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before , .modelsix.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border-width: 1px;
    margin-top: 0px;
    top: 0px;
}

.modelsix.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after, .modelsix.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    width: 22px;
    height: 22px;
    border-width: 1px;
    border-radius: 50%;
}
.modelone.cusSmall .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
       width: 10px;
    height: 10px;
    border-radius: 2px;
    border-width: 1px;
    margin: 0px 0px 0 0;
}
.modelone.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    height: 6px;
    width: 2px;
    margin: 0;
    top: 2px;
    left: 5px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
.modelone.cusMedium .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
   width: 16px;
    height: 16px;
    border-radius: 2px;
    border-width: 1px;
    margin: 2px 0 0 0;
    top: 0;
}
.modelone.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    height: 8px;
    width: 3px;
    margin: 0;
    top: 5px;
    left: 7px !important;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.modelone.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
       width: 16px;
    height: 16px;
    border-radius: 2px;
    border-width: 2px;
    margin: 4px 0 0 0px;
}
.modelone.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
     height: 8px;
    width: 3px;
    margin: 0;
    top: 8px;
    left: 8px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.modeltwo.cusSmall .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    width: 10px;
    height: 10px;
    border-width: 1px;
    border-radius: 2px;
    margin: 0px 0px 0 0;
}
.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    font-size: 9px;
    font-weight: bold;
    top: -1px;
    left: 3px;
}
.tempSubfrmWrapper .zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: -1px;
    left: 3px;
}
.decesion.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
     top: -1px !important;
    left: 3px;
}
.modeltwo.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	margin: 0 0 0 0;
}
.rtlWrapper .modeltwo.cusMedium .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .rtlWrapper .modelthree .customRadioBtn .checker {
	margin: 0px 0 0 5px !important;
}
.rtlWrapper .modeltwo.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .rtlWrapper .modeltwo.cusLarge .customRadioBtn input[type="checkbox"] + .cusChoiceLabel:before {
	margin: 3px 0 0 5px !important;
}
.rtlWrapper .modelone.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-left: 5px;
}
.modeltwo.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-radius: 2px;
    margin: 3px 0 0 0;
}
.decesion.zfCusCheckbox.modeltwo.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	    margin: 3px 0px 0px 0px;
}
.modeltwo.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
   font-size: 16px;
    font-weight: normal;
    margin: 0px 0 0 5px;
    top: 0;
    left: 0;
}
.modelthree.cusSmall .customCheckBox .checker {
    width: 10px;
    height: 10px;
    border-width: 1px;
    border-radius: 2px;
    margin: 0 0 0 0px !important;
}
.modelthree.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
	 border-width: 1px;
}

.modelthree.cusMedium .customCheckBox .checker {
    width: 14px;
    height: 14px;
    border-width: 1px;
    margin: 3px 0 0 0;
}
.rtlWrapper .modelthree.cusMedium .customCheckBox .checker {
	margin: 1px 0 0 5px;
}
.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
    border-width: 1px;
}
.zfCusCheckbox.modelthree .cusChoiceSpanWrap {
     display: table-cell;
     padding-left: .6em;
}
.zfCusCheckbox.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    left: 0px;
    width: 7px;
    height: 3px;
    border-width: 2px;
    top: 0px;
}
.imagechoice.zfCusCheckbox.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
      left: 1px;
}
.modelthree.cusLarge .customCheckBox .checker {
    width: 16px;
    height: 16px;
    border-width: 2px;
    margin: 3px 0 0 0;
}
.modelthree.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
    border-width: 2px;
}
.modelthree.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -0.04em;
    left: 2px;
}
.modelfour.cusSmall .customCheckBox .cusChoiceLabel .checker {
    width: 10px;
    height: 10px;
    border-width: 1px;
    border-radius: 2px;
    margin: 0 !important;
}
.rtlWrapper .decesion.modelfour.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .cusChoiceSpanWrap {
    padding: 0 0px 0 0px !important;
}
.modelfour.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:before {
    width: 3px; 
    }
.modelfour.cusSmall .customCheckBox .cusChoiceLabel .checker:before {
        top: 5px;
    left: 3px;
 
 }
 .modelfour.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
        height: 6px;
    width: 2px;
    margin: 0;
    top: 1px;
    left: 4px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
.modelfour.cusMedium .customCheckBox .cusChoiceLabel .checker {
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-radius: 0.10em;
    -webkit-border-radius: 0.10em;
    -moz-border-radius: 0.10em;
    -o-border-radius: 0.10em;
}
.modelfour.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
    background-color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.modelfour.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    height: 8px;
    width: 3px;
    margin: 0;
    top: 1px;
    left: 5px !important;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
.modelfour.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
        height: 8px;
    width: 3px;
    margin: 0;
    top: 2px;
    left: 6px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.modelfour.cusLarge .customCheckBox .cusChoiceLabel .checker {
    width: 16px;
    height: 16px;
    border-width: 1px;
 }

.tempSubfrmWrapper .decesion.modelfour .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
       height: 8px;
    width: 3px;
    margin: 0;
    top: 1px;
    left: 5px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

.tempSubfrmWrapper .customCheckBox .cusChoiceLabel .checker {
    margin-top: 2px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfour .customCheckBox .cusChoiceLabel .checker {
    margin-top: 2px;
    width: 14px;
    height: 14px;
    border-width: 1px;
    margin-right: 0;
    border-radius: 2px;
}
.tempSubfrmWrapper .decesion.zfCusCheckbox.modelfour.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
 .modelfive.cusSmall .customCheckBox .cusChoiceLabel:before {
    width: 12px;
    height: 12px;
    margin-top: 0;
}
.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    width: 6px;
    height: 6px;
    left: 4px;
    top: 5px;
    border-radius: 1px !important;
 }
 .modelfive.cusMedium .customCheckBox .cusChoiceLabel:before {
    width: 14px;
    height: 14px;
    margin-top: 3px;
    top: 0px;
}
.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after {
    width: 8px;
    height: 8px;
    left: 4px;
    top: 7px;
}

.decesion.zfCusCheckbox.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after{
	top: 7px;
}
.rtlWrapper .zfCusCheckbox.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after {
    right: 4px;
    top: 7px;
}
.modelfive.cusLarge .customCheckBox .cusChoiceLabel:before {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    top: 0;
}
.modelfive.cusLarge .customCheckBox .cusChoiceLabel:after {
   width: 10px;
    height: 10px;
    border-radius: 3px !important;
    left: 4px;
    top: 7px;
}
.rtlWrapper .modelfive.cusLarge .customCheckBox .cusChoiceLabel:after{
	top: 4px;
}
.rtlWrapper .modelfive.cusLarge .customCheckBox .cusChoiceLabel:before {
	margin-top: 0px;
	top: 0px;
}
.rtlWrapper .tempSubfrmWrapper .modelfive.cusLarge .customCheckBox .cusChoiceLabel:before {
	margin-top: 0px;
	top: 0px;
}
.rtlWrapper .imagechoice.zfCusCheckbox.modelfive.cusLarge .customCheckBox .cusChoiceLabel:before {
       margin-left: 0;
}
.rtlWrapper .imagechoice.zfCusCheckbox.modelfive.cusLarge .customCheckBox .cusChoiceLabel:after {
    right: 4px;
    top: 4px;
    margin: 0;
    left: auto;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modelfive.cusLarge .customCheckBox .cusChoiceLabel:before {
  margin-left: 0;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modelfive.cusLarge .customCheckBox .cusChoiceLabel:after {
    top: 4px !important;
    left: auto !important;
    right: 4px !important;
}
.matrix_choice.zfCusRadio.modelone.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after, .matrix_choice.zfCusRadio.modelone.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after, .matrix_choice.zfCusRadio.modelone.cusLarge .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
	left: 0;
}
.matrix_choice.zfCusRadio.modelfour.cusSmall .customRadioBtn .cusChoiceLabel .checker:before, .matrix_choice.zfCusRadio.modelfour.cusMedium .customRadioBtn .cusChoiceLabel .checker:before, .matrix_choice.zfCusRadio.modelfour.cusLarge .customRadioBtn .cusChoiceLabel .checker:before {
	top: 0;
}
.matrix_choice.zfCusCheckbox.modelone.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after, .matrix_choice.zfCusCheckbox.modelone.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after, .matrix_choice.zfCusCheckbox.modelone.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	left: 0;
	top: 0;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: -1px;
    right: 4px;
 }
.matrix_choice.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 3px;
    top: 0;
}
.matrix_choice.zfCusCheckbox.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 5px;
    top: 2px;
    margin: 0;
}
.matrix_choice.zfCusCheckbox.modeltwo.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 5px;
    top: 3px;
    margin: 0;
}
.matrix_choice.zfCusCheckbox.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after, .matrix_choice.modelthree.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -0.04em;
    left: 1px;
}
.matrix_choice.modelthree.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -2px;
    left: 1px;
    width: 8px;
    height: 4px;
}
.matrix_choice.zfCusCheckbox.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    left: 4px;
    top: 4px;
}
.matrix_choice.zfCusCheckbox.modelfive.cusLarge .customCheckBox .cusChoiceLabel:after {
    left: 4px;
    top: 7px;
}
.matrix_choice.zfCusCheckbox.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after {
    left: 4px;
    top: 7px;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after {
    top: 7px;
}
.matrix_choice.zfCusCheckbox.modelone.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after{
    left: 7px;
    top: 5px;
}
.matrix_choice.zfCusCheckbox.modelone.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
	left: auto;
    top: 2px;
    right: 4px;
}
.matrix_choice.zfCusCheckbox.modelone.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 8px;
    top: 8px;
}
.matrix_choice.zfCusCheckbox.modelone.cusLarge .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    margin-left: 0;
}
.matrix_choice.zfCusRadio.modeltwo .customRadioBtn input[type="radio"] + .cusChoiceLabel:before, .matrix_choice.modelfour .customRadioBtn .cusChoiceLabel .checker, .matrix_choice.modelthree .customRadioBtn .checker, .matrix_choice.modelfive .customRadioBtn .cusChoiceLabel:before {
    margin-right: 0;
}
.matrix_choice.zfCusCheckbox.modeltwo .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .matrix_choice.modelfour .customCheckBox .cusChoiceLabel .checker, .matrix_choice.modelfive .customCheckBox .cusChoiceLabel:before {
	margin-right: 0;
}

.imagechoice.zfCusRadio.modeltwo .customRadioBtn input[type="radio"] + .cusChoiceLabel:before, .imagechoice.modelthree .customRadioBtn .checker, .imagechoice.modelfour .customRadioBtn .cusChoiceLabel .checker, .imagechoice.modelfive .customRadioBtn .cusChoiceLabel:before{
	margin-right: 0;
}
.imagechoice.zfCusCheckbox.modeltwo .customCheckBox input[type="radio"] + .cusChoiceLabel:before, .imagechoice.modelthree .customCheckBox .checker, .imagechoice.modelfour .customCheckBox .cusChoiceLabel .checker, .imagechoice.modelfive .customCheckBox .cusChoiceLabel:before{
	margin-right: 0;
}
.imagechoice.zfCusCheckbox.modeltwo .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: .15em;
}
.imagechoice.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0px;
}
.imagechoice.modelthree.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -2px;
    left: 0;
}
.matrix_choice.zfCusCheckbox.modelfour.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:before {
    left: 4px;
}
.matrix_choice.zfCusCheckbox.modelfour.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    left: 6px;
}
.rtlWrapper .matrix_choice.zfCusCheckbox.modelfour.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    left: 6px;
}
.decesion.zfCusCheckbox.modelthree.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: -1px;
    left: 0;
}
.modeltwo.decesion.cusMedium .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
    width: 14px;
    height: 14px;
    border-width: 2px;
    border-radius: 2px;
    margin: 2px 0 0 0px;
}
.rtlWrapper .zfCusCheckbox.modelone.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    right: 3px;
}
.rtlWrapper .zfradio.zfCusRadio.modelone.cusSmall .customRadioBtn .cusChoiceEm {
    display: table;
    padding: 0 .1em 0 0px;
 }
 .rtlWrapper .zfradio.modelone.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:after, .rtlWrapper .modelone.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:after {
    right: 3px;
    display: block;
}
.rtlWrapper .zfradiomodelone.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    margin: 1px 0 0 5px;
}
.rtlWrapper .zfradio.modeltwo.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before, .rtlWrapper .modelthree.cusSmall .customRadioBtn .checker{
	margin: 0px 0 0 5px;
}
.rtlWrapper .zfradio.modeltwo.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    margin: 0px 0 0 5px;
 }
.rtlWrapper .zfradio.modelthree.cusMedium .customRadioBtn .checker {
	margin: 1px 0 0px 3px;
}
.rtlWrapper .zfradio.modelfour.cusSmall .customRadioBtn .cusChoiceLabel .checker, .rtlWrapper .zfradio.modelfour.cusMedium .customRadioBtn .cusChoiceLabel .checker, .rtlWrapper .zfradio.modelfive.cusSmall .customRadioBtn .cusChoiceLabel:before {
    margin: 1px 0 0 7px;
}
.rtlWrapper .zfradio.modelfour.cusLarge .customRadioBtn .cusChoiceLabel .checker {
    margin: 3px 0 0 8px;
}
 .rtlWrapper .zfradio.modelfive.cusSmall .customRadioBtn .cusChoiceLabel:before {
    margin: 0px 0 0 7px;
}
 .rtlWrapper .zfCusRadio.modelfive.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
 	 margin-top: 3px;
 	     left: auto;
    right: 3px;
 }
 .rtlWrapper .zfradio.modelfive.cusMedium .customRadioBtn .cusChoiceLabel:before, .rtlWrapper .zfradio.modelfive.cusLarge .customRadioBtn .cusChoiceLabel:before {
    margin: 2px 0 0 5px;
 }
 .rtlWrapper .zfradio.modelfive.cusMedium .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
 	right: 4px;
 }
 .rtlWrapper .zfradio.modelfive.cusLarge .customRadioBtn .cusChoiceLabel:after {
    right: 5px;
}
.rtlWrapper .zfCusCheckbox.modelsix.cusSmall .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    margin-left: 5px;
    margin-right: 0 !important;
}
.rtlWrapper .zfCusCheckbox.modelone.cusSmall .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before, .rtlWrapper .modelone.cusMedium .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
	    margin: 0px 0 0 5px;
}
.rtlWrapper .zfCusCheckbox.modelone.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 6px;
    top: 4px;
 }
 .rtlWrapper .zfCusCheckbox.modelone.cusLarge .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 7px;
  }
  .rtlWrapper .zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after, .rtlWrapper .modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 0.30em;
    top: -0.04em;
    left: auto;
 }
 .rtlWrapper .zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 	 right: 3px;
    top: -1px;
 }
 .rtlWrapper .tempSubfrmWrapper .zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 3px;
    top: -1px;
}
 .rtlWrapper .matrix_choice.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
 	right: 3px;
    top: 0px;
 }
 .rtlWrapper .modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 0.30em;
    top: -3px;
    left: auto;
    transform: scaleX(-1) rotate(-35deg);
}
 .rtlWrapper .zfCusCheckbox.modelthree.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    top: 0px;
    left: 1px;
    right: 0;
}
.rtlWrapper .zfCusCheckbox.modelthree.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel .checker:after {
    left: 0em;
}
.rtlWrapper .zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"] + .cusChoiceLabel:before {
  margin: 0px 0 0 5px;
}
.rtlWrapper .zfCusCheckbox.modelthree.cusSmall .customCheckBox .checker {
	 margin: 0px 0 0 5px !important;
}
.rtlWrapper .zfCusCheckbox.modelfour.cusSmall .customCheckBox .cusChoiceLabel .checker {
	margin-right: 0;
}
.rtlWrapper .zfCusCheckbox.modelfour.cusSmall .customCheckBox .checker {
	margin-left: 7px !important;
}
.rtlWrapper .zfCusCheckbox.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    right: 4px; 
 }
.rtlWrapper .tempSubfrmWrapper .zfCusCheckbox.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    top: 5px !important;
}
.rtlWrapper .imagechoice.zfCusCheckbox.modelfive.cusSmall .customCheckBox .cusChoiceLabel:after {
    right: 4px;
    top: 5px;
}
.rtlWrapper .tempSubfrmWrapper .zfCusCheckbox.modelfive.cusMedium .customCheckBox .cusChoiceLabel:after {
    top: 7px !important;
}
.rtlWrapper .zfCusCheckbox.modeltwo.cusMedium .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
   top: 0px;
    right: 4px;
}
.rtlWrapper .imagechoice.zfCusCheckbox.modeltwo.cusSmall .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: 0;
}
.rtlWrapper .zfCusCheckbox.modeltwo.cusLarge .addedImgWrapper.customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    top: .18em;
}
.rtlWrapper .zfradio.modeltwo.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
    margin: 1px 0 0 5px;
}
.decesion.zfCusCheckbox.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    left: 5px;
    top: -1px;
    right: auto;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
.rtlWrapper .decesion.zfCusCheckbox.modeltwo.cusMedium .customCheckBox input[type="checkbox"]:checked + .cusChoiceLabel:after {
    right: 4px;
    top: -3px;
}
.rtlWrapper .zfradio.modelone.cusLarge .addedImgWrapper.customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after, .rtlWrapper .modelone.cusMedium .addedImgWrapper.customRadioBtn input[type="radio"]:checked + .cusChoiceLabel:after {
    right: 3px;
} 
.rtlWrapper .zfradio.modelone.cusMedium .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
	margin: 3px 0 0 5px;
}
.rtlWrapper .zfradio.modelone.cusLarge .customRadioBtn input[type="radio"] + .cusChoiceLabel:before {
  margin: 4px 0px 0 5px;
}
.rtlWrapper .imagechoice.zfradio.modelfour.cusSmall .customRadioBtn input[type="radio"]:checked + .cusChoiceLabel .checker:before {
    top: 0;
}
.cusChoiceEm {
	font-style: inherit;
}
/* Free plan branding wrapper for forms created from templates with custom theme*/
.brandingWrapper{
	background: rgba(255, 255,255, 0.6);
	position: relative;
	padding: 15px;
	margin-top: 0px;
}
.brandingWrapper .brandingTextCont {
    margin-bottom: 5px;
}
.brandingWrapper .brandingTextCont a {
    text-decoration: underline;
}

/*Free plan Branding wrapper css ends*/

.rating .star .ON svg{
	fill: #575756;
	stroke: #ffffff;
}
.rating .light .ON svg{
	fill: #575756;
	stroke: #575756;
}
.rating .shield .ON svg{
	fill: #575756;
	stroke: #ffffff;
}
.rating .heart .ON svg{
	fill: #575756;
	stroke: #ffffff;
}
.rating .flag .ON svg{
	fill: #575756;
	stroke: #575756;
}
.rating .bulb .ON svg{
	fill: #575756;
	stroke: #575756;
}
.ratingCount {
	font-size: 14px;
}
/* Placeholder color starts here */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:  0.6;
	white-space: nowrap; /* In safari when font size increases placeholder getting break. White-space nowrap is needed. */
}
textarea::-webkit-input-placeholder { 
	white-space: inherit;  /* In chrome for textarea word wrap does'nt work, added for that */
}
::placeholder {
	opacity:  0.6;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:  0.6;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:  0.6;
}
/* Placeholder color ends here */

.infoWrapper {
	background: transparent;
	position : relative;
}


.gMapWrapper .gMapPpWrapper .icon-gMap {
    width: 23px;
    height: 23px;
}
/*.tempContDiv span .form_sBox, .tempContDiv input[type="text"] {
 height: 30px;
}*/


.rtlWrapper .zfcheckbox.zfCusCheckbox .tempContDiv .extraWrapper.cusChoiceSpan .cusChoiceLabel, .rtlWrapper .zfradio.zfCusRadio .tempContDiv .extraWrapper.cusChoiceSpan .cusChoiceLabel {
    width: 100%;
    box-sizing: border-box;
}

.rtlWrapper .zfradio.zfCusRadio .tempContDiv .extraWrapper.cusChoiceSpan input[type="text"], .rtlWrapper .zfcheckbox.zfCusCheckbox .tempContDiv .extraWrapper.cusChoiceSpan input[type="text"] {
    float: right;
    margin: 12px 0 0 0;
}