/* ***** FORM STYLE DEFAULT ***** */

.form-style-default {}
.form-style-default [ class*="group-field" ] {
    margin-top: 15px;
    padding-bottom: 20px;
}


/* ***** FORM STYLE UNDERLINR ***** */

.form-style-underline {}
.form-style-underline [ class*="group-field" ] {
    margin-top: 15px;
    padding-bottom: 20px;
}
.form-style-underline .field-input,
.form-style-underline .field-select,
.form-style-underline .field-select > .output {
	height:40px;
	line-height:40px;
}

/* text label */
.form-style-underline .field-input > .text-label,
.form-style-underline .field-select > .text-label {
	line-height:40px;
}

/* --- has unit --- */
.form-style-underline .field-input.has-unit > .input {
    line-height: 40px !important;
    height: 40px !important;
}
.form-style-underline .field-input.has-unit > .unit {
    line-height: 40px !important;
	padding: 0 0 0 10px;
}

/* --- icon --- */
.form-style-underline [ class*="group-field-" ] > [ class*="field-" ].has-icon > [ class*="icon" ] {
	width:30px;
	height:40px;
	line-height:40px;
}
/* left */
.form-style-underline [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon > .input {
	padding-left:30px !important;
}
/* right */
.form-style-underline [ class*="group-field-" ][ data-icon-position="right" ] > [ class*="field-" ].has-icon > .input {
	padding-right:30px !important;
}


/* --- text label inline --- */
.form-style-underline [ class*="group-field-" ] > [ class*="field-" ].label-inline > .text-label,
.form-style-underline [ class*="group-field-" ] > [ class*="field-" ].label-inline > .input,
.form-style-underline [ class*="group-field-" ] > [ class*="field-" ].label-inline > .output {
	line-height:40px !important;
}


/* ***** FORM STYLE STROKE ***** */

.form-style-stroke {}
.form-style-stroke [ class*="group-field" ] {
    margin-top: 10px;
    padding-bottom: 10px;
}
.form-style-stroke .field-input,
.form-style-stroke .field-select,
.form-style-stroke .field-select > .output {
	height:50px;
	line-height:50px;
}
.form-style-stroke .field-input > .input,
.form-style-stroke .field-select > .output {
	top:-1px;
	padding:0 20px;
}
.form-style-stroke .field-input,
.form-style-stroke .field-input > .input,
.form-style-stroke .field-select,
.form-style-stroke .field-textarea > .textarea > textarea.input {
    border-radius: 5px;
}
.form-style-stroke .field-input,
.form-style-stroke .field-select {
	border: 1px solid rgba(214,214,214,1);
}
.form-style-stroke .field-input.focus,
.form-style-stroke .field-select.focus {
	border-color:rgba(150,150,150,1);
}

/* text label */
.form-style-stroke .field-input > .text-label,
.form-style-stroke .field-select > .text-label {
    left: 15px;
    padding: 0 5px;
	line-height:50px;
}
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].focus > .text-label,
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].has-data > .text-label,
.form-style-stroke .group-field-select > .field-select > .text-label,
.form-style-stroke .text-label-ontop > .text-label {
	padding:5px;
}
.form-style-stroke .field-input > .text-label {
	color: rgba(180,180,180,1);
}

/* --- has unit --- */
.form-style-stroke .field-input.has-unit > .input {
    line-height: 43px !important;
    height: 43px !important;
	top:0 !important;
}
.form-style-stroke .field-input.has-unit > .unit {
	font-size:17px;
    line-height: 43px !important;
	padding: 0 20px 0 10px;
}

/* --- icon --- */
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].has-icon > [ class*="icon" ] {
	width:45px;
	height:50px;
	line-height:50px;
	top:-1px;
}
/* left */
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon > .text-label {
	left:40px;
}
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon.focus > .text-label,
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon.has-data > .text-label {
	left:15px;
}
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon.has-unit,
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].has-icon > .input,
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].label-inline.has-icon {
	padding-left:45px;
}
/* right */
.form-style-stroke [ class*="group-field-" ][ data-icon-position="right" ] > [ class*="field-" ].has-icon.has-unit,
.form-style-stroke [ class*="group-field-" ][ data-icon-position="right" ] > [ class*="field-" ].has-icon > .input,
.form-style-stroke .group-field-select[ data-icon-position="right" ] > .field-select.has-icon {
	padding-right:45px;
}

