body {
  background-color: #e9f2fb;
  color: #6f6f7a;
  margin: 0 auto;
}

body > .container {
  background-color: #fff;
}
.links {
  color: #5BCAF4;
  text-decoration: none;
}
.links:hover {
  color: #5BCAF4;
  text-decoration: none;
}
/***** buttons Level 1, 2, 3 *****/
/***level1 button*/
/*send email btn*/
.sendEmailBtn {
  background-color: #5BCAF4;
  border-radius: 3px;
  color: #fff;
  width: 274px;
}

/*Main button*/
.mainBtn {
  background-color: #5BCAF4;
  border: none;
  border-radius: 3px;
  color: #fff;
  outline: none;
  padding: 6px 31px 7px 31px;
}

.mainBtn:hover {
  background-color: #00b4f1;
  color: #fff;
}

.mainBtn:active,
.mainBtn:focus {
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}
/*adding margin from top*/
.add-to-cart {
  margin-top: 65px;
}

/*---------------- MARKO -------------------------*/
select.custom-dropdown
{
	padding-left: 3%;
    width: 97%;
}

#blockInput {
	background-color: #FFF;
    opacity: 0.7;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 99998;
	background-image: url(../Images/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.create-dataset-header {
	padding-bottom: 0px !important;
}

.search-options.dataset-fix .col-md-2
{
	padding-left: 0px;
    width: 120px !important;
}

.search-options.dataset-fix
{
	margin-bottom: 0px !important;
}

.lightblue {
	color: #00b4f1;
}

.link.lightblue:hover
{
	color: #337ab7;	
}

.link:hover
{
	text-decoration: none;
}

.darkgray {
	color: darkgray;
}

.bold {
	font-weight: bold;
}

.small{
	font-size: 10px;
}

.tool.small {
	position:absolute;
	top: 0px;
	bottom: 0px;
	width:13px;
}

.tool.remove {
	background-image: url(../Images/tool-remove.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.tool.remove:hover {
	background-image: url(../Images/tool-remove-hover.png);	
}

.align-parent-right {	
	right: 0px;
}

.search-option-disabled {
	width: 110px;
	cursor: default;
}

.data-field-container {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 8px solid transparent; /* to make spacer without messing up with padding, because tool icon spans top-bottom */
}

.data-field-container > .tool {
	position: absolute;
	top: 0;
	bottom: 0;	
	right: 0;
	width: 22px;
	margin-right: -25px;
	cursor: pointer;
}

.data-field
{
	background-color: #f3f3f4;
	border: none;
	color: #0E0E0E;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 7px;
	padding-bottom: 7px;
	resize: none;
	width: 100%;
	border: 1px solid #f3f3f4;
	box-sizing: border-box !important;
}

.data-field:focus
{
	background-color: #f3f3f4 !important;
	border: 1px solid #5EC9F4;
}

.data-field.inline{
    display: inline-block;
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
}

.inline-max-width {
	width: 100% !important;
	margin-right: 0px;
	float: left;
	display: inline-block;
	margin-bottom: 1%;

}

.inline-half-width {
	width: 49% !important;
	margin-right: 0px;
	float: left;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 1%;
}

.inline-half-width:last-child {
	width: 50% !important;
	margin-right: 0px;
}

.data-field-group
{
	overflow: hidden;	
}
.data-field-group .data-field.inline:nth-of-type(2n+2) {
	width: 50%;    
    margin-right: 0px;	
}

.data-field-group .data-field.inline:nth-of-type(2n+1) {		
	clear:left;
}

.icon-dataset-blue {
	background-image: url(../Images/dataset-icon-blue.png) !important;
	background-position: 50% 0;
}

.icon-plane-blue {
	background-image: url(../Images/change-address-icon.png) !important;
	background-position: 50% 0;
}

.icon-smileface-blue {
	background-image: url(../Images/smileface.png) !important;
	background-position: 50% 0;
	background-size: contain;
}

.icon-star-dark {
	background-image: url(../Images/star-dark-gray.png) !important;
}
.icon-star-light {
	background-image: url(../Images/star-light-gray.png) !important;
}

/*Sve akcije u tabelama moraju da budu alajnovane na desno*/
td.actions {
	text-align: right;
}
/*
.data-autocomplete::-webkit-calendar-picker-indicator {
  display:none;
}*/

.modal-background { 
	position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

/*popup buttons*/
.popupBtn {
  background-color: #5BCAF4;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 15px;
  padding: 6px 31px 7px 31px;
  width: 100%;
}

.popupBtn:hover {
  background-color: #00b4f1;
  color: #fff;
}

.popupBtn:active,
.popupBtn:focus {
  box-shadow: none;
  color: #fff;
}

.popupBtnCancel {
  background-color: #C5C7C9;
  border-radius: 3px;
  color: #fff;
  padding: 6px 31px 7px 31px;
  width: 100%;
}

.popupBtnCancel:hover {
  background-color: #939598;
  color: #fff;
}

.popupBtnCancel:active,
.popupBtnCancel:focus {
  box-shadow: none;
  color: #fff;
}

.check-outBtn {
  background-color: #5BCAF4;
  border-radius: 3px;
  color: #fff;
  margin-left: 4%;
  padding: 5px 48px 7px 47px;
}

.check-outBtn:hover {
  background-color: #00b4f1;
  border-radius: 3px;
  color: #fff;
  margin-left: 4%;
  padding: 5px 48px 7px 47px;
}

.check-outBtn:active,
.check-outBtn:focus {
  background-color: #00b4f1;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  margin-left: 4%;
  outline: none;
  padding: 5px 48px 7px 47px;
}

/*secondary button*/
.secondaryBtn {
  background-color: #C5C7C9;
  border-radius: 3px;
  color: #fff;
  padding: 5px 25px 7px 25px;
}

.secondaryBtn:hover {
  background-color: #939598;
  color: #fff;
}

.continueShoppingBtn {
  background-color: #C5C7C9;
  border-radius: 3px;
  color: #fff;
  float: right;
  padding: 5px 19px 7px 19px;
}

.continueShoppingBtn:hover {
  background-color: #939598;
  border-radius: 3px;
  color: #fff;
  float: right;
  padding: 5px 19px 7px 19px;
}

.continueShoppingBtn:active,
.continueShoppingBtn:focus {
  background-color: #939598;
  border-radius: 3px;
  color: #fff;
  float: right;
  outline: none;
  padding: 5px 19px 7px 19px;
}
.skipBtn {
  background-color: #C5C7C9;
  border-radius: 3px;
  color: #fff;
  padding: 5px 65px 7px 65px;
}
.skipBtn:hover {
  background-color: #939598;
  color: #fff;
}
.changeBtn {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  font-size: 12px;
  width: 111px;
}

.changeBtn:active,
.changeBtn:focus,
.changeBtn:hover {
  background-color: #939598;
  box-shadow: none;
  outline: none;
}

.changeBtn:active,
.changeBtn:focus {
  box-shadow: none;
  outline: none;
}
/**** Level3Btn*/
.btnLevel3 {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  font-size: 12px;
  padding: 4px 12px 6px 12px;
}

.btnLevel3:hover {
  color: #58595B;
}

.btnLevel3:active {
  box-shadow: none;
}
.upload-logo {
  padding: 4px 15px 6px 15px;
}

/****Add user button*/
.addUserBtn {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  font-size: 12px;
  padding: 4px 19px 6px 20px;
}

.addUserBtn:hover {
  color: #58595B;
}

.addUserBtn:active {
  box-shadow: none;
  color: #58595B;
}

.addUserBtn span {
  background-image: url(../Images/add-user-plus.png);
  background-position: 0 0;
  display: inline-block;
  height: 15px;
  left: -12px;
  position: relative;
  top: 4px;
  width: 15px;
}

.addUserBtn:hover span {
  background-position: 0 -15px;
}


.editProfileBtn {
  margin-bottom: 19px;
  padding-left: 20px;
  padding-right: 19px;
}

/************* Text buttons ******************/
.textBtn {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  font-size: 12px;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
}

.textBtn:hover {
  color: #58595B;
  text-decoration: none;
}

.textBtn:active {
  box-shadow: none;
  color: #58595B;
  text-decoration: none;
}
.textBtn:focus {
  border: none;
  outline: none;
  text-decoration: none;
}
/********** Not available ***********/
.not-available {
  background-color: transparent;
  color: #BBBDBF;
  font-size: 12px;
  padding: 4px 19px 6px 20px;
}

input:focus, input[type]:focus {
/*    background-color: #fff;
*/    border: none;
    box-shadow: none;
    /*outline: 1px solid #41AD49;*/
}

/*Webkit autofill
    ------------------------------------*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff;
    background-image: none;
    color: #333333;
    
}

/*Custom check box - tick box Popups
---------------------------------------*/

.checkbox-updates {
  padding-left: 5px;
}

.checkbox-label {
  padding-left: 20px;
  text-align: left;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}

/*signup-checkbox*/
#signup-checkbox {
  display: none;
}

#signup-checkbox + label:last-child {
  margin-bottom: 0;
}

/*login-checkbox*/
#login-checkbox {
  display: none;
}

#login-checkbox + label:last-child {
  margin-bottom: 0;
}

/*Custom browse button 
---------------------------------------*/
.custom-file-upload {
  height: 100px;
  opacity: 0.01;
  position: absolute;
  top: 1px;
  width: 149px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-upload::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input:focus:before {
  opacity: 0.01;
}
.custom-file-upload:focus:before {
  opacity: 0.01;
}

label.uploadphoto {
  color: #929497;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 28%;
  position: absolute;
  top: 10px;
  z-index: 2;
}
label.uploadphoto:hover {
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 28%;
  position: absolute;
  top: 10px;
  z-index: 2;
}
label.uploadphoto:focus {
  display: inline-block;
  left: 28%;
  position: absolute;
  top: 10px;
}
label.uploadphotos {
  color: #929497;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 25%;
  position: absolute;
  top: 67px;
  z-index: 2;
}
.custom-file-upload:hover label {
  color: #000;
  /*label.uploadphotos:hover {*/
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 28%;
  position: absolute;
  top: 38px;
  z-index: 2;
}
.custom-file-upload:focus label {
  /*label.uploadphotos:focus {*/
  display: inline-block;
  left: 28%;
  position: absolute;
  top: 38px;
}
label.uploadphoto-barcode {
  color: #929497;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 65%;
  position: absolute;
  top: 45px;
  z-index: 2;
}
label.uploadphoto-barcode:hover {
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  left: 65%;
  position: absolute;
  top: 45px;
  z-index: 2;
}
label.uploadphoto-barcode:focus {
  display: inline-block;
  left: 65%;
  position: absolute;
  top: 45px;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  border-radius: 3px;
  content: 'Change image';
  cursor: pointer;
  display: inline-block;
  opacity: 0.01;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
}
.custom-file-input:focus:before {
  opacity: 0.01;
}
.change-image-button label {
  display: inline-block;
  left: 14%;
  position: absolute;
  top: 10px;
}
.change-image-button:hover label {
  color: #000;
  display: inline-block;
  left: 14%;
  position: absolute;
  top: 10px;
}
.change-image-button:focus label {
  display: inline-block;
  left: 14%;
  position: absolute;
  top: 10px;
}

/*Log input page
    -------------------------------------------------------------------*/

.main-login-title-container {
  text-align: center;
}

.main-login-title {
    color: #58595B;
    display: inline-block;
    font-size: 28px;
    padding-bottom: 0;
    padding-left: 15px;
}

.main-login-title-subtitle {
  display: block;
  margin-bottom: 5px;
}

.mainlogin-field {
  overflow: hidden;
}

.mainlogin-field input[type="text"],
.mainlogin-field input[type="password"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main-login--button {
  width: 100%;
}

/*Login pic*/

 .profile-login-avatar {
      padding: 15px 8px;
      text-align: center;
  }

  .profile-login-pic {
      width: 65px;
}

/*Overriding bootstrap box-shadow on fields
----------------------------------------------------*/
.form-control {
  box-shadow: none;
}

/******* My cart counter **********/
.counter {
  background-color: #EA2043;
  border-radius: 10px;
  color: #fff;
  font-size: 83%;
  height: 16px;
  left: 6px;
  padding: 3px 0;
  position: relative;
  top: 0;
  width: 16px;
}

/************ My wallet new reward label ****************/
span.new-reward-label {
  background-color: #EA2043;
  border-radius: 4px;
  color: #fff;
  font-size: 65%;
  height: 16px;
  left: 6px;
  padding: 1px 4px;
  position: relative;
  top: 0;
  width: 18px;
}


/**** tooltips *******/
.wrapper {
  position: relative;
  text-align: left;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.wrapper .tooltip {
  background: #58595B;
  bottom: 100%;
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  color: #fff;
  display: block;
  left: -55px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 7px 5px 0 5px;
  pointer-events: none;
  position: absolute;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 141px;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS Triangles */
.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #58595B 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tooltip img {
  float: left;
  margin-right: 5px;
}

.tooltip p {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
}

.tooltip p span {
  font-size: 12px;
  /*text-align: left;*/
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}

.panel {
  box-shadow: none;
}

.container {
  background-color: #fff;
  /*width: 840px;*/
}

#header-acount-details > ul > li > a {
  color: #fff;
  /*padding-top: 12px;*/
  font-size: 14px;
}

#header-acount-details > ul > li:first-child > a > span {
  color: #61CBF2;
}

div.wrapper-admin > .container-fluid > nav.navbar-inverse.navbar-static-top {
    background-color: #4c4d4f;
    height: 54px;
}

div.wrapper-admin-new > nav.navbar-inverse.navbar-static-top {
  background-color: #4c4d4f;
}

div.admin-navbar {
  background-color: #4c4d4f;
}

.shopping-cart {
  padding: 10px 10px 0 10px !important;
}

.shopping-cart img {
  background-color: transparent;
  border-radius: 4px;
  margin: 0;
  padding: 6px;
}

.shopping-cart:hover img {
  background-color: #808080;
  border-radius: 4px;
  margin: 0;
  padding: 6px;
}

.document-icon {
  padding: 10px 14px 0 14px !important;
}

.document-icon img {
  background-color: transparent;
  border-radius: 4px;
  margin: 0;
  padding: 6px;
}

.document-icon img:hover {
  background-color: #808080;
  border-radius: 4px;
  margin: 0;
  padding: 6px;
}

div#header-acount-details span.counter {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 17px;
  left: 40px;
  padding: 3px 0;
  position: absolute;
  top: 8px;
  width: 17px;
}

li.dropdown.open > a {
  background-color: transparent !important;
}

li.dropdown.open > ul.dropdown-menu {
  left: -60px;
  top: 129%;
  width: inherit;
}

li.dropdown > a {
  font-weight: normal;
  margin: 9px 0;
  padding: 0 10px 5px 7px;
}
.user-pic-small img {
  height: 19px;
  width: 19px;
}

li.dropdown > a.dropdown-toggle:hover {
  background-color: #808080;
  border-radius: 4px;
  font-weight: normal;
  margin: 5px 0;
  padding: 4px 10px 6px 7px;
}
li.dropdown > a.dropdown-toggle:focus {
  background-color: #808080 !important;
  border-radius: 4px;
  font-weight: normal;
  margin: 5px 0;
  padding: 4px 10px 6px 7px;
}
li.dropdown > a.dropdown-toggle:active {
  background-color: #808080 !important;
  border-radius: 4px;
  font-weight: normal;
  margin: 5px 0;
  padding: 4px 10px 6px 7px;
}

strong.admin-name {
  border: medium none;
  font-weight: normal;
  margin-bottom: 0;
  padding: 0 0 0 8px;
  vertical-align: middle;
}

strong.admin-name:hover {
  border: medium none;
  font-weight: normal;
  margin-bottom: 0;
  padding: 0 0 0 8px;
  vertical-align: middle;
}

strong.admin-name:focus {
  background-color: transparent;
}

.user-pic-small {
  border-radius: 4px;
  display: inline-block;
  position: relative;
  top: 4px;
  vertical-align: initial;
}

li.dropdown > a > span.dropdownarrow {
  background-image: url(../Images/admin-dropdown-arrow-white.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 12px;
}

span.selectcity-dropdownarrow {
  background-image: url(../Images/dropdown-arrow.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 4px;
  width: 12px;
}

div#header-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
}

div#header-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.active > a {
  background-color: #c7c8ca;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: #c7c8ca;
  text-decoration: none;
} 

div#header-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.divider {
  margin: 9px 13px 9px 8px;
}

/*reward partner admin Navbar*/
.wrapper-admin {
  /*height: 45px;*/
}
div.wrapper-admin > .container-fluid > nav.navbar-inverse.navbar-static-top {
    background-color: #4c4d4f;
    height: 54px;
}

div.admin-navbar {
  background-color: #4c4d4f;
}

#header-reward-partner-acount-details > ul > li > a {
  color: #fff;
  padding-top: 12px;
}


div#header-reward-partner-acount-details span.counter {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 15px;
  left: 26px;
  padding: 2px 0;
  position: absolute;
  top: 11px;
  width: 15px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown.open > a {
  background-color: transparent;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu {
  left: -38px;
  top: 129%;
  width: 171px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a {
  font-weight: normal;
  margin: 9px 0;
  padding: 0 10px 5px 7px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a:hover {
  background-color: #808080;
  border-radius: 4px;
  font-weight: normal;
  margin: 9px 0;
  padding: 0 10px 5px 7px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a > strong {
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0 0 0 3px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a > strong:hover {
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0 0 0 3px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a > strong:focus {
  background-color: transparent;
}

.default-user-pic-small {
  background-image: url(../Images/default-admin-user-pic.png);
  background-position: 0 0;
  border-radius: 4px;
  display: inline-block;
  height: 19px;
  position: relative;
  top: 5px;
  width: 19px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > a > span:nth-of-type(2) {
  background-image: url(../Images/admin-dropdown-arrow-white.png);
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 12px;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.active > a {
  background-color: #C5C7C9;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.active > a:hover {
  background-color: #F1F1F2;
}

div#header-reward-partner-acount-details > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.divider {
  margin: 9px 13px 9px 8px;
}

/* menu navigation*/
.wrapper-menu {
  height: 100px;
  margin-bottom: 20px;
}

.navbar .nav > li > a {
  color: #58595B;
  font-size: 14px;
  margin: 17px 0;
  padding: 6px 20px 5px 20px;
}
.navbar .nav > li:last-child > a {
  padding: 6px 5px;
}
.navbar .nav > li:last-child > a:hover {
  padding: 6px 5px;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  background-color: #61CBF2;
  border-radius: 4px;
  color: #fff;
  margin: 17px 0;
  padding: 6px 20px 5px 20px;
}

.navbar .navbar-inner {
  padding: 0;
}

.navbar .nav {
  display: table;
  margin: 0;
  width: 100%;
}

.navbar {
  background-color: #FFF;
}

.registration .navbar-brand {
  padding: 14px 22px;
}

.registration .navbar-brand img {
  margin-left: 100px;
}


input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
  /*box-sizing: initial;*/
  box-sizing: border-box;
}

.container-inner {
  margin: 0 auto;
  width: 662px;
}

.navbar-login {
  padding: 10px;
  padding-bottom: 0;
  width: 305px;
}

.navbar-login-session {
  padding: 10px;
  padding-bottom: 0;
  padding-top: 0;
}

.icon-size {
  font-size: 87px;
}

hr {
  margin: 20px auto;
  width: 90%;
}

#signin hr {
  margin: 10px auto;
  width: 90%;
}

.checkbox-updates label {
  font-size: 12px;
  font-weight: normal;
}

.sign-up-buttons {
  margin-bottom: 0;
}

.float-none {
  float:none;
  margin:0 auto;
}

.float-none h2 {
  font-size: 28pt;
  line-height: 30pt;
  margin: 21px 0;
}

.float-none > .row > p {
  padding-top: 13px;
}

.navbar-right {
  margin-right: 12px;
}

.navbar-inner {
  min-height: 100px
}

.navbar .brand {
  padding: 14px 22px;
}
/*
a#council {
  padding-left: 60px;
}*/

nav.nav-sidebar {
  padding-left: 35px;
  width: 230px;
}

nav.nav-sidebar > div.brand {
  font-size: 15px !important;
  font-weight: bold; 
  padding-left: 0px !important;
  padding-bottom: 10px !important;
}

nav.nav-sidebar > ul.nav > li {
  /*height: 28px;*/
  margin-bottom: 0;
  width: 160px;
}

/*	MARKO: Ovo sam dodao zato sto .row klasa iz bootstrap-a dodaje margin-right koji siri red za 15 piksela na desno izvan okvira viewport-a, sto pravi scrollbar
	u dnu ekrana...
*/
div.row {
	margin-right: 0px !important;
}
#selectcity {
  background-color: #fff;
  padding: 0 10px 0 0;
}

#selectcity > ul.nav.nav-list > li > a {
  padding: 9px 6px 7px 10px;
}

nav.nav-sidebar > ul.nav > li > a,
nav.nav-sidebar > ul.nav ul.nav > li > a  {
	color: #929497;
	font-size: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: -10px;
	padding-left: 10px;
}

#selectcity > ul.nav.nav-list > li > a {
  color: #929497;
  font-size: 12px; 
  padding: 4px 6px 4px 11px;
  width: 155px !important;
}

nav.nav-sidebar > ul.nav> li > a:hover,
nav.nav-sidebar > ul.nav ul.nav > li > a:hover {
  background-color: #fff;
  border-radius: 4px;
  color: #58595B;
}
nav.nav-sidebar > ul.nav > li > a.active,
nav.nav-sidebar > ul.nav ul.nav > li > a.active {
  background-color: #fff;
  border-radius: 4px;
  color: #58595B;
}

nav.nav-sidebar > ul.nav > li+li > a:focus,
nav.nav-sidebar > ul.nav ul.nav > li+li > a:focus {
  background-color: transparent;
}

nav.nav-sidebar > ul.nav h3 {
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	margin-top: 10px;
	margin-bottom: 10px;
}

nav.nav-sidebar > ul.nav li {
	margin-top: 1px;
	margin-bottom: 1px;
}

nav.nav-sidebar > ul.nav,
nav.nav-sidebar > ul.nav ul.nav {
	font-size: 12px;
	font-weight: normal;	
}

#selectcity > ul.nav.nav-list > li > a:hover {
  background-color: #fff;
  border-radius: 4px;
  color: #58595B;
}
#selectcity > ul.nav.nav-list > li.active a {
  background-color: #fff;
  border-radius: 4px;
  color: #58595B;
}

#selectcity > ul.nav.nav-list > li+li > a:focus {
  background-color: transparent;
  outline: none;
  text-decoration: none;
}

.navbar .btn-navbar {
  margin-top:15px;
}
/*
.brand img {
  margin-top: 16px;
}*/

@media (max-width:768px) {/*
  .brand img {
    margin-bottom: 5px
  }*/
  .navbar .nav > li > a {
    padding: 10px 20px;
  }
}

/**** my profile ****/
.myProfile {
  width: 47.2%;
}
.panel-info {
  border: none;
}

.panel-info>.panel-heading {
  background-color: #fff;
  border-bottom: none;
}

.panel-title {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding-bottom: 23px;
  /*padding-left: 15px;*/
}

.my-profile-title {
    padding-left: 0;
    /*padding-left: 15px;*/
}

.panel-heading {
  padding: 22px 0 0 18px;
}

.panel-heading > .row {
    margin-right: 0;
}
/**** position of update my profile icon*/
.panel-heading a.edit-profile {
  display: inline-block;
  float: right;
  position: relative;
  top: -11px;
}

.panel-heading a.edit-profile > img {
  display: block;
  margin-right: 5px;
  margin-top: 9px;
  padding: 8px;
}
.panel-heading a.edit-profile > img:hover {
  background-color: #F1F1F2;
  border-radius: 4px;
  padding: 8px;
}
.popover {
	font-size: 11px;
	background-color: #333333;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff;
	font-family: inherit;	
	line-height: 1.2;
	border-radius: 4px;
	text-align: center;
}
.panel-heading a.edit-profile:hover .popover {
	display: block;
}
.panel-heading a.edit-profile .popover {
	top: -10px;
	left: -25px;	
}
.popover > .arrow {
    border-width: 5px;
}
.popover.top > .arrow {    
    border-top-color: #333333;   
    bottom: -5px;	
	margin-left: -5px;
}
.popover.top > .arrow::after {
    border-top-color: #333333;
}
.popover-content {
    padding: 5px 5px;
}



.panel-heading p {
  border-bottom: 1px solid #D0D2D3;
  color: #58595B;
  font-size: 17px;
  margin-bottom: 19px;
  padding-bottom: 10px;
  /*clear: both;*/
}

.panel-body {
  padding: 0 0 0 18px;
}

.panel-body > div.row > div:nth-of-type(3) > a.addUserBtn {
  margin: 14px 0 0 0;
}

div.mycart > div:nth-of-type(1) {
  margin-right: 20px;
  padding-left: 12px;
}

div.user-profile-info {
  margin-left: 20px;
  margin-right: 20px;
}

.profile-user-pic {
  border: 1px solid #C5C7C9;
  border-radius: 4px;
  height: 98px;
  margin-bottom: 16px;
  width: 98px;
}
span.photoicon {
  background-image: url(../Images/update-profile-pic-photoicon.png);
  height: 17px;
  left: 85px;
  position: absolute;
  top: 76px;
  width: 21px;
}

.image-size-description {
  padding-left: 0;
  padding-right: 20px;
}

