﻿/*aside right*/
                .link {
                    direction: rtl;
                   
                    color: #00838F;
                    font-size: 12px;
                   padding: 10px 9px 12px 10px;
                }


                /*Hover Level 01*/

                /*.link:hover{
                   
                     border-bottom: 1px solid #FF6F00;
                     color:#FF6F00;
                }*/
             
                
/*.side-text-main :hover .side-text{
    color:#FF8F00 !important;
}

                .side-text-main :hover .fontawesome_Right{
    color:#FF8F00 !important;
}*/

/*.link:hover{
   border-bottom: 1px solid #FF8F00;
}*/
/*.pull-right:hover{
 border-bottom: 1px solid #FF8F00;
}*/


/*.side-text-main1 :hover .side-text1{
    color:#FF6F00 !important;
}
.side-text-main1 :hover .fontawesome_Right1{
    color:#FF6F00 !important;
}*/


.side-text-main2 :hover .side-text2{
    color:#FF6F00 !important;
}
.side-text-main2 :hover .fontawesome_Right2{
    color:#FF6F00 !important;
}

.side-text-main3 :hover .side-text3{
    color:#FF6F00 !important;
}
.side-text-main3 :hover .fontawesome_Right3{
    color:#FF6F00 !important;
}

/*.link1:hover{
   border-bottom: 1px solid #FF6F00;
}
.link2:hover{
   border-bottom: 1px solid #FF6F00;
}

.link3:hover{
   border-bottom: 1px solid #FF6F00;
}*/

/*.side-text-main1 .side-text1 :hover .text-menu-rightside{
    color:#FF6F00 !important;
}

.side-text-main2 .side-text2 :hover .text-menu-rightside{
    color:#FF6F00 !important;
}

.side-text-main3 .side-text3 :hover .text-menu-rightside{
    color:#FF6F00 !important;
}*/

/*li .link :hover .fontawesome_Right{
    color:#FF6F00 !important;
}

li .link :hover .side-text{
    color:#FF6F00 !important;
}*/

/*.Div_WithOut_Sub:hover{
color:#FF6F00 !important;
}*/
/*.side-text:hover{
    color:#FF6F00 !important;
}*/

                 /*.side-text:hover{
                    text-decoration:none;
                    color:#FF6F00  !important;
                }*/

                 /*-----------------------------*/



                .side-text {
                    color: #fff !important;
                    text-decoration: none !important;
                }

               

                .side-span {
                    direction: rtl;
                }

                ul,
                ul ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                .menu {
                    width: auto;
                    height: auto;
                }



                    .menu ul li a {
    /* width: 100%; */
    display: block;
    position: relative;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: 'iransans';
    font-size: 0.8em;
    font-weight: 400;
    color: #fff;
    text-align: right;
   /*padding-right: 5px;*/
    padding: 7px 3px 7px 0px;
}


                    /*.menu ul li a :hover {
                    
                    background-color:red;

                    }*/

                 


       #wrapper {  
    width: 150px;
    margin-top:59px;
    position:fixed;

    right: 0;
}
   @media screen and (min-width:600px)
   {
#wrapper {  
    width: 220px;
   
}
 }



.text-menu-rightside:hover {
    text-decoration:none;
    color:#FF6F00;
    /*background-color:#0097A7;*/
   border-bottom: 1px solid #FF6F00;
}



.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 30px;
    background-color:#006064;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top:3px;
}

.dropdown-content li {
    color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}
.dropdown-content ul li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}
.dropdown-content a {
  
    padding: 9px 14px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 220px;
     
}
/************************************/


.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content1 {
    display: none;
    /*padding:10px 10px 10px 10px;*/
    position: absolute;
    right: 189px;
    background-color:#006064;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top:3px;
}

.dropdown-content1 li {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:10px;
}
.dropdown-content1 ul  {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}
.dropdown-content1 #test10 #test11 {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}
.dropdown-content1 a {
  color:white;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 120px;    
}
.dropdown-content1 a:hover {
  color:white;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 120px;    
}
.dropdown2 {
    position: relative;
    display: inline-block;
}


.dropdown-content3 li {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:0px;
}
.dropdown-content3 ul  {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:10px;
}
.dropdown-content3 #test10 #test11 {
    color: black;
    padding: 22px 26px;
    text-decoration: none;
    display: block;
    margin-right:10px;
}
.dropdown-content3 a {
  color:white;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 120px;    
}
.dropdown-content3 a:hover {
  color:white;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 120px;    
}
.dropdown3 {
    position: relative;
    display: inline-block;
}

.dropdown-content3 {
    display: none;
    position: absolute;
    right: 30px;
    background-color:#006064;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top:3px;
}

/*.dropdown-content2 li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}
.dropdown-content2 ul li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-right:30px;
}*/
.dropdown-content3 a {
    padding: 9px 14px;
    text-decoration: none;
    display: block;
    direction:rtl;
       min-width: 120px;     
}
/**********************************/
.dropdown:hover .dropdown-content {
    display: block;
}
/*.dropdown-content:hover ul li .dropdown1 {
     display: block;
}*/
.dropdown1:hover .dropdown-content1    {
    display: block !important;
}
/*.dropdown2:hover .dropdown-content2
{
 display: block !important;
}
*/
.dropdown3:hover .dropdown-content3
{
 display: block !important;
}


.dropbtn
{
        border: none;
    padding-right: 8px;
    padding-left: 8px;
     background-color:#006064;
}

.right-hover{
    font-size:11px; color:#b4bcc8;
      text-align:right;
      color:#fff;
}

