.vta-login-spinner {
	position: fixed;
	top: 170px;
	left: 50%;
	width: 128px;
	height: 128px;
	padding: 32px;
	margin-left: -64px;
	margin-top: -64px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 50px 0 #ccc;
}

.vta-loadmore {
	outline-style: none !important;
	margin-bottom: 20px;
}

.vta-loadmore-spinner {
	float:left;
	margin-right: 5px;
}

/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.content,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

.badge-success {
	background-color: #5cb85c;
}

.badge-alert {
	background-color: #cc0000;
}

.btn {
	overflow: hidden;
}
.btn:focus {
	outline: none !important;
}

/* overwrite bootstap column spacing */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 15px;
	padding-right: 15px;
}

/* no more borders on clicked buttons */
:focus {
  -moz-outline-style: none;
  outline-style: none;
}

/* fix bootstap input feedback icon position */
.has-feedback .form-control-feedback {
	top: 0;
}

.alert-danger {
	background-color: #ffffff;
	border-color: #cc0000;
	color: #cc0000;
}

.modal-body h3 {
	font-size: 18px;
}

/* vouchertonyadmin styles prefixed vta- */

.vta-header h1, .vta-login h1, .vta-redeem h1 {
  margin: 0;
  padding:0;
  height:90px;
  background: url(/img/voucher-tony-logo.png) no-repeat;
  background-size: 200px;
  text-indent: -2000px;
  
}

.vta-header .vta-header-tabs {
	margin-top: 38px;
}

.vta-login h1, .vta-redeem h1 {
	border-bottom: 1px solid #428bca;
	margin-bottom: 20px;
}

.vta-login {
	
}

.vta-login .vta-footer, .vta-redeem .vta-footer {
	margin-top: 20px;
}

.vta-user {
	float:right;
}