div.user-profile-info p:first-child {
  color: #58595B;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}
div.user-profile-info p {
  color: #929497;
  font-size: 12px;
  margin-bottom: 5px;
}

li.user-gender {
  display: inline-block;
  font-size: 12px;
  padding-left: 0;
}

li.user-info-mobile {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 1px;
}

/***** user info icons*/
span.user-info-mobile {
  display: inline-block;
  position: relative;
  width: 16px;
}

span.birthday {
  background-image: url(../Images/user-info-sprite.png);
  background-position: -1px 0;
  display: inline-block;
  height: 13px;
  left: 0;
  margin-right: 3px;
  position: relative;
  width: 16px;
}


p.user-birthday {
  display: block;
  margin-bottom: 1px;
  padding-left: 0;
}

span.gender {
  background-image: url(../Images/user-info-sprite.png);
  background-position: 0 -14px;
  display: inline-block;
  height: 16px;
  left: 0;
  margin-right: 3px;
  position: relative;
  width: 16px;
}

.mobile {
  background-image: url(../Images/user-info-sprite.png);
  background-position: 0 -32px;
  display: inline-block;
  height: 16px;
  margin-left: 15px;
  margin-right: 3px;
  position: relative;
  width: 16px;
}

.additional-users {
  background-image: url(../Images/user-info-sprite.png);
  background-position: 0 -50px;
  height: 10px;
  margin-right: 3px;
}

.email-address div:nth-of-type(1),
.update-profile-mobile div:nth-of-type(1),
.old-password > div:nth-of-type(1),
.new-password > div:nth-of-type(1),
.confirm-password > div:nth-of-type(1) {
  padding-left: 7px;
  width: 38.666667%;
}
.supplier .password-change .confirm-password {
  border: none!important;
}
.add-user-container {
  text-align: center;
}
.add-another-user {
  background: #5BCAF4;
  border-radius: 50%;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
  width: 90px;

  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.add-another-user img {
  display: block;
  left: 35%;
  position: relative;
  top: 15%;
}
.add-another-user a {
  color: #FFF;
  display: block;
  font-size: 14px;
  padding: 18px 15px;
  text-align: center;
  text-decoration: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: none;
  font-size: 12px;
  line-height: 120%;
  padding: 0;
  vertical-align: top;
}

a.btn.span3.skip {
  color: #BBBDBF;
  margin-top: 85%;
  width: 119px;
}

body > div:nth-of-type(3) > div.panel-info > div:nth-of-type(2) > div.row > div:nth-of-type(3) > a > img {
  left: -15px;
  position: relative;
}

body > div:nth-of-type(4) {
  padding-left: 0;
}

.well {
  background-color: #fff;
  border: none;
  margin-bottom: 20px;
  min-height: 20px;
  padding-bottom: 21px;
  padding-left: 11px;
  padding-right: 0;
  padding-top: 11px;
  width: 80%;
}

.well > ul > li:nth-of-type(1) p:first-child {
  color: #5BCAF4;
  font-size: 1.05em;
  margin-bottom: 11px;
}

.well > ul > li:nth-of-type(2) p:first-child {
  color: #5BCAF4;
  font-size: 28px;
  margin-bottom: 14px;
}

.well > ul > li:nth-of-type(3) > p:nth-of-type(2) > span {
  color: #70B866;
  left: -3px;
  position: relative;
}

.well > ul > li:nth-of-type(4) > p:nth-of-type(2) > span {
  color: #F05B59;
  left: -6px;
  position: relative;
}

.well > ul > li+li+li > p {
  font-size: 12px;
  margin-bottom: 6px;
}

.text-muted {
  color: #58595B;
  font-size: 17px;
  margin-bottom: 40px;
}

div.accountpoints p:first-child {
  color: #5BCAF4;
  font-size: 1.05em;
  margin-bottom: 11px;
}

div.accountpoints p:last-child {
  color: #5BCAF4;
  font-size: 28px;
  margin-bottom: 14px;
}

ul.account-summary-list {
  font-size: 12px;
  list-style: none;
  padding-right: 0;
  width: 90%;
}
ul.account-summary-list > li {
    width: 100%;
    float: left;
    display: block;
}
ul.account-summary-list>li>div:first-child {
  padding-right: 10px;
}

ul.account-summary-list > li:nth-of-type(1) > div:nth-of-type(2) > span {
  color: #70B866;
  left: -3px;
  position: relative;
}

ul.account-summary-list > li:nth-of-type(2) > div:nth-of-type(2) > span {
  color: #F05B59;
  left: 0;
  position: relative;
}

ul.account-summary-list > li > div {
  font-size: 12px;
  margin-bottom: 6px;
}

.list-unstyled {
  display: list-item;
  list-style: none;
  padding-right: 24px;
}
/****Account summary button*/
.account-summary-btn {
  padding: 6px 27px 7px;
}

body > section > div:nth-of-type(2) > div.navbar-main > div.panel-info > div.panel-heading div:first-child {
  color: #58595B;
  font-size: 17px;
  font-weight: 500;
}

body > section > div:nth-of-type(2) > div.navbar-main > div.panel-info > div.panel-heading > div:first-child span {
  color: #BBBDBF;
}

/*coloring stars my profile house rating*/
.gray {
  color: #E6E7E8;
  padding-right: 5px;
}
.gray-big {
  padding-right: 0;
}

.green {
  color: #B2D235;
  padding-right: 0;
}

.household-rating,
.points-earned,
.household-savings {
  border-bottom: 1px solid #D0D2D3;
  margin-right: 25px;
  padding-bottom: 9px;
  padding-top: 22px;
  text-align: center;
}
.plan.col-md-4.col-lg-4:hover .popover {
    display: block;
}
.plan.col-md-4.col-lg-4 .popover {
    bottom: 0;
    top: auto;
    left: 36%;
}
.popover.bottom > .arrow {    
    border-bottom-color: #333333;   
    top: -5px;	
	margin-left: -5px;
}
.popover.bottom > .arrow::after {
    border-bottom-color: #333333;
}
.household-rating img, 
.points-earned img, 
.household-savings img {
  display: block;
  margin: 0 auto;
  padding-bottom: 18px;
}

.household-rating span,
.points-earned span,
.household-savings span {
  color: #58595B;
  font-size: 13px;
}

div.stars-rating {
  padding-top: 7px;
  text-align: center;
}

div.lead {
  margin-right: 25px;
  text-align: center;
}

body > div:nth-of-type(5) > div.container > div:nth-of-type(1) > div:nth-of-type(2) > div.lead > div > span,
body > div:nth-of-type(5) > div.container > div:nth-of-type(1) > div:nth-of-type(3) > div.lead > div > span {
  padding-top: 23px;
  text-align: center;
}

body > section > div:nth-of-type(2) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div.pricing-table > div:nth-of-type(2) > div:nth-of-type(2).lead > div,
body > section > div:nth-of-type(2) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div.pricing-table > div:nth-of-type(3) > div:nth-of-type(2).lead > div {
  padding-top: 2px;
  text-align: center;
}

span.points-earned-number {
  color: #5BCAF4;
  font-size: 28px;
}

span.household-savings-number {
  color: #F5CB40;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 28px;
}

/***** My transactions*****************/
body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-heading {
  padding-left: 0;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-heading div:first-child {
  color: #58595B;
  font-size: 17px;
  font-weight: 500;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-heading div:last-child {
  padding-right: 5px;
  text-align: right;
}

.mytransactions.myprofile div.panel-body {
  padding-left: 4px;
}

/****** My transactions legend ***************/
ul.transactions-legend {
  margin-bottom: 15px;
}

ul.transactions-legend li {
  color: #C5C7C9;
  display: inline-block;
  font-size: 10px;
}

ul.transactions-legend span {
  display: inline-block;
  height: 18px;
  left: -2px;
  position: relative;
  top: 4px;
  width: 20px;
}

/*span.challenge {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -160px;
  margin-left: 14px;
}*/
span.challenge {
    background-image: url(../Images/earned-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 0;
}

span.share {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -51px;
  margin-left: 12px;
}

/*span.reward {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -79px;
  margin-left: 18px;
}*/
span.reward {
  background-image: url(../Images/reward-icon1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 18px;
}

div#no-more-tables {
  /*margin-right: 0;*/
  margin-left: 5px;
}

thead.cf > tr {
  border-bottom: 1px solid #D0D2D3;
}

thead.cf > tr th {
  color: #58595B;
  font-size: 13px;
}

thead.cf > tr > th:nth-of-type(1) {
  width: 145px;
}

thead.cf > tr > th:nth-of-type(2) {
  width: 300px;
}

thead.cf > tr > th:nth-of-type(3) {
  width: 200px;
}

thead.cf > tr > th:nth-of-type(4) {
  width: 100px;
}

thead.cf > tr > th:nth-of-type(5) {
  width: 80px;
}

div#no-more-tables > table > tbody > tr {
  color: #929497;
}

div#no-more-tables > table > tbody > tr:nth-child(odd) {
  background-color: #FFF;
}

div#no-more-tables > table > tbody > tr:nth-child(even) {
  background-color: #F5F5F6;
}

div#no-more-tables > table > tbody > tr > td {
  padding: 8px 0 8px 6px;
}

div#no-more-tables > table > tbody > tr > td:first-child > span {
  display: inline-block;
  float: right;
  height: 20px;
  left: -12px;
  position: relative;
  width: 20px;
}

.mytransactions  .trans-type-default span {
  /*background-image: url(../Images/transactions-sprite.png);
    background-position: 0 1px;*/
}

.mytransactions  .trans-type-share span {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -51px;
}

/*.mytransactions  .trans-type-reward span {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -79px;
}*/
.mytransactions  .trans-type-reward span {
    background-image: url(../Images/reward-icon1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*.mytransactions  .trans-type-green span {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 1px;
}*/
.mytransactions  .trans-type-green span {
    background-image: url(../Images/earned-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*.mytransactions  .trans-type-challenge span {
  background-image: url(../Images/transactions-sprite.png);
  background-position: 0 -159px;
}*/
.mytransactions .trans-type-challenge span {
    background-image: url(../Images/earned-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

div#no-more-tables > table > tbody > tr > td:nth-of-type(4) {
  padding-right: 50px;
  text-align: right;
}

div#no-more-tables > table > tbody > tr > td:nth-of-type(5) {
  padding-right: 12px;
  text-align: center;
}

/************* pagination ***********/
body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info {
  margin-bottom: 14px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) {
  display: inline-block;
  padding: 29px 0 0 0;
  text-align: center;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a {
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a.previous span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a.next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a:first-child {
  float: left;
  padding: 9px 13px 9px 9px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a:first-child:hover {
  padding: 9px 13px 9px 9px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) a:hover {
  background-color: #F1F1F2;
  border-radius: 3px;
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > input {
  border: 1px solid #F1F1F2;
  border-radius: 5px;
  display: inline-block;
  height: 28px;
  padding: 0;
  text-align: center;
  width: 29px;
}

body > section > div:nth-of-type(3) > div.navbar-main > div.panel-info > div.panel-body > 
    div.row > div > div:nth-of-type(2) > a:last-child {
  float: right;
}

/*******  Update Profile *******/
section > div.row {
  margin-right: 0;
}
div.myaccountmenu > div.navbar-inner.navbar-left {
  margin-left: 34px;
}

.update-account,
.notifications,
.change-password,
.validating {
  margin-bottom: 20px;
  margin-left: 264px;
  min-height: 80px;
  overflow: hidden;
  padding-left: 0;
  position: relative;
  width: 59.5%;
}
.myactivities,
.mytransactions {
  margin-bottom: 20px;
  margin-left: 264px;
  width: 59.5%;
  padding-left: 0;
}

.myactivities .myactivities-title {
    padding: 0;
}

/*#### toggle button ####*/
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
div.account-updates span,
div.push-notification span,
div.push-to-facebook span {
  font-size: 14px;
}
.toggle {
  text-align: center;
}
/*
div.toggle > label[for="toggleOne"],
div.toggle > label[for="toggleTwo"],
div.toggle > label[for="toggleThree"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}

div.toggle > input#toggleOne[type=checkbox]:checked ~ label.attention:hover:before,  
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label.attention:hover:before, 
div.toggle > input#toggleThree[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}

div.toggle > label[for="toggleOne"] i,
div.toggle > label[for="toggleTwo"] i, 
div.toggle > label[for="toggleThree"] i {
  background-color: #5BCAF4;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 4px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}

div.toggle > label[for="toggleOne"]:before i:before,
div.toggle > label[for="toggleTwo"]:before i:before, 
div.toggle > label[for="toggleThree"]:before i:before {
  background-color: #BBBDBF;
}

div.toggle > label[for="toggleOne"]:before,
div.toggle > label[for="toggleTwo"]:before, 
div.toggle > label[for="toggleThree"]:before,
div.toggle > label[for="toggle3"]:before,
div.toggle > label[for="toggle4"]:before,
div.toggle > label[for="toggle41"]:before,
div.toggle > label[for="toggle42"]:before,
div.toggle > label[for="toggle43"]:before
div.toggle > label[for="toggle44"]:before {
  content: "yes";
  margin-right: 66px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.toggle > input#toggleOne[type=checkbox]:checked ~ label:before,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label:before, 
div.toggle > input#toggleThree[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle3[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle4[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle41[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle42[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle43[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle44[type=checkbox]:checked ~ label:before {
  content: "no";
  margin-left: 53px;
  margin-right: 0;
  text-transform: uppercase;
}

div.toggle > input#toggleOne[type=checkbox]:checked ~ label,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label, 
div.toggle > input#toggleThree[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}

div.toggle > input#toggleOne[type=checkbox]:checked ~ label i,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label i, 
div.toggle > input#toggleThree[type=checkbox]:checked ~ label i {
  background-color: #BBBDBF;
  right: 71px;
}

div.toggle > input#toggleOne,
div.toggle > input#toggleTwo, 
div.toggle > input#toggleThree {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}*/

div.validating {
  background-color: transparent;
  padding-right: 0;
}

div.validating > div.submit-form-buttons > div > h6 a {
  color: #5BCAF4
}

div.validating > div.submit-form-buttons > div > h6 a:hover {
  text-decoration: none;
}

div.validating > div.submit-form-buttons > div:nth-of-type(2) > button.cancelBtn {
  margin-left: 11px;
}

/***** popup window for change address*/
#popup_window {
  background: #267E8A;
  color: #FCFCFC;
  cursor: pointer;
  margin: 200px 0 0 200px;
  padding: 10px;
}
.popup-overlay {
  /*background: rgba(35, 31, 32, .50);*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 100%;
  left: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  -moz-transition: opacity .2s ease-out;
  -ms-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  width: 100%;
  z-index: 999;
}

.overlay .popup-overlay {
  left: 0;
  opacity: 1;
}

.popup {
    position: fixed;
    z-index: -9999;      
	width:100%;	
	bottom:10px;
}

.popup .popup-body {
  	background: #ffffff;
	border: none;
	border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	min-height: 150px;
	opacity: 0;
	padding: 40px 19px 20px 19px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 310px;  	
	max-height:100%;
	overflow: auto;
    overflow-y: scroll;
}
.popup .popup-body::-webkit-scrollbar {
        display: none;
    }
.popup.visible, .popup.transitioning {
  top: 10px;
  z-index: 9999;
}
.popup.visible .popup-body {
  opacity: 1;
  height: auto;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: none;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 16px;
    top: 18px;
    padding: 0;
    margin: 0;
    opacity: 1;
    color: #333333;
    background-image: url("../Images/close-icon@2x.png");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center;
}
    @media (min-width: 768px) {
        .popup .popup-exit {
            display: block;
        }
    }
.popup .popup-exit:hover,
.popup .popup-exit:focus {
    background-image: url("../Images/close-icon@2x.png");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center;
    opacity: 1;
}
.popup .popup-content {
    /*margin-top: 30px;
  overflow-y: auto;*/
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
}
.popup .popup-content p {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
}
.popup-content span.popup-img {
  background-image: url(../Images/popup-box-icons.png);
  background-repeat: no-repeat;
  display: block;
  height: 59px;
  margin: 0 auto;
  position: relative;
  width: 79px;
}
#change-address-popup span.popup-img {
  background-position: -390px 0;
}
#checkout-complete-popup span.popup-img {
  background-position: -640px 0;
}
#submitted-for-approval-popup span.popup-img {
  background-position: -390px 0;
}
#reset-password-popup span.popup-img {
  background-position: -390px 0;
}
#share-the-love-popup span.popup-img {
  background-position: -320px 0;
}
.almost-done-popup span.popup-img {
  background-position: -87px 0;
}
#add-user-popup span.popup-img {
  background-position: -473px 0;
}
#uhoh-problem-popup span.popup-img {
  background-position: 0 0;
}
#mdlCantJoinSite span.popup-img {
   /* background-image: url(../Images/404-error-image.png);
    background-repeat: no-repeat;
    background-size: 56px 57px;
    background-position: 0 0;*/  
}
#invitation-sent-popup span.popup-img {
  background-position: -390px 0;
}
#deleting-user-notification-popup span.popup-img {
  background-position: 17px 0;
}
#congratulations-popup span.popup-img {
  background-position: -630px 0;
}
#congratulations-popup p.popup-subtitle {
  padding: 0 24px 14px 24px;
}
#bad-promo-code span.popup-img {
  background-position: 10px 0;
}
#good-promo-code span.popup-img {
  background-position: -560px 5px;
}
select.login-city {
  background-position: 258px 19px;
  margin-right: 0;
  width: 100%;
}
.popup-content .popup-title {
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 17px;
  margin-top: 20px;
  padding-bottom: 10px;
}

/*Only for sign up popup*/
#signin .popup-content .popup-title {
  font-size: 25.5px;
  margin-bottom: 17px;
  margin-top: 0;
  padding-bottom: 10px;
}

.popup-content p.popup-subtitle {
  color: #939598!important;
  font-family: Myriad Pro;
  font-size: 13px;
  line-height: 15.2px;
  padding: 0 9px 14px 9px;
  text-align: center;
}
.popup-content div.popup-subtitle {
  color: #939598!important;
  font-family: Myriad Pro;
  font-size: 13px;
  line-height: 15.2px;
  padding: 0 9px 14px 9px;
  text-align: left;
}
#signUpRgtrForm p.reset-margin {
  margin-bottom: 5px;
}
p.reset-margin {
  margin-bottom: 5px;
  padding-left: 0;
}

/******* My cart *****************/
.my-cart-container, .checkout-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px;
  width: 59.5%;
}

.my-cart-container div.panel-heading, .checkout-container div.panel-heading {
  margin-left: -4px;
  padding-left: 0;
}

.my-cart-container div.panel-body, .checkout-container div.panel-body {
  margin-left: 2px;
  padding: 0;
}

div#mycart {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 5px;
}

.checkout-table-wrapper {
  padding-left: 10px;
}

#checkout {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding-bottom:14px;padding-top:14px;
}

div.checkout-container > div.navbar-main > div.panel-info > div.panel-heading p {
  border-bottom: 0;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}
/*
.table > thead > tr > th {
  border-bottom: 1px solid #BBBDBF;
}
*/
.table > tbody > tr > td {
  vertical-align: middle;
}
table#cart {
  margin-bottom: 100px;
}
table#cart thead tr th:first-child,
table#checkout-table thead tr th:first-child {
  color: #58595B;
  font-size: 13px;
  padding-bottom: 12px;
}

table#cart thead tr th + th, 
table#checkout-table thead tr th + th {
  color: #58595B;
  font-size: 13px;
  /*padding-bottom: 8px;*/
  vertical-align: middle;
}

table#cart tbody tr, 
table#checkout-table tbody tr {
  border-bottom: 1px solid #BBBDBF;
}

.table-hover>tbody>tr:hover {
  background-color: #fff;
}

table#cart tbody tr td {
  padding-top: 12px;
}

table#cart tbody tr td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
}
table#checkout-table tbody tr td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
}

table#checkout-table tbody tr:last-child td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 11px;
}

table#cart tbody tr td div.row div:first-child, 
table#checkout-table tbody tr td div.row div:first-child {
  margin-left: 15px;
  padding: 0 0;
  width: 4.3%;
}

table#checkout-table tbody tr:last-child td div.row div:first-child {
  margin-top: 0;
}

table#checkout-table tbody tr:last-child td div.row div:first-child {
  margin-top: 0;
}

table#cart tbody tr td div.row div:last-child, {
  padding-left: 9px;
}

table#checkout-table tbody tr td div.row div:last-child {
  /*padding-left: 0;*/
}

.checkout-reward-img {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 26px;
  width: 26px;
}

.mycart-reward-img {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 26px;
  width: 26px;
}

table#cart tbody tr td div.row div h5.nomargin,
table#checkout-table tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}

table#checkout-table tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
  padding: 7px 12px 7px 0;
}

table#cart tbody tr td div.row div p {
  color: #929497;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 11px;
}

table#cart tbody tr td[data-th="Quantity"] input {
  background-color: #F1F1F2;
  background-image: none;
  border: none;
  border-radius: 2px;
  box-shadow: none;
  color: #929497;
  color: #929497;
  display: block;
  font-size: 12px;
  font-size: 12px;
  height: 15px;
  margin-bottom: 11px;
  margin-bottom: 11px;
  padding: 6px 12px;
  padding: 6px 12px;
  width: 33%;
}

table#checkout-table tbody tr td[data-th="Quantity"] {
  color: #929497;
  font-size: 12px;
  margin-bottom: 11px;
  padding: 6px 12px;
}

table#checkout-table tbody tr:last-child td[data-th="Quantity"] {
  color: #929497;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 11px;
}

table#cart tbody tr td[data-th="Quantity"] input:focus,
table#checkout-table tbody tr td[data-th="Quantity"] input:focus {
  background-color: #fff;
  border: 1px solid #5BCAF4;
}

input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button {
  margin: 0;

  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

button.remove-reward {
  background-color: transparent;
  border: 0;
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
}

button.remove-reward:hover {
  background-color: #F1F1F2;
}

button.remove-reward:focus {
  border: none;
  outline: none;
}

button.remove-reward span {
  background-image: url(../Images/trash-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}
/****** Claim bar - My cart *******/
.claim-bar {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.total-points {
  color: #5BCAF4;
}

div.claim-bar-buttons {
  width: 46.3%;
}
/************* Check out ************/
table#checkout-table {
  margin-bottom: 40px;
}
/****** checkout popup complete *****/

/******* Footer *********/
footer {
  background-color: #4c4d4f;
}

.footer {
  background-color: #4c4d4f;
  color: #929497;
  font-size: 13px;
}

div#nav_seo {
  padding-bottom: 172px;
}

div#nav_seo ul {
  list-style: none;
  margin-bottom: 45px;
}

ul.nav_social {
  float: left;
  padding-left: 0;
}

ul.nav_social li.facebook {
  padding-left: 11px!important;
}

ul.nav_social li.twitter,
ul.nav_social li.pinterest {
  padding-left: 7px!important;
}

div#nav_seo ul li:first-child {
  padding-left: 0;
}

div#nav_seo ul li a:hover {
  text-decoration: none;
}

#nav_seo li {
  margin-bottom: 17px;
}

#nav_seo li {
  float: left;
  padding: 0 0 0 32px;
}

#nav_seo a, #nav_seo h4 {
  color: #a7a9ac;
  float: left;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: 0;
}

#nav_seo a:hover,#nav_seo a:focus {
  color: #fff;
}

.nav_social a {
  background-image: url(../Images/social-icons.png);
  display: block;
  height: 19px;
  width: 19px;
}

.nav_social .facebook a {
  background-position: -5px -3px;
}

.nav_social .facebook a:hover {
  background-position: -5px -25px;
}

.nav_social .twitter a {
  background-position: -29px -3px;
}

.nav_social .twitter a:hover {
  background-position: -29px -25px;
}

.nav_social .pinterest a {
  background-position: -54px -3px;
}

.nav_social .pinterest a:hover {
  background-position: -54px -25px;
}

#copyright {
  clear: both;
  float: left;
  margin-bottom: 55px;
}

#bulletproof {
  float: right;
  margin-top: -28px;
  position: relative;
}

#bulletproof a {
  color: #919396;
  text-decoration: none;
}

#bulletproof span {
  background: url(../Images/buletproof-sprite.png) 0 0;
  cursor: pointer;
  display: block;
  height: 17px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -999em;
  width: 115px;
}

#bulletproof a:hover span,#bulletproof a:focus span {
  background-position: 0 -17px;
}

/************** My Wallet **************/
.my-wallet-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px;
  width: 59.5%;
}

.my-wallet-container div.panel-heading {
  margin-left: -4px;
  padding-left: 0;
}

.my-wallet-container div.panel-body {
  margin-left: 2px;
  padding: 0;
}

div#wallet {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 0;
}

.rewards-bar,
.eatingout-bar {
  margin: 25px 0 4px 0;
  width: 100%;
}

.rewards-bar ul.category-tabs {
  display: table;
  margin: 0 auto;
  padding-left: 0;
  width: 100%;
}
.eatingout-bar ul.category-tabs {
  display: table;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.nav-pills>li {
    width: 50%;
}

.nav-pills>li+li {
  margin-left: 0;
}


div.eatingout-bar ul.category-tabs li:last-child a {
  /*padding: 9px 113px 9px 98px;*/
}

.rewards-bar ul.category-tabs li a {
  background-color: #F1F1F2;
  border-radius: 0;
  color: #929497;
  font-size: 13px;
  text-align: center;
}

.eatingout-bar ul.category-tabs li a {
  background-color: #F1F1F2;
  border-radius: 0;
  color: #929497;
  font-size: 13px;
  text-align: center;
}

.rewards-bar ul.category-tabs li:first-child a {
  border-right: 1px solid #BBBDBF;
}

ul.category-tabs li:last-child {
  margin-left: 0;
}

ul.category-tabs li:last-child a {
  /*padding: 9px 113px;*/
}

ul.category-tabs li a:hover {
  background-color: #BBBDBF!important;
  color: #fff;
}
ul.category-tabs li.active a {
  background-color: #5bcbf5!important;
  color: #fff;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}

.table > thead > tr {
  border-bottom: 1px solid #BBBDBF;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

table#wallet thead tr th:first-child {
  color: #58595B;
  font-size: 13px;
  padding-bottom: 12px;
}

table#wallet thead tr th + th {
  color: #58595B;
  font-size: 13px;
  /*padding-bottom: 8px;*/
  vertical-align: middle;
}

table#wallet tbody tr {
  border-bottom: 1px solid #BBBDBF;
}

.table-hover>tbody>tr:hover {
  background-color: #fff;
}

table#wallet tbody tr td {
  padding: 4px 0;
}

table#wallet tbody tr td[data-th="Date redeemed"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
}

table#wallet tbody tr td[data-th="Expiry date"] {
  color: #EC1A3E;
  font-size: 12px;
  padding-bottom: 5px;
}

table#wallet tbody tr td div.row div:first-child {
  margin-left: 15px;
  padding: 0;
  width: 6.3%;
}

table#wallet tbody tr td div.row div:last-child {
  padding-left: 9px;
}

.challenge-description {
  padding: 7px 0;
}

table#wallet tbody tr td div.row div img.img-responsive {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 26px;
  width: 26px;
}

table#wallet tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}

table#wallet tbody tr td div.row div p {
  color: #929497;
  font-size: 11px;
  margin-bottom: 0;
}

a.method-reward-mobile {
  background-color: transparent;
  background-image: url(../Images/mobile-icon-circle.png);
  background-repeat: no-repeat;
  border: 0;
  height: 27px;
  margin-bottom: 11px;
  padding: 6px 10px 5px 17px;
  width: 27px;
}

a.method-reward-mobile span {
}

button.method-reward-document {
  background-color: transparent;
  background-image: url(../Images/document-icon-circle.png);
  background-repeat: no-repeat;
  border: 0;
  height: 27px;
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
  width: 28px;
}

button.download-reward {
  background-color: #F1F1F2;
  border: 0;
  color: #929497;
  /*background-color: transparent;*/
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
}


/****** Claim bar - My wallet *******/
.total-points {
  color: #5BCAF4;
}

div.my-wallet-container > div.navbar-main > div.panel-info > div.panel-body > 
div.row > div.col-md-12.col-lg-12 > div.row > div.col-md-6.col-lg-6.pull-right {
  width: 43.3%;
}

.table-container {
  min-height:500px;
}/*
.continue-shopping {
  bottom: 0;
  position: relative;
  right: 15px;
}*/

/******** Redeem All Rewards ************/
.redeemRewards nav.nav-sidebar {
  margin-left: 30px;
  padding-left: 35px;
  width: 230px;
}

/*.redeemRewards ul.nav li:nth-of-type(4),
.redeemRewards ul.nav li:nth-of-type(5) {
    margin-bottom: 15px;
}*/

/***** search box *****/
.icon-search {
  background-image: url(../Images/icon-search.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 19px;
  position: relative;
  right: 0;
  top: 0;
  width: 17px;
}

div#custom-search-input > div.input-group input {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  color: #929496;
  float: right;
  font-size: 12px;
  height: 28px;
  left: 28px;
  padding: 0 12px;
}

/*custom search field 
--------------------------------------*/
/*focus state*/
div#custom-search-input input:focus {
    background-color: #fff;
    border: 1px solid #41AD49;
    /*  border: 1px solid #5BCAF4;
*/ box-shadow: none;
    color: #000;
    float: right;
    font-size: 12px;
    height: 28px;
    /*  left: 28px;
*/ padding: 0 12px;
}
div#custom-search-input button:focus {
  background-color: #5BCAF4;
  border: 0;
  border-radius: 3px;
  color: #fff;
  /* left: -25px; */
  margin-bottom: 0;
  margin-top: 0;
  padding: 2px 24px;
  position: relative;
  z-index: 3;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
div#custom-search-input button:focus span.icon-search {
  background-image: url(../Images/close-search-static.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  position: relative;
  right: 50px;
  top: 0;
  width: 10px;
}
div#custom-search-input button:hover span.icon-search {
 /* background-image: url(../Images/close-search-hover.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  position: relative;
  right: 50px;
  top: 0;
  width: 10px;*/
}


/*MARKO - dugme za search input - privremeni fix*/
.search-button:focus
{
	display: none;
}

/*hover state*/

div#custom-search-input > div.input-group span.input-group-btn {
  font-size: 0;
  left: -5px;
  position: relative;
  white-space: nowrap;
}

.redeemAllRewards > div.navbar-main > div.panel-info >  div.panel-heading > input > span > button {
  background-color: transparent;
}


.redeemAllRewards > div.navbar-main > div.panel-info >  div.panel-body {
  margin-top: 37px;
  padding-left: 5px;
}

div#custom-search-input {
  margin:0;
  margin-top: 5px;
  padding: 0;
  width: 35%;
}

div#custom-search-input .search-query {
  border-radius: 3px;
  height: 28px;
  margin-bottom: 0;
  padding: 0;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div#custom-search-input button {
/*  background: none;
*/  border: 0;
  border-radius: 3px;
  color: #929496;
  /*left: -25px;*/
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  margin-top: 0;
  /** belows styles are working good */
/*  padding: 2px 5px;
*/  position: relative;
  z-index: 3;
  min-width: 17px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*overwrite style css*/
div#custom-search-input .search-query {
  background-color: #f1f1f2;
  border: medium none;
  box-shadow: none;
  color: #929496;
  float: right;
  font-size: 12px;
  height: 28px;
  /*left: 28px;*/
  left: 0;
  padding: 0 12px;
}
/*.search-query:focus + button {
        z-index: 3;   
    }*/
.input-group-btn {
    position: absolute;
    font-size: 0;
    white-space: nowrap;
    width: 17px;
    right: 5px;
}
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}
.redeemAllRewards {
    margin-bottom: 20px;
    margin-left: 275px;
    padding-left: 0;
    width: 59.5%;
}


.redeem-all-rewards {
  margin-right: 20px;
  padding-left: 0;
}

div.redeemRewards > div:nth-of-type(2) > div.navbar-main > 
    div.panel-info > div.panel-body > div.row > div:nth-of-type(2) {
  margin-right: 15px;
  width: 35.333333%;
}

.redeem-all-rewards {
  background-color: #fff;
  border: none;
  box-shadow: none;
  margin-bottom: 20px;
  margin-left: 10px;
  min-height: 20px;
  padding-bottom: 18px;
  padding-left: 11px;
  padding-right: 0;
  padding-top: 11px;
  width: 98.7%;
}

div.redeem-all-rewards h5 {
  color: #58595B;
  font-size: 17px;
}

.sort-by {
  margin-top: 4px;
  padding-right: 3px;
  width: 145px;
}

.top-pagination {
  margin-top: 8px;
  padding-right: 0;
  width: 24.7%;
}

