/*********************************************************************************/
/*********GUZIKI NAD KTORYMI MAM KONTROLE*****************************************/

.efBtn {
	border-radius: 100px;
	padding: 12px 28px 12px 28px;
	color:white;
	font-family: Quicksand;
	font-weighT:600;
	font-size:16px;
	line-height:24px;
	border:none;
	cursor:pointer;

	/*border:4px solid transparent;*/
	
}

/*primary*/
.efBtnPrimary {
	background: #20AC09;
}

.efBtnPrimary:hover {
	background: #4CC746;
}

.efBtnPrimary.active {
	background: #198507;
}

.efBtnPrimary:focus {
	background: #20AC09;
	/*border: 4px solid #9BE9AC;*/
	box-shadow: 0 0 0px 4px #9BE9AC;
}


.efBtnPrimary:disabled {
	background: #9BE9AC;
}

/*secondary*/
.efBtnSecondary {
	background: #2a5c83;
}

.efBtnSecondary:hover {
	background: #3472A3;
}

.efBtnSecondary.active {
	background: #1D4360;
}

.efBtnSecondary:focus {
	background: #3472A3;
	/*border: 4px solid #D0E9FF;*/
	box-shadow: 0 0 0px 4px #D0E9FF;;
}


.efBtnSecondary:disabled {
	background: #B2CDE2;
}


/*ghostborder*/
.efBtnGhost {
	background: #FFFFFF;
	color:#000;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

.efBtnGhost:hover {
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

.efBtnGhost.active {
	background: #FAFAFA;
	box-shadow:none;
}

.efBtnGhost:focus {
	background: #FFFFFF;
	box-shadow: 0px 0px 8px #4990FA;
}

.efBtnGhost:disabled {
	background: #FFFFFF;
	box-shadow:none;
	color: #D4D4D4;
}


/*ghostborder*/
.efBtnGhost.bordered {
	border: 2px solid #D4D4D4;
}

.efBtnGhost.bordered:hover {
	border: 2px solid rgba(17, 17, 17, 0.48);
}

.efBtnGhost.bordered.active {
	border: 2px solid #6B6B6B;
}

.efBtnGhost.bordered:focus {
	border: 2px solid #4DA6C0;
}


.efBtnGhost.bordered:disabled {
	border: 2px solid #D4D4D4;
}

/********************************************************************/
/*INPUTY*************************************************************/

input {
	outline:none;
}

input[type='text'], input[type='password'], input[type='email'] {
	padding: 11px 23px;
	border: 1px solid rgba(17, 17, 17, 0.48);
	border-radius: 4px;
	font-size: 16px;
	line-height: 24px;
	color:#111;
	font-family: 'Open Sans';
}

input[type='text']:hover {
	border: 1px solid #111111;
}