/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*base fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*base css*/
body{
    font-family: 'Roboto', sans-serif;
}
a:focus { outline: 0 solid;}
a:hover{text-decoration: none;}
.pr-0{padding-right: 0;}
img {
    max-width: 100%;
    height: auto;
}
.full-vh{
	min-height: 100vh;
}
.btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus {
      outline: none;
}
.btn-default{
	text-shadow: none;
}
/*search data*/
#searchData.form-control:focus {
	border-color: #cccccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*Data tables*/
.dataTables_filter {
	display: none;
}
/*Wilnelist table*/
#winelist_wrapper table.dataTable.nowrap th{
	font-weight: 400;
}
.winelist-tablehead{
	background-color: #f7f7f7;
}
#winelist_wrapper {
	padding-top: 10px;
}
table#winelist.dataTable thead th, table#winelist.dataTable thead td {
	padding: 15px 25px;
	border-bottom: none;
	text-align: center;
}
table#winelist.dataTable tbody td {
	padding: 25px 10px;
	text-align: center;
}
#winelist tfoot tr th {
	text-align: center;
}
table#winelist.dataTable.display tbody tr.odd {
	background-color: #fff;
}
table#winelist.dataTable.hover tbody tr:hover, table#winelist.dataTable.display tbody tr:hover {
	background-color: #cccccc;
	color: #fff;
	transition: all 0.2s;
}
table#winelist.dataTable.no-footer {
	border-color: #cccccc;
}
table#winelist.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table#winelist.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	top: 25px;
}
table#winelist.dataTable.display tbody tr.odd > .sorting_1, table#winelist.dataTable.order-column.stripe tbody tr.odd > .sorting_1,table#winelist.dataTable.display tbody tr.even > .sorting_1 {
	background-color: #cccccc;
}
table#winelist.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table#winelist.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	left: 0px;
}
#winelist_paginate {
	margin-top: 50px;
	margin-bottom: 50px;
	float: none;
	text-align: center;
}
.dataTables_wrapper #winelist_paginate.dataTables_paginate .paginate_button.current,.dataTables_wrapper #winelist_paginate.dataTables_paginate .paginate_button.current:hover{
	color: #fff !important;
	border-color: #f46100;
	background: #f46100!important;
}
.dataTables_wrapper #winelist_paginate.dataTables_paginate .paginate_button:hover {
	color: #fff !important;
	border-color: #f46100;
	background: #f46100!important;
}
#winelist_paginate a.paginate_button {
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.winelist-edit button,.winelist-edit button:hover,.winelist-edit.open > .dropdown-toggle.btn-default:focus, .winelist-edit.open > .dropdown-toggle.btn-default:hover,.winelist-edit.open > .dropdown-toggle.btn-default,.winelist-edit .btn-default.dropdown-toggle:active:hover {
	text-shadow: none;
	background-image: none;
	border-color: #f46100;
	background: #f46100;
	color: #fff;
	font-weight: 300;
	outline: none;
	padding: 6px 30px;
}
.winelist-edit .dropdown-menu > li > a:hover, .winelist-edit .dropdown-menu > li > a:focus {
	background-color: #f46100;
	color: #fff;
	background-image: none;
	font-weight: 300;;
}
.winelist-edit .dropdown-menu {
	left: 12px;
	min-width: 100px;
}
/*Main styles*/
.main-content{
	min-height: 100vh;
}
.us-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.footer-area{
	background-color: #cccccc;
}
.footer-area .footer-nav{
	float: right;
	font-size: 14px;
	font-weight: 300;
}
.footer-area ul li a{
	color: #fff;
}
.footer-area .nav > li > a:hover, .footer-area .nav > li > a:focus {
	background-color: transparent;
	color:#000;
	transition: 0.2s all;
}
/*Modal styles*/
#contactModal .modal-content,
#privacyModal .modal-content,
#termsModal .modal-content,
#faqModal .modal-content  {
	background: #707070;
	color: #fff;
}
.modal-backdrop.in {
	opacity: 0;
}
#contactModal .modal-header,
#privacyModal .modal-header,
#termsModal .modal-header,
#faqModal .modal-header {
	border-bottom: 0;
	font-size: 20px;
}
#contactModal .close,
#privacyModal .close,
#termsModal .close,
#faqModal .close {
	font-size: 30px;
	opacity: 1;
	color: #fff;
	top: 5px;
	position: absolute;
	right: 10px;
}
#contactModal .btn-submit,
#contactModal .btn-back,
#privacyModal .btn-submit,
#termsModal .btn-submit,
#faqModal .btn-submit {
	background: #f16102;
	color: #fff;
	margin: 0 auto;
	display: block;
	padding: 10px 40px;
	border-radius: 50px;
	border: none;
	margin-top: 25px;
	margin-bottom: 20px;
}
#faqModal .modal-body{
	height: 80vh;
	overflow-y: auto;
}


