﻿ @font-face {
    font-family: "IRANSansFaNum";
    src: url("/fonts/IRANSansFaNum.eot"); /* IE9 Compat Modes */
    src: url("/fonts/IRANSansFaNum.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/IRANSansFaNum.otf") format("opentype"), /* Open Type Font */
    url("/fonts/IRANSansFaNum.svg") format("svg"), /* Legacy iOS */
    url("/fonts/IRANSansFaNum.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/IRANSansFaNum.woff") format("woff"), /* Modern Browsers */
    url("/fonts/IRANSansFaNum.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
 @font-face {
  font-family: "IRANRounded";
  src: url("/fonts/IRAN-Rounded.eot"); /* IE9 Compat Modes */
  src: url("/fonts/IRAN-Rounded.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/IRAN-Rounded.otf") format("opentype"), /* Open Type Font */
    url("/fonts/IRAN-Rounded.svg") format("svg"), /* Legacy iOS */
    url("/fonts/IRAN-Rounded.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/IRAN-Rounded.woff") format("woff"), /* Modern Browsers */
    url("/fonts/IRAN-Rounded.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
}
 dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    outline: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
  
html,body{
          direction: rtl;
    font-family: 'IRANSansFaNum', Tahoma;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
            height:100% !important;

    }

   body{
        /*background: url('../images/banner-login.jpg') no-repeat;*/
          background: -webkit-linear-gradient(to bottom, #2980b9, #124678);
    background: -moz-linear-gradient(to bottom, #2980b9, #124678);
    background: -ms-linear-gradient(to bottom, #2980b9, #124678);
    background: -o-linear-gradient(to bottom, #2980b9, #124678);
    background: linear-gradient(to bottom, #2980b9, #124678);
        background-size: cover;
        background-position: center;
}
   h1, h2, h3, h4, h5, h6 {
    font-family: 'IRANRounded', Tahoma;
}
   .font14{
       font-size:14px;
   }
   .floatNone {
    float: none;
}
   .mt10{
       margin-top:10px;
   }
.colorWhite,.colorWhite:hover,.colorWhite:focus{
    color:#fff;
}
.loginContainer{
-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.21);
box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.21);
overflow:hidden;
padding:0;
margin-top:84px;
border-radius:5px;
margin-bottom: 40px;
}
.leftSide {
    height:458px;
    padding-left:0;
    background-color: #fff;

  -webkit-box-shadow: inset -2px -1px 4px 1px rgba(161,161,161,1);
-moz-box-shadow: inset -2px -1px 4px 1px rgba(161,161,161,1);
box-shadow: inset -2px -1px 4px 1px rgba(161,161,161,1);
  /*-webkit-box-shadow: inset -2px -1px 14px 1px rgba(161,161,161,1);
-moz-box-shadow: inset -2px -1px 14px 1px rgba(161,161,161,1);
box-shadow: inset -2px -1px 14px 1px rgba(161,161,161,1);*/
}
.rightSide{
    padding-right:0;
    background-color:#fff;
    min-height: 458px;
}
.leftSide h1{
    font-size:18px;
    color:#1B8BCB;
    margin-bottom: 20px;
}
.leftSide p{
      font-size:14px;
    color:#2b2b2b;
    text-align:justify;
}
.content{
padding: 20px;
margin-bottom: 20px;
padding-top: 5px;
}
.container-right{
    padding: 10px 35px 20px 20px;
}
.container-right h1{
    color:#0f3e6c;
    font-size:18px;
}
.loginContainer .form-group {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}

.loginContainer .form-control {
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #0f3e6c;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-align: right;
    height: 50px;
    width: 100%;
    direction: rtl;
    user-select: none;
    -moz-user-select: none;
   padding: 21px 28px 3px 15px;
}

.loginContainer .label-login {
    user-select: none;
    -moz-user-select: none;
    position: absolute;
    top: 20px;
    right: 31px;
    color: #acacac;
    transition: 0.5s;
    width: 100%;
    font-size:14px;
}

    .loginContainer .label-login.focus {
        color: #0f3e6c;
        transform: translateY(-22px);
    }

.lableFocus {
    color: #0f3e6c !important;
    transform: translateY(-22px);
}
.section-login {
    float: right;
    width: 50%;
}

    .section-login input[type=checkbox] {
        margin-left: 5px;
        vertical-align: middle;
    }

.section-login-blue a,.signup-btn {
    color: #1B8BCB;
    transition:0.5s;
}
.section-login-blue a:hover,.section-login-blue a:focus{
    text-decoration:underline;
}
.colorBlue {
    color:#1B8BCB;
}
.img-icon{
    position: absolute;
right: 4px;
bottom: 3px;
width: 21px;
}
.mr5{
    margin-right:5px;
}

.btn-login3 {
  border-radius: 5px;
  color: #fff;
  position: relative;
     padding: 12px 20px;
    font-size: 15px;
    margin: 10px auto 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    width: 100%;
    border:none;
     background-color:#1B8BCB;
}
.btn-login3:hover,.btn-login3:focus{
    background-color:#157AB4;
    color:#fff;
}
   .colorBlueFooter{
       color:#137AB5;
   }
   .logo-login{
 width: 70px;
margin: 5px auto;
   }
@media screen and (min-width: 100px) and (max-width: 1200px) {
 .container-right{
   padding: 10px 20px 20px 7px;
}
 .leftSide h1 {
    font-size: 16px;
}
    .leftSide p {
        font-size: 13px;
    }
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .rightSide{
      padding-right:15px;
  }
}
@media screen and (min-width: 100px) and (max-width: 500px) {
  
}