@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;600&display=swap');
@import url('styles.min.css');
html,body {height: 100%; text-align:inherit;}
* {font-family: 'Cairo', sans-serif;}
html:lang(ar)  { direction: rtl; }
html:lang(ar) .text-left { text-align: right!important; }
html:lang(ar) .text-right { text-align: left!important; }
html:lang(ar) header.masthead {
    transform: scaleX(-1);
}
html:lang(ar) header.masthead h1 {
    transform: scaleX(-1);
}
html:lang(ar) header.masthead .masthead-heading {
    display: flex; justify-content: flex-end;
}
header.masthead {background-image: url('../../media/images/banner.png');}
section.login   {
    min-height: calc(100% - 414px) !important;
    background-color: #e5e5e5;
    display:flex;
    align-items:center;
    justify-content:center;
}
section.login ul {
    list-style: none;
    padding: 0;
}
section.login li:before {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 7px;
    border-bottom: 3px solid #78b13f;
    border-right: 3px solid #78b13f;
    margin: 0 10px;
}
section.login .card a {
    color: gray;
}