.top-pagination p {
  margin-bottom: 0;
}


/* DROPDOWN 2 TEME */
.theme.white.sort-dropdown{
	background-color: white;
	background-image: url(../Images/dropdown-arrow-dark.png);
}

.theme.white.sort-dropdown .text{
	font-size:17px;
	font-weight: 400;
}

/* Dropdown 2 */
.sort-dropdown {
    background-color: #F1F1F2;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    background-image: url(../Images/dropdown-arrow.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-top: 2px;
    position: relative;
    width: 100%;
}
.admin-manage-challenges-container .sort-dropdown.theme.large.white {
    width: 260px;
}
.sort-dropdown .menu {
    position: absolute;
	background-color: #f7f7fe;
    top: 100%;
    left: 0;
    width: 100%;
	z-index: 9999;	
	display: none;
	max-height: 260px;
	overflow-y: auto;
}

.sort-dropdown .text {	
   
    font-weight: 400;
	text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    width: 82%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
}

.sort-dropdown .menu a {
	width: 100%;
	display: block;
	text-align: left;
	background-color: transparent;    	
	cursor: pointer;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
	padding-left: 8px;
    padding-top: 2px;
	color: black;
}

.sort-dropdown .menu a:hover {
	background-color: #F1F1F2;
	color: black;
	text-decoration: none;
}

#settings, 
.sort-dropdown-arrow {
  /*background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 77px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;*/
      background-image: url(../Images/dropdown-arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    left: 77px;
    outline: none;
    padding: 10px 14px 0 0;
    position: absolute;
    top: 6px;
}

.sort-dropdown-arrow2 {  
    background-image: url(../Images/dropdown-arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;    
    outline: none;
    padding: 10px 14px 0 0;    
	float: left;
	margin-top:6px;
}

#admin_text, #settings, .sort-dropdown-text {
  cursor: pointer;
  font-weight: normal;
}

#settings:hover, .sort-dropdown-arrow:hover {
  color: #555;
}

#menu, .sort-dropdown-menu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
  
}

#menu a, .sort-dropdown-menu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 174px;
}

#menu a:last-child, .sort-dropdown-menu a:last-child {
  border: none;
}

#menu a:hover, .sort-dropdown-menu a:hover {
  background-color: #C5C7C9;
}

#menu a:hover > .fa, .sort-dropdown-menu a:hover > .fa {
  color: #555;
}

/******************/

.top-pagination p {
  color: #BBBDBF;
  float: left;
  font-size: 12px;
  padding: 0 10px 10px 0;
}

.top-pagination div {
  color: #BBBDBF;
 display:inline;
  font-size: 12px;
  padding: 0 10px 10px 0;
}


/******** small pagination top ***************/
.redeem-all-rewards * .top-pagination a.previous,
.redeem-all-rewards * .top-pagination a.previous:hover

 {
  padding: 9px 13px 9px 9px;
}

.redeem-all-rewards * .top-pagination a.previous span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

.redeem-all-rewards * .top-pagination a:hover {
  background-color: #F1F1F2;
  border-radius: 3px;
  padding: 9px 9px 9px 13px;
}

.redeem-all-rewards * .top-pagination a.next {
  padding: 9px 9px 9px 13px;
}

.redeem-all-rewards * .top-pagination a.next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

.redeem-all-rewards * .top-pagination a.first {
  margin-left: 34px;
}

.redeem-all-rewards > hr {
  border-top: 1px solid #C5C7C9;
  margin: 1px auto;
  width: 96%;
}

.redeem-all-rewards div:nth-of-type(3) hr {
  border-top: 1px solid #C5C7C9;
  margin: 1px auto;
  width: 100%;
}

.redeemAllRewards .panel-title {
  float: left;
  padding-bottom: 0;
}

/***********/
a.list-group-item {
  height:auto;
  min-height:220px;
}
a.list-group-item.active small {
  color:#fff;
}
.list-group-item {
  border-color: #C5C7C9;
}
li.list-group-item:first-child {
  border-bottom: 1px solid #C5C7C9;
  border-top: 1px solid #C5C7C9;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

li.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


/*********** reward list ***************/
.list-group-item:hover, li.list-group-item:focus {
  background-color: #F1F1F2;
  text-decoration: none;
}

.reward-item {
  border-bottom: 1px solid #C5C7C9;
  /*border-top: 1px solid red;*/
  border-left: none;
  border-right: none;
  height: auto;
  min-height: 157px;
  padding: 10px 0;
}

.media {
  padding-left: 0;
  padding-right: 0;
  width: 19.4%;
}

.reward-item > div:nth-of-type(2) {
  padding: 0;
}

.reward-points {
  padding-right: 11px;
}

.RewardItemPoints {
  color: #B2D043;
  margin-top: 0;
}

.reward-points h2 small {
  color: #B2D043;
  font-family: 'Source Sans Pro', sans-serif;
}

.reward-points button {
  margin-top: 65px;
}

.reward-item img {
  border: 1px solid #C5C7C9;
  border-radius: 4px;
  height: 100%;
  width: 100%;
}

.list-group-item-heading {
  color: #58595B;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 28px;
}
.reward-description-txt {
  font-size: 13px;
  line-height:16px;
}

.view-reward {
  color: #929496;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin-top: 10px;
  width: 105%;
}

.view-reward a {
  text-decoration: none;
}

.reward-item p a {
  color: #61CBF2;
}

/*********** Redeem rewards pagination bottom ************/
div.bottom-pagination {
  display: inline-block;
  padding: 29px 0 0 0;
  text-align: center;
}
div.bottom-pagination > a:first-child {
  float: left;
  margin-left: 0;
  padding: 9px 13px 9px 9px;
}
div.bottom-pagination > a:first-child:hover {
  margin-left: 0;
  padding: 9px 13px 9px 9px;
}
div.bottom-pagination > a.previous span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}
div.bottom-pagination > input {
  border: 1px solid #F1F1F2;
  border-radius: 5px;
  display: inline-block;
  height: 28px;
  padding: 0;
  text-align: center;
  width: 29px;
}
div.bottom-pagination > a {
  margin-right: 0;
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}
div.bottom-pagination > a:hover {
  background-color: #F1F1F2;
  border-radius: 3px;
  margin-right: 0;
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}
div.bottom-pagination > a.next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}
/************** Check out *************/
div.delivery {
  margin-bottom: 35px;
}

div.delivery p:first-child {
  color: #58595B;
  font-size: 17px;
  margin-bottom: 10px;
}

div.delivery p:last-child {
  color: #929497;
  font-size: 12px;
  line-height: 1.8;
}

div.delivery p:last-child a strong {
  color: #58595B;
}

div.delivery p:last-child a:hover {
  text-decoration: none;
}

div.delivery p:last-child a:nth-of-type(2) {
  color: #5BCAF4;
}

div.delivery p:last-child a:nth-of-type(2):hover {
  text-decoration: none;
}
/******** Single reward, short description, facebook share option *******/
/*Mobile redeem badge*/
div.mobile-redeem-badge {
  background-color: #5BCAF4;
  border-radius: 30px;
  display: block;
  height: 57px;
  position: absolute;
  right: 40px;
  top: 13px;
  width: 57px;
  z-index: 999;
}

div.mobile-redeem-badge > p {
  color: #fff;
  font-size: 9px;
  line-height: 9px;
  position: relative;
  text-align: center;
  top: 8.4px;
}

div.mobile-redeem-badge > p > span {
  background-image: url(../Images/mobile-white.png);
  display: block;
  height: 25px;
  position: absolute;
  right: 21px;
  top: 21px;
  width: 13px;
}

.claim-points-disabled
{
	width: 237px;
    font-size: 16px;
}

/*New slider for details page
    ------------------------------------------------------*/
.slider-container {
	/*width: 100%;*/
	width: 480px;
	margin: 0 auto;
    position: relative;
}

.slider-wrapper {
	z-index: 500;
    position: relative;
	height: 322px;
    width: 100%;
    /*min-width: 470px;*/
    background: #FFF;
    border: 1px solid #C5C7C9;
    overflow: hidden;
    /*min-height: 326px;*/
    /*height: auto;*/
}

.slider-wrapper li {
	display: none;
}

.slider-wrapper .current-slide {
	display: block;
}

.slider-wrapper img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/**
 * ---[Dots-Control] ---------------------- 
 **/
.control-buttons {
	margin-top: -50px;
    position: relative;
	text-align: center;
    z-index: 999;
}

.control-buttons li {
	cursor: pointer;
	display: inline-block;
	background: #424f66;
	text-indent: -99999px;
	height: 6px;
	width: 6px;
	margin: 0 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.control-buttons li.active {
	background: #00c5b9;
}

/** ---------------------------------------
 * Responsive slider
 ----------------------------------------*/
@media only screen and (max-width: 768px) {

    /*New slider for details page
    ------------------------------------------------------*/
    .slider-container {
	    /*width: 100%;*/
	    width: 400px;
    }

    .slider-wrapper {
	    height: 260px;
        width: 100%;
    }
}

 @media only screen and (max-width: 767px) {

     /*New slider for details page
    ------------------------------------------------------*/
    .slider-container-mobile {
	    width: 480px;
	    margin: 0 auto;
        position: relative;
    }

    .slider-wrapper-mobile {
	    z-index: 500;
	    position: relative;
	    width: 100%;
	    height: 330px;
	    background: #FFF;
	    border: 1px solid #C5C7C9;
	    overflow: hidden;
        /*min-width: 420px;
        min-height: 286px;*/
    }

    .slider-wrapper-mobile li {
	    display: none;
    }

    .slider-wrapper-mobile .current-slide-mobile {
	    display: block;
    }

    .slider-wrapper-mobile img {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
    }

    /**
        * ---[Dots-Control] ---------------------- 
        **/
    .control-buttons-mobile {
	    margin-top: -50px;
        position: relative;
	    text-align: center;
        z-index: 999;
    }

    .control-buttons-mobile li {
	    cursor: pointer;
	    display: inline-block;
	    background: #424f66;
	    text-indent: -99999px;
	    height: 6px;
	    width: 6px;
	    margin: 0 6px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
    }

    .control-buttons-mobile li.active {
	    background: #00c5b9;
    }
 }


 @media only screen and (max-width: 394px) {
     
     /*New slider for details page
    ------------------------------------------------------*/
    .slider-container-mobile {
	    width: 480px;
	    margin: 0 auto;
        position: relative;
    }

    .slider-wrapper-mobile {
	    z-index: 500;
	    position: relative;
	    width: 100%;
	    height: 330px;
	    background: #FFF;
	    border: 1px solid #C5C7C9;
	    overflow: hidden;
    }

    .slider-wrapper-mobile li {
	    display: none;
    }

    .slider-wrapper-mobile .current-slide-mobile {
	    display: block;
    }

    .slider-wrapper-mobile img {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
    }

    /**
        * ---[Dots-Control] ---------------------- 
        **/
    .control-buttons-mobile {
	    margin-top: -50px;
        position: relative;
	    text-align: center;
        z-index: 999;
    }

    .control-buttons-mobile li {
	    cursor: pointer;
	    display: inline-block;
	    background: #424f66;
	    text-indent: -99999px;
	    height: 6px;
	    width: 6px;
	    margin: 0 6px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
    }

    .control-buttons-mobile li.active {
	    background: #00c5b9;
    }
 }




/*************/
.reward-details {
  margin-left: 7px
}
.reward-details hr {
  left: -22px;
  margin: 21px auto;
  position: relative;
  width: 92%;
}

/*.RewardDetailsTextDescription {
  color: #929497;
  font-size: 12px;
}
*/
.RewardDetailsTexLabel {
  color: #58595b;
  font-size: 14px;
  font-weight: 400;
}

.reward-details div {
  color: #929497;
  font-size: 12px;
}

.contact p:nth-of-type(1) {
  font-size: 14px;
}

.contact p:nth-of-type(2) {
  font-size: 12px;
}

div.about {
  margin-top: 0;
}

div.smart-blocks-article {
  margin-top: 0;
}

div.contact {
  margin-top: 21px;
}

div.hours {
  margin-top: 21px;
}

div.location {
  margin-top: 21px;
}

div.location div#googleMap {
  right: -15px;
}

div.location p#googleMapDirections {
  margin-bottom: 10px;
  margin-top: 13px;
}

div.terms {
  margin-top: 21px;
}

div.terms p:first-child {
  padding-right: 10px;
}

div.terms div:first-of-type {
  padding-left: 15px;
}


/******* short description ******/
div.single-reward > div:nth-of-type(1) {
  margin: 0 15px 0 15px;
}

div.single-reward > .reward-info-container {
  margin-top: 25px;
  padding-right: 0;
}

/*.short-description {
  background-color: #929497;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px 10px 1px 10px;
}

.short-description h2 {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 0;
}

.short-description > p:first-of-type {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin-bottom: 43px;
  padding-right: 40px;
}*/

.points-single-reward {
    font-size: 22px;
}

.short-description hr {
  left: -4px;
  margin: 17px auto;
  position: relative;
  width: 96%;
}/*
.short-description > p:last-of-type {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  padding-left: 3px;
}*/
/******** Share option *****/
div.share p#share-txt {
  color: #58595B;
  font-size: 17px;
  line-height: 1.1;
  margin-top: 22px;
}

div.share p#share-txt span {
  color: #929497;
  font-size: 14px;
}
a.fb-share-button {
  background-color: #3B5997;
  border-bottom: none!important;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 1% 5px 0;
  margin-right: 10px;
  padding: 0 20px 3px 20px;
  text-decoration: none!important;
}

a.fb-share-button span {
  background-image: url(../Images/share-options.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 19px;
  position: relative;
  right: 10px;
  top: 4px;
  width: 12px;
}

button.email-share-button {
  background-color: #C5C7C9;
  border-bottom: none!important;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 1% 5px 0;
  padding: 0 20px 3px 20px;
  text-decoration: none!important;
}

button.email-share-button:hover {
  background-color: #929497;
}

button.email-share-button span {
  background-image: url(../Images/share-options.png);
  background-position: -17px 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  position: relative;
  right: 9px;
  top: 4px;
  width: 20px;
}

/*mobile redeeem bagde tooltip*/
.mobile-redeem-badge > .mobile-redeem-tooltip {
  background: #58595B;
  bottom: 60%;
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  color: #fff;
  display: block;
  left: -39px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 7px 5px 0 5px;
  pointer-events: none;
  position: absolute;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 141px;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.mobile-redeem-badge > .mobile-redeem-tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS Triangles */
.mobile-redeem-badge > .mobile-redeem-tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #58595B 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.mobile-redeem-badge:hover > .mobile-redeem-tooltip {
  opacity: 1;
  pointer-events: auto;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.mobile-redeem-badge > .mobile-redeem-tooltip > img {
  float: left;
  margin-right: 5px;
}

.mobile-redeem-badge > .mobile-redeem-tooltip > p.tooltip-txt {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
}

.mobile-redeem-badge > .mobile-redeem-tooltip > p.tooltip-txt > span {
  font-size: 12px;
  /*text-align: left;*/
}

/********* popupovi*/
/***** login popup*/
#share-the-love-popup p.popup-subtitle {
  padding: 0 24px;
}
.facebook-before {
  background: #3b5999;
  border-radius: 3px 0 0 3px;
  color: #f4f4f4;
  display: inline-block;
  float: left;
  height: 40px;
  left: 6px;
  line-height: 50px;
  text-align: center;
  width: 52px;
}
.facebook-before span {
  left: 11px;
  position: relative;
  top: -6px;
}

.fb-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAo0lEQVRIS+2W4QmDMBSE7ybQUXQCO1I3qCM4Ut1AN9EJTqQoD61iYgMNJP8SHu94311CKGkAkCHMGihJYXp/uiaBhW5rMBfW0zuIegBPkm/roaQawGs58xVoST6+heNXAiXJLpTASDLfYLHcGwDz3jumOzxnd8nHgzgFDlOzNVrSHNvK1YP4BTqS5ZVX1xeR7R1nitIEV/Kx1vyfya7fFpcJxgnlEcKahwKtGAAAAABJRU5ErkJggg==');
    height: 24px;
    /*left: 18px;*/
    left: 5px;
    position: absolute;
    top: 8px;
    width: 24px;
  }

.signup-facebook-login {
  background: #3b5999;
  border: none;
  border-radius: 3px;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  text-align: center;
  position: relative;
  width: 100%;
}

.signup-facebook-login span {
    right: 11px;
    position: relative;
    top: 0;
}

.signup-facebook {
  /*background: #3b5999;*/
  border: none;
  border-radius: 0 3px 3px 0;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  text-align: center;
  position: relative;
  width: 100%;
}

.email-before {
  background: #1bb2e9;
  border-radius: 3px 0 0 3px;
  color: #f4f4f4;
  display: block;
  float: left;
  height: 40px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.email-before span {
  left: 10px;
  position: relative;
  top: -6px;
}

.email-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABW0lEQVRIS72Va1XDQBCFv6sAHIADcFBwAAoIDnBAqwAcUBwgARyAg9YBKBjO3bObk5SUJDRhf+7jvmYmETMvzYzP/AQRsQTuZ3KyUkQE8Aa8TkxyASwKwUqSnUy2SjL/RvAJ3Ep6mcJCRNwBD8YqDr6AI8AEJjLh6BURp8AT4PwTZh0RYFDXwUUf7Sardje69Svg3N3ZqkFEeHMNnA11ExHHWfVV7sZK0ubXIjdmw66uJXW2cEQY1JFY9VLSY8m1t4uyGwO7Nn7oVk612VHtvUtJ782iDSFwVDfZ9gLYuDYZxKpdUA+oz9aSylm60hdRAX+WVGU37rCTTPDhQlp1RJS7LZK9BI0HCbyRqYtZpt15163cRdJJsA98yEDskvwgyJk685byIeANl3VcwLY5B7brCP4M3kGSMMug+dwbdR+PUd5x198iC07fonl/OAcq7X0+/z+5V8KBF74Bl7X00zdsjeoAAAAASUVORK5CYII=');
    height: 24px;
    left: 17px;
    position: absolute;
    top: 8px;
    width: 24px;
  }

.I-live-in-the-city span {
    background-image: url(../Images/128/household.png);
    height: 24px;
    left: 10px;
    position: absolute;
    top: 11px;
    width: 24px;
	background-repeat: no-repeat;
	background-size: contain;
}

.I-live-in-the-city {
  background: #1bb2e9;
  border: none;
  border-radius: 3px;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  padding-left: 15px;
  text-align: center;
  width: 100%;
  position: relative;
}

.I-work-in-the-city span {
    background-image: url(../Images/128/worker.png);
    height: 24px;
    left: 10px;
    position: absolute;
    top: 9px;
    width: 24px;
	background-repeat: no-repeat;
	background-size: contain;
}

.I-work-in-the-city {
  background: #cccccc;
  border: none;
  border-radius: 3px;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  padding-left: 15px;
  text-align: center;
  width: 100%;
  position: relative;
}

.I-own-a-business span {
    background-image: url(../Images/32/business.png);
    height: 24px;
    left: 10px;
    position: absolute;
    top: 9px;
    width: 24px;
	background-repeat: no-repeat;
	background-size: contain;
}

.I-own-a-business {
  background: #fff;
  border: 2px solid #5BCBF5;
  border-radius: 3px;
  color: #5BCBF5;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  padding-left: 15px;
  text-align: center;
  width: 100%;
  position: relative;
}

.email {
  background: #1bb2e9;
  border: none;
  border-radius: 3px;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  padding-left: 15px;
  text-align: center;
  width: 100%;
  position: relative;
}


.twitter-before {
  background: #1bb2e9;
  border-radius: 3px 0 0 3px;
  color: #f4f4f4;
  display: block;
  float: left;
  height: 40px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.twitter-before span {
  left: 15px;
  position: relative;
  top: -6px;
}

.signup-twitter {
  background: #1bb2e9;
  border: none;
  border-radius: 0 3px 3px 0;
  color: #f4f4f4;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  padding-right: 22px;
  width: 225px;
}

.popup-content p.privacy {
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  margin-bottom: 16px;
  margin-top: 6px;
  padding: 0 36px;
  text-align: center;
}
.popup-content p.memberlogin {
  font-size: 14px;
}
p.memberlogin a,
p.memberlogin a:hover {
    color: #5BCBF5;
}
/***********/
/*Landing Page

/****** Slider landing page ****/
.carousel,
.item,
.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  max-width: 112%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
  background-position: center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  height: 100%;
  width: 112%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
   .carousel-fade .carousel-inner .active.right {
  left: -100px;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-caption {
  left: 2%;
  padding-bottom: 30px;
  right: 20%;
}

.carousel-caption {
  left: 1.4%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 15%;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0,0,0,.0);
  top: 4px;
  z-index: 10;
}

.carousel-indicators li {
  background-color: #000;
  background-color: #5E5E5E;
  border: 1px solid #5E5E5E;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 1px;
  text-indent: -999px;
  width: 8px;
}
.carousel-indicators .active {
  background-color: #fff;
  border: 1px solid #fff;
  height: 9px;
  margin: 0;
  width: 9px;
}

.carousel-control .arrow {
  height: 18px;
  width: 13px;
}
.carousel-control .landingpage {
  height: 43px;
  width: 22px;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
#slider.homePage .left, .carousel-control .right {
  cursor:pointer;
  position:absolute;
  top: 45%;
}
#slider.homePage .left {
  left: 17%;
}
.carousel-control .right {
  right: 17%;
}
#slider.homePage .landingpage.left {
  left: 13%;
}
.carousel-control .landingpage.right {
  right: 75.3%;
}
.carousel-indicators {
  bottom: 90px;
}

.bg-any h5 {
  color:#fff;
}
.top-no {
  border:none;
}

/*---- Your city Here ---*/
.your-city {
  background:#f5f5f6;
  padding-top: 30px;
}
.your-city-top {
  text-align: center;
}
.your-city-top h3 {
  color:#fff;
  font-size:3em;
  font-weight:300;
  margin:1em 0;
}
ul.select-council {
  display: block;
  list-style: none;
  margin: 53px 0 23px 0;
}
ul.select-council li {
  display: inline-block;
}
li.melbourne-city {
  margin-right: 65px;
}
li.melbourne-city a span {
  background-image: url(../Images/melbourne-councillogo.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 58px;
  width: 206px;
}
li.melbourne-city a span:hover {
  background-position: 0 -57px;
}
li.randwick-city {
  margin-left: 65px;
}
li.randwick-city a span {
  background-image: url(../Images/randwick-councillogo.png);
  background-position: 0 -66px;
  background-repeat: no-repeat;
  display: block;
  height: 65px;
  width: 199px;
}
li.randwick-city a span:hover {
  background-position: 0 0;
}
.your-city-top p {
  color: #939598;
  font-size: 20px;
  line-height: 1.8em;
  margin: 0 auto 3em;
  width: 55%;
}
.create {
  background:#fff;
  padding:6em 0;
  text-align: center;
}
.create a {
  background-color: #5BCAF4;
  border: medium none;
  border-radius: 3px;
  color: #FFF;
  font-size: 31px;
  line-height: 50px;
  outline: medium none;
  padding: 6px 17px 7px;
  text-decoration: none;
}
.create a:hover {
  background-color: #00B4F1;
  color: #FFF;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
  -webkit-transition:0.5s all;
  transition:0.5s all;
}
.createuser a:focus {
  color: #FFF;
}
img.img-res {
  width:100%;
}

/***** Landing Page*/
.container.homePage {
  background-color: transparent;
  width: 84%;
}
.navigation-login {
  left: 7.2%;
  position: absolute;
  z-index: 3;
}
.header.homePage {
  background-color: #e9eaeb;
  max-width: 100%;
}
.logo.homePage {
  margin-right: 18px;
  padding: 22px 0;
}
.homepagelogo {
  padding-left: 10px;
}
.userhomepagelogin {
    border: 1px solid #fff;
    border-radius: 3px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 8px 26px;
    margin-left: 20px;
    font-size: 16px;
    float: right;
}
.userhomepagelogin:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(175, 169, 166, 0.7);
  padding: 8px 26px;
  text-decoration: none;
}
.userhomepagelogin:focus {
  color: rgb(255, 255, 255);
}
.userhomepagesignup {
  /*background-color: #bed600;*/
  border:1px solid #5BCAF4;
  border-radius: 3px;
  border-width: 2px;
  color: rgb(255, 255, 255);
  float: right;
  font-size:16px;
  margin-left: 20px;
  padding: 7px 25px;
  text-decoration:none;
}
.userhomepagesignup:hover {
  border: none;
  color: rgb(255, 255, 255);
  padding: 9px 27px;
  text-decoration: none;
}
.userhomepagesignup:focus {
  color: rgb(255, 255, 255);
}
.userhomepageaddbusiness {
  /*border:1px solid #fff;*/
  border-radius: 3px;
  color: rgb(255, 255, 255);
  float: right;
  font-size:16px;
  padding: 9px 20px;
  text-decoration: none;
}
.userhomepageaddbusiness:hover {
  background-color: rgba(175, 169, 166, 0.7);
  border: none;
  color: rgb(255, 255, 255);
  padding: 9px 20px;
  text-decoration: none;
}
.userhomepageaddbusiness:focus {
  color: rgb(255, 255, 255);
}
/*
.popup-input-labels {
  display: inline;
  float: left;
  font-weight:300;
  margin-bottom: 5px;
  max-width: 100%;

     font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 7px;
    position: relative;
    color: #000000;
}*/
/*
.rememberme-checkbox-label {
  float: left;
  font-weight:300;
}
.custom-checkbox {
  float: left;
  margin-left: 5px;
  margin-top: 1px;
}*/
input[type=checkbox] {
    display: none;
}
input[type="checkbox"] + label {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding-left: 23px;
    position: relative;
    min-height: 18px;
    line-height: 18px;
    color: #666666;
}
input[type=checkbox] + label:before {
    content: url('../Images/checkbox-unchecked.png');
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
}

input[type=checkbox]:hover + label:before,
input[type=checkbox]:focus + label:before {
    content: url('../Images/checkbox-hover.png');
}

input[type=checkbox]:checked + label:before {
    content: url('../Images/checked.png');
}

.header-matter {
  left: 9%;
  padding:100px 0 100px 0;
  position: absolute;
  top: 19%;
  z-index: 1;
}
.header-matter h1 {
  color: #fff;
  font-size: 53px;
  line-height: 1;
  margin: 0;
}
.header-matter p.as-devider {
  margin-bottom: 20px;
}
a.slider-title-button {
  background-color: #5BCAF4;
  border: medium none;
  border-radius: 3px;
  color: #FFF;
  font-size: 31px;
  line-height: 50px;
  outline: medium none;
  padding: 6px 17px 7px;
  text-decoration: none;
}
a.slider-title-button:hover {
  background-color: #00B4F1;
  color: #FFF;
}
.memberlogin-homepage {
  color: #fff;
  font-size: 17px;
  margin-top: 15px;
}
.memberlogin {
  color: #6f6f7a;
  font-size: 17px;
  margin-top: 15px;
}

.supplier-panel-title {
    color: #58595B;
    display: inline-block;
    font-size: 28px;
    padding-bottom: 23px;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

/********* What we do*/
.Services {
  background:#fff;
  padding-bottom: 90px;
}
.Services-row {
  padding:40px 0;
}
.Services h4 {
  color: #939598;
}
div.development {
  margin-top: 33px;
}
div.sign-up-widget {
  width: 31%;
}
div.earn-widget {
  width: 35.666667%;
}
div.sign-up-widget img,
div.earn-widget img,
div.save-widget img {
  position: relative;
  top: 17px;
}
div.padding-reset {
  padding: 0;
}
div.padding-reset img {
  width: 56px;
}
.sign-up-widget-descr {
  padding-right: 0;
}
.earn-widget-descr h4 {
  padding: 0 15px 0 0;
}

/*Landing Page Business Centre

/****** Slider landing page business centre ****/
.carousel,
.item,
.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  max-width: 112%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
  background-position: center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  height: 100%;
  width: 112%;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: -100px;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-caption {
  left: 2%;
  padding-bottom: 30px;
  right: 20%;
}

.carousel-caption {
  left: 1.4%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 15%;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0,0,0,.0);
  top: 4px;
  z-index: 10;
}

.carousel-indicators li {
  background-color: #000 \9;
  background-color: #5E5E5E;
  border: 1px solid #5E5E5E;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 1px;
  text-indent: -999px;
  width: 8px;
}

.carousel-indicators .active {
  background-color: #fff;
  border: 1px solid #fff;
  height: 9px;
  margin: 0;
  width: 9px;
}

.carousel-control .arrow {
  height: 18px;
  width: 13px;
}

