.documentrequirement li {
       padding-top:0.5em;
        padding-bottom:0.5em;
        margin-left:0;

    }
     .documentrequirement li:nth-child(even) {
      background-color:#f7f7f7;
    }
      .documentrequirement li:nth-child(odd) {
       background-color:#f0f0f0;
    }

.tablezebra tr:nth-child(even) {
  background-color: #f3f3f3;
}
.tablezebra tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.login-container-form-detail > legend {
    /*color:#f7d71f;*/
   font-size:1em;
   font-family:tahoma;
}

.fieldset-data-entity {
    width:100%;
}

.msgsuccessDiv {
    width:50%;height:25px;color:#393939;
    padding-top:5px;
    background-color:#cae5a3;
    border-radius: 5px;
    text-align:center;
    border:1px solid #b3cb90;
    text-align:center;
    float:right;
    margin-right:29%;
   
}
.msgsuccessDiv span {
     padding-top:15px;
     text-align:center;
     vertical-align:middle;
    }



.msgDiv {
    width:50%;height:25px;color:#ee1c1c;
    padding-top:5px;
    background-color:#f7dcdc;
    border-radius: 5px;
    text-align:center;
    border:1px solid #e8a0a0;
    text-align:center;
    float:right;
    margin-right:29%;
   
}
.msgDiv span {
     padding-top:15px;
     text-align:center;
     vertical-align:middle;
    }
.div-label {
        width:100%;
        clear:both;
        text-align:right;

    }
     .div-input {
        width:100%;
        clear:both;
    }
 .mobilemenu {
    vertical-align:middle;
    margin-top:10px;
    margin-right:2em;
    display:none;
}
  .col-user {
        vertical-align:middle;
        margin-top:10px;
        float:left;
    }
