/*
"primary": "darken(#f9b11f, 6.5%)", 			249, 177, 31
"@brand-primary": "darken(#f9b11f, 6.5%)",
"@brand-success": "#004f92",				0, 79, 146
"@brand-info": "#e7f2ec",				231,242,236
"@brand-warning": "#f0ad4e",				240,173,78
"@brand-danger": "#d9534f",				217,83,79


*/

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-v7-latin-regular.woff");
  font-weight: normal;
}
            
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-v7-latin-700.woff");
  font-weight: 700;
}

body {
	font-size: 1.4em;
        font-family: "IBM Plex Sans", "Helvetica Neue", sans-serif;
	background-color: #fff;
        background-image: url("../img/bg_dot_2.gif");
        background-repeat: repeat;
        background-attachment: fixed;
}

body * {
        color: #00527b;
}

ul {
	padding-left: 10px;
}

#mainHeader .container {
	position: relative;
}

main {
	padding-bottom: 30px;
}

label
{
    color: #00527b !important;
    font-size: 1.2em;
}

.product-link
{
    font-size: 1.0em;
    font-weight: 700;
    line-height: 32px;
    color: #00527b;
    background-color: #94cef2;
}

.label-introduction
{
    color: #00527b;
    font-size: 1.1em;
    font-weight: 400;
    background-color: #94cef2;
}

.label-explanation
{
    color: #00527b;
    font-size: 1.2em;
    font-weight: 700;
    background-color: #94cef2;
}

.label-explanation-selector
{
    color: #3c3c3c;
    font-size: 1.2em;
    font-weight: 700;
}

.label-headline
{
    color: #ffed00;
    font-size: 3.0em;
    font-weight: 700;
    background-color: #94cef2;
}

.label-headline-2
{
    color: #00527b;
    font-size: 3.0em;
    font-weight: 700;
    background-color: #94cef2;
}

.text-box
{
    background-color: #94cef2;
    margin: 10px;
}

.label-subline
{
    color: #00527b;
    font-size: 2.0em;
    font-weight: 700;
    background-color: #94cef2;
    position: relative;
    top: -10px;
}



.jumbotron {
	background-color: rgb(244,241,236); /* MSX */
	/* margin: 0; */
	/* padding: 0; */
	/*height: 500px;
	overflow: hidden;*/
}


footer {
	border-top: 2px solid rgb(246,250,251);
	padding-top: 30px;
	padding-bottom: 30px;
}

main .container ul {
	list-style: none;
        /* list-style-image: url('../img/icon_chemical_2.png'); /*
	/* padding-left: 0; */
}

main .container ul li {
	padding: 0 0 10px 22px;
	position: relative;
}

.nav-tabs.nav-justified li {
	padding-left: 0;
}

.ms-container li.ms-optgroup-container {
	position:static;
	padding-left: 0;
	margin-left: 0 !important;
}

.custom-selection-header
{
    	border-radius: 0;
	padding: 5px 10px !important;
        font-size: 1.1em;
	font-weight: 700;
        line-height: 2.2;
}

.glyphicon
{
    font-size: 1.3em;
}

/* MSX NAV TABS */

.nav-tabs{
    border-bottom: 0px !important;
}

.nav-tabs > li {
	padding: 0 !important;
        padding-left: 25px !important; /* MSX */
        margin-bottom: -4px !important; /* MSX */
        margin-right: 0px !important; /* MSX */
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: rgba(248, 177, 33, 0) !important;
	border-radius: 0;
	padding: 5px 0px !important;
	font-weight: 700;
        color: #586bf5 !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background-color: transparent !important;
        border-bottom: 5px solid #586bf5 !important;
        z-index: 999 !important;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
        color: #273aff !important;
        font-weight: 700;
        background-color: transparent !important;
        border-bottom: 5px solid #273aff !important;
        z-index: 999 !important;

}

.blue-headline-bg {
      	color:#00527b;
        background-color: #94cef2;
}

