/*@import 'https://fonts.googleapis.com/css?family=Indie+Flower|Open+Sans|PT+Mono|Roboto|Ubuntu';*/
#app .loginColor {
  background-color: #364150 !important; }

.height-500 {
  height: 500px !important; }

.settingsTab .tabset,
.settingsTab .tab-content,
.settingsTab .tab-pane,
.settingsTab .tabbable {
  height: 640px !important; }

.container-fluid {
  overflow-y: auto; }

.color-white {
  color: #ffffff !important; }

a,
a.hover,
a.focus,
a.active {
  color: #8CC349; }

.modal-content {
  background: #ffffff; }

.text-blueubq {
  color: #364150; }

.text-ubq {
  color: #8CC349 !important; }

.text-alizz {
  color: #8CC349 !important; }

.btn-primary {
  background-color: #8CC349;
  border-color: #8CC349;
  color: #ffffff; }

.btn-alizz {
  background-color: #8CC349;
  border-color: #8CC349;
  color: #ffffff; }

.btn-alizz-o {
  background-color: transparent;
  border-color: #8CC349;
  color: #8CC349; }

.btn-alizz-o:hover {
  background-color: #efeaea;
  border-color: #d2d2d2;
  color: white; }

.btn-alizz-gray {
  background-color: transparent;
  border-color: #8CC349;
  color: #757579; }

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

::selection {
  background: #5F8295 !important;
  text-shadow: none;
  color: #ffffff; }

.search-bar {
  padding-bottom: 20px; }

/* table action dropdown */
div.actions {
  /*.dropdown ul {
	right: 0px;
	left: auto;
	top: 16px;
}
*/ }
  div.actions .btn-group:hover > .dropdown-menu {
    display: block; }

input[type="datetime-local"].datetime-from {
  border-radius: 4px 0 0 4px !important; }

input[type="datetime-local"].datetime-to {
  border-radius: 0 4px 4px 0 !important; }

v-pane-content {
  overflow: visible !important; }

tr.no-border-bottom td {
  border-bottom: 0pt !important;
  padding: 4px !important; }

/* loading spinner */
.ubq-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 0.8s infinite linear;
  color: #8CC349; }

.spinner {
  text-align: center; }

.breadcrumb {
  background-color: transparent;
  padding-top: 25px;
  font-size: 15px; }

.breadcrumb > .active {
  color: black; }

.vAccordion--default v-pane.is-expanded > v-pane-header {
  border-bottom-color: #8CC349 !important; }

.vAccordion--default v-pane-header::after,
.vAccordion--default v-pane-header::before {
  background-color: #8CC349 !important; }

.navbar-logosm {
  padding-left: 15px;
  float: left; }

.load1:after {
  border-left: 2px solid #8CC349 !important; }

input[type="number"].input-sm {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

input[type="number"].round {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

input[type="text"].round {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.form-horizontal .control-label.label-left {
  text-align: left !important; }

/** Customer Details table */
#customer-details-table > thead > tr > th,
#customer-details-table > thead > tr > td,
#customer-details-table > tbody > tr > td,
#customer-details-table > tfoot > tr > td {
  border-top-width: 0px !important;
  border-top-style: none !important; }

#customer-details-table th {
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important; }

#customer-details-table .no-border td {
  border-bottom-width: 0px !important;
  border-bottom-style: none !important; }

.th-black {
  color: #5b5b60 !important; }

/** password strength checker */
input.ng-pristine + ul#strength {
  display: none; }

ul#strength {
  display: inline;
  list-style: none;
  margin: 0;
  margin-left: 15px;
  padding: 0;
  vertical-align: 2px; }

.point:last {
  margin: 0 !important; }

.point {
  background: #DDD;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  width: 20px; }

#footer {
  position: fixed;
  bottom: 5px; }

/* Support window */
.feedback-screenshot {
  display: none; }

/* Switch Control */
.ubq-switch.switch {
  background: #6D6E76;
  border-color: #6D6E76;
  width: 40px;
  height: 18px; }

.ubq-switch.switch.checked {
  width: 40px;
  height: 18px;
  background: #8CC349;
  border-color: #8CC349; }

.ubq-switch.switch small {
  width: 18px;
  height: 18px; }

/* Spinner */
.spinnerx {
  margin: 0 auto 0;
  width: 70px;
  text-align: center; }

.spinnerx > div {
  width: 18px;
  height: 18px;
  background-color: #8CC349;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinnerx .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerx .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* Modeling*/
.bjs-powered-by {
  visibility: hidden !important; }

/* JSON Readable library */
.jh-type-string {
  word-break: break-all; }

/* Chat */
#chat-discussion {
  display: inherit; }

/*.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #8CC349;
border-color: #8CC349;
}*/
.cs-skin-elastic > span::after {
  /*color: #ffffff !important;*/
  color: #8CC349 !important; }

li.cs-selected {
  background: #8CC349 !important; }

/* ngTable pagination */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f8f8f8 !important;
  border-color: #b7b7b7 !important; }

.pagination > li > a,
.pagination > li > span {
  color: #a9a9ac !important; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #5b5b60 !important; }

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%); }

.main-content > .container {
  background: transparent; }

.container-fullw {
  padding-bottom: 80px; }

.swMain > ul li > a.selected .stepNumber {
  border-color: #8CC349; }

.swMain > ul li > a.selected:before,
.swMain li > a.done:before {
  border-color: #8CC349; }

.swMain ul li > a.done .stepNumber,
.swMain > ul li:last-child > a.selected .stepNumber {
  background-color: #8CC349;
  border-color: #8CC349; }

.input-group-addon {
  background-color: #8CC349;
  border: 1px solid #8CC349; }

tags-input .tags {
  width: 400px; }

tags-input .tags .input {
  width: 200px; }

.panel-group .panel {
  overflow: visible; }

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  width: 80px; }

.ui-select-bootstrap > .ui-select-match > .btn {
  width: 80px; }
