@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");




/*** 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;}



@media all and (max-width:992px){
	.hide-sm{display: none;}
}

@media all and (max-width:767px){
	.hide-xs{display: none;}
}

.container {
	width: 100%;
    max-width: 1440px;
}



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

strong{
    font-weight: 600;
}

.font-weight-normal {
    font-weight: 400;
}

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

ul.unordered-list li{
    margin: 0 0 0.5rem;
}

ul.list-unstyled li{
    margin: 0 0 0.5rem;
}

ul.list-unstyled li:last-child, ul.unordered-list li:last-child{
    margin: 0;
}



@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');
    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');
    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');
    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:70px 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-nomargin {
	margin:0;	
}

.table th i {
    display: inline-block;
    margin-left: 5px;
    color: #666;
}

.table>thead>tr>th, .table th {
	padding:10px !important;
	border-right:1px solid #ccc;
	background: #ccc;
	font-size:11px;
	font-weight:700;
	vertical-align:top;
}
.table td{
	padding:10px !important;
	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:700;
	background-color: #E63F24 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-green {
	color:#fff;
    font-weight:700;
	background-color: #5BC24C !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-orange {
	color: #fff;
    font-weight:700;
	background-color: #f58220 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-lightorange {
	color: #f58220;
    font-weight:700;
	background-color: #FDE9D8 !important;
	border: 1px solid rgba(0,0,0,0.1);
}

.status-blue {
	color: #fff;
    font-weight:700;
	background-color: #00bcf2 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-lightblue {
	color: #00a4d3;
    font-weight:700;
	background-color: #d1ecf1 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-grey {
	color: #888;
    font-weight:700;
	background-color: #e7e7e7 !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.status-lightgreen {
	color: #4ea341;
    font-weight:700;
    background-color: #d4edda;
	border: 1px solid rgba(0,0,0,0.1);
}

.status-lightred {
	color: #E63F24;
    font-weight:700;
    background-color: #f8d7da;
	border: 1px solid rgba(0,0,0,0.1);
}

.status-lightred-bg{
    background-color: #f8d7da !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
}



.status-text-red {
	color:#E63F24;
    font-weight:700;
}
.status-text-green {
	color:#4ea341;
    font-weight:700;
}
.status-text-orange {
    color: #f58220;
    font-weight:700;
}
.status-text-blue {
	color: #00a4d3;
    font-weight:700;
}
.status-text-darkblue {
	color: #0065bf;
    font-weight:700;
}
.status-text-grey {
	color: #aaa;
    font-weight:700;
}
.status-text-white {
	color: #fff;
    font-weight:700;
}
.status-text-black {
	color: #000;
    font-weight:700;
}
.status-border-red {
	border:#E63F24 solid 2px;
}

.text-green {
    color:#4ea341;
}

.text-red {
	color:#E63F24;
}

.text-black {
	color:#000000;
}


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


.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;
}
.table-country-uk {
	background:url(../images/table-country-uk.png) top right repeat-y;
}
.table-country-ca {
    background:url(../images/table-country-ca.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: 600;
	font-size:13px;
}

.label-inline {
	margin: 0 15px 0 0;
}

.sub-label {
	font-weight: 400;
	line-height:1.4;
	margin:0 0 6px 0;
}

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

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

.radio-text {
	padding:2px 0 6px;
}

.radio-input {
	padding-left: 20px;
}



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

.input-group-addon {
	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;
}

.country-gift {
	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 {
	margin-bottom: 10px;
}

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


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

.panel-head {
	border-style: solid;
}
.panel-body {
	background:#f7f7f7;
	border: 1px solid #ddd;
	padding:15px;
	line-height:1.5;
	height: 100%;
}
.panel-body-white {
	background:#fff;
}



.panel-section {
	padding-top:20px;
	margin-top:20px;
	border-top: 1px dashed #ddd;
}

.panel-footer {
	background:#fff;
	border: 1px solid #ddd;
	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-dialog {
    padding-top: 3%;
}

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

@media all and (max-width:767px){
	.modal-sm {
		width:100%;
	}
}

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

.modal-confirm-footer .btn{
	display:block;
	margin-bottom:8px;	
}

.modal-confirm-footer .btn-inline{
	display:inline-block;
	padding: 6px 30px;
}




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


.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #000;

}


.btn-block {
	display:block;
}

.btn-inline {
	display:inline-block !important;
}
.btn-primary {
	background-color: #004a8c;
}

.btn-orange {
	color: #fff !important;
	background-color: #f58220;
	border-color: #f58220;
}
.btn-red {
	color: #fff !important;
	border-color: #E63F24;
	background-color:#E63F24;
}
.btn-darkgrey{
        color: #fff !important;
    background-color: #333;
    border-color: #333;
}
.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;
}







/************ 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;
}

.br-t {
    border-top: 1px dashed #ddd;
	margin-top:20px;
	padding-top:20px;
}

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

a.default-report strong{
	color:#333;
	display: inline-block;
	margin-right: 5px;
}

a.default-report h4{
	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;
}


/*** 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-group{
	margin-right:15px;
}

.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-bottom: 0px;
}
.filter-clients label{
	display:block;
}
.filter-clients .form-control{
	display: inline-block;
    width: auto;
    vertical-align: middle;
}

.filter-clients .filter-clients-item {
	display: inline-block;
	margin:0 10px 0 0;
}


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


.filter-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:0 -15px;
}

.filter-col {
    padding:0 15px;
}
filter-btn {}
.grid-filter {
	display: grid;
	grid-column: 12;
	gap:1rem;
}


/* Top-level layout */
.filter-overall {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  margin-bottom: 20px;
}

