/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#deveko_form a, #deveko_form a:hover{
	transition: all 0.3s;
} 
#deveko_form {
	font-size: 16px;
line-height: 22px;
	margin: 0;
	padding: 0;
}

#deveko_form label {
	padding: 5px 0 0 0;
	cursor: pointer;
}

#deveko_form input {
	border: 1px solid #F2F2F2;
}

.devekosub div {
	display: table;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
	border: 1px solid #C7C7C7;
	background: #F9F9F9;
}
.devekosub a{
	color:#424242;
}
.devekosub div div{
	border: 0;
	margin: 0 0 3px 0 !important;
	padding: 0px 0 0 0;
}
.devekosub div div .col-*{
	border: 0;
	margin: 0 0 3px 0 !important;
}
.devekosub div div .popover,
#deveko_form .popover{
	width:275px !important;
	margin-top:-10px !important;
	margin-left:15px !important;
}
.popover-title {
	
}
.popover-content {
	padding:10px 15px !important;
}

.devekosub div div p {
	font-size: inherit;
	transition: all 0.3s;
}
.toggleit{
	text-transform:uppercase;
	font-size:18px !important;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:55px !important;
}
.toggleit span:first-child{
	padding-top:10px !important;	
}
.devekosub .toggleit .toggler,
.devekosub .toggled .toggler{
	 transition: all 0.25s;
	 margin-top:16px;
}
.devekosub .toggleit .toggler:before{
	font-size:36px !important;;
	padding: 0;
	display: block;
	font-family:FontAwesome !important;
	content:'\f13a' !important;
	float:right;
/* border-style: solid;
border-width: 33.3px 20px 0 20px;
border-color: #424242 transparent transparent transparent;
line-height: 0px;
_border-color: #424242 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
 */
 }

.devekosub .toggled .toggler:before{
	font-size:36px !important;;
	padding: 0;
	float:right;
	display: block;
	font-family:FontAwesome !important;
	content:'\f137' !important;
/* border-style: solid;
border-width: 20px 33.3px 20px 0;
border-color: transparent #424242 transparent transparent;
line-height: 0px;
_border-color: #000000 #424242 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
 */	
}

#deveko_form ul{
	width:100%;
	
	display:table;
	list-style-type:none;
}
#deveko_form li{
	list-style-type:none;
	width:100%;
	display: inline-block;
	margin-bottom:4px;
}
#deveko_form li label{
	margin:0;
	padding:0;
	list-style-type:none;
	display: inline;
	margin-right:25px;
	margin-left:6px;
	margin-top: -4px;
	float: left;
}
#deveko_form li input[type="radio"], 
#deveko_form li input[type="checkbox"]{
	float:left;
	margin:4px 10px 0 0;
	padding:10px 6px;
}
.submit{
	margin-top:25px !important;
	transition:all 0.2s;
}
.submit:hover{
	transition:all 0.2s;
}

.mb20{
	margin-bottom:20px;
}

.red{
	color:#d0121f;
}
.green{
	color:#12d036;
}


#sort_devekoFormEvents .ui-sortable-handle{
	width:inherit !important;
	float:left;
}