.right-hover:hover{
 /*background-color:#FF6F00 !important;*/
  font-size:11px;
   color:#FF6F00 !important;
    text-decoration: none;
    border-bottom:1px solid #FF6F00;
}



/*---------------------------change-------------------------*/

/*right*/

                #idASIDE {
                    position: fixed;
                    background-color: #006064;
                    color: #79869a;
                    min-width: 30px;
                    min-height: 696px;
                    width: 30px;
                    height: calc(100% - 0px);
                    right: 0px;
                    top: 0px;
                    z-index: 100000000;
                    /*user-select: none;*/  /*****comment*/
                    transition: all 0.2s;
                }

                    #idASIDE.open {


                        /*اضافه شد*/
                        overflow-x: scroll !important;
                        /*overflow-y:hidden;*/
                        transition: all 0.2s;
                        /*width:22%;*/
                        width:240px;
                    }




                #aside0 {
                    position: absolute;
                    padding: 10px 0px 0px 0px;
                    font-size: 24px;
                    list-style: none;
                    right: 5px;
                    cursor: pointer;
                }

                #aside0title {
                    position: absolute;
                    font-family: 'iransans';
                    /*font-family: monospace;*/
                    font-size: 12px;
                    top: 0px;
                    left: -178px;
                    display: none;
                    /*user-select: none;*/
                    pointer-events: none;
                }

                    #aside0title.open {
                        display: block;
                    }

                #aside1 {
                    position: absolute;
                    margin: auto;
                    padding: 10px 0px 0px 0px;
                    min-width: 30px;
                    max-width: 30px;
                    font-size: 1.5vw;
                    text-align: center;
                    top: 50px;
                    right: 0px;
                    list-style: none;
                }

                    #aside1 li {
                        padding: 5px 0px 5px 0px;
                        /*user-select: none;*/
                        cursor: pointer;
                    }

                    #aside1.open {
                        display: none;
                    }

                #aside2 {
                    margin-left: 0px;
                    position: absolute;
                    padding: 10px 5px 0px 2px;
                    font-size: 14px;
                    min-width: 220px;
                    max-width: 166px;
                    top: 50px;
                    left: 14px;
                    display: none;
                    /*user-select: none;*/
                    overflow-y: auto;
                    /*overfloe-x: hidden;*/
                }

                    #aside2.open {
                        right: 130px;
                        display: block;
                    }


  /*---------------------------change-------------------------*/

  .right-inner-a:hover{
     /*background-color: #565d65;*/
     background-color: #4DD0E1;
    
  }

  .submenu ul li{
          padding-right: 6px; /**10px*/
         
  }
 .Level4_li{
     padding-right:0px !important;
 }
  .submenu{
       background-color:#00838F;
  }

   .submenu1{
       background-color:#0097A7;
  }
     .submenu2{
       background-color:#00ACC1;
  }
        .submenu3{
       background-color:#00BCD4;
  }

 .submore{
     display:none;
 }

 .right-menu{
     position:relative;
 }

 /*new*/
 /*.mm{
         display: -webkit-box;
 }*/

 .Right_ink_WithoutSub
 {
     padding-right:20px !important;
 }

  .Right_ink_WithoutSub:hover
 {
    /*background-color:#00ACC1;*/
    color:#FF6F00;
    border-bottom:1px solid #FF6F00;
 }

   .Right_ink_WithoutSub:hover .Div_WithOut_Sub
 {
 
    color:#FF6F00 !important;
    
 }

 /*.side-text-main:hover{
     background-color:#B2DFDB;
 }*/
 /*.side-text-main:hover{
       background-color:#0097A7;
 }*/
   .link1 {
                    direction: rtl;
                   
                    color: #00838F;
                    font-size: 14px;
                   padding: 10px 9px 12px 10px;
                }

     .link2 {
                    direction: rtl;
                   
                    color: #00838F;
                    font-size: 14px;
                   padding: 10px 9px 12px 10px;
                }
                /*.link1:hover{
                    background-color:#0097A7;
                }*/

                .Div_WithOut_Sub_border{
                    border-bottom: 1px solid
                }

                
     .link3 {
                    direction: rtl;
                   
                    color: #00838F;
                    font-size: 14px;
                   padding: 10px 0px 12px 10px;
                }
                /*.link1:hover{
                    background-color:#0097A7;
                }*/

                .Div_WithOut_Sub_border{
                    border-bottom: 1px solid
                }




                /*new form Tooltip*/
                .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*FontAwesome*/
 .link  .fa-chevron-right{
     display: inline;
 }

 .link  .fa-chevron-down{
     display: none;
 }

 .active .fa-chevron-right{
     display: none;
 }

 .active .fa-chevron-down{
     display: inline;
 }

 /*--------------*/
  .link1  .fa-chevron-right{
     display: inline;
 }

 .link1  .fa-chevron-down{
     display: none;
 }

    .active1 .fa-chevron-right{
     display: none;
 }

  .active1 .fa-chevron-down{
     display: inline;
 }

/*--------------*/
    .link2  .fa-chevron-right{
     display: inline;
 }

 .link2  .fa-chevron-down{
     display: none;
 }

    .active2 .fa-chevron-right{
     display: none;
 }

  .active2 .fa-chevron-down{
     display: inline;
 }
/*--------------*/
    .link3  .fa-chevron-right{
     display: inline;
 }

 .link3  .fa-chevron-down{
     display: none;
 }

    .active3 .fa-chevron-right{
     display: none;
 }

  .active3 .fa-chevron-down{
     display: inline;
 }


 

 