.carousel-control .landingpage {
  height: 43px;
  width: 22px;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-control .right {
  right: 17%;
}

.carousel-control .landingpage.right {
  right: 75.3%;
}

.carousel-indicators {
  bottom: 90px;
}

.create {
  background: #fff;
  padding: 6em 0;
  text-align: center;
}

.create a {
  background-color: #5BCAF4;
  border: medium none;
  border-radius: 3px;
  color: #FFF;
  font-size: 31px;
  line-height: 50px;
  outline: medium none;
  padding: 6px 17px 7px;
  text-decoration: none;
}

.create a:hover {
  background-color: #00B4F1;
  color: #FFF;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
  -webkit-transition:0.5s all;
  transition:0.5s all;
}

.create a:focus {
  color: #FFF;
}

img.img-res {
  width: 100%;
}

/***** Landing Page*/
.container.businesshomePage {
  background-color: transparent;
  width: 84%;
}

.navigation-login {
  left: 7.2%;
  position: absolute;
  z-index: 999;
}

.header.businesshomePage {
  background-color: #e9eaeb;
  max-width: 100%;
}

.logo.businesshomePage {
  margin-right: 18px;
  padding: 22px 0;
}

a.businesshomepagelogo {
  padding-left: 10px;
}

a.businesshomepagelogin {
  border: 1px solid #fff;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  float: right;
  font-size: 16px;
  margin-left: 20px;
  padding: 7px 25px;
  text-decoration: none;
}

a.businesshomepagelogin:hover {
  background-color: rgba(175, 169, 166, 0.7);
  border: none;
  color: rgb(255, 255, 255);
  padding: 8px 26px;
}

a.businesshomepagelogin:focus {
  color: rgb(255, 255, 255);
}

a.businesshomepagesignup {
  border: 1px solid #fff;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  float: right;
  font-size: 16px;
  margin-left: 20px;
  padding: 7px 25px;
  text-decoration: none;
}

a.businesshomepagesignup:hover {
  background-color: rgba(175, 169, 166, 0.7);
  border: none;
  color: rgb(255, 255, 255);
  padding: 8px 26px;
}

a.businesshomepagesignup:focus {
  color: rgb(255, 255, 255);
}

a.businesshomepageaddbusiness {
  border: 1px solid #fff;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  float: right;
  font-size: 16px;
  padding: 7px 12px;
  text-decoration:none;
}

a.businesshomepageaddbusiness:hover {
  background-color: rgba(175, 169, 166, 0.7);
  border: none;
  color: rgb(255, 255, 255);
  padding: 8px 13px;
}

a.businesshomepageaddbusiness:focus {
  color: rgb(255, 255, 255);
}

.business-select-city-dropdownarrow {
  background-position: 250px 13px;
}

.header-matter {
  left: 9%;
  padding:100px 0 100px 0;
  position: absolute;
  top: 19%;
  z-index: 1;
}

.header-matter h1 {
  color: #fff;
  font-size: 53px;
  line-height: 1;
  margin: 0;
}

.header-matter p.as-devider {
  margin-bottom: 20px;
}

a.slider-title-button {
  background-color: #5BCAF4;
  border: medium none;
  border-radius: 3px;
  color: #FFF;
  font-size: 31px;
  line-height: 50px;
  outline: medium none;
  padding: 6px 17px 7px;
  text-decoration: none;
}

a.slider-title-button:hover {
  background-color: #00B4F1;
  color: #FFF;
}

a.slider-title-button:focus {
  background-color: #5BCAF4;
  color: #FFF;
}

a.business {
  padding: 6px 47px 7px;
}

.memberlogin-homepage {
  color: #fff;
  font-size: 17px;
  margin-top: 15px;
}

.memberlogin {
  color: #6f6f7a;
  font-size: 17px;
  margin-top: 15px;
}

/********* What we do*/
.businessServices {
  background:#fff;
  padding-bottom: 0;
}

.businessServices-row {
  padding:40px 0;
}

.businessServices h4 {
  color: #939598;
}

div.development {
  margin-top: 33px;
}

div.sign-up-widget {
  width: 31%;
}

div.earn-widget {
  width: 35.666667%;
}

div.sign-up-widget img,
div.earn-widget img,
div.save-widget img {
  position: relative;
  top: 17px;
}

div.padding-reset {
  padding: 0;
}

div.padding-reset img {
  width: 56px;
}

.sign-up-widget-descr {
  padding-right: 0;
}

.earn-widget-descr h4 {
  padding: 0 15px 0 0;
}

/* Create Reward Page
------------------------------------------------------------------------*/
div.container.menu-navbar {
  padding-left: 0;
}

a.brand.logo {
  padding-left: 0;
}

.container.partner-business-details,
.container.partner-reward-descriptions,
.container.partner-profile-images,
.container.partner-redemptions-details,
.container.partner-settings-and-notifications,
.container.partner-finalise-and-display,
.container.partner-validating {
  background-color: transparent;
  margin-bottom: 20px;
  margin-left: 264px;
  padding-left: 0;
  width: 60.5%;
}

.label-form {
  color: #929497;
  font-size: 13px;
  font-weight: normal;
  padding-left: 0;
  text-align: left;
}

.biss-address {
  margin-bottom: 15px;
}

textarea.biss-hours,
textarea.biss-terms {
  background-color: #f3f3f4;
  border: none;
  color: #929497;
  height: 75px;
  padding: 9px;
  resize: none;
  width: 278px;
}

textarea.biss-terms {
  color: #0E0E0E;
  font-size: 12px;
  height: 160px;
  line-height: 1.4;
  padding: 14px 9px 0 9px;
  resize: none;
  width: 278px;
}

textarea.biss-descr {
  background-color: #f3f3f4;
  border: none;
  font-size: 10px;
  height: 150px;
  padding: 9px;
  resize: none;
  width: 278px;
}

div.form-group.p-biss-location,
div.form-group.p-biss-hours,
div.form-group.p-biss-web,
div.form-group.p-biss-descr,
div.form-group.p-biss-name,
div.form-group.p-biss-reward-amount,
div.form-group.p-biss-points,
div.form-group.p-biss-cat_list,
div.form-group.p-biss-logo,
div.form-group.p-biss-profile-image,
div.form-group.p-biss-redeem,
div.form-group.p-biss-special-instrc,
div.form-group.p-biss-terms,
div.form-group.p-biss-barcode,
div.form-group.p-biss-mobile-redeem,
div.form-group.p-biss-owner,
div.form-group.p-biss-toggle,
div.form-group.p-biss-status,
div.form-group.p-biss-reward-valid,
div.form-group.p-biss-submit-approval,
div.form-group.p-biss-toggle-display-p,
div.form-group.p-biss-save-bar {
  border-bottom: 1px solid #D0D2D3;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 15px;
  width: 98%;
}

.p-biss-reward-valid label {
  padding-left: 14px;
}

.form-group.p-biss-descr,
.form-group.p-biss-cat_list,
.form-group.p-biss-profile-image,
.form-group.p-biss-mobile-redeem,
.form-group.p-biss-toggle,
.form-group.p-biss-save-bar {
  border: none!important;
}

.change-address-button {
  padding-right: 0;
}

/*Resize div (custom - col-md-5)
----------------------------------------------*/
.resizeW {
  width: 38.666667%;
}

/*Resize input 
----------------------------------------------*/
.input-resizeW {
  width: 92%;
}

.biss-special-instrc {
  width: 93%;
}

/*Resize select category listing
----------------------------------------------*/
select.biss-state {
  background-position: 130px 19px;
  padding-left: 5px;
  padding-right: 17px;
}

select.cat_list {
  background-position: 97% 17px;
  line-height: 1.5;
  padding-left: 3px;
  width: 100%;
}

select.biss-owner {
  background-position: 97% 17px;
  width: 100%;
}

select:focus {
  outline: none;
}

/*Resize textarea redeem instructions
----------------------------------------------*/
textarea.biss-redeem {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 13px;
  font-weight: 400;
  height: 75px;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}

/*Logo img correct image size
---------------------------------------------*/
.img-descr-size {
  padding-right: 10px;
}

.partner-logo-size {
  border: 1px dashed rgba(166, 168, 171, 0.4);
  height: 139px;
  width: 139px;
}

.profile-image-holder {
  padding-right: 0;
}

.profile-imagebox {
  border: 1px dashed rgba(166, 168, 171, 0.4);
}

.profile-images {
  border: 1px solid rgba(166, 168, 171, 0.4);
}

.white-space {
  margin-right: 3px;
}

.white-space-r-b {
  margin-bottom: 20px;
  margin-right: 3px;
}

.white-space-b {
  margin-bottom: 20px;
}

.imgbox-hover,
.img-hover {
  display: inline-block;
  height: 100px;
  position: relative;
  width: 148px;
}

.img-overlay {
  background-color:#a6a8ab;
  bottom: 0;left: 0; 
  margin: auto;
  opacity:0;
  position: absolute;right: 0;top: 0; 
}

.imgbox-hover:hover .img-overlay {
  opacity: 0.8;
}

span.delete {
  background-image: url(../Images/delete-image.png);
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  left: 125px;
  position: absolute;
  top: 4px;
  width: 20px;
  z-index: 20;
}

/*Upload image buttons
-----------------------------------------------*/
.upload-image-button {
  margin-top: 72px;
  padding-right: 0;
}

.upload-images-button {
  margin-top: 127px;
  padding-right: 0;
}

.upload-barcode-button {
  padding-right: 0;
}

/*h6 field text description
--------------------------------------------*/
.field-descr {
  color: #BBBDBF;
  margin-top: 0;
  padding-right: 5px;
}
.field-descr span {
  display: block;
  margin-top: 5px;
}

/*Date picker styles
id="ui-datepicker-div"
class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"
------------------------------------------------------------------*/
#ui-datepicker-div {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  height: 235px;
  padding: 10px;
  /*position: absolute;
    top: 3347px;
    left: 516.546875px;*/
  width: 246px;
  z-index: 3;
} 
a.ui-datepicker-prev span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  text-indent: -99999px;
  top: 0;
  width: 8px;
}
a.ui-datepicker-next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 200px;
  position: relative;
  text-indent: -99999px;
  top: 0;
  width: 8px;
}
div.ui-datepicker-title {
  position: relative;
  text-align: center;
  top: -15px;
}
table.ui-datepicker-calendar {
  height: 180px;
  position: relative;
  top: -5px;
  width: 238px;
}
.calendar-dropdown-arrow {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 8px;
  position: absolute;
  /*top: 20px;
    right: 5px;*/
  width: 10px;
  z-index: 5;
}

.arrow-l1 {
  right: 17px;
  top: 17px;
}

.arrow-l2 {
  right: 17px;
  top: 83px;
}

/*Finalise and display registration steps
---------------------------------------------------------------------*/
.partner-reg-wizard {
  background-color: transparent;
  margin-left: 55px;
  margin-top: 20px;
  padding: 0 0 10px 0;
  width: 95%;
}
.partner-reg-wizard > .reg-wizard-step {
  padding: 0;
  position: relative;
}
.partner-reg-wizard > .reg-wizard-step + .reg-wizard-step,
.partner-reg-wizard > .reg-wizard-step .reg-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}
.partner-reg-wizard > .reg-wizard-step .reg-wizard-info {
  color: #999;
  font-size: 14px;
  left: -10px;
  position: absolute;
}
.partner-reg-wizard > .reg-wizard-step.complete > .reg-wizard-dot {
  background-image: url("../images/check-mark-completed.png");
  background-repeat: no-repeat;
  height: 24px;
  left: -2px;
  position: absolute;
  top: 12px;
  width: 24px;
} 
.partner-reg-wizard > .reg-wizard-step.complete > .reg-wizard-info {
  left: -14px;
}
.partner-reg-wizard > .reg-wizard-step.active > .reg-wizard-info {
  left: -30px;
}
.partner-reg-wizard > .reg-wizard-step.active > .reg-wizard-dot {
  background-image: url("../images/check-mark-steps.png");
  background-repeat: no-repeat;
  height: 24px;
  left: -2px;
  position: absolute;
  top: 12px;
  width: 24px;
} 
.partner-reg-wizard > .reg-wizard-step > .progress {
  border-radius: 0;
  box-shadow: none;
  height: 4px;
  margin: 22px 0;
  position: relative;
}

.partner-reg-wizard > .reg-wizard-step > .progress > .progress-bar {
  background: #fbe8aa;
  box-shadow: none;
  width:0;
}
.partner-reg-wizard > .reg-wizard-step.complete,
.partner-reg-wizard > .reg-wizard-step.active,
.partner-reg-wizard > .reg-wizard-step.disabled {
  margin-left: 0
}
.partner-reg-wizard > .reg-wizard-step.complete > .progress > .progress-bar {
  width:0%;
}
.partner-reg-wizard > .reg-wizard-step.active > .progress > .progress-bar {
  width:0%;
}
.partner-reg-wizard > .reg-wizard-step:first-child.active > .progress > .progress-bar {
  width:0%;
}
.partner-reg-wizard > .reg-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.partner-reg-wizard > .reg-wizard-step.disabled > .reg-wizard-dot {
  background: #ccc;
}
.partner-reg-wizard > .reg-wizard-step.disabled > .reg-wizard-dot:after {
  opacity: 0;
}
.partner-reg-wizard > .reg-wizard-step:first-child  > .progress {
  left: 3%;
  width: 100%;
}
/*completed sign up proces*/
.partner-reg-wizard > .reg-wizard-step:first-child.completed-step1  > .progress,
.partner-reg-wizard > .reg-wizard-step:first-child.completed-step2  > .progress,
.partner-reg-wizard > div.complete:nth-of-type(2) > div.progress-completed {
  background: #57cbf5;
}

.partner-reg-wizard > .reg-wizard-step:last-child  > .progress {
  width: 3%;
}
.partner-reg-wizard > .reg-wizard-step.disabled a.reg-wizard-dot {
  pointer-events: none;
}
/*Display page toggle button
--------------------------------------------------------------*/
.display-page-toggle {
  text-align: center;
}

div.display-page-toggle > label[for="p-toggleThree"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}

div.display-page-toggle > input#p-toggleThree[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}

div.display-page-toggle > label[for="p-toggleThree"] i {
  background-color: #BBBDBF;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 71px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}

div.display-page-toggle > label[for="p-toggleThree"]:before i:before {
  background-color: #BBBDBF;
}

div.display-page-toggle > label[for="p-toggleThree"]:before {
  content: "no";
  margin-left: 53px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.display-page-toggle > input#p-toggleThree[type=checkbox]:checked ~ label:before {
  content: "yes";
  margin-left: 0;
  margin-right: 66px;
  text-transform: uppercase;
}


div.display-page-toggle > input#p-toggleThree[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}

div.display-page-toggle > input#p-toggleThree[type=checkbox]:checked ~ label i {
  background-color: #5BCAF4;
  right: 4px;
}

div.display-page-toggle > input#p-toggleThree {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-dropdown {
  background-image: url(../Images/admin-dropdown-arrow-white.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 12px;
}
ul.dropdown-menu.reward-create {
  margin: 39px 73px 0;
}
/*Terms and conditions agreement
------------------------------------------*/
.terms-container {
  margin-left: 275px;
  width: 59.5%;
}
.terms-bar {
  font-size: 12px;
  line-height: 20px;
  padding-left: 7px;
}
div#terms-title {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 34px 0;
}
p.terms-subtitle {
  border-bottom: none;
  margin-bottom: 5px;
}
p.terms-date {
  border-bottom: none;
  color: #a6a8ab;
  display: block;
  font-size: 12px;
  margin-bottom: 15px;
}
p.terms-head {
  border-bottom: none;
  color: #a6a8ab;
  font-size: 12px;
  margin-bottom: 10px;
}
div.reward p:last-child,
div.term-of-agreement p:last-child,
div.responsibilities p:nth-of-type(2),
div.redemption-process p+p,
div.redemption-process p:last-child,
div.intellectual-property p+p,
div.discontinuance p+p,
div.changes p+p {
  color: #a6a8ab;
  font-size: 12px;
  line-height: 15px;
  margin-left: 20px;
}
div.responsibilities ul,
div.redemption-process ul {
  color: #a6a8ab;
  font-size: 12px;
  line-height: 25px;
  margin-left: 35px;
}
div.approval p+p,
div.contactingGM p+p {
  color: #a6a8ab;
  font-size: 12px;
}

/* Edit reward page
------------------------------------------------------------------------*/
.container.partner-edit-reward-page {
  margin-bottom: 20px;
  margin-left: 264px;
  padding-left: 0;
  width: 59.5%;
}
.biss-email,
.biss-mobile {
  width: 92%;
}
/*Edit reward notification toggle button
--------------------------------------------------------------*/
.edit-toggle {
  text-align: center;
}
.space-between {
  margin-bottom: 15px;
}
.more-padd-left {
  padding-left: 22px;
}

div.edit-toggle > label[for="edit-toggleOne"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}
div.edit-toggle > label[for="edit-toggleTwo"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}
div.edit-toggle > label[for="edit-toggleThree"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}

div.edit-toggle > input#edit-toggleOne[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}  
div.edit-toggle > input#edit-toggleTwo[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}
div.edit-toggle > input#edit-toggleThree[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}

div.edit-toggle > label[for="edit-toggleOne"] i {
  background-color: #5BCAF4;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 4px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}
div.edit-toggle > label[for="edit-toggleTwo"] i {
  background-color: #5BCAF4;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 4px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}
div.edit-toggle > label[for="edit-toggleThree"] i {
  background-color: #BBBDBF;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 71px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}

div.edit-toggle > label[for="edit-toggleOne"]:before i:before {
  background-color: #BBBDBF;
}
div.edit-toggle > label[for="edit-toggleTwo"]:before i:before {
  background-color: #BBBDBF;
}
div.edit-toggle > label[for="edit-toggleThree"]:before i:before {
  background-color: #BBBDBF;
}

div.edit-toggle > label[for="edit-toggleOne"]:before {
  content: "yes";
  margin-right: 66px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
div.edit-toggle > label[for="edit-toggleTwo"]:before {
  content: "yes";
  margin-right: 66px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
div.edit-toggle > label[for="edit-toggleThree"]:before {
  content: "no";
  margin-left: 53px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.edit-toggle > input#edit-toggleOne[type=checkbox]:checked ~ label:before {
  content: "no";
  margin-left: 53px;
  margin-right: 0;
  text-transform: uppercase;
}
div.edit-toggle > input#edit-toggleTwo[type=checkbox]:checked ~ label:before {
  content: "no";
  margin-left: 53px;
  margin-right: 0;
  text-transform: uppercase;
}
div.edit-toggle > input#edit-toggleThree[type=checkbox]:checked ~ label:before {
  content: "yes";
  margin-left: 0;
  margin-right: 66px;
  text-transform: uppercase;
}

div.edit-toggle > input#edit-toggleOne[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}
div.edit-toggle > input#edit-toggleTwo[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}
div.edit-toggle > input#edit-toggleThree[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}

div.edit-toggle > input#edit-toggleOne[type=checkbox]:checked ~ label i {
  background-color: #BBBDBF;
  right: 71px;
}
div.edit-toggle > input#edit-toggleTwo[type=checkbox]:checked ~ label i {
  background-color: #BBBDBF;
  right: 71px;
}
div.edit-toggle > input#edit-toggleThree[type=checkbox]:checked ~ label i {
  background-color: #5BCAF4;
  right: 4px;
}

div.edit-toggle > input#edit-toggleOne {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
} 
div.edit-toggle > input#edit-toggleTwo {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
} 
div.edit-toggle > input#edit-toggleThree {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/*Partner Manage reward page 
-------------------------------------------------------------------*/
.new-reward a {
  background-color: #61CBF2;
  border-radius: 4px;
  color: #fff!important;
  margin: 17px 0;
  padding: 6px 10px 5px 10px;
}
.new-reward a:hover {
  background-color: #00aeef!important;
  color: #fff;
}
div#header-manage-reward span.counter {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 15px;
  left: 26px;
  padding: 2px 0;
  position: absolute;
  top: 11px;
  width: 15px;
}
.p-manage-reward-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px
  width: 59.5%;
}
.p-manage-reward-container .panel-heading {
  padding: 22px 0 0 3px;
}
div#manage-reward-header {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 0;
}
.manage-reward-content {
  padding-left: 5px;
}
table#reward-details {
  margin-bottom: 65px;
}
table#reward-details thead tr th:first-child {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
}
table#reward-details thead tr th + th {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  /* padding-bottom: 8px; */
  vertical-align: middle;
}
table#reward-details tbody tr {
  border-bottom: 1px solid #BBBDBF;
}
table#reward-details tbody tr td {
  padding-top: 12px;
}
table#reward-details tbody tr td div.row div:first-child {
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 6.3%;
}
table#reward-details tbody tr td div.row div img.img-responsive {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 24px;
  width: 23px;
}
table#reward-details tbody tr td div.row div:last-child {
  padding-left: 9px;
}
table#reward-details tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}
table#reward-details tbody tr td div.row div p {
  color: #929497;
  font-size: 11px;
}
table#reward-details tbody tr td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table#reward-details tbody tr td[data-th="Redemptions sent to"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table#reward-details tbody tr td[data-th="Status"] {
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.status-live {
  color: #39b54a;
}
table#reward-details > tbody > tr > td {
  vertical-align: top;
}
.dropdown.reward-buttons {
  display: inline-block;
}
ul.dropdown-menu.reward-preview {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -145px 0;
}
ul.dropdown-menu.reward-edit {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -132px 0;
}
ul.dropdown-menu.reward-preview li,
ul.dropdown-menu.reward-edit li {
  padding: 10px;
}
button.dropdown-preview,
button.dropdown-edit {
  background-color: #F1F1F2;
  border: 0;
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
}
button.dropdown-preview:focus, button.dropdown-edit:focus {
  outline: none;
}
button.dropdown-preview span {
  background-image: url(../Images/preview-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}
button.dropdown-edit span {
  background-image: url(../Images/edit-delete-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}

/*Partner Redemptions - Bloom the Chemist 
-------------------------------------------------------------------*/
div.redemptions-blooms-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px
  width: 59.5%;
}

div.redemptions-blooms-container p.panel-subtitle {
  border-bottom: none;
  color: #58595B;
  font-size: 17px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

div#header-redemptions-details span.counter {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 15px;
  left: 26px;
  padding: 2px 0;
  position: absolute;
  top: 11px;
  width: 15px;
}

.claim-bar-redemptions {
  margin: 25px 0 20px 0;
  width: 102.2%;
}

.claim-bar-redemptions ul.category-tabs {
  display: table;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

div.claim-bar-redemptions ul.category-tabs li {
  width: 32.66%;
}

div.claim-bar-redemptions ul.category-tabs li.active a {
  color: #fff;
}

.middle-tab {
  border-left: 1px solid #BBBDBF;
  border-right: 1px solid #BBBDBF;
}

div.claim-bar-redemptions ul.category-tabs li a {
  background-color: #F1F1F2;
  border-radius: 0;
  color: #929497;
  font-size: 13px;
  text-align: center;
}
div.claim-bar-redemptions ul.category-tabs li a:hover {
  background-color: #BBBDBF!important;
  color: #fff;
}

div#manage-reward-header {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 0;
}

.manage-reward-content {
  padding-left: 5px;
}

table#redemptions-bloomthechemist {
  font-size: 12px;
  margin-bottom: 65px;
}

table#redemptions-bloomthechemist thead tr th:first-child {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
  vertical-align: middle;
}

table#redemptions-bloomthechemist thead tr th + th {
  color: #58595B;
  font-size: 12px;
  /* padding-bottom: 8px; */
  vertical-align: middle;
}

table#redemptions-bloomthechemist tbody tr {
  border-bottom: 1px solid #BBBDBF;
}

table#redemptions-bloomthechemist tbody tr td {
  padding-top: 12px;
}

table#redemptions-bloomthechemist tbody tr td div.row div:first-child {
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 6.3%;
}

table#redemptions-bloomthechemist tbody tr td div.row div img.img-responsive {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 24px;
  width: 23px;
}

table#redemptions-bloomthechemist tbody tr td div.row div:last-child {
  padding-left: 9px;
}

table#redemptions-bloomthechemist tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}

table#redemptions-bloomthechemist tbody tr td div.row div p {
  color: #929497;
  font-size: 11px;
}

table#redemptions-bloomthechemist tbody tr td[data-title="Voucher number"] span {
  color: #5bcbf5;
}

table#redemptions-bloomthechemist tbody tr td[data-th="Redemptions sent to"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
}

table#redemptions-bloomthechemist tbody tr td[data-title="Status"] {
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.status-live {
  color: #39b54a;
}

table#redemptions-bloomthechemist > tbody > tr > td {
  vertical-align: top;
}

.dropdown.change-reward-to {
  display: inline-block;
  margin-right: 10px;
}
.dropdown.download-format {
  display: inline-block;
}

ul.dropdown-menu.reward-preview {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -145px 0;
}

ul.dropdown-menu.reward-edit {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -132px 0;
}

ul.dropdown-menu.reward-preview li,
ul.dropdown-menu.reward-edit li {
  padding: 10px;
}

button.dropdown-preview,
button.dropdown-edit {
  background-color: #F1F1F2;
  border: 0;
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
}
button.dropdown-change-reward {
  background-color: #F1F1F2;
  border: 0;
  border-radius: 3px;
  font-size: 12px;
  margin-bottom: 11px;
  padding: 8px 10px 8px 13px;
}

button.dropdown-download {
  background-color: #F1F1F2;
  border: 0;
  border-radius: 3px;
  margin-bottom: 11px;
  padding: 3px 8px 11px 8px;
}

button.dropdown-preview:focus, button.dropdown-edit:focus,
button.dropdown-change-reward:focus, button.dropdown-download:focus {
  outline: none;
}

button.dropdown-preview span {
  background-image: url(../Images/preview-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}

span.edit {
  background-image: url(../Images/edit-delete-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}

span.preview {
  background-image: url(../Images/dropdown-arrow.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  left: 6px;
  position: relative;
  top: 1px;
  width: 12px;
}

button.dropdown-download span {
  background-image: url(../Images/download-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  left: 0;
  position: relative;
  top: 5px;
  width: 14px;
}

ul.dropdown-menu.change-reward-list {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -137px 0;
  margin-left: -137px;
  outline: none;
  padding-top: 5px;
  width: 267px;
}

ul.dropdown-menu.change-reward-list li {
  padding: 10px;
}

ul.dropdown-menu.change-reward-list li.divider {
  margin: 9px 13px 9px 8px;
  overflow: visible;
  padding: 0;
}

ul.dropdown-menu.download-list {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -129px 0;
  outline: none;
}

ul.dropdown-menu.download-list li {
  padding: 10px;
}

/* Redemptions
------------------------------------------------------------------------*/
div.redemptions-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px;
  width: 59.5%;
}
div.redemptions-container .panel-heading {
  padding: 22px 0 0 0;
}

div.redemptions-container .panel-body {
  padding: 0 0 0 3px;
}

div.redemptions-container p.panel-subtitle {
  border-bottom: none;
  color: #58595B;
  font-size: 17px;
  margin-bottom: 17px;
  padding-bottom: 5px;
}
div.Redemptions > div:nth-of-type(1) {
  margin-right: 20px;
  padding-left: 12px;
}
table#partner-redemptions {
  margin-bottom: 100px;
}
table#partner-redemptions thead tr th {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
}
table#partner-redemptions tbody tr, table#checkout-table tbody tr {
  border-bottom: 1px solid #BBBDBF;
}
table#partner-redemptions tbody tr td {
  padding-top: 12px;
}
table#partner-redemptions tbody tr:hover {
  background-color: #F1F1F2;
}
.reward-img-holder {
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 5.95%;
}
.reward-img {
  border: 1.5px solid #DDDDDD;
  border-radius: 2px;
  height: 30px;
  width: 30px;
}
.reward-promotion {
  color: #929497;
  font-size: 12px;
}
.reward-notification-update {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 16px;
  left: -1px;
  padding: 3px 0;
  position: relative;
  top: -5px;
  width: 16px;
}
.nomargin {
  margin: 0;
}

/* Partner Update profile
------------------------------------------------------------------------*/
.business-name-field {
  width: 20.8%;
}
.mobile-business-label {
  color: #929497;
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  text-align: left;
}
.business-email-label {
  color: #929497;
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  text-align: left;
}

/* Reward partner business name
------------------------------------------------------------------------*/
.partner-business-name {
  width: 61%;
}
.partner-business-name .panel-body {
  padding-left: 16px;
}
.r-p-business-logo {
  border: 1px solid rgba(166, 168, 171, 0.4);
  height: 98px;
  margin-bottom: 20px;
  width: 98px;
}
.reward-partner-business-info {
  color: #929497;
  font-size: 12px;
}
.business-name {
  color: #333333;
  font-size: 17px;
  margin-bottom: 7px;
}
.business-title {
  margin-bottom: 25px;
  padding-left: 0;
}
.business-street {
  margin-bottom: 7px;
}
.business-email {
  margin-bottom: 7px;
  padding-left: 0;
}
.business-webaddress {
  margin-bottom: 7px;
  padding-left: 0;
}
.business-phoneandmobile {
  padding-left: 17px;
  vertical-align: top;
}
.business-phone {
  background-image: url(../Images/reward-partner-business-phone.png);
  background-position: 0 -13px;
  height: 13px;
  left: 14px;
  margin-right: 3px;
  position: absolute;
  width: 14px;
}
.business-mobile {
  background-image: url(../Images/reward-partner-business-mobile.png);
  background-position: 0 -15px;
  display: inline-block;
  height: 15px;
  margin-left: 7px;
  margin-right: 3px;
  position: relative;
  width: 8px;
}
.activity-summary-container {
  margin-bottom: 20px;
  margin-left: 264px;
  max-width: 59.5%;
  padding-left: 0;
}
.activity-summary-container .panel-body {
  padding-left: 20px;
}
.activity-summary {
  padding-left: 4px;
}
.activity-summary span {
  color: #BBBDBF;
}
.activities-widget-title {
  color: #000;
  display: block;
  font-size: 13px;
  margin-top: 15px;
}
.reward-page-visit, .voucher-redeemed,
.average-age, .gender-activity {
  border-bottom: 1px solid #D0D2D3;
  padding-bottom: 10px;
  padding-top: 22px;
  text-align: center;
}
.reward-page-visit img, .voucher-redeemed img,
.average-age img, .gender-activity img {
  display: block;
  margin: auto;
}
.activity-widget-summary {
  text-align: center;
}
.activity-widget-summary span {
  display: block;
  font-family: myriad pro;
  font-size: 28px;
  margin-top: 20px;
}

