/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:

Copy the number with the hashtag like (# 12.7) and
use CTRL+F to search your specific style elements
----------------------------------------------------------------

# 1.0 Common form elements & styles
	# 1.1 - Transition elements
	# 1.2 - Spacers
	# 1.3 - Dividers
	# 1.4 - Thanks title
	# 1.5 - Field label
	# 1.6 - Field description
	# 1.7 - Error positioning
	# 1.8 - Error & Success messages

---

# 3.0 Columns
# 4.0 Form & fields
# 5.0 Dropdown UI
# 6.0 File upload
# 7.0 Rating
# 8.0 Date picker
# 9.0 Time picker
# 10.0 - 
# 11.0 Custom HTML

---

# 12.0 Submit button

	General styles -
	# 12.1 - General
	# 12.2 - Wrapper for middle aligned buttons
	# 12.3 - Name wrapper

	Button styles -
	# 12.4 - 2D style
	# 12.5 - 3D style
	# 12.6 - Outline style
	# 12.7 - Diagonal style
	# 12.8 - Flat style
	# 12.9 - Rounded style
	# 12.10 - Full Rounded style

	Icon styles -
	# 12.11 - Icon animation
	# 12.12 - Alignment
	# 12.13 - Fullwidth

	Button sizes -
	# 12.14 - Mini Size
	# 12.15 - Tiny Size
	# 12.16 - Small Size
	# 12.17 - Medium Size
	# 12.18 - Large Size
	# 12.19 - Big Size
	# 12.20 - Huge Size
	# 12.21 - Massive Size
	
	Button loading state -
	# 12.22 - Button loading state

---

# 13.0 Multiparts
	# 13.1 - Progress bar
	# 13.2 - Progress steps
	
---

# 14.0 Form Themes
# 14.1 Square Theme
# 14.2 Rounded Theme
# 14.3 RTL Support

---

# 15.0 WP Editor (TinyMCE)


--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 1.0 Common form elements & styles
--------------------------------------------------------------*/
.super-align-center {
	text-align:center;
}
.super-field-wrapper label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
}