.container-login {
    width:50%;
    margin:0 auto;
    margin-top:5%;
   
}
.padding-container {
     padding: 25px 5px 20px 5px; 
}
.login-container-form-detail {
   /*background-color:#f3f3f3;  dddddd*/
    border: 1px solid #e0e0e0; 
    padding: 25px 5px 20px 5px; 
    /**/background: linear-gradient(#f5f5f5,#f3f3f3);
    border-radius: 7px;
   font-size:1.2em;
   font-family:tahoma;
   color:#3d3939;
   /* color:#e5e9f1;*/
       /* margin:0 auto;*/

}
.login-container-form-header {
     border: 1px solid #a9a9a9; 
    padding: 25px 5px 20px 5px; 
    background: linear-gradient(#f0f0f0,#f2f2f2);
    border-radius: 7px;
   font-size:1.2em;
   font-family:tahoma;
   color:#3d3939;
}



  .container-login input:focus {
       outline:4px solid #f7d71f;
}
.imgLoginButton {
        height:32px;
        width:32px;
        background-size: 50% 50%;
              
    }
 #btnPrepLogin {
        border-radius: 50%;
        background: linear-gradient(#4363a4 ,#6e8cc8);
        border:none;
               
    }
    #loginLoading {
        background-color:#f9f9f9;
       
    }

 .mainDiv{
     height:100%;
       background:#f9f9f9;/* linear-gradient(#c8dbf5, #6e96e5); acc6f0*/
  }
.login-input {
    width:98%;
}
.login-container-form {
   /* background-color:#903f3f;*/
   margin-top:5%;
}
.login-containerlogo {
    width:100%;
    margin:0 auto;
    clear:both;
    text-align:center;
}
.login-div-label {
    float:right;
    text-align:right;
    margin-bottom:1em;
   /* color:#286492;f3e25a*/
}
.login-div-input {
    float:right;
    text-align:left;
    margin-bottom:1em;
    width:100%;
    font-size:1.5em;
}
.login-div-submit {
    float:left;
    text-align:left;
    margin-bottom:1em;
    width:100%;
    font-size:1em;
}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
       .login-container-form-detail {
        width:80%;
        margin-left:5%;
        margin-left:5%;


    }
 .login-containerlogo {
            margin:0 auto;
            clear:both;
        }
 .container-login {
        width:98%;
        margin-top:15%;
        
    }
    
    .mobilemenu {
        display:inline-block;
        float:right;
    }
    #menu_column {display:none;}

    .col-logo {
        width: 100%;
        clear:both;
    }
    .col-date {
        display:none;
    }
    .col-user {
        margin-right:0.5em;
        vertical-align:middle;
        /*margin-top:10px;*/
        float:right;
    }
    .fieldset-data-entity {
        width:95%;
    }
    .div-data-entity {
        padding-left:1em;
        padding-right:1em;
    }
}
.login-input {float:right;}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media screen and (max-device-width:414px), screen and (max-width:414px) {
    .login-container-form-detail 
    {
        width:80%;
        margin-left:7%;
        margin-right:5%;
    }
    .login-input { width:95%; }
    .login-containerlogo {
            margin:0 auto;
            clear:both;
        }
    .container-login {
        width:98%;
        margin-top:5%;
    }
    
    .mobilemenu {
        display:inline-block;
        float:right;
        text-align:right;
    }
    #menu_column {display:none;}

    .col-logo {
        width: 100%;
        clear:both;
    }
    .col-date {
        display:none;
    }
    .col-user {
        margin-right:1em;
        vertical-align:middle;
        /*margin-top:10px;*/
        float:right;
    }
    .fieldset-data-entity {
       width:95%;
       margin-left:0;
        
        
    }
    .div-data-entity {

        /*padding-left:1em;
        padding-right:1em;*/
    }
}
@media (min-width:641px)  
{ /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .login-container-form-detail 
    {
        width:50%;
        margin-left:20%;
        margin-left:20%;
    }
    .login-input { width:98%; }
    .mobilemenu { display:none; }
    #menu_column {display:inline-block;}
    #mainframecontain {width:100%;}
    .col-user {float:left;text-align:left;margin-left:0.5em; }
    .fieldset-data-entity {
       width:95%;
       margin-left:0;
       
    }
    .div-data-entity {

        /*padding-left:1em;
        padding-right:1em;*/
    }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .mobilemenu { display:none; }
    #menu_column {display:inline-block;}
    #mainframecontain {width:100%;}
    .col-user {float:left;text-align:left;margin-left:0.5em; }
    .fieldset-data-entity {
        width:99%;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
    .fieldset-data-entity { width:99%;    } 
    #mainframecontain {width:100%;}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
        .fieldset-data-entity { width:99%; }
        #mainframecontain {width:100%;}
}


.div-input {
    margin:0.5em 0.5em 0.5em 0.5em;
}
    .div-input input {
        width:95%;
    }

     .div-input textarea {
        width:95%;
    }


 
@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir.eot');
  src: url('Content/Font/Vazir.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir.woff2') format('woff2'),
       url('Content/Font/Vazir.woff') format('woff'),
       url('Content/Font/Vazir.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir-Bold.eot');
  src: url('Content/Font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir-Bold.woff2') format('woff2'),
       url('Content/Font/Vazir-Bold.woff') format('woff'),
       url('Content/Font/Vazir-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir-Thin.eot');
  src: url('Content/Font/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir-Thin.woff2') format('woff2'),
       url('Content/Font/Vazir-Thin.woff') format('woff'),
       url('Content/Font/Vazir-Thin.ttf') format('truetype');
  font-weight: 100;
}

@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir-Light.eot');
  src: url('Content/Font/Vazir-Light.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir-Light.woff2') format('woff2'),
       url('Content/Font/Vazir-Light.woff') format('woff'),
       url('Content/Font/Vazir-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir-Medium.eot');
  src: url('Content/Font/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir-Medium.woff2') format('woff2'),
       url('Content/Font/Vazir-Medium.woff') format('woff'),
       url('Content/Font/Vazir-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: Vazir;
  src: url('Content/Font/Vazir-Black.eot');
  src: url('Content/Font/Vazir-Black.eot?#iefix') format('embedded-opentype'),
       url('Content/Font/Vazir-Black.woff2') format('woff2'),
       url('Content/Font/Vazir-Black.woff') format('woff'),
       url('Content/Font/Vazir-Black.ttf') format('truetype');
  font-weight: 900;
}
.font-fa {
    font-family: Vazir,'B Nazanin' ,Tahoma, Sans-Serif;
    font-size:1em;
}