span.impressions {
  color: #5BCAF4;
}

span.number-of-rewards {
  color: #b2d235;
}

span.average-listed-age {
  color: #f3bd40;
}

span.gender-percentage {
  color: #f15b61;
}

.rewards-summary-container {
  margin-bottom: 20px;
  margin-left: 264px;
  min-height: 600px;
  width: 59.5%;
}

#reward-summary-header {
  margin-bottom: 20px;
  padding-left: 4px;
  text-align: left;
}

.rewards-summary {
  color: #58595B;
  font-size: 17px;
  font-weight: 500;
  padding-left: 0;
}

.rewards-summary span {
  color: #BBBDBF;
}

.reward-summary-content {
}

#reward-summary-table {
  margin-bottom: 65px;
}

#reward-summary-table thead tr th {
  color: #58595B;
  font-size: 12px;
  padding-bottom: 8px;
  vertical-align: middle;
}

#reward-summary-table tbody tr {
  border-bottom: 1px solid #BBBDBF;
}

#reward-summary-table tbody tr:hover {
  background-color: #F1F1F2;
}

#reward-summary-table > tbody > tr > td {
  padding-bottom: 12px;
  padding-top: 12px;
  vertical-align: middle;
}
#reward-summary-table img.reward-pic {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 24px;
  width: 23px;
}
.redemptions-dropdown {
  background-color: #F1F1F2;
  color: #929497;
}
.redemptions-btn-dropdown {
  background-image: url(../Images/dropdown-arrow.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 8px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 10px;
}
.redemption-dropdown-menu {
  background-color: #f3f3f4;
  color: #7f8080;
}

.status-other {
  color: #7f8080;
}

.registration-business-location-dropdown select {
  background-position: 275px 19px;
}

.shopNumber div:nth-of-type(1) {
  padding-left: 0;
}
.shop-number {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 93%;
}
.street-number {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.suburbContent div:nth-of-type(1) {
  padding-left: 0;
}
.suburb-field {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 93%;
}
.postcode-field {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.ABN-field {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}
.type-of-business {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}
.business-website {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}
/*Additional users
----------------------------------------------*/

.p-additional-users-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px;
  width: 59.5%;
}
.p-additional-users-container .panel-heading {
  padding: 22px 0 0 3px;
}
div#additional-users-header {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 0;
}
.additional-users-content {
  padding-left: 5px;
}
table#additional-users-details {
  margin-bottom: 38px;
}
table#additional-users-details thead tr th + th {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  /* padding-bottom: 8px; */
  vertical-align: middle;
}
table#additional-users-details tbody tr {
  border-bottom: 1px solid #BBBDBF;
}
table#additional-users-details tbody tr td {
  padding: 16px 0;
}
table#additional-users-details tbody tr td div.row div:first-child {
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 6.3%;
}
.status-live {
  color: #39b54a;
}
table#additional-users-details > tbody > tr > td {
  vertical-align: middle;
}

button.dropdown-users-edit {
  background-color: #F1F1F2;
  border: 0;
  margin-bottom: 0;
  padding: 6px 6px 5px 6px;
}
p.add-user {
  padding-top: 10px;
}
tbody.additional-users-body tr:hover {
  background-color: #F1F1F2;
}

/* Footer
------------------------------------------------------------------------*/
.footer {
  /*height: 284px;*/
  background-color: #4c4d4f;
  color: #929497;
  font-size: 13px;
}

div#nav_seo {
  padding-bottom: 172px;
}

div#nav_seo ul {
  list-style: none;
  margin-bottom: 45px;
}
div#nav_seo > ul {
  padding-left: 0;
}

ul.nav_social {
  float: left;
  padding-left: 0;
}

ul.nav_social li.facebook {
  padding-left: 11px!important;
}

ul.nav_social li.twitter,
ul.nav_social li.pinterest {
  padding-left: 7px!important;
}

div#nav_seo ul li:first-child {
  padding-left: 0;
}

div#nav_seo ul li a:hover {
  text-decoration: none;
}

#nav_seo li {
  margin-bottom: 17px;
}

#nav_seo li {
  float: left;
  padding: 0 0 0 32px;
}

#nav_seo a, #nav_seo h4 {
  color: #a7a9ac;
  float: left;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: 0;
}

#nav_seo a:hover,#nav_seo a:focus {
  color: #fff;
}

.nav_social a {
  background-image: url(../Images/social-icons.png);
  display: block;
  height: 19px;
  width: 19px;
}

.nav_social .facebook a {
  background-position: -5px -3px;
}

.nav_social .facebook a:hover {
  background-position: -5px -25px;
}

.nav_social .twitter a {
  background-position: -29px -3px;
}

.nav_social .twitter a:hover {
  background-position: -29px -25px;
}

.nav_social .pinterest a {
  background-position: -54px -3px;
}

.nav_social .pinterest a:hover {
  background-position: -54px -25px;
}

#copyright {
  clear: both;
  float: left;
  margin-bottom: 55px;
}

#bulletproof {
  float: right;
  margin-top: -28px;
  position: relative;
}

#bulletproof a {
  color: #919396;
  text-decoration: none;
}

#bulletproof span {
  background: url(../Images/buletproof-sprite.png) 0 0;
  cursor: pointer;
  display: block;
  height: 17px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -999em;
  width: 115px;
}

#bulletproof a:hover span,#bulletproof a:focus span {
  background-position: 0 -17px;
}

/*Select city menu
---------------------------------------*/
.select-city {
  font-size: 13px;
  height: 0; /*Collapses the menu*/
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  /*Animation*/
  -webkit-transition: height 1s ease;
  transition: height 1s ease;
}
.select-city:hover ul {
  height: 93px;
}

/*full width slider
--------------------------------------*/


/* ADMIN Create Challenge Page
------------------------------------------------------------------------*/
/*ADMIN header Create Challenge Page
---------------------------------------------------------*/
.admin-create-challenge-logo {
  margin-left: 62px;
}

.admin-create-challenge-logo .brand.logo img {
  margin-top: 16px;
}

#header-admin-create-challenge > ul > li > a {
  color: #fff;
  padding-top: 12px;
}


div#header-admin-create-challenge span.counter {
  background-color: #EA2043;
  border-radius: 10px;
  font-size: 83%;
  height: 15px;
  left: 26px;
  padding: 2px 0;
  position: absolute;
  top: 11px;
  width: 15px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown.open > a {
  background-color: transparent;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu {
  left: 0;
  top: 129%;
  width: inherit;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a {
  font-weight: normal;
  margin: 7px 0;
  padding: 5px 10px 5px 7px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a:hover {
  background-color: #808080;
  border-radius: 4px;
  font-weight: normal;
  margin: 7px 0;
  padding: 5px 10px 5px 7px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a > strong {
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0 0 0 3px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a > strong:hover {
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0 0 0 3px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a > strong:focus {
  background-color: transparent;
}

.default-user-pic-small {
  background-image: url(../Images/default-admin-user-pic.png);
  background-position: 0 0;
  border-radius: 4px;
  display: inline-block;
  height: 19px;
  position: relative;
  top: 5px;
  width: 19px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > a > span:nth-of-type(2) {
  background-image: url(../Images/admin-dropdown-arrow-white.png);
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 12px;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.active > a {
  background-color: #C5C7C9;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.active > a:hover {
  background-color: #F1F1F2;
}

div#header-admin-create-challenge > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li.divider {
  margin: 9px 13px 9px 8px;
}


div.container.menu-navbar {
  padding-left: 0;
}
a.brand.logo {
  padding-left: 0;
}
.container.admin-challenges-details,
.container.admin-challenges-details-description,
.container.admin-challenges-profile-images,
.container.admin-challenges-settings,
.container.admin-challenges-notifications,
.container.admin-challenges-finalise {
  background-color: transparent;
  margin-bottom: 20px;
  margin-left: 264px;
  padding-left: 0;
  width: 60.5%;
}
.label-form {
  color: #929497;
  font-size: 13px;
  font-weight: normal;
  padding-left: 0;
  text-align: left;
}
.biss-address {
  margin-bottom: 15px;
}
.admin-challenge-date-pickers {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 12px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 5px;
}
textarea.admin-challenge-hours {
  background-color: #f3f3f4;
  border: none;
  color: #929497;
  font-size: 12px;
  /*height: 75px;*/
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.admin-challenge-terms {
  background-color: #f3f3f4;
  border: none;
  color: #929497;
  /*height: 75px;*/
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.admin-challenge-terms {
  color: #0E0E0E;
  font-size: 12px;
  line-height: 1.4;
  /*height: 160px;*/
  padding: 14px 9px 0 9px;
  resize: none;
  width: 278px;
}
textarea.biss-descr {
  background-color: #f3f3f4;
  border: none;
  font-size: 10px;
  height: 150px;
  padding: 9px;
  resize: none;
  width: 278px;
}
div.form-group.admin-challenge-location,
div.form-group.admin-challenge-date-hours,
div.form-group.admin-challenge-terms-conditions,
div.form-group.admin-challenge-instructions-field,
div.form-group.admin-challenge-campaign,
div.form-group.admin-chalenge-earn-amount,
div.form-group.admin-chalenge-short-grab,
div.form-group.admin-chalenge-points,
div.form-group.admin-challenge-challenge-type,
div.form-group.admin-challenge-promo-code,
div.form-group.admin-challenge-logo,
div.form-group.admin-challenge-profile-image,
div.form-group.admin-challenge-insert-article,
div.form-group.admin-challenge-award,
div.form-group.admin-challenge-participation,
div.form-group.admin-challenge-description,
div.form-group.admin-challenge-contact-details,
div.form-group.admin-challenge-email-toggle,
div.form-group.admin-challenge-send-emails,
div.form-group.admin-challenge-toggle-display-page,
/*div.form-group.admin-challenge-share,*/
div.form-group.admin-challenge-duration {
  border-bottom: 1px solid #D0D2D3;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 15px;
  width: 98%;
}
.admin-challenge-points label,
.admin-challenge-share label {
  padding-left: 14px;
}
.ad-ch-field-descr {
  padding-left: 0;
  padding-right: 30px;
}
div.form-group.admin-chalenge-points,
div.form-group.admin-challenge-profile-image,
div.form-group.admin-challenge-participation,
div.form-group.admin-challenge-contact-details,
div.form-group.admin-challenge-send-emails,
div.form-group.admin-challenge-share {
  border: none!important;
}
.change-address-button {
  padding-right: 0;
}

/*ADMIN Challenge Resize div (custom - col-md-5)
----------------------------------------------*/
.resizeW {
  width: 38.666667%;
}
.admin-challenge-name-field {
  width: 19.8%;
}
.admin-challenge-postcode {
/*  margin-left: 10px;
*/}
/*ADMIN Challenge Resize input 
----------------------------------------------*/
.admin-challenge-input-resizeW {
  width: 98%;
}
.biss-special-instrc {
  width: 93%;
}
/*ADMIN Challenge Resize select category listing
----------------------------------------------*/
select.admin-challenge-select-state {
  background-position: 130px 19px;
  padding-left: 5px;
  padding-right: 23px;
}
select.select-challenge-type {
  background-position: 272px 19px;
  line-height: 1.5;
  padding-left: 3px;
  width: 100%;
}
select.admin-challenge-award-points {
  background-position: 272px 19px;
  line-height: 1.5;
  padding-left: 3px;
  width: 100%;
}
select.admin-challenge-participation-frequency {
  background-position: 272px 19px;
  line-height: 1.5;
  padding-left: 3px;
  width: 100%;
}
select.admin-challenge-send-emails {
  background-position: 272px 19px;
  padding-left: 5px;
  width: 100%;
}
select:focus {
  outline: none;
}

textarea.challenge-campaign-name {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.earn-amount {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  height: 80px;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.short-grab-about {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  height: 80px;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.description-purpose {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}
textarea.admin-challenge-instructions {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  padding: 9px;
  resize: none;
  width: 278px;
}
.challenge-number-of-points {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}

/*ADMIN Challenge Logo img correct image size
---------------------------------------------*/
.img-descr-size {
  padding-right: 10px;
}
.admin-challenge-logo-size {
  border: 1px dashed rgba(166, 168, 171, 0.4);
  height: 139px;
  width: 139px;
}
.admin-challenge-image-holder {
  padding-right: 0;
}
.admin-challenge-imagebox {
  border: 1px dashed rgba(166, 168, 171, 0.4);
}
.admin-challenge-images {
  border: 1px solid rgba(166, 168, 171, 0.4);
}
.white-space {
  margin-right: 3px;
}
.white-space-r-b {
  margin-bottom: 20px;
  margin-right: 3px;
}
.white-space-b {
  margin-bottom: 20px;
}
.imgbox-hover,
.img-hover {
  display: inline-block;
  height: 100px;
  position: relative;
  width: 148px;
}
.img-overlay {
  background-color: #000000;
  bottom: 0;
  left: 0; 
  margin: auto;
  opacity: 0.25;
  position: absolute;
  right: 0;
  top: 0; 
}

.imgbox-hover:hover .img-overlay {
  opacity: 0.8;
}
span.delete {
  background-image: url(../Images/delete-image.png);
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  left: 125px;
  position: absolute;
  top: 4px;
  width: 20px;
  z-index: 20;
}
/*Settings
-----------------------------------------*/
.admin-challenge-set-promo-code {
  background: #f3f3f4;
  border: none;
  border-radius: 2px;
  color: #58595B;
  font-size: 12px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}
textarea.admin-challenge-insert-article {
  background-color: #f3f3f4;
  border: none;
  color: #0E0E0E;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  /*height: 75px;*/
  padding: 9px;
  resize: none;
  width: 278px;
}
/*Finalise and display
-----------------------------------------*/
/*Send email notifications each time a participant joins toggle button
--------------------------------------------------------------*/
.challenge-send-email-notif-toggle {
  text-align: center;
}

div.challenge-send-email-notif-toggle > label[for="ch-email-toggleThree"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}

div.challenge-send-email-notif-toggle > input#ch-email-toggleThree[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}

div.challenge-send-email-notif-toggle > label[for="ch-email-toggleThree"] i {
  background-color: #BBBDBF;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 71px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}

div.challenge-send-email-notif-toggle > label[for="ch-email-toggleThree"]:before i:before {
  background-color: #BBBDBF;
}

div.challenge-send-email-notif-toggle > label[for="ch-email-toggleThree"]:before {
  content: "no";
  margin-left: 53px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.challenge-send-email-notif-toggle > input#ch-email-toggleThree[type=checkbox]:checked ~ label:before {
  content: "yes";
  margin-left: 0;
  margin-right: 66px;
  text-transform: uppercase;
}


div.challenge-send-email-notif-toggle > input#ch-email-toggleThree[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}

div.challenge-send-email-notif-toggle > input#ch-email-toggleThree[type=checkbox]:checked ~ label i {
  background-color: #5BCAF4;
  right: 4px;
}

div.challenge-send-email-notif-toggle > input#ch-email-toggleThree {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/*Display page toggle button
--------------------------------------------------------------*/
.admin-challenge-display-page-toggle {
  text-align: center;
}

div.admin-challenge-display-page-toggle > label[for="ch-toggleThree"] {
  background-color: #F1F1F2;
  border-radius: 3px;
  color: #929497;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  line-height: 30px;
  position: relative;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  width: 101px;
}

div.admin-challenge-display-page-toggle > input#ch-toggleThree[type=checkbox]:checked ~ label.attention:hover:before {
  content: "on";
  font-size: 13px;
}

div.admin-challenge-display-page-toggle > label[for="ch-toggleThree"] i {
  background-color: #BBBDBF;
  border-radius: 3px;
  display: block;
  height: 23px;
  position: absolute;
  right: 71px;
  top: 2.5px;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 27px;
}

div.admin-challenge-display-page-toggle > label[for="ch-toggleThree"]:before i:before {
  background-color: #BBBDBF;
}

div.admin-challenge-display-page-toggle > label[for="ch-toggleThree"]:before {
  content: "no";
  margin-left: 53px;
  text-transform: uppercase;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.admin-challenge-display-page-toggle > input#ch-toggleThree[type=checkbox]:checked ~ label:before {
  content: "yes";
  margin-left: 0;
  margin-right: 66px;
  text-transform: uppercase;
}


div.admin-challenge-display-page-toggle > input#ch-toggleThree[type=checkbox]:checked ~ label {
  background-color: #F1F1F2;
}

div.admin-challenge-display-page-toggle > input#ch-toggleThree[type=checkbox]:checked ~ label i {
  background-color: #5BCAF4;
  right: 4px;
}

div.admin-challenge-display-page-toggle > input#ch-toggleThree {
  bottom: 5px;
  left: 50%;
  margin-left: 10px;
  opacity: .1;
  position: absolute;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-dropdown {
  background-image: url(../Images/admin-dropdown-arrow-white.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 12px;
}
ul.dropdown-menu.reward-create {
  margin: 39px 73px 0;
}

/*Meat free week Earn points detail page - PLEDGE
--------------------------------------------------------------------*/
/*************/
.category-challenge-details {
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
}

.challange-hr {
  margin: 20px auto;
  width: 108%;
}

.challenges-admin-bar-logo img {
  left: 60px;
  position: relative;
  top: 13px;
}
.counter-challenge {
  background-color: #EA2043;
  border-radius: 10px;
  color: #fff;
  font-size: 83%;
  height: 16px;
  left: 37px;
  padding: 3px 0;
  position: absolute;
  top: 12px;
  width: 16px;
}
.earn-points-pledge {
  margin-left: 7px
}
.earn-points-pledge hr {
  left: -22px;
  margin: 20px auto;
  position: relative;
  top: 0;
  width: 92%;
}
.earn-points-pledge hr:first-child {
  left: -22px;
  margin: 20px;
  position: relative;
  top: 40px;
  width: 93%;
}
.user-challange-logo-box {
  bottom: 20px;
  left: 25px;
  position: absolute;
  z-index: 999;
}

.earn-points-pledge div {
  color: #929497;
  font-size: 12px;
}

.earn-points-pledge div p:first-of-type {
  color: #58595b;
  font-size: 14px;
  font-weight: 400;
}


.instruction-earn-points-pledge p:nth-of-type(1) {
  font-size: 14px;
}

.instruction-earn-points-pledge p:nth-of-type(2) {
  font-size: 12px;
}

.instruction-content {
  padding-left: 8px;
}
ol.instruction-make-a-pledge {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.instruction-make-a-pledge li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}

ol.instruction-make-a-pledge li::before {
  color: #929497;
  content: counter(step-counter) ".";
  margin-right: 5px;
  padding: 3px 8px;
}

ol.instruction-make-a-pledge li:first-child::before {
  margin-right: 9px;
}

div.about-earn-points-pledge {
  margin-top: 60px;
}

div.instruction-earn-points-pledge {
  margin-top: 21px;
}

div.more-info-earn-points-pledge {
  margin-top: 21px;
}
div.more-info-earn-points-pledge p {
  padding-right: 10px;
}

div.earn-points-pledge-button {
  margin-top: 21px;
}


/******* short description earn points PLEDGE ******/
div.single-reward-earn-points-pledge > div:nth-of-type(1) {
  margin: 25px 12px 0 7px;
}

div.single-reward-earn-points-pledge> div:nth-of-type(2) {
  margin-top: 25px;
  padding-right: 0;
}
.short-description-earn-points-pledge {
  background-color: #929497;
  color: #fff;
  margin-bottom: 20px;
  padding: 10px 10px 1px 10px;
}

.short-description-earn-points-pledge h2 {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 0;
}

.short-description-earn-points-pledge > p:first-of-type {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin-bottom: 18px;
  padding-right: 40px;
}

.short-description-earn-points-pledge hr {
  left: -4px;
  margin: 17px auto;
  position: relative;
  width: 96%;
}
.short-description-earn-points-pledge > p:last-of-type {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  margin-bottom: 25px;
  padding-left: 3px;
}
.earn-points-detail-page-pledge > div.navbar-main > div.panel-info >  div.panel-heading h1.panel-title {
  float: left;
  padding-bottom: 0;
}
.earn-points-detail-page-pledge > div.navbar-main > div.panel-info >  div.panel-heading > input > span > button {
  background-color: transparent;
}


.earn-points-detail-page-pledge > div.navbar-main > div.panel-info >  div.panel-body {
  margin-top: 37px;
  padding-left: 13px;
}

.earn-points-detail-page-pledge {
  margin-bottom: 20px;
  margin-left: 275px;
  padding-left: 0;
  width: 59.5%;
}

/*popupovi Druga faza
-------------------------------------------------------------*/

#earn-points-congratulations-popup span.popup-img {
  background-position: -561px 0;
}
#earn-points-congratulations-popup p.popup-subtitle {
  padding: 0 24px 14px 24px;
}
#nextsteps-popup span.popup-img {
  background-position: -629px 0;
}
#nextsteps-popup p.popup-subtitle {
  padding: 0 9px 14px 10px;
}
#notificationcode-popup span.popup-img {
  background-position: -700px 0;
}
#notificationcode-popup p.popup-subtitle {
  padding: 0 0 14px 0;
}
#entercode-popup span.popup-img {
  background-position: -700px 0;
}
#entercode-popup h2.popup-title {
  padding-left:  32px;
  padding-right:  32px;
}
#entercode-popup p.popup-subtitle {
  padding: 0 0 14px 0;
}
#entercode-popup input {
  margin-bottom: 14px;
}
#invalidcode-popup span.popup-img {
  background-position: 7px 0;
}
#invalidcode-popup p.popup-subtitle {
  padding: 0 0 14px 0;
}
#delete-page-popup span.popup-img {
  background-position: 0 0;
}
#copy-page-popup span.popup-img {
  background-position: -561px 0;
}
.earn-points-buttons {
  width: 56%;
}
span.participatingBtn {
  background-image: url(../Images/participating-check-mark.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  left: -15px;
  position: relative;
  top: 0;
  width: 20px;
}

/*404 Error page 
-------------------------------------------------------*/
.error-404-gmlogo {
  left: 250px;
  position: relative;
}
.error404-container {
  margin-bottom: 50px;
  margin-left: 275px;
  min-height: 600px;
  width: 59.5%;
}
.image-404 {
  padding-top: 60px;
}
.tittle-404 {
  margin-top: 40px;
}
.backbutton-404 {
  margin-top: 60px;
}

/*Maja
---------------------------------------*/
#header-acount-details-new > ul > li > a {
  color: #fff;
}

#header-acount-details-new > ul > li:first-child > a > span {
  color: #61CBF2;
}

#header-acount-details-new ul li a:last-child {
  padding-left: px;
}
.green-money img {
  position: relative;
  right: 690px;
}
table#wallet tbody tr td[data-th="Active date"] {
  color: #38ca47;
  font-size: 12px;
  padding-bottom: 5px;
}

.skype_c2c_text_span {
  color: rgb(0, 175, 253);
}
.skype_c2c_text_span:hover {
  color: rgb(0, 175, 253);
  text-decoration:none;
}

.points-claimed {
  background-color: #c3c6c3;
  border: none;
  border-radius: 3px;
  color: #fff;
  margin-left: 15px
  margin-top: -50px;
  outline: none;
  padding: 6px 28px 7px 31px;
  padding-left: 15px;
}
.short-description-new {
  background-color: #929497;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px 10px 1px 10px;
}

.short-description-new h2 {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 0;
}

.short-description-new > p:first-of-type {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin-bottom: 3px;
  padding-right: 40px;
}

.short-description-new hr {
  left: -4px;
  margin: 17px auto;
  position: relative;
  width: 96%;
}
.reward-details-new {
  margin-left: 7px;
}
.reward-details-new hr:first-child {
  left: -22px;
  margin: 30px;
  position: relative;
  width: 94%;
}
.reward-details-new hr {
  left: -22px;
  margin: 30px;
  position: relative;
  top: 0;
  width: 94%;
}

.reward-details-new div {
  color: #929497;
  font-size: 12px;
}

.reward-details-new div p:first-of-type {
  color: #58595b;
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 5px;
}
div.reward-details-waste-services {
  color: #929497;
  font-size: 12px;
  padding-left: 22px;
}
.reward-details-waste-services hr:first-child {
  left: -14px;
  margin: 20px;
  position: relative;
  top: 75px;
  width: 94%;
}

.wasteservices-instructions {
  margin-left: 60px;
  padding-left: 14px;
  padding-right: 0;
}
.wasteservices-instructions li {
  margin-bottom: 10px;
}

.wasteservices-hr {
  left: -20px;
  margin: 20px;
  position: relative;
  width: 95%;
}

div.about-new {
  margin-top: 0;
}

div.contact-new {
  margin-top: 21px;
}

div.hours-new {
  margin-top: 21px;
}

div.more-info-challenge {
  margin-top: 21px;
}
p.more-info {
  padding-right:10px;
}
ul.more-info-challenge-contents {
  list-style: none;
}
div.earnpointsDetailsBtn {
  margin-top: 30px;
}

div.waste-services {
  color: #929497;
  font-size: 12px;
  margin-top: 95px;
}

.mainBtn-new {
  background-color: #5BCAF4;
  border: none;
  border-radius: 3px;
  color: #fff;
  margin-left: 15px
  margin-top: px;
  outline: none;
  padding: 6px 50px 7px 31px;
  padding-left: 55px;
}

.mainBtn-new:hover {
  background-color: #00b4f1;
  color: #fff;
}

.mainBtn-new:active,
.mainBtn-new:focus {
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}
.challenge-item {
  border-bottom: 1px solid #C5C7C9;
  /*border-top: 1px solid red;*/
  border-left: none;
  border-right: none;
  height: auto;
  min-height: 157px;
  padding: 10px 0;
}

.redeemAllRewards-new {
  margin-bottom: 20px;
  margin-left: 275px;
  padding-left: 0;
  width: 59.5%;
}

.redeemAllRewards-new > div.navbar-main > div.panel-info > div.panel-body {
  margin-top: 37px;
  padding-left: 13px;
}
/*.panel-title {
  float: left;
}*/


.redeem-all-rewards-new {
  background-color: #fff;
  border: none;
  box-shadow: none;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 20px;
  min-height: 20px;
  padding-bottom: 18px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 11px;
  width: 98.7%;
}

.redeem-all-rewards-new > .top-pagination {
  margin-top: 8px;
  padding-right: 0;
  width: 25.7%;
}

.redeem-all-rewards-new > div.top-pagination a.previous,
.redeem-all-rewards-new > div.top-pagination a.previous:hover {
  padding: 9px 13px 9px 9px;
}

.redeem-all-rewards-new > div.top-pagination a.previous span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

.redeem-all-rewards-new > div.top-pagination a.next {
  padding: 9px 9px 9px 13px;
}

.redeem-all-rewards-new > div.top-pagination a.next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}

.redeem-all-rewards-new > div.top-pagination a:hover {
  background-color: #F1F1F2;
  border-radius: 3px;
  padding: 9px 9px 9px 13px;
}

div#admin-new {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 1px 26px 0 7px;
  width: 75%;
}

div.redeemAllRewards-new > div.navbar-main > 
 div.panel-info > div.panel-body > div.row.single-reward > div:nth-of-type(2) {
  margin-bottom: 58px;
  margin-right: 15px;
  width: 35.333333%;
}

