@font-face {
	font-family: 'B Nazanin';
	src: 
	url('../Fonts/BNazanin.ttf') 
	format('opentype');
} 
@font-face {
	font-family: 'B Yekan';
	src: 
	url('../Fonts/BYEKAN.TTF') 
	format('opentype');
}
@font-face {
	font-family: 'B Titr';
	src: 
	url('../Fonts/BTitrBold.ttf') 
	format('opentype');
}

@font-face {
	font-family: 'IRAN.NASTALIQ.1.0';
	src: 
	url('../Fonts/IRAN.NASTALIQ.1.0.TTF') 
	format('opentype');
}
@font-face {
	font-family: 'IranNastaliq';
	src: 
	url('../Fonts/IranNastaliq.ttf') 
	format('opentype');
}






.rrow{
            width:auto;
            font-size : 0px;
            text-align: right;
            clear:both;
            text-align:right;
            direction:rtl;
        }
        .ccell{
            text-align: right;
             /*height:60px;*/
              display: inline-flex;
              vertical-align: top;
               padding-right:10px;
               text-align:center;
               direction:rtl;
               }
        .ttext{
            width:160px;
            height:30px;
            border-radius:1px;
            font-family:'B Nazanin';
            font-size:large;
            font-weight:200;
            border-color:firebrick;
            border-right:unset;
            border-top:unset;
            border-left:unset;
            background:unset;
            margin-right:10px;
        }
        .llabel{
            width:130px;
            height:30px;
            font-family:'B Nazanin';
               font-size:large;
        }
        .griddtl{
            font-family:'B Yagut';
            font-size:large;
        }
        .griddthdr{
            font-family:'B Yekan';
            font-size:large;
        }
        .flexable{
            clear:both;
            display:flex;
        }
        .href{
            font-size:medium;font-family:'B Nazanin';border:solid;border-radius:4px;
        }
        /*////////////////////////////////*/
                .demo-container label {
            padding-right: 2px;
            width: 185px;
            display: inline-block;
        }

        .demo-container .RadButton {
            margin-top: 20px;
        }



        .gvFooterRow {
            background-image: url(/images/7AF2Qzt.png);
            background-repeat: repeat-x;
            height: 30px;
            padding-left: 0px;
            background-color: white;
            vertical-align: inherit;
        }

        .rcbHeader ul,
        .rcbFooter ul,
        .rcbItem ul,
        .rcbHovered ul,
        .rcbDisabled ul {
            margin: 0;
            padding: 0;
            width: 100%;
            display: inline-block;
            list-style-type: none;
        }

        .exampleRadComboBox.RadComboBoxDropDown .rcbHeader {
            padding: 5px 27px 4px 7px;
        }

        .rcbScroll {
            overflow: scroll !important;
            overflow-x: hidden !important;
        }

        .col1 {
            margin: 0;
            width: 20%;
            line-height: 14px;
            float: right;
        }

        .col2 {
            margin: 0;
            padding: 0 0px 0 0;
            width: 80%;
            line-height: 14px;
            float: right;
        }


        .ToolBar {
            border: solid 1px #d4d4d4;
            padding: 10px;
            margin-bottom: 20px;
        }

        .GridContainer {
            background: #ECF5FB;
            min-height: 300px;
            border: solid 1px #d4d4d4;
        }


        .modalBackground {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }

        .modalPopup {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 450px;
            height: 250px;
        }
        .auto-style1 {
            height: auto;
            position: static;
            left: 3px;
            width: 640px;
        }
        /* new ed style -------------------------------------------------------------------------------------*/
        .menu{
    margin-right:2%;
    margin-left:75%;
    color:white;
    float:right;
    cursor:pointer;
    width:100%;
    background-color:#000000;
    height:25px;
    background-color:rgba(42, 10, 251, 0.30);
    box-shadow:0 0 5px 2px yellow;
    z-index:10000000000;
}
.menu-item{
	width:95%;
	height:90vh;
    font-size:20px;
    display:none;
    text-align:right;
	background-image:url(image/free.png);
    
    background-color:#000000;
    background-color:rgba(42, 10, 251, 0.30);
    background-repeat:no-repeat;
	background-size:50%;
    background-position-y:left;
    background-position-x:left;
	background-position:bottom;
	z-index:1000000000;
	position:absolute;
}
li{
    cursor:pointer;
}
li:hover{
    color:coral;
    /*transform:scale(0.2,0.2);*/
}
.menubody{
    font-family:'B Nazanin'; 
	/*width:60px;*/
    border-radius:24px;
    /*border:inset;*/
    text-align:right;
   cursor:auto;
   float:right;
   text-align:center;
   margin-right:40px;
}
.menubody:hover > .menu-item{
  position:absolute;
  margin-top:-2px;
  color:white;
 display:block;
 box-shadow:0 0 5px 2px yellow;
}
#ifram{
    position:absolute;
	/*width:60px;*/
    /*border-radius:24px;*/
    /*border:inset;*/
    text-align:right;
   cursor:auto;
   float:right;
   text-align:center;
   width:90%;
   height:90%;
