@font-face {
    font-family: iransans;
    src: url("/fonts/BRoya.eot") format("eot");
    src: url("/fonts/BRoya.ttf") format("ttf");
    src: url("/fonts/BRoya.woff") format("woff");
}

*
{
    font-family: iransans, Tahoma, Verdana, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
}

body, html
{
    font-size: 8pt;
    font-family: iransans, Tahoma, Verdana, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    padding:0px;
    margin:0px;
    background-color:#b2bdc4;
    height:100%;
}
.Right{float:right;}
.Left{float:left;}
.Clear{font-size:0px;clear:both;}
.LoginContent
{
	direction:rtl;
	width:100%;height:100%;
}
.LoginTop
{
	background-color:#97a3aa;
	border-bottom:1px solid #d3dadd;
	color:#FFF;
	padding:5px 10px;
}
.LoginContainer
{
	text-align:center;
	display:block;
	background-image:url('/content/images/design/rtl/login_back.png');
	background-repeat:no-repeat;
	padding:15px;
	width:771px;
	height:412px;
}
#Login_BackImage
{
	background-repeat:no-repeat;
	width:771px;
	height:412px;
	color:#FFF;
}
.LoginTitle
{
	background-image:url('/content/images/design/rtl/loginTitle.png?version=2.1');
	background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    background-color: white;
    border-radius: 24%;
    height: 120px;
    width: 120px;
    margin: 0 auto;
    z-index: -1;
}
.LoginBox
{
	background-image:url('/content/images/design/rtl/loginBox.png');
	background-repeat:no-repeat;
	height:186px;
	width:453px;
	text-align:right;
}
.LoginBoxHeader
{
	padding: 5px;
}
input
{
	border:1px solid #323232;
	background-color:#FFF;
	padding:5px;
	width:60px;
    font-size: 8pt;
    font-family: Tahoma, Verdana, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	direction:ltr;
}
.Label
{
	padding:5px 13px 5px 5px;
}
.Control
{
	padding:5px 3px 5px 35px;
}
.Button
{
	background-image:url('/content/images/design/rtl/loginButton.png');
	background-color:transparent;
	border:none;
	background-repeat:no-repeat;
	height:26px;
	width:62px;
	text-align:center;
	cursor:pointer;
}
.LockError
{
    float:right;
	color:#ffbea4;
	padding:5px;
	font-weight:600;
	font-size:13px;
    direction:rtl;
}
.LoginFooter
{
	border-top:1px solid #e2edf4;
	background-color:#828d94;
	padding:2px 4px;
	color:#f2fdd4;
	text-align:center;
    height:25px;
    max-height: 50px;
}
.LoginFooter a
{
	color:#d2edf4;
	text-decoration:none;
}
.LockLicense span
{

	color:#ac3e00;
	font-weight:600;
	font-size: 15px;
    text-align: center;
	margin: 0 auto;
    width: 300px;
}

div.input-group{
    font-size: 13px !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: iransans !important;
    text-align: right;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: iransans !important;
    text-align: right;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-family: iransans !important;
    text-align: right;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: iransans !important;
    text-align: right;
}

body {
    font-family: iransans !important;
    background-position: center;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    font: normal 14px Roboto, arial, sans-serif;
    font-family: 'Dancing Script', cursive !important;
    height: auto !important;
}

.container-main {
    height: 100vh;
}

.text-center .message {
    direction: rtl !important;
}

#Login_BackImage {
    background-repeat: no-repeat;
    width: 100%;
}

.div-center {
    margin: 0 auto;
}

.top-license {
    background-color: rgba(255, 255, 255, 0.87);
    text-align: center;
    border-radius: 0 0 20px 20px;
    color: black;
}

.footer {
    direction: rtl;
}

.LoginFooter {
    background: none;
    border: none;
    color: black;
}


.footer.text-white.text-center {
    position: fixed;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 20px 20px 0 0;
    left: 10%;
    right: 10%;
}

.main-form {
    padding-top: 100px;
}

.form-login .form-control, .form-login span.input-group-text {
    border-radius: 1px !important;
}

span.input-group-text {
    width: 60px;
    font-weight: bold;
}

.form-login {
    background-color: rgba(0, 0, 0, 0.6);
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    border-color: #d2d2d2;
    border-width: 5px;
    color: white;
    box-shadow: 0 1px 0 #cfcfcf;
}

.btn-custom {
    color: white;
    border: 1px solid #fff;
    background-color: #f37435;
}

    .btn-custom:hover {
        color: #000000;
        background-color: #f37435;
        border-color: #000000;
    }

    .btn-custom:not(:disabled):not(.disabled):active {
        background-color: #f37435;
    }

.login-title {
    font-family: iransans !important;
    font-size: 30px;
}

.form-control {
    color: rgb(0, 0, 0) !important;
    font-size: 13px !important;
    border-radius: 10px;
    padding: 1px 2px;
}

h1 {
    color: white !important;
}

h4 {
    border: 0 solid #fff;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    text-align: center;
}

.text-white {
    color: white !important;
}

.text-white-shadow {
    color: white !important;
    text-shadow: 2px 1px 0px #000000;
}

.wrapper {
    text-align: left;
}

.footer p {
    font-size: 18px;
}

.LoginFooter a {
    color: #f37435;
}

.lable {
    direction: rtl;
    float: right;
}