/*******************************************/
@font-face {
	font-family: 'BKoodakBold';
	src: url('/fonts/koodak/BKoodakBold.eot');
	src: local('?'), url('/fonts/koodak/BKoodakBold.woff') format('woff'), url('/fonts/koodak/BKoodakBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.bgkalcopay {
	background-color:#FCAE1A;
}


.login {
/*  background:url(/images/login/bg_login_box.jpg) no-repeat;*/
  color: #A6A6A6;
  /*width:775px;
  height:465px;
  width:570px;
  height:570px;
*/
  margin:0 auto;
  position: relative; 
}

#form_login small{
	font-size: 10px;
}


.login-screen {
  /*min-height: 317px;*/
  padding: 15px 95px 15px 95px; }

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) {
	.login {
	  width:290px;
	  height:inherit;
	}
	.login-screen {
	  padding: 15px 15px 15px 15px; 
	}

}
/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.login {
	  width:90%;
	  height:inherit;
	}
	.login-screen {
	  padding: 15px 15px 15px 15px; 
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	.login {
	  width:50%;
	  height:inherit;
	}

	.login-screen {
	  padding: 15px 15px 15px 15px; 
	}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.login {
	  width:570px;
	  height:inherit;
	}
	.login-screen {
	  padding: 15px 15px 15px 15px; 
	}

}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.login {
	  width:570px;
	  height:inherit;
	}
	.login-screen {
	  padding: 15px 15px 15px 15px; 
	}

}




.login-form {
  background-color: #eceff1;
  border-radius: 6px;
  padding: 24px 23px 20px;
  position: relative; }
  .login-form:before {
/*
    content: "";
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #eceff1 transparent transparent;
    height: 0px;
    position: absolute;
    left: -12px;
    top: 35px;
    width: 0;
    -webkit-transform: rotate(360deg); */}
  .login-form .control-group {
    margin-bottom: 6px;
    position: relative; }

  .login-form .login-field {
    padding:10px 5px 6px;
  color:#A7A7A7;
  text-align: left;
  border-radius:3px;
  border:none;
  height:27px;
    width: 289px; 
   font:normal 15px/27px 'BKoodakBold', tahoma;
	background-color:#fff;
}
/*
  .login-form .login-field {
    border-color: transparent;
    font-size: 15px;
	font-family: 'BKoodakBold', tahoma;
    padding-bottom: 6px;
    padding-top: 6px;
    text-indent: 3px;
	color:#A7A7A7;
	border-radius:3px;
    width: 299px; }
*/
    .login-form .login-field:focus + .login-field-icon {
      color: #1abc9c; }
  .login-form .login-field-icon {
    color: #bfc9ca;
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 14px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }

.login-link {
  color: #888;
  display: block;
  font: 12px 'iransans',tahoma;
  text-decoration: none;
  margin-top: 10px;
  text-align: right; 
}

.btn {
border: none;
border-radius:3px;
background: #34495e;
color: white;
font-size: 15px;
font-family: 'BKoodakBold', tahoma;
text-decoration: none;
text-align:center;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; }
.btn:hover, .btn:focus {
  background-color: #4e6d8d;
  color: white;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }
.btn:active, .btn.active {
  background-color: #2c3e50;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.btn.disabled, .btn[disabled] {
  background-color: #95a5a6;
  color: white; }
.btn.btn-large {
  padding-bottom: 12px;
  padding-top: 13px; }
.btn.btn-primary {
  background-color: #D35400; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
	background-color: #E74C3C; }
  .btn.btn-primary:active, .btn.btn-primary.active {
	background-color: #C0392B; }
	  
.btn-block {
  display: block;
  width: 100%;
  margin-top: 15px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.login p{
	direction:rtl;
  margin: 10px 0 0 0;
}
.login p label{
	color: #8F8F8F;
	font-size: 15px;
	font-family: 'BKoodakBold', tahoma;
}
 #captcha{
     float: left;
    width: 165px;
 }
#captcha_image{
     float: left;
	width:125px;
	margin:0;
}
#versian_text{
	text-align: center;
	padding: 0 0 0 0;
	color: #FFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-family:tahoma;
	font-size:13px;
}
#error_message{
	font-size: 15px;
	font-family: 'BKoodakBold', tahoma;
	border-radius:5px;
	padding:6px 3px;
	border: 1px solid;
	direction:rtl;
	text-align:center;
	margin:0 0 5px 0;
	background: #DB3A27;
	border-color: #C73321 #B12D1E #8E2418;
	background-image: -webkit-linear-gradient(top, #EA8A7E, #E15A4A 70%, #DB3A27);
	background-image: -moz-linear-gradient(top, #EA8A7E, #E15A4A 70%, #DB3A27);
	background-image: -o-linear-gradient(top, #EA8A7E, #E15A4A 70%, #DB3A27);
	background-image: linear-gradient(to bottom, #EA8A7E, #E15A4A 70%, #DB3A27);
}



.form-login-control {
    color: #2D3091;
	font-weight: 400;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 11.5px 25px;
    font-size: 14px;
    line-height: 1.78571;
    background-color: #fff;
    background-image: none;
    border: 1px solid #f2f2f2;
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	direction:ltr;

}

.btn-login {
	margin-top:10px !important;
}


.error {
	color:#A91602;
}
  /************************************************/