.filter-overall-date {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}

.filter-overall-custom {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.filter-overall-custom > div {
  flex: 1 1 200px; 
}

@media all and (max-width: 992px){
	.inline-filter {
		padding:10px 0 15px;
	}
	
	.filter-clients .filter-clients-item-manager {
		display:block;
		margin:0 0 10px 0;
	}
		.filter-overall-date > div {
		flex: 1 1 100%;


	}

	



}

@media all and (max-width: 767px){
	
	.filter-clients label{
		display:inline-block;
		min-width: 150px;
	}
	.filter-clients .filter-clients-item {
		display: block;
		margin:0 0 10px;	
	}
	.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;

	}
		.inline-filter .form-group{
		margin-right:0;
	}
}

@media all and (max-width: 500px){
	.filter-clients label{
		display:block;
	}
}

@media all and (max-width: 350px){
	.filter-clients .form-control{
		display: block;
    	width: 100%;
	}
}


/************ 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:0 0 5px;
}


.filter-egift  .checkbox {
	margin:0;
}



.filter-egift .checkbox label {
	width:100%;
}
.filter-egift  label {
	margin-right:10px;
}
.filter-egift  .form-date{
	margin-right:15px;
}

.help-block {
	font-size:11px;
}
@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 {
	color:#000;
	font-weight:normal;
	margin:5px 0;
}

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




/************ GiftPay Setup **************/

/*** Template Cards ***/

.card-link {
	display:block;
	text-decoration:none !important;
}
.card-link img{
	width:50px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}
.card-link span{
	display:inline-block;
	vertical-align:top;
}

@media all and (max-width: 767px){
	.card-link img{
		display:none;
	}
}

.giftcard-img {
	width:280px;
}

.mg-r-10 {
	margin-right:10px;
}

/*** 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: #f58220;
}
.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;
}


/************ GCM **************/

