@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum).eot');
    src: url('Font/IranSans/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Font/IranSans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Font/IranSans/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Font/IranSans/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

* {
    font-family: IRANSans !important;
    font-size: 9pt !important;
}

body {
}


/*Begin Google Style Style*/

.googlebusylocker {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    margin: auto;
}


.googleStyleWrapper {
    position: absolute;
    height: 30px;
    margin: auto;
}


.innerGoogleStyleWrapper {
    position: relative;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
}


.googlestyle {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    direction: rtl;
    border: 1px solid #dad9d9;
    background-color: #f1f1f1;
    width: 99%;
    height: 90%;
}

.googleStyleLable {
    position: absolute;
    display: inline-block;
    /*left: 210px;*/
    width: 120px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
}

.googlestyleblocker {
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: #dad9d9;
    opacity: 0;
}
/*End Google Style Style*/

/*Begin TextBox Style*/

.textBoxWrapper {
    position: absolute;
    height: 25px;
    margin: auto;
}

.innerTextBoxWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.textBox {
    width: 100%;
    height: 100%;
    direction: rtl;
    border: 1px solid #dad9d9;
    background-color: #f1f1f1;
}

.textBoxLable {
    position: absolute;
    display: inline-block;
    /*left: 100%;*/
    width: 120px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
}


/*End TextBox Style*/

/*Begin TextArea Style*/

.textAreaWrapper {
    position: absolute;
    margin: auto;
}

.innerTextAreaWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.textArea {
    width: 100%;
    height: 100%;
    direction: rtl;
    border: 1px solid #dad9d9;
    background-color: #f1f1f1;
}

.textAreaLable {
    position: absolute;
    display: inline-block;
    /*left: 210px;*/
    width: 120px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
}


/*End TextArea Style*/

/*Begin ComboBox Style*/

.selectWrapper {
    position: absolute;
    height: 25px;
    margin: auto;
}

.innerSelectWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.select {
    width: 100%;
    height: 100%;
    direction: rtl;
    border: 1px solid #dad9d9;
    background-color: #f1f1f1;
}

.selectLable {
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
}

/*End ComboBox Style*/

/*Begin DatGrid*/

.dataGridContainer {
    position: absolute;
    margin: auto;
    overflow: hidden;
    border: 1px solid #dad9d9;
    border-radius: 5px;
}

.innerDataGrid {
    position: relative;
    width: 100%;
    height: 100%;
}

.dataGridTitleContainer {
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 0px;
    height: 20px;
    border-bottom: 1px solid #dad9d9;
}

.dataGridheaderContainer {
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 20px;
    height: 40px;
    border-bottom: 1px solid #dad9d9;
}

.dataGridDataContainer {
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 61px;
    bottom: 0px;
    overflow: auto;
}

.dataGridLable {
    text-align: right;
    display: inline-block;
    position: absolute;
    right: 5px;
    margin: auto;
    height: 20px;
    top: 0px;
    bottom: 0px;
}

.gridcolumn {
    position: absolute;
    width: 200px;
    border-right: 1px solid #d9dada;
}

.gridcolumnicon {
    position: absolute;
    width: 50px;
    border-right: 1px solid #d9dada;
}

.gridcolumncheckbox {
    position: absolute;
    width: 50px;
    border-right: 1px solid #d9dada;
}

.gridrow {
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gridrowalternate {
    width: 100%;
    height: 35px;
    background-color: #f1f1f1;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.datagridcheckbox {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    margin: auto;
}

/*.gridrow:hover {
    width: 100%;
    height: 35px;
    background-color: #a3d127;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}*/

/*.gridrowalternate:hover {
    width: 100%;
    height: 35px;
    background-color: #a3d127;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}*/

.gridrowicon {
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gridrowiconalternate {
    width: 100%;
    height: 35px;
    background-color: #f1f1f1;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gridrowcheckbox {
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    overflow: hidden;
}

.gridrowcheckboxalternate {
    width: 100%;
    height: 35px;
    background-color: #f1f1f1;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    overflow: hidden;
}


/*.gridrowicon:hover
{
    width: 50px;
    height: 35px;
    background-color: #a3d127;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gridrowiconalternate:hover
{
    width: 50px;
    height: 35px;
    background-color: #a3d127;
    border-right: 1px solid #d9dada;
    border-bottom: 1px solid #d9dada;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}*/

.columnheader {
    position: absolute;
    width: 200px;
    height: 100%;
    border-right: 1px solid #d9dada;
    background-image: url(Imgs/header.png);
}

.columnheadericon {
    position: absolute;
    width: 50px;
    height: 100%;
    border-right: 1px solid #d9dada;
    background-image: url(Imgs/header.png);
}

.columnheadercheckbox {
    position: absolute;
    width: 50px;
    height: 100%;
    border-right: 1px solid #d9dada;
    background-image: url(Imgs/header.png);
}

.columnheadertext {
    position: absolute;
    height: 20px;
    right: 0px;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    text-align: center;
    color: white;
}

.celltext {
    position: absolute;
    height: 20px;
    right: 0px;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    text-align: center;
}

.gridcheckbox {
    position: absolute;
    display: block;
    right: 0px;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    text-align: center;
}

.gridnodata {
    position: absolute;
    display: block;
    width: 300px;
    height: 20px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
}

.gridbtn {
    position: absolute;
    height: 32px;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    cursor: pointer;
    margin: auto;
    background-repeat: no-repeat;
    background-position:center;
}

.gridbtnglow {
    height: 32px;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}


/*End DatGrid*/


/*Begin Form*/

.form {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background-color: white;
    /*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
    /*border: 1px solid #dad9d9;*/
    /*box-shadow: 0px 0px 5px #000000;
    border-radius: 5px;*/
}

.innerformcontainer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    /*border-bottom: 1px solid #dad9d9;*/
    /*border-right: 1px solid #dad9d9;
    border-left: 1px solid #dad9d9;*/
    background-image: url(Imgs/form-bg-pattern.png);
}

.formheader {
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 0px;
    border-bottom: 1px solid #dad9d9;
    background-color: #BADC5F;
    overflow: hidden;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.innerformheader {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.formcontent {
    position: absolute;
    top: 35px;
    right: 0px;
    left: 0px;
    bottom: 41px;
    margin: auto;
    background-color: white;
    overflow: hidden;
    background-image: url(Imgs/form-bg-pattern.png);
}

.innerformcontent {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: auto;
}

.formfooter {
    position: absolute;
    bottom: 0px;
    height: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    border-top: 1px solid #d3d7da;
    background-color: #e7e6e6;
    /*background-color: #CDE883;*/
    /*background-color: #BADC5F;*/
    overflow: hidden;
}

.innerformfooter {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*End Form*/

/*Begin Form close*/

.formclose {
    position: absolute;
    background-image: url('Imgs/form-header-footer-btn.png');
    width: 35px;
    height: 35px;
    background-position: 0px -210px;
    background-repeat: no-repeat;
    left: -50px;
    margin: auto;
    top: 1px;
    cursor: pointer;
}

.formclosenoheader {
    position: absolute;
    background-image: url('Imgs/form-header-footer-btn.png');
    width: 35px;
    height: 35px;
    background-position: 0px -215px;
    background-repeat: no-repeat;
    left: -60px;
    margin: auto;
    top: 0px;
    cursor: pointer;
}

.formcloseglow {
    background-image: url('Imgs/form-header-footer-btn.png');
    width: 35px;
    height: 35px;
    background-position: 0px -245px;
    background-repeat: no-repeat;
    opacity: 0;
}

/*End Form Close*/

/*Begin Form Lable*/

.formlabletext {
    display: inline-block;
    height: 20px;
    right: 5px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

/*End Form Lable*/

/*Begin Panel*/

.panel {
    position: absolute;
    margin: auto;
    background-color: white;
    /*box-shadow: 0px 0px 3px #AAAAAA;
    border-radius: 5px;*/
}

.innerpanelcontent {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.panelheader {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    height: 30px;
}

.innerpanelheader {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #dad9d9;
    background-color: #e7e6e6;
}

.panelcontent {
    position: absolute;
    top: 30px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.innerpanelcontentholder {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #dad9d9;
    overflow: auto;
}

.panelGridLable {
    text-align: right;
    display: inline-block;
    position: absolute;
    right: 5px;
    margin: auto;
    height: 20px;
    top: 0px;
    bottom: 0px;
}
/*End Panel*/


/*Begin Overlay*/

.overlayblocker {
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: black;
    /*backdrop-filter:blur(10px);*/
    /*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
}

.overlayblockercontainer {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
}

/*End Overlay*/

/*Begin Footer Btn*/

.footerbtn {
    position: absolute;
    height: 38px;
    width: 38px;
    left: 5px;
    top: 1px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.footerbtnglow {
    height: 35px;
    width: 35px;
    opacity: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}

/*End Footer Btn*/

/*Begin Icon Btn*/

.Iconbtn {
    position: absolute;
    height: 38px;
    width: 38px;
    margin: auto;
    cursor: pointer;
    background-repeat: no-repeat;
}

.Iconbtnglow {
    height: 38px;
    width: 38px;
    opacity: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}

/*End Icon Btn*/

/*Begin Delete Icon*/

.deletebtn {
    background-image: url('Imgs/delete.png');
}

.deleteglow {
    background-image: url('Imgs/delete-glow.png');
}

.editbtn {
    background-image: url('Imgs/edit.png');
}

.editbtnglow {
    background-image: url('Imgs/edit-glow.png');
}

.googlestyleokbtn {
    background-image: url('Imgs/okgrid.png');
}

.googlestyleokglow {
    background-image: url('Imgs/okgrid-glow.png');
}


/*End Delete Icon*/

/*Begin raw Lable*/

.rawlable {
    margin: auto;
    display: inline-block;
    position: absolute;
    text-align: right;
    height: 20px;
}

/*End raw Lable*/


/*Begin Button*/

.btn {
    position: absolute;
    margin: auto;
    cursor: pointer;
}

.innerbtn {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #dad9d9;
}

.innerbtnglow {
    position: absolute;
    top: 2px;
    right: 0px;
    bottom: 0px;
    left: 2px;
    margin: auto;
    background-color: #a3d127;
    opacity: 0;
}

.innerbtntext {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: inline-block;
    margin: auto;
    height: 20px;
    text-align: center;
}

.btntext {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: inline-block;
    margin: auto;
    height: 20px;
    text-align: center;
}


/*End Button*/

/*Begin Error*/

.error {
    position: absolute;
    top: 0px;
    left: -33px;
    width: 31px;
    height: 31px;
    background-image: url('Imgs/error.png');
}

.errorglow {
    width: 100%;
    height: 100%;
    background-image: url('Imgs/error-glow.png');
    opacity: 0;
}

/*End Error*/

/*Begin Form Blocker*/

.formblocker {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background-color: black;
    opacity: 0;
    /*z-index: 9999;*/
}

/*End Form Blocker*/

/*Begin Panel Blocker*/

.panelblocker {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    margin: auto;
    background-color: #dad9d9;
    opacity: 0;
    /*z-index: 9999;*/
}

/*End Panel Blocker*/

/*Begin What Ever I Say Blocker*/

.whateverisayblocker {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    margin: auto;
    background-color: #dad9d9;
    opacity: 0;
    /*z-index: 9999;*/
}

/*End What Ever I Say Blocker*/

/*Begin DataGrid Blocker*/

.datagridblocker {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background-color: #dad9d9;
    opacity: 0;
    /*z-index: 9999;*/
}

/*End DataGrid Blocker*/

/*Begin Progressbar*/

.progressbar {
    border: solid 1px #dad9d9;
    position: absolute;
}


.innerprogressbar {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #e7e6e6;
}

.fillerprogressbar {
    background-color: #BADC5F;
    height: 100%;
    width: 0%;
    opacity: 0.9;
}

.progressbarlable {
    position: absolute;
    display: inline-block;
    /*left: 210px;*/
    width: 120px;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
}

.progressbarpercentlable {
    position: absolute;
    display: block;
    width: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
}


/*End Progressbar*/


/*Begin Picture*/

.picturebox {
    position: absolute;
    border: solid 1px #dad9d9;
    padding: 2px;
}

.innerpicbox {
    width: 100%;
    height: 100%;
}

.pictureboxcontainer {
}

/*End  Picture*/

/*Begin Locker*/

.busylocker {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 64px;
    height: 64px;
    margin: auto;
}

/*End Locker*/


/*Date Box*/

.DateBox {
    direction: ltr;
}

.OutterDateBox {
    width: 85px;
}
/*Date Box*/