@import"https://fonts.googleapis.com/css2?family=El+Messiri&display=swap";
@import"https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap";
@import"https://fonts.googleapis.com/css2?family=Rakkas&display=swap";
@import"https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap";

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body {
    font-family: "Cairo", sans-serif !important;
    background-color: #2c3338;
    color: #4a9494;
    min-height: 100vh
}

body ::-webkit-scrollbar {
    width: 12px
}

body ::-webkit-scrollbar-track {
    background: #f1f1f1
}

body ::-webkit-scrollbar-thumb {
    background: #888
}

body ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.home .logo {
    width: 7rem;
    height: 7rem;
    margin-bottom: 1rem
}

.home .logo img {
    border-radius: 25%;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%
}

.home .login .form-field {
    display: flex;
    margin: .875rem
}

.home .login .form-field label,
.home .login .form-field input[type=text],
.home .login .form-field input[type=password] {
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem
}

.home .login .form-field label {
    background-color: #363b41;
    padding: 1rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.home .login .form-field input[type=text],
.home .login .form-field input[type=password] {
    padding-right: .5rem;
    font-size: 1.2rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.home .login .form-field input[type=submit] {
    width: 100%;
    padding: .75rem;
    font-size: 1.2rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.home .login .form-field input[type=submit]:hover {
    background-color: #4a9494
}

.home .login #select label {
    width: 46px;
    height: 56px;
    background-color: #363b41
}

.home .login #select #position {
    width: calc(100% - 46px);
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px
}

#email, #emp-pass {
    width: calc(100% - 46px) !important;
}