.font-fa-Naz {
    font-family: 'B Nazanin' ,Tahoma, Sans-Serif;
    font-size:1em;
}


.fourmtitle {
    background:linear-gradient(#748eb9 ,#5776ab );
    color:#fff;
    border: 1px solid #597f97; border-radius: 5px;
}
.vertical-align-middle {
    vertical-align:middle;
}
.ratingStar{
    width:20px;
    height:20px;
    cursor:pointer;
    vertical-align:middle;
}
.star-ratings-sprite {
    background: url("/content/images/graystar2424.png") repeat-x;
     background-size:20px 20px;
    height: 20px;
    width:100px;
    /*background: url("/content/images/star-rating-sprite.png") repeat-x;
    font-size: 0;
     height: 21px;

    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;*/
}
 .star-ratings-sprite-rating {
      background: url("/content/images/orangstar2424.png") repeat-x;
      background-size:20px 20px;
       height: 20px;
       display:block;
       float: left;
   /* background: url("/content/images/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display:block;*/
  }

.overflow-auto {
    overflow:auto;
}
.line-height-2em {
    line-height:2em;
}
ul.attachmentList {
    list-style:none;
}
ul.attachmentList > li {
    padding-left:5px ;
    padding-right:5px;
    margin-left:2px;
    margin-right:2px;
}
ul.attachmentList > li > a {
    /*background-color:#dfe5e5;
    border-radius:3px;
    border:1px solid #dde6f6;*/
    text-decoration:none;
    
    padding: 0.5em 1em;
    max-width:inherit;
    display:inline-block;
}

.display-inline {
display:inline;
}
.viewknowledgefield {
    padding-bottom:20px;
    border-bottom:1px solid #e8e8e8;
}
.margin-top-5px {
    margin-top:5px;
}
.margin-right-4px {
    margin-right:4px;
}
.margin-right-3px {
    margin-right:3px;
}
.margin-right-2px {
    margin-right:2px;
}
.margin-right-5px {
    margin-right:5px;
}
.margin-left-5px {
    margin-left:5px;
}
.margin-right-10px {
    margin-right:10px;
}
.padding-right-5px {
    padding-right:5px;
}
.padding-right-10px {
    padding-right:10px;
}
.padding-top-5px {
    padding-top:5px;
}
.padding-top-10px {
    padding-top:10px;
}
.padding-right-3px {
    padding-right:3px;
}
.padding-right-2px {
    padding-right:2px;
}
.padding-right-4px {
    padding-right:4px;
}
.pa
.padding-left-5px {padding-left:5px;}


div.ImageWithText {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 60px;
}
div.ImageWithTextComment {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 40px;
}
.list-style-none {list-style:none;
}
.display-inline-block {display:inline-block;
}
.attachmentfilelink {

    
}
.attachmentfilelink:hover {
     background-color:#dfe5e5;
}
.href-disabled {
cursor:default;
pointer-events:none;
}
.href-disabled-color {
color:#a7a7a7;
}
.UserImage {
    width: 30px;
    height: 30px;
    border-radius:40px;
    border:1px solid #f5f5f5;
    /*padding:2px ;
    background-color: #fff;
    border:5px solid #878383;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;*/
}
.UserImageInComment {
    width: 30px;
    height: 30px;
    border-radius:40px;
    border:1px solid #f1f1f1;
   /* padding:2px ;
    background-color: #fff;
    border:3px solid #878383;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;*/
}
.div-body {
     background:linear-gradient(#f1f1f1 ,#f9f9f9 );
     border-left:1px solid #e6e3e3;
     border-bottom:1px solid #e6e3e3;
     border-right:1px solid #e6e3e3;
}
Span.Caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
}
.knowledgeCommentHeader {
    padding-right:5px;
    background:linear-gradient(to bottom,#dfe5e5 ,#b1b1b1 );
    height:20px;padding-top:5px;padding-bottom:5px;padding-right:10px;border-top-left-radius:5px;border-top-right-radius:5px;
}
.KnowledgeCommentContainer {
   background:linear-gradient(#e0e9f8 ,#f8f3f3 );
   border:1px solid #e0e9f8;
   border-top-left-radius:8px;border-top-right-radius:8px;
}
#KnowledgeUsefulLink > a {
     color:#307414;
}
.viewColorGray {
color:#3d3939;
}    

.text-decoration-none {
    text-decoration:none;
}
fieldset.fieldset-info {

background-color:#fefefe;
color:#efeff2
}
fieldset 
{
    border:1px solid #a9a9a9;/*#b3c6ee*/
    padding:0.4em .4em .4em .4em;
    margin:0 0 0.25em 0;
    direction:rtl;
    font-size:10.5px;
     /*background-color:#f0f3f6;*/
		   /* background: linear-gradient(top, #ffffff 50%, #e4eef8 100%);*/
            min-height:15px;
}
legend {
    font-size:10.5px;
}
fieldset > div {
   /*  background: -o-linear-gradient(top, #feffff , #f6faff );
		    background: -ms-linear-gradient(top, #feffff , #f6faff );
		    background: -moz-linear-gradient(top, #feffff , #f6faff );
		    background: -webkit-linear-gradient(top, #feffff , #f6faff );
		    background: linear-gradient(top, #feffff , #f6faff );*/
}
.field-title {
    width:100px;
    text-align:left;
}
.field {
    text-align:right;
    width:25%;
}
.header-hover:hover{background-color: #28b15d;}
.list-style-type-none {
    list-style-type: none;
}
 .stick {
            position: fixed;
            top: 0;
            z-index: 10000;
            border-radius: 0 0 0.5em 0.5em;
            color:#fdfdfd;
        }
.IsRequired {
color:Red;
font-size:1em;
font-family:Tahoma;
}
.ReadOnly {
/*  background-color:#e1e1e1;deeaed*/
 /* background: -o-linear-gradient(top, #fdfdfd , #e2e2e2 );
background: -ms-linear-gradient(top, #fdfdfd , #e2e2e2 );
background: -moz-linear-gradient(top, #fdfdfd , #e2e2e2 );
background: -webkit-linear-gradient(top, #fdfdfd , #e2e2e2 );
background: linear-gradient(top, #fdfdfd ,#e2e2e2 );*/
background-color:#f3f3f3;
 /* background: -o-linear-gradient(top, #e2e2e2 , #e1dbdb );
background: -ms-linear-gradient(top, #e2e2e2 , #e1dbdb );
background: -moz-linear-gradient(top, #e2e2e2 , #e1dbdb );
background: -webkit-linear-gradient(top, #e2e2e2 , #e1dbdb );
background: linear-gradient(top, #e2e2e2 ,#e1dbdb );
*/
    border:1px solid #adadad;
}
.subject-title {
    background-color:#e0e9f8;
}
.subject-text {
    background-color:#f9f9ff;
}
.subject-table-bg {
    background-color:#f4f4ff;
}
.subject-title-border {
    background-color:#e0e9f8;
}
.table menuitem {
    background-color:#9db6de;
    border-bottom:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    border-top:1px solid white;
}

.img-1616 {
    width:16px;
    height:16px;
}
.img-1212 {
    width:12px;
    height:12px;
}
.noborder {
    background-color:transparent;border:none;
}

.table borderaroundtable {
    border-top:1px solid #676d90;
    border-left:1px solid #676d90;
    border-right:1px solid #676d90;
    border-bottom:1px solid #676d90;
}
.tableborder {
    border: 1px solid #8fb8d7;
}
.imgnoborder {
    border:0px;
    width:16px;
    height:16px;
}

.divspace {
    height:5px;
    clear:both;
    width:100%;
}
.divspace-1px {
    height:1px;
    clear:both;
    width:100%;
}
.divspace-2px {
    height:2px;
    clear:both;
    width:100%;
}
.divspace-3px {
    height:3px;
    clear:both;
    width:100%;
}
.divspace-4px {
    height:4px;
    clear:both;
    width:100%;
}
.divspace-6px {
    height:6px;
    clear:both;
    width:100%;
}
.divspace-8px {
    height:8px;
    clear:both;
    width:100%;
}
.menuitm {
    width:250px;

}
.important-border {
    border-color:#f382ad;
}
.important-bgcolor {
    background-color:#f382ad;
}
.pageheadertitle {
    width:100%;
    height:15px;
    background-color:#d8deea;
    font-size:0.95em;
    text-align:right;
    padding-top:2px;
}
.mainheaderimg {
    background-image: url('/Content/images/h1.gif');
    background-repeat: repeat;
}

.widthtxtsugg {
    width:500px;
}
.msgbox {
    background-color:#f588a3;
    font-size:1em;
    /*border:solid 3px #e6426f;*/
    border:2px solid #d1657f;
    color:black;
    height:30px;
    overflow:visible;padding:5px;
    text-align:center;
    vertical-align:middle;
    font-family:Tahoma;
    font-size:12px;
    padding-top:15px;
    border-radius: 5px;
}

.tablelist tr:hover {
    background-color: #eed64e;
    cursor: pointer;
}
.ElaborativeCodeWidth {
    width:60px;
    font-size:0.75em;
    border:none;
}
.ElaborativeTitleWidth {
    width:100px;
    border:none;
    font-size:0.75em;
}
.NoDataEntry {
    background-color:#e1e1e1;/*deeaed*/
    border:1px solid #adadad;
}
.GridRowSelected {
    background-color:#f2d221;
}

.GridHeaderbgColor {
    background-color:#d7e7f7;
}
.GridRowbgColor {
    background-color:#f0f8fe;
}
.searchbutton 
{
    width:18px;
    height:15px;
    font-size:0.75em;
}
.clearbutton 
{
    width:18px;
    height:15px;
    font-size:0.75em;
}

.valign {
    top:0px;
}
.ahref_create {
    display:block;
    background-color:#dbdee0;/*#b7cbd5;*/
    border-color:#3b38bd;
    height:20px;
    width:100px;
    color:black;
    font-size:0.9em;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;

}

.ahref_edit {
    /*display:block;
    background-color:#3c9f29;
    height:25px;
    width:100px;
    color:#ffffff;
    font-size:0.9em;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;*/

}

.ahref_return2list {
    display:block;
    background-color:#006699;
    height:25px;
    width:100px;
    color:#ffffff;
    font-size:0.9em;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;

}
.dialogform 
{
    background-color:#d7e7f7;/*#f0f8fe;*/
}
.layout_right_margin 
{
    width:15%;
    float:right;
}
.layout_left_margin 
{
    width:15%;
    float:left;
}

.layoutheader {
    background-color:#e4ecee;
    height:80px;
}
.Body {
    background-color:#e1edf7;
}
.hidden {
    display:none;
}
.shown {
    display:block;
}
.height_2 {
    height:2px;
}
.font_75em {
    font-size:0.75em;
}
.clear_both {
    clear:both;
}
.dir_rtl {
    direction:rtl;
}
.dir_ltr {
    direction:ltr;
}
ul#mainmenu, ul#mainmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 13em;/*15em*/
}

ul#mainmenu a {
  display: block;
  text-decoration: none;	
}

ul#mainmenu li {
  margin-top: 1px;
 
}

