/* General */
/*body, #page-wrapper, .bg-title {
	background: #f9f9f9 !important;
}*/

/* Kuona Navbar Style */
.kuona-analytics-title-click {
	color: #31A3D4;
}

.kuona-analytics-title-click img {
	height: 22px;
}

.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	background-color: rgb(255, 255, 255);
}

.navbar-custom .navbar-brand {
	font-weight: 200;
	text-transform: uppercase;
}

.navbar-custom .navbar-brand:focus {
	outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}

.navbar-custom a:not(.kuona-analytics-title-click) {
	color: #5A5A5A;
	font-weight: 300;
}

.navbar-custom .nav li.active {
	/*outline: nonte;*/
	outline: none;
	background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
	outline: 0;
	background-color: rgba(255,255,255,.3);
	cursor: pointer !important;
}

.top-nav-collapse .nav li i:hover,
.top-nav-collapse .nav li i:focus,
.top-nav-collapse .nav li i.active,
.top-nav-collapse .nav li a:hover,
.top-nav-collapse .nav li a:focus,
.top-nav-collapse .nav li a.active {
	outline: 0;
	color: #32a4d5;
}

.top-nav-collapse {
	padding: 0;
	background-color: rgb(255, 255, 255);
}

.navbar-custom.top-nav-collapse {
	border-bottom: 1px solid #DBDBDB;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
}

.category-menu a {
	text-transform: none !important;
}

.category-menu a.dropdown-toggle,
.category-menu .dropdown-menu a {
    color: #5A5A5A !important;
    font-size: 14px;
    font-weight: 300 !important;
}

.category-menu a.dropdown-toggle:hover {
	cursor: pointer;
}

.category-menu span:not(.sub) {
    color: #5A5A5A !important;
}

@media(min-width:767px) {
	.top-nav-collapse {
		padding: 0;
		background-color: rgb(255, 255, 255);
	}

	.navbar-custom.top-nav-collapse {
		border-bottom: 1px solid #DBDBDB;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
	}
}

@media(max-width:767px) {
	span.logo.navbar-brand {
		padding-left: 25px;
	}

	span.menu-name-collapse {
		display: inline;
	}

	.kuona-analytics-title-click img {
		width: 40px;
	}
}

@media(max-width:1199px) {
	span.menu-name-collapse {
		display: none;
	}
}


/* Kuona Megamenu Style */
.services-container {
	overflow: hidden;
	padding: 25px 30px 30px 30px;
}

.services-group {
	float: left;
	margin-bottom: 40px;
	width: 100%;
}

.services-group .service-item {
	line-height: 32px;
	padding-left: 66px;
}

.services-group .service-item a {
	color: #5d5d5d !important;
}

.services-group .service-item a:hover {
	color: #2cabe3 !important;
	cursor: pointer !important;
}

.services-group i {
	width: 20px;
	text-align: center;
}

.menu-header {
	line-height: 21px;
	text-transform: capitalize;
	font-weight: 300;
	color: #31A3D4;
	font-size: 16px;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	border: 0;
	padding-left: 38px;
	white-space: normal;
	background-size: 24px;
	padding-bottom: 3px;
	cursor: auto;
}

.menu-header:hover {
	cursor: default !important;
}

.dropdown-menu li {
	list-style: none;
}

.menu-organic-title {
	padding-left: 38px;
	font-weight: 500;
}

.home-group-header {
	font-style: normal;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #66757f;
	margin: 0;
	padding: 7px 0 15px;
	font-size: 12px;
	line-height: 14px;
}

.home-group-header.organic {
	border-top-color: #32a4d5;
	color: #32a4d5;
}

.home-group-header.gold {
	border-top-color: #DEB63B;
	color: #DEB63B;
}

.menu-icon-label {
	position: relative;
	left: 2px;
	padding-right: 9px;
}

@media(min-width:1200px) {
	.services-group {
		width: 25% !important;
	}
}

@media (min-width:900px) and (max-width:1199px) {
	.services-group {
		width: 33% !important;
	}
}

@media (min-width:800px) and (max-width:899px) {
	.services-group {
		width: 50% !important;
	}
}

/* Kuona Ladda Button */
.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}

/* Kuona Sidebar Style */
#wrapper .sidebar-title {
	color: white;
	font-weight: 500;
	padding: 25px 35px 25px 20px;
	text-align: center;
	text-transform: uppercase;
}

#wrapper .sidebar-menu-icon {
	width: 20%;
}

#wrapper .sidebar-menu-title {
	width: 80%;
	font-weight: 500
}

#wrapper .sidebar-menu-title-description {
	font-size: 12px;
	font-weight: 300
}

#wrapper #side-menu ul > li > a.active {
	background: #2cabe3;
}