h2, .h2 {
	font-size: 2.2em;
	font-weight:bold;
	color:#004f92;
}

h3, .h3 {
	font-size: 1.6em;
	font-weight:bold;
	color:#00527b;
}


h4, .h4 {
	font-size: 1.2em;
	font-weight:bold;
	color:#00527b;
        line-height: 1.3;
}

.navbar-default {
	background-color: transparent;
	background-image: none;
	background-position: top left;
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.navbar-nav > li > a {
	line-height: 14px;
	font-size: 1.2em;
}

.nav > li > a {
	padding-left: 30px;
	padding-right: 30px;
}

.navbar-nav > li > a {
	padding-bottom: 5px;
	padding-top: 5px;
}

.navbar-default .navbar-nav > li {
	border-left: 2px solid rgb(248,177,33);
}
.navbar-default .navbar-nav > li:first-child {
	border-left: none;
}

.navbar-default .navbar-nav > li:first-child a {
	padding-left: 0;
}

.navbar-default .navbar-nav > li > a {
	font-weight: 800;
	color: rgb(0, 79, 146);
}

#sg-navbar {
	background: rgba(255,255,255,0);
	padding: 0 15px;
}

#sg-navbar ul {
	padding: 0 15px;
}

.navbar-default #sg-navbar .navbar-nav > li > a {
	padding-left: 0;
	border-left: none;
}
.navbar-default #sg-navbar .navbar-nav > li {
	border-left: none;
}
.products {
	width: 33%;
	margin: 0 auto;
        /* MSX Added */
        float: right;
}
footer {
	background: #fff;
}

footer .nav > li > a {
	padding-left: 8px;
	padding-right: 8px;
}

footer .navbar-default .navbar-nav > li {
	border-left: none;
}

.ms-selectable{

}

.icon-drop{
            background-image : url(../img/icon_chemical_2_32.png);
            background-size: cover;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            margin-bottom: -4px;
            }
            
.icon-cart{
            background-image : url(../img/i_cart.png);
            background-size: cover;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            margin-bottom: -4px;
            }
            
            
.icon-question{
            background-image : url(../img/i_question.png);
            background-size: cover;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            margin-bottom: -4px;
            }
            
.icon-request{
            background-image : url(../img/i_request.png);
            background-size: cover;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            margin-bottom: -4px;
            }
            
.icon-glove{
            background-image : url(../img/i_glove.png);
            background-size: cover;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-right: 10px;
            margin-bottom: -4px;
            }

/* MSX Minus */
div#ms-results .glyphicon-plus-sign:before {
	content: "\e083" !important;
}

/* MSX GLYPH Plus Icon */
span.mssign {
	color:rgb(43,56,255) !important;
	float:right;
}
#ms-results {
	width: 100%;
}
#ms-results .ms-list {
	height:20em;

}

/* MSX GLYPH Delete Icon */
#ms-results span.mssign {
	color:rgb(240,125,0) !important;
}
.ms-container .ms-optgroup-container {
	width: 100%;
}

.ms-container {
	width: auto;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
	color: #666;
	float: left;
	width: 100%;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
	background-attachment: scroll;
	background-size: auto 100% !important;
}

.ms-elem-selection {
	cursor: pointer;
}

.ms-elem-selection:hover,
.ms-elem-selection:focus,
.ms-elem-selection:active {
	background-image: url('../img/bg_select.svg') !important;
	background-color: transparent !important;
	background-attachment: fixed !important;
	background-size: auto 100% !important;
	background-repeat: none !important;
}

.navbar-inverse {
	background:none;
	border: none;
}

.form-control {
	width: auto;
}

.searchfield {
	background-color: rgba(255, 255, 255, 1);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-color: rgb(248,177,33) !important;
	color: rgb(30, 30, 30);
	height: auto;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 0;
	margin-top: -1px;
	padding-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0;
}