.vta-redeem p {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.form-signin {
	border: 1px solid #ccc;
	padding:10px;
	border-radius: 5px;
}

.form-signin input[type="text"] {
	/*
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	*/
}
.form-signin input[type="password"] {
	margin: 10px 0;
}
.form-signin button {
	margin-bottom: 10px;
}

/*
.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
.vta-campaignlist-search, .vta-campaignlist-filter {
	margin-top:15px;
}

.vta-datatable th.vta-sortable {
	padding-right:20px !important;
	cursor: pointer;
}

.vta-pagination {
	padding-bottom:20px;
}

.vta-pagination .col-md-8 {
	text-align: center;
}

.vta-campaign-info {
	border:1px solid #008AC4;
	border-radius: 5px;
	margin-top: 8px;
	padding:4px;
}

.vta-center {
	text-align:center;
}

.vta-nowrap {
	white-space: nowrap;
}

.vta-td-narrow {
	width:2%;
}

/* Custom page header */
.vta-header {
  border-bottom: 1px solid #428bca;
}

.vta-border-top {
	border-top: 1px solid #e5e5e5;
}

.vta-content-header {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	/* padding-bottom:10px; */
    /*height: 57px;*/
}
/*
.vta-content-header input{
	width:200px;
	position:absolute;
	top:0;
	right:0;
}
*/
.vta-content-header h2 a:hover{
	text-decoration: none;
}

.vta-content h2 {
	font-size:24px;
	margin-bottom: 20px;
}

.vta-content h3 {
	margin-bottom:20px;
}

.vta-content table {
	/*border-bottom: 1px solid #e5e5e5;*/
}

.vta-content .table-hover td {
	cursor: pointer;
}

.vta-campaign-tabs {
	margin-top: 15px;
	margin-bottom: 5px;
}

.vta-chart-wrapper {
	width:100%;
	min-height: 536px;
	margin-bottom:20px;
	border: 1px solid #ddd;
	background: #f6f6f6;
	padding: 10px 0 15px 10px;
	border-radius:5px;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.vta-chart-timeswitch {
	margin-bottom: 15px;
}

.vta-chart {
	width:100%;
}

.vta-chart-spinner, .vta-download-spinner {
	width:100%;
	text-align: center;
}

.vta-chart-wrapper .error-msg {
	text-align: center;
	padding: 200px 0 0 0;
}

.vta-chart-spinner img {
	margin: 200px auto;
}
.vta-download-spinner img {
	margin: 20px auto;
}

.vta-chart-marker-line {
	stroke: rgba(0,0,0,0.5);
}

.vta-chart-marker-text {
	fill: rgba(0,0,0,0.5);
	font-size: 12px;
}

.vta-chart-tooltip {
	display: none;
	pointer-events: none;
	position: absolute;
	top:30px;
	left:30px;
	margin-top:-55px;
	margin-left:-20px;
	width:100px;
	padding: 10px;
	background: #fff;
	text-align: center;
	border-radius:5px;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
	box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

.vta-chart-tooltip .vta-chart-tooltip-count {
	display: block;
	font-size: 36px;
	height: 52px;
	border-bottom:1px solid #eee;
	margin-bottom: 7px;
}

.vta-chart-tooltip-full {
	display: none;
	pointer-events: none;
	position: absolute;
	top:20px;
	left:30px;
	margin-top:-55px;
	margin-left:-20px;
	width:130px;
	padding: 8px;
	background: #fff;
	border-radius:5px;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
	box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

.vta-chart-tooltip-date {
	display: block;
	font-size: 16px;
	height: 26px;
	text-align: center;
	border-bottom:1px solid #c3c3c3;
}

.vta-chart-tooltip-values {
	display: block;
	font-size: 14px;
	border-bottom:1px solid #c3c3c3;
}

.vta-chart-tooltip-countries {
	text-align: left;
	float: left;
}

.vta-chart-tooltip-count-country {
	text-align: right;
	float: right;
	padding-right: 6px;
}

.vta-chart-tooltip-percent {
	text-align: right;
	float: right;
}

.vta-chart-tooltip-total {
	font-size: 16px;
}

/* .vta-chart-tooltip-count-total { */
/* 	display: block; */
/* 	font-size: 16px; */
/* 	height: 26px; */
/* 	text-align: center; */
/* 	float: right; */
/* 	padding-right: 39px; */
/* } */

.vta-chart-grid .tick {
	stroke: #e8e8e8;
	opacity: 0.7;
}

.vta-chart-grid path {
	stroke-width: 0;
}

.vta-campaigndetails ul.list-unstyled {
	padding:0;
	margin: 0;
}

.vta-campaigndetails li {
	padding:5px 0;
	border-top: 1px solid #e5e5e5;
}

.vta-campaigndetails h3 {
	margin-top: -5px;
	margin-bottom: 10px;
}

.vta-campaigndetails h4 {
	border-top: 1px solid #e5e5e5;
	margin-top: 0;
	padding-top: 20px;
}

.vta-filename {
	/* white-space: normal; */
	text-align: left;
	margin-bottom:20px;
}

.vta-report-csvdownload {
	/* white-space: normal; */
	margin-top: 5px;
	font-size: 11px;
}

.vta-icon-zip, .vta-icon-csv {
	float:left;
	margin-left: 5px;
	margin-right: 10px;
	width: 30px;
	height: 37px;
}

.vta-filedownload-spinner {
	float:left;
	margin-left: 5px;
	margin-right: 10px;
	width: 30px;
	height: 34px;
	padding-top: 3px;
}

.vta-order-campaign-spinner {
	float:right;
	margin-left: 10px;
	width: 20px;
	height: 20px;
	display: none;
}

.vta-codes {
	min-height: 400px;
}

.vta-codes-header h3 {
	float:left;
}

.vta-codes-header .badge {
	margin-top:20px;
	margin-left:10px;
}

.vta-codes-table table {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.vta-codes-filter {
	margin-top:15px;
}

.vta-codes-filter-col {
	padding-left:0px;
}

.vta-csv-btn .glyphicon {
	font-size: 14px;
	top: 2px;
}

.vta-about {
	margin-top:20px;
	margin-bottom:40px;
}

.vta-about-form-box {
	padding:20px;
	border: 1px solid #ddd;
	background-color: #fff;
    border-radius: 4px;
	margin-bottom: 10px;
}

.vta-about-form-box h5{
	margin-top:0;
}

.vta-about .img-thumbnail {
	margin-bottom:10px;
}

.vta-about h4 {
	display: block;
	padding: 0 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.vta-about-row {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 15px;
	margin: 0 0 15px 0;
	background-color: #f9f9f9;
}

.vta-about ul {
	margin-bottom: 15px;
	padding-left: 0;
}

.vta-about li {
	margin-bottom: 5px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
.vta-about li:before {
	content: "- ";
}

.vta-design-template {
	display: block;
	padding:5px;
	padding-left: 40px;
	min-height: 40px;
	margin-bottom: 5px;
}

.vta-design-template.pdf {
	background: url(/img/icon-pdf.png) no-repeat;
	background-size: 32px 32px;
}

.vta-design-template.psd {
	background: url(/img/icon-psd.png) no-repeat;
	background-size: 32px 32px;
}

.vta-design-template.indd {
	background: url(/img/icon-indd.png) no-repeat;
	background-size: 32px 32px;
}

/* Custom page footer */
.vta-footer {
  border-top: 1px solid #428bca;
  padding-top: 20px;
}

.error-msg {
    display:none;
}

.dropdown-menu {
    left:auto;
    width: auto;
}

.paginate_active {
    background-color: #EBEBEB;
    border-color: #ADADAD;
    color: #333333;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}

.paginate_button_disabled{
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dataTables_filter label {
    display:block;
    font-weight:normal;
}

#campaignlist-datatable tr {
    cursor:pointer;
}

.btn .caret {
    margin-left: 2px;
}

.col-md-3 {
    width:30%;
}

.col-md-9 {
    width:70%;
}

.btn-group > .first-element {
    border-radius: 3px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.btn-group > .last-element {
    border-radius: 3px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.btn-group > .first-element.last-element {
    border-radius: 3px !important;
}
.redirect-login-button {
    display:none;
}

.vta-snippet-code {
    padding: 2px 4px;
    font-size: 90%;
    color: #428bca;
    background-color: #eee;
    white-space: normal;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 980px;
  }
}

.vta-table-mobile .vta-codes-table-mobile-title {
	display:none;
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 990px) {
	/* Remove the padding we set earlier */
	.vta-header,
	.vta-content,
	.vta-footer {
		padding-left: 0;
		padding-right: 0;
		 /* overflow: hidden;*/
	}
	.vta-header h2,
	.vta-content h2,
	.vta-footer h2,
	.vta-header h3,
	.vta-content h3,
	.vta-footer h3
	{
		font-size: 16px;
	}
	.vta-header .row {
		padding-bottom: 10px;
	}
	.vta-content-header {
		padding-bottom: 10px;
	}
	.vta-codes-count {
		position: absolute;
		top:0;
	}
	.vta-pagination-text {
		display:none;
	}
	.vta-codes-filter-col {
		padding-left:15px;
		clear: both;
	}
	.vta-codes-table {
		margin-top:15px;
	}
	
	
	/* small screen table view -experimental- */
	table.vta-table-mobile {
		border: 0px solid #ddd;
	}
	
	.vta-table-mobile thead {
		display:none;
	}
	
	.vta-table-mobile tbody tr {
		border: 0px solid #ddd;
		border-bottom: 1px solid #ddd;
		display:block !important;
		padding: 10px 0;
	}
	
	.vta-table-mobile td {
		display:block;
		overflow: auto;
		border-top: 1px solid #ddd !important;
		clear: both;
		line-height: 20px;
	}
	/*
	.vta-table-mobile tr:hover td, .vta-table-mobile tr:hover th {
		background-color: transparent !important;
	}
	*/
	
	.vta-table-mobile .vta-codes-table-mobile-title {
		line-height: inherit;
		display:block;
		float:left;
		width:40%;
		text-align: left;
		padding-right: 10px;
	}
	.vta-table-mobile .vta-codes-table-mobile-value {
		line-height: inherit;
		display:block;
		font-weight: bold;
		float:right;
		width:60%;
		text-align: left;
	}
	
	
	
	.vta-chart-wrapper {
		min-height: 300px;
	}
	
	.vta-chart-spinner img {
		margin: 100px auto;
	}
	.vta-user {
		float:left;
		margin-bottom: 10px;
	}
	.vta-header-tabs {
		margin-bottom: 10px;
	}
}