/*********** Take a challenge pagination bottom ************/
.bottom-pagination-new {
  display: inline-block;
  padding: 29px 0 0 0;
  text-align: center;
}
.bottom-pagination-new > a:first-child {
  float: left;
  margin-left: 0;
  padding: 9px 13px 9px 9px;
}
.bottom-pagination-new > a:first-child:hover {
  margin-left: 0;
  padding: 9px 13px 9px 9px;
}
.bottom-pagination-new > a.previous span {
  background-image: url(../Images/page-arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}
.bottom-pagination-new > input {
  border: 1px solid #F1F1F2;
  border-radius: 5px;
  display: inline-block;
  height: 28px;
  padding: 0;
  text-align: center;
  width: 29px;
}
.bottom-pagination-new > a {
  margin-right: 0;
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}
.bottom-pagination-new > a:hover {
  background-color: #F1F1F2;
  border-radius: 3px;
  margin-right: 0;
  margin-top: 4px;
  padding: 9px 9px 9px 13px;
}
.bottom-pagination-new > a.next span {
  background-image: url(../Images/page-arrow-right.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  left: 0;
  position: relative;
  top: 0;
  width: 8px;
}
/*Maja
---------------------------------------*/

/*ADMIN Manage Challenges
---------------------------------------------------------------*/
p.search-options-title {
  border-bottom: none;
  font-size: 13px;
  margin-bottom: 0;
}
.city-council-logo {
  margin-left: -7.4%;
}
.navbar {
  border-radius: 0;
}
.admin-manage-challenges-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px
  width: 59.5%;
}
.admin-manage-challenges div.panel-heading {
  padding: 22px 0 0 3px;
}
.manage-challenges-heading {
  padding-left: 0;
}
div#admin-manage-challenges-header {
  color: #58595B;
  display: inline-block;
  font-size: 28px;
  padding: 0 0 31px 0;
}
.admin-manage-challenges-content {
  padding-left: 5px;
}
table#manage-challanges {
  margin-bottom: 65px;
}
table#manage-challanges thead tr th:first-child {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
  vertical-align: middle
}
table#manage-challanges thead tr th + th {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 8px;
  vertical-align: middle;
}
table#manage-challanges tbody tr {
  border-bottom: 1px solid #BBBDBF;
}
table#manage-challanges tbody tr td {
  padding-top: 12px;
}
table#manage-challanges tbody tr td div.row div:first-child {/*
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 8.3%;*/
}
table#manage-challanges tbody tr td div.row div img.img-responsive {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 24px;
  width: 23px;
}
table#manage-challanges tbody tr td div.row div:last-child {
  padding-left: 9px;
}
table#manage-challanges tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}
table#manage-challanges tbody tr td div.row div p.small-description {
  border-bottom: none;
  color: #929497;
  font-size: 12px;
  margin-bottom: 0;
  padding-top: 5px;
}
table#manage-challanges tbody tr td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table#manage-challanges tbody tr td[data-th="Redemptions sent to"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table#manage-challanges tbody tr td[data-th="Status"] {
  font-size: 12px;
  vertical-align: middle;
}

.enddate {
  color: #ec1a3e;
}

.status-active {
  color: #39b54a;
}

.notactive-completed {
  color: #bbbdbf;
}

table#manage-challanges > tbody > tr > td {
  vertical-align: middle;
}

.dropdown.challenge-buttons {
  display: inline-block;
}
ul.dropdown-menu.challenge-preview {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -133px 0;
}
ul.dropdown-menu.challenge-edit {
  background-color: #F1F1F2;
  border: none;
  box-shadow: none;
  font-size: 12px;
  margin: -7px -132px 0;
}
ul.dropdown-menu.challenge-preview li,
ul.dropdown-menu.challenge-edit li {
  padding: 10px;
}
button.dropdown-preview,
button.dropdown-edit {
  background-color: #F1F1F2;
  border: 0;
  margin-bottom: 11px;
  padding: 6px 6px 5px 6px;
}
button.dropdown-preview:focus, button.dropdown-edit:focus {
  outline: none;
}
button.dropdown-preview span {
  background-image: url(../Images/preview-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}
button.dropdown-edit span {
  background-image: url(../Images/edit-delete-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  width: 15px;
}

/*ADMIN Challenges report
----------------------------------------------*/
.admin-challenge-report-container {
  margin-bottom: 20px;
  margin-left: 275px;
  min-height: 600px
  width: 59.5%;
}
.admin-challenge-report div.panel-heading {
  padding: 22px 0 0 3px;
}
.challenge-report-heading {
  padding-left: 0;
}
/* sort opcije*/
.search-options {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}

/*Challenge sort*/
div.challengesort {
  padding-left: 0;
}
#sortadmin {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 1px 5px 0 7px;
  width: 114%;
}

#sortsettings {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 110px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;
}

#sortadmin_text, #sortsettings {
  cursor: pointer;
  font-weight: normal;
}

#sortsettings:hover {
  color: #555;
}

#sortmenu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
}

#sortmenu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 148px;
}

#sortmenu a:last-child { border: none; }

#sortmenu a:hover { background-color: #C5C7C9; }

#sortmenu a:hover > .fa { color: #555; }
/*--------------*/
/*Challenge status*/
#statusadmin {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 1px 5px 0 7px;
  width: 103%;
}

#statussettings {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 98px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;
}

#statusadmin_text, #statussettings {
  cursor: pointer;
  font-weight: normal;
}

#statussettings:hover {
  color: #555;
}

#statusmenu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
}

#statusmenu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 103px;
}

#statusmenu a:last-child {
  border: none;
}

#statusmenu a:hover {
  background-color: #C5C7C9;
}

#statusmenu a:hover > .fa {
  color: #555;
}
/*--------------*/
/*Challenge category*/
div.challengecategory {
  margin-right:  30px;
  padding-left: 0;
}
#categoryadmin {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 0 5px 0 7px;
  width: 130%;
}

#categorysettings {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 131px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;
}

#categoryadmin_text, #categorysettings {
  cursor: pointer;
  font-weight: normal;
}

#categorysettings:hover {
  color: #555;
}

#categorymenu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
}

#categorymenu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 149px;
}

#categorymenu a:last-child {
  border: none;
}

#categorymenu a:hover {
  background-color: #C5C7C9;
}

#categorymenu a:hover > .fa {
  color: #555;
}
/*--------------*/
/*Challenge search field*/
div.challengesearchfield {
  padding-left: 0;
}
input.challange-search {
  height: 28px;
  margin-bottom: 0;
  padding-left: 5px;
  text-align: left;
  width: 141%;
}
/*--------------*/
/*Challenge search submit buttons*/
div.challengesearchsubmitbuttons {
  padding-left: 0;
  padding-right: 0;
}
input.searchBtn {
  background-color: #5BCAF4;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  outline: none;
  padding: 5px 25px 5px 25px;
}
input.searchBtn:hover {
  background-color: #00b4f1;
  color: #fff;
}

input.searchBtn:active,
input.searchBtn:focus {
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}
input.clearBtn {
  background-color: #C5C7C9;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  margin-left: 15px;
  padding: 4px 25px 4px 24px;
}
input.clearBtn:hover {
  background-color: #939598;
  color: #fff;
}
input.clearBtn:active,
input[type="submit"].clearBtn:focus,
input[type].clearBtn:focus,
input.clearBtn:focus {
  background-color:#939598;
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
  padding: 5px 25px 5px 26px;
}
/*--------------*/

/*Challenge report 
------------------------------------------*/
#admin-challenge-report-header {
  padding-left: 5px;
  padding-right: 0;
}
#admin-challenge-report-header > div:nth-of-type(1) {
  margin-right: 15px!important;
}
.backto {
  font-size: 13px;
  margin-left: 10px;
}
/*Download CSV*/
div.downloadcsv {
  margin-right:  95px;
  padding-left: 0;
}
#csvadmin {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  color: #929497;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 0 5px 0 10px;
  width: 123px;
}

#csvsettings {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 107px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;
}

#csvadmin_text, #csvsettings {
  cursor: pointer;
  font-weight: normal;
}

#csvsettings:hover {
  color: #555;
}

#csvmenu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
}

#csvmenu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 123px;
}

#csvmenu a:last-child {
  border: none;
}

#csvmenu a:hover {
  background-color: #C5C7C9;
}

#csvmenu a:hover > .fa {
  color: #555;
}

/*Download PDF*/
div.downloadpdf {
  padding-left: 0;
}
#pdfadmin {
  background-color: #F1F1F2;
  border: none;
  border-radius: 3px;
  color: #929497;
  cursor: default;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  padding: 0 5px 0 10px;
  width: 123px;
}

#pdfsettings {
  background-image: url(../Images/dropdown-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 106px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 10px;
}

#pdfadmin_text, #pdfsettings {
  cursor: pointer;
  font-weight: normal;
}

#pdfsettings:hover {
  color: #555;
}

#pdfmenu {
  display: none;
  margin-top: 5px;
  position: absolute;
  z-index: 99;
}

#pdfmenu a {
  background-color: rgba(241, 241, 242, 0.9);
  border-bottom: 1px solid #C5C7C9;
  color: #58595B;
  display: block;
  font-size: 12px;
  height: 31px;
  padding: 9px 0 0 10px;
  text-align: left;
  text-decoration: none;
  width: 123px;
}

#pdfmenu a:last-child { border: none; }

#pdfmenu a:hover { background-color: #C5C7C9; }

#pdfmenu a:hover > .fa { color: #555; }

/*Change challenge dropdown
----------------------------------------------------------*/
.change-challenge {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

#change-challenge-dropdown {
  color: #333333;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}

#change-challenge-dropdown i {
  background-image: url(../Images/change-challenge-dropdownarrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  left: 150px;
  outline: none;
  padding: 10px 14px 0 0;
  position: absolute;
  top: 6px;
}

#change-challenge-dropdown small {
  color: #929497;
  font-size: 14px;
  text-decoration: none;
}

#change-challenge-dropdown .dropdown-menu {
  background: rgba(241, 241, 242, 0.9);
  border: none;
  box-shadow: none;
}

.admin-challenge-report-content {
  padding-left: 5px;
}

#challenge-report {
  margin-bottom: 65px;
}

#challenge-report thead tr th:first-child {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 12px;
}

#challenge-report thead tr th + th {
  color: #58595B;
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle;
}

#challenge-report tbody tr {
  border-bottom: 1px solid #BBBDBF;
  color: #929497;
}

#challenge-report tbody tr:hover {
    background-color: #F1F1F2;
}

#challenge-report tbody tr td {
  height: 38px;
  padding-bottom: 3px;
  padding-top: 3px;
}
/*
#challenge-report tbody tr td div.row div:first-child {
  margin-left: 15px;
  margin-top: 4px;
  padding: 0;
  width: 8.3%;
}
*/
#challenge-report tbody tr td div.row div img.img-responsive {
  border: 1px solid #A6A8AB;
  border-radius: 2px;
  height: 24px;
  width: 23px;
}

#challenge-report tbody tr td div.row div:last-child {
  padding-left: 9px;
}

#challenge-report tbody tr td div.row div h5.nomargin {
  color: #58595B;
  margin: 0;
}

#challenge-report tbody tr td div.row div p.small-description {
  border-bottom: none;
  color: #929497;
  font-size: 12px;
  margin-bottom: 0;
  padding-top: 5px;
}

#challenge-report tbody tr td[data-th="Points"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}

#challenge-report tbody tr td[data-th="Redemptions sent to"] {
  color: #929497;
  font-size: 12px;
  padding-bottom: 5px;
  vertical-align: middle;
}

#challenge-report tbody tr td[data-th="Status"] {
  font-size: 12px;
  vertical-align: middle;
}

.challenge-report-dropdown {
  background-color: #F1F1F2;
  color: #929497;
  font-size: 12px;
}

.challenge-report-dropdown:focus {
  border: none;
  outline: none;
}

.challenge-report-btn-dropdown {
  background-image: url(../Images/dropdown-arrow-1.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 8px;
  left: 2px;
  position: relative;
  top: 1px;
  width: 10px;
}

.challenge-report-dropdown-menu {
  background-color: #f3f3f4;
  color: #7f8080;
  font-size: 12px;
  left: -45px;
  position: absolute;
}

/* Validation messages */
.validation-summary-errors ul {
  display: list-item;
  list-style: none;
}


/*==========  Media Queries  ==========*/
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, .visible-lg-* */
/*@media (min-width: 1200px) {
}*/

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1366px) {

    /** {
        margin: 0;
        padding: 0;
    }*/

    html {
        height: 100%;
    }

}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {

    /** {
        margin: 0;
        padding: 0;
    }*/

    html {
        height: 100%;
    }
}

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
    .row {
        margin: 0;
    }  
    html {
        height: 100%;
    }
    body.home-page-mobile {
        background-color: #ffffff;
    }
    body.other-pages-mobile {
        background-color: #ffffff;
    }
  .main {
      position: relative;
      /*top: 100px;
      margin-bottom: 45px;*/
  }
  .main > div.row {
      margin: 0
  }
  .container {
    border-radius: 0;
    padding: 0;
    width: 100%;
  }
  .container-inner {
      width: 100%;
  }
  .my-cart-container, .checkout-container, .my-wallet-container {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
  }
  .my-cart-container div.panel-body, .checkout-container div.panel-body {
      margin-left: 0;
  }
  .myactivities, .mytransactions {
      width: 100%;
  }
  .my-wallet-container div.panel-body {
      margin: 0;
  }
  .terms-privacy-mobile {
      color: #1305CE;
  }
  .popup {
      position: absolute;
      left: 0;
  }
  .popup.visible, .popup.transitioning {
    width: 100%;
    height: 100%;
  }
  .overlay .popup-overlay {
    background: #fff;
    left: 0;
    opacity: 1;
  }
  .popup .popup-body {
    border: none;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
    margin-left: 0;
    /*padding: 10px 0 42px 0;*/
    padding: 0;
    width: 100%;
  }
  .popup .popup-exit,
  .popup .popup-exit:hover {
    background: none;
    font-size: 20px;
    left: 10px;
    position:relative;
    right: 0;
    text-align:right;
    top: 15px;
  }

  .mobile-popup-title {
    color: #58595B;
    font-size: 20px;
    font-weight: 500;
  }

  .mobile-popup-banner {
    background-color: #fff;
    /*background-image: url(/Images/green-challenge-image.png);*/
    background-image: url("/Images/GM-login-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 230px;
    margin-top: 20px;
    width: 100%;
  }

  .mobile-popup-banner.verify-address {
    background-color: #5BCAF4;
    background-image: none;
  }

  .mobile-popup-banner img {
    padding-top: 15%;
  }

  .text-line-one {
    color: #fff;
    display: block;
    font-size: 20px;
  }

  .text-line-two {
    color: #00b4f1;
    display: block;
    font-size: 18px;
    margin-top: 10px;
  }
  .popup-body .modal-title {
        padding: 31px 0 9px 19px;
    }
    #getstarted-signin .popup-body .modal-title {
        padding: 31px 0 39px 18px;
    }
    .popup .popup-content {
        margin-top: 0;
        overflow: visible;
        width: 100%;
        float: left;
        text-align: left;
    }    
    .popup-content > p {
        display: block;
        width: 100%;
        max-width: 360px;
        margin: 0 auto 19px;
        padding: 0 19px;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
    }
    .popup-content > p > a {
        color: #41AD49;
    }

    .popup-content .form-wrapper {
        width: 100%;
        padding: 0 16px 0 19px;
        max-width: 360px;
        margin: 0 auto;
        text-align: left;
    }
/*
    .form-group {
        margin-bottom: 16px;
    }
  .popup-content .form-group {
    margin-bottom: 0;
  }*/

  .mobile-banner-holder {
      padding: 0;
  }

  .mobile-banner.verify-address {
      background-color: #5BCAF4;
      display: block;
      height: 100%;
      width: 100%;
      padding: 40px;
  }

  .mobile-banner a {
    display: block;
    padding: 50px 0 30px 0;
  }

  .banner-text-one {
    color: #fff;
    display: block;
    font-size: 30px;
    line-height: 30px;
  }

  .banner-text-two {
    color: #00b4f1;
    display: block;
    font-size: 25px;
    margin-top: 10px;
    line-height: 30px;
  }

  .mailRgtrForm-field {
    /*height: 35px;
    padding: 10px;
    width: 100%;*/
  }

  .email-signup-fieldset {
/*      padding: 0 10px;*/
    max-width: 325px;
    margin: 0 auto;
  }
  /*
  .mobile-login-buttons {
    background-color: #F7F7F7;
    padding: 10px 15px 10px;
  }*/

  .sign-up-buttons {
    margin-top: 0px;
  }

  .forgot-pass {
    color: #58595B;
  }

  .email-support-mobile {
  }

  .popupBtn {
    margin-top: 25px;
    padding: 10px;
  }

  .popupBtn--submit {
    margin-top: 0;
  }

  .popupBtn:hover {
    background-color: #5BCAF4;
  }

  .addhouseholdmembers-header h2 {
      font-size: 23px;
      line-height: 23px;
      margin: 10px 0;
    }

  .skipBtn {
      background-color: #C5C7C9;
      border-radius: 3px;
      color: #fff;
      padding: 10px 0;
      width: 100%;
      margin-top: 15px;
    }

  .signup-buttons-holder {
        padding: 0 20px;
    }

    .signup-buttons-holder .email {
        width: 100%;
    }

  .fb-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAo0lEQVRIS+2W4QmDMBSE7ybQUXQCO1I3qCM4Ut1AN9EJTqQoD61iYgMNJP8SHu94311CKGkAkCHMGihJYXp/uiaBhW5rMBfW0zuIegBPkm/roaQawGs58xVoST6+heNXAiXJLpTASDLfYLHcGwDz3jumOzxnd8nHgzgFDlOzNVrSHNvK1YP4BTqS5ZVX1xeR7R1nitIEV/Kx1vyfya7fFpcJxgnlEcKahwKtGAAAAABJRU5ErkJggg==');
    height: 24px;
    left: 18px;
    position: absolute;
    top: 8px;
    width: 24px;
  }

  .email {
      background: #1bb2e9;
      border: none;
      border-radius: 3px;
      color: #f4f4f4;
      cursor: pointer;
      font-size: 17px;
      height: 40px;
      padding-left: 15px;
      text-align: center;
      width: 86%;
      position: relative;
    }

  .email-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABW0lEQVRIS72Va1XDQBCFv6sAHIADcFBwAAoIDnBAqwAcUBwgARyAg9YBKBjO3bObk5SUJDRhf+7jvmYmETMvzYzP/AQRsQTuZ3KyUkQE8Aa8TkxyASwKwUqSnUy2SjL/RvAJ3Ep6mcJCRNwBD8YqDr6AI8AEJjLh6BURp8AT4PwTZh0RYFDXwUUf7Sardje69Svg3N3ZqkFEeHMNnA11ExHHWfVV7sZK0ubXIjdmw66uJXW2cEQY1JFY9VLSY8m1t4uyGwO7Nn7oVk612VHtvUtJ782iDSFwVDfZ9gLYuDYZxKpdUA+oz9aSylm60hdRAX+WVGU37rCTTPDhQlp1RJS7LZK9BI0HCbyRqYtZpt15163cRdJJsA98yEDskvwgyJk685byIeANl3VcwLY5B7brCP4M3kGSMMug+dwbdR+PUd5x198iC07fonl/OAcq7X0+/z+5V8KBF74Bl7X00zdsjeoAAAAASUVORK5CYII=');
    height: 24px;
    left: 17px;
    position: absolute;
    top: 8px;
    width: 24px;
  }

  .signup-facebook {
        border-radius: 3px;
        display: inline-block;
        padding: 10px;
        position: relative;
        width: 100%;
    }

  .signup-facebook:hover {
    color: #fff;
    text-decoration: none;
  }

  .logo.homePage {
    margin: 0 auto;
    padding: 70px 0;
    text-align: center;
  }

  .container.homePage {
    background-color: transparent;
    bottom: 0;
    margin: 0 auto;
   width: 100%;
    padding: 0 40px;
  }

  /*.navigation-login {
    position: relative;
  }*/

  .home-page-mobile .privacy--mobile{
      color: #fff;
  }

  .privacy {
    color: #929497;
    font-size: 16px;
    line-height: 23px;
  }

  .navigation-login {
    left: 0%;
  }

  .login-buttons-mobile {
      position: relative;
      margin-top: 50px;
  }

  .userhomepagesignup {
    /*background-color: #bed600;*/
    border: 1px solid #fff;
    color: #FFF;
    font-size: 18px;
    padding: 15px 60px;
    text-align: center;
    width: 100%;
    border-radius: 8px;
  }

  .userhomepagesignup:hover {
      border: 1px solid #fff;
  }

  .userhomepagelogin {
    background-color: rgba(255, 255, 255, .3);
    border: none;
    color: #FFF;
    font-size: 18px;
    margin: 25px 0 15px;
    padding: 15px 60px;
    border-radius: 8px;
    text-align: center;
    width: 100%;
  }
  .userhomepagelogin:hover {
    background-color: rgba(255, 255, 255, .3);
    border: none;
    color: #FFF;
    font-size: 18px;
    margin: 25px 0 15px;
    padding: 15px 60px;
    border-radius: 8px;
    text-align: center;
    width: 100%;
  }

  .myProfile {
    padding: 0;
    width: 100%;
  }

  .profile-info-mobile {
    padding-top: 20px;
  }

  .account-summary-container {
    background-color: #e9f2fb;
    padding: 20px;
  }

  .well {
    border-radius: 0;
    width: 100%;
  }

  .user-profile-info {
    text-align:center;
  }

  .user-name {
    color: #5BCAF4;
    font-size: 18px;
    font-weight: 500;
  }

  .panel.panel-info {
    margin-bottom: 0;
  }

  .user-street {
    font-weight: 500;
    line-height: 1.5;
    padding: 0 65px;
  }

  .plan {
    border-top: 1px solid #929497
  }

  .household-rating {
    border-bottom: none;
    text-align: left;
  }

  .household-rating span {
    font-size: 17px;
  }

  div.stars-rating {
    padding: 0 32px;
    text-align: left;
  }

  .account-summary-btn {
    background-color: transparent;
    border: 1px solid #5BCAF4;
    color: #5BCAF4;
  }

  .info-user-mobile {
    border-bottom: 1px solid #929497;
    padding: 15px 5px;
  }

  .info-user-mobile:last-child {
    border-bottom: none;
  }

  .user-email, .user-birthday, .user-gender, .user-info-mobile {
    color: #58595B;
    font-weight: 500;
  }

  .info-user-mobile label {
    font-weight: normal;
  }
  /*-------------------------------
    -------------- Mobile Navigation*/
  html, body {
    /*overflow-x: visible;*/
    overflow-x: hidden;
    background-color: #fff;
  }

  .menu-active,
  .menu-active body {
      overflow-x: hidden;
  }

  .navigation-menu--bottom {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #929497;
    overflow: hidden;
    padding: 20px;
    text-align: center;
  }

  .profile-user {
    color: #58595B;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    vertical-align: middle;
  }

  .go-shop {
    display: inline-block;
    font-size: 20px;
    position: fixed;
    right: 10px;
    vertical-align: middle;
  }

  h2 a {
    color: #FFF;
    text-decoration: none;
  }

  header input {
    border: none;
    float: right;
    padding: 10px;
    width: 200px;
  }

  .menu-anchor {
    color: #fff;
    cursor: pointer;
    height: 48px;
    left: 4px;
    position: fixed;
    text-align: center;
    top: 4px;
    transform: rotate(90deg);
    transition: 0.3s all ease-in-out;
    width: 48px;
    z-index: 2;
  }

  /* Icon for menu*/
  .menu-anchor:before, .menu-anchor:after {
    background: transparent;
    border-bottom: 2px solid #5BCAF4;
    border-top: 2px solid #5BCAF4;
    content: '';
    height: 8px;
    left: 8px;
    position: fixed;
    top: 20px;
    transition: 0.3s all ease-in-out 0.3s;
    width: 55%;
  }
  .menu-anchor:before {
    transform: rotate(90deg);
  }
  .menu-anchor:after {
    left: 20px;
    transform: rotate(-90deg);
  }

  .menu-active .menu-anchor {
    background: #fff;
  }

  .menu-active .menu-anchor:before, .menu-active .menu-anchor:after {
    background: #5BCAF4;
    border: none;
    height: 2px;
    left: 11px;
    top: 24px;
    transition: 0.3s all ease-in-out 0.3s;
  }
  .menu-active .menu-anchor:before {
    color: #fff;
    transform: rotate(45deg);
  }
  .menu-active .menu-anchor:after {
    transform: rotate(-45deg);
  }

  /*Slide Menu*/
  .header-mobile-menu {
    background: #5BCAF4;
    font-size: 18px;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 60%;
    z-index: 1;
  }

  .header-mobile-menu li a {
    color: #F1F1F2;
    display: block;
    font-size: 18px;
    margin: 0 10px;
    margin-right: 0;
    padding: 10px 10px 10px 5px;
    text-decoration: none;
  }

  .header-mobile-menu li a:hover {
    color: #F1F1F2;
    text-decoration: none;
  }

  .header-mobile-menu {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
  }

  .counter-challenge {
      height: 20px;
      left: 30px;
      padding: 4px 0;
      position: absolute;
      top: 19px;
      width: 20px;
  }

  footer, .main {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
  }

  .menu-active .header-mobile-menu {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .menu-active .main,
  .menu-active footer {
    -moz-transform: translateX(60%);
    -ms-transform: translateX(60%);
    -webkit-transform: translateX(60%);
    transform: translateX(60%);
  }

  /*Footer navigation-mobile@top
        -----------------------------------------*/
  .navigation-menu--top {
    background: #fff;
    border-top: 1px solid #929497;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  nav {
    margin : 0 auto;
    width  : 100%;
  }
  
 .footer-mobile-menu {
     width: 100%;
 }

  .footer-mobile-menu:after , .footer-mobile-menu:before {
    content: ' ';
    display: block;
  }

  .footer-mobile-menu:after {
    clear: both;
  }

  .footer-mobile-menu li {
    cursor: pointer;
    float: left;
    list-style-type: none;
    padding: 3px 9px;
    text-align: center;
    width: 20%;
    line-height: 100px;
    height: 100px;
    border-bottom: 1px solid #dddddd;
  }

  .footer-mobile-menu a {
    color: #FFF;
    display: block;
    position: relative;
    text-decoration: none;
  }

  .footer-mobile-menu li a:after {
    content: '';
    display: block;
    left: 42%;
    position: absolute;
    top: 100%;
  }

  .avatar {
      background:rgba(0,0,0,0.1);
      padding: 15px 8px;
      text-align: center;
  }

  .avatar img {
      width: 100px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid #F1F1F2;
      box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
}

  /*Update Profile page 
        ----------------------------------*/

  .mainBtn, .secondaryBtn {
    padding: 13px 31px;
    width: 100%;
  }

  .update-account, .notifications, .change-password, .validating {
    margin-bottom: 0;
    margin-left: 0;
    min-height: 100%;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    text-align: left;
    width: 100%;
  }

  .change-password, .notifications {
    border-radius: 0;
    border-top: 1px solid #929497;
  }

  .main-login-info {
    width: 100%;
  }

  .span.photoicon {
    left: 165px;
  }

  .image-size-description {
    margin-top: 10px;
    padding: 0;
  }

  .email-address div:nth-of-type(1),
  .update-profile-mobile div:nth-of-type(1),
  .old-password > div:nth-of-type(1),
  .new-password > div:nth-of-type(1),
  .confirm-password > div:nth-of-type(1) {
    width: 100%;
  }
  /*Gender selection on mobile*/
  .inline-radio {
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
  }
  .inline-radio div {
    float: left;
    height: 30px;
    height: 30x;
    line-height: 30px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 33%;
  }
  .inline-radio input {
    height: 60px;
    opacity: 0;
    width: 100%;
  }
  .inline-radio label {
    background: #fff;
    border-right: 1px solid #b6b6b6;
    color: #b6b6b6;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .inline-radio div:last-child label {
    border-right: 0;
  }
  .inline-radio input:checked + label {
    background: #fff;
    color: #5BCAF4;
  }

  /*My Cart, My Wallet, My Rewards
        -----------------------------------*/

  table#cart {
    margin-bottom: 20px;
  }

  .my-cart-container, .checkout-container, .my-wallet-container {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
    min-height: 100%;
  }

  .my-cart-container .panel-heading {
      padding: 0;
  }

  .cart-panel-body--mobile {
      margin: 0;
  }

  .cart-row--mobile {
      margin: 0;
  }

  .cart-row--mobile > div {
      padding: 0;
  }

  .cart-items--mobile {
    padding: 10px 0;
    border-bottom: 1px solid #E6E7E8;
  }

  .img-placeholder--mobile {
     display: block;
     width: 85px;
     height: 85px;
  }

  .cart-item-img--mobile {
      border: 1px solid #A6A8AB;
      border-radius: 4px;
      height: 100%;
      width: 100%;
  }

  .cart-item-heading--mobile {
      color: #58595B;
      font-size: 17px;
      margin: 0 0 5px;
  }

  .cart-description-txt--mobile {
      font-size: 13px;
      margin-bottom: 8px;
  }

  .cart-items-price--mobile {
    color: #5BCAF4;
    font-size: 15px;
    margin: 0;
  }

  .cart-item-quantity-remove-container--mobile {
      padding: 0;
  }
    
  .item-quantity--mobile {
    display: inline-block;
    width: 10.1%;
    height: 21px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
  }

    .cart-remove-item--mobile {
        background-color: transparent;
        border: 0;
        margin-bottom: 0;
        padding: 6px 6px 5px 6px;
        vertical-align: middle;
  }
   
   .cart-remove-item--mobile span {
        background-image: url(../Images/trash-icon.png);
        background-repeat: no-repeat;
        display: inline-block;
        height: 22px;
        position: relative;
        width: 20px;
        background-size: 20px;
   }

  div.claim-bar-buttons {
    margin-bottom: 10px;
    width: 100%;
  }

  .check-outBtn {
    margin-left: 0;
    padding: 13px 48px;
    width: 100%;
  }

  .check-outBtn:hover {
    margin-left: 0;
    padding: 13px 48px;
    width: 100%;
  }

  .continueShoppingBtn {
    padding: 13px 20px;
    width: 100%;
  }

  .continueShoppingBtn:hover {
    padding: 13px 20px;
    width: 100%;
  }

  .my-wallet-mobile-cover {
    background-color: #5BCAF4;
    color: #fff;
    padding: 20px;
    text-align: center;
  }
  
  .my-wallet-mobile-cover img {
      width: 40%;
  }

  .claim-bar {
      bottom: 0;
      position: relative;
      width: 100%;
      margin: 10px auto;
      text-align: center;
      padding: 0 15px;
  }

  .rewards-bar, .eatingout-bar {
    margin: 0;
    padding: 0;
  }

  .category-tabs-mobile li {
    border-bottom: 1px solid #929497;
  }

  .category-tabs-mobile img {
    padding-right: 10px;
  }

  .category-tabs-mobile a:hover {
    text-decoration: none;
  }

  .table-container {
    min-height: 100%;
    }

  .wallet-my-rewards--mobile {
      padding: 0 15px;
  }

  .wallet-reward-item--mobile {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    margin: 0;
  }

  .rewards-table {
      margin: 0;
  }
  
  .reward-img--mobile {
      padding: 0;
  }

    .reward-img--mobile a {
        display: block;
        width: 100px;
        height: 100px;
    }

        .reward-img--mobile img {
            border: 2px solid #C5C7C9;
            border-radius: 2px;
            height: 100%;
            width: 100%;
            text-align: center;
        }

    .reward-description--mobile {
        position: static;
    }

  .expiry-date--mobile {
    color: #5BCAF4;
    font-size: 16px;
    padding-bottom: 0;
    bottom: 0px;
    position: absolute;
  }

  .wallet-myrewards-container {
      margin: 0;
  }

  .wallet-reward-label-new--mobile {
    background-color: #EA2043;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    height: 20px;
    right: 22px;
    padding: 2px 6px;
    position: absolute;
    bottom: 22px;
    width: 40px;
  }

  /*My wallet - Challenges*/
  .wallet-my-challenges--mobile {
      padding: 0 15px;
  }

  .wallet-challenge-item--mobile {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    margin: 0;
  }

  .challenge-table {
      margin: 0;
  }
  
  .challenge-img--mobile {
      padding: 0;
  }

    .challenge-img--mobile a {
        display: block;
        width: 75px;
        height: 75px;
    }

        .challenge-img--mobile img {
            border: 2px solid #C5C7C9;
            border-radius: 2px;
            height: 100%;
            width: 100%;
            text-align: center;
        }

    .challenge-description--mobile {
        position: static;
    }
    
    .challenge-description--mobile h5 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .reward-description-txt {
        font-size: 11px;
        line-height: 10px;
    }

  .join-date--mobile {
    color: #5BCAF4;
    font-size: 12px;
    bottom: 10px;
    padding-bottom: 0;
    position: absolute;
    margin: 0;
  }

  .ending-date--mobile {
    color: #EA2043;
    font-size: 12px;
    padding-bottom: 0;
    bottom: 10px;
    position: absolute;
    right: 75px;
    margin: 0;
  }

  .wallet-mychallenges-container {
      margin: 0;
  }

  .challenge-type--mobile {
    font-size: 12px;
    text-align: center;
  }

  /*Reward, Challenge Detail page on mobile
        =====================================*/
  .redeemAllRewards-new, .redeemAllRewards {
    border-radius: 0;
    margin-left: 0;
    padding: 0;
    width: 100%;
  }

  .redeemAllRewards-new .panel-body,
  .redeemAllRewards .panel-body {
    padding: 0;
  }

  .redeemAllRewards-new > div.navbar-main > div.panel-info > div.panel-body,
  .redeemAllRewards > div.navbar-main > div.panel-info > div.panel-body {
    margin: 0
  }

  .single-reward {
    margin: 0;
  }

  div.single-reward > div:nth-of-type(1) {
    margin: 0 0 20px 0;
    padding: 0;
  }

  .challenge-points {
    background-color: #5BCAF4;
    bottom: 50px;
    color: #fff;
    padding: 15px 10px;
    position: absolute;
    right: 0;
    width: 100px;
    z-index: 999;
  }

  .challenge-points p {
    font-size: 20px;
    margin-bottom: 0;
  }

  .user-challange-logo-box {
      bottom: 20px;
      left: 16px;
      position: absolute;
      z-index: 999;
      /*width: 75px;
      height: 75px;*/
    }

  .small-image {
    /*height: 139px;*/    
    max-height: 139px;
    display: block;
    max-width: 100%;
    height: auto;
  }

  .redeemAllRewards-new > div.navbar-main > div.panel-info > div.panel-body {
      padding: 0
  }

  div.redeemAllRewards-new > div.navbar-main > 
 div.panel-info > div.panel-body > div.row.single-reward > div:nth-of-type(2) {
      width: 100%;
  }

  /*New Slider on mobile
      --------------------------------------*/
  .slider-container-mobile {
	    width: 100%;
	    margin: 0 auto;
        position: relative;
    }

  /*Redeem points page on mobile*/
  /*county covers - melbourne, radwick, blacktown */
  .redeem-points-mobile-cover .rewards-cover {
      background: url(../Images/rewards-bckg.png) no-repeat top left; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 200px;
  }

  .redeem-points-mobile-cover .challenges-cover {
      background: url(../Images/challenges-bckg.png) no-repeat top left; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 200px;
  }
  
  .rewards-location-mobile {
    left: 15px;
    position: absolute;
    top: 10px;
  }

  .rewards-location-mobile img {
      height: 22px;
  }

  .rewards-location-title-mobile {
    position: relative;
    top: 16px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
  }

  .rewards-location-change-mobile {
    position: absolute;
    top: 16px;
    right: 22px;
  }

  .redeem-categories-mobile {
      width: 100%;
      /*padding: 0 50px;*/
      margin: 0 auto;
      background: #fff;
    }

  .redeem-category-tabs-mobile {
      display: none;
      padding: 0;
      border-top: 1px solid #ddd;
   }

      .redeem-category-tabs-mobile .category-list {
          list-style-type: none;
      }

          .redeem-category-tabs-mobile .category-list li {
            position: relative;
            padding: 15px 10px 15px 40px;
            border-bottom: 1px solid #ddd;
          }

              .redeem-category-tabs-mobile .category-list li a {
                  font-size: 20px;
                  color: #212121;
                  font-weight: 500;
              }

                  .redeem-category-tabs-mobile .category-list li a.active {
                      font-weight: 600;
                  }

                  .redeem-category-tabs-mobile .category-list li a img {
                    width: 30px;
                    display: inline-block;
                    margin-right: 20px;
                  }

                  .redeem-category-tabs-mobile .category-list li a span {
                    position: absolute;
                    left: 90px;
                    top: 47px;
                    font-size: 15px;
                    color: #6f6f7a;
                  }

    .redeem-category-tabs-mobile {
      display: none;
      padding: 0;
      border-top: 1px solid #ddd;
      height: 100%;
   }

      .redeem-category-tabs-mobile .all-rewards-list {
          list-style-type: none;
      }

          .redeem-category-tabs-mobile .all-rewards-list li {
            position: relative;
            padding: 15px 10px 15px 25px;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
          }

              .redeem-category-tabs-mobile .all-rewards-list li a {
                  font-size: 20px;
                  color: #212121;
                  font-weight: 500;
              }

                  .goto-view-reward {
                        color: #6f6f7a;
                        font-size: 20px;
                        right: 5px;
                        position: absolute;
                        top: 0px;
                    }

                      .redeem-category-tabs-mobile .all-rewards-list li a img {
                        /*width: 25px;*/
                        display: inline-block;
                        margin-right: 20px;
                      }

   .redeem-points-triggers {
    display: none;
  }

    .rewards-label--mobile {
        position: relative;
        border: 1px solid transparent;
        color: #929497;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 -1px;
        padding: 15px 25px;
        text-align: center;
        width: 49%;
    }

    .redeem-points-triggers:checked + label {
      color: #fff;
      background: #5BCAF4;
      width: 50%;
    }

    #tab1:checked ~ #content1,
    #tab2:checked ~ #content2 {
      display: block;
    }

    .media {
        width: 25%;
    }

    .media-object {
        width: 100%;
    }

    .list-group-item-heading {
        font-size: 22px;
    }

    .reward-description-txt {
        font-size: 13px;
		line-height: 16px;
    }

    .list-group-item.reward-item {
        padding-left: 25px;
        min-height: 105px;
    }

    .view-reward-mobile {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 13px;
    }

    .method-reward-mobile {
        position: absolute;
        right: 28px;
        top: 20px;
    }

    .RewardItemPoints {
        bottom: 0;
        color: #5BCAF4;
        position: absolute;
        right: 30px;
        text-align: right;
    }

    .RewardItemPoints small {
        font-size: 75%;
        display: block;
    }
    
    .reward-info--mobile {
        margin-top: 0;
    }
