@font-face {
    font-family: Vazir;
    src: url("../Fonts/Vazir/Vazir.woff") format("woff"),
    url("../Fonts/Vazir/Vazir.woff2") format("woff2"),
    url("../Fonts/Vazir/Vazir.ttf") format("truetype");
}
body
{
    background-color: var(--bs-gray-700);
    font-family: Vazir,Tahoma, serif;
    direction: rtl;
    padding-top: 25px;
    color:white;
    overflow-x: hidden;
}
#main, #main h3
{
    vertical-align: middle;
    background-color: var(--bs-gray-600);

}
#main
{
    border-radius: 15px;
}
footer
{
    background-color: var(--bs-gray-800);
    min-height: 200px;
    padding: 15px;
    color: var(--bs-gray-200);
    line-height: 250%;
    overflow-x: hidden;
    margin-top: 10%;

}
.main-panel
{
    background-color: var(--bs-gray-600);
    padding: 25px;
    margin-top:15px;

}
.right-console h5
{
    background-color: var(--bs-gray-700);
    padding: 20px;
}
.right-console span
{
   line-height: 300%;
    text-overflow: hidden;
}
.left-console img
{
    /*min-height: 300px;*/
    position: relative;
    width:100%;
}
.ltr
{
    direction: ltr;
    float: left;
}
.center
{
    align-items: center;
    text-align: center;
}
.footer-middle-under
{
    margin-bottom: 1px !important;
    align-items: center;
    text-align: center;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-self: flex-end;
}
.top-85
{
    /*top: 85%;*/
}

/*                Login            */
.login-page
{
    padding: 25px;
    min-height:400px;
    margin-bottom: 25%;
    background-color: var(--bs-gray-600);
    border-radius: 10px;

}
.login-page input
{
    margin-top:25px;

}

.bg-gray400{
    padding: 20px;
background-color: var(--bs-gray-500);
    border-radius: 15px;
}
.login-page a
{
    text-decoration: none;
    color: #9eeaf9;
    padding: 15px;
}
.login-page a:hover
{
    text-decoration: none;
    color: #8bb9fe;
    cursor: grab;
}
/*                Login            */