#dx_fa_wrapper{

}
.clearfix {
    clear: both;
}
.dxfa_flex{
	display: flex;
	justify-content: space-between;
}
 
#dx_fa_insert_wrapper{
	/*position: fixed;
	bottom: 0;
	right: 0;
	width: 200px;
	text-align: center;
	//background: #dadada;
	padding-top: 10px;
	padding-bottom: 6px;
*/
	
	position: sticky;
	top:0px;
	//border:solid 1px #c0c0c0;
	border-radius: 0px;
}

.fa_style.btn-group{
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}

.form-check-inline, .form-check{
	width: 90%;
}

.dx_flex{
		display: flex;
}

#dx_fa_insert_wrapper label{
	text-align:left;
	cursor:default;
}

#dx_fa_insert_wrapper hr{
	margin:6px;
	border:solid 1px #ccc;
	border-bottom:none;
}


#dx_fa_preview{
	font-size:1.5rem;
	/*text-shadow:-1px -1px 1px #777, 1px 1px 1px #fff;*/
	color:#08c;
	//background: #fff;
	padding: 6px;
	    display: flex;
    justify-content: center;
}

.fontawesome-icon-list{
	font-size:30px;
}

.fa-hover{
	display: inline-block;
	float: left;
	border: solid 0px #ccc;
	border-left: solid 1px #ccc;
	width: 60px;
	text-align: center;
}
.fa-hover a{
	cursor: pointer;
	padding: 6px 6px;
	color:#444;
}
.fa-hover a:hover{
	text-decoration: none;
}

h2.page-header{
	margin-top: 20px;
	font-size: 16px;
}

.btn_dx_fa_button{
	margin-top: 6px;
}

#dx_fa_color_fs label, #dx_fa_color input{
	display: inline-block;
	vertical-align: initial;
}
#dx_fa_color_fs input.input-colorpicker{
	width: 50%;
}

.dxdisplaynone{
	display: none !important;
}


.dx_filter_button{
	border-radius: 0 !important;
	width: 30%;
}




/*fa5*/
div.fontawesome-icon-list ul.list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    margin-right: 15px;
    margin-left: 15px;
    li{

    	display: flex;
    	align-items: center;
		list-style: none;

		//width: 60px;
		text-align: center;
		cursor:pointer;
    	a{
	    	padding: 8px;
	    	margin-bottom:4px;
			border: solid 0px #ccc;
			border-left: solid 1px #ccc;	
    	}
		i{
			transition:transform 300ms;
		}
		&:hover{
			i{
				transform:scale(1.5);
			}

		}
	}
}

body.contentpane{
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#dx_fa_insert_wrapper{
	justify-content: space-evenly;
    position: sticky;
    padding-right: 4px;
    padding-left: 4px;
    background: whitesmoke;
    height: 98vh;
    padding: 10px 20px;
}

div.btn_dx_fa_button_wrapper{
	display:flex;
    justify-content: center;
	.btn_dx_fa_button{
		color:#333;
	}
}