/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
}
#sidebar-wrapper {
	    min-width: 270px;
    max-width: 270px;
  min-height: 100vh;
  margin-left: -17rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}
.navbar {
	font-size:.9em;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
}
}
#page-content-wrapper {
  min-width: 100vw;
	min-height:100vh;
	display:flex;
	flex-direction:column;
}
.flex-content-height{
	flex-grow:1;
}
#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -17rem;
  }
}


.banner {
  background-color: #E6432E;
  margin: 0;
  padding: 1em;
}

#autoSelectForm > .form-group{
	margin-bottom: 0.5rem;
}
#autoSelectForm > .button-group{
	margin-bottom: 0.5rem;
}
#autoSelectForm > ul > li{
	padding: 0;
    background-color: transparent;
    border: none;
	color:#212529;
}

#searchform > .form-group{
	margin-bottom: 0.5rem;
}
#searchform > .button-group{
	margin-bottom: 0.5rem;
}
#searchform > ul > li{
	padding: 0;
    background-color: transparent;
    border: none;
	color:#212529;
}

/* edit for options search align switch */
.form-control-sm {
    line-height: 1.1;
}
.border-m{
	border-width:2px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  float:left;
    /*margin-top: 0.25rem;*/
    margin-right: 0.25rem;
}
/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.btn-primary { background-color: #222222;border-color: #444444; }
.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #444444;
	border-color: #222222;
}
.bg-eura-red { background-color: #005AAA; }
.bg-eura-orange{ background-color: #fcf8e3; }
.bg-eura-dark { background-color: #222222; }
.bg-eura-light { background-color: #B2B2B2; }
.bg-eura-white { background-color: #FFF; }
.text-white {color:#FFF;}
.border-grey { broder-color:#CCC;}
a {
	color:#005AAA; 
}
a:hover {
    color: #005AAA;
}
#FSModal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      max-width: none;
    }

#FSModal .modal-content {
      height: auto;
      min-height: 100%;
      border-radius: 0;
      border: none;
    }
  
.greenstock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 width: 100%;
	max-width:180px;
	overflow:hidden;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
	overflow-wrap: break-word; 
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #53B13F;
	color: #FFF;
}
.orangestock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 width: 100%;
	max-width:180px;
	overflow:hidden;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
	overflow-wrap: break-word; 
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #FF8800;
	color: #FFF;
}
.redstock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 width: 100%;
	max-width:180px;
	overflow:hidden;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
	overflow-wrap: break-word; 
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #E6432E;
	color: #FFF;
}
.hidestock {
	position:relative;
	top:-1px;
	  display: none;
  	 width: 100%;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
	overflow-wrap: break-word; 
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #E6432E;
	color: #FFF;
}
.btn-outline-light {
    color: #CCC;
    border-color: #CCC;
}
.btn-square {
    margin-right:0.25rem;
	width:40px;
	height:40px;
	padding:0px;
}

.vertical-text{
writing-mode: vertical-lr;
	
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg); 
 -moz-transform: rotate(180deg); 
 -o-transform: rotate(180deg); 
 -ms-transform: rotate(180deg);
margin-top: 10px;
	margin-left: 10px;

 white-space: nowrap;
        }
.modal {
  /*z-index: 1050;*/
}
.nav-pills .nav-link {
    color: #FFF;
	background-color: rgb(204, 204, 204);
}
.spinner-border {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 50%;
  right: 50%; /* or: left: 50%; */
  margin-top: -..px; /* have of the elements height */
  margin-right: -..px; /* have of the elements widht */
}

@media(min-width: 768px){
  .col-1-5{
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.card-header {
    padding: .2rem;
}
.bg-info {
    background-color: #cce5ff!important;
}
.product-main{
	min-width:150px;
}
.list-height-tyre{
	max-height:80px;
}
.absolute-flags{
	position:absolute;
	background-color:rgba(255, 255, 255, 0.9);
	width:100%;
	top:0;
	height:50%;
}
.font-sm{
	font-size:0.9em;
}
.card-body{
	width:100%;
}/*
.sticky-top { top: 1em; }*/

.height-200{
	max-height:200px;
}
.height-100{
	max-height:100px;
}
.height-170{
	max-height:170px;
}
#products{
	font-size:0.9em;
}
#products h5{
	font-size:1.1em;
}
.card-header-blank {
    background-color: #FFF;
    border-bottom: none;
}
.card-header-promo {
	color: #8a6d3b;
	background-color:#fcf8e3;
	border-color: #fcf8e3;
	border-bottom: none;
}
.card-header-red {
	color: #E6432E;
	background-color:#fff;
	border-color: #fff;
	border-bottom: none;
	font-weight:400;
}


#myOptionsButton {
	z-index:1039;
  position: fixed;
  bottom: 50px;
	text-align:center;
	width:100%;
}
.dropdown-menu {
    z-index: 9900;
}