#search {
	position: absolute;
	left: 250px;
	top: 30px;
	z-index: 1015;
	width: 18em;
}

#search::-webkit-input-placeholder,
#search::-moz-placeholder,
#search:-ms-input-placeholder {
	color: rgb(30, 30, 30);
}

#search button {
	font-size: 1.25rem;
	margin-left: 1px;
	margin-top: -1px;
	padding: 3px 5px 1px 5px;
	background: rgb(248,177,33);
	min-width: 0;
	border: none;
}

.sgSelectLogo {
	margin: 30px 100px 0 0;
	height: 41px;
	width: 313px;
}

.btn-text
{
    color: #ffffff !important;
}

.btn-lg, .btn-group-lg > .btn {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.btn-primary {
	background-image: none;
	background-color: #2b38ff;
	border-radius: 24px;
	color: #ffffff;
	border: none;
}

.btn-primary span {
	color: #fff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: 76a3f4;
}

.btn-primary:hover span,
.btn-primary:active span,
.btn-primary:focus span {
	color: rgb(248,177,33);
}

#languageselector .glyphicon {
	color: rgb(248,177,33);
}

.navbar-header {
	float: none;
}

.navbar-toggle {
	/*margin-left: 15px;*/
	background-color: rgba(255,255,255,1);
}

.navbar > .container .navbar-brand {
	margin-left: 0;
}

.navbar-brand {
	height: 100px;
	padding-top: 40px;
}
.start .glyphicon-play {
	margin-left: 15px;
	color: rgb(248,177,33);
}

.btn-request {
	background-color:  rgb(248,177,33);
	color: rgb(1,84,150);
	padding: 6px 12px 6px 0px;
}
.btn-request span {
	color: rgb(1,84,150);
	font-size: 0.9em;
}

.glyphicon-play.startover {
	transform: rotate(180deg);
	color: rgb(248,177,33);
	top: 4px !important;
}


.start a.btn-primary {
	margin: 15px 0;
}

.table.table-hover tbody > tr:first-child td {
	border-color: rgb(248,177,33);
}

hr {
	border-color: rgb(248,177,33);
}

.logo-desk img {
	margin-right: 45px;
}
.navbar-static-top {
}
/* colors for breakthroug times */
.bt-time-level6 {
	color: #009A46;
}
.bt-time-level5 {
	color: #00CC00;
}
.bt-time-level4 {
	color: #92D050;
}
.bt-time-level3 {
	color: #FFFF00;
}
.bt-time-level2 {
	color: #FFCC66;
}
.bt-time-level1 {
	color: #FF9900;
}
.bt-time-level0 {
	color: #FF0000;
}
.bt-time-long {
	color: green;
}

.bt-time-medium {
	color: orange;
}

.bt-time-short {
	color: red;
}

#more-examples .img-responsive {
	outline: 1px solid rgb(248,177,33);
}

#contactformframe label.error {
	width:100%;
	color: #FF0000;
}
#contactformframe label {
	width:40%;
	float:left;
	margin-bottom: 8px;
}
.contactformformhint {
	margin-left: 12px;
}
#contactformframe input {
	width:50%;
	margin-bottom: 8px;
}
#contactformframe input.error {
	outline: solid 1px #FF0000;
}
#contactformframe .contactformsubmitfield {
	width: 40%;
}
#contactformframe select {
	width:50%;
	margin-bottom: 8px;
}
.no-suitable {
    background-color: #ff4f35;
    font-size: 1.2em;
    padding: 10px;
    border-radius: 24px;
}

.no-suitable-text {
    color: #ffffff !important;
}

input[type="radio"],
input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-left: 2px;
	margin-right: 2px;
	/*-moz-appearance: none;*/
	-moz-transform: scale(1.3);
	/* vertical-align: sub; */
}
/*
@media(min-width:767px){
	.material {
		float: right;
	}
        */
}
@media(max-width:767px){

	.material {
		display: block;
	}

        .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
		background-size: auto auto;
	}
	
}