/* Main.css */

.login-badge-image img {
	height: 45px;
}

.dropdown-menu li a {
	white-space: normal;
}

body:not(.header-fixed) #menubar, .menubar-first #menubar {
	top: 64px;
}

table.dataTable td.details-control::before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

table.dataTable td.check {
  width: 0;
}

table.dataTable td.numeric-cell {
  text-align: right;
}

strong {
  font-weight: bold;
}

.progress-bar-primary-light {
  background-color: #7dd8d2;
}

.offcanvas-pane.active {
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
  display: block;
  transform: translate(-400px, 0px);
  transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98) 0s;
}

th.numeric-cell {
  text-align: right;
}

th.numeric-cell::after {
  content: "  ";
  white-space: pre;
}

.btn {
  text-transform: capitalize;
}

body {
  font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
}

.btn-group .btn {
  margin-left: 1px;
  margin-right: 5px;
}

@-webkit-keyframes move {
   0%  { transform: translateX(-10px) }
  20%  { transform: translateX(20px) }
  40%  { transform: translateX(-20px) }
  60%  { transform: translateX(20px) }
  80%  { transform: translateX(-20px) }
  100% { transform: translateX(10px) }
}

@keyframes move {
   0%  { transform: translateX(-10px) }
  20%  { transform: translateX(20px) }
  40%  { transform: translateX(-20px) }
  60%  { transform: translateX(20px) }
  80%  { transform: translateX(-20px) }
  100% { transform: translateX(10px) }
}

.move {
  -webkit-animation-name: move;
  -webkit-animation-duration: 500ms;
  -webkit-animation-timing-function: ease-out;
  animation-name: move;
  animation-duration: 500ms;
  animation-timing-function: ease-out;
}


.select2-container .select2-selection--single {
  height: 36px;
}

.billing-section {
  border-bottom: 1px solid #eee;
}

.anchor {
  text-decoration: underline;
  cursor: pointer;
}

.offcanvas-pane.active {
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
  display: block;
  transform: translate(-400px, 0px);
  transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98) 0s;
}

.flag {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.animate {
  transition: width 300ms ease-out 0s;
}

/* Official material design icons */
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}