#wrapper #side-menu ul > li > a.active .label {
	background-color: #4c5667 !important;
}

#wrapper .info-card {
	height: 202px;
}

#wrapper .panel.white-box {
	padding: 10px;
}

/* Text and Labels Style */
.text-success {
	color: #6BB123 !important;
}

.text-danger {
	color: #CF2E36 !important;
}

.text-orange {
	color: #EAA844 !important;
}

.text-ligthblue {
	color: #7BDFC3 !important;
}

.text-purple {
	color: #AD35D8 !important;
}

.font-bold-light {
	font-weight: 500 !important;
}

.label-success {
	background-color: #6BB123 !important;
}

.label-gray {
	background-color: #909090 !important;
}

.label-success-light {
	background-color: #E6F6CC !important;
}

.btn-success {
	background-color: #6BB123 !important;
	border-color: #6BB123 !important;
}

.btn-gray {
	color: #FFF;
	background-color: #909090 !important;
	border-color: #909090 !important;
}

.bg-white {
	background-color: #FFF !important;
}

.bg-light-orange {
	background-color: rgba(247, 163, 92, .3) !important;
}

#wrapper .align-center {
	text-align: center;
}

.progress-bar-success {
	background-color: #5cb85c !important;
}

.alert-info {
	background: rgba(44, 171, 227, .2);
	color: #31708f;
	border: none;
}

.alert-success {
	background: rgba(107, 177, 35, .2);
	color: #3c763d;
	border: none;
}

/* Breadcrumb */
.bg-title .breadcrumb {
	float: left !important;
}

.clear-float {
	float: none !important;
}


/* Kuona Table Style */
#wrapper .table {
	border: none !important;
}

#wrapper .table-title {
	text-transform: uppercase;
	white-space: initial;
	display: inline-block;
}

#wrapper .table-subtitle {
	font-weight: 300;
	font-size: 12px;
	color: #8d9ea7;
}

#wrapper .table thead tr th {
	vertical-align: top !important;
}

#wrapper .fixed-table-container {
	border: none !important;
}

#wrapper .fixed-table-container tbody td .th-inner,
#wrapper .fixed-table-container thead th .th-inner {
	line-height: inherit !important;
}

#wrapper .table:not(.table-condensed),
#wrapper .table:not(.table-condensed)>tbody>tr>td,
#wrapper .table:not(.table-condensed)>tbody>tr>th,
#wrapper .table:not(.table-condensed)>tfoot>tr>td,
#wrapper .table:not(.table-condensed)>tfoot>tr>th,
#wrapper .table:not(.table-condensed)>thead>tr>td {
	padding: 15px 8px;
}

/* Kuona Table Style inside form */
#wrapper form .fixed-table-container {
	border: 1px solid #ddd !important;
}

#wrapper form .fixed-table-container th {
	border-left: none !important;
}

#wrapper form .fixed-table-container td {
	padding: 8px !important;
}

#wrapper #bat-stores-picker .input-prepend {
	margin-bottom: 20px;
}


/* Kuona Cards */
#wrapper .list-inline {
	margin-top: 10px;
}

#wrapper .two-part li i {
	font-size: 75px !important;
}

#wrapper .vs-base-diff, .vs-base-diff span {
	/*font-size: 20px !important;*/
	min-height: 20px !important;
	display: inherit;
}

#wrapper .two-part li h1,  .two-part li h1 span {
	/*font-size: 30px !important;*/
	line-height: normal !important;
}

#wrapper .two-part li i.multiple-icons {
	font-size: 36px !important;
	margin-left: 10px;
}

#wrapper .stats-icon  {
	display: inline-block;
	padding-right: 15px;
	font-size: 40px;
	margin-left: 20px;
	margin-right: 20px;
}

@media(max-width:450px) {
	.info-card h1 { font-size: 20px !important; }
	.info-card .vs-base-diff, .vs-base-diff span { font-size: 20px !important; }
}

@media (min-width:451px) and (max-width:1199px) {
	.info-card h1 { font-size: 25px !important; }
	.info-card .vs-base-diff, .vs-base-diff span { font-size: 25px !important; }
	.white-box .stats-row .stat-item h2 { font-size: 15px !important; }
	.white-box .stats-row .stat-item span { font-size: 10px !important; }
}

@media (min-width:1200px) and (max-width:1500px) {
	#wrapper .two-part li i { font-size: 50px !important; }
	.info-card h1 { font-size: 14px !important; }
	.info-card .vs-base-diff, .vs-base-diff span { font-size: 14px !important; }
	#wrapper .two-part li i.multiple-icons { font-size: 20px !important; }
	.white-box .stats-row .stat-item h2 { font-size: 15px !important; }
}

