@font-face { font-family: 'Rubik-Bold';
             src: url('../font/Rubik/Rubik-Bold.ttf')  format('truetype'); }
@font-face { font-family: 'SansProLight';
          src: url('../font/Source_Sans_Pro/SourceSansPro-Light.ttf')  format('truetype'); }

.rubik-bold {
    font-family: Rubik-Bold;
}
.sanspro-light {
    font-family: SansProLight;
}

body {
    font-family:SansProLight;
    color:black;
}

a {
    color:#F16221;
}

a:hover {
    color:white;
}

.hoverSideMenu:hover > span {
    background-color:#e1b15f;
    padding:5px;
    border-radius:5px;
    font-weight:bold;
}

#dropdownMenuButton {
    font-family:Rubik-Bold;
    color:black;
}

.form-control:focus {
    border-color: rgb(225, 177, 95) !important;
}

.tooltip-inner {
    max-width: 300px;
    font-size:12pt;
    padding: 3px 8px;
    color: black;
    text-align: center;
    background-color: #e1b15f;
    border-radius: 4px;
}

.header-bar {
    background-color: #e1b15f !important;
    padding:15px;
    line-height:30px;
}

.dropdown-menu-header {
    background-color: #e1b15f;
    border:0px;
    box-shadow:none;
    border-radius:0px;
}

.dropdown-menu-header-right {
    background-color: #e1b15f;
    border:0px;
    box-shadow:none;
    border-radius:0px;
}

.btn-sushiplus {
    background-color:#F16221;
    color:white;
    font-family: Rubik-Bold;
}
.btn-sushiplus:hover {
    background-color:#e1b15f;
    color:black;
}

.btn-xl {
    padding: .5rem 1rem;
    font-size: 1.8rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.coloredText {
    color:#e1b15f;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color:transparent;
    color: #F16221;
    text-decoration: none;
    opacity:1;
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #e1b15f;
    font-size: 50px;
    cursor: pointer;
}

.container-wide {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
  .container-wide {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-wide {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-wide {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-wide {
    max-width: 1500px;
  }
}

.SubFooter {
    background-color:#e1b15f;
    color:white;
    padding:10px;
}

.footer {
    background-color:rgba(0,0,0,1);
    color:white;
    padding-top:50px;
    padding-bottom:50px;
}

.BottomFooter {
    background-color:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
    padding:10px;
}

.footerUl > li {
    list-style-type: none;
    margin-left:-40px;
}
.footerUl > li > a {
    text-decoration: none;
    color:white;
}

.nav-tabs {
    border-bottom: 0px;
    font-family: Rubik-Bold;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #e1b15f;
    background-color: transparent;
    border-color: #e1b15f #e1b15f #e1b15f;
}

.nav > li > a {
    color: white;
    font-size:1.3rem;
}

.form-sushiplus {
    display: block;
    width: 100%;
    padding: 25px 12px;
    font-size: 16pt;
    line-height: 1.7;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    text-align:center;
}

.filialSelect {
    cursor:pointer;
    border-bottom:1px dotted #e1b15f;
    color:#e1b15f;
}
.filialSelect:hover {
    background-color:#e1b15f;
    color:white !important;
    border-bottom:1px dotted white
}

.dropdown-item:focus, .dropdown-item:hover > b {
    color: #e1b15f !important;
}

.aHeader {
    color: rgba(0,0,0,1);
    text-decoration: none !important;
}
.aHeader:hover {
    color: #F16221;
    text-decoration: none !important;
}

.nii-favorite-4 {
    color:#BABABA;
}

.nii-favorite-4:hover {
    color:rgba(225,177,95,1);
}

.nii-favorite-5 {
    color:rgba(225,177,95,1);
}










.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 2px solid #888;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark-checkbox {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark-checkbox {
  background-color: #e1b15f;
}

/* Create the checkmark-checkbox/indicator (hidden when not checked) */
.checkmark-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark-checkbox when checked */
.container-checkbox input:checked ~ .checkmark-checkbox:after {
  display: block;
}

/* Style the checkmark-checkbox/indicator */
.container-checkbox .checkmark-checkbox:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}












.container-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border: 2px solid #888;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-radio {
  background-color: #e1b15f;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-radio:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.container-checkbox .checkbox-text {
    position: relative;
    font-size: 12pt !important;
}

.container-radio .radio-text {
    position: relative;
    font-size: 12pt !important;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #F16221;
    width: 100%;
}

.fill-out-adresse {
	display: block;
}

.fill-out-adresse:nth-child(even) {
	background-color: rgba(255,255,255,0.05);
}

.fill-out-adresse:hover {
	background-color: rgba(255,255,255,0.1);
}

.not-available {
	opacity: 0.5;
}

.not-available-text {
	position: absolute;
	top: 20%;
	left: 5px;
	right: 5px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	padding: 3px;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	color: white;
}

input:disabled, input:read-only {
	background-color: rgba(255,255,255,0.2) !important;
	border-color: rgba(255,255,255,0.1) !important;
	color: white;
}

.row:before, .row:after {display: none !important; width:0px; height:0px;}