@font-face {
    font-family: 'Tajawal-Bold';
    src: url('Tajawal-Bold.eot');
    src: url('/Content/fonts/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('Tajawal-Regular.eot');
    src: url('/Content/fonts/Tajawal-Regular.ttf') format('truetype');
}

body {
    /*padding-top:0; 50px;*/
    padding-bottom: 20px;
    font-family: 'Tajawal-Regular';
    /*font-size: 14px;*/
}



/* Set padding to keep content from hitting the edges */
.body-content {
  
    width: 75%;
    /*margin-bottom:80px;*/
    margin: 0 auto;
    margin-bottom: 80px;
    margin-top:100px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}


.textarea2 {
    max-width: 100%;
    resize: none;
}
.spacingTop20px
{
    margin-top:20px;
}


.imgBorder {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
    box-shadow: 1px 1px inset #bce6ff;
}

.textBorder-light {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
}


.center-block {
    display: block;
    /*border: 1px solid #000000;*/
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 300px;
    /*height:200px;*/
}

footer {
    position: fixed;
    height: 60px;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #bce6ff;
    background-color: #000;
    /*background-image: url('images/Sunflower-0.9s-800px.svg') ;*/
  
    background-repeat: no-repeat; /*Determine what direction the image will repeat */
    background-position: center; /* Where the image will be positioned relative to "top, right, bottom, and/or left */
    /*   background-size: cover;*/
}
    footer > p {
        vertical-align: middle;
        align-content: center;
        padding: 20px;
        font-weight: bold;

    }





.onlineUsers {
    /*position: fixed;*/
     
    bottom: 100px;
    width: 100%;
    border-top: 3px solid #ffffff;
}

.user {
    position: absolute;
    /*display: block;*/
    left:140px;
    /*width :250px;*/
    top:10px;
}

.saveOrSubmit {
    /*position: fixed;*/
    margin-top: 5px;
    height: 60px;
    bottom: 60px;
    width: 100%;
    /*z-index: 99999;*/
    border: 1px solid #ffe8e8;
    border-radius: 5px;
    padding: 10px;
}




.bg-sky {
    background-color: #bce6ff !important;
}


.border-right-item {
   border-right:2px solid #00d5cf;
   border-radius:10px;
}

.border-bottom-item {
    border-bottom: 2px solid #00d5cf;
    border-radius: 10px;
}



.text-sky {
   color: #bce6ff !important;
}


.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }



.radioCheck {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox; /* Firefox */
    -ms-appearance: checkbox; /* not currently supported */
}


.required {
    content: "*";
    color: red;
}

/*Animated */
.wavy-background {
   
    background-image: url('images/Wave-5.9s-1920px.svg');
    background-repeat: no-repeat; /* Determine what direction the image will repeat */
    background-position: unset; /* Where the image will be positioned relative to "top, right, bottom, and/or left */
    min-height:100px;
    position:relative;

    
}

#navigationBack, .navbar .navbar-default {
     
   
    background-image:  url('images/Photon-50s-800px.svg');
    background-repeat: no-repeat; /* Determine what direction the image will repeat */
    background-position: unset; /* Where the image will be positioned relative to "top, right, bottom, and/or left */
    background-size: cover;
}