.input_class{

padding-left:10px;

}

@media (min-width:768px){

.input_class{

padding-left:20px;

}

}

  #add_user_to_category{

   width:150px;   

  }

@media (max-width:480px){

  #add_user_to_category{

   width:100px;   

  }

}





.ac-container{

	width: 100%;

	margin: 10px auto 0px auto;

	text-align: left;

}

.ac-container label{

	/* font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; */

	padding: 5px 12px;

	position: relative;

	z-index: 20;

	display: block;

	height: 30px;

	cursor: pointer;

	

	color: #fcc00a;

	/*

	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

	line-height: 33px;

	font-size: 19px;



	background: #ffffff;

	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));

	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );



	box-shadow: 

		0px 0px 0px 1px rgba(155,155,155,0.3), 

		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 

		0px 2px 2px rgba(0,0,0,0.1);

		*/	

	font-family: 'Open Sans', Helvetica, sans-serif;

  background: #374859;

  background: -o-linear-gradient(top, #4a6179, #273440);

  background: -ms-linear-gradient(top, #4a6179, #273440);

  background: -webkit-linear-gradient(top, #4a6179, #273440);

  background: -moz-linear-gradient(top, #4a6179, #273440);

  background: linear-gradient(to bottom, #4a6179, #273440);

  box-shadow: inset 0 -3px 0 #222c36, inset 0 -3px 3px #242e39, inset 0 2px 2px #607e9b, inset 1px 0 2px #293643, inset -1px 0 2px #293643, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);



}

.ac-container label:hover{

	/* background: #fff; */

}

.ac-container input:checked + label,

.ac-container input:checked + label:hover{

/*

	background: #c6e1ec;

	color: #3d7489;

	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);

	box-shadow: 

	0px 0px 0px 1px rgba(155,155,155,0.3), 

	0px 2px 2px rgba(0,0,0,0.1); */

}

.ac-container label:hover:after,

.ac-container input:checked + label:hover:after{

	content: '';

	position: absolute;

	width: 24px;

	height: 24px;

	right: 13px;

	top: 7px;

	background: transparent url(/bootstrap/img/arrow_down.png) no-repeat center center;	

}

.ac-container input:checked + label:hover:after{

	background-image: url(/bootstrap/img/arrow_up.png);

}

.ac-container input[name=accordion-1]{

	display: none;

}

.ac-container article{

	/* background: rgba(255, 255, 255, 0.5); */

	margin-top: -1px;

	overflow: hidden;

	height: 0px;

	position: relative;

	z-index: 10;

	

	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	

}

.ac-container article img{

padding-top: 5px;

margin-left: -17px;

}

.ac-container article p{

	font-style: italic;

	color: #777;

	line-height: 23px;

	font-size: 14px;

	padding-left: 15px;

	padding-top: 3px;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

}

.ac-container input:checked ~ article{

	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

	/*

	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);

	*/

}

.ac-container input:checked ~ article.ac-small{

	height: 140px;

}

.ac-container input:checked ~ article.ac-medium{

	height: 430px;

}

.ac-container input:checked ~ article.ac-large{

	height: 1080px;

}