/* Sticky footer styles
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: 'Arial', sans-serif;
  font-size:18px;
  color: #555;
  padding-top: 4.2em;
}

.nav-item a{
  font-size: 1.125em;
}

.nav-link.user{
  margin: 0;
  padding: 0;
  height: 100%;
}
.nav-item .username, .nav-item .usergroup{
  font-size:0.75em;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px;
  /* Vertically center the text there */
  background-color: #f5f5f5;
}

body #ajaxloader{
  display:none;
}

body.loading #ajaxloader{
  display:inline;
}

/* Custom page CSS Header & Footer
  -------------------------------------------------- */

body>.container-fluid {
  padding: 1em 15px 0;
  xmargin-top: 4.2em;
}

body>.container {
  padding: 56px 15px 0;
}

.footer>.container {
  padding-right: 15px;
  padding-left: 15px;
}

#navbarBreadcrumb {
  margin-top: 55px;
}

/* Custom Menu CSS 
  ------------------------------------------------*/

#appMenuIcon {
  width: 36px;
  height: 20px;
}

/* Breadcrumb Menu
-------------------------------------------------*/

.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid #343a40;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb {
  z-index: 999;
}
.btn-breadcrumb .btn {
  padding: 6px 12px 6px 24px;
}
.btn-breadcrumb .btn:before,.btn-breadcrumb .btn:after,.btn-breadcrumb .btn:hover:before,.btn-breadcrumb .btn:hover:after {
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-breadcrumb .btn:first-child {
  padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn:last-child {
  padding: 6px 18px 6px 24px;
}

.btn-breadcrumb .btn.btn-outline-dark:not(:last-child):after {
  border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-outline-dark:not(:last-child):before {
  border-left: 10px solid #343a40;
}

.btn-breadcrumb .btn.btn-outline-dark:hover:not(:last-child):after {
  border-left: 10px solid #343a40;
}

.btn-breadcrumb .btn.btn-outline-dark:hover:not(:last-child):before {
  border-left: 10px solid #343a40;
}

form.compact label {
  margin-bottom: 0;
}




/* PreLoadeer
  -----------------------------------------------*/
#preloader  {
  position:fixed;
  top:60px;
  left:0;
  right:0;
  bottom:60px;
  background-color:#f0f3f4;
  z-index:9999;
  overflow: hidden;
}
/* Upload Button
  -----------------------------------------------*/
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn-input-filename{
  position: relative;
  top: 50%;
}

/* Validation
-----------------------------------*/
.checkedInvalid {
  border: 1px solid #cd0a0a !important;
}

/* Boostrap Custom Checkbox Control
-----------------------------------*/
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{
  top:.5rem;
}

/* ATURIS ICON PICKER */
.iconpicker-red, .iconpicker-green, .iconpicker-blue {
  margin: 1em;
}
.iconpicker-icon {
  width: 48px;
  height: 48px;
}
.iconpicker-red .ui-slider-range { background: #ef2929; }
.iconpicker-red .ui-slider-handle { border-color: #ef2929; }
.iconpicker-green .ui-slider-range { background: #8ae234; }
.iconpicker-green .ui-slider-handle { border-color: #8ae234; }
.iconpicker-blue .ui-slider-range { background: #729fcf; }
.iconpicker-blue .ui-slider-handle { border-color: #729fcf; }

.iconpicker-icons svg{
  margin:0 .5em;
}

/* Main-Menu
-----------------------------------*/
.main-menu{
  border-bottom-width: 1.2em !important;
  background: #fff;
}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover{
  color: #fff;
}
.nav-link:hover{
  background-color: #f5c836;
}
.nav-link.active{
  background-color: #f5c836;
}

/* Button text
--------------------------------------*/
.btn.btn-primary{
  color: #fff;
}

/* Modal styles
-------------------------------------*/
.machine-entity-list{
  overflow-y: auto;
  height: 300px;
}

.machine-entity-list li h5 {
  color: #090909;
}

/* Table styles
------------------------------------*/
.dedicated-machine-list{
  max-height: 4.5em;
  overflow-y: auto;
  margin-bottom: 0;
}

#tableWorkshops td span[data-visibility='1'], #tableBills td span[data-visibility='1']{
  visibility: visible;
  color: #8ae234;
}
#tableWorkshops td span[data-visibility='0'], #tableBills td span[data-visibility='0']{
  visibility: collapse;
}

#tableWorkshops tr td:nth-last-child(2){
  list-style-type: none;
}

#tableBills td a[data-visible='1'], #tableBills td button[data-visible='1']{
  visibility: visible;
}

#tableBills td a[data-visible='0'], #tableBills td button[data-visible='0']{
  visibility: collapse;
}
/* align the amount */
#tableBills td:nth-child(4) {
  text-align: right;
}

.machine_filter label.col-1 {
  text-align: right;
}

/* Table Filter Styles
----------------------------------------*/
button.btn.dropdown-toggle.btn-light.bs-placeholder {
  border: 1px solid #ced4da;
  background-color: white;
}
.show>.btn-light.dropdown-toggle{
  border-color: #fbe9af;
  background: #e8f0fe;
}
.btn-light{
  background: #e8f0fe;
  border-color: #ced4da;
}


/* Print Styles
-----------------------------------------*/
@media print{
  #tableWorkshops thead #wsButtonHeader, .tableButtons, .row-new-button, #filter_workshops #btn_submit, #new_workshop, .pagination, #tableWorkshops_length, #tableWorkshops_filter{
    display: none;
    
  }
}