@media (min-width:1501px) and (max-width:1700px) {
	#wrapper .two-part li i { font-size: 50px !important; }
	.info-card h1 { font-size: 18px !important; }
	.info-card .vs-base-diff, .vs-base-diff span { font-size: 18px !important; }
	.white-box .stats-row .stat-item h2 { font-size: 20px !important; }
}

@media (min-width:1701px) {
	.info-card h1 { font-size: 22px !important; }
	.info-card .vs-base-diff, .vs-base-diff span { font-size: 22px !important; }
}

/* Datepicker */
#wrapper .date-container span {
	width: auto;
	float: left;
	height: 38px;
	padding: 8px 12px;
}

#wrapper .daterangepicker.dropdown-menu {
	z-index: 2000 !important;
}

/* Tokenfield */
#wrapper .tokenfield .token {
	float: left;
}


#wrapper #page-wrapper {
	min-height: 93.5vh !important;
}

/* Kuona Filter Component */
#wrapper .tokenfield {
	border: none;
	border-radius: 5px 5px 0px 0px;
	border-color: transparent;
	box-shadow: none;
	background-color: #edf1f5;
}

#wrapper .tokenfield.focus {
	outline: none !important;
	border-color: #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#wrapper .tokenfield input {
	color: transparent;
	cursor: default;
}

#wrapper #filter-buttons .btn-default {
	color: #32a4d5 !important;
	background-color: #fff;
	border-color: rgba(226, 226, 226, 0.5);
}

#wrapper #filter-agg-period {
	display: flex;
  	justify-content: space-between;
}

#wrapper #filter-agg-period #middle-text {
	display: flex;
	align-items: center;
}

#wrapper #filter-agg-period #middle-text #title {
	font-weight: 500;
	margin: 0;
	font-size: 12pt;
	color: #666;
}

#wrapper #filter-agg-period .btn-default {
	color: #fff;
	background-color: hsl(210, 12%, 57%);
	border-color: hsl(210, 12%, 57%);
}

#wrapper #filter-agg-period .btn-default:hover {
	background-color: #9DA7B2 !important;
}

#wrapper #filter-buttons .btn-default:hover {
	color: #333;
	background-color: rgba(226, 226, 226, 0.3);
}

#wrapper #clear-filters .btn-default .glyphicon,
#wrapper #filter-icon .btn-default .glyphicon {
	vertical-align: middle;
}

/* #wrapper #filter-icon {
	width: 100%;
} */

#wrapper #clear-filters {
	max-width: 4rem !important;
	width: 0.3% !important;
}

#wrapper #clear-filters .btn-default {
	color: #FFF !important;
	background-color: hsl(210, 12%, 57%);
}

#wrapper #clear-filters .btn-default:hover {
	background-color: hsl(210, 12%, 57%);
	opacity: 0.8;
}

#wrapper #filter-icon .btn-default {
	color: #FFF !important;
	/*background-color: #32a4d5;*/
	background-color: #2cabe3;
	pointer-events: none;
}


#wrapper .promo-filters {
	float: none;
	display: inline-block;;
}

#web-messenger-container {
    z-index: 1000000 !important;
    right: 0px;
}

@media(max-width:767px) {
    #web-messenger-container {
        border-radius: 10px;
        box-shadow: 0 0 12px rgba(0,0,0,.15);
    }
}

.icons-points {
    color: #d0d0d2;
    font-size: initial;
}

.icons-points-empty {
    color: #d0d0d2;
    font-size: initial;
}

.icons-points {
    color: #b93b3b;
    font-size: initial;
}

.bolder {
    font-weight: bold;
}

.right-note {
	float: right;
    font-style: italic;
}

.taxes {
	color: #53dde6;
	display: contents !important;
	padding-left: 4px;
}

.taxes::before {
	padding-right: 4px;
}


.kuona-tooltip {
	color: #909090;
    font-size: medium;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  /*width: 100%;*/
}

#store-picker-button {
  cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
}

.promo-connection-table {
  border-radius: 0 0 20px 20px;
}

.promo-connection-building-blocks {
  border-radius: 20px;
}

/* Toast */

#toast-container {
	bottom: 50px;
	padding: 12px;
}

@media (max-width: 767px) {
	#toast-container {
		width: 100%;
		right: 0;
	}
}

@media (min-width: 768px) and (min-height: 508px) {
	#toast-container {
		width: 362px !important;
		padding: 12px 0 12px 12px;
	}
}

@media (min-width: 1200px) and (min-height: 668px) {
	#toast-container {
		width: 422px !important;
	}
}

.toast {
	min-width: 100% !important;
}


.grecaptcha-badge {
    visibility: hidden;
}

.beamer_icon.active, #beamerIcon.active {
	margin-top: 6px;
}