/* RTL Fixes */
  @font-face { font-family: 'IRANSans'; font-style: normal; font-weight: normal; src: url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans.woff2') format('woff2'), url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans.woff') format('woff'), url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans.ttf') format('truetype');}
  @font-face {font-family: 'IRANSans'; font-style: normal; font-weight: bold; src: url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans_Bold.woff2') format('woff2'), url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans_Bold.woff') format('woff'), url('https://cdn.nobitex.ir/fonts/IRANSans/IRANSans_Bold.ttf') format('truetype');}
  @font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://cdn.nobitex.ir/fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'), url(https://cdn.nobitex.ir/fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'), url(https://cdn.nobitex.ir/fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');}
  .material-icons {font-family: 'Material Icons' !important; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; width: 22px;}
  html[lang="fa"] .material-icons.rtl {-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
  body {direction: rtl; text-align: right; overflow-x: hidden !important;}
  body, nav, body * {font-family: IRANSans; direction: rtl;}
  .modal-header button.close {margin: -1rem auto -1rem -1rem;}
  .form-group input[type=checkbox] + label { margin-right: 25px; }
  nav.navbar { width: 100%;}
  .nav {padding-right: 0;}
  .nav-menu .nav {margin: 5px 0; padding-right: 2rem; display: none;}
  .navbar .dropdown-item {text-align: right;}
  .card-deck.card-stats .card-body > p {text-align: center; font-size: x-large; font-weight: bold; margin-bottom: 0;}
  #header {background-color: #343a40;height: 63px;margin: 0 -25px 0 0;}
  #header li {font-size: 16px;list-style-type: none;}
  h1 {font-size: 1.8rem;}

  /* Utilities */
  .font-small {font-size: 10px;}
  .font-mono { font-family: monospace !important;}
  @media screen and (max-width: 991px) { .desktop-only { display: none !important; } }
  .number-base { font-weight: bold; margin-right: 2px; }

  /* Animations */
  .spin { -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite;}
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

  /* Styles */
  .action-div {position: relative; min-height: 40px;}
  .action-div .btn-action {position: absolute; left: 0; bottom: 0;}
  .table tr th.date { width: 190px; }
  .table tr td.date { direction: ltr; }

  /* Page Style */
  .page { position: relative; }
  .page h1 { font-size: 1.8rem; margin-bottom: 1.5rem; }
  .page h1 + p { margin-top: -0.6rem; margin-bottom: 1.6rem; font-size: 15px; }
  .page h1 + p.help { margin-top: -0.8rem; }
  .page h1 sub, .page h2 sub, .page h3 sub { color: #999; font-size: 8px; }
  .page section {position: relative;}
  .page .page-header { margin-bottom: 1.5rem; }
  .page section + section { margin-top: 2rem; }
  .page section h2 { position: relative; margin-bottom: .9rem; font-size: 1.8rem; }
  .page section .header-toolbar { position: absolute; left: 0; top: 0;}
  .page form.form { margin: -0.6rem 0 2rem; padding: 10px 1rem; border: 1px solid #dee2e6; }
  .page form.form::after { display: block; content: ""; clear: both; }
  .page form.form button[type="submit"] { min-width: 100px; float: left; }
  .page form.form a.btn-cancel { min-width: 100px; float: left; margin-left: 1rem; }
  .page form h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }
  .page form .form-section { margin-bottom: 1.5rem; padding: 1rem; border: 1px solid #dee2e6; }
  .page form.form .form-buttons { margin-top: 1rem; text-align: left; }
  .page form.form .form-buttons button[type="submit"] { min-width: 150px; float: none; }
  .page form.form .form-buttons .btn { min-width: 120px; float: none; }
  .material-icons { vertical-align: middle !important; }
  .page .actions { position: absolute; top: 0; left: 0; }
  .page > p.description, .page > div.description { display: none; }

  /* Menu */
  .admin-menu li .material-icons { color: white; }
  .admin-menu li .active .material-icons { color: #fff; }
  .admin-menu li a { color: #000; }
  .admin-menu li a.nav-link:not([href]) { cursor: pointer; }

  /* Print Stylesheets */
  @media print {
    .template-menu { display: none !important; }
    .page > form.form { display: none !important; }
    .page h1 sub, .page h2 sub, .page h3 sub { display: none !important; }
  }

   /* button and input group fixes */
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    float: right;
  }

  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-right: -1px;
    margin-left: 0;
  }

  .btn-toolbar {
    margin-right: -5px;
    margin-left: 0;
  }

  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: right;
  }

  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-right: 5px;
    margin-left: 0;
  }

  .btn-group > .btn:first-child {
    margin-right: 0;
  }

  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 4px 4px 0;
  }

  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-radius: 4px 0 0 4px;
  }

  .btn-group > .btn-group {
    float: right;
  }

  .btn-group.btn-group-justified > .btn,
  .btn-group.btn-group-justified > .btn-group {
    float: none;
  }

  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }

  .btn-group > .btn-group:first-child > .btn:last-child,
  .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-radius: 0 4px 4px 0;
  }

  .btn-group > .btn-group:last-child > .btn:first-child {
    border-radius: 4px 0 0 4px;
  }

  .btn .caret {
    margin-right: 0;
  }

  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-right: 0;
  }

  .copy-onclick{
    cursor: copy;
  }

  .highlighted{
    color: #f707f7;
  }

  .input-group .form-control {
    float: right;
  }

  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-radius: 0 4px 4px 0;
  }

  .input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid;
  }

  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-radius: 4px 0 0 4px;
  }

  .input-group-addon:last-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right: 0;
  }

  .input-group-btn > .btn + .btn {
    margin-right: -1px;
    margin-left: auto;
  }

  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-left: -1px;
    margin-right: auto;
  }

  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    margin-right: -1px;
    margin-left: auto;
  }

  .ltr-tbody > tbody > tr > td {
    direction: ltr;
  }

  .ltr-tbody > tbody > tr > th {
    direction: ltr;
  }

.side-nav a {
  text-align: center;
  z-index: 2;
  position: absolute; /* Position them relative to the browser window */
  transition: 0.5s; /* Add transition on hover */
  padding: 5px; /* 15px padding */
  width: 11em;
  text-decoration: none; /* Remove underline */
  font-size: 14px; /* Increase font size */
  color: white; /* White text color */
  top: 4em;
  background-color: #604caf;
  filter: opacity(42%);
}

.side-nav a:hover {
  filter: opacity(100%);
  transition: all 0.5s ease;
}

/* Style the links inside the sidenav */
.left-side-nav a {
  writing-mode: vertical-rl;
  left: -9em; /* Position them outside of the screen */
  border-radius: 5px 5px 5px 5px; /* Rounded corners on the top right and bottom right side */
}

.left-side-nav a:hover {
  left: -7.7em; /* On mouse-over, make the elements appear as they should */
}

/* Style to apply on all of the tables */
.nobitex-table {
}
/* Style the links inside the sidenav */
.right-side-nav a {
  writing-mode: vertical-lr;
  right: -9em; /* Position them outside of the screen */
  border-radius: 5px 5px 5px 5px; /* Rounded corners on the top right and bottom right side */
}

.right-side-nav a:hover {
  right: -7.7em; /* On mouse-over, make the elements appear as they should */
}

/* Style the error texts */
.error-trace {
  white-space: pre-wrap;
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
  font-size: 80%;
  font-weight: 400;
}

.modal[dir='ltr'] * {
  direction: ltr;
  text-align: left;
}

.link-alike {
     cursor:pointer;
     color:#007bff;
}
.link-alike:hover{
  text-decoration:underline;
}