ul#mainmenu li a {
  background: #e7ebf4;/*D8DEEA*/
  color: Black;	
  padding: 0.5em;/**/
  text-align:right;
}

ul#mainmenu li a:hover {
  background: #FFEB90;/*#FFFFC9;*/
}

ul#mainmenu li ul li a {
  background: #F5F5FF;
  color: #000;
  padding-right: 20px;
  
}

ul#mainmenu li ul li a:hover {
  background-color:#FFEB90;/*#FFFFC9;*/
  border-right: 5px green solid;
  padding-left: 15px;
}


.RowEven {
    background-color:#ffffff ;
}
.RowOdd {
   background-color:#e5ecf6;
}
/*Text-align*/
.text-align-left {
    text-align:left;
}
.text-align-right {
    text-align:right;
}
.text-align-center {
    text-align:center;
}
.text-align-justify {
    text-align:justify;
}
/*Font*/
.font-bold {
    font-weight:bold;
}
.font_underline {
    text-decoration:underline;
}
.font {
    font-family:Tahoma;
    font-size:0.9em;
}
/*HEIGHT*/
.height-auto {
    height:auto;
}



/* Width */
.width-5 {
    width: 5%;
}
.width-10 {
    width: 10%;
}
.width-15 {
    width: 15%;
}
.width-20 {
    width: 20%;
}
.width-25 {
    width: 25%;
}



