@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
h1, h2, h3, h4, h5, h6, p, span, div 
{
	font-family: 'Noto Kufi Arabic', sans-serif;
}
.input-custom
{
	background-color: #FFF;
	display:block;
}
span
{
	text-align: center!important
}
.input-group-text
{
	white-space: normal!important;
}
.form-control {
    background-color: #f3f1f1;
}
.input-group-text {
    color: #ffffff;
    background-color: #7f8fa6;
}
fieldset
{
    border: solid 1px #000;
    padding:10px;
    display:block;
    clear:both;
    margin:5px 0px;
}
legend
{
    padding:0px 10px;
    background:black;
    color:#FFF;
}
input.add
{
    float:right;
}
input.fieldname
{
    float:left;
    clear:left;
    display:block;
    margin:5px;
}
select.fieldtype
{
    float:left;
    display:block;
    margin:5px;
}
input.remove
{
    float:left;
    display:block;
    margin:5px;
}
#yourform label
{
    float:left;
    clear:left;
    display:block;
    margin:5px;
}
#yourform input, #yourform textarea
{
    float:left;
    display:block;
    margin:5px;
}
.content
{
	border:1px solid #e8e3e6;
	padding: 3px
}
.content .custom-label {

 font-weight: bold;
	
}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
        display: block;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
        display: block;
    }
}