/*
    .short-description {
        background-color: #fff;
        color: #929497;
        margin-bottom: 0;
        padding: 30px 35px 10px;
        text-align: center;
    }

    .short-description > p:first-of-type {
        padding: 0;
        line-height: 25px;
    }*/

    .redeem-button-mobile {
        padding: 0 15px;
    }

    .mainBtn--mobile {
        background-color: transparent;
        border: 1px solid #5BCAF4;
        color: #5BCAF4;
        padding: 15px 60px;
    }

    .redeemAllRewards > div.navbar-main > div.panel-info > div.panel-body {
        padding-left: 0;
    }

    .RewardDetailsTexLabel {
        font-size: 18px;
    }

    /*Login screen after login faliure on mobile*/
    .panel-heading {
      padding: 15px 0 0 0;
    }
    .panel-body {
        padding: 0;
    }

    .mainlogin--email {
        margin-bottom: 10px;
    }

    .mainlogin--password {
        margin-bottom: 30px;
    }

    .mainlogin-button-holder {
        margin-bottom: 15px;
    }

    .counter-challenge {
      height: 23px;
      left: 40px;
      padding: 4px 0;
      position: absolute;
      top: 25px;
      width: 23px;
      font-size: 100%;
  }

    /*Counter for rewards in categories on mobile*/
    .counter-rewards-category {
      background-color: #EA2043;
      height: 23px;
      right: 10px;
      padding: 4px 0;
      position: absolute;
      top: 2px;
      width: 23px;
      font-size: 100%;
  }

    /*Check out page on mobile
        ==========================================*/

    .checkout-container div.panel-heading {
        margin-left: 0;
        padding-left: 15px;
    }

    #checkout {
        padding: 0;
    }

    .checkout-title {
        margin-bottom: 10px;
    }

    #checkout-subtitle {
        font-size: 15px;
    }

    table#checkout-table tbody tr td div.row div:first-child {
        width: 16.66666667%;
        margin: 0;
        padding-top: 7px;
        padding-bottom: 3px;
    }
    
    .image-holder--mobile img {
        width: 100%;
        height: 100%;
    }
    
    table#checkout-table tbody tr td div.row div h5.nomargin {
        font-size: 12px;
        padding: 7px 12px 3px 0;
    }

    table#checkout-table tbody tr td div.row div p {
        font-size: 10px;
    }

    .delivery {
        text-align: center;
    }

    div.delivery p:last-child {
        font-size: 13px;
    }

    .checkout-buttons--container {
        margin-bottom: 15px;
    }

    .btn--mobile {
        width: 100%;
        margin-bottom: 10px;
    }

    .check-outBtn {
        margin-bottom: 10px;
    }

    /*404 Error page 
    -------------------------------------------------------*/
    .error-404-gmlogo {
      left: 250px;
      position: relative;
    }
    .error404-container {
      margin-bottom: 0;
      margin-left: 0;
      min-height: 600px;
      width: 100%;
    }
    .image-404 {
      padding-top: 60px;
    }
    .tittle-404 {
      margin-top: 40px;
    }
    .backbutton-404 {
      margin-top: 60px;
    }

    /*TermsAndConditions page on mobile
        ------------------------------------------*/
    .terms-container {
        margin-left: 0;
        width: 100%;
    }

    .terms-body h1{
        margin-top: 10px;
    }

    /*Additional users mobile*/

    .p-additional-users-container {
        margin-left: 0;
        text-align: center;
    }
    
    div#additional-users-header {
        padding: 0 25px 20px 25px;
    }

    div#additional-users-header h1 {
        font-size: 20px;
    }
}

.table-wrapper { 	
	overflow-x: scroll;
    overflow-y: visible;
    width: 454px;
    margin-left: 254px;
    margin-right: 123px;
    padding: 0px;
	opacity: 0;
}

.table-fixed
{	
	width: 530px !important;
	margin:0px !important;
	margin-bottom:5px !important;
}


.col-fixed
{
	position: absolute !important;
    width: 264px;
	left:5px;
	border-bottom: 1px solid #BBBDBF;	
	border-right: 1px solid #BBBDBF;	
}

.col-fixed-right
{
	position: absolute !important;
    width: 98px;
	right: 0px;
	border-bottom: 1px solid #BBBDBF;	
	border-left: 1px solid #BBBDBF;	
}

/* Extra Small Devices, .visible-xs */
@media (max-width: 374px) {
    /*
    body {
        top: 80px;
    }

    .main {
        top: 80px;
    }*/

    .header-mobile-menu li a {
        font-size: 15px;
    }

    .counter-challenge {
      height: 20px;
      left: 30px;
      padding: 4px 0;
      position: absolute;
      top: 19px;
      width: 20px;
  }

    .counter {
      background-color: #EA2043;
      border-radius: 10px;
      color: #fff;
      font-size: 83%;
      height: 16px;
      left: 6px;
      padding: 3px 0;
      position: relative;
      top: 0;
      width: 16px;
    }

    .footer-mobile-menu li {
        line-height: 75px;
        height: 80px;
    }
    
    .footer-mobile-menu a img {
        width: 31px;
    }

    .redeem-category-tabs-mobile {
      display: none;
      padding: 0;
      border-top: 1px solid #ddd;
   }
      .redeem-category-tabs-mobile .category-list {
          list-style-type: none;
      }
          .redeem-category-tabs-mobile .category-list li {
            position: relative;
            padding: 15px 10px 15px 40px;
            border-bottom: 1px solid #ddd;
          }
              .redeem-category-tabs-mobile .category-list li a {
                  font-size: 16px;
                  color: #212121;
                  font-weight: 500;
              }
                  .redeem-category-tabs-mobile .category-list li a img {
                    width: 30px;
                    display: inline-block;
                    margin-right: 20px;
                  }
                  .redeem-category-tabs-mobile .category-list li a span {
                    position: absolute;
                    left: 90px;
                    top: 47px;
                    font-size: 15px;
                    color: #6f6f7a;
                  }
    .redeem-category-tabs-mobile {
      display: none;
      padding: 0;
      border-top: 1px solid #ddd;
   }
      .redeem-category-tabs-mobile .all-rewards-list {
          list-style-type: none;
      }
          .redeem-category-tabs-mobile .all-rewards-list li {
            position: relative;
            padding: 15px 10px 15px 25px;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
          }
              .redeem-category-tabs-mobile .all-rewards-list li a {
                  font-size: 16px;
                  color: #212121;
                  font-weight: 500;
              }
                  .redeem-category-tabs-mobile .all-rewards-list li .goto-view-reward {
                        color: #6f6f7a;
                        font-size: 12px;
                        right: 15px;
                        position: absolute;
                        top: 0px;
                    }
                      .redeem-category-tabs-mobile .all-rewards-list li a img {
                        /*width: 25px;*/
                        display: inline-block;
                        margin-right: 20px;
                      }

    /*Wallet - My rewards on mobile*/
    .reward-img--mobile a {
        width: 80px;
        height: 80px;
    }

    .reward-img--mobile img {
        border: 2px solid #C5C7C9;
    }

    .list-group-item-heading {
        font-size: 17px;
    }

    .reward-description-txt {
        font-size: 12px;
        line-height: 15px;
    }

    .expiry-date--mobile {
        font-size: 14px;
    }

    .goto-view-reward {
        right: 0px;
    }

    .method-reward-mobile {
        right: 25px;
    }

    .wallet-reward-label-new--mobile {
        right: 20px;
        bottom: 23px;
    }

    /*My wallet - Challenges*/

    .challenge-img--mobile a {
        display: block;
        width: 60px;
        height: 60px;
    }

    .mobile-banner a {
        padding: 15px 0 15px 0;
    }

    .mobile-banner.verify-address img {
        width: 130px;
    }

    .banner-text-one {
    font-size: 20px;
    line-height: 20px;
  }

  .banner-text-two {
    font-size: 15px;
    line-height: 15px;
  }

  .logo.homePage {
      padding: 20px 0;
  }

  .mobile-popup-banner {
    height: 155px;
    margin-top: 10px;
  }
  /*
  .popup .popup-body {
      padding: 10px 0 0 0 ;
  }*/

  .img-placeholder--mobile {
      display: block;
      width: 70px;
      height: 70px;
    }

  #checkout-subtitle {
       font-size: 13px;
    }

  /*Add Household Members on mobile
      ======================================*/

  .addhouseholdmembers-header h2 {
    font-size: 23px;
    line-height: 23px;
    margin: 10px 0;
  }

  .addhouseholdmembers-header p {
      font-size: 12px;
  }

  .skipBtn {
      background-color: #C5C7C9;
      border-radius: 3px;
      color: #fff;
      padding: 10px 0;
      width: 100%;
      margin-top: 15px;
    }

    /*Additional users
----------------------------------------------*/

    .p-additional-users-container {
      margin-bottom: 20px;
      margin-left: 0;
      min-height: 600px;
      width: 100%;
    }
    .p-additional-users-container .panel-heading {
      padding: 22px 0 0 3px;
    }
    div#additional-users-header {
      color: #58595B;
      display: inline-block;
      font-size: 14px;
      padding: 0 0 31px 0;
    }
    .additional-users-content {
      padding-left: 5px;
    }
    table#additional-users-details {
      margin-bottom: 38px;
    }
    table#additional-users-details thead tr th + th {
      color: #58595B;
      font-size: 12px;
      font-weight: 400;
      /* padding-bottom: 8px; */
      vertical-align: middle;
    }
    table#additional-users-details tbody tr {
      border-bottom: 1px solid #BBBDBF;
    }
    table#additional-users-details tbody tr td {
      padding: 16px 0;
    }
    table#additional-users-details tbody tr td div.row div:first-child {
      margin-left: 15px;
      margin-top: 4px;
      padding: 0;
      width: 6.3%;
    }
    .status-live {
      color: #39b54a;
    }
    table#additional-users-details > tbody > tr > td {
      vertical-align: middle;
    }

    button.dropdown-users-edit {
      background-color: #F1F1F2;
      border: 0;
      margin-bottom: 0;
      padding: 6px 6px 5px 6px;
    }
    p.add-user {
      padding-top: 10px;
    }
    tbody.additional-users-body tr:hover {
      background-color: #F1F1F2;
    }

    /*New slider for details page
    ------------------------------------------------------*/
    .slider-container-mobile {
	    width: 100%;
	    margin: 0 auto;
        position: relative;
    }

    .slider-wrapper-mobile {
	    z-index: 500;
	    position: relative;
	    width: 100%;
	    height: 220px;
	    background: #FFF;
	    border: 1px solid #C5C7C9;
	    overflow: hidden;
    }

    .slider-wrapper-mobile li {
	    display: none;
    }

    .slider-wrapper-mobile .current-slide-mobile {
	    display: block;
    }

    .slider-wrapper-mobile img {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
    }

    /**
     * ---[Dots-Control] ---------------------- 
     **/
    .control-buttons-mobile {
	    margin-top: -50px;
        position: relative;
	    text-align: center;
        z-index: 999;
    }

    /*Additional users mobile*/

    .p-additional-users-container {
        margin-left: 0;
    }

    #additional-users-header h1 {
        font-size: 20px;
    }
}

/*MilosK start*/

.font-light-blue {
    color:#5BCAF4
}


.editProfileBtnMyProfile {
    margin-bottom: 19px; 
}

.user-street-profile {
    padding-top:2px;
}

.file-input-wrapper-popup {
margin-bottom:15px;
}


.popup-content span.popup-img-trophy {
  background-image: url(../Images/modal-quiz-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 51px;
}

.quiz-answers input[type="radio"] {
    display: none;
}
.quiz-answers input[type="radio"] + label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 25px;
    position: relative;
    min-height: 17px;
	line-height: 1.2;
}
.quiz-answers input[type="radio"] + label:before {
    content: url('../Images/checkbox-unchecked.png');
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
}
.quiz-answers input[type="radio"]:hover + label:before,
.quiz-answers input[type="radio"]:focus + label:before {
    content: url('../Images/checkbox-hover.png');
}
.quiz-answers input[type="radio"]:checked + label:before {
    content: url('../Images/checked.png');
}

/*Quick fix*/
/*U pozadini treba analizirati dali vadjenje popupova iz trenutne strukture nesto menja*/
.pop-up-fix {
left:0px;
}


