####AFEGITS PER FORMULARI REGISTRE###
 /* Style the form */
#regForm {
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
}

/* Style the input fields */
input {
  padding: 10px;
  font-size: 17px;
  font-family: Roboto;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

input[type='radio'],
input[type='checkbox']{
	float: left;
}


/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}

.chosen-container{
	margin-bottom:  1em;
	font-family: Roboto, sans-serif !important;
}
.chosen-container .chosen-choices{
	padding: .2em .5em;
	background: none !important;
	background-color: #efefef  !important;
	box-shadow: inset 1px 2px 2px #cecece;
	border-radius:  3px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.chosen-container .search-field{
	color:#aaa;
	padding: .2em .5em;
}
.chosen-container .chosen-drop .chosen-results{
	background-color: #efefef;
	font-size: 1.2em;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{
	font-size: 1.2em;
}
input[type="radio"] < div,
input[type="checkbox"] < div{
	padding: 20px;
}
input[type="radio"],
input[type="checkbox"]{
	margin-top:  5px;
	width: 20px;
	clear: both;
}
select{
	border-radius: 3px;
	font-size: 1.2em;
	line-height: 1.5em;
	box-shadow: inset 1px 2px 2px #cecece;
	background: #efefef;
	border: none;
	width: 100%;
	margin-bottom: 1em;
	padding: .2em .5em;
}

p.help-text{
	padding-top: 0px;
  display: block;
  width: 80%;
  float: left;
}

.altaSocis .col-md-4 ul li{
	color: red;
}

.disabled{
	cursor: not-allowed;
	background-color: #ccc !important;
}
.xarxes .yt
{
	background-color: #c4302b;
	background-image: url(img/yt.svg);
	background-size: auto 60%;
	/*filter: invert(23%) sepia(95%) saturate(2037%) hue-rotate(350deg) brightness(89%) contrast(80%);*/
}
.xarxes .th
{
	background-color: #6441a5;
	background-image: url(img/th.svg);
	background-size: auto 60%;
	/*filter: invert(24%) sepia(63%) saturate(2286%) hue-rotate(246deg) brightness(82%) contrast(79%);*/
}
.xarxes .fb
{
	background-color: #3B5998;
	background-image: url(img/fb.svg);
	background-size: auto 60%;
	/*filter: invert(32%) sepia(13%) saturate(2421%) hue-rotate(183deg) brightness(100%) contrast(92%);*/
	/*filter: invert(1);*/
}
.xarxes .ig
{
	background-color: #F56040;
	background-image: url(img/ig.svg);
	background-size: auto 60%;
	/*filter: invert(42%) sepia(74%) saturate(1663%) hue-rotate(338deg) brightness(103%) contrast(92%);*/
}
.xarxes .tw
{
	background-color: #00acee;
	background-image: url(img/tw.svg);
	background-size: auto 70%;
	/*filter: invert(50%) sepia(83%) saturate(2465%) hue-rotate(164deg) brightness(99%) contrast(102%);*/
}
.xarxes .tt
{
	background-color: #000;
	background-image: url(img/tt.svg);
	background-size: auto 60%;
	/*filter: invert(1);*/
}
.xarxes .dd
{
	background-color: #5865f2;
	background-image: url(img/dd.svg);
	background-size: auto 60%;
	/*filter: invert(1);*/
}
.xarxes .www
{
	background-color: #7beb71;
	background-image: url(img/web.svg);
	background-size: auto 60%;
	/*filter: invert(1);*/
}