.container-full {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



.container-90 {
	width:90%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (max-width: 1200px){
	.container-90 {
		width:100%;
	}
}



.code-name{
	display:block;
}

th.blank-cell, td.blank-cell{
	border-top: 1px solid #ddd !important;
	background:#fff !important;
}
th.blank-cell {
	border-bottom: 1px solid #ddd !important;
}

.code-type {
	display:none;
}

.gcm-actions a {
	display:inline-block;
	margin-right:5px;
}

.total-row {
	background:#eee;
	font-weight:bold;
}




.table-order>tbody>tr>th{
	font-size:11px;
}

.table-order>tbody>tr>td{
	vertical-align: middle;
	font-size:12px;
}

.table-order-details>tbody>tr>td{
	vertical-align: middle;
	font-size:12px;
}

.table-order .ord-heading th{
	text-align:center;
	color:#FFF;
}
.table-order .ord-request{
	background:#333;
	border:1px solid #333;
}
.table-order .ord-order{
	background:#004a8c;
	border:1px solid #004a8c;
}
.table-order .ord-payment{
	background: #00bcd4;
	border:1px solid #00bcd4;
}
.table-order .ord-delivery{
	background:#f58220; 
	border:1px solid #f58220;
}
.table-order .ord-upload{
	background:#f44336;
	border:1px solid #f44336;
}

.ord-action {
	text-align:center;
}
.btn-ord {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
	margin:0 auto;
}

.order-status {
	padding:2px 5px;
	display:inline-block
}


.order-activity {
	display:block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom:1px dashed #ddd;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.order-activity p{
	padding:5px 0;
}
.order-activity .activity-date{
	font-size:11px;
	display:block;
	margin: 5px 0;
	color: #888;
}

.order-activity .activity-time{
	font-size:11px;
	font-style:italic;
	display:none;
}

.input-group-btn {
	font-size:12px;
}

.order-comment {
	padding: 15px;
	background:#e7e7e7;
	display:none;
}

.order-comment-link {
	display:inline-block;
	margin-bottom:20px;
}


.order-request {
	padding-bottom:20px;
}
.order-request .control-label {
    text-align: left;
}

.order-request .form-group {
	margin-bottom: 10px;
}


.stock-request {
	font-weight:normal;
	display:block;
	font-size:13px;
	margin-top:3px;
}
.status-red .stock-request, .status-orange .stock-request{
	color:#fff;
}


.order-codes-check, .order-codes-check-02 {
	display:none;
}

.order-panel{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dashed #ddd;
}


.order-panel-active{
	background-color: #d9edf7;
	border:1px solid #bce8f1;
}
.order-title h4{
	padding-bottom:5px;
}
.order-title p {
	font-size:11px;
	padding-bottom:10px;
}
.badge-order {
	font-size:11px;
	min-width:0;
	margin-left:3px;
	background-color:#333;
}

.stock-comment-icon {
	width:20px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:17px;
}
.stock-nocomment-icon {
	color:#bbb;
	width:20px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:17px;
}
.stock-comment {
    display: none;
}
.stock-comment-link {
	display: inline-block;
	margin:15px 0 0 0;
}

.country-label {
	display: inline-block;
	vertical-align:middle;
	font-weight:bold;
	padding: 2px 10px;
}

.country-label-au {
	background:#00bcf2;
	color:#fff;
}
.country-label-nz {
	background:#e63f24;
	color:#fff;
}

/************ API **************/

.api-actions a {
	display: inline-block;
	text-decoration:none;
	margin:0 30px 5px 0;
	border-radius: 3px;
}

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

.templatecard-title {
	display:block;
	margin-bottom:5px;
}
.templatecard-title-encrypt {
	font-size:11px;
}
.templatecard-img {
	width:40px;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
.status-api .form-control{
	font-size:13px;
}
.status-api select{
	min-width:100px
}

.api-card-single, .api-sender-custom, .api-delivery-email, .api-subject-custom {
	display:none;
}

.api-client-daily-on,.api-client-threshold, .api-client-threshold-on{
	display:none;
}
.modal-header-templatecard h4{
    padding-bottom: 0;
}

.modal-templatecard {
	height:320px;
	overflow:hidden;
	overflow-y: visible;
}





/************ 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, .-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;
}




.link-reports {
	padding: 10px 0;
	float:right;
    text-align: right;
}

.link-reports a{
	display:inline-block;
    margin-left:15px;
}

@media all and (max-width: 992px){
    .link-reports {
        float:none;
        text-align: right;
    }
}


.link-program {
	line-height:16px;
	float:right;
    text-align:right;
}

.link-program a{
	display:inline-block;
    margin-left:15px;
}


.resend-email-new {
	display:none;
}



.alert {
	overflow:auto;
	padding:15px;
	border-radius:0;
	line-height:1.4;
}
.alert .glyphicon {
	float:left;
	margin-top:2px;
}
.alert i {
	float:left;
	font-size:17px;
	margin-top:5px;
}
.alert i.material-icons {
    font-size: 20px;
	margin-top:2px;
}

.alert p.icon {
	padding:0 0 0 25px;
}

.alert-resend {
	border:1px solid #ddd;
	background:#f7f7f7;
}

.alert-resend .glyphicon {
	color:#fcf204
}

.alert-grey {
	border:1px solid #ddd;
	background:#f7f7f7;
}


.cancelfee-help {
    color:#286090;
	display:inline-block;
	margin-left:3px;
}

.cancelfee-popover {
    display: none;
}
.cancelfee-popover-text{
	display:block;
	color:#000;
	width:450px !important;
}




.reset-lock {
	padding:10px 0;
}


.text-link {
	display:inline-block;
	margin:10px 0 0;
}

.email-resend span{
	display:inline-block;
	margin:0 10px 0 0;
}
.email-resend span a{
	display:inline-block;
	margin:0 10px;
}



.automatic-sale {
	padding:5px 0 0 0;
}

.automatic-sale p{
	padding:10px 0 0;
}

.automatic-sale .form-control{
	width:75px;
	display:inline-block !important;
}


.form-horizontal-custom .form-group {
    margin-right: -5px;
    margin-left: -5px;
}
.form-horizontal-custom label, .form-horizontal-custom .input-custom{
	padding-right: 5px;
    padding-left: 5px;
}



table.floatThead-table {
    background-color: #fff;
}

.sticky-header tbody{
	margin-top:1px;
}

.loading {
	text-align:center;
}

.loading img {
	display:block;
	margin:10px auto 0;
}


.schedule-row, .pending-row {
	background:#f7f7f7;
}

.schedule-label {
	background: #0065bf;
    font-size: 9px;
    color: #fff;
    padding: 4px 15px;
    border-radius: 10px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 0;
}
.pending-label {
	background: #f58220;
    font-size: 9px;
    color: #fff;
    padding: 4px 15px;
    border-radius: 10px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 0;
	
}



.label-link {
	font-weight:400;
	display:inline-block;
	margin:0 10px;
}






.panel-report p{
	margin:0 0 5px;
	font-size: 12px;
}

.flexbox {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexbox-filter {
    margin:0 -10px;        
}

.flexbox-filter-col {
    padding:0 10px;        
}

.flexbox-nowrap {
 flex-wrap: nowrap 
}
.flexbox-grow {
    flex-grow: 1;
}
.flexbox-col {
	width: 20%;
}

.flexbox-gap {
    gap: 0.5rem;
}

.flexbox-gap-1 {
    gap: 1rem;
}

input[type=checkbox], input[type=radio] {
    margin: 3px 0 0;
}

.flexbox-filter-links {
}

.status-wlink {
	display: inline-block;
	margin-right: 5px;
}


@media all and (max-width: 767px){
	.flexbox-col-xs-4{
		width: 33.33333333%;
	}
	.filter-search {
		margin-bottom: 10px;
	}
	.flexbox-inline-col {
		width: 100%;
	}
	.flexbox-inline-col .label-inline{
		width: 100%;
		margin-bottom: 5px;
	}	
}

.blocked, .paused {
	margin-bottom:15px;
}


.notification-preview {
	margin-bottom: 5px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px 10px 40px;
    position: relative;
	max-width:330px;
}


.notification-preview h5 {
    font-size: 13px;
    padding-bottom: 5px;
}

.notification-preview p {
    padding-bottom: 5px;
    font-size: 12px;
}

.notification-preview a.notifylinks {
    display: inline-block;
    margin-right: 10px;
}

.notify-icon{
	position:absolute;
	left:10px;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#ddd;
	text-align:center;
	color:#000
}

.notify-icon i{
	font-size:11px !important;
	line-height:18px;
	color: #000 !important;
	margin: 2px 0 0;
}

.notify-blue {
	background: #bce8f1;
}
.notify-orange {
	background:#f7bd6c;
}

.schedule-datetime {
	display:none;
}

.notification-form-checkbox {
	border-top:1px dashed #ddd;
	padding-top:6px;
	display:none;
}

.notification-form-checkbox .flexbox .checkbox {
	width:20%;
	padding-right:5px;	
    margin: 6px 0;
}
@media all and (max-width: 767px){

.notification-form-checkbox .flexbox .checkbox {
	width:25%;
}
}

@media all and (max-width: 640px){

.notification-form-checkbox .flexbox .checkbox {
	width:50%;
}
}


.value-custom {
	display:none;
}

.panel-process-heading {

}
.panel-process {
	padding: 10px 15px;
	font-size:12px;
	margin-bottom:20px;
}

.panel-process-text {
	padding:3px 0;
}

.panel-process-status {
	display:inline-block;
	padding:0 6px;
	margin:0;
	border:0px;
}

.filter-invoice {
	display:block !important;
}

.billing-hide {
	display:none;
}
.saved-billing {
	border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.saved-billing {
	border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}



@media all and (max-width: 992px){

	.hidden-sm {
		display:none;	
	}

}

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

	.hidden-xs {
		display:none;	
	}

}

.filter-cms {
   margin-bottom:20px;
}


.filter-cms-item {
    padding:0 10px;        
}


.filter-btn-cms .btn {
    font-size:13px;
    height: 34px;
}


.cms-row-new {
    font-weight:700;
    background:#FDEBD0;
}


.cms-row-closed {
    color:#aaa;
}

.cms-row-closed-grey {
    background:#f7f7f7;
}

.popover {
	max-width:600px!important;
}
.popover-content .cms-msg-text {
    color:#000 !important;
	max-height:175px;
	overflow-y: auto;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	word-break: break-word !important;
}

.popover-text {
	cursor: help;
}

.cms-assigned {
    font-weight:700;
    display:block;
    margin-bottom:5px;
}
.cms-btn-margin {
    margin-right:5px;
}


.cms-status {
    display:block;
    margin-bottom:5px;
}


.cms-modal-message {
    white-space:normal;
    margin-bottom: 30px;
}


.table-sort{
    display: block;
    white-space: nowrap;
    color: #000 !important;
    text-decoration: none !important;
}

.table-sort i {
    display: inline-block;
    margin-left: 5px;
    color: #666;
}

.btn-cms {
    font-weight:700;
}

.cms-msg-wrap {
    cursor:pointer;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	word-break: break-word !important;
	min-width:200px;

}


.cms-msg-wrap .cms-msg-content{
    
    margin-bottom:5px;
    overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
}
.cms-company {
    display:block;
}



@media all and (max-width: 767px){
	
	.cms-msg-wrap{
		white-space: normal;
		
	}
    .cms-msg-wrap .cms-msg-content{
        max-width:200px !important;
    }

}

.filter-more {
    display:none;
}
.flexbox-align-bottom {
    align-items:flex-end
}
.flexbox-align-center {
    align-items:center
}

.flexbox-justify {
	justify-content: space-between;
}


.pagination-client {
    margin:20px 0;
}
.pagination-client-top {
    margin:5px 0 20px 0;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color:#000;
    background-color: #ddd;border-color: #ddd;
}

.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover {
    color:#000
}
.pagination>li>a:hover, .pagination>li>span:hover {
    background-color: #f7f7f7;
}

/***
.cms-msg-wrap {
    max-width:300px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
***/



.stock-ordering {
	display:none;
	padding-left: 20px;
}


.display-block {
	display: block;
}

.delivery-icon img{
	width:18px;
	display: block;
	margin-right: 4px;
}


#country-sub {
	display: none;
}

.country-radio .radio+.radio {
    margin-top: 10px;
}


.activity-panel{
	padding:20px 0;
	border-top:1px solid #ddd;
}
.activity-icon {
	width:35px;
	font-size: 20px;
	color:#666666;
}


.activity-text {
	width: calc(100% - 40px);
}

.activity-title {
	padding-right:15px;
	margin-bottom:10px;
}

.activity-event-icon {
	width:30px;
	font-size: 20px;
	color:#666666;
}

.activity-event {
	width: calc(100% - 35px);
}

.activity-date {
	
	margin-bottom: 10px;
}

.activity-reminder{
}
.activity-reminder-bg {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 2px;
	background: #F7DC6F;
}
.activity-reminder-bg i{
	margin-right: 8px;
	color: #9A7D0A;display: inline-block;
}
.activity-reminder-sent i{
	color: #4ea341;
	margin-right: 8px;
	display: inline-block;
}



.activity-reminder-links {
	display: inline-block;
}
.activity-reminder a {
	margin-left: 10px;
}

.activity-enquiry {
	margin-bottom: 10px;
}

.activity-enquiry-received {
	margin-bottom: 5px;
}
.activity-enquiry-received span, .activity-enquiry-source span{
	display:inline-block;
	margin:0 20px 5px 0;
}
.activity-enquiry-received strong, .activity-enquiry-source strong{
	display:inline-block;
	margin:0 10px 5px 0;
}




.ck-editor__editable_inline:focus {
    height: 150px;
	transition: height 0.25s ease-in;
}


.row-sm {
	margin:0 -5px;
}

.col-p-sm {
	padding:0 5px;
}

.note-checkbox {
	padding:10px 0 0;
}



.note-reminder {
	display: none;
	/**padding-left:20px;**/
}

.reminder-link {
	margin:0 15px;
}

.col-w-150 {
	width:150px;	
}

.ui-datepicker {
	z-index: 3000 !important; /* has to be larger than 1050 */
   }

@media all and (max-width: 767px){
	.notes-filter {
		flex-wrap: wrap !important;
	}
	
}

.dashboard-card {
	background:#e7e7e7;
	padding: 20px;
	margin-bottom:30px;
}

.dashboard-note-wrap{
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.dashboard-note{
    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
}

.note-link {
	white-space: nowrap;
}


.col-float {
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.form-horizontal-sm .form-group {
    margin-right: -5px;
    margin-left: -5px;
}

.form-horizontal-sm .form-group>div{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.form-horizontal-sm .col-float {
    padding-right: 5px;
    padding-left: 5px;
}



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

.btn-giftsearch {
	margin-top:10px;	
}
}

.funding-custom {
	display: none;
}

.checkbox+.checkbox, .radio+.radio {
    margin-top: 0;
}

.transferAccount, .transferProgram {
	display: none;
}

.reason-other {
	display: none;

}







/*** 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;
	}
}




/************ 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;
}







/************ Navgiation **************/

#header {
	width: 100%;
	margin-right: 0;
	background-color: #004a8c;
}

.logo {
	display: flex;
    align-items: center;
}

.logo img{
	margin-top: 3px;
	height:16px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}



.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #004a8c;
}
.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: 15px;
	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:#fff;
}

.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: 15px 10px;
	position: relative;
	display: block;
}

