/*!
* KFU Dashboard - Dienship Information Technology 2019
* @author KFU Designer Team
*/
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: local('Tajawal'), local('Tajawal-Regular'), url(../fonts/tajawal/Tajawal-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  src: local('Tajawal Medium'), local('Tajawal-Medium'), url(../fonts/tajawal/Tajawal-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  src: local('Tajawal Bold'), local('Tajawal-Bold'), url(../fonts/tajawal/Tajawal-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 900;
  src: local('Tajawal Black'), local('Tajawal-Black'), url(../fonts/tajawal/Tajawal-Black.ttf) format('truetype');
}
/*****************************************************************************/

html,
body {
 height: 10%;


/*
         background-image: url(UpdateAdmin\Images\Back.png);
        background-position: center;
        background-size: cover;
        background-repeat: repeat;
        width: auto;
        height: 890px;
*/


}

body {
  font-family: 'Tajawal', sans-serif;
  font-size: 15.5px;
  font-weight: 500;
}

.container
{
    width:1300px;
    /* height:800px; */
    position:relative;

    margin: auto;
}


/*
   #aa{
        background-image: url(UpdateAdmin\Images\Back.png);
        background-position:center;
        width: auto;
        height: 890px;

        background-repeat: no-repeat;
    }
*/


/*
.image
{    
    position:absolute;
    
    left:0;
    top:0;
    width: 100%;
    height: auto;
}
*/

/*
.IMGS{
    position: relative;
    top: 60px;
      left: 10px;
*/

}
.btn
{
    z-index:100;
    position:absolute;    
    color:white;
    font-size:16px;
    font-weight:bold;
    background-color: #2B6263;
    padding: 1px 10px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-family: 'tajawal';
    text-decoration: none;
}


element.style {
    right: 35px;
    top: 670px;
}

.btn:hover {
    background-color: #C69A47;
    color:white;
}