body {
  background-color: #E9EAED;
}

.form-control {
  box-shadow : none;
}
.form-field-currency {
  position: relative;
}

.form-field-currency:after {
  content: '₪';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  width: 40px;
  text-align: center;
  font-size: 150%;
}

.form-field-currency input {
  padding-right: 40px;
}


.bidi-rtl .rtl .checkbox label > span {
  padding-right: 20px;
}

.bidi-rtl .table th {
  text-align: right;
}

.ltr {
  direction: ltr;
}


/* content */
.page-content {
  margin-left : 130px;
  margin-top : 1em
}


/* Navigation */
.sidebar {
  backface-visibility: hidden;
  position: fixed;
  top : 0;
  left : 0;
  width : 130px;
  bottom : 0;
  background-color: #232323;
  box-shadow : 2px 0px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow : 2px 0px 2px 0px rgba(0,0,0,0.2);
  z-index : 1001;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.sidebar header {
  text-align: center;
  margin: 2em 1em;
  border-bottom: 1px solid #111;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  box-shadow: 0 1px 0 #2a2a2a;
  z-index : 1001;
}

.sidebar header .logo {
  max-height : 50px;
  margin-bottom : 0.5em;
  transition: transform ease 300ms;
}
.sidebar header .logo:hover {
  transform: rotateZ(45deg);
}
.sidebar header .mobiride {
  font-weight : 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color : white;
  font-size : 13px;
  text-shadow: 1px 1px rgba(0,0,0,0.2);
}

.sidebar a:hover , .sidebar a:active , .sidebar a:focus {
  text-decoration: none;
}

.sidebar ul {
  padding: 0 5px;
  list-style: none;
  margin : 0;
}

.sidebar ul a,
.sidebar .bottom button{
  font-family: 'Open Sans Hebrew Condensed','Open Sans Hebrew',"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0.5em;
  color : #ccc;
  display: block;
  text-align: left;
  line-height : 2em;
  font-weight : 700;
  letter-spacing: 1px;
  transition: all ease 200ms;
  border-left: 3px solid transparent;
}

.sidebar button{
  background-color: transparent;
  border: none;
}

.sidebar ul a:hover,
.sidebar .bottom button:hover{
  color: white;
  border-left-color:white;
}


.sidebar ul a.active {
  color: white;
  border-left-color:#8649bf;
}

.sidebar ul.bottom {
  margin-top: auto;
}

#content-backdrop {
  position: fixed;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color: #000;
  filter: alpha(opacity=50);
  z-index: 0;
  opacity: 0;
  display: none;
  transition: opacity ease 300ms;
  z-index: 1000;
}

nav.top {
  backface-visibility: hidden;
  line-height : 50px;
  height : 50px;
  position: relative;
  top:0;
  width : 100%;
  background-color: #232323;
  box-shadow : 0px 2px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow : 0px 2px 2px 0px rgba(0,0,0,0.2);
  -webkit-transition: -webkit-transform ease 300ms, opacity ease 200ms;
     -moz-transition: -moz-transform ease 300ms, opacity ease 200ms;
       -o-transition: -o-transform ease 300ms, opacity ease 200ms;
          transition: transform ease 300ms, opacity ease 200ms;
}
nav.top .logo {
  max-height : 100%;
  border-radius: 50%;
  box-shadow : 0px 2px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow : 0px 2px 2px 0px rgba(0,0,0,0.2);
  -webkit-transition: -webkit-transform ease 300ms, opacity ease 200ms;
     -moz-transition: -moz-transform ease 300ms, opacity ease 200ms;
       -o-transition: -o-transform ease 300ms, opacity ease 200ms;
          transition: transform ease 300ms, opacity ease 200ms;
  -webkit-transform: translate3d(0, 35% ,0);
     -moz-transform: translate3d(0, 35% ,0);
      -ms-transform: translate3d(0, 35% ,0);
       -o-transform: translate3d(0, 35%,0);
          transform: translate3d(0, 35%,0);
}
.loading nav.top #menu_toggle  {
  display: none;
}
nav.top #menu_toggle {
  position: absolute;
  left :0;
  padding : 0 10px;
  line-height: 50px;
}