.width-33 {
    width:33%;
}
.width-30 {
    width:30%;
}.width-50
{
    width:50%;
}
.width-75
{
    width:75%;
}
.width-85
{
    width:85%;
}
.width-30 {
    width: 30%;
}
.width-95
{
    width:95%;
}.width-100
{
    width:100%;
}

.width-45 {
    width: 45%;
}
.width-48 {
    width: 48%;
}
.width-49 {
    width: 49%;
}
.width-55 {
    width: 55%;
}
.width-60 {
    width: 60%;
}
.width-65 {
    width: 65%;
}
.width-80 {
    width:80%;
}
.width-98 {
    width:98%;
}
.width-99 {
    width:99%;
}
.width-97 {
    width:97%;
}
/*Float*/
.float-right {
    float:right;
}
.float-left {
    float:left;
}
.direction-rtl {
    direction:rtl;
}

.direction-ltr {
    direction:ltr;
}


/*-------------BORDEr*/
.border-1px-solid
{
    border:1px solid #568db6;
}
.border-1px-dot
{
    border:1px dotted #568db6;
}

/*GRID*/

.webgrid
{
width: 100%;
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: collapse;
font-size:1em;
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;/*bbc9e5*/
color:#000000;
}
.webgrid a
{
color: #000000;
}
/*.webgrid tr:hover
{
    background-color:#e9da86;
}*/