.navbar-nav a.nav-logout {
	color:#f58220 !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: 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 {
	}
	.caret {
		float:right;
		margin:8px 20px 0 0; 
	}


}


.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;
	}
}
.btn-group-dropdown li {
    border-bottom: 1px solid #eee;
}
.btn-group-dropdown li:last-child {
    border-bottom: 0;
}
.btn-group-dropdown a {
	font-size:13px;
	line-height:22px !important;
	padding: 6px 12px !important;
}


.prev-id {
    color: #777;
    font-size: 11px;
    display: block;
}


.deviceid-form, .deviceid-set {
	display: none;
}

.activity-log-filter {
	justify-content: space-between;
	gap: 10px;
}

/* model: edit details */
.modal .box {
    position: relative;
    cursor: pointer;
    color: #007bff;
}
.box  .content {
    display: none;
}
.box:hover .content{
    display: block;
    position: absolute;
    top: -45px;
    left: 110%;
    color: #fff;
    font-size: .8em;
    background: #346e7a;
    border-radius: 5px;
    width: 300px;
	border: none;
	padding: 10px;
}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#edit-details .close, #edit-details-sms .close{
	color: black;
	font-size: 20px;
	position: absolute;
    top: 10px;
    right: 10px;
}
	
#edit-details .modal-content,#edit-details-sms .modal-content{
	padding: 20px;
}
.text-note{
	font-size: 10px;
	margin-top: 5px ;
}



