html {
  font-size: 10px;
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.success-popup-div {
   color: green;
   font-weight: bold;
   margin-bottom: 5px;
}

#appointmentNavigation .btn {
   padding-top: 2px;
   padding-left: 0px;
   padding-right: 10px;
}

#viewProducer, #addProducer, 
#viewConsumer, #addConsumer {
   padding: 0;
}

.select2-width {
   width: 100%;
}

.ui-datepicker {
   z-index: 10000 !important;
}

.ui-widget-content a {
   color: #007bff;
}

.ui-widget-content a:hover,
.ui-widget-content a:focus {
   color: #0056b3;
}

.ui-tabs .ui-tabs-panel {
   padding: 2px;
}

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

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

.animal-cut-group-name {
  background-color: #d9dbda !important;
}

.error {
  color: red;
  font-weight: bold;
}

select.form-control {
   padding-top: .3rem;
   padding-bottom: .3rem;
}

.form-input-error {
  color: red;
  font-weight: bold;
  margin-left: 10px;
}

.hint {
  font-weight: normal;
  margin-left: 10px;
}

.save-success {
  color: green;
}

div.card-header, div.card-footer {
  padding: .5em;
}

div.card-body {
  padding: .5em .5em;
}

div.card-header .btn {
   padding-top: 0px;
   padding-top: 0px;
}

table.eprily-datatable thead .sorting:before,
table.eprily-datatable thead .sorting:after,
table.eprily-datatable thead .sorting_asc:before,
table.eprily-datatable thead .sorting_asc:after,
table.eprily-datatable thead .sorting_desc:before,
table.eprily-datatable thead .sorting_desc:after,
table.eprily-datatable thead .sorting_asc_disabled:before,
table.eprily-datatable thead .sorting_asc_disabled:after,
table.eprily-datatable thead .sorting_desc_disabled:before,
table.eprily-datatable thead .sorting_desc_disabled:after {
  bottom: 0.6em;
}

table.eprily-datatable thead > tr > th {
  padding-top: .5em;
  padding-left: .5em;
  padding-bottom: .5em;
  line-height: 1.1em;
}

table.eprily-datatable tbody > tr > td {
  padding-top: .5em;
  padding-left: .5em;
  padding-bottom: .5em;
  line-height: 1.1em;
}

table.eprily-datatable > tbody> tr > td > .btn,
table.eprily-datatable > tbody> tr > td > input {
  padding: 0;
  width: 100%;
}

.bootbox .modal-header {
  display: block;
}

.reviewed {
   background-color: rgb(118, 255, 111) !important;
}

.bg-dark {
   background-color: rgba(183,65,14,1.0) !important;
}

table.dataTable.table-striped > tbody > tr.odd > * {
   box-shadow: none;
   background: #e8e8e8 !important;
}

#mainNav .navbar-collapse .navbar-sidenav li.active a,
#mainNav .navbar-collapse .sidenav-toggler .nav-item {
    color: rgba(255,255,255,1.0);
    background-color: rgba(143,50,9,.7);
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level>li>a, 
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level>li>a {
    color: rgba(255,255,255,1.0);
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level>li>a:focus, 
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level>li>a:hover, 
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level>li>a:focus, 
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level>li>a:hover {
    color: rgba(255,255,255,.5);
}

.navbar-dark .navbar-nav .nav-link,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: rgba(255,255,255,1.0);
}

.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:focus:after,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:hover:after {
    color: rgba(255,255,255,.5);
}

.clock-in-out-container {
   height: 200px;  
}

.clock-in-out {
   width: 100%;
   height: 100%;
   font-size: 3em;
   font-weight: bold;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:before,
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:before {
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
}