@media (max-width: 768px) {
  body.sidebar-open {
    /* Prevent scroll */
    overflow-y: hidden;
  }
  .page-content {
    margin-left : 0;
    margin-top : 2em;
  }
  .sidebar {
    -webkit-transition: -webkit-transform ease 300ms, opacity ease 200ms;
     -moz-transition: -moz-transform ease 300ms, opacity ease 200ms;
       -o-transition: -o-transform ease 300ms, opacity ease 200ms;
          transition: transform ease 300ms, opacity ease 200ms;
    opacity:0;
    left: -150px;
    right:0;
    width : 150px;
  }
  .sidebar-open .sidebar {
    opacity:1;
    -webkit-transform: translate3d(100%,0,0);
     -moz-transform: translate3d(100%,0,0);
      -ms-transform: translate3d(100%,0,0);
       -o-transform: translate3d(100%,0,0);
          transform: translate3d(100%,0,0);
  }
  .sidebar-open nav.top {
    opacity:0;
    -webkit-transform: translate3d(0,-100%,0);
     -moz-transform: translate3d(0,-100%,0);
      -ms-transform: translate3d(0,-100%,0);
       -o-transform: translate3d(0,-100%,0);
          transform: translate3d(0,-100%,0);
  }
  .sidebar-open nav.top .logo {
    transform : rotateZ(90deg);
  }
  .sidebar-open #content-backdrop {
    opacity: 0.5;
    display: block;
  }
  .top #menu_toggle {
    padding: 0 15px;
    color: #ddd;
    line-height: 50px;
  }
  .sidebar ul.bottom {
    position: relative;
  }
}

/* Wide orientation */
@media (max-height: 320px) {
  .sidebar-open .sidebar header {
    display: none;
  }
}