/* # 1.1 Transition elements */
.super-button .super-button-name,
.super-button.super-type-diagonal a .super-after {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

/* # 1.2 Spacers */
.super-spacer {
	width:100%;
	float:left;
	clear:both;
}

/* # 1.3 Dividers */

/* # 1.4 Thanks title */

/* # 1.5 Field label */
.super-field .super-label {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 0px 0px 5px 0px;
}
.super-field .super-label.super-bottom-margin {
	padding: 0px 0px 5px 0px;
}

/* # 1.6 Field description */

/* # 1.7 Error positioning */

/* # 1.8 Error & Success messages */


/*--------------------------------------------------------------
# 3.0 Columns
--------------------------------------------------------------*/
.super-grid {
    width: 100%;
    float: left;
}
.super-grid > .super-column {
    position:relative;
    float:left;
    margin-bottom: 0px;
    min-height: 0.01rem;
    background-size:cover;
}
.super-grid > .super-column.super_one_full {
	width:100%;
	padding: 0!important;
}
.super-grid > .super-column.first-column {
	padding-left:0px;
}

.super-grid > .super-column {
	padding-left: 25px;
}

.super-grid > .super-column.first-column {
	padding-right: 0px;
}
.super-grid > .first-column {
    left: 0px;
}

/*----- 1/5 -----*/
.super-grid > .super_one_fifth {
  width: 20%;
}
.super-grid > .super-column.super_one_fifth.first-column {
	width: -moz-calc(20% - 20px);
	width: calc(20% - 20px);
}
.super-grid > .super-column.super_one_fifth {
	width: -moz-calc(20% + 5px);
	width: calc(20% + 5px);
}

/*----- 1/4 -----*/
.super-grid > .super_one_fourth {
  width: 25%;
}
.super-grid > .super-column.super_one_fourth {
	width: -moz-calc(25% + 6.20px);
	width: calc(25% + 6.20px);
}

/*----- 1/3 -----*/

/*----- 2/5 -----*/
.super-grid > .super_two_fifth {
  width: 40%;
}
.super-grid > .super-column.super_two_fifth {
	width: -moz-calc(40% + 5px);
	width: calc(40% + 5px);
}

/*----- 1/2 -----*/
.super-grid > .super_one_half {
  width: 50%;
}
.super-grid > .super-column.super_one_half.first-column {
	width: -moz-calc(50% - 12.5px);
	width: calc(50% - 12.5px);
}
.super-grid > .super-column.super_one_half {
	width: -moz-calc(50% + 12.5px);
	width: calc(50% + 12.5px);
}

/*----- 3/5 -----*/

/*----- 2/3 -----*/

/*----- 3/4 -----*/

/*----- 4/5 -----*/
/*Responsive Columns*/



/*--------------------------------------------------------------
# 4.0 Form & fields
--------------------------------------------------------------*/
.super-form {
    width: 100%;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
}
.super-form .super-load-icon {
	font-size: 34px;
	font-weight:100;
	font-family:'Fontawesome';
	text-align:center;
	width:50px;
	height:50px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-25px;
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	display: block;
	visibility: visible;
}
.super-form.preload-disabled .super-load-icon {
	display:none;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.super-form .super-load-icon:before {
    content: '\f021';
    width: 50px;
    height: 50px;
    display: block;
    line-height: 50px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#000;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#000;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#000;
}
.super-form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.super-form > * {
    visibility: hidden;
}
.super-form input:focus {
	outline:0;
}
.super-form.preload-disabled > * {
    visibility:visible;
}
.super-form.preload-disabled {
	background:none;
}
.super-field {
	width:100%;
	max-width: 100%;
	margin: 0px 0px 25px 0px;
	float: left;
	position: relative;
}

/* @since 2.3.0 */

/* @since 1.2.8 */

.super-field.super-spacer {
	margin:0px 0px 0px 0px;
}
.super-field.hidden {
	display:none;
}
.super-field.grouped {
	width:auto;
	padding:0px 15px 0px 15px;
}
.super-field.grouped.grouped-end {
	padding-right:0px;
}
.super-field-wrapper {
	width:100%;
	float: left;
	position:relative;
}
.super-field .super-field-wrapper .super-shortcode-field {
	width:100%;
	margin:0px;
	padding: 0px 15px;
	font-size:12px;
	height: 33px;
	min-height: 33px;
	line-height: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.super-field .super-field-wrapper .super-shortcode-field {
    -webkit-box-shadow: none;
    box-shadow: none;	
}
.super-radio .super-field-wrapper label input {
	margin-right:5px;
}
.super-radio.display-vertical .super-field-wrapper {
	float:left;
	position: relative;
	margin-bottom: 0px;
}
.super-radio.display-vertical .super-field-wrapper label {
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
}
.super-radio.display-vertical .super-field-wrapper label {
	padding: 5px 0px 0px 25px;
}
.super-radio.display-vertical .super-field-wrapper label input {
	float:left;
	margin: -1px 10px 0px 0px;
}
.super-field-wrapper label {
	cursor:pointer;
	font-weight: normal;
}
.super-radio .super-field-wrapper label {
	float:left;
	padding: 0px 40px 0px 0px;
	margin:0;
	position:relative;
	text-indent: inherit;
}
.super-radio .super-field-wrapper label > input {
	display:none!important;
}
.super-radio .super-field-wrapper label:before,
.super-radio .super-field-wrapper label:after {
	-webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.super-form label input:checked + .dot {
	display: block !important;
}
.super-radio .super-field-wrapper label:before,
.super-radio .super-field-wrapper label:after,
.super-radio .super-field-wrapper .dot {
	content: '';
	position:absolute;
	left: 0px;
	top: 0px;
	width:17px;
	height:17px;
	border: 2px solid #4EB1B6;
	display:block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.super-radio .super-field-wrapper label:after,
.super-radio .super-field-wrapper .dot {
    background-color: #fff;
    border: 0px;
    width: 12px;
    height: 13px;
	top: 50%;
	margin-top: -6px;
    left: 5px;
	display:none;
}


/* @since 1.2.4 */


/* @since 2.9.0 - Toggle field */
.super-toggle-switch {
	float:left;
	width:100%;
	height: 33px;
	border: 1px solid;
	overflow: hidden;
}
.super-toggle-switch,
.super-toggle-switch * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.super-toggle-switch .super-toggle-group {
	width: 200%;
	height: 33px;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}
.super-toggle-switch .super-toggle-group .super-toggle-on,
.super-toggle-switch .super-toggle-group .super-toggle-off {
	height:33px;
	line-height:33px;
	padding: 0px 10px 0px 0px;
	margin:0;
	width:50%;
	text-align:center;
	position: absolute;
	left: 0;
	top: 0;
}
.super-toggle-switch .super-toggle-group .super-toggle-off {
	left:inherit;
	right:0px;
	padding: 0px 0px 0px 10px;
}
.super-toggle-switch .super-toggle-handle {
	width:20px;
	position:absolute;
	left: 50%;
	margin-left:-10px;
	height:100%;
	background-color: white;
	top:0px;
}

/* @since 2.9.0 - keyword tags */

/* @since 1.2.3 */
.super-checkbox..super-has-image.display-horizontal .super-field-wrapper label,
.super-radio..super-has-image.display-horizontal .super-field-wrapper label {
	padding: 5px;
}

/*Responsive Fields*/



/*--------------------------------------------------------------
# 5.0 Dropdown UI
--------------------------------------------------------------*/

/* @since 1.2.8 */


/*--------------------------------------------------------------
# 6.0 File Upload
--------------------------------------------------------------*/

/* @since 1.2.8 */



/*--------------------------------------------------------------
# 7.0 Rating
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 7.5 Slider
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 8.0 Date picker
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 9.0 Time picker
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 11.0 Custom HTML
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 12.0 Submit Button
--------------------------------------------------------------*/

/* # 12.1 General */
.super-button {
    display: inline-block;
    margin: 0px 6px 0px 0px;
    width: auto;
    clear: both;
}
.super-button.super-clear-none {
	clear:none;
}
.super-button a {
	overflow: hidden;
	text-decoration:none;
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	letter-spacing: 1px;
	min-width: 0;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	ms-backface-visibility: hidden;
}
.super-button a:hover,
.super-button a:focus {
	text-decoration: none!important;
}
.super-button a:focus {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
	outline: none;
}
.super-button a .super-button-name {
	text-shadow: 0 1px rgba(0,0,0,0.2);
	line-height: 100%;
}


/* # 12.2 Wrapper for middle aligned buttons */

/* # 12.3 Name wrapper */
.super-button .super-button-name {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	ms-backface-visibility: hidden;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
	ms-transform: translate(0,0);
}
/*
.super-button .super-button-name i {
	position: absolute;
	display: block;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	ms-transform: translate(-50%,-50%);
	top: -200%;
	left: 50%;
	font-family: FontAwesome;
}
.super-button.super-loading .super-button-name i {
	top: -2px;
	left: -10px;
}
*/

/* # 12.4 2D style */

/* # 12.5 3D style */

/* # 12.6 Outline style */

/* # 12.7 Diagonal style */
.super-button.super-type-diagonal a {
	border-width:2px;
	border-style:solid;
	background:none;
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    box-shadow:none!important;
}
.super-button.super-type-diagonal a .super-button-name {
	text-shadow:none;
	font-weight: 900;
}
.super-button.super-type-diagonal a .super-button-name {
	z-index:2;
	position:relative
}
.super-button.super-type-diagonal a .super-after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	height: 100%;
	width: 0px;
	z-index:1;
}
.super-button.super-type-diagonal a:hover .super-after {
	width: 150%;
	height: 650%;
}

/* # 12.8 Flat style */

/* # 12.9 Rounded style */

/* # 12.10 Full Rounded style */
.super-button.super-radius-full-rounded a {
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}
.super-button.super-radius-full-rounded a .super-after {
	width:102%;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	transform: translateX(-1%) translateY(0px) rotate(0deg);
	-webkit-transform: translateX(-1%) translateY(0px) rotate(0deg);
	-moz-transform: translateX(-1%) translateY(0px) rotate(0deg);   
	left:0;  
	top:50%;
	height: 0;
}
.super-button.super-radius-full-rounded a:hover .super-after {
	width:102%;
	height:100%;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	transform: translateX(-1%) translateY(0px) rotate(0deg);
	-webkit-transform: translateX(-1%) translateY(0px) rotate(0deg);
	-moz-transform: translateX(-1%) translateY(0px) rotate(0deg);   
	left:0;  
	top:0;
}

/* # 12.12 Alignment */
.super-button-align-center {
    text-align:center;
    width: 100%;
    margin: 0;
}

/* # 12.13 Fullwidth */

/* # 12.14 Mini Size */
.super-button-mini a {
	font-size: 10px;
	padding: 1px 10px 1px 10px!important;
	-webkit-box-shadow: 0px 1px 0px;
	-moz-box-shadow: 0px 1px 0px;
	box-shadow: 0px 1px 0px;
	margin: 0px;
}
.super-button-mini .super-button-name {
	font-size: 10px;
}
.super-button-mini.super-type-diagonal a {
	padding: 1px 9px 1px 8px!important;
}


/* # 12.15 Tiny Size */


/* # 12.16 Small Size */


/* # 12.17 Medium Size */


/* # 12.18 Large Size */


/* # 12.19 Big Size */


/* # 12.20 Huge Size */
 

/* # 12.21 Massive Size */



/*--------------------------------------------------------------
# 13.0 Multiparts
--------------------------------------------------------------*/

/* # 2.1 Progress bar */

/* # 2.2 Progress steps */


/*--------------------------------------------------------------
# 14.0 Form Themes
--------------------------------------------------------------*/

/* # 14.1 Square Theme */
.super-shortcode-field {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-moz-box-sizing: border-box;   
	-webkit-box-sizing:border-box;  
	box-sizing:border-box;
}

/* # 14.2 Rounded Theme */


/*--------------------------------------------------------------
# 14.0 WP Editor (TinyMCE)
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 14.3 RTL Support	@since 1.2.8
--------------------------------------------------------------*/


/* Button icon sizes */






















/* Button Icon Sizes */


/* Button Icon Left and Always visible Paddings */


/* Button Icon Right and Always visible Paddings */


/* Button Icon Animations */


/* Button Icon Loading State */


/* @since 2.0.0 - don't zoom input fields on mobile devices */

/* @since 2.9.0 - field sizes in height */
.super-radio.display-vertical .super-field-wrapper label:not(.super-has-image) {
	line-height: normal;
	padding: 5px 0px 5px 25px;
}
.super-radio.display-vertical .super-field-wrapper label:before {
	top:50%;
	margin-top: -9px;
}
.super-radio.display-vertical .super-field-wrapper label:after {
	top:50%;
	margin-top: -5px;
}

/* @since 2.9.0 - medium fields */


/* @since 2.9.0 - large fields */
.super-field-size-large .super-field .super-field-wrapper .super-shortcode-field {
	height:43px;
}
.super-field-size-large .super-radio .super-field-wrapper label:before,
.super-field-size-large .super-radio .super-field-wrapper label:after {
	width: 22px;
	height: 22px;
}
.super-field-size-large .super-radio .super-field-wrapper label:after {
	width: 14px;
	height: 14px;
	top: 4px;
	left: 4px;
}
.super-field-size-large .super-radio.display-vertical .super-field-wrapper label:after {
	top: 8px;
	left: 4px;
}
.super-field-size-large .super-radio.display-vertical .super-field-wrapper label {
	padding: 5px 0px 5px 35px;
}
.super-field-size-large .super-radio.display-vertical .super-field-wrapper label:before {
	top:50%;
	margin-top: -11px;
}
.super-field-size-large .super-radio.display-vertical .super-field-wrapper label:after {
	top:50%;
	margin-top: -7px;
}
.super-field-size-large .super-toggle-switch,
.super-field-size-large .super-toggle-switch .super-toggle-group,
.super-field-size-large .super-toggle-switch .super-toggle-group .super-toggle-on,
.super-field-size-large .super-toggle-switch .super-toggle-group .super-toggle-off {
	height:43px;
	line-height: 43px;
}

/* @since 2.9.0 - huge fields */