body {
    
     margin: 0;
    
     padding:0;
     font-family: "IRANSans"; 
     font-weight:normal;
     direction:rtl;
     /*max-width:1680px;*/
     /*background-color:#dd7979;*/
}
img {
     max-width: 100%;
     height: auto;
     border:0;
}
.headerbox {
    /*height:6.9vw;*/
    /*background-color:#0094ff;*/
}
.topheader {
    /*height:50px;*/
    height:3.2vw;
    background-color:#ffffff;
    padding-top:0.5em;
}
#maintitle {
         font-family: "IRANSans"; 
         font-weight:bold;
         color:#3F4E5D;
         font-size:1.3vw;
         margin-right:2.5vw;
        
    }
.userinfo{
         font-family: "IRANSans"; 
         font-weight:normal;
         color:#2F353C;
         font-size:0.9vw;
         margin-right:5vw;
}
.datenow {
         font-family: "IRANSans"; 
         font-weight:normal;
         color:#2F353C;
         font-size:0.9vw;
         margin-right:5vw;
        
}

.menuheader {
    /*height:60px;*/
    height:3.8vw;
    background-color:#3F4E5D;
}

.menubar {
    /*background-color:#ff6a00;*/
    height:100%;
    float:right;
}

    .menubar ul {
        /*background-color:#b6ff00;*/
         height:100%;
         width:90%;
         margin-top:0;
         margin-right:11vw;

    }
        .menubar ul li {
            display:inline-block;
            /*background-color:#ffd800;*/
            margin-top:1vw;
        }
            .menubar ul li a {
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#ffffff;
                 font-size:1.1vw;
                 text-decoration:none;
                 margin-left:0.5vw;
                 /*background-color:#ffd800;*/
                 padding:0.3vw 0.5vw 0.3vw 0.5vw;
                 border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
                 -moz-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
                 -webkit-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
                 transition:all 300ms ease-in-out;
            }
                .menubar ul li a:hover {
                    color:#3F4E5D;
                    background-color:#ffffff;
                    border-radius:0.3vw 0.3vw 0.3vw 0.3vw;
                    -moz-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
                    -webkit-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
                     border:0;
                }



/*css form mobile bottom*/
/*start*/
.container {
    display: inline-block;
    cursor: pointer;
    margin-right:2.5vw;
    margin-top:1vw;
     float:right;
}

   
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
}

/*end css*/

.centerbox {
     height:100%;
     /*background-color:#F0F3F6;*/
      background-color:#F0F3F6;
 
}

#rightmenu {
    height:100%;
    background-color:#422214;
    float:right;
    
}
#mainbox {
    height:99%;
    background-color:#F0F3F6;
    float:right;
}
.footerbox {
     height:50px;
    /*background-color:#ff6a00;*/
}

.pagebox {
    /*background-color:#ffd800;*/
    height:100%;
    width:100%;
    padding:1.5em;
}
  .mainfieldset  {
        background-color:#fff;
        width:100%;
        height:95%;
        border:0;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    }
        /*.pagebox fieldset legend {
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#3F4E5D;
                 font-size:1em;
                 text-decoration:none;
                 margin:0.5em;
        }*/


.subfieldset {
    margin-top:1em;
    margin-right:0.5em;
    margin-left:0.5em;
    width:99%;
    /*height:500px;*/
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
     border: 1px solid #d4d4d4;
}
    .subfieldset legend {
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#3F4E5D;
                 font-size:1em;
                 text-decoration:none;
                 margin:0.5em;
                 padding:0.5em;
    }
.rightmenu {
    height:100%;
    width:100%;
    /*background-color:#ffd800;*/
}
    .rightmenu ul {
        margin-top:0;
         height:98%;
         width:100%;
         padding-top:1.5vw;
         
         /*background-color:#ffd800;*/
    }
        .rightmenu ul li {
           
            display:block;
            height:2.5vw;
            margin-top:0.1vw;
            width:100%;
            /*background-color:#ffd800;*/
        }
            .rightmenu ul li a {
                 font-family: "IRANSans"; 
                 font-weight:normal;
                 color:#a1a1a1;
                 font-size:1vw;
                 text-decoration:none;
                 /*background-color:#64cb1d;*/
                padding:0.3vw 0.3vw 0.3vw 0.6vw;
                             transition:all 300ms ease-in-out;
                
            }
                .rightmenu ul li a:hover {
                    color:#ffffff;

                    background-color:#1b1d28;
                    border-radius: 5px 5px 5px 5px;
                    -moz-border-radius: 5px 5px 5px 5px;
                    -webkit-border-radius: 5px 5px 5px 5px;
                     border:0;
                }

.btnadd {
    font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#50AD26;
    padding:5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /*transition:all 500ms  ease-out;*/

}
    .btnadd:hover {
        background-color:#28680a;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
        font-weight:bold;
    }
.btnupdate {
     font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#f7c141;
    padding:5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /*transition:all 500ms  ease-out;*/
}
    .btnupdate:hover {
        background-color:#dc9e0c;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
        font-weight:bold;
    }
