/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline;}
ol,ul {list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; border:none;display:block;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
form{padding:0;margin:0;}
input, textarea, select {
    font-size: 100%;
    margin:0;
}

/********** General *********/
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.clear{clear:both;}


img {
	max-width:100%;
	height: auto;
	border:none;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
p{}
p.nopad{padding:0;}
a{text-decoration:none; cursor:pointer; }
a:hover, a:focus {}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
	padding-bottom:25px;
}
h1{font-size:28px;}
h2{font-size:26px;}
h3{font-size:24px;line-height:1.3;}
h4{font-size:16px;line-height:1.3;font-weight: 600;padding-bottom:15px;}
h5{font-size:14px;line-height:1.3;font-weight: 600;padding-bottom:10px;}

strong{
    font-weight: 700;
}


ul.unordered-list {
    list-style: disc;
    margin: 0 0 15px 35px;
}

ul.unordered-list li{
    margin: 0 0 5px;
}

@media all and (max-width:480px){
	h1{font-size:24px;}
}

/************ Font **************/

/* Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    src: local('Open Sans'), url('../fonts/OpenSans-Regular-webfont.ttf') format('opentype');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

/* semi bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    src: local('Open Sans'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('opentype');
    font-weight: normal;
	font-weight: 600;
    font-style: normal;

}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    src: local('Open Sans'), url('../fonts/OpenSans-Bold-webfont.ttf') format('opentype');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

body{
    font-family: 'Open Sans';
    font-weight: 400;
	font-size:13px;
	line-height:1.3;
	padding:80px 0 50px 0;
	margin:0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	color:#000;
}

.font-lg {
	font-size:18px;
}


.breadcrumb>.active {
	color:#000 !important;
	font-weight: bold;
}

.sub-breadcrumb {
	padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}


/************ Table **************/

.table-responsive {
	padding: 0;
}

.table {
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#fff;
}
.table th {
	border-right:1px solid #ddd;
	background: #ddd;
	font-size:11px;
}
.table td{
	border-right:1px solid #ddd;
}

.table-striped>tbody>tr:nth-of-type(odd){
	background-color: #f7f7f7;
}

.table tr.bg-grey{
	background-color: #f7f7f7;
}

.table-black {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#fff;
}
.table-black th {
	border-right:1px solid #ccc;
	background: #ddd;
}
.table-black td{
	border-right:1px solid #ccc;
}


.table-sml th, .table-sml td {
	font-size:11px;
}


.table-row-grey {
	background:#f7f7f7;
}


.table>tbody>tr>td.report-graph {
	vertical-align:bottom;
    font-weight:600;
	color:#E63F24;
}

.table-analysis th{
	width:7%;
}


.table-allocate .form-control{
	width:70px;
}
.table-allocate>tbody>tr>td {
	vertical-align:middle !important;
}

.table-allocate>tbody>tr.table-allocate-sub>td {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background: #f7f7f7;
}

.table-allocate>tbody>tr.table-allocate-unallocated>td {
	font-weight:bold;
	vertical-align:top !important;
}
.table-allocate>tbody>tr.table-allocate-unallocated>td>p {
    padding-top: 7px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.table-allocate>tbody>tr.table-allocate-unallocated>td>p.unalloc-amt {
	text-align:center;
}

.table-allocate>tbody>tr.table-allocate-unallocated>td .form-control {
	background:#f7f7f7;
}

.table-allocate>tbody>tr.table-allocate-unallocated>td .input-group-addon {
	font-weight:bold;
}

.table-allocate>tbody>tr.table-allocate-unallocated>td span.glyphicon {
	display:block;
	margin:0 auto 0;
	text-align:center;
	color: #f58220;
	font-size:17px;
}


.table-inline {
	display:inline-block;
}



.status-approval {
	color:#fff;
	background-color: #ed7764;
}
.status-red {
	color:#fff;
    font-weight:600;
	background-color: #E63F24 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-green {
	color:#fff;
    font-weight:600;
	background-color: #5BC24C !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-orange {
	color: #fff;
    font-weight:600;
	background-color: #F5B025 !important;
	border: 1px solid rgba(0,0,0,0.1);
}

.status-blue {
	color: #fff;
    font-weight:600;
	background-color: #00bcf2 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-grey {
	color: #999;
    font-weight:600;
	background-color: #e7e7e7 !important;
	border: 1px solid rgba(0,0,0,0.1);
}

.status-text-red {
	color:#E63F24;
    font-weight:600;
}
.status-text-green {
	color:#4ea341;
    font-weight:600;
}
.status-text-orange {
	color: #F5B025;
    font-weight:600;
}
.status-text-blue {
	color: #00bcf2;
    font-weight:600;
}
.status-text-grey {
	color: #aaa;
    font-weight:600;
}
.status-text-white {
	color: #fff;
    font-weight:600;
}
.status-text-black {
	color: #000;
    font-weight:600;
}

.btn-report {
	font-size:11px;
}


.btn-act-link-icon {
	display:inline-block;
	vertical-align:top;
	margin:2px 8px 0 0;
}

.table-country-au {
	background:url(../images/table-country-au.png) top right repeat-y;
}
.table-country-nz {
	background:url(../images/table-country-nz.png) top right repeat-y;
}

.btn-dl-right {
	float:right;
}


@media all and (max-width:767px){
	.table-responsive {
		border:0;
	}
	.btn-dl-right {
		float:none;
	}
}

/************ Form **************/

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	font-size:12px;
}

/**input[type="checkbox"]:checked + span {
	font-weight:bold;
}**/
.checkbox label, .radio label {
	font-size:13px;
}

.checkbox, .radio {
	margin-top: 6px;
	margin-botttom: 6px;
}

.form-control {
	border-radius: 0;
	font-size:13px;
}

.input-group-addon {
	border-radius: 0;
	font-size:13px;
}

.tab-pane {
	padding-bottom:30px;
}
.form-control-static img.icon-country {
	width: 30px;
	height: auto;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}



.icon-country-sm {
	width: 30px;
	height: auto;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}


.date-text strong{
	display:inline-block;
	margin-right:5px;
}
.date-text span{
	display:inline-block;
	color: #555;
}
.date-text {
}

.date-item-country {
	text-align:right;
}


/************ Panel **************/

.panel-head {
	border-style: solid;
}
.panel-body {
	background:#f7f7f7;
	border: 1px solid #e5e5e5;
	padding:15px;
}
.panel-footer {
	background:#fff;
	border: 1px solid #e5e5e5;
	border-width:0 1px 1px 1px;
	padding:15px;
}

.panel-hide{
	display:none;
}
.back-link {
	padding: 8px 15px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.back-link a {
	text-decoration:none;
}
.back-link a span{
	display:inline-block;
	margin-right: 5px;
	font-size:11px;
}

.modal-order {
    padding-top: 10%;
}
.modal-sm {
    padding-top: 10%;
	width:330px;
}

.modal-confirm-body {
	padding:15px 15px 0 15px;
}
.modal-confirm-footer {
	padding:0 15px 15px 15px;
}

.modal-confirm-footer .btn{
	display:block;	
}


/************ Navigation **************/

.nav-pills>li>a {
	border-radius: 0;
}

.nav-tabs>li>a, .nav-tabs.nav-justified>li>a {
	border-radius: 0;
	font-weight:600;
	color: #999;
	padding: 10px 25px;
}


/************ Buttons **************/

.btn-block {
	display:
}
.btn-primary {
	background-color: #0054a5;
}

.btn-orange {
	color: #fff !important;
	background-color: #f58220;
	border-color: #f58220;
}
.btn-red {
	color: #fff !important;
	border-color: #E63F24;
	background-color:#E63F24;
}
.btn-black {
	color: #fff !important;
	border-color: #000;
	background-color: #000;
}
a.btn-red:hover {
	background-color:#eb5740;
}
.or {
	display:inline-block;
	margin:0 10px;
	font-weight:bold;
	font-size:16px;
}

/************ Labels **************/
.label {
	font-size: 88%;
	margin-left:10px;
}

.label-red {
	background-color: #e9573f;
}


/************ Header **************/

#header {
	width: 100%;
	margin-right: 0;
	background-color: #252b33;
}

.navbar-brand {
	padding: 10px 15px;
}


.logo img{
	width:120px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #0054a5;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #0054a5;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none;
}
.navbar-default .navbar-nav>li>a {
	color:#fff;
	font-weight: 600;
	padding: 18px 20px;
	font-size:13px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#005bad;
	background:#fff;
	/*color:#fff;
	background:#005bad;*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color:#005bad;
	background:#fff;
}
.navbar-default .navbar-nav>li>ul>li>a {
	color: #222;
	border-bottom:1px solid #eee;
	padding: 11px 20px 11px 20px;
	font-size:13px;
	background:#fff;
}
.navbar-default .navbar-nav>li>ul {
	background:#0054a5;
}

.navbar-default .navbar-nav>li>ul>li>a:focus,.navbar-default .navbar-nav>li>ul>li>a:hover {
	color: #fff;
	background:#005bad;
}

.navbar-nav li.dropdown-show:hover>a, .navbar-nav li.dropdown-show:focus>a  {
	color:#005bad;
	background:#fff;
}
.dropdown-show:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
	padding: 0;
	border: 0; 
}

.navbar-nav li.nav-loggedin span {
	color: #fff;
	font-size:13px;
	line-height: 20px;
	font-weight: 600;
	padding: 18px 10px;
	position: relative;
	display: block;
}

.navbar-nav a.nav-logout {
	color:#00acf4 !important;
}



@media all and (max-width:992px){
	.navbar-default .navbar-nav>li>a {
		padding: 15px 10px;
		font-size:13px;
	}
	.navbar-nav li.nav-loggedin  {
		display:none;
	}
}

@media all and (max-width:767px){
	.navbar-nav {
		margin: 0 -15px 0;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		font-weight:bold;
		border-bottom:1px solid #eee;
	}

	.navbar-default .navbar-nav>li>a {
		font-weight: 400;
		padding: 10px 15px;
		font-size:13px;
	}
	.navbar-brand {
		padding: 9px 15px;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#fff;
	}
	.caret {
		float:right;
		margin:8px 20px 0 0; 
	}

}




/************ EXPRESS **************/

/************ Site **************/

.site-links {
	margin-bottom:40px;
}
.site-links li{
	padding:9px 0;
	border-top: 1px solid #eee;
}

.site-links li i{
	padding-right: 15px !important;
	color:#000 !important;
}
.default-tabs {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.br-l {
    border-left: 1px solid #ddd;
}

.font-sml label{
	font-size:12px;
}
.font-sml .btn{
	font-size:12px;
}
a.default-report {
	font-size:11px;
	text-decoration:none;
}
a.default-report h3{
	font-size:20px;
	color:#333;
	padding-bottom:5px;
}

.default-report-view  a{
	font-size:11px;
	margin-left:5px;
}

.default-heading-link {
	font-size:12px;
	margin-left:10px;
}


/************ Account **************/

.heading-client {
	padding: 0 0 20px;
}

/*** Nav***/

ul.nav-account  {
	font-size:0;
	margin-bottom:30px;
	background: #f7f7f7;
}
ul.nav-account  li{
	font-size:13px;
	background: #f7f7f7;
}


ul.nav-account  li.nav-account-sub {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-weight:bold;
}
ul.nav-account  li.nav-account-sub-type {
 	position: relative;
	display: block;
	padding: 10px 15px;
	border-top:1px dashed #ddd;
	font-style:italic;
}

.nav-account>li+li {
	margin-top:0;
}



@media all and (max-width: 767px){
	ul.nav-account  li.nav-account-sub{
		display:none;
	}
	ul.nav-account  li.nav-account-sub-type {
		width:100%;
		font-style:normal;
		font-weight:bold;
	}
	ul.nav-account li{
		width:50%;
		margin: 0;
		display:inline-block;
		vertical-align:top;
	}
}


/*** Bonus & Rebate ***/

.table-rebate-custom {
}

.rebate-custom, .rebate-expiry, .rebate-expiry-2 {
	display:none;
}
.red {
	color:#E63F24;
}
.green {
	color:#5BC24C;
}
.client-invoice {
	border-top:1px dashed #ccc;
	margin-top:20px;
	padding-top:20px;
}
.icon-edit {
	display:inline-block;
	margin-right:5px;
}

a.delete-invoice {
	float:right;
	font-size:14px;
	text-decoration:none !important;
	color:#333;
}

.links-inline {
	line-height:1.7;
}
.links-inline span {
	display:inline-block;
}

.links-inline span a, .links-inline strong {
	display:inline-block;
	margin-right:20px;
}



/*** Template Card ***/

.radio-custom {
	padding:10px 0; 
	display:none;
}
.radio-custom img {
	display:inline-block;
	vertical-align:middle;
	width:100px;
	margin-right:10px;
}
.radio-custom span {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}
.radio-custom a{
	display:inline-block;
	line-height:1.5;
	margin-bottom:10px;
}

.modal-card-design a{
	display: block;
    text-align: center;
    color: #000;
    margin: 0 0 20px 0;
	-webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.modal-card-design a img{
	margin-bottom:5px;
}
.modal-card-design .col-sm-3{
	display:inline-block !important;
	vertical-align:top;
	float:none;
	margin: 0 -0.125em;
}


img.maincard-img {
	width:45px;
	display:inline-block;
	vertical-align:middle;
	margin: 0 15px 0 10px;
}

.table-maincard img.card {
	width:100%;
	height:auto;
	border:0;
}

.table-maincard a.maincard-title {
	display:block;
	margin: 0 0 5px;
}

/*** Filter ***/

.nav-margin {
	margin-bottom:15px
}

.filter {
	padding:0 0 10px;
	overflow:auto;
}

.filter label {
	margin-right:5px;
}

.filter .form-control {
	padding: 6px 12px;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
	box-shadow: inset 0 0 0 rgba(0,0,0,0);
    outline: none !important;
}

.filter .form-date .input-group .form-control{
	width:100px;
	
}



.filter .form-date {
	margin-right:15px;
}

.filter .form-search input:focus.form-control {
	border-color:#ccc;
	border-style: solid;
    border-width: 1px 0 1px 1px;
}
.filter .form-search .input-group-addon{
	background-color: #fff;
	padding: 0;
}
.filter .form-search .input-group-addon a{
	padding: 6px 12px 6px 12px;
	display:inline-block;
}

.filter .form-search .form-control {
	border-right:0;
}


.inline-filter {
	padding:10px 0;
}

.inline-filter .form-control, .inline-filter .btn{
	font-size:12px !important;
}

.inline-filter .help-block{
	font-size:11px !important;
}



.date-custom {
	display:none;
}


.filter-clients {
	margin:20px 0 10px;
	display:none;
}
.filter-clients .form-group{
	margin-right:15px;
}

.filter-link {
    display:inline-block;
	padding: 6px 0;
	margin:0 20px;
	font-size: 14px;
}

.text-block {
	display:block;
}
.text-inline-block {
	display:inline-block;
}


@media all and (max-width: 992px){
	.inline-filter {
		padding:10px 0 15px;
	}
	
	.filter-clients .form-group {
		display:block;
		margin-bottom: 10px;
		vertical-align: middle;
	}
	.filter-clients .form-group label{
		min-width:130px;
	}

	
}

@media all and (max-width: 767px){
	.filter {
		display:none;
	}
	.filter .form-date .input-group .form-control{
		width:100%;
	}
	.filter .form-date {
	margin-right:0;
	}
	.filter .form-search {
		margin: 30px 0 15px 0;

	}

}

/************ Reports **************/


/*** Nav ***/

.form-country, .form-category {
	padding-bottom:20px;
}

.form-country label, .form-country .form-control, .form-category label, .form-category .form-control {
	font-size:12px;
}
.form-country label, .form-category label  {
	margin-right:10px;
}

.form-country .form-control  {
	margin-right:20px;
}


.filter-egift, .filter-egift label, .filter-egift .form-control{
	font-size:12px;
}
.filter-egift strong.filter-name {
	display:block;
	margin:2px 0 8px;
}
.filter-egift .checkbox label {
	width:100%;
}
.filter-egift  label {
	margin-right:10px;
}
.filter-egift  .form-date{
	margin-right:15px;
}
@media all and (max-width: 767px){
	.form-country, 	.form-category  {
		padding-bottom:10px;
	}
	.filter-egift  label {
		margin-right:0;
	}
	.filter-egift  .form-date{
		margin-right:0;
	}

}


/*** Nav ***/

a.link-deposit {
	font-size:13px;
	line-height:16px;
	display:inline-block;
	margin-left:10px;
}



/*** Gift Cards ***/

.activate-date {
	display:inline-block;
	color:#000;
	font-weight:normal;
	margin-top:3px;
}

.activate-expiry {
	color:#000;
}
.table-link {
	display:inline-block;
	margin-top:2px;
}
.printed-voucher-expiry {
	display:none;
}



/*** Categories ***/

.category-item img{
	width:30px;
	height:auto;
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}

.category-item span{
	display:inline-block;
	vertical-align:top;
}


a.btn-act, a.btn-act:hover {
	padding:8px;
	display:inline-block;
	color:#fff;
	margin-right:5px;
	border-radius:3px;
}
.btn-act-red {
	color:#fff !important;
	background:#E63F24;
}
.btn-act-green {
	color:#fff !important;
	background:#5BC24C;
}
.btn-act-orange {
	color:#fff !important;
	background: #F5B025;
}
.btn-act-blue {
	color:#fff !important;
	background: #00bcf2;
}
.btn-act-grey {
	background: #bbb;
	color:#000 !important;
}

.btn-act-lgrey {
	background: #eee;
	border:1px solid #ccc;
	color:#000 !important;
}

.btn-margin{
	margin:5px 5px 0 0;
}

.content {
	padding: 20px;
	border: solid 3px #ccc;
	background-color: #fff;
}


/************ Recipients **************/

.enquiry-select {
	min-width:110px;
	font-size:11px;
}

a.enquiry-remove {
	font-size:13px;
	display:inline-block;
	margin:0 5px 8px 0;
	color:#E63F24;
    font-weight:600;
	text-decoration:none;
	vertical-align:top;
}
.enquiry-replied {
	display:block;
	font-size:11px;
    font-weight:600;
}
.enquiry-icon {
	display:inline-block;
	vertical-align:top;
}
.enquiry-reply-btn {
	
}
.view-row {
	background-color: #ffe6d1;
}
.forwarded-row {
	background-color: #dff0d8;
}
.replied-row {
	background-color: #d9edf7;
}



.payment-surcharge, .alert-rebate {
	display:none;
}



.filter-wrap {
	display:block;
	margin-bottom:20px;
}

.filter-voucher, .filter-actions {
	display:inline-block;
	position: relative;
	vertical-align:top;
}

.filter-voucher a.filter-btn {
	color: #555;
    background-color: #f7f7f7;
    border: 1px solid #dedede;
    font-size: 12px;
    height: 40px;
    padding: 10px 20px 10px 35px;
	text-decoration:none !important;
	display:block;
	margin-right:10px;
}

.filter-voucher .dropdown-menu {
	margin: 0;
	border-radius:0;
}
.filter-voucher .dropdown-menu>li>a {
	padding: 5px 15px;
	font-size:13px;
}

.filter-voucher .filter-checkbox{
	position:absolute;
    margin: 10px 0 0 15px;
	z-index:500;
}
.filter-voucher a.filter-btn span.caret{
	float:right;
	margin-top:8px;
}

.filter-actions-btn {
/*	display:none;*/
}

.filter-actions a.filter-btn {
	color: #555;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    font-size: 12px;
    height: 40px;
    padding: 10px 20px 10px 20px;
	text-decoration:none !important;
	display:block;
}
.filter-actions a.filter-btn span.caret{
	float:right;
	margin:8px 0 0 10px;
}
.filter-actions .dropdown-menu {
	margin: 0;
	border-radius:0;
}

.filter-actions .dropdown-menu>li>a {
	padding: 5px 15px;
	font-size:13px;
}
/***For new dropdrown in navigation***/
.nav-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nav-flex .nav-flex-item {
    color: #fff;
	text-decoration: none !important;
    font-weight: 600;
    padding: 15px 10px;
	min-height: 50px;
	display: flex;
    align-items: center;
    font-size: 13px;
}
.nav-flex:hover .nav-flex-item, .nav-flex:focus .nav-flex-item{
    color:#005bad;
	background:#fff;
}

.nav-flex-caret {
	width:75px;
	display: none;
	cursor: pointer;
	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	background-position: center right 30px;
}

.nav-flex:hover>.nav-flex-caret, .nav-flex:focus>.nav-flex-caret{
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	background-position: center right 30px;
	background-color:#fff;
}

.open>.nav-flex-caret, .open:hover>.nav-flex-caret, .open:focus>.nav-flex-caret {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	background-position: center right 30px;
	background-color:#fff;
}
.nav-flex .dropdown-menu {
	top:48px;
	border-top:1px solid #eee !important;

}

.nav-flex .dropdown-menu a {
    color: #222;
    border-bottom: 1px solid #eee;
    padding: 11px 20px 11px 20px;
    font-size: 13px;
    background: #fff;
}

.nav-flex .dropdown-menu a:hover {
    background: #eee !important;
}
.nav-flex-ui {
	width: 50px;
	background-image:url("../images/icon-unifiedincentives-full-white.svg");
	background-repeat: no-repeat;
	background-size: 34px auto;
	background-position: center;
}

.nav-flex:hover .nav-flex-ui,.nav-flex:focus .nav-flex-ui {
	background-color: #fff;
	background-image:url("../images/icon-unifiedincentives-full.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 34px auto !important;
	background-position: center !important; 
}


.nav-flex-ui-long {
	width: 115px;
	background-image:url("../images/icon-unifiedincentives-long-white.svg");
	background-repeat: no-repeat;
	background-size: auto 16px;
	background-position: center;
}

.nav-flex:hover .nav-flex-ui-long,.nav-flex:focus .nav-flex-ui-long {
	background-color: #fff;
	background-image:url("../images/icon-unifiedincentives-long.svg") !important;
	background-repeat: no-repeat !important;
	background-size: auto 16px !important;
	background-position: center !important; 
}

.nav-flex-account-icon {
	

	display: none;
}
.nav-flex-account {
	display: inline-block;
	margin: 0 5px;
}


@media all and (max-width: 992px){
	.nav-flex-ui-long {
		width: 50px;
		background-image:url("../images/icon-unifiedincentives-full-white.svg");
		background-repeat: no-repeat;
		background-size: 34px auto;
		background-position: center;
	}
	
	.nav-flex:hover .nav-flex-ui-long,.nav-flex:focus .nav-flex-ui-long {
		background-color: #fff;
		background-image:url("../images/icon-unifiedincentives-full.svg") !important;
		background-repeat: no-repeat !important;
		background-size: 34px auto !important;
		background-position: center !important; 
	}
	.nav-flex-account-icon {
		font-size: 20px;
		display: block;
		margin:0 5px;
	}
	.nav-flex-account {
		display: none;
	}
}


@media all and (max-width: 767px){
	.nav-flex-ui-long {
		background-image:url("../images/icon-unifiedincentives-long-white.svg") !important;
		background-repeat: no-repeat !important;
		background-size: auto 16px !important;
		background-position: center left 15px !important;
	}

	.nav-flex:hover .nav-flex-ui-long,.nav-flex:focus .nav-flex-ui-long,.nav-flex.open:hover .nav-flex-ui-long,.nav-flex:focus .nav-flex-ui-long  {
		background-image:url("../images/icon-unifiedincentives-long.svg") !important;
		background-repeat: no-repeat !important;
		background-size: auto 16px !important;
		background-position: center left 15px !important; 
	}
	.nav-flex-ui {
		background-image:url("../images/icon-unifiedincentives-long-white.svg") !important;
		background-repeat: no-repeat !important;
		background-size: auto 16px;
		background-position: center left 15px; 
	}

	.nav-flex:hover .nav-flex-ui,.nav-flex:focus .nav-flex-ui{
		background-image:url("../images/icon-unifiedincentives-long.svg") !important;
		background-repeat: no-repeat !important;
		background-size: auto 16px !important;
		background-position: center left 15px !important; 
	}
	
	.open .nav-flex-ui, .open .nav-flex-ui-long  {
		background-color:#fff !important;	
		background-image:url("../images/icon-unifiedincentives-long.svg") !important;
		background-repeat: no-repeat !important;
		background-size: auto 16px !important;
		background-position: center left 15px !important; 
	}
	
	
	.nav-flex:hover {
		background: #fff;
	}
	.nav-flex-caret {
		display: flex;
		align-items: center;
	}
	.open .nav-flex-item {
		color: #004a8c;
		background-color:#fff !important;
	}
	.nav-flex .dropdown-menu{
		width: 100% !important;
		background: #fff !important;
		border-radius: 0;
	}
	.nav-flex .nav-flex-item {
		flex-grow: 1;
		padding: 15px;

	}
	.nav-flex-account-icon {
		font-size: 18px;
		display: inline-block;
		margin:0 10px 0 0;
	}
	.nav-flex-account {
		display: inline-block;
	}
}