/* --- text label inline --- */
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .text-label,
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .input,
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .output {
	line-height:50px !important;
}
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .text-label {
	left:0 !important;
	padding:0 0 0 20px;
	background:none !important;
}
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .input,
.form-style-stroke [ class*="group-field-" ] > [ class*="field-" ].label-inline > .output {
	padding-left:0 !important;
}
.form-style-stroke [ class*="group-field-" ][ data-icon-position="left" ] > [ class*="field-" ].label-inline.has-icon > .text-label {
	padding-left:0;
}

/* --- textarea --- */

/* --- select --- */
.form-style-stroke .group-field-select.open .field-select {
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;	
}

/* ***** STROKE FRAME  ***** */

.group-field-check.stroke-frame,
.group-field-check.stroke-frame .field-check {
	padding:0 !important;
	margin:0 !important;
}
.group-field-check.stroke-frame {
	width:calc( 100% + 10px );
	margin-left:-5px !important;
	margin-right:-5px !important;
}
.group-field-check.stroke-frame .field-check {
	padding:5px !important;
}
.group-field-check.stroke-frame .field-check:first-child {
	padding-top:0 !important;
}
.group-field-check.stroke-frame .field-check:last-child {
	padding-bottom:0 !important;
}
/*.group-field-check.stroke-frame .field-check + .field-check {
	margin-top:10px !important;
}*/
.group-field-check.stroke-frame .field-check label {
    width: 100%;
    border: 1px solid rgba(220,220,220,1);
    border-radius: 5px;
    padding: 15px 20px;
    background-color: rgba(0,0,0,0) !important;
}
.group-field-check.stroke-frame .field-check label:hover {
	border-color:rgba(170,170,170,1);
}
.group-field-check.stroke-frame .field-check label,
.group-field-check.stroke-frame .field-check label:hover,
.group-field-check.stroke-frame label .active-color,
.group-field-check.stroke-frame label.active .active-color {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:allr 0.3s ease;
	-o-transition:all 0.3s ease;
}
.group-field-check.stroke-frame .field-check label.active {
    border-color: rgba(225,6,19,1) !important;
    background-color: rgba(225,6,19,0.05) !important;
}
.group-field-check.stroke-frame .field-check .text {
	padding-left: 15px;
}
.group-field-check.stroke-frame .field-check .checkmark {
    margin-top: -1px;
}
.group-field-check.stroke-frame .field-check.multi-line .checkmark {
    margin-top: 7px;
}
.group-field-check.stroke-frame .text-title {
	line-height:22px !important;
}
.group-field-check.stroke-frame .description,
.group-field-check.stroke-frame .text-detail {
	line-height:20px !important;
}
.group-field-check.stroke-frame label.active .active-color {
	color: rgba(212,9,9,1) !important;
}

/* inline */
.group-field-check.stroke-frame.inline .field-check {
	padding:5px !important;
}

/* hidden checkmark */
.group-field-check.stroke-frame.hidden-checkmark .field-check label {
	display:block !important;
}
.group-field-check.stroke-frame.hidden-checkmark .field-check .checkmark {
	display:none !important;
}
.group-field-check.stroke-frame.hidden-checkmark .field-check .text {
	display:block !important;
	float:none !important;
	padding-left:0 !important;
	width:100% !important;
}


/* small */
.group-field-check.stroke-frame .field-check.small {}
.group-field-check.stroke-frame .field-check.small label {
	padding:0 15px !important;
}
.group-field-check.stroke-frame .field-check.small label,
.group-field-check.stroke-frame .field-check.small .text-title {
	line-height:30px !important;
}