/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 .retract-fix {
    top: 0px;
  }
/*
@media (min-width: 576px) {
  .retract-fix {
    top: -315px;
  }
}
@media (min-width: 768px) {
  .retract-fix {
    top: -5px;
  }
}
@media (min-width: 992px) {
  .retract-fix {
    top: -40px;
  }
}
.side-fix {
    top: 135px;
	z-index: 1019;
  }
@media (min-width: 576px) {
  .side-fix {
    top: 90px;
  }
}
@media (min-width: 768px) {
  .side-fix {
    top: 125px;
  }
}
@media (min-width: 992px) {
  .side-fix {
    top: 65px;
  }
}
*/
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.norauto{
	color:#044BF8;
}
.feuvert{
	color: #10AA02;
}
.autobacs{
	color: #FF9200;
}
.autoleclerc{
	color:#044BF8;
}
.cartercash{
	color:#c42128;
}
.btn-success {
    color: #3c763d;
    background-color: #d4edda;
    border-color: #5cb85c;
}
.bg-success {
    color: #3c763d;
    background-color: #d4edda!important;
    border-color: #5cb85c;
}
.btn-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #5bc0de;
}
.bg-info {
    color: #31708f;
    background-color: #d9edf7!important;
    border-color: #5bc0de;
}
.bg-flow{
	background-color: #005eac;
	border-color: #005eac;
}
@media (max-width: 576px) {  
  h1 {font-size:1.2rem;} /*1rem = 16px*/
	h5 {font-size:0.8rem;} /*1rem = 16px*/
}
/* Small devices */
@media (min-width: 576px) {  
  h1 {font-size:1.5rem;} /*1rem = 16px*/
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1 {font-size:2rem;} /*1rem = 16px*/
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h1 {font-size:2.5rem;} /*1rem = 16px*/
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h1 {font-size:3rem;} /*1rem = 16px*/    
}
.btn-outline-dark {
    color: #FFFFFF;
    border-color: #FFFFFF;
}
.modal-dialog-centered {
     /*width: calc(100% - 2rem);*/
}
.bg-tertiary{
	background-color: #A8ABAE;
}
.border-tertiary{
	border-color: #A8ABAE;
}
/* Blocks Mobile Screen Size buttons
   .btn-xs-block
   .btn-sm-block
   .btn-md-block
   .btn-lg-block
*/

@media (max-width: 767px) {
    .btn-xs-block {
        /*display: flex;*/
        width: 100%;
    }
    /*
        Extra config:
        .btn-xs-block .btn {
            flex-grow: 1;
        }
    */
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block+.btn-xs-block,
    .btn-xs-block+.btn-block,
    .btn-xs-block+.btn-xs-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        /*display: flex;*/
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block+.btn-sm-block,
    .btn-sm-block+.btn-block,
    .btn-sm-block+.btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        /*display: flex;*/
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block+.btn-md-block,
    .btn-md-block+.btn-block,
    .btn-md-block+.btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        /*display: flex;*/
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block+.btn-lg-block,
    .btn-lg-block+.btn-block,
    .btn-lg-block+.btn-lg-block {
        margin-top: 0.5rem;
    }
}