@font-face {
    font-family: 'NotoKufiArabic-Regular';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoKufiArabic-Regular.ttf);
}

@font-face {
    font-family: 'NotoKufiArabic-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoKufiArabic-Bold.ttf);
}

html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

body {
    background-color: #F0F0F0;
    font-family:"NotoKufiArabic-Regular", "Open Sans", Tahoma, Arial, sans-serif;
    font-size:14px;
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
    padding-bottom: 6rem;
}

/* Login */

.login {
    margin-top: 100px;
    font-size: 13px;
    background: #FFF;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.10);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #DDD;
}

.login .foxy-logo{
    width: 100%;
    margin: 0 auto 10px auto;
    background: #24242B;
    color: #DDD;
    text-align: center;
    padding:25px 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.login .foxy-logo img{
    width: 130px;
}

.login .form-control{
    width: 100%;
    height: 38px;
    padding: 5px 12px;
}

.login .btn{
    width: auto;
    font-size: 14px;
    margin-bottom:-15px;
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.login .btn:hover{
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.login label{
    margin-bottom: 10px;
    font-family: 'NotoKufiArabic-Bold', "Open Sans", Tahoma, Arial, sans-serif;
}

.login .forget-password{
    text-decoration: none;
    font-size: 14px;
    margin-top:5px;
}

.login .rememberMeLabel{
    font-family: 'NotoKufiArabic-Regular', 'Open Sans', Tahoma, Arial, sans-serif;
}

/* Foxy Link */

.foxy-link{
    text-align: center;
    margin-top:20px;
}

.foxy-link a{
    text-decoration: none;
    color: #0E61A2;
}