/*wine info modal*/
#wineinfo .modal-header {
	padding: 15px;
	border-bottom: none;
}
#wineinfo .modal-content {
	background-color: #9a9a9a;
	color: #fff;
}
#wineinfo .close {
	font-size: 30px;
	opacity: 1;
	color: #fff;
	top: 5px;
	position: absolute;
	right: 10px;
}
#wineinfo .modal-content {
	border: none;
	padding: 10px 50px;
	padding-bottom: 30px;
}
#wineinfo .modal-dialog {
	min-width: 70%;
}
#wineinfo .modal-body {
	background: #2f416a;
	border-radius: 5px;
}

.modal-info-wrap h4 {
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.modal-info-wrap {
  padding-top: 2px;
  padding-bottom: 2px;
}

.modal-info-wrap p {
  font-weight: 700;
  color: #f46100;
}
/*Date selector*/
.date-field {
	float: left;
	max-width: 15%;
}
.date-field .bootstrap-select > .dropdown-toggle {
    width: 33%;
}
/*logo*/
.sign-in .logo {
	margin-top: 150px;
}
.sign-in .logo img {
	max-width: 100%;
	margin: auto;
}
/*sign in form*/
/*.sign-in {
	background: url('../img/User1_bg-min.png') no-repeat scroll 0 0;
	background-size: cover;
	min-height: 100vh;
}*/
.sign-in {
    background: url(../img/User1_bg-min.png) no-repeat center center scroll;
    min-height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.sign-in .sign-in-from {
	max-width: 400px;
	margin: auto;
	margin-bottom: 150px;
}
.sign-in .help-block.forget-password {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}
.sign-in .btn.btn-default.btn-login {
	margin: auto;
	display: block;
	background: #f46100;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 45px;
	border-radius: 8px;
}
.sign-in .input-group-addon,.sign-in .form-control {
	color: #fff;
	background-color: transparent;
}
.sign-in .form-control {
	border-left: 0;
	font-weight: 300;
    font-size: 14px;
}
.sign-in ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
    font-weight: 300;
    font-size: 14px;
}
.sign-in .form-control:focus {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*login error*/
.login-error span,.login-instruction a {
	font-size: 16px;
	font-weight: 400;
	color: #f46100;
	border: 1px solid #f46100;
	border-radius: 6px;
	max-width: 398px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
/*Main Nav*/
.main-header {
	background: #2f416a;
}
.main-header a {
	color: #fff;
}
.main-header .nav > li > a {
  font-size: 14px;
  font-weight: 300;
}
.main-header .navbar-brand, .navbar-nav > li > a {
	text-shadow: none;
}
.main-header .navbar {
	margin-bottom: 5px;
}
.sign-out .navbar-nav > li > a {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 7px 20px;
	margin-top: 5px;
}
.main-header .nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
}
.main-header .navbar-brand {
  font-weight: 700;
  font-size: 25px;
  padding-left: 0;
}
.main-header .navbar-header {
  padding-top: 10px;
}
.main-header .nav.navbar-nav {
  padding-top: 10px;
}
.main-header .navbar-toggle {
	background-color: #fff;
}
.main-header .navbar-toggle .icon-bar {
	background: #2f416a;
}
.main-nav > li.active > a::after,.main-nav > li > a:hover::after  {
	position: absolute;
	content: "";
	width: 25px;
	height: 5px;
	background: #fff;
	bottom: -6px;
	left: 32px;
}
/*privacy*/
.global h2{
	font-weight: 300;
}
/*terms*/
/*footer*/
.terms .footer-area {
	background: #808080;
}

/*Wine entry*/
.wine-progress-bar {
	padding-top: 20px;
	padding-bottom: 15px;
}
.wine-entry {
	background: url('../img/User1_bg2.png') no-repeat scroll 0 0;
	background-size: cover;
}
.wine-page-title h3 {
	font-weight: 300;
	padding-bottom: 10px;
}
/*Wine entry from*/
.wine-entry-form .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #000;
}
.bootstrap-select .dropdown-toggle:focus {
	outline: none!important;
}
.wine-entry-form .btn.dropdown-toggle.btn-default {
	background: none;
	font-weight: 300;
}
.wine-form-wrap {
	background: #d9e8f6;
	padding: 10px 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	padding-bottom: 25px;
}
.wine-entry-form .btn.btn-primary.btn-wine-submit {
	background: #f46100;
	border: none;
	padding: 10px 25px;
	margin: auto;
	display: block;
	margin-bottom: 20px;
	font-weight: 300;
	border-radius: 5px;
}
.wine-form-wrap label {
	padding-bottom: 5px;
	font-weight: 300;
}
.wine-form-wrap .bootstrap-select.btn-group .dropdown-menu li a span.text {
	font-weight: 300;
}
.wine-form-wrap .form-control {
	font-weight: 300;
	border:none;
}
.wine-form-wrap .form-control:focus {
	box-shadow: none;
	border: none;
}

.btn.btn-primary.btn-wine-submit.btn-wine-edit {
  padding: 10px 60px;
  display: inline-block;
}
.btn.btn-primary.btn-wine-submit.btn-wine-save {
  display: inline-block;
  margin-left: 10px;
}
.btn.btn-primary.btn-wine-submit.btn-wine-done {
  display: inline-block;
  padding: 10px 50px;
}
.wine-btn-group {
  text-align: center;
}
/*wine save*/
.wine-confirmation {
	text-align: center;
	width: 150px;
	height: 150px;
	display: block;
	background: #54bb52;
	line-height: 175px;
	color: #fff;
	font-size: 100px;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.wine-confirm-text {
  text-align: center;
}
.wine-confirm-text p {
  font-size: 30px;
  line-height: 35px;
  padding-bottom: 30px;
}
.wine-entry.wine-save {
	min-height: 100vh;
}
.wine-info .btn.btn-primary.btn-wine-submit {
	display: inline-block;
}
.wine-entry.wine-info{
	background: none;
}

/* ==========================================================================
   Nfc scanner styles
   ========================================================================== */
.body-bg{
	background: url('../img/User1_bg2.png') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/*feedback*/
.enquiry-success {
	text-align: -webkit-center;
}
.enquiry-feedback {
	font-weight: 300;
	font-size: 24px;
	text-align: center;
	max-width: 400px;
}

/*FAQ styles*/

.faq-content {
  text-align: justify;
}

.faq-content .faq h3 {
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 20px;
}
.faq-content .faq p {
  font-size: 14px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*Tag styles*/
.tag-heading h2 {
  font-weight: 700;
  font-size: 30px;
  color: #2f416a;
}
.tag-heading p {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 0;
}
.tag-heading p span {
  color: #8fbed5;
  font-size: 25px;
  top: 5px;
}

.tag-main-content {
  padding-top: 150px;
}
.tag-main-content>span {
  font-size: 80px;
  color: #8fbed5;
  padding-bottom: 40px;
}
.tag-desc {
  font-weight: 300;
  font-size: 20px;
}
.tag-desc span {
  color: #54bb52;
  top: 4px;
}
/*globe dropdown*/
#globedropdown.btn-default{
	text-shadow: none;
	background-image: none;
	border-color: transparent;
	border: none;
	background-color: transparent;
	box-shadow: none;
	float: right;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 25px;
	color: #cccccc;
}
#globedropdown.btn-default:hover, #globedropdown.btn-default:focus {
	background:none;
}
.globe-icon .dropdown-menu {
	top: 50px;
	left: auto;
    right: 20px;
}
.globe-icon ul li a {
	font-weight: 300;
}
.globe-icon .caret {
	margin-right: 8px;
}

/*Authentica style*/
.authenticate-heading p span img {
  width: 30px;
  margin-left: 10px;
}
.wine-confirmation.success-icon {
	width: 100px;
	height: 100px;
	line-height: 110px;
	font-size: 60px;
}
.tag-main-content.authenticate-content {
	padding-top: 100px;
}

/*language style*/
.sign-in-from.language-list {
	max-width: 130px;
	margin-bottom: 50px;
}
.sign-in-from.language-list .btn.btn-default.btn-login {
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 300;
	border-radius: 20px 20px;
	padding: 10px 35px;
}

/*Read Tag style*/
.tag-shadow {
	box-shadow: 0 1px 15px 1px #cccccc;
	position: relative;
}
.tag-heading {
	padding-bottom: 15px;
	padding-top: 20px;
}
.tag-shadow .tag-heading h2 {
	margin-top: 0;
	margin-bottom: 0;
}
.globe-posfix #globedropdown.btn-default {
	right: 0;
	position: absolute;
}
.read-tag {
  padding-top: 15px;
  padding-bottom: 15px;
}
.read-tag .tag-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.read-tag .tag-item .tag-terms {
  font-weight: 300;
  font-size: 16px;
}
.read-tag .tag-item .tag-description {
  font-weight: 700;
  font-size: 16px;
}
.tag-map .map-title {
	font-weight: 300;
	font-size: 16px;
}
.tag-heading {
  padding-bottom: 10px;
}

/*user guide style*/
.userguide-heading p span {
	background: #465e90;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	font-size: 16px;
	color: #b7cad1;
}
.userguide-heading {
	padding-top: 1px;
}
.userguide .globe-posfix #globedropdown.btn-default {
	right: 0;
	position: absolute;
	top: 50px;
}
.userguide .globe-icon .dropdown-menu {
	top: 100px;
	min-width: 105px;
}
.read-tag.user-guide {
	padding-left: 18px;
	padding-right: 18px;
}
.userguide-description {
	font-weight: 300;
	font-size: 14px;
	text-align: justify;
}
.btn.btn-default.btn-back {
	display: inline-block;
	font-weight: 300;
	margin-top: 100px;
	margin-bottom: 50px;
}
.btn-back:hover, .btn-back:focus {
	background-color: #f16102;
	color: #fff;
}

/*Additional fixes*/
#contactModalLabel {
	font-weight: 700;
}
#contactModal label {
	font-weight: 500;
}
.form-control:focus {
	border-color: transparent;
	box-shadow: none;
}
.modal-title {
	font-weight: 700;
}
#contactModal .modal-body {
	padding: 25px;
}
.language .logo {
  text-align: center;
  margin-top: 50px;
}
.language .logo span {
  font-weight: 300;
  font-size: 14px;
  color: #fff;
}
.language-text {
	text-align: center;
	color: #fff;
	font-weight: 300;
	margin-bottom: 40px;
}