.permissionsgroup {
    padding-left: 2rem;
}

.permissionsheading {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.permissionstitle {
    font-size: 0.9rem;
    font-weight: 600;
}

.permissionscheckbox {
    display: none;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.btn-user-enabled {
    display: inline-block;
    background-color: #093;
    color: #fff !important;
    margin: 0 !important;
}

.btn-user-partial {
    display: inline-block;
    background-color: #f58220;
    color: #fff !important;
    margin: 0 !important;
}

.btn-user-disabled {
    display: inline-block;
    background-color: #cc0000 !important;
    color: #fff !important;
}

.btn-user-off {
    background-color: #ddd !important;
    color: #999 !important;
}

.btn {
    box-shadow: 0 0 0 0.0rem rgb(0 0 0 / 0%) !important;
}

.collapsing {
    transition: height 0s linear;
}


.prospect-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.prospect-status {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .prospect-status .btn {
        font-size: 13px;
        height: 34px;
    }

.propect-details-flex {
    display: flex;
    gap: 1rem;
}

.nowrap {
    white-space: nowrap;
}

.assign-actions {
    display: none;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.status-label {
    padding: 6px 12px;
}





@media all and (max-width: 992px) {
    .prospect-status {
        flex-wrap: wrap;
    }

    .prospect-actions {
        align-items: stretch;
    }


    .prospect-actions {
        flex-direction: column;
        align-items: start;
        gap: 0.8rem;
    }

    .prospect-date {
        order: 3;
        align-self: flex-end
    }

    .prospect-status-justify {
        width: 100%;
        justify-content: space-between;
    }
}

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

    .propect-details-flex {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
}

.text-disabled {
    color: #aaa;
}

.row-disabled {
    color: #aaa;
}


.border-divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 1px solid #ddd;
}



ul.tick-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 0;
    margin-bottom: 1rem;
}

.tick-list li {
    position: relative;
    padding-left: 20px; /* Space for the checkmark */
}

    .tick-list li::before {
        content: '\2713'; /* Unicode for checkmark */
        position: absolute;
        left: 0;
        color: green; /* Set the checkmark color */
    }
/***********value-rating**************/
.value-rating, .value-rating:hover, .value-rating:not(:hover) {
    padding: 8px 18px;
    margin-left: 30px;
    text-decoration: none;
    color: white;
}

.value-rating-nr {
    color: white;
    background-color: #909090;
}

.value-rating-0 {
	color: white;
	background-color: #909090;
}

.value-rating-1 {
    color: white;
    background-color: #e63f24;
}

.value-rating-2 {
    color: white;
    background-color: #ff9900;
}

.value-rating-3 {
    background-color: #ffd966;
    color: #c57502;
}

.value-rating-4 {
    color: white;
    background-color: #00bcf2;
}

.value-rating-5 {
    color: white;
    background-color: #36a221;
}

.table-status {
    display: flex;
    flex-direction: column;
    gap: 0.5rem
}

.fw-700 {
    font-weight: 700;
}

.view-links {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem
}

.nav-stacked .divider {
    margin: 0;
    overflow: hidden;
    border-top:1px dashed #ddd;
}