.box {
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: 1px solid;
  /* box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); */
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.box .box-heading , .box .box-sub-heading {
  border-bottom: 1px dashed #E9EAED;
}

.box .box-heading {
  margin : 0 -20px;
  margin-top : -20px;
  padding : 15px 25px;
  margin-bottom : 20px;
  font-weight : bolder;
  letter-spacing : 1px;
}

.box .box-sub-heading {
  margin-bottom : 20px;
  margin-top : 50px;
}

.box.box-accordion .box-body {
  opacity : 1;
  -webkit-transition: all ease 400ms;
     -moz-transition: all ease 400ms;
       -o-transition: all ease 400ms;
          transition: all ease 400ms;
}

.box.box-accordion .box-heading {
  cursor : pointer;
  position: relative;
  -webkit-transition: all ease 400ms;
     -moz-transition: all ease 400ms;
       -o-transition: all ease 400ms;
          transition: all ease 400ms;
}

.box.box-accordion .box-heading:after {
  font-family: "Glyphicons Halflings";
  content : "\e113";
  position : absolute;
  left : 20px;
  top : 50%;
  margin-top : -5px;
  font-size: 10px;
  color : rgba(0,0,0,0.1);
  opacity:0;
  -webkit-transition: all ease 300ms;
     -moz-transition: all ease 300ms;
       -o-transition: all ease 300ms;
          transition: all ease 300ms;
}
.box.box-accordion .box-heading:hover {
  color : rgb(134, 73, 191);
}

.box.box-accordion .box-heading:hover:after {
  color : rgb(134, 73, 191);
  opacity : 1;
}

.box.box-accordion.box-accordion-closed {
  padding-bottom : 0;
}
.box.box-accordion.box-accordion-closed .box-heading {
  margin-bottom : 0;
  border-bottom : 0;
}

.box.box-accordion.box-accordion-closed .box-heading:after {
  transform : rotate(180deg);
}

.box.box-accordion.box-accordion-closed  .box-body {
  max-height : 0;
  opacity : 0;
  overflow: hidden;
}

.box.box-primary {
  border: 2px solid #8649bf;
}
.box.box-primary .box-heading {
  background-color : #8649bf;
  border-bottom-style: solid;
  color : white;
}

a.active {
  font-weight: bolder;
}

.filter .row {
  margin-bottom : 10px;
}

.login {
  margin-top: 100px;
  max-width: 320px;
}

@media (max-width: 320px) {
  .login {
    margin : 0;
  }
}

.filter label {
  text-align: right;
}

.table {
  font-size : 13px;
}

.table td > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


.error-number {
  font-weight: 700;
  color: #aaa;
  font-size: 100px;
}

.floating {
  animation-name: floating;
  -webkit-animation-name: floating;

  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}

.verbose-filter-item  {
  border: 1px solid rgb(221, 221, 221);
  padding: 2px 5px;
  margin: 3px;
  border-radius: 3px;
  background-color: rgb(248, 248, 248);
  display: block;
  float:right;
}
.verbose-filter-item .remove {
  color : red;
  opacity : 0.5;
  -webkit-transition: opacity ease 400ms;
     -moz-transition: opacity ease 400ms;
       -o-transition: opacity ease 400ms;
          transition: opacity ease 400ms;
}
.verbose-filter-item .remove:before {
  content: "\e014";
  font-family: "Glyphicons Halflings";
  display: inline-block;
  font-size : 10px;
  margin-right : 3px;
}

.verbose-filter-item:hover .remove {
  opacity : 0.9;
}

.legend {
  margin-top : 10px;
}
.legend ul {
 list-style: none;
 padding : 0;
 margin : 0;
}
.legend ul li {
  display: inline-block;
  margin: 0 5px;
}
.legend ul span {
  display: inline-block;
  width : 12px;
  height : 10px;
  border : 1px solid rgba(0,0,0,0.2);
  border-radius : 3px;
  margin : 0 5px;
}

.steps {
  padding-right : 15px;
  border-right : 1px dotted #ddd;
}

.steps h4 {
  position : relative;
  font-weight : bold;
}

.steps h4:before {
  content: " ";
  position: absolute;
  background-color : #ddd;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
  width : 10px;
  height : 10px;
  top : 3px;
  right : -20px;
  border-radius : 100%;
}

.steps h4.bg-success, .steps h4.bg-danger, .steps h4.bg-warning {
    background-color: inherit;
}
.steps h4.bg-success:before {
    background-color: green;
}
.steps h4.bg-warning:before {
    background-color: gold;
}
.steps h4.bg-danger:before {
    background-color: firebrick;
}

.steps table th {
    width: 35%;
    background-color : #f7f7f7;
}

.wrap-anywhere {
  overflow-wrap: anywhere;
}

@media (max-width:550px) {
    table.table-stacked , table.table-stacked tbody,
    table.table-stacked td, table.table-stacked tr,
    table.table-stacked th {
        display: block;
        width : 100%;
        border: 0;
    }
    table.table-stacked {
        border-bottom:1px;
    }
    table.table-stacked>tbody>tr>td {
        border-top:0;
        border-bottom:0;
    }
    table.table-stacked {
        border-bottom:1px solid #ddd;
    }
    .rtl table.table-stacked th {
        text-align: right;
    }
}

.pagination {
  padding: 0;
  margin: 1px;
  display: block;
}

.pagination .cardinality {
    display: none;
}


/* UPDATE IN THEME */
.btn-group>.btn {
  box-shadow:none;
}
ul.nav.nav-pills {
  margin: -1px 0;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background-color : white;
  color : #8649bf;
  font-weight : bold;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-bottom: 0;
}

.currency:after {
  content:'ש"ח';
  display: inline-block;
  padding: 0 3px;
}

.bar {
  width : 100%;
  line-height : 1.9em;
  height : 1.9em;
  background-color: #E9EAED;
  position: relative;
  margin-bottom : 1px;
}
.bar .bar-text , .bar .bar-bar {
  position : absolute;
  top : 0;
  bottom : 0;
  min-width : 3em;
  padding : 0 0.5em;
}
.bar .bar-bar {
  left: 0;
  background-color: #8649bf;
  z-index: 1;
  text-align: left;
  font-weight: bold;
  color : white;
}
.bar .bar-text {
  right : 0;
  z-index : 2;
  text-align: right;
  overflow: hidden;
}

.bar .bar-bar.bg-danger, .bar .bar-bar.bg-success {
  background-color: inherit;
}

small.text-info {
  letter-spacing: 1px;
  font-size: 10px;
  color: #34B6B1;
  font-weight : 700;
}


.loader {
  margin: 5px auto;
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border: 8px solid;
  border-color: rgba(137, 74, 195, 1) #34B6B1;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.main-loader.loader {
  position: fixed;
  z-index: 1010;
  top : 0;
  right : 0;
  margin : 15px;
  display: none;
}

body.loading .main-loader {
  display: initial;
}

.multiple-checkbox ul {
  list-style: none;
  padding: 0;
}

.card-dump {
  font-family: monospace;
  direction: ltr;
}

.card-dump details {
  margin: -5px 10px 0 0;
}

.card-dump details > details {
  padding: 0;
  margin: 0;
  padding-left: 0.5em;
  background: rgba(102, 51, 153, 0.09);
}

.card-dump summary {
  margin: 0;
  padding: 0.5rem;
  cursor: pointer;
}

/* Tooltips */

[data-tooltip] {
  display: inline;
  position: relative;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  background: #232323;
  border-radius: 3px;
  bottom: 26px;
  color: #fff;
  left: 20%;
  padding: 5px 10px;
  z-index: 98;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  transition: opacity ease 0.1s;
}

[data-tooltip]:before {
  opacity: 0;
  border: solid;
  border-color: #232323 transparent;
  border-width: 3px 3px 0 3px;
  bottom: 23px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  opacity: 1;
}


#homepage-filter .control-label {
  display: none;
}

#homepage-filter .form-group:not(:first-child) {
  margin-right: 10px;
}

#homepage-filter select {
  border: 0;
  border-bottom: 1px solid;
}

#homepage-filter select:focus {
  box-shadow: none;
}

#homepage-filter .radio:not(:last-child):after{
  content: " / ";
}

#homepage-filter .radio input {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
}

#homepage-filter .radio input:checked + label {
  font-weight: bold;
}

#homepage-filter .radio label , #homepage-filter .radio input {
  cursor: pointer;
}

#homepage-filter .radio label {
  padding: 0 5px;
}

#homepage-filter .radio input:hover + label {
  text-decoration: underline;
}

@media (max-width: 768px) {
  #homepage-filter .radio {
    display: inline-block;
  }
}

.popup-container {
  margin-bottom: 100px;
}

/* This is overriding specific styles of print in Bootstrap */
@media print {
  a[href]:after {
    content: none;
  }
}