/* Import external fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&display=swap');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');

/* CSS general */

body {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}

h1 {
	font-size:1.5em;
	margin-bottom:0px;
	font-weight:800;
}

h2 {
	font-weight:800;
}

a, a:visited, a:hover {
	text-decoration:none;
	color:#000;
}

.header {
	background-color:#0046aa;
	padding:15px;
	height:60px;
}

.header .logo a, .header h1 {
	color:#fff;
}

.header .logo {
	    margin-left: 60px;
    position: absolute;
    top: 15px;
    color:#fff;
}

.header .logo img {
	max-height:30px;
}

.header .avatar {
    position: absolute;
    top: 15px;
    right:20px;
    background-color:#FFF;
}

.header .avatar i {
	color:#0046aa;
	position: relative;
    left: -5px;
    top: -2px;
}

.header .off-canvas { color:#000; }

.off-canvas .off-canvas-overlay {
	background: rgba(48,55,66,.8);
}

.nav .nav-item {
	padding:.4rem .4rem; 
}

.menu .menu-item>a {
	color: #66758c;
}

.fas {
	width:25px;
}

h2 .fas {
	max-width:100%;
}

table {
	margin-bottom:50px;
}

.main {
	margin:40px auto;
	max-width:1400px;
	padding-bottom:80px;
}

.coupon {
	max-width:600px;
}


.coupon .card-header {
	margin-bottom:20px;
}

.coupon .code .img-responsive {
	display:inline;
}

.center {
	text-align:center;
}

.disabled {
	opacity:0.5 !important;
}

.toggle {
	text-align:center;
	margin-bottom:20px;
}

.footer {
	position:fixed;
	bottom:0px;
	/*margin: 10px auto;*/
    padding:10px;
    background-color:#dadee4;
	width:100%;
}

.card, .toast  {
	margin:10px 0px !important;
}

.coupon .card {
	margin-bottom:40px !important;
}

.coupon .card-body .border {
	border-bottom: 1px solid #dadee4;
	margin-bottom:20px;
}

.card-image {
	background-color:#dadee4;
}

.card-title { margin-bottom:5px; }

.label { padding: .2rem .5rem; }

#active_coupons {
	margin-bottom:100px;
}

#active_coupons .float-right {
    position: relative;
    top: 8px;
	margin-left:20px;
}

.filter-body .columns {
	min-width:100%;	
}

.off-canvas {

}

.off-canvas .off-canvas-toggle {
	top:-4px;
}

.label {
	margin-bottom:5px;
}

.clear {
	clear:both;
}

#show_old_coupons { 
	display:none; 
}

#form .column { 
	margin:10px 0px; 
}

.addon-sm { 
	padding-top:7px !important; 
}

#code_input .input-group-addon {
	padding: 0px;
}

form {
	display:inline;
}
  
.form-input:not(:placeholder-shown):invalid { 
	border-color: #bcc3ce; 
}

.form-input:not(:placeholder-shown):invalid+.form-input-hint {
	color:#bcc3ce;
}

a.btn, a.btn:visited {
	color:#0046aa;
	text-decoration:none;
}

a.btn-primary, a.btn-primary:visited {
	color:#FFF;
}

.overlay .video-responsive {
	margin-bottom: .8rem;
}

.empty {
	padding: 3.2rem 1.6rem !important;
}

.chip .fas {
	padding: 0.3rem !important;
}



/* CSS for mobile devices */

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

	#old_coupons{ display:none;	}
	#show_old_coupons { display:block; }
	.filter-body .columns { min-width: 104%; }

}