html { overflow: auto; }
a { color: #1389ff; }
a:hover { color: #52a9ff; }

.FormWrapper { padding: 10px 10px 50vh 10px; }

.FormToolbar { margin-bottom: 10px; }
.FormToolbar .Item { margin-bottom: 7px; }
.FormToolbar .Item { float: right; margin-right: 0; margin-left: 7px; }
.FormToolbar .Item span { margin: 0; }

.FormTitle { margin-bottom: 10px; background-color: #e3e5e7; border: 1px solid #f8f8f8;  padding: 8px 10px 8px 0; }
.FormTitle span.Delimiter { padding: 0 5px; }

.FormGroup { margin: 0 auto 10px auto; }
.FormGroup .FormGroupTitle { line-height: 30px; background: #1C5EA0; color: #fff; border: solid 1px transparent; border-bottom: solid 1px #959BA2; }
.FormGroup .FormGroupTitle { padding-right: 10px; }

.FormSubGroup { background-color: #fff; border-left: solid 1px #C3D3E5; border-right: solid 1px #C3D3E5; padding-bottom: 10px; }
.FormSubGroup .FormSubGroupTitle { color: #105198; padding: 10px 5px 5px 5px; border-bottom: solid 1px #959BA2; margin: 0 30px; }
.FormSubGroup .FormSubGroupBody { padding: 10px 10px 0 10px; margin: 0; }

.FormTab { background-color: #fff; border-left: solid 1px #C3D3E5; border-right: solid 1px #C3D3E5; }
.FormTab .Tabshandlers { color: #105198; padding: 10px 5px 5px 5px; border-bottom: solid 1px #959BA2; margin: 0 30px; }
.FormTab .Tabshandlers td { cursor: pointer; padding: 5px 0 5px 10px; }
.FormTab .Tabshandlers td:hover { background-color: #105198; color: #fff; }

.FormFieldSet {   }
.FormFieldSet .FormField {display: flex; line-height: 30px; margin-bottom: 2px; }
.FormFieldSet .FormFieldCaption { color: #555555; padding-left: 7px; text-align: left; }
.FormFieldSet .FormField .FormFieldControl { }

.FormFieldSet .FormFieldInfo { display: flex; font-size: 11px; height: 15px; }
.FormFieldSet .FormFieldInfo div.Info { padding-right: 3px; padding-top: 3px; color: #555555; }

.FormFieldSet .DescriptionField { display: flex;}
.FormFieldSet .DescriptionField div.Content { color: #999; padding: 0 5px 5px 0; font-size: 11px; font-style: italic; width: 500px; }

input, textarea, select { margin: 0; border-radius: 0; border: 1px solid #b5b8bb; box-sizing: border-box;line-height: 140%; }
.Control, .TextBox, .DropDownList, .ListBox { background-color: #FFFFFF; text-indent: 0; padding: 3px 5px 3px 5px;  line-height: 140%; min-height: 26px;}
select { padding: 1px 5px !important;  }

.FormAction { height: 30px; padding-top: 10px; }
.FormAction a.Return, .FormAction a.Clear { padding: 0 15px; color: #333; border-color: #BCCBD2; text-shadow: 0 1px 0 white; background-color: #E6ECEF; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#D0D6DA)); background-image: -webkit-linear-gradient(top, #E6ECEF, #D0D6DA); background-image: -moz-linear-gradient(top, #E6ECEF, #D0D6DA); background-image: -ms-linear-gradient(top, #E6ECEF, #D0D6DA); background-image: -o-linear-gradient(top, #E6ECEF, #D0D6DA); }
.FormAction a.Return:hover, .FormAction a.Clear:hover { background-color: #D0D6DA; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0D6DA), to(#E6ECEF)); background-image: -webkit-linear-gradient(top, #D0D6DA, #E6ECEF); background-image: -moz-linear-gradient(top, #D0D6DA, #E6ECEF); background-image: -ms-linear-gradient(top, #D0D6DA, #E6ECEF); background-image: -o-linear-gradient(top, #D0D6DA, #E6ECEF); }
.FormAction a.Clear { font-weight: bold; }
.FormAction {  margin: 0 auto; }
.FormGroup .FormAction { width: auto; margin: 0 auto; padding-top: 10px; }

a.FormButton, input.FormButton { cursor: pointer; padding: 0 25px; color: #fff; white-space: nowrap; width: auto; background: #4C5766; background: -moz-linear-gradient(top, #4C5766 0, #313841 99%); border: 1px solid #313841; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 0 -1px 1px rgba(000, 000, 000, 1), 0 1px 0 rgba(255, 255, 255, 0.2); display: block; line-height: 30px; }
a.FormButton, input.FormButton { float: left; margin-right: 10px; }
a.DefaultButton { background: #1C5EA0; background: -moz-linear-gradient(top, #1C5EA0 0, #064792 99%); border: 1px solid #064792; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 0 -1px 1px rgba(000, 000, 000, 1), 0 1px 0 rgba(255, 255, 255, 0.2); font-weight: bold; }
a.FormButton:hover { background: #313841; /* old browsers */ background: -moz-linear-gradient(top, #313841 0, #4c5766 99%); /* firefox */ -moz-transition: background 5000ms ease-in; /* FF3.7+ */ -o-transition: background 5000ms ease-in; /* Opera 10.5+ */ transition: background 5000ms ease-in; /* futureproofing */ }
a.DefaultButton:hover { -webkit-transition: background 5000ms ease-in; -moz-transition: background 5000ms ease-in; -o-transition: background 5000ms ease-in; transition: background 5000ms ease-in; background: #064792; background: -moz-linear-gradient(top, #064792 0, #1C5EA0 99%); }
.FormButton img { display: inline-block; margin: -8px 0; width: 24px; }
.FormButton span { display: inline-block; margin: -3px 7px 0 3px; color: #fff; }
.CheckBoxList, .RadioButtonList { line-height: 160%; }
.RadioButtonList tr td, .CheckBoxList tr td { padding-left: 10px; white-space: nowrap; }

.gv { width: 100%; border-collapse: separate; background-color: white; border: solid 1px #E1E5E7 !important; margin-bottom: 30px; }
.gv caption { padding: 10px; text-align: right; color: #1C5EA0; font-weight: bold; }
.gv tr.Empty td { text-align: center; padding: 10px; }
.gv th { background-image: url('/_Common/Skin/Content/Images/gv_th.png'); border-bottom: solid 1px #aaaaaa; border-right: solid 1px #ffffff; border-left: solid 1px #aaaaaa; border-collapse: separate !important; background-color: #D1D7DB; background-repeat: repeat-x; vertical-align: middle; line-height: 150%; padding: 0 5px; line-height: 200%; }
.gv th { vertical-align: middle; padding: 5px; line-height: 200%; }
.gv td { vertical-align: middle; padding: 3px 10px; border-collapse: separate; line-height: 200%; }
.gv td.Currency { direction: ltr; text-align: right; }
.gv td.Decimal { direction: ltr; text-align: right; }
.gv th a { font-weight: normal; color: #333 !important; text-shadow: white 0 1px 0; display: block; background-repeat: no-repeat; background-position: right center; }
.gv th.SortedAscending a { background-image: url('/_Common/Skin/Content/Images/gv_Sort3.png'); padding-right: 16px; }
.gv th.SortedDescending a { background-image: url('/_Common/Skin/Content/Images/gv_Sort2.png'); padding-right: 16px; }
.gv th.SortedAscending a { padding: 5px; }
.gv th.SortedDescending a { padding: 5px; }
.gv tr.Even { background-color: #edf1f3; border-bottom: 1px solid #d8dcde; }
.gv tr.Odd { border-bottom: 1px solid #e1e5e7; }
.gv tr:hover { background-color: #D7E2EE; }
.gv td.RowNo,
.gv th.RowNo { width: 30px; text-align: center; }
.gv th.RowNo a { padding: 5px; }
.gv td.Note{max-width: 25%;}
.gv .CommandColumn { width: 16px; text-align: center; vertical-align: middle; padding: 4px; }
.gv .CommandColumn a.GridViewHyperLinkField { color: #fff; padding: 2px 5px; font-size: 90%; white-space: nowrap; }
.gv .CommandColumn a.GridViewHyperLinkField:hover { background-color: #fff; }
.gv .CommandColumn a.Blue { background-color: #17589D; }
.gv .CommandColumn a.Blue:hover { color: #17589D; }
.gv .CommandColumn a.Red { background-color: #B3121C; }
.gv .CommandColumn a.Red:hover { color: #B3121C; }
.gv .CommandColumn a.Green { background-color: #30A21A; }
.gv .CommandColumn a.Green:hover { color: #30A21A; }
.gv .CommandColumn a.Black { background-color: #000000; }
.gv .CommandColumn a.Black:hover { color: #000000; }
.gv .CommandColumn a.Yellow { background-color: #BEB71F; }
.gv .CommandColumn a.Yellow:hover { color: #BEB71F; }
.gv .CommandColumn a.Orange { background-color: #BD761C; }
.gv .CommandColumn a.Orange:hover { color: #BD761C; }
.gv .CommandColumn a.GridViewDeleteButton { color: #fff; background-color: #B3121C; padding: 2px 5px; font-size: 90%; white-space: nowrap; }
.gv .CommandColumn a.GridViewDeleteButton:hover { background-color: #fff; color: #B3121C; }
.gv .CommandColumn a.GridViewCommandButton { color: #fff; background-color: #17589D; padding: 2px 5px; font-size: 90%; white-space: nowrap; }
.gv .CommandColumn a.GridViewCommandButton:hover { background-color: #fff; color: #17589D; }
.gv .CommandColumn a img { display: block; cursor: pointer; }
.gv .CommandColumn input { cursor: pointer; }
.gv td.LabelColumn span {  padding:3px; }
.gv td.LabelColumn span.Red {background-color:#B61E2A; color:#fff;}

.gv tr.Pager .Holder { display: flex;}
.gv tr.Pager .Right {width: 30%;}
.gv tr.Pager .Center {flex-grow: 1;}
.gv tr.Pager .Left {width: 30%;}
.gv tr.Pager table { margin: auto; }
.gv tr.Pager table td { min-width: 25px; padding: 0 0; }
.gv tr.Pager table td a,
.gv tr.Pager table td span { display: block; background-color: #EDF1F3; text-align: center; border: solid 1px #E1E5E7; min-width: 25px; margin: 2px; padding: 0 2px; }
.gv tr.Pager table td a:hover,
.gv tr.Pager table td span { background-color: #14569B; color: #fff; border: solid 1px #14569B; }
.gv .Footer { font-weight: bold; }

.GridViewTableField td { padding: 0; margin: 0; }
.GridViewTableField td.Caption { text-align: left; padding-left: 4px; white-space: nowrap; }

.Control:hover, .TextBox:hover, .DropDownList:hover, .ListBox:hover, input:hover, select:hover { border-color: #777; }
.Control:focus, .TextBox:focus, .DropDownList:focus, .ListBox:focus { border-color: #444; }
input:disabled, textarea:disabled, select:disabled { color: #545454; background-color: #F3F3F3; border: 1px solid #b5b8bb !important; }
.Disabled { color: #545454 !important; background-color: #F3F3F3; border: 1px solid #b5b8bb; }

input[type=checkbox], input[type=radio] {margin-left: 4px; vertical-align: middle;}

.Control.Typical {  }
.Control.Email { direction: ltr; }
.Control.Address { resize: none; height: 50px; }
.Control.Description { height: 50px; }
.Control.BigDescription { height: 250px; }
.Control.Password { direction: ltr; }
.Control.Username { direction: ltr; }
.Control.NumericText { direction: ltr;  text-align: center; }
.Control.BigNumericText { direction: ltr; width: 450px;  text-align: center; }
.Control.IranianNationalCode { direction: ltr;  text-align: center; }
.Control.PhoneNumber { direction: ltr;  }
.Control.Mobile { direction: ltr; }
.Control.SmallTypical {  }
.Control.IranianPostalCode { direction: ltr;  text-align: center; }
.Control.TypicalLeftToRight { direction: ltr; }
.Control.AlwaysRightToLeft { direction: rtl; }
.Control.AlwaysLeftToRight { direction: ltr; }
.Control.Formula { direction: ltr; resize: vertical; }
.Control.IranianStandardTag { direction: ltr;  }
.Control.AnimalTag { direction: ltr;  }
.Control.Note { height: 120px;}
.NumberPicker { direction: ltr; text-align: center; }
.EndCaptionLabel { margin: 0 5px; }

.FormMessage { background-color: #fff; padding: 20px 30px 10px 30px; line-height: 150%; font-size: 12px; border-left: solid 1px #c3d3e5; border-right: solid 1px #c3d3e5; }
.FormMessage .Inner { border: solid 1px #000; border-right-width: 20px; padding: 10px; line-height: 200%; }
.FormMessage .Help { background-color: #B5C9DF; border-color: #094B95; }
.FormMessage .Information { background-color: #BAE0B5; border-color: #1A9709; }
.FormMessage .Warning { background-color: #E9C7B5; border-color: #B7450B; }
.FormMessage .Error { background-color: #E7B5B8; border-color: #B10B14; }
.DesktopItemHolderTitle { text-align: center; padding: 30px 0 15px 0; font-weight: bold; }
.DesktopItemHolder {  margin: auto; }
.DesktopItemHolder .DesktopItem { }
.DesktopItem { border: solid 1px #fff; padding: 10px; background-image: url('/_Common/Skin/Content/Images/trans_black_less.png'); margin-bottom: 10px; }
.DesktopItem .Title { font-weight: bold; margin-bottom: 5px; }
.DesktopItem .Description { color: #555; min-height: 16px; line-height: 150%; }
.flat_area { margin-bottom: 0; margin-top: 0; }
.flat_area p, .flat_area h1, .flat_area h2, .flat_area h3, .flat_area h4, .flat_area h5, .flat_area h6 { text-shadow: 0 1px 0 #fff; }
.flat_area h2 { margin-left: 0; margin-right: 0; padding: 2px 10px 2px 0; margin-bottom: 15px; margin-top: 0; font-weight: normal; background-image: url("/_Common/Skin/Content/Images/trans_black_less.png"); border: 1px solid #fff; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; line-height: 30px; text-indent: 0; }

.FormWizardTitle { margin: 0 auto; background-color: #fff; border: solid 1px #C3D3E5; padding: 10px; text-align: center; box-sizing: border-box; font-weight: bold; line-height: 160%; }
.FormWizard { margin: 10px auto; background-image: -webkit-linear-gradient(top, #1C5EA0, #064792); background-color: #1C5EA0; border-color: #064792; }
.FormWizard .FormWizardStep { border: solid 1px #032349; vertical-align: middle; }
.FormWizard .FormWizardStep a { display: block; color: #fff; word-break: keep-all; padding: 7px 2px; text-shadow: 0 1px 0 #000; }
.FormWizard .FormWizardStep a span {font-weight: bold;}
.FormWizard .FormWizardStep a .Title { display: block; }
.FormWizard .FormWizardStep a .Title .No { padding-right: 4px; }
.FormWizard .FormWizardStep a .Description { display: block; font-size: 10px; padding: 4px 15px 0 0; }
.FormWizard .Active {background-color: #E6ECEF;}
.FormWizard .Active a { color: #000; text-shadow: 0 1px 0 #fff;}
.FormWizard .Disabled { background-color: #ccc; }
.FormWizard .Disabled a { color: #666; text-shadow: none;}

.FormWizard .FormWizardStep a.Centered { text-align: center; }

.Button { font-size: 90%; padding: 3px 10px 2px 10px; margin: 0 4px; border-width: 1px; border-color: #BCCBD2; background-color: #E6ECEF; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#D0D6DA)); background-image: 
        -webkit-linear-gradient(top, #E6ECEF, #D0D6DA); background-image: -moz-linear-gradient(top, #E6ECEF, #D0D6DA); 
    background-image: -ms-linear-gradient(top, #E6ECEF, #D0D6DA); background-image: -o-linear-gradient(top, #E6ECEF, #D0D6DA); }
.TreeView { }
.TreeView td { vertical-align: middle; }

.HighlightText { display: block; padding: 3px 5px; background-color: #000; color: #fff !important; font-size: 11px; white-space: nowrap; line-height: 100%; }
.HighlightText { float: right; margin: 2px 2px 0 0; }

.TagsHolder { font-size: 11px; }
.TagsHolder .Tag { background-color: #14559B; color: #fff; display: block; padding: 0 4px 0 4px; margin-bottom: 2px; }
.TagsHolder .Tag { float: right; margin-left: 5px; }

.FormTab { padding-bottom: 10px; }
.FormTab .FormTabHandlers { border-bottom: solid 1px #959BA2; margin: 0 30px; padding-top: 10px; height: 22px; overflow: hidden; }
.FormTab .FormTabHandlers .FormTabHandler { position: relative; padding: 5px 5px 5px 0; display: block; float: right; margin-left: 20px; color: #959BA2; }
.FormTab .FormTabHandlers .FormTabCurrent { color: #105198; }
.FormTab .FormTabContents { }
.FormTab .FormTabContents .FormTabContent { display: none; padding: 10px 10px 0 10px; margin: 0; }
.FormTab .FormTabContents .FormTabCurrent { display: block; }

.AjaxPopupSecureHyperLink { cursor: pointer; }
.gv .AjaxPopupSecureHyperLink { color: inherit; }
div.AjaxPopup { z-index: 500; position: absolute; min-width: 100px; min-height: 15px; font-size: 11px; line-height: 160%; max-width: 640px;
    padding: 10px; border: solid 1px #777; background-color: #ffffff; color: #555;
}

.ModalWindowWrapper { position: absolute; z-index: 10000; }
.ModalWindowWrapper .ModalWindow { position: relative; width: 100%; height: 100%; }
.ModalWindowWrapper .Blur { position: absolute; background-color: #fff; opacity: 0.5; width: 100%; height: 100%; }
.ModalWindowWrapper .Holder { position: absolute; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); border-radius: 3px; }
.ModalWindowWrapper .Holder b.Close { position: absolute; display: block;
    font-family: 'Verdana', serif; top: -21px; left: 0; text-align: center; font-size: 13px; line-height: 13px; width: 36px; padding: 3px 0; font-weight: normal; background-color: #BE333C; color: #fff; }
.ModalWindowWrapper .Holder b.Close:hover { cursor: pointer; background-color: #B4141E; }
.ModalWindowWrapper .Holder iframe { width: 100%; height: 100%; background-color: #fff; }
.ModalWindowWrapper .ModalWindow .Foo { }
a.HyperlinkButton { color: #fff; background-color: #17589D; padding: 3px 5px 6px 5px; font-size: 90%; white-space: nowrap; }
a.HyperlinkButton:hover { background-color: #fff; color: #17589D; }
a.DeleteLinuButton { color: #fff; background-color: #B3121C; padding: 3px 5px 6px 5px; font-size: 90%; white-space: nowrap; }
a.DeleteLinuButton:hover { background-color: #fff; color: #17589D; }
.PageToolbar { position: absolute; top: 13px; left: 14px; }
.PageToolbar a { display: block; width: 24px; height: 24px; margin-right: 3px; float: left; }
.PageToolbar a:hover { background-color: #F6F9FB; }
.DebitAmount { color: #0F5198; }
.CreditAmount { color: #B3121C; }
.Bold { font-weight: bold; }

.EntityInfoHolder { background-color: #fff; padding: 10px; border-left: solid 1px #C3D3E5; border-right: solid 1px #C3D3E5; }
.EntityInfoTable { width: 100%; background-color: #fff; box-sizing: border-box; }
.EntityInfoTable td { border: solid 1px #C3D3E5; padding: 8px; line-height: 160%; box-sizing: border-box; }
.EntityInfoTable td.Spacer {  padding: 0; line-height: 100%; font-size: 2px;}

.EntityPicker { position: relative; font-size: 12px; min-height: 24px; }
.EntityPicker .Id { display: none; }
.EntityPicker .Controls .Code, .EntityLabelPicker .Code {  direction: ltr; text-align: center; margin-left: 5px;}
.EntityPicker .Controls .Title, .EntityLabelPicker .Title {  }

.EntityPicker .Controls .Title:disabled { color: inherit; }
.EntityPicker .ResultPanel { display: none; position: absolute; border: solid 0 #B5B8BB; background: #fff;  z-index: 10; top: 27px; }
.EntityPicker .ResultPanel .TabsHandler td { padding: 0; }
.EntityPicker .ResultPanel .TabsHandler td { padding-left: 4px; }
.EntityPicker .ResultPanel .TabsHandler td.Current a { background-color: #115399; color: #fff; border-color: #115399; }
.EntityPicker .ResultPanel .TabsHandler td a { display: block; padding: 5px 5px; border: solid 0px #749AC3; border-bottom-width: 0; }
.EntityPicker .ResultPanel .TabsHandler td a:hover { background-color: #115399; color: #fff; border-color: #115399; }
.EntityPicker .ResultPanel .Tabs { line-height: 130%; max-height: 150px; overflow-y: auto; border: solid 1px #115399; }
.EntityPicker .ResultPanel .Tabs .Tab { display: none; padding: 5px; }
.EntityPicker .ResultPanel .Tabs .Current { display: block; }
.EntityPicker .ResultPanel .Tabs .TabSearch .Items tr:hover { background-color: #7399C3; cursor: pointer; }
.EntityPicker .ResultPanel .Tabs .Tab .Items { width: 100%; position: relative; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item.Selected { background-color: #A5BED9; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item { cursor: pointer; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item td { border: solid 1px #AAAAAA; padding: 2px; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Id { display: none; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Code { text-align: center;  padding: 3px 5px; }
.EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.ParentId { display: none; }
.EntityPicker .ResultPanel .Tabs .Tab .EmptyReult { text-align: center; padding: 10px; }

.Formula { direction: ltr; text-align: left; }

.ChatRoom { background-color: #fff; padding-bottom: 10px; }
.ChatRoom .Me .Balloon { margin-right: 0;margin-left: 10px; }
.ChatRoom .Other { float: left; }
.ChatRoom .Other .Balloon { margin-left: 0;margin-right: 10px; }
.ChatRoom .Balloon { margin: 10px 0 0 0; padding: 10px; border-radius: 10px; line-height: 160%;  }
.ChatRoom .Balloon .User { font-weight: bold; font-size: 90%; }
.ChatRoom .GreenBalloon { color: #30A21A; border: solid 1px #30A21A; background-color: #C4E5BE; }
.ChatRoom .BlueBalloon { color: #195B9E; border: solid 1px #195B9E; background-color: #BED1E4; }
.ChatRoom .RedBalloon { color: #B61D29; border: solid 1px #B61D29; background-color: #EABFC2; }
.ChatRoom .User {   }
.ChatRoom .Time { font-style: italic; font-size: 90%;  }
.ChatRoom .PicCell { vertical-align: bottom; width: 68px; }
.ChatRoom .PicCell .Circle { border-radius: 16px; overflow: hidden; width: 48px; height: 48px; margin: auto; border: solid 1px #AAA; }
.ChatRoom .PicCell .Circle img { width: 48px; }

.IconLink { vertical-align: middle;  }
.ExtraInfo { max-width: 35%;  }

@media print {
    body { font-size: 80%; }
    .FormWizard{display: none;}
    .FormGroupTitle{ border:solid 1px #C3D3E5 !important; color: #000 !important;}
    
    .mp-results { display: none; }
    .gv .CommandColumn { display: none; }
    .gv .Pager { display: none; }
    .gv th { border: solid 1px #000; font-weight: bold; }
    .gv td { border: solid 1px #000; }
    #divWraper { padding-bottom: 0 !important; }
    .FormWrapper {padding: 0;}
}

body {background: #e5e8ea url('/_Common/Skin/Content/Images/grey_noise.png') repeat;}

@media only screen and (min-width: 1150px) {

    .FormWizardTitle, .FormWizard, .FormGroup, .DesktopItemHolder, .FormAction { width:1100px;}         
    .FormFieldSet .FormFieldCaption {width: 220px; }
    .FormFieldSet .FormField .ExtraControl { Width:476px; }
    
    .Control, .TextBox, .DropDownList, .ListBox {width: 700px;}
    
    .Control.NumericText, 
    .Control.IranianNationalCode, 
    .Control.PhoneNumber, 
    .Control.Mobile, 
    .Control.SmallTypical,
    .Control.IranianPostalCode, 
    .Control.IranianStandardTag, 
    .Control.AnimalTag, 
    .Int64Picker, 
    .DoublePicker,  
    .DecimalPicker {width: 220px;}
    
    .Int32Picker { width: 150px; }
        
    .EntityPicker .Controls .Code, .EntityLabelPicker .Code {width: 150px;}
    .EntityPicker .Controls .Title, .EntityLabelPicker .Title {width: 545px;}
    .EntityPicker .ResultPanel {width: 700px;}
    .EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Code {width: 132px;}    
}

@media only screen and (max-width: 1150px)  {
    
    .FormGroup, .DesktopItemHolder, .FormWizardTitle, .FormWizard, .FormAction  {width: 750px;}     
    .FormFieldSet .FormFieldCaption { width: 150px; }
    .FormFieldSet .FormField .ExtraControl { Width:336px; }
    
    .Control, .TextBox, .DropDownList, .ListBox {width: 500px;}
    
    .Control.NumericText,
    .Control.IranianNationalCode,
    .Control.PhoneNumber,
    .Control.Mobile,
    .Control.SmallTypical,
    .Control.IranianPostalCode,
    .Control.IranianStandardTag,
    .Control.AnimalTag,
    .Int64Picker,
    .DoublePicker,
    .DecimalPicker {width: 160px;}
    
    .Int32Picker { width: 125px; }
    
    .EntityPicker .Controls .Code, .EntityLabelPicker .Code {width: 125px;}
    .EntityPicker .Controls .Title, .EntityLabelPicker .Title {width: 370px;}
    .EntityPicker .ResultPanel {width: 500px;}
    .EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Code {width: 118px;}    
}

@media only screen and (max-width: 800px) 
{    
    .FormGroup, .DesktopItemHolder, .FormWizardTitle, .FormWizard, .FormAction {width: 450px; }    
     
    .FormWizard .FormWizardStep {writing-mode:vertical-lr; }
    .FormWizard .FormWizardStep a .Description {display: none;}
    
    .Control, 
    .TextBox, 
    .DropDownList,
    .ListBox,
    .EntityPicker .ResultPanel {width: 378px;}  
    
    .Control.NumericText,
    .Control.IranianNationalCode,
    .Control.PhoneNumber, 
    .Control.Mobile,
    .Control.SmallTypical,
    .Control.IranianPostalCode,
    .Control.IranianStandardTag,
    .Control.AnimalTag,
    .Int64Picker, 
    .DoublePicker, 
    .DecimalPicker ,
    .Int32Picker {width: 160px;}
        
    .EntityPicker .Controls .Title, .EntityLabelPicker .Title {width: 248px;}     
    .EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Code {width: 110px;}

    .FormSubGroupTitle {font-weight: bold;}
    
    .FormFieldSet {margin: 0 25px;}
    .FormFieldSet .FormField {display: block; line-height: 120%; padding-top: 10px;}
    .FormFieldSet .FormFieldCaption {width: 100%; text-align: right; margin-bottom: 2px;}
    .FormFieldSet .FormField .ExtraControl { Width:211px; }
    
    .gv td, .gv th {display: block; text-align: center !important; width: auto !important; }    
    .gv  td[data-title]::before {
        content: attr(data-title);
        font-weight: 700;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-line;
    }

    .gv th.CommandColumn, 
    .gv th.RowNo {display: none;}        
    .gv tr.Pager td { display: table-cell; width: auto !important;}    
    .gv tr.Pager .Holder{display: block;}
    .gv tr.Pager .Right {width: 100%;}
    .gv tr.Pager .Left {display: none;}

    .EntityInfoTable tr {display: block; }
    .EntityInfoTable tr td {display: block; width: 100% !important;}

    .CheckBoxList tr, .RadioButtonList tr {display: flex; flex-flow: wrap; }
    .CheckBoxList tr td, .RadioButtonList tr td {display: block;  }
}

@media only screen and (max-width: 450px)
{
    .FormGroup, 
    .DesktopItemHolder, 
    .FormWizardTitle,
    .FormWizard,
    .FormAction {width: 300px;}
     
    .FormWizard .FormWizardStep {writing-mode:vertical-lr; }
    .FormWizard .FormWizardStep a .Description {display: none;}
    
    .Control,
    .TextBox,
    .DropDownList,
    .ListBox,
    .EntityPicker .ResultPanel
    {width: 225px;}
    
    .EntityPicker .Controls .Code, .EntityLabelPicker .Code {width: 75px;}
    .EntityPicker .Controls .Title, .EntityLabelPicker .Title {width: 145px;}    
    .EntityPicker .ResultPanel .Tabs .Tab .Items .Item td.Code {width: 60px;}

    .FormFieldSet .FormField .ExtraControl { Width:225px; margin-top: 5px; }
}


.DateTimePicker_Date { direction: ltr; text-align: center; width: 120px; }
/* Redmond styling for jQuery Calendars Picker v1.1.4. */
.calendars { background-color: #fff; color: #222; border: 1px solid #4F4F4F; }
.calendars-rtl { direction: rtl; }
.calendars-popup { z-index: 1000; }
.calendars-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; }
.calendars a { color: #222; text-decoration: none; }
.calendars a.calendars-disabled { color: #888; cursor: auto; }
.calendars button { margin: 0.25em; padding: 0.125em 0em; background-color: #5c9ccc; color: #fff; border: none; }
.calendars-nav, .calendars-ctrl { float: left; width: 100%; background-color: #fff; padding-top: 2px; padding-bottom: 2px; }
.calendars-ctrl { background-color: #d0e5f5; }
.calendars-cmd { width: 30%; }
.calendars-cmd:hover { background-color: #dfeffc; }
button.calendars-cmd:hover { background-color: #79b7e7; }
.calendars-cmd-prevJump, .calendars-cmd-nextJump { width: 8%; }
a.calendars-cmd {  text-align: center; padding-top: 5px; padding-bottom: 5px;  }
button.calendars-cmd { text-align: center; }
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear { float: left; padding-left: 2%; }
.calendars-cmd-current, .calendars-cmd-today { float: left; width: 35%; text-align: center; }
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close { float: right; padding-right: 2%; text-align: right; }
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; }
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today { float: right; }
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; }
.calendars-month-nav { float: left; text-align: center; }
.calendars-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; }
.calendars-month-nav span { color: #888; }
.calendars-month-row { clear: left; }
.calendars-month { float: left; width: 16em; border: 1px solid #5c9ccc; text-align: center; }
.calendars-month-header, .calendars-month-header select, .calendars-month-header input { height: 1.5em; background-color: #5c9ccc; color: #fff; }
.calendars-month-header select, .calendars-month-header input { height: 1.4em; border: none; }
.calendars-month-header input { position: absolute; display: none; }
.calendars-month table { width: 100%; border-collapse: collapse; }
.calendars-month thead { border-bottom: 1px solid #aaa; }
.calendars-month th, .calendars-month td { margin: 0; padding: 0; text-align: center; }
.calendars-month th { border: 1px solid #fff; border-bottom: 1px solid #c5dbec; }
.calendars-month th { background-color: #105198; color: #FFF; }
.calendars-month td { border: 1px solid #c5dbec; }
.calendars-month td.calendars-week * { background-color: #d0e5f5; color: #222; border: none; }
.calendars-month a { display: block; width: 100%; padding: 0.4em 0em; background-color: #dfeffc; color: #000; text-decoration: none; }
.calendars-month span { display: block; width: 100%; padding: 0.4em 0em; }
.calendars-month td span { color: #888; }
.calendars-month td .calendars-other-month { background-color: #fff; }
.calendars-month td .calendars-today { background-color: #fad42e; }
.calendars-month td .calendars-highlight { background-color: #79b7e7; }
.calendars-month td .calendars-selected { background-color: #4297d7; color: #fff; }
.calendars-status { clear: both; text-align: center; }
.calendars-clear-fix { clear: both; }
.calendars-cover { display: none; display /**/: block; position: absolute; z-index: -1; top: -1px; left: -1px; width: 100px; height: 100px; }

.calendars-trigger {margin: 0 5px 0 0; vertical-align: middle; width: 24px; }

.DatePicker_Calendar{height: 26px; }