@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 100;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Thin.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Thin.woff2') format('woff2');
}

/* 300 - Light */
@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 300;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Light.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Light.woff2') format('woff2');
}

/* 400 - Regular */
@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 400;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Regular.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Regular.woff2') format('woff2');
}

/* 600 - SemiBold */
@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 600;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-SemiBold.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}

/* 700 - Bold */
@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 700;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Bold.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-Bold.woff2') format('woff2');
}

/* 800 - ExtraBold */
@font-face {
    font-family: 'yekanbakhFaNum';
    /*    font-style: normal;*/
    font-weight: 800;
    /*    font-stretch: normal;*/
    src: url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-ExtraBold.woff') format('woff'), url('../a1-font/yekanbakhfanumber/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
}

:root {
    --main-color-index: #ed1846;
    --main-color-index-hover: #ce0f39;
    --main-color-text: #414042;
}

.BTitr {
    font-family: yekanbakh;
    font-weight: bold;
}

.font-w-bold {
    font-weight: bold;
}
/** {
    box-sizing: border-box;
    outline: none;
    margin: 0;
    padding: 0;
}*/

body {
    font-family: yekanbakhFaNum;
    /*  font-family: Roboto, "sans-serif";*/
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background: #fff;
    color: #3d464d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: scroll;
    text-align: right;
    direction: rtl
}

.text-right {
    text-align: right !important;
}

.Login-First {
    border: 1px solid silver;
    border-radius: 10px;
    text-align: center;
}

.Logo img {
    width: 60%;
    margin-bottom: 20px;
}

.btn-login-page {
    background-color: var(--main-color-index)!important;
}

    .btn-login-page:hover {
        background-color: var(--main-color-index-hover) !important;
    }

.Logo {
    text-align: center;
}

.Padd-Page {
    padding-top: 10%;
}

.Input-Login {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid silver;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    padding-right: 10px;
}

.Matn {
    padding-top: 10px;
    font-size: 12px;
}

@media all and (max-width: 800px) {
    .Matn {
        padding-top: 10px;
        font-size: 12px;
    }
}

.Border-red-Style {
    border: 1px solid red !important;
}

.Pass {
    text-align: right;
    font-size: 12px;
}

.Code-Login {
    font-size: 12px;
}

.Matn-Login {
    font-size: 12px;
}

.Pass-Show {
    position: absolute;
    top: 23px;
    left: 40px;
}

.Pass-Hide {
    position: absolute;
    top: 23px;
    left: 40px;
}

.container {
    max-width: 1430px;
}

h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.text-secondary {
    color: #6c757d !important;
}

p:last-child {
    margin-bottom: 0;
}

.fs-14 {
    font-size: 14px;
}

.pad-r-25 {
    padding-right: 25px;
}



/*GiveAccessCode-Page*/
.text-left {
    text-align: right !important;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a, button, img, input, span {
    transition: all .3s ease 0s;
}

a, button {
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    text-decoration: none;
}

*:focus {
    outline: none !important;
}

.fa {
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h5 {
    font-size: 14px;
}
/*GiveAccessCode-Page*/