/* CSS Document */
/*adrian 7/23/14 */
@charset "UTF-8";
/* CSS Document */
@font-face
{
	font-family: Webly Sleek UI;
	src: url(weblysleekuil.ttf);
}

#ordering_sortable1, .ordering_sortable2, #sortable2_1, #sortable2_2, #sortable2_3, #sortable2_4,
#sortable2_5, #sortable2_6, #sortable2_7, #sortable2_8,
#sortable2_9, #sortable2_10, #sortable2_11, #sortable2_12 {
	list-style-type: none;
	margin: 0% 2% 2% 2%;
	padding: 0;
	float: left;
	width:96%;
}
.ordering_sortable2 li, #sortable2_1 li, #sortable2_2 li, #sortable2_3 li, #sortable2_4 li,
#sortable2_5 li, #sortable2_6 li, #sortable2_7 li, #sortable2_8 li,
#sortable2_9 li, #sortable2_10 li, #sortable2_11 li, #sortable2_12 li {
	margin-bottom:0px;
	font-size: 1.0em;
	line-height:1.2em;
	background:#FFF;
	text-align:center;
	cursor:pointer;
	padding:2px 0 2px 0;
	border:1px #000000 dashed;
}
#ordering_sortable1 li{
	margin-bottom:5px;
	font-size: 1.5em;
	line-height:1.2em;
	background:#FFF;
	text-align:center;
	cursor:pointer;
}
#ordering_sortable1 {
	border:0px black dashed;
	min-height:50px;
}
.ordering_sortable2, #sortable2_1, #sortable2_2, #sortable2_3, #sortable2_4, #sortable2_5, #sortable2_6, #sortable2_7, #sortable2_8, #sortable2_9, #sortable2_10, #sortable2_11, #sortable2_12 {
	border:1px #DDDDDD solid;
	padding-bottom:0;
	min-height:23px;
	background:#FFF
}
#def1, #def2, #def3, #def4, #def5, #def6, #def7, #def8, #def9, #def10, #def11, #def12{
	color:#000;
	font-size: 1.0em;
	line-height:1.2em;
}
.ordering_targetZone{
	background:#EEEEEE;
	border:1px #DDDDDD solid;
}
.ordering_targetZone p{
	margin:2%;
}
.button-padding{
	padding-right: 1px !important;
	padding-left: 1px !important;
	cursor:pointer;
}
.ordering_fb_icon{
	position:absolute;
	top:-10px;
	right:-6px;
	border:0px solid red;
	width:20px;
	height:20px;
	font-size:20px;
}
.dropPlaceHolder{
	background:#CCC !important;
	height:21px;
}
.bg-danger.ui-state-disabled{
		background-color: rgba(226, 59, 75, 0.75)!important;
}
.bg-success.ui-state-disabled{
		background-color: rgb(115, 198, 135)!important;
}

.sort-btns{
	margin-left: auto;
}

.sort-btn{
	color: #26304d;
	opacity: 0.4;
	background: transparent;
	padding: 0px 5px 0px 5px;
}

.sort-btn:hover{
	opacity: 1;
}

.list-group-item{
	display: flex;
	justify-content: center;
}

.bg-success .sort-btn, .bg-danger .sort-btn{
	color: #fff;
	opacity: 1;
}

i.fa.fa-check-circle.float-right.g-color-white, i.fa.fa-times-circle.float-right.g-color-white {
    padding-top: 4px;
}

.bg-success{
	background-color: #218739 !important;
}