/***************************************

	pbForms CSS
	by philbide
	Version 1.0.0

***************************************/

/***************************************

1.0.1
	- 

***************************************/

/*
	Search Prefixes

	#1		| °
	#2		| !
*/



/****************/
/*   °Section   */
/****************/

.pb-section {
	
}

.pb-section-row {
	margin-left: -10px;
}

.pb-section-row-item {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0 0 10px;
	box-sizing: border-box;
}

.pb-section-row-item.full {
	width: 100%;
}

.pb-section-row-item.half {
	width: 50%;
}

.pb-section-row-item.third {
	width: 33.333%;
}

.pb-section-row-item.quarter {
	width: 25%;
}

@media only screen and (max-width: 620px) {
	.pb-section-row-item {
		display: block;
	}

	.pb-section-row-item.full,
	.pb-section-row-item.half,
	.pb-section-row-item.third,
	.pb-section-row-item.quarter {
		width: 100%;
	}
}



/****************/
/*   Controls   */
/****************/

.pb-forms-controls {
	margin-top:15px;
}



/***************/
/*   Loading   */
/***************/

.pb-forms-loading {
	display:none;

	vertical-align:middle;

	width:30px;
	height:30px;
	background-size:30px auto;

	background-image:url('../img/icon_loading.svg');
	background-repeat:no-repeat;
	background-position:center center;
	
	animation-name:pb-forms-loading-cricle;
	animation-timing-function:linear;
    animation-duration:1s;
    animation-iteration-count:infinite;
}

.pb-forms-loading.small {
	width:18px;
	height:18px;
	background-size:18px auto;
}

.pb-forms-loading.large {
	width:40px;
	height:40px;
	background-size:40px auto;
}



@keyframes pb-forms-loading-cricle {
	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);
	}
}