.btncancel {
    font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#767676;
    padding:5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /*transition:all 500ms  ease-out;*/
}
.btncancel:hover {
         background-color:#534f4f;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
        font-weight:bold;
}
.btnnew {
    font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#7852ED;
    padding:5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /*transition:all 500ms  ease-out;*/
}
.btnnew:hover {
     background-color:#5229d0;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
        font-weight:bold;
}
.linkdelet {
    font-family: "IRANSans"; 
    font-weight:normal;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#F04D48;
    padding:0 15px 5px 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.linkdelet:hover {
        background-color:#bb120d;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
     

}
.linkedit {
     font-family: "IRANSans"; 
    font-weight:normal;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#f7c141;
    padding:0 15px 5px 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
    .linkedit:hover {
          background-color:#dc9e0c;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
      

    }
.linkmore {
      font-family: "IRANSans"; 
    font-weight:normal;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#5291E7;
    padding:0 15px 5px 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
    .linkmore:hover {
          background-color:#2a62b0;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
       
    }
    .btnsearch {
      font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1.1vw;
    text-decoration:none;
    background-color:#3F4E5D;
    padding:0.5vw 1vw 0.5vw 1vw;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin-right:1vw;
    
    
}
    .btnsearch:hover {
        background-color:#115b52;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
       
    }

.btnConfirme {
    font-family: "IRANSans"; 
    font-weight:bold;
    color:#fff;      
    font-size:1em;
    text-decoration:none;
    background-color:#d37400;
    padding:5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin:10px;
    /*transition:all 500ms  ease-out;*/

}
    .btnConfirme:hover {
        background-color:#1c4808;
        color:#fff;
        border-radius: 5px 5px 5px 5px;
        font-weight:bold;
    }

.txbfield {
  display:block;
  width: 19vw;
  height:2vw;
  padding: 0.5vw ;
  font-size: 1vw;
  font-family: "IRANSans"; 
  color:#313443;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 0.05vw solid #ccc;
  border-radius: 0.3vw;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
    .txbfield:focus {
        border-color: #3F4E5D;
        border-width:0.1vw;
     
         outline: 0;
        -webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .9);
          box-shadow: inset 0 3px 3px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .9);
    }
.extraTXT {
   height:7vw;
   padding-top:1vw;
  width: 19vw;
  
}



/*start css form grid*/
.Grid
{
   
	background-color:#FFFFFF;
	border-right-width:0;
    border-left-width:0;
    border-top:1px solid #3F4E5D;
    padding:0;
	vertical-align:top;
	margin-right:5em;
	font-family: "IRANSans"; 
    font-weight:normal;
  
}
.Grid tr {
   
         border-right-width:0;
         border-left-width:0;
         /*border-top-width:0;*/
}
    .Grid tr td {
         border-width:0;
    }
    .Grid th {
         border-right-width:0;
         border-left-width:0;
         /*border-top-width:0;*/
    }
    .Grid thead {
         border-right-width:0;
         border-left-width:0;
         /*border-top-width:0;*/
    }

.Grid_Header
{
	 /*background-color: #F8F9FA;*/
     background-color: #fff;
	 border-right-width:0;
      border-left-width:0;
     border-bottom:1px solid #3F4E5D;
     border-top:1px solid #3F4E5D;
     
    
	 padding: 1px;
	 font-family: "IRANSans";
	 font-size: 0.9em;
	 font-weight: bold;
	 color:  #313443;
	 text-decoration: none;
     height:50px;
	
	
	

}

.Grid_Footer
{
	
}

.Grid_Item
{
	background-color: #fff;
	 border-width:0px;
	padding: 2px;
	font-family: "IRANSans";
	font-size: 0.8em;
	font-weight: normal;
	color: #313443;
    height:80px;
	/*border-top:1px solid #d4d4d4;*/
    border-bottom:1px solid #d4d4d4;
	
  
}
    .Grid_Item:hover {
        background-color: #F7F7F7;
    }

.Grid_AlternateItem
{
	background-color: #fff;
	 border-width:0px;
	padding: 2px;
	font-family: "IRANSans";
	font-size: 0.8em;
	font-weight: normal;
	color: #313443;
    height:80px;
     border-bottom:1px solid #d4d4d4;
	
	
   
}
    .Grid_AlternateItem:hover {
        background-color: #F7F7F7;
    }


 /*endcss form gird*/
 .subfieldsetActivityMassage {
    margin-top:1em;
    margin-right:0.5em;
    margin-left:0.5em;
    width:99%;
    height:600px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
     border: 1px solid #d4d4d4;
}
    .subfieldsetActivityMassage legend {
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#3F4E5D;
                 font-size:1em;
                 text-decoration:none;
                 margin:0.5em;
                 padding:0.5em;
    }
    .subfieldsetActivityMassage span {
        font-family: "IRANSans";
     	font-size: 1.5em;
    	font-weight: bold;
       	color: #3F4E5D;
           margin-top:500px;
           margin-right:300px;
    }

#loader {
    position:absolute;
    top:15vw;
    right:50vw;
}
.errormessage {
     font-family: "IRANSans"; 
     font-weight:bold;
     color:#f61e1e;      
     font-size:1vw;
}