@font-face {
    font-family: 'IRANSans';
    src: url('fonts/IRANSans.eot?#') format('eot'), url('../fonts/IRANSans.woff') format('woff'),url('../fonts/IRANSans.woff') format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANRounded-web';
    src: url('fonts/IRAN-Rounded.eot?#') format('eot'), url('../fonts/IRAN-Rounded.woff') format('woff');
    font-weight: normal;
}


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;
}

h1, h2, h3, h4 {
    font-family: 'IRANRounded-web', Tahoma;
}

body {
    direction: rtl;
    font-family: 'IRANSans', Tahoma;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
      background: #f6f6f6;
}
.font11{
    font-size:11px;
}

.floatNone {
    float: none;
}

.clearBoth {
    clear: both;
}
.mr5{
    margin-right:5px;
}
.mt34 {
    margin-top: 34px;
}
.padding-30{
    padding:30px 0;
}
.signup-btn{
    color:#EF3B3A;
}
.signup-btn:hover,.signup-btn:focus{
    color:#D42422;  
}

body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
}
.logo-karma-small{
    width: 40px;
margin-top: -1px;
}
.text-red{
    color:#EF3B3A;
}
.mt30{
    margin-top:30px;
}
.box-login{
       box-shadow: 0 2px 5px rgba(0,0,0,0.24);
        border-radius: 3px;
 padding: 15px;
background-color: #fff;
margin-bottom: 20px;
}
.nav-tabs-custom .nav > li > a{
    padding: 25px 20px;
}
.loginModal .modal-dialog{
width: 385px;
}
.logo-karma{
    width:180px;
    margin-top: 30px;
margin-bottom: 20px;
}
.logo-karma2{
    width:150px;
}
.loginContainer{
    box-shadow: 0 2px 5px rgba(0,0,0,0.24);
        border-radius: 3px;
        padding:0 20px 20px;
background-color: #fff;
width:385px;
        border-top:5px solid #EF3B3A;
}
.loginContainer2{
    width:100%;
    padding:20px;
}

.border-top{
        border-top:5px solid #EF3B3A;

}
.elanat{
     height: 488px;
overflow-y: auto;
background-color:#fff;
padding:20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.24);
border-radius: 3px;
        border-top:5px solid #EF3B3A;
}

.elanat .title{
font-size: 24px;
border-bottom: 2px solid #ccc;
padding-bottom: 20px;
}
.elanat .body{
    padding: 10px 0;
}
.loginContainer h1{
font-size:18px;
margin-bottom: 20px;
}
.loginContainer2 h1{
margin-bottom:34px;
}
.loginContainer .sectionPassword,.loginModalContainer .sectionPassword{
    margin-top: 24px;
margin-bottom: 10px;
overflow: hidden;
}
.loginContainer .btn-send,.loginModalContainer  .btn-send{
    background-color: #EF3B3A;
    padding: 11px 20px;
    margin-top: 10px;
    border: 2px solid transparent;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    width: 100%;
    font-size:16px;
     color:#fff;
}
.loginContainer .btn-send:hover,.loginContainer .btn-send:focus,
.loginModalContainer  .btn-send:hover,.loginModalContainer  .btn-send:focus{
    background-color:#D42422;
}

.loginContainer .form-group,.loginModalContainer .form-group{
    position:relative;
}
.form-control:focus{
box-shadow:none;
border-color:#A1A1A1;
color:#A1A1A1;
}
.loginContainer .form-group.email-group:before,.loginModalContainer .form-group.email-group:before{
content: "\f2c0";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #A1A1A1;
font-size: 17px;
padding-right: 0.5em;
position: absolute;
top: 4px;
left: 13px;
}
.loginContainer .form-group.pass-group:before,.loginModalContainer .form-group.pass-group:before{
content: "\f023";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #A1A1A1;
font-size: 17px;
padding-right: 0.5em;
position: absolute;
top: 4px;
left: 13px;
}
.section-login {
    float: right;
    width: 50%;
}

    .section-login input[type=checkbox] {
        margin-left: 5px;
    }
    .mt10{
        margin-top:10px;
    }
  
    .section-login a,.return-page {
        color: #EF3B3A;
    }
    .return-page:hover,.return-page:focus{
        color:#D42422;
    }

    .section-login a:hover, .section-login a:focus {
        border-bottom: 1px solid #EF3B3A;
    }
 
    .section-login span {
        vertical-align: top;
    }

    .jco-footer{
        color:#2b2b2b;
        margin-top:70px;
    }
    .jco-footer:hover, .jco-footer:focus {
        color:#2D3E52;
    }
    .jco-footer2{
margin-bottom: 20px;
margin-top: 10px;
    }
    .nav-tabs-custom .tab-content{
        height: 420px;
overflow-y: auto;
padding: 15px;
    }
    /* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #e4e4e4;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-left: 5px;
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #777;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-right-color: #e4e4e4;
  border-left-color: #e4e4e4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-left {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-left > li {
  float: left;
}
.nav-tabs-custom > .nav-tabs.pull-left > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs.pull-left > li:first-of-type > a {
  border-right-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-left > li:first-of-type.active > a {
  border-right-color: #e4e4e4;
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-left: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}


.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}

/*******rememberpass********/
.title-label{
    font-size:11px;
    margin-bottom:6px;
}
.font14{
    font-size:14px;
}
.sendCode{
    background: none;
border: none;
color:#EF3B3A;
}
.sendCode:hover,.sendCode:focus{
    color: #D42422;
    text-decoration:underline;
}
.title-code{
    margin-top: 15px;
font-size: 14px;
}
.verifyImage{
    margin:30px auto 10px;
}

@media screen and (max-width: 1200px) {
        .nav-tabs-custom .nav > li > a{
   padding:25px 12px;
}
}

@media screen and (max-width: 991px){
    .loginContainer2{
    margin-bottom:20px;
}
}


@media screen and (min-width: 100px) and (max-width: 500px) {
    .nav-tabs-custom .nav > li > a {
    padding: 13px;
}
.loginContainer, .loginModal .modal-dialog,.elanat{
width:300px;
margin: 10px auto;
}
.box-login,.nav-tabs-custom{
width:300px;
margin:auto;
}
.section-login{
    width:100%;
}
.section-login .pull-left{
    float:right !important;
}
.mb10xs{
    margin-bottom: 10px;
}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .nav-tabs-custom .navbar-header{
        box-shadow: 0 2px 5px rgba(0,0,0,0.24);
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
    }
       .nav-tabs-custom .navbar-toggle{
        font-size: 16px;
    }
            .nav-tabs-custom .nav > li > a{
   padding:12px;
}
    .loginModal .modal-dialog {
        margin:20px auto;
    }
}