* {
  font-family: Tahoma;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
}
@font-face {
  font-family: DroidNaskh;
  font-style: normal;
  src: local('☺'), local('Droid Arabic Naskh'), url('/res/DroidNaskh-Regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: Vazir;
  src: local('☺'), local('Vazir'), url('/res/Vazir.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: Vazir;
  font-weight: bold;
  src: local('☺'), local('Vazir'), url('/res/Vazir-Bold.ttf') format('truetype');
  font-display: swap;
}
* {
  font-family: DroidNaskh;
  box-sizing: border-box;
}
html {
  direction: rtl;
}
body {
  font-family: DroidNaskh, Tahoma;
  font-size: 12px;
  margin: 0 auto;
}
a {
  color: #085ef5;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: url('/Images/link.cur'), pointer;
}
a:hover {
  color: #008fff;
  background: #eaf6fa;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: DroidNaskh, BBCNassim, 'B Zar', 'Times New Roman', 'Traditional Arabic', Tahoma;
  color: #030;
}
table,
td,
th {
  border: none;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  border-radius: 3px;
}
::-webkit-scrollbar-track:hover {
  background: #bcbcbc;
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #c6c6c6;
  opacity: 0.6;
}
::-webkit-scrollbar-thumb:hover {
  background: #858585;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear-both {
  clear: both;
}
@media print {
  * {
    font-size: x-small;
  }
}
.MasterAdmin_MainContainer {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.MasterAdmin_Header {
  height: 72px;
}
.MasterAdmin_BodyContainer {
  position: absolute;
  right: 0;
  top: 73px;
  bottom: 0;
  width: 100%;
}
.MasterAdmin_RightCol {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  width: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f8f8f8;
}
.MasterAdmin_Container {
  position: absolute;
  right: 171px;
  top: 0;
  left: 0;
  bottom: 0;
}
.MasterAdmin_Toolbox {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 37px;
  padding: 3px;
  border-bottom: 1px solid gray;
  background: #7192a8;
  color: #fff;
}
.MasterAdmin_Content {
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  bottom: 31px;
  overflow: auto;
  padding: 5px;
}
.MasterAdmin_BottomBar {
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid gray;
  background: #7192a8;
}
.MasterAdmin_Container button:not(.btn),
.MasterAdmin_Container input[type=button]:not(.btn),
.MasterAdmin_Container input[type=submit]:not(.btn),
.formViewTable button:not(.btn),
.AdminBtn:not(.btn) {
  height: 30px;
  cursor: url('/Images/link.cur'), pointer;
  text-shadow: 0 1px 0 white;
  border-radius: 4px;
  border: 1px solid #b4b4b4;
  display: inline-block;
  color: #494949;
  padding: 0 10px;
  text-decoration: none;
  box-shadow: inset 0 1px 0 0 #fff;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%, #e9e9e9 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%, #e9e9e9 100%);
}
.MasterAdmin_Container button:not(.btn):focus,
.MasterAdmin_Container input[type=button]:not(.btn):focus,
.MasterAdmin_Container input[type=submit]:not(.btn):focus,
.formViewTable button:not(.btn):focus,
.AdminBtn:not(.btn):focus {
  border: 1px solid #ff5d00;
  outline: none;
}
.MasterAdmin_Container input:not(.btn):hover,
.MasterAdmin_Container input[type=button]:not(.btn):hover,
.MasterAdmin_Container input[type=submit]:not(.btn):hover,
.formViewTable button:not(.btn):hover,
.AdminBtn:not(.btn):hover {
  background: #e9e9e9;
  background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%, #f9f9f9 100%);
  background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%, #f9f9f9 100%);
}
.MasterAdmin_Container textarea:hover,
.formViewTable textarea:hover {
  box-shadow: 0 0 3px #666;
}
.MasterAdmin_Container input:not(.btn):active,
.MasterAdmin_Container button:not(.btn):active,
.formViewTable input:not(.btn):active,
.formViewTable button:not(.btn):active,
#btnSearchTellList:not(.btn):active,
.AdminBtn:not(.btn):active {
  box-shadow: inset 0 1px 1px #999;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dfdfdf 95%, #dfdfdf 95%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #dfdfdf 95%, #dfdfdf 95%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #dfdfdf 95%, #dfdfdf 95%);
}
.MasterAdmin_Container input[type=text]:focus,
.formViewTable input[type=text]:focus,
.MasterAdmin_Container textarea:focus,
.formViewTable textarea:focus {
  box-shadow: inset 0 1px 1px #999;
  background: #eaeaea;
  border: 1px solid #00a3ff;
}
.MasterAdmin_Container input[type="text"],
.MasterAdmin_Container input[type="password"],
.MasterAdmin_Container input[type="file"],
.MasterAdmin_Container textarea,
.formViewTable input[type="text"],
.formViewTable input[type="password"],
.formViewTable input[type="file"],
.formViewTable textarea {
  padding: 3px;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: auto;
}
.MasterAdmin_Container input[type="checkbox"],
.MasterAdmin_Container input[type="radio"],
.MasterAdmin_Container input[type="image"],
.formViewTable input[type="checkbox"],
.formViewTable input[type="radio"],
.formViewTable input[type="image"] {
  height: auto;
  padding: 3px;
}
.ToolboxBackBtn {
  border-color: #4f4f4f !important;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fff 40%, #ccc 70% #ccc);
  background: -webkit-linear-gradient(top, #fff 0%, #fff 40%, #ccc 70% #ccc);
  background: linear-gradient(to bottom, #fff 0%, #fff 40%, #ccc 70% #ccc);
}
.ToolboxBackBtn:hover {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fff 40%, #aaa 70% #aaa);
  background: -webkit-linear-gradient(top, #fff 0%, #fff 40%, #aaa 70% #aaa);
  background: linear-gradient(to bottom, #fff 0%, #fff 40%, #aaa 70% #aaa);
}
.ToolboxBackBtn:active {
  background: #000;
  background: -moz-linear-gradient(top, #000 0%, #ccc 40%, #fff 70% #aaa);
  background: -webkit-linear-gradient(top, #000 0%, #ccc 40%, #fff 70% #aaa);
  background: linear-gradient(to bottom, #000 0%, #ccc 40%, #fff 70% #aaa);
}
.MasterAdmin_Toolbox select,
.formViewTable select {
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 0;
  color: #222;
}
.horizontal-scroll {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
}
.horizontal-scroll * {
  flex: 0 0 auto;
}
.toolbox-subpanel-simple {
  float: right;
  margin: 0 10px;
  height: 30px;
}
.btn {
  font-size: inherit;
}
.ToolBoxSubPanel {
  float: right;
  margin: 0 3px;
  padding: 3px 6px;
  height: 30px;
  border: 1px solid #bebebe;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #222;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  flex: 0 0 auto;
}
.ToolBoxSubPanel input {
  height: auto !important;
  vertical-align: middle;
  padding: 0 3px !important;
}
.ToolBoxSubPanel input[type=button],
.ToolBoxSubPanel input[type=submit],
.ToolBoxSubPanel button {
  padding: 0 10px !important;
}
.ToolBoxSubPanel select {
  height: 22px;
}
.toolboxsubpanel-radiobutton label {
  margin-left: 10px;
  margin-right: 3px;
  font-weight: normal;
}
.PrimaryBtn {
  background: #08c !important;
  background: -moz-linear-gradient(top, #08c 0%, #05c 100%) !important;
  background: -webkit-linear-gradient(top, #08c 0%, #05c 100%) !important;
  background: -ms-linear-gradient(top, #08c 0%, #05c 100%) !important;
  background: linear-gradient(to bottom, #08c 0%, #05c 100%) !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  color: #f9f9f9 !important;
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.PrimaryBtn:hover {
  background: #05c !important;
  background: -moz-linear-gradient(top, #05c 0%, #08c 100%) !important;
  background: -webkit-linear-gradient(top, #05c 0%, #08c 100%) !important;
  background: linear-gradient(to bottom, #05c 0%, #08c 100%) !important;
}
.PrimaryBtn:active {
  background: #003d92 !important;
  background: -moz-linear-gradient(top, #003d92 0%, #006192 100%) !important;
  background: -webkit-linear-gradient(top, #003d92 0%, #006192 100%) !important;
  background: -ms-linear-gradient(top, #003d92 0%, #006192 100%) !important;
  background: linear-gradient(to bottom, #003d92 0%, #006192 100%) !important;
}
.PrimaryBtn:focus {
  border: 1px solid #00f5ff !important;
}
.SmallTip {
  background-color: #ffffc4;
  font-weight: bold;
  padding: 3px;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.MasterAdmin_Toolbox table tr td label[for*='_'],
.MasterAdmin_Content table tr td label[for*='_'],
.MasterAdmin_Toolbox div label[for*='_'] {
  cursor: url('/Images/link.cur'), pointer;
}
#masterMessageDiv {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1000;
  padding: 5px 10px;
  padding-bottom: 25px;
  width: 400px;
  min-height: 100px;
  border: 1px solid green;
  background-color: #e3f3d1;
  font-size: 10pt;
  box-shadow: 0 0 5px 1px #cce9b8;
  border-radius: 3px;
}
#masterMessageDiv * {
  font-family: DroidNaskh, BBCNassim;
  font-size: 14pt;
}
#masterMessageDiv #masterMessageLbl {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 22px;
  overflow: auto;
  padding: 1px 7px;
}
#masterMessageDiv.Message {
  border-color: #316cb8;
  background-image: url('/Images/info_mark.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 26px 96px;
  background-color: #e7f1f7;
  box-shadow: 0 0 5px 1px #b8d9e9;
}
#masterMessageDiv.Warning {
  border-color: #ffa500;
  background-image: url('/Images/warning.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 26px 96px;
  background-color: #f0f3d1;
  box-shadow: 0 0 5px 1px #e9e1b8;
}
#masterMessageDiv.Error {
  border-color: red;
  background-image: url('/Images/error.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 26px 96px;
  background-color: #f3d1db;
  box-shadow: 0 0 5px 1px #e9b8d9;
}
#messageDivInfo {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 8pt;
  color: #a29a88;
  background: #e5e5d1;
  padding: 3px;
}
#masterMessageDiv.Message #messageDivInfo {
  color: #78adc2;
  background: rgba(221, 231, 235, 0.9);
}
#masterMessageDiv.Warning #messageDivInfo {
  color: #a29a88;
  background: rgba(229, 229, 209, 0.9);
}
#masterMessageDiv.Error #messageDivInfo {
  color: #a28893;
  background: rgba(229, 209, 221, 0.9);
}
/* adds a small thing says new */
.new:after {
  content: 'جدید';
  display: inline-block;
  color: #f00;
  background-color: #ff0;
  border: 1px solid #008000;
  padding: 0 2px;
  font-size: 0.8em;
  top: -5px;
  font-weight: bold;
  border-radius: 50%;
  position: relative;
  transform: rotate(-17deg);
  line-height: 1.9em;
}
.itemForm {
  display: none;
  margin: 20px;
  padding: 10px;
  border: 1px solid silver;
  border-radius: 4px;
  box-shadow: 0 0 3px #ccc;
}
.entry-form-container {
  padding: 20px;
}
.NoteDiv:after {
  content: 'کلیک کنید';
  font-size: 6pt;
  font-weight: lighter;
  font-family: serif;
  padding-right: 10px;
}
.NoteDiv {
  cursor: url('/Images/link.cur'), pointer;
  background-color: #e1faff;
  padding: 1px;
}
.NoteDiv:hover {
  background-color: #e2effe;
}
.Notes {
  display: none;
}
.MyGrid {
  /*border-color: rgba(250,250,250,.5);*/
}
.MyGrid td,
.GridView td {
  color: #222;
  padding: 4px;
  line-height: normal;
  /*border-top: none;
    border-bottom: none;*/
}
.MyGrid th,
.GridView th {
  border-color: #4A7294;
  font-weight: normal;
  text-shadow: 0 0 3px black;
  text-align: center;
  padding: 4px;
  line-height: normal;
}
.MyGridPagerStyle {
  background-color: #639ECF;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.MyGridPagerStyle td {
  text-align: center;
}
.MyGridPagerStyle table {
  margin: 0 auto;
}
.MyGridPagerStyle span {
  font-style: italic;
  margin: 0 5px;
}
.MyGridPagerStyle a {
  padding: 2px 4px;
  margin: 2px;
  color: #efefff;
  font-weight: bold;
  border: 1px solid #dfe2e6;
  border-radius: 3px;
  box-shadow: 0 0 3px #555;
}
.MyGridPagerStyle a:hover {
  color: #001528 !important;
  background-color: #c4e1ff;
  border: 1px solid #f0f8ff;
  box-shadow: 0 0 3px #eee;
}
.grid-table tr:last-of-type td span {
  display: inline-block;
  padding: 2px 4px 0 4px;
  border: 1px solid silver;
  margin: 2px;
  border-radius: 3px;
  background: #aaa;
}
.grid-table tr:last-of-type td a {
  display: inline-block;
  padding: 2px 4px 0 4px;
  border: 1px solid silver;
  margin: 2px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.grid-table tr:last-of-type td a:hover {
  background: #c4e1ff;
}
.grid-pager td {
  /*display: inline-block;*/
}
.grid-pager a {
  display: inline-block;
  padding: 2px 4px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.grid-pager a:hover {
  background-color: #def2fa;
  border: 1px solid #a2daf5;
  border-radius: 3px;
}
.grid-pager span {
  border: 1px solid silver;
  background: #f7f7f7;
  border-radius: 3px;
  padding: 0px 10px;
}
.new-group-row {
  border-top: 1px solid silver;
}
.new-group-row td {
  padding-top: 0;
  padding-bottom: 15px;
}
#menuBtn {
  display: none;
}
.MasterAdmin_RightCol {
  display: block;
}
@media screen and (max-width: 800px) {
  #menuBtn {
    display: table !important;
    padding: 2px;
    position: fixed !important;
    top: 3px;
    right: 3px;
    z-index: 9999 !important;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 1px 1px 3px silver;
    background: #efefef;
    cursor: url('/Images/link.cur'), pointer;
  }
  .MasterAdmin_RightCol {
    position: fixed !important;
    top: 20px !important;
    right: 0 !important;
    display: none;
    z-index: 9998 !important;
  }
  .MasterAdmin_Container {
    right: 0 !important;
  }
  .DashboardBox {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
  }
}
#otherPicPreview {
  width: 700px;
  height: auto;
  padding: 5px;
}
.fileinput-button {
  position: relative;
}
.fileinput-button input[type="file"] {
  position: absolute;
  top: -5px;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  cursor: pointer;
}
#imgItem {
  margin: 2px;
  width: 330px;
  position: relative;
  float: right;
  padding: 5px;
  background-color: #F7F7F7;
  border: 1px solid #C4C4C4;
  height: 100px;
}
#imgItem input[type='checkbox'] {
  position: absolute;
  top: 33px;
  right: 0px;
  background: url(../../../../images/delete16.png);
  padding: 0;
}
#imgItem img {
  position: absolute;
  right: 22px;
}
#imgItem textarea {
  height: 64px;
  width: 180px;
  float: left;
  margin: 5px;
  font-size: 11px;
}
#loadingImg {
  display: none;
}
#errorMsg {
  color: red;
  display: none;
  padding: 10px;
  border: 1px dotted red;
}
#successMsg {
  color: green;
  display: none;
  padding: 10px;
  border: 1px dotted green;
}
#errorMsg span {
  display: block;
  width: 100%;
}
#errorMsg span:first-child {
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.loading {
  margin-bottom: -2px;
  display: none;
}
.bigFilePreview,
.smallFilePreview {
  margin: 5px;
  height: auto;
  width: auto;
}
.bigFilePreview div,
.smallFilePreview div {
  padding: 5px;
  position: relative;
  border: 1px solid #ddd;
  background-color: #eee;
}
.bigFilePreview input,
.smallFilePreview input {
  /* margin-top: 0; */
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.bigFilePreview img,
.smallFilePreview img {
  width: 110px;
  height: auto;
  margin-right: 20px;
}
.delete {
  background: url(../../../../images/delete16.png) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  border: 0 !important;
  padding-right: 15px !important;
}
#otherPicTool {
  background-color: #eee;
  margin-top: 7px;
}
.photographer {
  float: left;
  width: 180px;
  margin-left: 5px;
}
.sequence {
  width: 4rem;
  position: relative;
}
#categoryTableTemplate {
  display: none;
}
select {
  width: 200px;
  max-width: 250px;
}
.notification-container-hide {
  display: none;
}
.notification-modal-background {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.notification-container {
  box-sizing: border-box;
  position: fixed;
  min-width: 50%;
  min-height: 400px;
  max-width: 80%;
  max-height: 80%;
  border: 1px solid silver;
  box-shadow: 0 0 15px 3px silver;
  background: #fcfcfc;
  z-index: 10000000;
  overflow: hidden;
}
.notification-header {
  height: 70px;
  width: 100%;
  padding: 1rem 2rem;
  border-bottom: 1px solid silver;
  background: #f5f5f5;
  color: #333;
  font-weight: bold;
  display: table;
}
.notification-header > div {
  display: table-cell;
  vertical-align: middle;
}
.notification-title {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  line-height: 2rem;
}
.notification-loading-image {
  transition: all 0.5s ease-in-out;
}
.notification-body {
  padding: 10px 20px;
  max-height: 660px;
  overflow-y: auto;
  margin-bottom: 70px;
}
.notification-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  width: 100%;
  padding: 1rem 2rem;
  border-top: 1px solid #f5f5f5;
  background: #f9f9f9;
  color: #555;
  display: table;
}
.notification-footer-inner {
  display: table-cell;
  vertical-align: middle;
}
.fa-color-blue {
  color: #03a9f4;
}
.fa-color-red {
  color: darkred;
}
.notification-image-container {
  float: left;
  max-width: 50%;
}
.notification-image-container img {
  max-width: 100%;
  height: auto;
  max-height: 80%;
}
.notification-link-container {
  margin: 10px 0;
  font-weight: bold;
}
.notification-small-text {
  font-size: xx-small;
  font-weight: normal;
  color: #999;
}
/********* notification page *****/
.notifItem {
  width: 100%;
  height: 45px;
  padding-top: 2%;
  display: block;
}
.notifItem:hover {
  cursor: pointer;
  color: #1a76f1;
  font-weight: bold;
}
.notification-page-container {
  height: 98%;
}
.notif-list {
  width: 30%;
  padding: 20px;
  float: right;
  height: 100%;
  overflow: auto;
}
.notif-content {
  width: 70%;
  border: 1px solid #ececec;
  float: right;
  height: 100%;
  overflow: auto;
}
.notif-content > div {
  padding: 20px;
}
.notif-list td:hover {
  background: #e7f7fc;
}
.notifItemSelected {
  background-color: #ff9900;
}
.notifItemSelected span {
  color: white !important;
  font-weight: normal;
}
.notification-page-title-container {
  margin-bottom: 2rem;
  border-bottom: 1px solid bisque;
}
.notification-page-content-title {
  font-weight: bold;
  font-size: large;
}
.notification-small-block {
  display: block;
  margin-top: 0.5rem;
}
/************ notification page *******/
/******** Socials *************/
.socialsPortal {
  /*position: fixed;*/
  z-index: 100000;
  /*bottom: 50px;*/
  width: 500px;
  height: 40px;
  /* max-width: 64px; */
  border: 1px solid skyblue;
  border-radius: 0.5rem;
  background: #fafbfc;
  box-shadow: 0 0 10px -5px;
  padding: 3px;
  padding-right: 8px;
  margin: auto;
  /*min-height: 361px;*/
}
.socialsPortal img {
  width: 32px;
  transition: all 0.4s ease-in-out;
}
.socialsPortal img:hover {
  filter: saturate(3);
}
.socialsPortal .text {
  /*transform: rotate(-90deg);
    clear: both;
    margin-right: 17px;
    width: 250px;
    transform-origin: right;*/
  margin-right: 8px;
  display: inline-block;
  /*writing-mode: vertical-rl;*/
}
.socialsPortal-horizontal {
  display: inline-block;
}
.socialsPortal-horizontal img {
  width: 48px;
  transition: all 0.4s ease-in-out;
}
.socialsPortal-horizontal img:hover {
  filter: saturate(3);
}
/****** end of socials *****************/
.comments-entry-title {
  background: #f5f5f5;
  margin-bottom: 5px;
  padding: 5px;
  text-align: left;
}
.comments-entry-title h5 {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;
}
.comments-entry-data {
  padding-bottom: 10px;
}
.comments-entry-data .comments-entry-data-item {
  float: right;
  margin-left: 3rem;
  padding: 0 2px;
  border: 1px solid #f1f1f1;
  font-size: 8pt;
}
.comments-entry-data .comments-entry-data-item span:first-child {
  background: #f1f1f1;
}
.comments-entry-data .comments-entry-data-item span {
  margin: 0;
  padding: 2px;
  margin-right: -2px;
}
.padding-0 {
  padding: 0;
}
.form-control {
  height: auto !important;
}
.card-group {
  display: flex;
  flex-wrap: wrap;
}
.card {
  width: 300px;
  border: 1px solid #ddd;
  display: flex;
  box-sizing: border-box;
  margin: 5px;
  border-radius: 5px;
  overflow: hidden;
  flex-flow: column;
}
.card-body {
  padding: 5px;
  flex-grow: 1;
}
.card-title {
  color: #666;
}
.card-footer {
  padding: 5px;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}
.MyGridHeaderStyle a {
  color: #fff;
}
.titleTD {
  width: 150px;
  text-align: left;
}
.NotificationDiv {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 80%;
  padding: 10px 10px 10px 20px;
  text-align: right;
  border: 1px solid silver;
  border-radius: 10px;
}
.ToolboxNote {
  color: #fff;
  float: left;
  padding: 7px 15px 0 15px;
  background-color: #07233a;
  border-radius: 5px;
  min-width: 100px;
  text-align: left;
}
.ToolboxNote input {
  color: #222;
}
.ContentMessageBox {
  border: 1px solid gray;
  border-radius: 10px;
  background-color: #c4e1ff;
  margin: 5px;
  padding: 10px;
}
.TransitionHalfSec {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ErrorDiv {
  margin: 5px auto;
  width: 60%;
  padding: 10px;
  background-color: #fff0d2;
  border: 1px solid #bbb;
  border-radius: 7px;
  color: #5a0a01;
  text-align: center;
  font-weight: bold;
}
.BigNote {
  font-size: large;
}
.ErrorDiv:hover {
  background-color: #2f2000;
  color: #ff0;
}
.UlMenu {
  padding: 5px;
}
.UlMenu a {
  width: 43%;
  margin: 2px;
  padding: 25px 10px;
  display: inline-block;
  background-color: #9ed5e0;
  border: 1px solid #fff;
  font-size: 14pt;
  color: #1c3939;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.UlMenu a[disabled="disabled"] {
  background-color: #e6edee;
  border: 1px solid #fff;
  color: #99aeb0;
}
.UlMenu a:not([disabled="disabled"]):hover {
  background-color: #3f7c7c;
  color: #eef7f7;
}
.ContainerPanel {
  color: inherit;
}
.Disabled,
.Disabled * {
  background-color: #eee;
  color: #aaa;
}
.ModalPanel {
  position: absolute;
  width: 500px;
  top: 30%;
  right: 35%;
  border: 2px solid #999;
  border-radius: 7px;
  box-shadow: 0 0 500px #666;
  padding: 10px;
  background-color: #fff;
}
.ModalPanel::before {
  content: ' ';
  width: 102%;
  margin: auto;
  margin-top: -7px;
  margin-right: -1%;
  margin-bottom: 5px;
  height: 20px;
  display: block;
  border: 1px solid #666;
  border-radius: 7px 7px 0 0;
  background: #b8e1fc;
  background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8e1fc), color-stop(10%, #a9d2f3), color-stop(25%, #90bae4), color-stop(37%, #90bcea), color-stop(50%, #90bff0), color-stop(51%, #6ba8e5), color-stop(83%, #a2daf5), color-stop(100%, #bdf3fd));
  background: -webkit-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -o-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -ms-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e1fc', endColorstr='#bdf3fd', GradientType=0);
  background: linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
}
.BottomButtons {
  text-align: center;
  background-color: #eee;
  padding: 5px;
}
.ToolboxTitle {
  color: #f3fbfc;
  font-size: medium;
  font-weight: bold;
}
.EmbossedText {
  text-shadow: 0 1px 1px black;
}
.hijriDate {
  background-color: #9BC5E4;
  padding: 5px 7px;
  border-radius: 3px;
  font-size: 10pt;
  box-shadow: 0 0 3px #666;
}
.aspNetDisabled {
  cursor: not-allowed !important;
}
.Timer {
  padding: 5px 7px;
  margin: 2px;
  border-radius: 3px;
  font-size: 12pt;
  box-shadow: 0 0 3px #666;
}
.DashboardBox {
  border: 1px solid #59778b;
  position: static;
  float: left;
  margin-left: 2px;
  min-width: 440px;
  box-shadow: 0 0 5px #668;
  background: #7192a8;
  background: -moz-linear-gradient(top, #7192a8 0%, #91b2d6 49%, #87abc6 51%, #9fcaea 100%);
  background: -webkit-linear-gradient(top, #7192a8 0%, #91b2d6 49%, #87abc6 51%, #9fcaea 100%);
  background: linear-gradient(to bottom, #7192a8 0%, #91b2d6 49%, #87abc6 51%, #9fcaea 100%);
}
.DashboardBox td {
  padding: 1px 3px;
  text-align: left;
}
.SpecialButton img {
  width: 70px;
  height: 31px;
}
.SpecialButton img:hover {
  border-radius: 4px;
  box-shadow: 0 0 3px #cb3700;
}
.MenuHorizontal {
  background-color: #9bc5e4 !important;
  border-radius: 3px;
  color: #222;
  font-size: 10pt !important;
  box-shadow: 0 0 3px #666;
}
.MenuHorizontal ul:first-child > li {
  padding: 8px 4px !important;
}
.MenuHorizontal li,
.MenuHorizontal a {
  transition: all 0.3s ease-in-out;
}
.MenuHorizontal li:hover,
.MenuHorizontal li a:hover {
  background: white;
  color: #333;
}
.MenuHorizontal ul:first-child li a {
  color: #333;
}
.MenuHorizontal img.icon {
  margin-left: 2px;
}
.Truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CurrentDate {
  text-align: center;
  text-shadow: 0 1px 0 white;
  line-height: 1;
  margin-top: -3px;
}
.SiteMapPath {
  vertical-align: top;
}
.SiteMapPath span,
.SiteMapPath a {
  vertical-align: top;
}
.SiteMapPath img {
  width: 16px;
  height: 16px;
  margin: 1px;
}
.SiteMapPath img[src*="WebRes"] {
  width: 0;
  height: 0;
}
.TableInfo {
  border: 2px solid #06c;
  border-spacing: 0;
  width: 100%;
}
.TableInfo > tbody > tr > td:nth-child(odd) {
  background-color: #ffc;
  color: #009;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 1px;
}
.TableInfo > tbody > tr:hover {
  background-color: #b4d1e7;
  color: #006;
}
.TableInfo > tbody > tr > td {
  padding: 5px 5px 5px 5px;
  border: 1px solid silver;
}
fieldset {
  border-radius: 5px;
  box-shadow: 0 0 2px silver;
  border: 1px solid #bababa;
  margin-top: 10px;
}
legend {
  padding: 3px 10px;
  border: 1px solid silver;
  border-radius: 3px;
  background: #BDD7E8;
}
.Panel {
  margin: 0 3px;
  padding: 3px 6px;
  border: 1px solid #bebebe;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #222;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
}
#itemDiv h3 {
  border-top: 1px solid #d5dae3;
  border-bottom: 1px solid #d5dae3;
  background-color: #f3f6fc;
  padding: 5px 10px;
}
#itemDiv .itemDivtext {
  margin: 5px;
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #eee;
  background-color: #fff8dc;
}
#DetailsDiv {
  display: none;
  position: fixed;
  top: 140px;
  left: 40px;
  right: 220px;
  bottom: 40px;
  overflow: hidden;
  border: 1px solid #bebebe;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #222;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #d7d7d7 100%, #d7d7d7 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #d7d7d7 100%, #d7d7d7 100%);
  background: linear-gradient(to bottom, #fff 0%, #d7d7d7 100%, #d7d7d7 100%);
}
#DetailsDiv #iframeContainerToolbarDiv,
#iframeContainerDiv #iframeContainerToolbarDiv {
  margin: 0 3px;
  padding: 3px 6px;
  height: 24px;
  border: 1px solid #bebebe;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #222;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
}
#DetailsDiv a#CloseDiv {
  cursor: url('/Images/link.cur'), pointer;
  float: left;
  color: red;
  font-weight: bold;
  margin: 0;
  width: 24px;
  height: 24px;
  text-indent: 999999px;
  display: inline-block;
  overflow: hidden;
  background: url('/Images/application_exit_s.png') no-repeat;
}
#DetailsDiv iframe,
iframe,
#iframeContainerDiv iframe {
  border: none;
  overflow: auto;
  width: 100%;
  height: 95%;
  margin: 5px auto;
}
#iframeContainerDiv {
  display: none;
}
.iframeContainer {
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 2px;
  left: 0;
  margin: 5px 5px auto;
  overflow: auto;
  border: none;
}
.iframeContainer iframe {
  border: none;
  padding: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.formViewTable,
.formViewTable table {
  width: 95%;
}
.formViewTable tr tr:nth-child(even) {
  background: #eee;
}
.formViewTable tr tr td:nth-child(1) {
  font-weight: bold;
  text-align: left;
}
.formViewTable td {
  padding: 6px 10px;
}
.formViewTable .formViewTableBottom {
  position: fixed;
  left: 5px;
  right: 5px;
  bottom: 5px;
  padding: 3px 6px;
  min-height: 30px;
  border: 1px solid #bebebe;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #222;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
}
.currentDateDay {
  font-family: 'B Titr', 'B Nazanin', 'B Zar', Times;
  font-weight: bold;
  font-size: 20pt !important;
  letter-spacing: -2px;
}
.currentDateDayOfWeek {
  font-weight: bold;
  font-size: 9pt;
  line-height: 1.5;
}
.MenuSearch {
  float: left;
}
.MenuSearch .MenuSearchRightDiv {
  float: right;
}
.MenuSearch input {
  background: rgba(249, 249, 249, 0.8);
  background: -moz-linear-gradient(top, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
  background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
  background: linear-gradient(to bottom, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
  width: 120px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: gray;
}
.MenuSearch input:focus {
  color: #333;
  text-shadow: 0 1px 0 #f5f5f5;
  width: 310px;
  background: rgba(249, 249, 249, 0.8);
  background: -moz-linear-gradient(top, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
  background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
  background: linear-gradient(to bottom, rgba(249, 249, 249, 0.8) 40%, rgba(227, 227, 227, 0.8) 70%, rgba(227, 227, 227, 0.8) 70%);
}
.MenuSearch .MenuButtonsDiv {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}
.MenuSearch .MenuButtonsDiv input[type=image] {
  background: transparent !important;
}
.ToolBoxSubPanelBtn {
  opacity: 0.75;
}
.ToolBoxSubPanelBtn:hover {
  opacity: 1;
}
#deleteDialog {
  display: none;
}
.NormalBtn {
  box-sizing: border-box;
  height: 30px;
  cursor: url('/Images/link.cur'), pointer;
  text-shadow: 0 1px 0 #fff;
  border-radius: 4px;
  border: 1px solid #b4b4b4;
  display: inline-block;
  color: #494949;
  text-decoration: none;
  box-shadow: inset 0 1px 0 0 #fff;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%, #e9e9e9 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%, #e9e9e9 100%);
  float: right;
  padding: 2px 5px 0 10px;
  margin: 0 3px;
}
.NormalBtn span {
  display: inline-block;
  padding-top: 5px;
  padding-right: 5px;
}
.ControlPanel {
  margin: 0 auto;
  margin: 20px;
  padding: 10px;
  overflow: auto;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: 0 0 5px #bbb;
  background-color: #fff;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}
div.column,
div.column ul {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  float: right !important;
}
div.column ul li {
  float: right !important;
  width: 120px;
  padding: 14px 2px;
  margin: 1px 1px;
  border-radius: 10px;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.column ul li:hover {
  background-color: #c2e8f7;
  box-shadow: 0 0 3px #c2e8f7;
  text-shadow: 1px 1px 1px white;
}
div.column ul li:hover a {
  background: none !important;
}
div.column ul li:active {
  background-color: #0e4c66;
  text-shadow: 1px 1px 1px #216d8d;
}
div.column ul li a,
div.column ul li a:visited {
  color: #04294c;
}
div.column ul li a:hover {
  color: #0e4570;
}
div.column ul li a:active {
  color: #d2ebfe;
  outline: none;
}
div.column ul li a:focus {
  outline: none;
  border-radius: 10px;
  background-color: #b1d6e5;
  box-shadow: 0 0 10px #b1d6e5;
  text-shadow: 1px 1px 1px white;
}
div.column ul li a span {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
div.column ul li h2 {
  font-size: 1.8em;
}
div.column ul li img {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  margin-bottom: 5px;
  display: block;
  border-radius: 4px;
}
.signOut {
  float: left;
  text-align: center;
  margin: 20px;
}
.signOut img {
  display: block;
}
.aspNetDisabled {
  color: gray;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.block {
  font-size: 1em;
  margin-right: 20px;
  padding: 30px 10px 30px 10px;
}
.blockDis {
  font-size: 1em;
  margin-right: 20px;
  padding: 30px 10px 30px 10px;
  color: gray;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.block h2,
.blockDis h2 {
  font-size: 1.8em;
}
.block img,
.blockDis img {
  padding: 5%;
  margin: 0 auto;
  display: block;
}
.BigMessage {
  font-size: 12pt;
  color: #a40000;
  border: 2px solid maroon;
  background-color: #ffbfbf;
  font-weight: bold;
  padding: 10px;
  margin: 10px;
}
.SuccessMessage {
  font-size: 12pt;
  color: blue;
  border: 1px solid blue;
  background-color: #95cfef;
  padding: 10px;
  margin: 10px;
}
.HintMessage {
  border-radius: 4px;
  position: fixed;
  top: 66px;
  left: 0;
  right: 170px;
  vertical-align: middle;
  padding: 7px 10px 0 10px;
  margin: 10px;
  z-index: 99;
  font-weight: bold;
  color: #002464;
  height: 30px;
  box-shadow: 0 0 5px 2px #667;
  background: #fdffff;
  background: -moz-linear-gradient(top, #fdffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdffff), color-stop(30%, #e6f8fd), color-stop(54%, #c8eefb), color-stop(75%, #bee4f8), color-stop(100%, #b1d8f5));
  background: -webkit-linear-gradient(top, #fdffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  background: -o-linear-gradient(top, #fdffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  background: -ms-linear-gradient(top, #fdffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  background: linear-gradient(to bottom, #fdffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdffff', endColorstr='#b1d8f5', GradientType=0);
}
.HintMessage img.Loading {
  float: right;
  margin-top: -1px;
  margin-left: 6px;
  height: 20px;
  opacity: 0.8;
}
.BlueBackground {
  background-color: #c8e7f7;
}
.SelectedDataItem {
  background-color: #fc0 !important;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.SelectedDataItem a,
.SelectedDataItem a:visited {
  color: red;
}
.BigListBox {
  overflow-y: scroll;
  max-height: 500px;
  border: 1px solid gray;
}
.Btn {
  margin: 5px;
  padding: 6px;
  cursor: url('/Images/link.cur'), pointer;
  border: 2px solid #1f8ecb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  background-color: #d9eef9;
}
.Btn:hover {
  border: 2px solid #114e6f;
  background-color: #f2fafd;
}
.Btn:active {
  border: 2px solid blue;
  background-color: #87ceeb;
}
.Btn:disabled,
.Btn[disabled],
.Btn:disabled:hover,
.Btn[disabled]:hover {
  border: 2px solid silver;
  background: #efefef;
}
.DetailsTable td {
  padding: 5px;
}
.DetailsView td {
  padding: 5px;
}
div.Round {
  border: 1px solid #ccccde;
  border-radius: 7px;
  padding: 15px;
  background-color: #fbfeff;
}
.Box {
  border: 1px solid #bbb;
  padding: 2px;
  margin: 2px;
  border-radius: 7px;
  background-color: #efefef;
}
.BoxHeader {
  border: 1px solid #4391ef;
  border-top-width: 2px;
  border-radius: 7px 7px 0 0;
  height: 20px;
  background: #9ad6f4;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#9ad6f4), color-stop(14%, #6da6d6), color-stop(100%, #b7e0f2));
  background: -moz-linear-gradient(top, #000 0%, gray 50%, #fff 100%);
  background: -o-linear-gradient(top, #9ad6f4, gray 50%, #fff 100%);
  background: linear-gradient(top, #9ad6f4, gray 50%, #fff 100%);
  padding: 7px;
  margin: 1px;
  margin-bottom: 3px;
  font-size: 13pt;
  font-weight: bolder;
  text-shadow: gray 0 0 2px;
  color: #035;
  cursor: url('/Images/link.cur'), pointer;
}
.BoxContent {
  margin: 2px;
  padding: 5px;
  background-color: #fff;
  border-radius: 0 0 7px 7px;
}
.BoxContent table {
  width: 100%;
}
.BoxContent td {
  padding: 3px;
}
.Professional {
  border-bottom: 1px solid #dedede;
}
.LinkList li {
  list-style: none;
  display: block;
  margin: 5px;
}
.LinkList span {
  position: relative;
  top: -10px;
}
h2.RegForm {
  text-shadow: 0 0 1px #999;
}
.SmallFormBox {
  margin: 5px auto;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 5px;
  box-shadow: 0 0 3px #a0d1ec;
  text-shadow: 1px 1px 1px white;
}
.SmallFormBoxOdd {
  box-shadow: 0 0 3px #aaa;
  background-color: #f6fcfd;
}
.SmallFormBox table {
  display: inline;
}
.SmallFormBox div {
  margin: 8px;
  padding: 8px;
  border-radius: 3px;
  box-shadow: 0 0 2px #aaa inset;
}
.VerticalMenu {
  float: none !important;
}
.VerticalMenu ul {
  float: none !important;
}
.VerticalMenu ul li {
  border-bottom: 1px solid #eee;
}
.VerticalMenu a span {
  font-size: 8pt;
}
.VerticalMenu a {
  padding: 5px;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.VerticalMenu a img {
  width: 24px;
  height: 24px;
  margin-left: 3px;
}
.managementMenu {
  padding: 5px;
}
.managementMenuHead {
  text-align: center;
  font-weight: bold;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: navy;
  border-bottom-color: navy;
  background-color: teal;
}
.ItemDiv {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  width: 80%;
  padding: 10px 10px 2px 20px;
  text-align: right;
  border: 2px solid navy;
  background-color: #f4fdff;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 2.2;
}
.BoldText {
  font-weight: bold;
  color: #39f;
}
.FooterButtonsDiv {
  text-align: right;
  margin: 0 auto;
}
.FormViewContainer {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  padding-top: 120px;
}
.FormView {
  padding: 5px;
  border: 1px solid #022657;
  border-radius: 7px;
  box-shadow: 0 0 4px #96a7da;
  background-color: #fafafa;
  max-width: 800px;
  min-width: 300px;
  display: inline-block;
  text-align: right;
}
.FormView .FormViewTable {
  width: 100%;
}
.FormHeader {
  text-align: center;
  margin: -2px;
  margin-bottom: 3px;
  font: bold 11pt BZar, 'B Zar';
  text-shadow: 0 0 2px white;
  padding: 2px 4px;
  border-radius: 7px 7px 0 0;
  border: 1px solid #7a93d3;
  background: #ebf1f6;
  background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: -webkit-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
}
.FormView div.Member {
  margin: 3px;
  padding: 5px;
}
.FormView div.Member .Label {
  min-width: 100px;
  vertical-align: top;
  float: right;
}
.FormView div.Member textarea {
  height: 150px;
  width: 400px;
}
.FormView div.Member .FieldLabel {
  margin-right: 100px;
  display: block;
}
.FieldValueLabel {
  font-size: small;
}
.trivial {
  margin-right: 0.7rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
}
.vacation,
.vacation td {
  color: #3a823a !important;
  background-color: #dcf2dc;
  border-color: #b9d4b9;
}
.mission,
.mission td {
  color: #ff0085dd !important;
  background-color: #eef;
}
.nightMission,
.nightMission td {
  color: #0466a7 !important;
  background-color: #efefff;
}
.hourMission,
.hourMission td {
  color: #2d9be4 !important;
  background-color: #efefff;
}
.serviceDelay,
.serviceDelay td {
  color: #e500b1 !important;
  background-color: #ebcfe5;
}
.sickLeave,
.sickLeave td {
  color: #e6a712 !important;
  background-color: #f1f0e3;
}
.absence,
.absence td {
  color: red !important;
  background-color: #fdd2d2;
  border-color: #deabab;
}
.delay,
.delay td {
  color: #f25f5f !important;
  background-color: #fee;
}
.lowDelay,
.lowDelay td {
  color: #caaeae !important;
  background-color: #fffbfb;
}
.hourVacation,
.hourVacation td {
  color: #6fd56f !important;
  background-color: #efffef;
}
.holday,
.holiday td {
  color: #e6e6e6 !important;
  background-color: #fff;
}
.mGrid {
  width: 100%;
  background-color: #fff;
  margin: 5px 0 10px 0;
  border: solid 1px #525252;
  border-collapse: collapse;
  font-size: 9pt;
}
.mGrid td {
  padding: 4px 2px;
  border: solid 1px #c1c1c1;
  color: #717171;
}
.mGrid th {
  padding: 4px 2px;
  color: #fff;
  background: #424242;
  border-left: solid 1px #525252;
  font-size: 0.9em;
}
.mGrid .alt {
  background: #fcfcfc;
}
.mGrid .pgr {
  background: #424242;
}
.mGrid .pgr table {
  margin: 5px 0;
}
.mGrid .pgr td {
  border-width: 0;
  padding: 0 6px;
  border-left: solid 1px #666;
  font-weight: bold;
  color: #fff;
  line-height: 12px;
}
.mGrid .pgr a {
  color: #666;
  text-decoration: none;
}
.mGrid .pgr a:hover {
  color: #000;
  text-decoration: none;
}
#container {
  width: 700px;
  margin: 10px auto;
}
.mGrid th a {
  color: aqua;
}
.PaperContainer {
  background: #666 !important;
  padding-top: 40px !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.Paper {
  width: 75% !important;
  min-width: 400px !important;
  height: 80% !important;
  min-height: 300px !important;
  margin: auto !important;
  padding: 15px 0 !important;
  color: #212121 !important;
  border-bottom-left-radius: 20px 500px !important;
  border-bottom-right-radius: 500px 30px !important;
  border-top-right-radius: 15px 100px !important;
  background: #fcf59b !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#81cbbc), color-stop(2%, #fcf59b)) !important;
  -webkit-background-size: 100% 40px !important;
  background: -moz-repeating-linear-gradient(top, #fcf59b, #fcf59b 38px, #81cbbc 40px) !important;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2) !important;
  position: relative !important;
}
.Paper:before {
  content: '';
  background: url('/Images/tape.png') no-repeat;
  width: 109px;
  height: 48px;
  position: absolute;
  top: -25px;
  left: 42%;
  display: block;
  opacity: 0.8;
}
.NoteTextBoxDiv {
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  position: absolute !important;
  top: 16px !important;
  bottom: 30px !important;
  left: 100px !important;
  right: 80px !important;
  border-right: 1px #f79196 solid !important;
  padding-right: 20px !important;
}
.NoteTextBox {
  line-height: 40px !important;
  font-size: 20px !important;
  background: transparent !important;
  border: none !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.NoteTextBox:hover {
  box-shadow: none !important;
}
.NoteTextBox:focus {
  outline: none !important;
  box-shadow: none !important;
}
.ReceptionDetails {
  float: right;
  padding: 10px;
  margin: 10px;
  min-width: 20%;
  border: 0;
}
.ReceptionDetails td {
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #efefef;
  padding: 4px;
}
.ReceptionDetailsEven {
  background-color: #dfe9ee;
}
.ReceptionDetailsFieldHeader {
  font-weight: bold;
  background-color: #ddd;
}
.ReceptionDetails tr:nth-child(even) {
  background: #dfe9ee;
}
#FormDiv {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
#FormDiv #contentDiv {
  display: table;
  margin: auto;
  margin-top: 50px;
  border: 1px solid silver;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 3px silver;
  background: #f5fafe;
}
#FormDiv #contentDiv h2:first-child {
  background-color: #2c77ba;
  color: #f2fafd;
  text-shadow: 0 1px 0 #353535;
  padding: 5px 12px 3px 12px;
  margin: 0;
  margin-bottom: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
#FormDiv #backDiv {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #f5f5dc;
  opacity: 0.7;
}
.RentTable {
  width: 100%;
}
.RentTable td {
  min-width: 90px;
}
fieldset.Rent {
  max-width: 700px;
  border-radius: 7px;
  padding-bottom: 15px;
  background-color: #fbfeff;
}
legend.Rent {
  font-weight: bold;
  padding: 0 7px;
}
.FoundText {
  color: green;
}
.FoundTextError {
  color: red;
}
.SmallImageBtn {
  margin-bottom: -6px;
}
.ValidationSummary {
  color: #ff357e !important;
  line-height: 2;
  border: 1px solid #e7cbcb;
  border-radius: 5px;
  box-shadow: 0 1px 5px #d5baba;
  margin: 10px;
  padding: 1px 10px;
  text-shadow: 0 1px 0 #e2e2e2;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0%, #fbf7f8 100%);
  background: -o-linear-gradient(top, #fff 0%, #fbf7f8 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fbf7f8 100%);
  background: linear-gradient(to bottom, #fff 0%, #fbf7f8 100%);
}
.ValidationSummary:hover {
  color: #d4014d !important;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fef4f7 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fef4f7 100%);
  background: -o-linear-gradient(top, #fff 0%, #fef4f7 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fef4f7 100%);
  background: linear-gradient(to bottom, #fff 0%, #fef4f7 100%);
}
.ButtonLink,
.ButtonLink:link,
.ButtonLink:visited {
  padding: 4px 10px;
  margin: 1px;
  border: 1px solid #d3d6e2;
  background-color: #e7e9f1;
  text-decoration: none;
  border-radius: 4px;
  color: #171c2d;
}
.ButtonLink:hover {
  cursor: url('/Images/link.cur'), pointer;
  background-color: #b9dbdf;
  border-color: #7cbbc2;
}
.ButtonLink:active {
  cursor: url('/Images/link.cur'), pointer;
  background-color: #2b2e3c;
  border-color: #1b1e36;
  color: #f8fbfc;
}
.ImageButton {
  padding: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ImageButton:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: url('/Images/link.cur'), pointer;
}
.SmallExplicitHint {
  color: #666;
  font-size: smaller;
}
ul.RentList,
ol.RentList {
  line-height: 1.7;
  font-size: 10pt;
}
.HeaderBtn {
  cursor: url('/Images/link.cur'), pointer;
  background-color: #f0f8f9;
}
.HeaderBtn:hover {
  background-color: #cff;
}
.NotificationTitle {
  margin: 5px auto;
  display: table;
  font-weight: bold;
  width: 77%;
  font-family: 'B Zar', Zar, Tahoma;
}
.NotificationTitle * {
  font-family: 'B Zar', Zar, Tahoma;
}
.NotificationTitle table {
  width: 100%;
}
.NotificationTitle td {
  vertical-align: top;
}
.SlipFooter * {
  font-family: 'B Zar', Zar, Tahoma;
}
.SlipFooter table {
  width: 100%;
}
.SlipFooter td,
.SlipFooter th {
  vertical-align: top;
  text-align: center;
}
.SlipFooter td > span {
  font-family: 'B Zar', Zar, Tahoma;
  font-size: 12pt;
}
.StubLogo {
  float: right;
  margin-left: 3px;
}
.StubTitle {
  text-align: center;
  font-weight: bold;
  padding: 4px 10px;
  border: 1px solid #ddd;
  display: table;
  background-color: #efefef;
  margin: auto;
  font-family: 'B Zar', Zar, Tahoma;
}
.BigText {
  font-size: 18pt;
  font-weight: bold;
  font-family: 'B Yagut', Yagut, 'Traditional Arabic', 'Times New Roman';
}
.SlipHeaderTable {
  float: right;
  width: 31%;
  border-right: 1px solid #e9e9e9;
}
@media print {
  * {
    size: landscape;
  }
  .Slip td {
    line-height: 0.9;
    font-size: 9pt;
  }
  .StubLogo img {
    width: 50px;
  }
  .NotificationTitle {
    margin: 1px auto;
  }
  .SlipFooter {
    padding: 1px;
    margin: 1px auto;
  }
}
.Slip,
.Slip td,
.Slip th {
  margin: 0 auto;
  border-collapse: collapse;
  padding: 5px;
  border: 1px solid silver;
  vertical-align: top;
  font-family: 'B Zar', Zar, Tahoma;
  font-size: 12pt;
}
.SlipNoBorder {
  border: none !important;
}
.Slip th {
  text-align: center;
  background-color: #efefef;
}
table.Slip {
  border: 0;
  width: 100%;
}
div.Slip {
  width: 80%;
  min-width: 550px;
}
div.img {
  height: 105px;
  Width: 70px;
  float: right;
  text-align: center;
  font-family: Tahoma;
  font-size: 9px;
}
div.img img {
  display: inline;
  margin: 3px;
  border: 1px solid #fff;
  height: 80px;
  Width: 60px;
  border-radius: 9px;
}
div.desc {
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 1px;
}
.CommentItem {
  overflow: hidden;
  max-height: 50px;
  min-width: 100px;
}
.CommentItemSmall {
  overflow: hidden;
  max-width: 100px;
}
.DoubleComment {
  border-radius: 5px;
  box-shadow: 0 0 5px #888;
  display: none;
  border: 1px solid navy;
  background-color: #d7edff;
  padding: 10px;
  width: 400px;
  position: fixed;
}
.ReplyCommentBackPanel {
  margin: 0 auto;
  width: 500px;
  height: 100%;
}
.ReplyPanel {
  position: fixed;
  top: 100px;
  border: 3px double gray;
  background-color: #eaeff2;
  z-index: 99;
  padding: 3px;
  width: 500px;
  max-height: 600px;
  overflow-y: auto;
}
.ReplyPanel textarea {
  width: 98%;
}
.ReplyPanel .CommentOnEdit {
  border: 1px solid gray;
  background-color: #f0f0f0;
  padding: 7px;
  margin: 5px;
  white-space: pre-line;
  height: 120px;
  overflow: auto;
}
.ReplyBackPanel {
  background-color: gray;
  -moz-opacity: 0.5;
  filter: alpha(opacity=5);
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 98;
}
.ReplyPanelHeader {
  background-color: #369;
  color: aqua;
  font-size: small;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
.ReplyPanelFooter {
  background-color: #369;
  color: aqua;
  margin-top: 8px;
  padding: 5px;
}
.ReplyPanelFooter a {
  color: aqua;
}
.ReplayUpdatePanel {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #ffa500;
}
.ReplayUpdatePanelInner {
  padding: 2px;
}
#ChangeInfoDiv ul {
  list-style: none;
  display: block;
  clear: both;
}
#ChangeInfoDiv li {
  display: block;
  clear: both;
  margin: 5px;
}
#ChangeInfoDiv label {
  float: right;
  width: 125px;
  padding-top: 3px;
}
#ChangeSuccess {
  background-color: #e7e7f1;
  border: 1px solid #e6e2d8;
  padding: 4px;
}
.stdImage {
  max-height: 200px;
  max-width: 180px;
}
.percentBar {
  width: 0;
  float: right;
  border: 1px solid #98b8d5;
  box-shadow: 0 0 2px #a2daf5;
  background: #b8e1fc;
  background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -webkit-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -o-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: -ms-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  background: linear-gradient(to bottom, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
  position: relative;
  height: 30px;
}
.percentValue {
  margin-top: 10px;
  position: absolute;
  z-index: 2;
}
.infoTable th {
  background: #f5f5dc;
}
.infoTable td,
.infoTable th {
  border: 1px solid silver;
  padding: 5px;
}
.infoTable tr:nth-of-type(even) {
  background: #f0f8ff;
}
.vertical {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ConnectionInfo {
  width: 20px;
  height: 20px;
  background-image: url(/Images/info16.png);
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  cursor: url('/Images/link.cur'), pointer;
}
.ConnectionInfoWin {
  position: absolute;
  border: 1px solid black;
  padding: 5px;
  background-color: #B3D1F6;
}
.white-space-pre-line {
  white-space: pre-line;
}
.pointer {
  cursor: url('/Images/link.cur'), pointer;
}
.tooltip-manual {
  position: absolute;
  min-width: 300px;
  right: -80%;
  background: #FFEB3B;
  padding: 5px 10px;
  box-shadow: 0 0 5px 0px silver;
  border: 1px solid gray;
}
.news-form {
  width: 930px;
}
.news-form-inner {
  padding: 5px 10px;
}
.telUser {
  background-position: right center;
  padding-right: 20px;
  background-image: url('/Images/Other/tel.png');
  background-repeat: no-repeat;
}
.telUser:hover {
  cursor: pointer;
  background-image: url('/Images/Other/tel2.jpg');
}