.webgrid tr td a
{
color:#0044bb;
}
.webgrid-header
{
padding: 0px 5px;
text-align: right;
height: 24px;
/*
border-bottom: 2px solid #739ace;
border-top: 2px solid #D6E8FF;
border-left: 2px solid #D6E8FF;
border-right: 2px solid #D6E8FF;*/
}
.webgrid-header th
{
/*background-color: #efeff2;/*7c9dc8*/
background:linear-gradient(#4d6ea7,#869bbf);
font-weight:normal;
text-decoration:none;
height:24px;
color:#ffffff;
/*border-right: 1px solid #ddd;*/
}
.webgrid  tbody  tr  td {
color:#3d3939;
}
.webgrid-header th a {
        color:#ffffff;
    }
.webgrid-footer
{
color:#222;
padding: 6px 5px;
text-align: center;
/*background-color: #d0d7e7;*/
background:linear-gradient(#d6e0ed 15%,#aec3d3);
height: 15px;
/*border-top: 2px solid #3966A2;

border-bottom: 2px solid #D6E8FF;
border-left: 2px solid #D6E8FF;
border-right: 2px solid #D6E8FF;*/
}
.webgrid-alternating-row
{
    height: 20px;
    color:#222;
    background-color:#f8f8f8;/* dfe8ff;/* #e5ecf6;*/
    border-bottom: 1px solid #dddddd;/*

    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;*/
}
.webgrid-row-style
{
    height: 20px;
background-color:#ffffff;
    border-bottom: 1px solid #dddddd;
    /*border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;*/
    color:#222;
}
.webgrid-selected-row
{
  /*  background-color:fbf1df #f5e6cd;/**ffe3b3  ffd483*/
   background: linear-gradient( #ffe3b3, #ffd483 );
   color:#222;

}
.text-align-center-col
{
    text-align: center;
}
.text-align-left-col
{
    text-align: left;
}
.text-align-right-col
{
    text-align: right;
}
.total-row
{
    background-color:#f9eef4;
}
.color-red {
    color:#de2e2e;
}
.BodyBGColor .body {
    background-color:#768ab7;
}
.body {
    background-color:#768ab7;
}
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
.dialogform {
    background-color:#f1f5ff;
}
body
{
    /*background-color:#768ab7;*/
    font-size: 10.75px;
    font-family: Tahoma;
    margin: 0;
    padding: 0;
    color: #000000;
}

section 
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    /*font-size: 1.5em;*/
    color: #000;
}

h1
{
    /*font-size: 2em;*/
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    /*font-size: 1.1em;*/
}
h5, h6
{
    /*font-size: 1em;*/
}

a
{
    /*color: #696969;*/
}

li
{
    line-height: 1.6;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-family:Tahoma;
    font-size:0.75em;
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    background-color:#e4ecee;/*/#f1f2e9;*/
}

header h1, #header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    /*font-size: 32px !important;*/
}

#main
{
    background: #fff;
    padding: 30px 30px 15px 30px;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

footer, #footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    background-color:#e5e6dd;
}

/* MENU   
----------------------------------------------------------*/
#menu
{
    position: relative;
    margin: 0;
    text-align: right;
}

#menu .t-item
{
    border-width: 0 0 0 1px;
}

#menu .t-link
{
    padding: 5px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8em;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
table
{
    direction:rtl;
    font-size:10.5px;
}

img {
    border:0;
}
legend 
{
    font-size:1em;
    font-weight:normal;
    cursor:pointer;
}

input {
    font-family:Tahoma;
    font-size:1em;
    direction:rtl;

}
input[type="text"]:focus{
    /*background-color:#efee9d;*/
    border:1px solid #0078d7;
    
}
input[type="password"]:focus{
   
}
textarea {
    font-family:Tahoma;
    font-size:10.5px;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);
    line-height:200%;
}
textarea:focus{
     border:1px solid #0078d7;
}
input[type="text"] 
{
    /*width: 200px;*/
    font-family:Tahoma;
    font-size:1em;
    direction:rtl;
    height:22px;
    border:1px solid #a9a9a9;
    padding:2px 2px 2px 2px;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25)
}