zoom:60%;
z-index:1000000000;
}
#header{
	width:100%;
	height:2.5%;
    position:fixed;
	/*background:-webkit-linear-gradient(top, #ffde57 0%, #ffdeff 80%);*/
	/*clear:both;*/
}
/*                                                 === -==                          ==-=-                     =-=-=-=-=-=-*/
*{
    font-family:'B Nazanin';
    font-size:14px;
}
input{
    font-family:'B Nazanin';
    font-size:14px;
}

html::-webkit-scrollbar {
background-color:#CCC;
width:10px;

}
html::-webkit-scrollbar-thumb {
background-color:#06F;
}
html::-webkit-scrollbar-thumb:hover {
background-color:#09F;
}
/*--------------------------------------------*/
/* Popup container - can be anything you want */
.linpopup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.linpopup .popuptext {
    visibility: hidden;
    width: 550px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.linpopup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.linpopup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.wwrap{
    min-height:97vh;
    min-width:calc(100x-20px);
    direction:rtl;
    
}
.rcc{
    min-height:97vh;
    width:50%;
    display:inline-block;
    float:right;
    /*background-color:WindowFrame;*/
}
.lcc{
    border-right-color:aqua;
    min-height:97vh;
    width:50%;
    display:inline-block;
    float:left;
    /*background-color:WindowFrame;*/
}
.lcbox{
    direction:rtl;display:table;padding-left:10px;
    position:relative;
    min-width:375px;width:98%;min-height:25vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
.lcboxfooter{
    direction:rtl;display:table;padding-left:10px;
    position:relative;
    min-width:375px;width:98%;min-height:8.5vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
.rcbox{
    clear:both;
    text-align:right;
    min-width:375px;width:98%;min-height:45vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
label1{
    font-family:'B Yekan';
    width:80px;
    display:inline-block;
}

select1{
    font-family:'B Yekan';
        margin-top:10px;
        width:81%;
}
.bbutton{
   margin-left:-10px;
    position:absolute;
    background-color:rgba(76, 255, 0, 0.83);
    font-family:'B Nazanin';font-size:1.3em;width:80%;height:80%;
    border-radius:10px;
}
.bbutton:hover{
    background-color:orangered;
    animation-name:bhov;
    animation-duration:0.9s;
    font-size:2em;
    cursor:pointer;
    font-family:'B Yekan';
    width:100%;height:100%;
}
@keyframes bhov{
   from{background-color:rgba(76, 255, 0, 0.83);font-size:1.3em;font-family:'B Nazanin';
        width:80%;height:80%;
   }
   to{background-color:orangered;font-size:2em; font-family:'B Yekan';
      width:100%;height:100%;
   }
}


.savebtn{
   margin-left:-10px;
    position:absolute;
    background-color:rgba(76, 255, 0, 0.83);
    font-family:'B Nazanin';font-size:1.3em;width:80%;height:80%;
    border-radius:10px;
}
.savebtn:hover{
    background-color:orangered;
    animation-name:bhov;
    animation-duration:0.9s;
    font-size:2em;
    cursor:pointer;
    font-family:'B Yekan';
    width:100%;height:100%;
}
.formrebon{
    z-index:100;
    background-color:rgba(255, 71, 4, 0.53);
    margin-bottom:5px;position:fixed;
}
.rebonspan{
    cursor:pointer;
    color:antiquewhite;font-size:1em;
    border:double;background-color:rgba(0, 255, 36, 0.20);
    margin-left:5px;display:inline-block;
}
.rebonspan:hover > .rebondi {
    color:aqua;
    height:12px;width:12px;
    display:unset;
    animation-name:ani;
    animation-duration:0.8s;
}
@keyframes ani{
    from{height:1px;width:1px;}
    to{height:12px;width:12px;}
}
@keyframes anii{
    from{height:1px;width:1px;}
    to{height:12px;width:70px;}
}
.rebondi{
    display:none;
    height:12px;width:12px;
    position:inherit;
}
.rebonpl{
    height:22px;width:22px;
    position:relative;
}
.reboninp{
     margin-left:5px;
    background-color:aqua;
    display:inline-block;
    border-color:yellow;border:groove;
}
.reboninp:hover > .reboninput {
    display:block;
    animation-name:anii;
    animation-duration:0.5s;
}
.reboninput{
    display:none;
}
 .popu{
      position:absolute;
      width:100%;height:100%;
      text-align:center;z-index:980;
      background-color:rgba(100, 100, 202, 0.64);
  }
  .popo{
    position: fixed;
    top: 50%;min-width:50%;min-height:50%;right:25%;
    transform: translateY(-50%);
      background-color:aliceblue;z-index:1000;border-radius:8px;
  }
  .rebonframe{
      width:100%;
      height:95vh;
  }
  /*-----------------------------------------------------------------new pay anf optic style*/
  @font-face {
	font-family: 'B Nazanin';
	src: 
	url('Fonts/BNAZANIN.TTF') 
	format('opentype');
} 
@font-face {
	font-family: 'B Yekan';
	src: 
	url('Fonts/BYEKAN.TTF') 
	format('opentype');
}
@font-face {
	font-family: 'B Titr';
	src: 
	url('Fonts/BTitrBold.ttf') 
	format('opentype');
}

@font-face {
	font-family: 'IRAN.NASTALIQ.1.0';
	src: 
	url('Fonts/IRAN.NASTALIQ.1.0.TTF') 
	format('opentype');
}
@font-face {
	font-family: 'IranNastaliq';
	src: 
	url('Fonts/IranNastaliq.ttf') 
	format('opentype');
}

.wrap{
    min-height:97vh;
    min-width:calc(100x-20px);
    direction:rtl;
    background-color:aqua;
}
.rc{
    min-height:97vh;
    width:50%;
    display:inline-block;
    float:right;
    background-color:WindowFrame;
}
.lc{
    border-right-color:aqua;
    min-height:97vh;
    width:50%;
    display:inline-block;
    float:left;
    background-color:WindowFrame;
}
.lcbox{
    direction:rtl;display:table;padding-left:10px;
    position:relative;
    min-width:375px;width:98%;min-height:25vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
.lcboxfooter{
    direction:rtl;display:table;padding-left:10px;
    position:relative;
    min-width:375px;width:98%;min-height:6.5vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
.rcbox{
    clear:both;
    text-align:right;
    min-width:375px;width:98%;min-height:45vh;margin-top:10px;background-color:rgb(251, 251, 251);
}
.label-p{
    font-family:'B Yekan';
    width:80px;
    display:inline-block;
}
.input-p{
    font-family:'B Nazanin';
    width:180px;
    height:20px;
    display:inline-block;
    margin-top:10px;
}
select{
    font-family:'B Yekan';
        margin-top:10px;
        width:81%;
}
select:focus{
    border-color:red;
    border-radius:10PX;
    color:red;
}
.input-p:focus{
    border-color:red;
    border-radius:10PX;
}
/*button{
   margin-left:-10px;
    position:absolute;
    background-color:rgba(76, 255, 0, 0.83);
    font-family:'B Nazanin';font-size:1.3em;width:80%;height:80%;
    border-radius:10px;
}
button:hover{
    background-color:orangered;
    animation-name:bhov;
    animation-duration:0.9s;
    font-size:2em;
    cursor:pointer;
    font-family:'B Yekan';
    width:100%;height:100%;
}*/
@keyframes bhov{
   from{background-color:rgba(76, 255, 0, 0.83);font-size:1.3em;font-family:'B Nazanin';
        width:80%;height:80%;
   }
   to{background-color:orangered;font-size:2em; font-family:'B Yekan';
      width:100%;height:100%;
   }
}
.ui-autocomplete-loading 

{ background:url('/images/55.gif') no-repeat left center }

               .ui-autocomplete
                {
                   
            max-height: 250px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
        }
        /* IE 6 doesn't support max-height
            * we use height instead, but this forces the menu to always be this tall
            */
        * html .ui-autocomplete {
            height: 250px;
        }

/*=============================================================*/