/**
 * Redefinition of Materialize.css styles & rules
 */
.card .card-title { font-size: 20px !important; font-weight: 400 !important; color: #444;}
.card .card-content { padding: 15px !important; }
.card .card-content div { margin-top: 12px; }
.card .card-content .card-title { line-height: 24px !important; margin-bottom: 12px !important;}
.card .card-content .card-title i.right { margin-left: 0; }

/**
 * END of Redefinition of Materialize.css styles & rules
 */

html { height: 100%; }
body { margin: 0; height: 100%; }

.splash {
  text-align: center;
  margin: 10% 0 0 0;
  box-sizing: border-box;
}

.splash .message {
  font-size: 72px;
  line-height: 72px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.splash .fa-spinner {
  text-align: center;
  display: inline-block;
  font-size: 72px;
  margin-top: 50px;
}


table.small td, table.small th { padding: 6px 3px !important; font-size: 95%;}
tr.hover:hover { background-color: #cacaca !important; cursor: pointer; }

table.highlight > tbody > tr:hover {
    background-color: #d8d8d8 !important;
}
/*
.page-host {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}


.login-form img { float: left; }
.logoTitle {
  font-size: 26px;
  color: #999;
  font-weight: bold;
  margin: 12px auto;
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 1em;
}

.logoTitle span { font-size: 16px; }

.login-form {
  width: 40vw;
  border: 1px solid rgb(128,128,128);
  border-radius: 6px;
  margin: 20vh auto;
}

.login-form > * {
  display: block;
  margin: 12px auto;
}

.login-form > .error {
  color: red;
  font-size: 14px;
  font-weight: bold;
  font-family: monospace;
  padding: 0 12px;
}
*/
@media print {
  .page-host {
    position: absolute;
    left: 10px;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow-y: inherit;
    overflow-x: inherit;
  }
}

section {
  margin: 0;
}

.navbar-nav li.loader {
  margin: 12px 24px 0 6px;
}

.pictureDetail {
  max-width: 425px;
}

/* animate page transitions */
section.au-enter-active {
  -webkit-animation: fadeInRight 1s;
  animation: fadeInRight 1s;
}

div.au-stagger {
  /* 50ms will be applied between each successive enter operation */
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
}



/* animation definitions */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



#pageContent { margin: 1em; }

table.centeredTD td, table.centeredTD th { text-align: center; }


img.mediaPreview { height: 120px; width: auto;}

.btnUploadMedia {
  float: right;
  padding: 0 12px;
}
.btnUploadMedia:hover { background-color: #efefef; }

/** styles for legacy version of file upload input */
/*
.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;
}
*/

ai-dialog-overlay.active {
  background-color: black;
  opacity: .5 !important;
}


.nav-wrapper { padding: 0 1em; }

/*#login-page  { display: table; margin: auto; }*/
/*section.login-page { height: 100%; }*/
/*.login-page div.valign { height: 100%; }*/
.login-form { width: 280px; display: table-cell; vertical-align: middle;}

/** additional styles for materialize.css */
.card.xsmall  { height: 245px; }
.fullWidth    { width: 100%; }
.margin       { margin: 0 !important; }
.fixed-action-btn { max-height: 55.5px; }


/** left navigation */
/* .left-nav { } */
.left-nav ul li { border-bottom: solid 1px #efefef; }
.left-nav .active { font-weight: bold; background-color: #f6f6f6;}
/* .left-nav .bold   { } */
.left-nav li:hover { background-color: #efefef; }

.btnMenu { width: 100%; }

.editBtnDiv { color: #666; font-size: 150%; position: absolute; top: 30px; right: 20px; cursor: pointer;}
.saveBtnDiv { position: absolute; top: 30px; right: 30px; cursor: pointer;}
/*.saveBtnDiv a { margin-right: 0 !important; }*/
.changePassBtnDiv { color: #666; font-size: 150%; position: absolute; top: 30px; right: 60px; cursor: pointer;}

#userId,
#sessionTime {
  position: absolute;
  top: -22px;
  left: 0.5em;
  font-size: 12px;
  color: #cacaca;
}
#userId { left: 8em; }

#pageLoadSpin i { float: none; }

.grid-column-filters > th > div { overflow: hidden; }
/*.grid-column-filters input { max-width: 100%; }*/

.table-hover tr:hover { background-color: #dddddd !important; }
grid .unRegistered { color: #999; }


#nutrition textarea.materialize-textarea, #ingredients textarea.materialize-textarea { min-height: 150px; }
textarea.materialize-textarea { overflow-y: auto !important; }

ai-dialog.boardList { min-width: 480px; }

.floatLeft  { float: left; }
.width65    { width: 65%; }

.colorGreen   { color: rgb(45, 194, 20); }
.colorRed     { color: rgb(206, 21, 21);  }

/**
section h2:first-of-type,
section h3:first-of-type { margin-top: 0; }
**/

.borderBottom { border-bottom: solid 1px #cacaca; }
.borderTop    { border-top: solid 1px #cacaca; }

.position-relative { position: relative; }


/** table styling */
.aut-sort:before{
    font-family: FontAwesome;
    padding-right: 0.5em;
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.aut-sortable:before{
    content: "\f0dc";
}

.aut-asc:before{
    content: "\f160";
}

.aut-desc:before{
    content: "\f161";
}

.idStyle              { text-align: center; width: 3em; }
.rightAlign           { text-align:right; }
.centerAlign          { text-align: center; }
.green, .greenTick    { color: green; }
.red,   .redTick      { color: darkred; }
.grey,  .greyTick     { color: grey; }
.orange, .orangeTick  { color: orange; }

.clearInput   { position: absolute; top: 2rem; right: 1rem; color: #999; }
.clearInput:hover { cursor: pointer; }
.input-field .clearInput   { top: 1rem; }

#appVersion { font-size: 40%; position: relative; top: 12px; left: -24px; }

table[aurelia-table] + .row { margin-top: 1em; }
.clearInput.lighter { color: #9e9e9e; }
.clearInput.darker  { color: #666; }

.pagination a:hover { cursor: pointer; }


#errorLogsAdmin td:nth-child(1) { width: 9em; }
#errorLogsAdmin td:nth-child(2) { width: 11em; }


/** workaround for Indicator issue when using tabs with waves */
[md-tabs] .waves-effect { position: static; }

.boldText   { font-weight: bold; }
.smallText  { font-size: 0.8em; color: #666; }


.dbSubHeader { margin: 10px; padding-top: 10px; font-size: 1.2em;}
.dashboardTabContent .row { margin-bottom: 5px;}

.dashboardTabContent .card .card-content .card-title {
    line-height: 48px;
}
.dashboardTabContent .card .card-title {
    font-size: 18px;
    font-weight: 300;
}
.dashboardTabContent .card .card-content { padding: 5px 20px; }
.featureTable th, .featureTable td  { padding: 5px; }
.narrowTable th, .narrowTable td    { padding: 5px 20px; }



.equal, .equal > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
}
.equal, .equal > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
}

.dialog-header-content { font-weight: bold; text-align: center; }

.light .card .card-image .card-title { color: #333; }
.card .card-image .card-title { font-weight: bold; }

.price { text-align: center; font-weight: bold; font-size: 2em; margin-top: 1em;}

.quickFilter { margin-top: 4em; }
.quickFilter h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5rem;}
.quickFilter a  { font-size: 0.9em; padding: 0 1em;}


.editLockBtn > i.material-icons,
.date-picker + i.material-icons {
  /*margin-left: -24px;*/
  /*line-height: 1;*/
  margin-top: 10px;
  cursor: pointer;
  /*font-size: 1.4em;*/
  color: #666;
}

[md-datepicker] + i.material-icons.std-icon-fixup {
  margin-left: -24px;
  line-height: 1;
  margin-top: 12px;
  cursor: pointer;
}

ul.native-list    { padding-left: 30px !important; }
ul.native-list li { list-style-type: initial !important; }

/*md-input#filterInput .input-field { margin-top: 6px; }*/
/*md-input#filterInput .input-field label { left: 0; top: 0.5rem; }*/

/*.fakeUserBtn { top:57px; right: 12px; }*/
.fakeUserBtn { top: -24px; right: 0px !important; position: absolute; display: inline-block; }

table.featureTable td.enabled   { font-weight: bold; }
table.featureTable td.disabled  { font-weight: normal; color: #aaa; }

.registerDetails .userData.row { margin-bottom: 0; }
.registerDetails .userData.row input { margin-bottom: 10px; }
.registerDetails .container-fluid h5 { font-size: 1.3rem; }


.featureDialog input[type=checkbox] + label { margin-top: 10px; }
.featureDialog input.date-picker { margin-bottom: 3px; }
.featureDialog .row { margin-bottom:3px; }

.hidden { visibility: hidden; }

ai-dialog.featureDialog .input-field { margin-top: 0; }

div.row.header { background-color: #efefef; font-weight: bold; color: #666; padding: 3px;}

.smallBtn.fa        { position: absolute; top: 14px; right: 0; color: #666;}
.smallBtn.fa-minus  { right: 20px;}
.smallBtn.fa:hover  { cursor: pointer; }


/** Validation */

.good label { background-color: #a5d6a7; color: #333 !important; }
.no-good label { background-color: #ef9a9a; color: #333 !important; }


tr.au-target.testing { background-color: #dcdc66; }

h3 { font-size: 2.2rem; }

span.delimiter  { color: #9999994f; }
span.icon       { padding: 0 3px; }

tr.inactive     { color: #999; }

ux-dialog h5 {
  border-bottom: solid 1px silver;
  padding-bottom: 6px;
}

ux-dialog h5 div.infoText {
  font-size: 15px;
  color: red;
  float: right;
  width: 7em;
  line-height: 1em;
}


.tabs .tab a:hover, 
.tabs .tab a.active {
  background-color: #b0bec5 !important;
  color: #333 !important;
}

.tabs .tab a                { padding: 0 28px !important; }
li.withBadge.tab            { position: relative; }
li.withBadge.tab span.badge { position: absolute; right: 0; top: 11px; border-radius: 11px; }


ul.select-dropdown [type="checkbox"] + label:before, 
ul.select-dropdown [type="checkbox"]:not(.filled-in) + label:after { top: -12px !important; }
ul.select-dropdown [type="checkbox"]:checked + label:before { top: -14px !important; } 

div.pleaseWait { display: inline-block; }

div.errorTypeCB { width: 8em; display: inline-block; }

.errorType_E { color: red; }
.errorType_I { color: blue; }
.errorType_W { color: brown; }
.errorType_D { color: #607d8b; }

div.filterSection { border-bottom: solid 1px siver; }

/** MD_AUTOCOMPLETE overwrites **/
.autocomplete-content { position: absolute !important; background: whitesmoke !important;}
.dropdown-content li > a, 
.dropdown-content li > span { font-size: 0.92em !important; }

.boardStandort  { display: inline-block; }
.boardUuid      { display: inline-block; min-width: 20em; }

.helpdesk .header { background-color: red;}

ux-dialog { width: auto !important; }

#userDropdown li.userName {
  padding: 6px 12px;
  font-weight: bold;
  border-bottom: solid 1px #666;
  line-height: 2em;
  background-color: antiquewhite;
}

table#errorLogsAdmin td:first-child { width: 30px; }
/* table#errorLogsAdmin td:first-child i { padding: 0 1em; } */
.iconBtnFlat { padding: 3px 6px; }
.iconBtnFlat:hover { background-color: #999; color: white; }

ux-dialog.statistic { width: 900px !important; }