input[type="password"] 
{
    border:1px solid #a9a9a9;
    height:22px;
    border:1px solid #a9a9a9;
    padding:2px 2px 2px 2px;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25)
}
input[type="submit"] 
{
    font-family:Tahoma;
    border-color:#3b38bd;
    border-style:solid;
    border-width:1px;
    font-size:1em;
    background-color:#dbdee0;
    /*font-size:11px;*/
}
.HrefDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
input[type="button"] {
    background-color:#dbdee0;
    border-color:#3b38bd;
    border-style:solid;
    border-width:1px;
    font-size:10.5px;
}
.hrefbutton
{
    display:block;
    background-color:#dbdee0;
    border-color:#3b38bd;
    border-style:solid;
    border-width:1px;
    font-size:10.5px;
    font-style:normal;
}
button
{
    font-family:Tahoma;
    border-color:#3b38bd;
    border-style:solid;
    border-width:1px;
    font-size:10.5px;
    background-color:#dbdee0;
}
select {
    font-size:10.5px;
    font-family:Tahoma;
}
/* TABLE
----------------------------------------------------------*/

table 
{
 /* border: solid 1px #e8eef4;*/
  /*border-collapse: collapse;
  direction:rtl;
  width:100%;
  font-family:Tahoma;
  font-size:11px;*/
  
}

table td 
{
  padding: 5px;   
  height:15px;
  /*border: solid 1px #e8eef4;*/
}

table th
{
  /*padding: 6px 5px;
  text-align: center;
  background-color: #7c9dc8; 
  border: solid 1px #e8eef4;   
  color:#000000;
  font-size:1em;*/
}

input {
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    text-align:left;
}

#logindisplay
{
    /*font-size:1.1em;*/
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight:normal;
    color: #000000;
    background-color:#e4a3a3;
    font-size:10.5px;
    font-family:Tahoma;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
    font-family:Tahoma;
    font-size:10.5px;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    /*width: 30em;*/
    vertical-align:top;
}

.text-box.multi-line
{
    height: 6.5em;
    text-decoration-line:none;
    
}

.tri-state
{
    width: 6em;
}

.iranol_logo{
    background-image:url('../Content/Images/NEW iranol-logo-Fa.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-size:60px 60px;
}