@font-face {
 font-family:'icomoon';
 src:url('../../fonts/icomoon/icomoon.eot?nt0zdh');
 src:url('../../fonts/icomoon/icomoon.eot?nt0zdh#iefix') format('embedded-opentype'),
 url('../../fonts/icomoon/icomoon.ttf?nt0zdh') format('truetype'),
 url('../../fonts/icomoon/icomoon.woff?nt0zdh') format('woff'),
 url('../../fonts/icomoon/icomoon.svg?nt0zdh#icomoon') format('svg');
 font-weight:normal;
 font-style:normal
}
[class^="b-icon"]:before,
[class*=" b-icon"]:before,
[class^="icon-"],
[class*=" icon-"] {
 font-family:'icomoon'!important;
 speak:none;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-ic_down2:before {
 content:""
}
.icon-ic_dropdown:before {
 content:""
}
.icon-ic_info2:before {
 content:""
}
.icon-ic_menu2:before {
 content:""
}
.icon-ic_tip2:before {
 content:""
}
.icon-ic_up:before {
 content:""
}
.icon-img_defaultlogo2:before {
 content:""
}
.icon-logo2:before {
 content:""
}
.icon-img_emptydonut2:before {
 content:""
}
.icon-img_emptybar2:before {
 content:""
}
.icon-img_defaultlogo3:before {
 content:""
}
.icon-ic_star_1_reversed_out2:before {
 content:""
}
.icon-ic_star_6_reversed_out2:before {
 content:""
}
.icon-ic_menu3:before {
 content:""
}
.icon-ic_chevron:before {
 content:""
}
.icon-ic_done2:before {
 content:""
}
.icon-ic_dropdown3:before {
 content:""
}
.icon-ic_question:before {
 content:""
}
.icon-ic_star2:before {
 content:""
}
.icon-ic_tip3:before {
 content:""
}
.icon-key_bar .path1:before {
 content:"";
 color:#b4d9b1
}
.icon-key_bar .path2:before {
 content:"";
 margin-left:-1em;
 color:#f98174
}
.icon-key_bar .path3:before {
 content:"";
 margin-left:-1em;
 color:#f7d3ab
}
.icon-logo3:before {
 content:""
}
.icon-ic_done:before {
 content:""
}
body {
 padding-bottom:40px;
 background-color:#fff;
 font-family:'Hind Vadodara','sans-serif'
}
label {
 font-family:"Hind Vadodara",sans-serif;
 font-size:15px;
 font-weight:normal
}
hr {
 border-width:2px 0 0;
 border-color:#d4d4d4
}
.content-container {
 margin-top:20px
}
.narrow-container {
 max-width:400px;
 margin:0 auto
}
.form-group {
 margin-bottom:20px
}
.form-control {
 height:40px;
 color:#777;
 font-weight:300;
 border-radius:2px
}
.form-control:focus,
.form-control:active,
.form-control:hover {
 -webkit-box-shadow:none;
 box-shadow:none;
 border:1px solid #cacaca;
 outline:none;
 color:#4a4a4a
}
.has-error .form-control {
 -webkit-box-shadow:none;
 box-shadow:none
}
.has-error .form-control:focus,
.has-error .form-control:hover {
 border-color:#843534;
 -webkit-box-shadow:none;
 box-shadow:none
}
.has-feedback .form-control-feedback {
 top:40px
}
.has-feedback .form-control-feedback-no-label {
 top:14px
}
h1,
h2,
h3,
h4,
h5 {
 font-family:"Hind Vadodara",sans-serif
}
a {
 color:#eb332f
}
a:hover,
a:focus,
a:active {
 color:#d32e2a;
 outline:none
}
::-ms-clear {
 display:none
}
::-ms-reveal {
 display:none
}
input[type='password'] {
 font-family:"Hind Vadodara",sans-serif
}
input[type='password'],
input[type='text'] {
 -webkit-appearance:none
}
.label-weight-normal {
 font-weight:normal;
 margin-bottom:10px;
 margin-top:10px
}
div.link-stacked {
 margin-top:10px;
 margin-bottom:10px
}
.link-stacked .btn-link,
.link-stacked .btn-link:hover,
.link-stacked .btn-link:focus,
.link-stacked .btn-link:active {
 font-size:16px
}
@media(max-width:768px) {
 div.link-stacked {
  margin-top:20px;
  margin-bottom:20px
 }
}
.main-title {
 font-family:'Hind Vadodara','sans-serif';
 font-weight:300;
 font-size:24px;
 color:#fff;
 line-height:50px;
 display:inline-block;
 float:left
}
.sub-title {
 font-family:Ubuntu;
 font-size:18px;
 font-weight:normal;
 font-style:normal;
 font-stretch:normal;
 line-height:1.22;
 color:#535353;
 margin:15px 0
}
@media(min-width:768px) {
 .sub-title {
  font-size:22px
 }
}
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus .btn.active,
.btn.active:focus button,
button:hover,
button:focus,
button:active {
 outline:none!important;
 box-shadow:none;
 -webkit-box-shadow:none;
 text-shadow:none;
 font-family:Ubuntu;
 font-size:14px;
 font-weight:500;
 font-style:normal;
 font-stretch:normal
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
 font-family:"Hind Vadodara",sans-serif;
 font-size:14px;
 font-weight:300;
 border:0;
 padding:0;
 margin:0;
 color:#266abd;
 text-decoration:none
}
.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
 border-radius:2px;
 background-color:#fff;
 border:1px solid #266abd!important;
 padding:9px 16px 10px 16px;
 width:100%;
 line-height:1.36;
 color:#266abd;
 font-weight:500
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
 border:0;
 padding:9px 16px 10px 16px;
 font-size:14px;
 font-weight:500;
 font-style:normal;
 font-stretch:normal;
 border-radius:2px;
 background-color:#266abd;
 border:1px solid #fff!important;
 line-height:1.36;
 color:#fff
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
 background-color:#d4d4d4;
 border:0
}
div.checkbox label {
 font-family:"Hind Vadodara",sans-serif;
 font-size:14px;
 font-weight:300;
 font-style:normal;
 font-stretch:normal;
 color:#333
}
div.checkbox label {
 padding-left:0
}
div.checkbox input[type=checkbox] {
 opacity:0
}
div.checkbox .checkbox-lbl::before {
 font-weight:normal;
 font-size:9px;
 color:#fff;
 content:"";
 background-color:#fff;
 border:none;
 box-shadow:none;
 display:inline-block;
 text-align:center;
 vertical-align:middle;
 height:20px;
 line-height:20px;
 min-width:20px;
 margin-top:-2px;
 margin-right:10px;
 border-radius:2px;
 border:1px solid #333
}
div.checkbox input[type=checkbox]:checked + .checkbox-lbl::before {
    display: inline-block;
    content: "";
    border: none;
    background-color: #14509c;
    content: '\eab4';
    font-family: "fontisto";
}
div.checkbox input[type=checkbox]:disabled+.checkbox-lbl::before,
div.checkbox input[type=checkbox][disabled]+.checkbox-lbl::before {
 background-color:#ddd!important;
 border-color:#ccc!important;
 box-shadow:none!important;
 color:#bbb
}
@media(max-width:768px) {
 div.checkbox {
  margin-top:0;
  margin-bottom:20px
 }
}
.control-label {
 font-family:"Hind Vadodara",sans-serif;
 font-size:14px;
 font-weight:500;
 font-style:normal;
 font-stretch:normal;
 line-height:1.29;
 color:#535353
}
.page-title {
 font-family:Ubuntu;
 font-size:24px;
 font-weight:500;
 font-style:normal;
 font-stretch:normal;
 line-height:1.33;
 text-align:center;
 color:#333;
 margin:15px 0 30px 0
}
@media(min-width:768px) {
 .page-title {
  font-size:28px;
  line-height:1.29;
  margin-bottom:30px
 }
}
.login-container {
 max-width:900px
}
.login-column {
 padding-right:40px;
 padding-bottom:20px;
 padding-left:0;
 margin-right:10px;
 margin-bottom:20px;
 border-right:1px solid #ccc
}
.login-column .btn-primary {
 width:100%
}
.getstarted-column h1 {
 font-family:Ubuntu;
 font-size:16px;
 font-weight:500;
 font-style:normal;
 font-stretch:normal;
 line-height:1.5;
 color:#4a4a4a;
 margin:0 0 15px 0
}
@media(min-width:768px) {
 .getstarted-column h1 {
  font-size:20px;
  line-height:1.3
 }
}
.getstarted-column h2 {
 font-family:"Hind Vadodara",sans-serif;
 font-size:14px;
 font-weight:300;
 font-style:normal;
 font-stretch:normal;
 line-height:1.5;
 text-align:left;
 color:#535353;
 margin:0 0 8px 0
}
#activateAccount {
 margin-top:10px
}
@media(max-width:768px) {
 .login-container {
  max-width:400px
 }
 .login-column {
  border-bottom:1px solid #ccc;
  border-right:none;
  padding-right:0;
  margin-right:0
 }
}
@media(min-width:768px) {
 .btn-default,
 .btn-default:hover,
 .btn-default:active,
 .btn-default:focus {
  width:auto
 }
 .login-column .btn-primary {
  width:auto
 }
}
.logout-container p {
 margin-bottom:20px
}
.news-container {
 border-left:2px solid #d4d4d4;
 padding-left:50px
}
@media(max-width:991px) {
 .news-container {
  border-top:2px solid #d4d4d4;
  margin-top:50px;
  border-left:0;
  padding-left:0
 }
}
div.navbar {
 background:#fff;
 border-color:#286aba;
 margin-bottom:0;
 min-height:68px;
 border-bottom-width:4px
}
.navbar-header {
 float:none;
 align-items:baseline;
 flex-direction:row;
 justify-content:space-between;
 padding-left:0;
 padding-right:0;
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 padding:7px 15px;
 width:100%
}
.navbar-default .navbar-brand {
 align-items:center;
 color:#535353;
 display:flex;
 text-decoration:none;
 font-family:"Ubuntu";
 font-size:18px;
 padding:0
}
.navbar-brand:before {
    color: #286aba;
    display: inline-block;
    font-size: 2.05rem;
    height: 22px;
    margin-right: 15px;
    position: relative;
    top: 4px;
    width: 105px
}
.navbar-default .navbar-nav li a:hover {
 background:#e03430;
 color:#fff
}
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li.active a:hover {
 background:#d32e2a;
 color:#fff
}
.navbar-default .navbar-nav .open a,
.navbar-default .navbar-nav .open a:hover,
.navbar-default .navbar-nav .open a:focus {
 background:#d32e2a;
 color:#fff
}
.navbar-default .navbar-nav li ul.dropdown-menu a {
 background:#fff;
 color:#555
}
.navbar-default .navbar-nav li ul.dropdown-menu a:hover {
 background:#f9b4b3;
 color:#555
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
 background:transparent;
 border-color:#fff
}
.navbar-default .navbar-toggle .icon-bar {
 background-color:#fff
}
.dropdown-menu {
 right:0;
 left:inherit
}
.navbar-default .nav-user-photo {
 border-radius:100%;
 border:2px solid #fff;
 width:40px;
 height:40px
}
.navbar-default .user-info {
 max-width:100px;
 display:inline-block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-align:left;
 vertical-align:top;
 position:relative;
 margin-left:5px
}
.navbar-default .user-info small {
 display:block
}
.nav-user-dropdown a.dropdown-toggle {
 padding-top:5px;
 padding-bottom:5px
}
@media(max-width:991px) {
 .navbar-nav {
  margin:0 -15px
 }
 .container .navbar-header {
  margin-left:0
 }
}
@media(max-width:768px) {
 .navbar-default .navbar-nav li a.dropdown-toggle {
  border-top:1px solid #f9b4b3
 }
 .navbar-toggle {
  display:block
 }
 .navbar-header {
  width:100%
 }
}
@media(min-width:768px) {
 .navbar-default .navbar-brand {
  font-size:24px
 }
 .navbar-default .navbar-brand:before {
  font-size:25px;
  height:30px;
  margin-right:6px;
  width:149px
 }
 div.navbar {
  border-bottom-width:3px
 }
 .navbar-header {
  padding:18px 16px 9px 15px
 }
}
.notification {
 color:#8a6d3b;
 background-color:#fcf8e3;
 padding:15px;
 border:1px solid #faebcc;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center
}
.notification .notification-link {
 color:#66512c;
 font-weight:bold
}
.partner-accounts-container {
 border-top:2px solid #d4d4d4;
 border-bottom:2px solid #d4d4d4;
 padding:20px 0 0 0;
 margin:0 0 20px 0
}
.-placeholder {
 position:absolute;
 padding-top:10px;
 padding-left:14px;
 cursor:text;
 color:#888;
 background-color:transparent;
 z-index:99999
}
.slide-animate-container {
 position:relative;
 overflow:hidden
}
.slide-animate {
 padding:10px
}
.slide-animate.ng-enter,
.slide-animate.ng-leave {
 -webkit-transition:all cubic-bezier(.25,.46,.45,.94) .5s;
 transition:all cubic-bezier(.25,.46,.45,.94) .5s;
 position:relative;
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:block;
 padding:10px
}
.slide-animate.ng-enter {
 top:-50px
}
.slide-animate.ng-enter.ng-enter-active {
 top:0
}
.slide-animate.ng-leave {
 display:none
}
.slide-animate.ng-leave.ng-leave-active {
 top:50px
}
div.restaurants {
 max-width:376px;
 padding:15px;
 margin:0 auto
}
.restaurant-list-container {
 display:inline-block;
 width:100%
}
.panel-restaurant {
 float:left;
 width:100%;
 height:66px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:10px;
 cursor:pointer;
 border:2px solid transparent;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 outline:none
}
.panel-restaurant.ng-enter {
 -webkit-animation:fadeInDown 1s;
 -moz-animation:fadeInDown 1s;
 -ms-animation:fadeInDown 1s;
 animation:fadeInDown 1s;
 opacity:0
}
.panel-restaurant.ng-enter-stagger {
 -webkit-animation-delay:.2s;
 animation-delay:.2s;
 -webkit-animation-duration:0;
 animation-duration:0
}
.panel-restaurant:hover,
.panel-restaurant:focus {
 background-color:#fff;
 border-color:#bdbdbd;
 outline:none
}
.panel-restaurant-readonly {
 width:100%;
 height:40px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:5px;
 border:0;
 outline:none
}
.panel-restaurant img {
 width:50px;
 height:50px;
 padding:2px;
 border:2px solid #ececec;
 margin:6px 15px 6px 6px
}
.panel-restaurant-readonly img {
 width:25px;
 height:25px;
 padding:2px;
 border:2px solid #ececec;
 margin:3px 8px 3px 3px
}
.panel-restaurant .rest-content {
 height:50px;
 margin:10px 0
}
.panel-restaurant-readonly .rest-content {
 height:25px;
 margin:5px 0
}
.panel-restaurant .rest-name {
 font-weight:bolder;
 font-size:16px;
 max-width:230px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.panel-restaurant-readonly .rest-name {
 font-weight:bolder;
 font-size:13px;
 max-width:230px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 padding-top:6px
}
.panel-restaurant .rest-desc {
 font-size:14px;
 max-width:230px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.panel-restaurant .restaurant-checkbox {
 float:left;
 height:50px;
 margin:5px 0;
 min-width:23px
}
.panel-restaurant .restaurant-checkbox i {
 padding-top:20px;
 margin-right:10px
}
.loader-background {
 position:absolute;
 width:100%;
 height:100%;
 -ms-opacity:.5;
 opacity:.5;
 left:0;
 top:0;
 z-index:2000;
 background-color:#fff
}
.icon-loader {
 background-image:url("../../images/JustEat/loader.svg");
 width:48px;
 height:44px;
 position:fixed;
 top:33%;
 left:calc(50% - 24px);
 z-index:2001;
 -ms-animation:rotate 2s infinite linear;
 -webkit-animation:rotate 2s infinite linear;
 animation:rotate 2s infinite linear
}
@keyframes rotate {
 from {
  transform-origin:50% 50%;
  transform:rotate(0deg)
 }
 to {
  transform-origin:50% 50%;
  transform:rotate(360deg)
 }
}
.terms-content {
 border-top:2px solid #d4d4d4;
 border-bottom:2px solid #d4d4d4;
 padding:20px 0;
 margin:20px 0
}
.terms-title {
 margin:6px 0
}
.contract-no {
 display:table-cell;
 text-align:center;
 width:50px
}
.menu-item-no {
 display:table-cell;
 width:20px
}
.menu-item-desc {
 display:table-cell
}
.contract-desc {
 display:table-cell
}
ul {
 margin-top:10px
}
