/*
 *
 * Custom styles for AISE Industry Classification Network
 *
 */



/**************************************************************
 *
 * Own styles and rules
 *
 **************************************************************/
 
/*
 * Headers for ingredient categories
 */
.category {
    background-color: rgb(214, 214, 214);
    font-weight: bold;
}

.search-red {
    background-color: rgb(239, 41, 41);
}

.search-green {
    background-color: rgb(138, 226, 52);
}

.tolerance_band_exceeded {
    background-color: rgb(247,121,0);
}

.fraction {
    font-weight: bold;
}

/*
 * Custom font for the header
 */
@font-face {
    font-family: Arial, Helvetica, sans;
    font-style: normal;
    font-weight: 400;
    }


/**************************************************************
 *
 * Overwritten Bootstrap styles
 *
 **************************************************************/

/*
 * Font
 */ 

html, body {
    font-size: 14px;
}

/*
 * Header style
 */
#logo-header{
    background-image: url(../images/squares2.png);
    background-repeat:no-repeat;
    background-position: right;
    background-color: white;
    /* color: #ed1c24; */
    color: black;
    margin-right: 0px;
}

header .navbar-inner{
        /*
        color: black;
        */
        border-width: 0px;
        border-radius: 0px;

        /*
        background-image: none !important;
        background-color: #ff9900 !important;
        */
}
/*
#logo-header a{
    color: white;
}



header .navbar .nav > li > a{
    text-shadow: none;
    color: white;
}

*/

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    margin-top: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    left: 100%;
    margin-top: -8px;
}

/*
 * Footer
 */
/*
footer .navbar-inner{
    background-image: url("/static/images/footer.png");
    background-repeat: repeat-x;
    background-color: white;
    color: black;
    font-size: 80%;
    padding-top: 1em;
    border: none;
}

.navbar .container {
    width: 1170px;
}


.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: white;
    text-decoration: none;
    background-color: #ff7101;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    }

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #ff7101;
    color: #555555;
    }
*/
#header-banner{
    font-family: Arial, Helvetica, sans;
    font-weight: 400;
    }

/*
 * Mark required fields with asterisk
 */
label.required:after { content: '*' }

/*
 * jQuery validate errorClass
 * #id_test_formulation-formulation_name
 */
.validateError {
    color: rgb(185, 74, 72);
    border-color: rgb(185, 74, 72);
}

.error div input, .error label, ul.errorlist {
    color: rgb(185, 74, 72);
    border-color: rgb(185, 74, 72);
}

h1,
h2,
h3 {
  line-height: 30px;
}


h1  {
  font-size: 24.5px;
  margin-top: 10px;
}
h2  {
  font-size: 17.5px;
}
h3  {
  font-size: 14px;
  font-weight: bold;
}
h4  {
  font-size: 14px;
}

ul#id_companies {
    margin-left: -.5rem;
    padding-top: calc(.375rem + 1px);
}

ul#id_companies li {
    position: relative;
    display: block;
}

ul#id_companies li label {
    display: inline-block;
}

ul#id_companies li label input {
    position: absolute;
    margin-top: -.3rem;
    margin-left: -2rem;
}

#filteroptions td label, #form-date_start label,
#form-date_end label {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

@media (min-width: 992px) {
    #test-formulation-fields div.col-sm-6 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (min-width: 1200px) {
    #test-formulation-fields label.col-sm-3 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

/*
 * Change bootstrap color for links with icons
 */

a i {
    color: #212529; 
}

/*
 * Change background color of ingredients in search box already present
 * in the current test formulation
 */
ul.ui-autocomplete li.ingredient-present-tf {
    background-color: rgb(232, 232, 232);
}