:root {
    --primary-color: #06338e;
    --primary-color-dark: #002e8b;
    --second-color: #20b2af;
    --second-color-dark: #188785;
    --text-color: #fff;
    --second-text-color: #fff;
    --body-bg-color: #fff;
    --second-body-bg-color: #F1F6F4;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 14px;
    min-height: 100%;
}

html, body {
    font-family: Tajawal-Medium,serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.main-body-auth {
}

.page-content-auth {
    background-color: var(--second-body-bg-color);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-signin, .form-signup {
    background-color: var(--body-bg-color);
    border-radius: 10px 10px 10px 10px;
    z-index: 2;
    /*box-shadow: 0px 2px 17px 5px rgba(0,0,0,0.41);
    -webkit-box-shadow: 0px 2px 17px 5px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 2px 17px 5px rgba(0,0,0,0.41);*/
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.btn-forget-pass:hover {
    color: var(--second-color);
}
/*start input pass toglle*/
.lyl-input-body-icon-left {
    position: absolute;
    top: 35%;
    left: 6%;
    cursor: pointer;
}
/*end */