.fileUploadImage {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUploadImage input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.report-left {
    background-color:#F8F8F8;
    border-left: 1px solid #bbbdbf;
    padding-top:25px;
    padding-bottom:25px;
}

.report-none {
    background-color:#F8F8F8;
   padding-top:25px;
   padding-bottom:25px;
}

.report-bottom-text {
font-size:16px;
font-weight: bold;
text-align:center;
}

.report-upper-text {
margin-bottom:5px;
font-size:14px;
text-align:center;
}

.border-bottom-black {
margin-top:10px;
padding-left:0px; 
}

.no-left-margin {
margin-left:0px;
}

.statistic-nopadding-nomargin {
margin-left:0px;
padding-left:0px;
}
/*neki raniji css i neki nenormalni selektor gazi ovo*/
.reports-bars {
width:66% !important;
}

/*.statistics-display-none {
display:none;
}*/

.statistics-margin-bottom {
    margin-bottom:5px;
}

.mobile-paging-input {
width:100px;
}

/*Milica start*/
.registration-labels.streetname-label {
    padding-left: 0;
}
.registration-labels.streettype-label {
    padding-left: 0;
}
.registration-labels.suburb-label {
    padding-left: 0;
}
.registration-streettype-dropdown.inputfield select {
    background-position: 97% 17px;    
}
.registration-suburb-dropdown.inputfield select {
    background-position: 97% 17px;
}
.image-holder--mobile {
    padding-top: 12px !important;
}
@media (max-width: 767px) {
    .checkout-container {
        /*margin: 0 auto !important;*/
        margin-left: 20px !important;
    }
}
.popup.js-worker-postcode-notready.visible .popup-content {
    width: 100%;
}
.popup.js-worker-postcode-notready.visible .popup-content span.popup-img {
    display: block;
    position: relative;
    background-image: url(../Images/404-error-image.png);
    background-repeat: no-repeat;
    width: 56px;
    height: 57px;
    margin: 0 auto;
}
.redeemRewards .nav-sidebar ul.nav {
    padding-left: 10px;
}
.popup-subtitle a {
    color: #5BCBF5;
}
.privacy a,
.privacy a:hover {
    color: #5BCBF5;
}
.need-help a {
    color: #5BCBF5;
}
.need-help a:hover {
    color: #5BCBF5;
    text-decoration: none;
}
.form-group.text-left label {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 5px;
    position: relative;
}
span.info-icon {
	display: block;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-image: url("../images/info-icon.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	position: absolute;
	top: -3px;
	right: -25px;
	cursor: pointer;
} 
span.info-icon:hover {}
span.info {
	display: none;
	width: 315px;
	height: auto;
	padding: 10px;
	background-color: #EFF9FE;
	border: 1px solid #8CD7F7;
	border-radius: 2px;
	position: absolute;
	top: 25px;
	font-size: 12px;
	z-index: 2;
}
	@media (min-width: 768px) {
		span.info {
			display: none;
			width: 290px;
			height: auto;
			padding: 10px;
			background-color: #EFF9FE;
			border: 1px solid #8CD7F7;
			border-radius: 2px;
			position: absolute;
			top: 25px;
			font-size: 12px;
			z-index: 2;
		}
	}
	@media (min-width: 992px) {
		span.info {
			display: none;
			width: 315px;
			height: auto;
			padding: 10px;
			background-color: #EFF9FE;
			border: 1px solid #8CD7F7;
			border-radius: 2px;
			position: absolute;
			top: 25px;
			font-size: 12px;
			z-index: 2;
		}
	}
span.info-icon:hover span.info,
span.info.visible {
	display: block;
}
.birthdate-dropdown select.birth-month,
.birthdate-dropdown select.birth-year {
    color: #000000 !important;
}
.sendEmailBtn.addPlus {
    padding: 6px 28px 6px 28px;
    background-image: url("../Images/plus-sign.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 12px center;
}
.sendEmailBtn.addPlus:hover {
    color: #ffffff;
    background-color: #00AEEF;
}
/* checkbox .toggle 
.toggle {
    text-align: center;
}
div.toggle > label[for="toggleOne"],
div.toggle > label[for="toggleTwo"],
div.toggle > label[for="toggle3"],
div.toggle > label[for="toggle4"],
div.toggle > label[for="toggle41"],
div.toggle > label[for="toggle42"],
div.toggle > label[for="toggle43"],
div.toggle > label[for="toggle44"],
div.toggle > label[for="toggle5"],
div.toggle > label[for="toggle6"],
div.toggle > label[for="toggle7"],
div.toggle > label[for="toggle8"],
div.toggle > label[for="toggle9"],
div.toggle > label[for="toggle10"] {
    width: 101px;
    height: 28px;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    background-color: #F1F1F2;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    color: #929497;
    -moz-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    cursor: pointer;
}
div.toggle > input#toggleOne[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label.attention:hover:before, 
div.toggle > input#toggle3[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle4[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle41[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle42[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle43[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle44[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle5[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle6[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle7[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle8[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle9[type=checkbox]:checked ~ label.attention:hover:before,
div.toggle > input#toggle10[type=checkbox]:checked ~ label.attention:hover:before {
    content: "on";
    font-size: 13px;
}  
div.toggle > label[for="toggleOne"] i,
div.toggle > label[for="toggleTwo"] i, 
div.toggle > label[for="toggle3"] i,
div.toggle > label[for="toggle4"] i,
div.toggle > label[for="toggle41"] i,
div.toggle > label[for="toggle42"] i,
div.toggle > label[for="toggle43"] i,
div.toggle > label[for="toggle44"] i,
div.toggle > label[for="toggle5"] i,
div.toggle > label[for="toggle6"] i,
div.toggle > label[for="toggle7"] i,
div.toggle > label[for="toggle8"] i,
div.toggle > label[for="toggle9"] i,
div.toggle > label[for="toggle10"] i {
    position: absolute;
    top: 2.5px;
    right: 4px;
    width: 27px;
    height: 23px;
    display: block;
    border-radius: 3px;
    background-color: #5BCAF4;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}
div.toggle > label[for="toggleOne"]:before i:before, 
div.toggle > label[for="toggleTwo"]:before i:before, 
div.toggle > label[for="toggle3"]:before i:before,
div.toggle > label[for="toggle4"]:before i:before,
div.toggle > label[for="toggle41"]:before i:before,
div.toggle > label[for="toggle42"]:before i:before,
div.toggle > label[for="toggle43"]:before i:before,
div.toggle > label[for="toggle44"]:before i:before,
div.toggle > label[for="toggle5"]:before i:before,
div.toggle > label[for="toggle6"]:before i:before,
div.toggle > label[for="toggle7"]:before i:before,
div.toggle > label[for="toggle8"]:before i:before,
div.toggle > label[for="toggle9"]:before i:before,
div.toggle > label[for="toggle10"]:before i:before {
    background-color: #BBBDBF;
}
div.toggle > label[for="toggleOne"]:before,
div.toggle > label[for="toggleTwo"]:before, 
div.toggle > label[for="toggle3"]:before,
div.toggle > label[for="toggle4"]:before,
div.toggle > label[for="toggle41"]:before,
div.toggle > label[for="toggle42"]:before,
div.toggle > label[for="toggle43"]:before,
div.toggle > label[for="toggle44"]:before,
div.toggle > label[for="toggle5"]:before,
div.toggle > label[for="toggle6"]:before,
div.toggle > label[for="toggle7"]:before,
div.toggle > label[for="toggle8"]:before,
div.toggle > label[for="toggle9"]:before,
div.toggle > label[for="toggle10"]:before {
    content: "yes";
    margin-right: 66px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}
div.toggle > input#toggleOne[type=checkbox]:checked ~ label:before,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label:before, 
div.toggle > input#toggle3[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle4[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle41[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle42[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle43[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle44[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle5[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle6[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle7[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle8[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle9[type=checkbox]:checked ~ label:before,
div.toggle > input#toggle10[type=checkbox]:checked ~ label:before {
    content: "no";
    text-transform: uppercase;
    margin-left: 53px;
    margin-right: 0px;
}
div.toggle > input#toggleOne[type=checkbox]:checked ~ label,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label, 
div.toggle > input#toggle3[type=checkbox]:checked ~ label,
div.toggle > input#toggle4[type=checkbox]:checked ~ label,
div.toggle > input#toggle41[type=checkbox]:checked ~ label,
div.toggle > input#toggle42[type=checkbox]:checked ~ label,
div.toggle > input#toggle43[type=checkbox]:checked ~ label,
div.toggle > input#toggle44[type=checkbox]:checked ~ label,
div.toggle > input#toggle5[type=checkbox]:checked ~ label,
div.toggle > input#toggle6[type=checkbox]:checked ~ label,
div.toggle > input#toggle7[type=checkbox]:checked ~ label,
div.toggle > input#toggle8[type=checkbox]:checked ~ label,
div.toggle > input#toggle9[type=checkbox]:checked ~ label,
div.toggle > input#toggle10[type=checkbox]:checked ~ label {
    background-color: #F1F1F2;
}
div.toggle > input#toggleOne[type=checkbox]:checked ~ label i,
div.toggle > input#toggleTwo[type=checkbox]:checked ~ label i, 
div.toggle > input#toggle3[type=checkbox]:checked ~ label i,
div.toggle > input#toggle4[type=checkbox]:checked ~ label i,
div.toggle > input#toggle41[type=checkbox]:checked ~ label i,
div.toggle > input#toggle42[type=checkbox]:checked ~ label i,
div.toggle > input#toggle43[type=checkbox]:checked ~ label i,
div.toggle > input#toggle44[type=checkbox]:checked ~ label i,
div.toggle > input#toggle5[type=checkbox]:checked ~ label i,
div.toggle > input#toggle6[type=checkbox]:checked ~ label i,
div.toggle > input#toggle7[type=checkbox]:checked ~ label i,
div.toggle > input#toggle8[type=checkbox]:checked ~ label i,
div.toggle > input#toggle9[type=checkbox]:checked ~ label i,
div.toggle > input#toggle10[type=checkbox]:checked ~ label i  {
    right: 71px;
    background-color: #BBBDBF;
}
div.toggle > input#toggleOne,
div.toggle > input#toggleTwo, 
div.toggle > input#toggle3,
div.toggle > input#toggle4,
div.toggle > input#toggle41,
div.toggle > input#toggle42,
div.toggle > input#toggle43,
div.toggle > input#toggle44,
div.toggle > input#toggle5,
div.toggle > input#toggle6,
div.toggle > input#toggle7,
div.toggle > input#toggle8,
div.toggle > input#toggle9,
div.toggle > input#toggle10 {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: 10px;
    opacity: .1;
    -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out; 
} */
/* checkbox .toggle ends */
.grey-button,
.grey-button:visited,
.grey-button:focus,
input[type="submit"].grey-button {
	width: 100%;
	float: none;
	height: 40px;
	text-align: center;
	color: #ffffff !important;
	background-color: #BFBFBF !important;
	font-size: 17px;
	border: none;
	margin-bottom: 15px;
}
.grey-button:hover,
.grey-button:active,
input[type="submit"].grey-button:hover {
    background-color: #939598 !important;
    color: #ffffff !important;    
}
#admin_text {    
    padding-left: 20px;
    background-image: url(../Images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: 4px 7px;
}
/*.btn.btn-primary.btn-file {
	width: 100%;
	float: none;
	height: 38px;
	text-align: center;
	color: #5BCBF5;
	background-color: #ffffff;
	font-size: 17px;
	border: 1px solid #5BCBF5;
	margin-bottom: 15px;
	border-radius: 4px;
    margin-left: 0;
}
.btn.btn-primary.btn-file:hover {
    background-color: #5BCBF5;
    color: #ffffff;    
}*/
.verify-address-header a,
.verify-address-header a:hover,
.verify-address-header a:focus {
    color: #5BCBF5;
    margin-top: 20px;
    display: block;
    width: 100%;
    text-align: right;
}
.registration-streettype-dropdown.streettype-regist-field {
    width: 100%;
}
select.empty.custom-dropdown {
    width: 100%;
    margin-right: 0;     
}
.registration-streettype-dropdown select,
.registration-suburb-dropdown select,
.registration-gender-dropdown select {
    background-position: 97% center !important;   
}
.registration-suburb-dropdown.suburb-regist-field {
    width: 100%;
}
.form-horizontal .form-group {
    overflow: hidden;
    margin: 0;
}
/** {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.pl-15 {
    padding-left: 15px !important;
}
.registration-gender-dropdown.gender-regist-field {
    width: 100%;
}
.cancel-save-buttons-wrapper {
    position: relative;
    margin-top: 20px;
}
.cancel-save-buttons-wrapper .btn.grey-btn {
    position: absolute;
    left: 0;
}
.btn.grey-btn {
    width: 160px;
    margin-left: 20px;
    margin-bottom: 0;
    float: none;
    height: 34px;
    text-align: center;
    color: #ffffff;
    background-color: #CCCCCC;
    font-size: 14px;
    border: none;
}
.btn.blue-btn {
    width: 160px;
    float: right;
    margin-right: 20px;
    height: 34px;
    text-align: center;
    color: #ffffff;
    background-color: #5BCBF5;
    font-size: 14px;
    border: none;
    position: relative;
}
.myaccountmenu.supplier nav.nav-sidebar ul.nav > li > ul.nav {
    padding-left: 10px;
}
.tooltip-challenges .tooltiptext {  
    border: 1px solid gray !important;
}
.green-star {
	color: #B2D235;
}
.dropdown.challenge-buttons .popover {
    display: none;
}
.dropdown.challenge-buttons:hover .popover {
    display: block;
}
.dropdown.challenge-buttons .popover {
    top: 20px;
}
.dropdown.challenge-buttons .popover.data-set {
    top: 20px;
    width: 100px;
    left: -36px;
}
.slider-wrapper {
    height: 330px !important;
}
.slider-wrapper img {    
    max-width: 100% !important;   
    width: 480px !important;
}
.form-group.address {
    color: #BBBDBF;
}
.eatingout-bar ul.category-tabs li a.active {
    background-color: #5BCBF5;
    color: #ffffff;
}
#change-challenge-dropdown.dropdown.open .dropdown-menu {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}
.verify-address-container .row.form-group.push-notification .label-form {
    color: #6f6f7a;
    font-size: 12px;
    font-weight: 300;    
}
#promoCodeValue {
    height: auto;
}
@media (max-width: 767px) {
    .js-setup-question.js-question-type-1 {
        padding: 0 19px 20px 19px;
    }
}
@media (max-width: 767px) {
    .popup.visible {
        background-color: #ffffff;
        top: 0;
        bottom: 0;
    }
}
#signup-checkbox + label {
    display: none;
}
#submitApprove {    
    padding-left: 30px;
    background-image: url(../Images/correct-white.png);
    background-repeat: no-repeat;
    background-size: 20px 18px;
    background-position: 20px center;
}
#submitReject {
    padding-left: 30px;
    background-image: url(../Images/close-white.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 20px center;
    background-color: #BFBFBF;
}
#submitReject:hover {
    background-color: #939598;
}
#submitDownload {
    padding-left: 30px;
    background-image: url(../Images/download-icon-blue.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
    background-position: 20px center;
    background-color: #ffffff;
    border: 1px solid #5BCBF4;
    color: #5BCBF4;
}
#submitDownload:hover {
    background-image: url(../Images/download-icon-white.png);
    background-color: #5BCBF4;
    color: #ffffff;
}
.btn.popupBtnCancel.close-window {
    font-size: 12px;
    color: #808080;
    background-color: transparent;
    margin-bottom: 20px;
}
span.counter-challenge {
    width: auto !important;
    padding: 3px !important;
}
td.file-submited {
    position: relative;
}
td.file-submited:hover .popover {
	display: block;
}
td.file-submited .popover {
	left: -12px;
	top: 20px;
    width: 80px;
}

/***** GreenMoney2018 *****/
body {
    background-color: #ffffff;
}
.main {
    overflow: hidden;
}
.popup-body,
.popup-content {
    background: none;
    background-color: #ffffff;
}
/*#getstarted-signin modal*/
#getstarted-signin .popup-body {
    /*padding: 15px;*/
    padding: 0;
}
    @media (min-width: 768px) {
        #getstarted-signin .popup-body {
            /*padding: 20px;*/
            padding: 0;
        }
    }
#getstarted-signin .popup .popup-exit {
    top: 15px;
    right: 15px;
    background: url("../Images/close-static.png") no-repeat;
    cursor: pointer;
    display: block;
    height: 17px;
    position: absolute;    
    width: 16px;
}
    @media (min-width: 768px) {
        #getstarted-signin .popup .popup-exit {
            top: 20px;
            right: 20px;
            background: url("../Images/close-static.png") no-repeat !important;
            cursor: pointer;
            display: block;
            height: 17px;
            position: absolute;    
            width: 16px;
        }
    }
#getstarted-signin .modal-footer {
    text-align: left;
}
#getstarted-signin .popup-content {
    margin-top: 30px;
}
    @media (min-width: 768px) {
        #getstarted-signin .popup-content {
            margin-top: 40px;
        }
    }
#getstarted-signin .popup-content .popup-title {
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 50px;
    font-weight: normal;
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}
#getstarted-signin .I-live-in-the-city {
    background: #ffffff;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
    color: #666666;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 12.5px;
    font-weight: normal;
    height: 90px;
    padding-left: 45px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
    position: relative;
    background-image: url(../Images/right-arrow@2x.png);
    background-repeat: no-repeat;
    background-size: 9px 12px;
    background-position: right center;
    line-height: 1.3;
}
#getstarted-signin .I-live-in-the-city h4 {
     font-family: Arial, sans-serif;
     font-weight: bold;
     font-size: 15px;
     color: #1a1a1a;
     margin-top: 0;
}
#getstarted-signin .I-live-in-the-city span {
    background-image: url(../Images/household-icon@2x.png);
    background-repeat: no-repeat;
    background-size: 27px 22px;
    background-position: 0 center;
    height: 90px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 27px;	
}
#getstarted-signin .I-work-in-the-city {
    background: #ffffff;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
    color: #666666;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 12.5px;
    font-weight: normal;
    height: 105px;
    padding-left: 45px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
    position: relative;
    background-image: url(../Images/right-arrow@2x.png);
    background-repeat: no-repeat;
    background-size: 9px 12px;
    background-position: right center;
    line-height: 1.3;
}
#getstarted-signin .I-work-in-the-city h4 {
     font-family: Arial, sans-serif;
     font-weight: bold;
     font-size: 15px;
     color: #1a1a1a;
     margin-top: 0;
}
#getstarted-signin .I-work-in-the-city span {
    background-image: url(../Images/cityworker-icon@2x.png);
    background-repeat: no-repeat;
    background-size: 26px 25px;
    background-position: 0 center;
    height: 105px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 26px;
}
#getstarted-signin p.signup-buttons-holder {
    margin-bottom: 60px;
    padding: 0;
}
#getstarted-signin p.memberlogin {
    text-align: left;
    color: #808080;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
}
#getstarted-signin p.memberlogin a,
#getstarted-signin p.memberlogin a:hover,
#getstarted-signin p.memberlogin a:focus {
    color: #33ccff;
    text-decoration: none;
    outline: none;
}

/*#signin modal*/
#signin .popup-body {
    padding: 0;
}
    @media (min-width: 768px) {
        #signin .popup-body {
            padding: 20px;
        }
    }
/*
#signin .popup .popup-exit {
    top: 15px;
    right: 15px;
    background: url("../Images/close-static.png") no-repeat;
    cursor: pointer;
    display: block;
    height: 17px;
    position: absolute;    
    width: 16px;
}
    @media (min-width: 768px) {
        #signin .popup .popup-exit {
            top: 20px;
            right: 20px;
            background: url("../Images/close-static.png") no-repeat !important;
            cursor: pointer;
            display: block;
            height: 17px;
            position: absolute;    
            width: 16px;
        }
    }
#signin .popup-content {
    margin-top: 30px;
}
    @media (min-width: 768px) {
        #signin .popup-content {
            margin-top: 40px;
        }
    }
#signin .popup-content .popup-title {
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 20px;
    font-weight: normal;
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    text-align: left;
}
#signin .popup-subtitle {
    color: #333333 !important;
    text-align: left;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 32px;
}
    #signin .popup-subtitle a,
    #signin .popup-subtitle a:hover,
    #signin .popup-subtitle a:focus {
        color: #41AD49;
        text-decoration: none;
    }
#signin .email-signup-fieldset {
    padding: 0;
}
#signin .popup-input-labels {
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
}
#signin .form-group.reset-margin { 
     margin-bottom: 15px;
}
#signin .form-group.reset-margin > input { 
     height: 34px;
     color: #808080 !important;
     font-size: 14px;
     font-weight: normal;
     font-family: 'Myriad Pro', sans-serif;
     width: 100%;
}*/
#signin .form-group .mailRgtrForm-field {
    width: 100%;
}/*
#signin .form-group.checkbox-updates {
    padding-left: 0;
}
#signin .form-group.checkbox-updates label {
    color: #666666;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
}
#signin .privacy {
    color: #666666;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    text-align: left;
    padding: 0;
}*/
#signin p.memberlogin {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    text-align: left;
    max-width: 325px;
    margin: 0 auto 30px;
    padding: 0;
}
    #signin p.memberlogin a,
    #signin p.memberlogin a:hover,
    #signin p.memberlogin a:focus {
        color: #41AD49;
        text-decoration: none;
        outline: none;
    }

/*admin*/
.wrapper-menu {
    border-bottom: 1px solid #bfbfbf;
    height: 93px;
}
.navbar-inner {
    min-height: 90px;
}
.myaccountmenu nav.nav-sidebar {
    padding-left: 10px;
    width: 100%;
}
.myaccountmenu nav.nav-sidebar > div.brand {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 400;
    color: #333333;
    font-size: 17px !important;
}
.myaccountmenu nav.nav-sidebar > ul.nav > li {
    width: auto;
}
.myaccountmenu nav.nav-sidebar > ul.nav h3 {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 600;
    color: #333333;
    font-size: 13px;
}
.myaccountmenu nav.nav-sidebar ul.nav > li > ul.nav {
    padding-left: 10px;
}
.myaccountmenu nav.nav-sidebar > ul.nav > li > a, 
.myaccountmenu nav.nav-sidebar > ul.nav ul.nav > li > a {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 400;
    color: #808080;
    font-size: 13px;
}
.myaccountmenu nav.nav-sidebar > ul.nav > li > a:hover,
.myaccountmenu nav.nav-sidebar > ul.nav > li > a.active,
.myaccountmenu nav.nav-sidebar > ul.nav ul.nav > li > a:hover, 
.myaccountmenu nav.nav-sidebar > ul.nav ul.nav > li > a.active {
    color: #333333;
    background-color: #f2f2f2;
}
div.redemptions-container {
    margin-bottom: 20px;
    margin-left: auto;
    min-height: 600px;
    width: 100%;
    margin-right: auto;
}
div.redemptions-container .panel-heading {
    padding: 15px;
}
div.redemptions-container .panel-body {
    padding: 0 15px;
}
div.row {
    margin-right: -15px !important;
    margin-left: -15px;
}
div.Redemptions > div:nth-of-type(1) {
    margin-right: 0;
    padding-left: 15px;
}
div.redemptions-blooms-container {
    margin-left: auto;   
    width: 100%;
    margin-right: auto;
}
.panel-info > .panel-heading {
    padding: 15px;
    float: left;
    width: 100%;
}
.panel-body {
    padding: 0 15px;
}
.p-manage-reward-container {
    margin-left: auto;   
    width: 100%;
    margin-right: auto;
}

/*homepage*/
div.row.login-buttons-mobile {
    margin-left: 0;
    margin-right: 0 !important;
}
.home-page-mobile .privacy--mobile a {
    color: #ffffff;
}
.userhomepagesignup,
.userhomepagesignup:hover {
    padding: 14px 60px;      
}
     @media (min-width: 768px) {
         .userhomepagesignup,
         .userhomepagesignup:hover {
            padding: 9px 27px;
            border: none; 
        }
     }

/*login modal*/
.mt-15 {
    margin-top: 15px !important;
}
#log-in-fb-or-member-popup .popup-body {
    padding: 15px;
}
    @media (min-width: 768px) {
        #log-in-fb-or-member-popup .popup-body {
            padding: 20px;
        }
    }/*
#log-in-fb-or-member-popup .popup-content {
    margin-top: 30px;
}
    @media (min-width: 768px) {
        #log-in-fb-or-member-popup .popup-content {
            margin-top: 40px;
        }
    }*/
#log-in-fb-or-member-popup .popup-content .popup-title,
#signin .popup-content .popup-title {
    display: block;
    max-width: 325px;
    padding: 31px 0 21px 0;
    margin: 0 auto;
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
#log-in-fb-or-member-popup .popup-subtitle,
#signin .popup-subtitle {
    color: #333333 !important;
    text-align: left;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 32px;
    max-width: 325px;
}
    #log-in-fb-or-member-popup .popup-subtitle a,
    #log-in-fb-or-member-popup .popup-subtitle a:hover,
    #log-in-fb-or-member-popup .popup-subtitle a:focus,
    #signin .popup-subtitle a,
    #signin .popup-subtitle a:hover,
    #signin .popup-subtitle a:focus {
        color: #41AD49;
        text-decoration: none;
    }
#log-in-fb-or-member-popup .form-group .popup-input-labels,
#log-in-fb-or-member-popup-mobile .form-group > label,
#signin .form-group .popup-input-labels,
#signin .form-group > label {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 7px;
    position: relative;
    color: #000000;
}
#log-in-fb-or-member-popup .form-group,
#log-in-fb-or-member-popup-mobile .form-group,
#signin .form-group {
    text-align: left;
    margin-bottom: 16px;
}
.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=email],
.form-group input[type=number],
.form-group select,
#log-in-fb-or-member-popup .form-group input,
#log-in-fb-or-member-popup .form-group select,
#log-in-fb-or-member-popup-mobile .form-group input,
#log-in-fb-or-member-popup-mobile .form-group select {
    width: 100%;
    height: 34px;
    background-color: #F3F3F4;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border: 1px solid #F3F3F4;
    border-radius: 2px;
    padding: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333333;
}
    .form-group input[type=text]:focus,
    .form-group input[type=password]:focus,
    .form-group input[type=email]:focus,
    .form-group input[type=number]:focus,
    .form-group select:focus {
        background-color: #F3F3F4;
        border: 1px solid #4a4a4a;
    }
.mailRgtrForm-field {
    background: #F3F3F4 !important;
}/*
.field-validation-error {
    font-size: 13px !important;
    line-height: 18px;
    font-weight: 400;
    color: #FF3B59 !important;
    font-family: 'Roboto', sans-serif;
}*/
.form-group.rememberme-forgotpassw {
    float: left;
    margin-top: 2px;
    margin-bottom: 26px;
    width: 100%;
}
.form-group.rememberme-forgotpassw > label {
    width: auto;
    float: left;
}
.form-group.rememberme-forgotpassw > span {
    display: inline-block;
    margin-top: 0;
    width: auto;
    float: right;
}
.form-group.rememberme-forgotpassw > span > a {
    font-weight: 400;
    font-size: 13px;
    color: #41AD49;
    line-height: 18px;
}

.form-group.rememberme-forgotpassw > .rememberme-checkbox-label,
#log-in-fb-or-member-popup-mobile .form-group.rememberme-forgotpassw > .rememberme-checkbox-label {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding-left: 23px;
    position: relative;
    min-height: 18px;
    line-height: 18px;
    color: #666666;
}/*
.form-group.rememberme-forgotpassw > .links {
    margin-top: 0;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    color: #33ccff;
    line-height: 17px;
}*/
input[type=submit],
#log-in-fb-or-member-popup .form-group > input.btn.popupBtn,
#log-in-fb-or-member-popup-mobile .form-group input[type=submit] {
    width: 100%;
    height: 48px;
    background-color: #41AD49;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    border: none;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-bottom: 14px;
}
input[type=submit]:hover,
#log-in-fb-or-member-popup .form-group > input.btn.popupBtn {
    background-color: #2A9145;
}
#log-in-fb-or-member-popup .signup-facebook-login,
#log-in-fb-or-member-popup .signup-facebook-login:focus {
    color: #808080;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    height: auto;
    background-color: #ffffff;
    outline: none;
}
#log-in-fb-or-member-popup .signup-facebook-login:hover {
    color: #3b5998;
}
#log-in-fb-or-member-popup-mobile .modal-header {
    width: 100%;
    float: left;
    min-height: auto;
}/*
#log-in-fb-or-member-popup-mobile .form-group > label {
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}
#log-in-fb-or-member-popup-mobile .form-group > input {
    width: 100%;
    height: 34px;
    color: #808080;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 14px;
}
#log-in-fb-or-member-popup-mobile .form-group.rememberme-forgotpassw > .rememberme-checkbox-label {
    margin-top: 0;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    color: #666666;
    line-height: 17px;
    margin-bottom: 5px;
}
#log-in-fb-or-member-popup-mobile .form-group.rememberme-forgotpassw > .links {
    margin-top: 0;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    color: #33ccff;
    line-height: 17px;
}
#log-in-fb-or-member-popup-mobile .mobile-login-buttons {
    background-color: #ffffff;
    margin-bottom: 50px;
}
#log-in-fb-or-member-popup-mobile .mobile-login-buttons > input.btn.popupBtn {
    width: 100%;
    height: 40px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1;
    margin-top: 0;
}
#log-in-fb-or-member-popup-mobile .mobile-login-buttons > .signup-facebook,
#log-in-fb-or-member-popup-mobile .mobile-login-buttons > .signup-facebook:focus {
    color: #808080;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    height: auto;
    background-color: #ffffff;
    outline: none;
}
#log-in-fb-or-member-popup-mobile .mobile-login-buttons > .signup-facebook:hover {
    color: #3b5998;
}*/
#log-in-fb-or-member-popup-mobile .popup-subtitle {
    color: #666666 !important;
    text-align: center;
    padding: 0; 
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    margin-bottom: 35px;
}
#log-in-fb-or-member-popup-mobile .popup-subtitle a,
#log-in-fb-or-member-popup-mobile .popup-subtitle a:hover,
#log-in-fb-or-member-popup-mobile .popup-subtitle a:focus {
    color: #33ccff;
    text-decoration: none;
}

/*welcome back page*/
a#council {/*
    padding-left: 50px;
}
    @media (min-width: 992px) {
		a#council {	
			padding-left: 60px;	    		
		}*/
	}
.welcome-back-page .panel-heading {
    padding: 15px 0;
}
    @media (min-width: 768px) {
		.welcome-back-page .panel-heading {	
			padding: 15px;	    		
		}
	}
.welcome-back-page .panel-body {
    padding: 0;
}
    @media (min-width: 768px) {
		.welcome-back-page .panel-body {	
			padding: 0 15px;	    		
		}
	}
.update-account, .notifications, .change-password, .validating {
    margin-bottom: 20px;
    margin-left: auto;
    min-height: 80px;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    width: 100%;
    margin-right: auto;
}
.welcome-back-page h1.main-login-title {
    font-size: 26px;
    margin-bottom: 40px;
    margin-top: 20px;
    font-weight: normal;
    color: #333333;
    font-family: 'Myriad Pro', sans-serif;
    text-align: center; 
    padding: 0;
}
.welcome-back-page .popup-subtitle {
    color: #666666 !important;
    text-align: center;
    padding: 0; 
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    margin-bottom: 20px;
    border-bottom: none;
}
    @media (min-width: 768px) {
		.welcome-back-page .popup-subtitle {	
			margin-bottom: 35px;	    		
		}
	}
.welcome-back-page .popup-subtitle a,
.welcome-back-page .popup-subtitle a:hover,
.welcome-back-page .popup-subtitle a:focus {
    color: #33ccff;
    text-decoration: none;
}
.welcome-back-page .main-login-info {
    width: auto;
}
.welcome-back-page .main-login-info .mainlogin-form-wrapper {
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
}
.welcome-back-page .mainlogin-field.mainlogin--email > label,
.welcome-back-page .mainlogin-field.mainlogin--password > label {
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}
.welcome-back-page .mainlogin-field.mainlogin--email > input,
.welcome-back-page .mainlogin-field.mainlogin--password > input  {
    width: 100%;
    height: 34px;
    color: #808080;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
}
.welcome-back-page .main-login-info .mainlogin-form-wrapper .rememberme-forgotpassw {
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
}
.mainlogin-form-wrapper .rememberme-forgotpassw  > .rememberme-checkbox-label {/*
    margin-top: 0;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    color: #666666;
    line-height: 17px;
    margin-bottom: 5px;*/
}
.mainlogin-form-wrapper .rememberme-forgotpassw  > .links {
    margin-top: 0;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    color: #33ccff;
    line-height: 17px;
}/*
.welcome-back-page .mainlogin-button-holder {
    margin-bottom: 30px;
}
.welcome-back-page .mainlogin-button-holder > input.btn.mainBtn.main-login--button {
    width: 100%;
    height: 40px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1;
    margin-top: 0;
}*/
.welcome-back-page .fb-login-wrapper {
    text-align: center;
    margin-bottom: 30px;
}
.welcome-back-page .fb-login-wrapper > .signup-facebook,
.welcome-back-page .fb-login-wrapper > .signup-facebook:focus {
    color: #808080;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    height: auto;
    background-color: #ffffff;
    outline: none;
    text-decoration: none;
}
.welcome-back-page .fb-login-wrapper > .signup-facebook:hover {
    color: #3b5998;
}

/*forgot password page*/
/*.forgot-password-page .panel-heading {
    padding: 15px 0;
}
    @media (min-width: 768px) {
		.forgot-password-page .panel-heading {	
			padding: 15px;	    		
		}
	}*/
.forgot-password-page .panel-body,
.welcome-back-page .panel-body {
    padding: 0;
    margin-bottom: 50px;
}
/*
.forgot-password-page h1.main-login-title {
    font-size: 26px;
    margin-bottom: 40px;
    margin-top: 20px;
    font-weight: normal;
    color: #333333;
    font-family: 'Myriad Pro', sans-serif;
    text-align: center; 
    padding: 0;
}*/
.forgot-password-page .popup-subtitle {
    color: #666666 !important;
    text-align: center;
    padding: 0; 
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    margin-bottom: 20px;
    border-bottom: none;
}
    .forgot-password-page .popup-subtitle a,
    .forgot-password-page .popup-subtitle a:hover,
    .forgot-password-page .popup-subtitle a:focus {
        color: #41AD49;
        text-decoration: none;
    }
.forgot-password-page .main-login-info {
    width: auto;
}
.forgot-password-page .main-login-info .mainlogin-form-wrapper {
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
}
.forgot-password-page .main-login-info .mainlogin-form-wrapper > label {
    color: #1a1a1a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}
.forgot-password-page .main-login-info .mainlogin-form-wrapper > input  {
    width: 100%;
    height: 34px;
    color: #808080;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
}
.forgot-password-page .mainlogin-button-holder {
    margin-bottom: 30px;
}
.forgot-password-page .mainlogin-button-holder > input.btn.mainBtn {
    width: 100%;
    height: 40px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1;
    margin-top: 0;
}
.forgot-password-page .validation-summary-errors {
    color: #ec1b31;
    text-align: center;
    padding: 0; 
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5px;
    margin-bottom: 20px;
}
.theme.white.sort-dropdown.large.white .text {
    font-size: 17px;
    color: #333333;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: normal;
}
.search-options.dataset-fix .search-options-title {
    font-size: 13px;
    color: #333333;
    font-family: 'Myriad Pro', sans-serif;
}

@media only screen and (max-width: 767px) {}

/*Milica end*/

/* Toowoomba */
h1, .h1 {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 33px;
    letter-spacing: 0;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}

h2, .h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    line-height: 23px;
    letter-spacing: 0;
    color: #333333;
    font-family: 'Roboto', sans-serif;
}

h3, .h3 {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    margin: 0;
    line-height: 20px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    position: relative;
}

/*a {
    color: #41AD49
}*/
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
    outline: none;
    outline-offset: 0;
}
.myaccountmenu.supplier ul.nav {
    flex-direction: column;
}
#header-acount-details .navbar-nav {
    flex-direction: row;
}
#header-acount-details .dropdown-toggle::after {
    display: none;
}
#header-acount-details .dropdown .dropdown-menu > li > a {
    font-size: 14px;
}

.form-control.text-field.admin-event-input-part1, .admin-event-input-part2 {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    width: 38%;
    margin-bottom: 10px;
}

.form-control.text-field.admin-event-input-part2 {
    width: 46%;
    margin-bottom: 10px;
}

.calendar-dropdown-arrow.arrow-l1,
.calendar-dropdown-arrow.arrow-l2 {
    right: -160px;
    top: -30px;
}