html {
    height: 100%;
}

body {
  margin: 0;
  padding-top: 62px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
  overflow-x: hidden;
}

.w-auto {
  width: auto !important;
}

.lh-1r {
  line-height: 1.2rem;
}

@media (max-width: 399px) {
  body.categories {
    margin-top: 149px !important;
  }
}

@media (min-width: 400px) {
  body.categories {
    margin-top: 45px !important;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}/* } */

.pr-0 {
  padding-right: 0;
}

@media (min-width: 992px) {
  .va-middle-lg {
    margin-top: -62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.container.fixed-top {
  background-color: white;
}
@media (max-width: 575px) {
  .container.fixed-top {
    z-index: 1031;
  }
}

button {
  cursor: pointer;
}

.fixed-top {
  z-index: 1031;
}

.fixed-t {
  background-color: white;
  position: fixed;
  top: 56px;
  right: 0;
  left: 0;
  z-index: 1030;
}

.card {
  width: 100%;
}

.card.cat {
  cursor: pointer;
}

.card.cat input {
  padding-top: 0;
  padding-bottom: 0;
  float: left;
}

.card.level-1  {margin-left: 1.5rem  ; width: calc(100% - 1.5rem);}
.card.level-2  {margin-left: 3rem    ; width: calc(100% - 3rem);}
.card.level-3  {margin-left: 4.5rem  ; width: calc(100% - 4.5rem);}
.card.level-4  {margin-left: 6rem    ; width: calc(100% - 6rem);}
.card.level-5  {margin-left: 7.5rem  ; width: calc(100% - 7.5rem);}
.card.level-6  {margin-left: 9rem    ; width: calc(100% - 9rem);}
.card.level-7  {margin-left: 10.5rem ; width: calc(100% - 10.5rem);}
.card.level-8  {margin-left: 12rem   ; width: calc(100% - 12rem);}
.card.level-9  {margin-left: 13.5rem ; width: calc(100% - 13.5rem);}
.card.level-10 {margin-left: 15rem   ; width: calc(100% - 15rem);}

.card-header div {
  float: left;
}

.card-header {
  position: relative;
}

.card-header input[type="text"] {
  width: calc(100% - 4rem);
}

.controls .btn {
  padding: 0;
  font-size: 1.8rem;
  width: 3rem;
}
.form-group.check {
  margin-bottom: 0;
}

.dataTables_length {
  float: left;
}

.dataTables_filter {
  float: right;
}

textarea[name="desc_short"] {
  height: 10rem;
}

textarea[name="desc"] {
  height: 26rem;
}

textarea[name="notes"] {
  height: 6rem;
}

th.shrink,
td.shrink {
  width: 1px;
  white-space: nowrap;
}
td button.btn,
button.logout,
a.logout {
  padding: 1px 6px;
}

/* button.logout { */
/*   margin-left:  */
/* } */

#equipment_info {
  text-align: left;
}

@media (max-width: 768px) {
  #equipment_filter {
    float: left;
  }
}

.btn[type="submit"] i {
  font-size: 1.2rem;
}

.input-group .form-control.cent {
  padding-left: 0.4rem;
  max-width: 38px;
  width: 38px;
}

.input-group .form-control.whole {
  padding-left: 0.4rem;
  max-width: 101px;
  width: 101px;
}

.input-group.decimal span.input-group-text {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 0;
  font-size: 1.2rem;
}

.fade {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media only screen and (max-width: 575px) {
  .b-xs {
    border: 1px solid #e9ecef!important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .b-sm {
    border: 1px solid #e9ecef!important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .b-md {
    border: 1px solid #e9ecef!important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .b-lg {
    border: 1px solid #e9ecef!important;
  }
}

@media only screen and (min-width: 1200px) {
  .b-xl {
    border: 1px solid #e9ecef!important;
  }
}

@media (max-width: 470px) {
  .logo-small {
    display: none;
  }
}

@media (max-width: 380px) {
    .logo-small-c {
	display: none;
    }
    .nt-s {
	display: block !important;
    }
}

.cat .check label.custom-control-label:before,
.cat .check label.custom-control-label:after {
  top: 0.25rem;
  right: 0;
  height: 1.25rem;
  width: 1.25rem;
}

.cat button {
  padding: 1px 6px;
}

.md-c {
  padding: 0;
}


@media (max-width: 575px) {
  .pl-xs-0 {
    padding-left: 0;
  }
  .pr-xs-0 {
    padding-right: 0;
  }

  .nav-link.active {
    border: none;
  }

  button#cat-add {
    margin-right: 0.2rem !important;
  }

  label[for^="price_"] b {
    font-size: 0.7rem;
  }
}

img#equipment-big {
  width: 100%;
  max-height: 415px;
  max-width: 100%;
  cursor: pointer;
}
.ifc img {
  cursor: pointer;
  max-height: 160px;
  max-width: 100%;
}

.ifc img.selected {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 5px #025aa5; /* emulate the border */
}
.equipment-view .ifc img.selected {
  border: none;
  box-shadow: none;
}

i.fa-question-circle {
  font-size: 1.3em;
}

i.fa-question-circle:hover {
  cursor: pointer;
}

td.published i,
td.nonpublished i,
.card-header i {
  margin-right: 7px;
  font-size: 1.3rem;
}

td.published i,
.card-header i.published {
  margin-top: 4px;
  color: green;
}

td.nonpublished i,
.card-header i.nonpublished {
  margin-top: 2px;
  color: darkred;
}

td i.fa-check-square,
td i.fa-square,
.card-header i.fa-check-square,
.card-header td i.fa-square {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  ul.navbar-nav {
    background-color: #f6f6f6;
    padding: 0.25rem !important;
  }
  ul.navbar-nav li,
  ul.navbar-nav li a.active {
    padding: 0.25rem !important;
  }
  .nav-tabs .nav-link.active {
    border-color: #ddd #ddd #ddd;
  }
}

.popover {
  min-width: 340px;
}

@media (max-width: 992px) {
  .popover {
    top: 47px !important;
  }
  .popover .arrow {
    top: 46px !important;
  }
}

@media (min-width: 768px) {
  body.categories {
    margin-top: 52px !important;
  }
  .fixed-t {
    top: 58px;
  }
}

.chkbxs label {
	cursor: pointer;
}
.chkbxs i {
	font-size: 1.3rem;
	height: 20px;
	width: 20px;
}
.chkbxs i.fa-square {
	color: darkred;
}
.chkbxs i.fa-check-square {
	color: green;
}
.chkbxs div {
	margin-top: -4px;
}
.controls .btn.ecat-rm {
	line-height: 2.25rem;
	width: 2.5rem;
}
.ecat-rm i {
	font-size: 1.6rem;
}
.controls .btn.acc-rm {
	font-size: 1rem;
	line-height: 1.25rem;
	padding: 0.15rem;
	width: 1.5rem;
}
.autocomplete-suggestions {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	background: white;
	padding: .5rem .75rem;
	overflow-y: scroll;
	width: auto !important;
}

.autocomplete-suggestion {
	cursor: pointer;
}

.autocomplete-suggestion:hover {
	background-color: #f8f9fa;
}

.autocomplete-suggestion:active {
	background-color: #007bff;
}
.fas.fa-check.green {color: green}