/* Minification failed. Returning unminified contents.
(146,1): run-time error CSS1019: Unexpected token, found '$'
(146,15): run-time error CSS1030: Expected identifier, found ' '
(146,20): run-time error CSS1031: Expected selector, found ';'
(146,20): run-time error CSS1025: Expected comma or open brace, found ';'
(147,1): run-time error CSS1019: Unexpected token, found '$'
(147,14): run-time error CSS1030: Expected identifier, found ' '
(147,22): run-time error CSS1031: Expected selector, found ';'
(147,22): run-time error CSS1025: Expected comma or open brace, found ';'
(148,1): run-time error CSS1019: Unexpected token, found '$'
(148,15): run-time error CSS1030: Expected identifier, found ' '
(148,16): run-time error CSS1031: Expected selector, found '10px'
(148,16): run-time error CSS1025: Expected comma or open brace, found '10px'
(149,1): run-time error CSS1019: Unexpected token, found '$'
(149,15): run-time error CSS1030: Expected identifier, found ' '
(149,16): run-time error CSS1031: Expected selector, found '5px'
(149,16): run-time error CSS1025: Expected comma or open brace, found '5px'
(150,1): run-time error CSS1019: Unexpected token, found '$'
(150,14): run-time error CSS1030: Expected identifier, found ' '
(150,15): run-time error CSS1031: Expected selector, found '4'
(150,15): run-time error CSS1025: Expected comma or open brace, found '4'
(152,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(153,8): run-time error CSS1035: Expected colon, found '{'
(160,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(161,8): run-time error CSS1035: Expected colon, found '{'
(185,16): run-time error CSS1036: Expected expression, found '$'
(188,10): run-time error CSS1036: Expected expression, found '$'
(189,17): run-time error CSS1036: Expected expression, found '$'
 */
body {
    /*padding-top: 70px;*/
    padding-bottom: 20px;
    margin-bottom: 60px;
    background-color: transparent !important;
}

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

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

.no-max-width {
    max-width: none !important;
}


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
    padding: 20px 0;
}

.allergenen-image {
    height: 95px;
    padding-right: 10px;
}

.dxeEditArea_DevEx {
    max-width: none;
}

.nav.nav-tabs li a {
    outline: none;
}

.dxgvCommandColumn_DevEx img {
    padding-left: 5px;
}

.recipe-list-name {
    text-align: left;
}

.ui-autocomplete {
    max-height: 175px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    
}

.ui-menu-item {
    font-size:11px;
}

/*.ui-dialog {
    z-index:10;
}*/

.noTitle .ui-dialog-titlebar {display:none}

#addProductToRecipeTabs li a {
    font-size:12px !important;
    padding:2px 5px !important;
}

.tooltip {
    z-index:999;
    position:absolute;
}

.popover {
    width:600px;
}

.product-form {
    margin-top:5px;
}

.product-form label{
    font-size:11px;
}

.product-form .form-group {
    margin:0;
     margin-bottom:3px;
}

.product-form input {
    max-width:none;
}

.product-form .control-label {
    padding-right:0;
    padding-left:0;
}

.field-validation-error{ font-size:8pt;}
.field-validation-error span {}

label {
    font-size:12px;
}

.form-group {
    margin-bottom:3px;
}

.display-inline {
    display:inline;
}

.input-sm {
    font-size:12px !important;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

$border-color: #000;
$error-color: #E02803;
$border-width: 10px;
$stripe-width: 5px;
$tile-length: 4 * sqrt(2 * pow($stripe-width, 2)); // this is to calculate a seamless tile of stripes. When it's moved sideways (using translateX), an illusion of a moving striped bar is created (http://en.wikipedia.org/wiki/Barberpole_illusion)

@-webkit-keyframes translate {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-28.28427px);
  }
}
@keyframes translate {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-28.28427px);
  }
}
 

body {
  background-color: #aaa;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.mod {
  position: relative;
  display: inline-block;
  width: 18em;
  height: 11em;
  margin: 2em;
  padding: 1em 2em;
  text-align: left;
  background-color: #fff;
  color: #000;
  border-left: $border-width solid $border-color;
}
.error {
  color: $error-color;
  border-color: $error-color;
}

#EANTextBox {
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

}

.searching {
    border-color: #ff0000 !important;
}