﻿.usermenu.list-block ul
{
    height:auto;
        float: right;
}
.usermenu.list-block ul span
{
    display:none;
}
.usermenu  a i
{
    width:1.5em;
    float:right;
    margin-left:0.1em;
    color:#bc2e2d;
    font-size:25px;
    font-size:2.5rem;
    -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.usermenu  a span
{
    color:#bc2e2d;
    float:right;
    width:auto;
        font-size: 1.2rem;
}
.usermenu  a:hover i
{
    color:#ffffff;
    font-size:30px;
    font-size:3rem;
   
}

.usermenu li
{
    text-align: right;
    direction: rtl;
    height: auto;
    width: calc(100% - 20px);
    border-radius: 0 100px 100px 0;
    background: #ffc120;
    color: #444;
    margin: 5px 20px 5px 0px;
    padding: 5px;
}
.usermenu li.fullborder
{
      border-radius: 100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
}
 .usermenu  a 
    {
   
        font-size:15px;
    font-size:1.5rem;
      color:#bc2e2d;
      padding:5px 1.5em 5px 0em;
    width: Calc(100% - 1.5em);
    float: right;
    display: block;
    }
  .usermenu a:hover {
     color:#ffffff;
    }
  .usermenu  a.active {
     color:#ff6666;
    
    }
  .usermenu  a.active i
  {
      color:#ff6666;
      font-size:30px;
      font-size:3rem;
  }
  .usermenu  a.active span
  {
      color:#ffffff;
  }
  .horiz ul
  {
      float:right;
      width:100%;
     
  }
.usermenu.horiz li
{
    width:auto;
    display:inline-block;
    clear:none;
    float:right;
  direction:ltr;
    height:100%;
   
}
    .usermenu.horiz li span {
         border-bottom:none;
         border-left: 1px solid #222 ;
         height:50px;
          padding:0 2.5rem;
           color:#bc2e2d;
           float:right;
           clear:none;
           width:auto;
           display:block;
    }
      

.usermenu.horiz
{
    padding:0;
    overflow:hidden;
}
.usertext
 {
     color:#ffffff;
 }
 .usermenu  span.usertext, #usermenu.horiz li span.usertext
{
    color:#ffffff;
    border:0;
}
 
 .usermenu.horiz li a.usertext
{
    padding:5px 10px;
    border:0;
        width: auto;
    float: right;
    clear:none;
}
.list-messages {
    overflow: auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
 .messagesList
 {
     margin:0;
     padding:0;
     width:100%;
     display:block;
    
 }

 #cName
 {
     width:97%;

 }
 #cDelete
 {
     width:3%;
     cursor:pointer;
      background-color:#fff;  
 }
 .headerc
  {
      position:relative;
      float:left;
      text-align:center;
      clear:none;
      background-color:#fff;      
      height:30px;
  }
 .list-messages #cName
 {
     width:97%;
     padding:0;
 }
 #cDelete
 {
     width:3%;
     cursor:pointer;
      background-color:#fff;  
 }
  .messagesList li.msgItem
  {
     margin:0.5% 1%;
     padding:0 0.5% 0.5% 0.5%;
     background-color:#ffffff;
     color:#000;
     width:97%;
     display:block;
     list-style:none;
     float:left;
     direction:rtl;
     text-align:right;
     height:83px;
     overflow:hidden
  }
  .chbMU
  {
      margin-top:0.5em;
      margin-left:0.5em;
  }
   .itrash
  {
      width:20px;
      height:30px;
      background:transparent url('img/base/trash.png') no-repeat center center;
      vertical-align:bottom;
      color:#FFF;
      float:right;
      clear:none;
      margin:0 10px;
  }
   .userform
   {
       font-size:1.5rem;
       margin-bottom:50px;
   }
    table.userform  td
    {
        padding:10px;
    }
  .messagesList li.msgItem img
  {
      
  }
  .messagesList li.msgItem .msgMessage
  {
      width:69%;
  }
  .messagesList li.msgItem .msgInfo
  {
      width:100%;
      border:0;
      height:80px;
      border-bottom:2px solid #808080;                 
  }
   .messagesList li.msgItem .msgInfo span 
   {
       color:#222;
       padding:2px;
   }
   .messagesList li.msgItem .msgInfo  i.note
   {
       float:left;
       color:#030040;
       font-size:large;
       margin-left:5px;
   }
   .messagesList li .msgInfo.read
   {
        background-color:#bababa;
   }
   .messagesList li .msgInfo.unread
   {
       background-color:#fff;
   }
   .tblProfile
{
	width: Calc(100% - 20px);
    border: 0;
    font-size: 1.5rem;
    float: right;
    color: #000000;
    text-align: center;
    margin-right: 20px;
}
   
   table.uf
   {
       width:100%;
       font-size:1.7rem;
   }
   #leftpnl{
       margin-left:0%; position:relative; 
       float:right;text-align:left;
       width:100%;
   }
.tblinside {
    float: right;
    width: calc(100% - 100px);
}

.tblinside tr td 
{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;

}
.tblinside tr.datep td:first-child span
{
    float:right;
    display:none;
}
.tblinside tr.datep td:first-child
{
    width:190px;
}
.tblinside tr td.CreateUserWizard-Skin-Title
{
  
   border-bottom:1px solid;
   height: 1em;
   padding:0;
   padding-right:20px;
   
   text-align:right;
}
   .tblProfile input
   {
         font-size: 1.2rem;
    border: 1px solid #CCCCCC;
    width: 250px;
    float:left;
   }
   .tblinside tr td input{
       float:right;
      
   }
    .tblinside tr td input[type=submit]{
       float:right;
       background: transparent;
    border: none;
   }
   .txtBirthday
   {
       float:right;
       width:70%;
       font-family:'yekan';
   }
   #paymandeh
   {
       margin:0 auto;
       width:200px;
   }
   .loaddata
{
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	background-image: url(img/base/ 284.gif);
	background-repeat: no-repeat;
	background-color: #2a2a2a;
	z-index: 1;
	display: none;
}
   .girdselection
   {
       text-align:center;
       width:50px;
       background:url('img/base/View_Details-.png') no-repeat center center;
       color:#ff6666 ;
       height:60px;
       line-height:100%;
       font-size:xx-large;
       
       -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
   }
    .girdselection:hover {
         background:#ff6666 url('img/base/View_Details-2.png') no-repeat center center;
    }
    .selectrow
    {
        background-color:#ff6666;
    }
    .detailviewtable
    {        
        width:50%;
        float:left;
        direction:rtl;
    }
    .detailviewtable td
    {
        padding:1%;
    }
    .detailviewtable .totalstyle
    {      
        font-size:larger;
    }
    .detailviewtable .whitestyle
    {
        color:#1f401f;
       
    }
    .headerdetail
    {
        text-align:center;
        color:#bc2e2d;
        
    }
    .fieldheaderdetail
    {
        background-color:#e8e8e8;
        color:#bc2e2d;
    }

    #userpage
    {
            font-family: 'yekan';
    }
.offDiv {
   
   width:Calc(100% - 10px);
    float: right;
    padding:0 5px;      
     background:#f7f7f7;
    border:0;
    position: relative;
    overflow:hidden;
    display:none;
    margin-right:0;
}
.openanim {
    width: Calc(100% - 10px);    
    padding:20px 5px;
     
}
.inneroffDiv {
    float:right;
    clear:none;
    width:auto;   
    height:auto;
    position:relative;     
}
.offDiv .celldiv
{

    float:right;
    clear:none;
    width:400px;    
    padding:10px 5px;
    direction:rtl;
    border:1px solid #efefef;
    margin:2px 5px;
}
.offDiv .celldiv div:not(.loader)
{
    float:left;clear:none;position: relative;
}
.offDiv .celldiv span
{
    padding:0 5px;
    font-family:'yekan';
    float: right;
        font-size: 1.3rem;
}
.offDiv .cellbtn
{

    float:right;
    clear:none;
    width:auto;    
    padding:10px 5px;
    direction:rtl; 
   
     
}
.offDiv .cellbtn input
{    
     padding:5px;  
}

.getRegion
{
    width:250px;
}
 .green input,a.green
{
      border:0;
     font-family:'yekan';
    background:#1d681d;
    color:#fff !important;;
     border:0;
     padding:5px 30px !important;
}
 .offDiv .cellbtn input:disabled
{
     -webkit-opacity: 0.5;
     -moz-opacity:0.5;
     opacity: 0.5;
     background:#222;
}
 .gray input,a.gray
{
      border:0;
     font-family:'yekan';
    background:#808080;
    color:#E8E8E8 !important;;
     border:0;
     padding: 5px 30px !important;
}
.offDiv select{
    display:block;
    float: left;
    font-size: 1.5rem;
}
.offDiv select.static {
    width:200px;
}
.address
   {
       width:100%;
       direction: rtl;float:right;clear:both;
   }
   .address tr td
   {
       padding:10px 5px;
       text-align:center;
   }
        
   .address tr td input
   {
       padding:0px;
   }
   .address tr td input.custom-btn
   {
       margin:0 20px;
       padding:5px;
       font-family:'yekan';
   }
   .address tr th
   {
       
       padding:5px;
       text-align:center;
       font-family:'yekan';
      
   }
    .address select {
        display:block;
        font-size:1.5rem;
    }
  
  .loadbar
{
    background-position: 5px center;	
	position: relative;
    float:right;
    clear:none;
    height:100%;
    width:170px;
	vertical-align: middle;
	text-align: right;
	background-image: url(img/base/284.gif);
	background-repeat: no-repeat;	
    background-size:contain;
    background-color: #E8E8E8;
	z-index: 1;
	display: none;
    padding:0 5px;
}
  .userform tr
  {
      cursor:pointer;
  }
@media (min-width:62.5em) {

    .usermenu a {
             padding:5px 10px 5px 0em;
    }
    .messagesList li.msgItem {
 height:37px;
    }
    .messagesList li.msgItem .msgInfo
  {
    
      height:40px;
                  
  }
    .usermenu.list-block ul span {
        display: block;
        padding: 0;
        line-height: 2em;
            font-size: 1.2rem;
    }
    .usermenu.horiz li span
    {
        line-height: 1.5em;
        font-size:1.5rem;
        height:30px;
    }
}
@media (min-width: 93.98em)
{
     .usermenu.list-block ul span {       
            font-size: 1.5rem;
    }
}