/* COMMON START */
/* COMMON START */
/* COMMON START */
/* COMMON START */
/* COMMON START */

/* Below are global variables */
:root{
	--global-radius-circle: 9999px;
	--global-radius-lg: 12px;
	--global-radius-md: 8px;
	--global-radius-pill: 9999px;
	--global-radius-sm: 4px;
	--global-radius-smMd: 6px;
	--global-radius-xl: 16px;

    --global-space-12: 12px;
    --global-space-16: 16px;
    --global-space-24: 24px;
    --global-space-32: 32px;
    --global-space-4: 4px;
    --global-space-40: 40px;
    --global-space-48: 48px;
    --global-space-56: 56px;
    --global-space-8: 8px;

    --dialog-container: var(--global-bg-elevated-default);
    --dialog-cover: var(--component-dialog-overlay-bg);
    --dialog-divider: var(--global-border-muted-default);
    --dialog-shadow: var(--global-boxShadow-high);
}

body{
	color: var(--global-content-regular-default);
	background-color: var(--global-bg-base-default);
}

.header{
	border-color: var(--global-border-action-default);
}

.card .card__heading a{
	color: var(--global-content-regular-default) !important;
}
.card .card-information{
	color: var(--global-content-muted-default);
}

.btn-primary{
	background-color: var(--global-primary-actionBase-default);
	border-color: transparent;
}

.btn-primary:hover,
.swal2-styled.swal2-confirm:hover{
	background-color: var(--global-primary-actionBase-hover);
	border-color: var(--global-primary-actionBase-hover);
	border-color: transparent;
}

.btn-primary:focus,
.swal2-styled.swal2-confirm:focus{
	box-shadow: none !important;
	background-color: var(--global-primary-actionBase-pressed);
	border-color: var(--global-primary-actionBase-pressed);
	border-color: transparent;
}

a:not(.btn):link,
a:not(.btn):visited,
.btn-link,
.nav-link,
.nav-tabs .nav-link:focus:not(.active),
.nav-tabs .nav-link:hover:not(.active){
    color: var(--global-primary-action-default);
}

a:not(.btn):hover,
.btn-link:hover{
	color: var(--global-primary-action-hover);
}

.btn-secondary{
	color: var(--global-primary-onMuted-default) !important;
	background-color: var(--global-secondary-action-default);
	border-color: var(--global-secondary-action-default);
	background-image: none;
	border-color: transparent;
	font-weight: 600;
}
.btn-secondary:hover{
	background-color: var(--global-secondary-action-hover);
	border-color: transparent;
}
.btn-secondary:focus{
	background-color: var(--global-secondary-action-pressed);
	box-shadow: none !important;
	border-color: transparent;
}

.btn-tertiary{
	color: var(--global-primary-onMuted-default) !important;
	background-color: var(--global-bg-base-default);
	border: 1px solid var(--global-border-action-default);
	box-shadow: none;
	font-weight: 600;
}
.btn-tertiary:hover{
	background-color: var(--global-bg-base-default);
	border-color: var(--global-border-prominent-hover);
	box-shadow: none;
}
.btn-tertiary:focus{
	background-color: var(--global-bg-base-default);
	box-shadow: none !important;
	border-color: var(--global-border-prominent-pressed);
}

.form-control{
	transition: border-color 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.pagination-wrapper .page-item.active .page-link{
	background-color: var(--global-primary-actionBase-default);
    border-color: var(--global-primary-actionBase-default);
}

.pagination-wrapper .page-link{
	background-color: transparent;
	border-color: var(--global-border-muted-default);
}

.pagination-wrapper .page-link:focus{
	box-shadow: none;
}

.dropdown-menu{
	background-color: var(--global-bg-elevated-default);
}
.dropdown-item:hover{
	background-color: var(--global-bg-elevated-hover);
}
.dropdown-item:focus{
	background-color: var(--global-bg-elevated-pressed);
}

.tippy-box{
	background-color: var(--global-content-regular-default) !important;
	color: var(--global-content-inverted-default) !important;
}
.tippy-arrow{
	color: var(--global-content-regular-default) !important;
}

.modal .modal-content{
	color: var(--global-content-regular-default);
	background-color: var(--dialog-container);
	box-shadow: var(--dialog-shadow);
}
.modal .modal-header{
	border-color: var(--global-border-action-default);
}
.modal .modal-footer{
	border-color: var(--global-border-action-default);
}

div:where(.swal2-container) div:where(.swal2-popup){
	color: var(--global-content-regular-default) !important;
	background-color: var(--dialog-container) !important;
}

.form-control:not(.ignore-designv2-style){
	background: var(--global-bg-base-default);
    border-color: var(--global-border-action-default);
    /*
    	Need to set important otherwise review modal text fields
		show incorrect color when in dark mode
    */
    color: var(--global-content-regular-default) !important;
}
.form-control:not(.ignore-designv2-style):hover{
	background: var(--global-bg-base-default);
	border-color: var(--global-border-action-hover);
}
.form-control:not(.ignore-designv2-style):focus{
	/* Highlight is for Firefox and -webkit-focus-ring-color is for Chrome */
	/*https://remysharp.com/til/css/focus-ring-default-styles */
	outline: 1px auto Highlight;
	outline: -webkit-focus-ring-color solid;
	border-color: transparent;
	background: var(--global-bg-base-default);
}

.nav-tabs{
	border-color: var(--global-border-action-default);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background: var(--global-bg-base-default);
	color: var(--global-content-regular-default);
	border-bottom-color: var(--global-bg-base-default);
	border-left-color: var(--global-border-action-default);
	border-top-color: var(--global-border-action-default);
	border-right-color: var(--global-border-action-default);
}
.nav-tabs .nav-link:focus:not(.active), .nav-tabs .nav-link:hover:not(.active){
	background: var(--global-bg-baseAlt-default) !important;
	border-color: transparent;
	border-bottom-color: var(--global-border-action-default);
}

/* COMMON END */
/* COMMON END */
/* COMMON END */
/* COMMON END */
/* COMMON END */

/* DASHBOARD START */
/* DASHBOARD START */
/* DASHBOARD START */
/* DASHBOARD START */
/* DASHBOARD START */

.dashboard-top-row .desktop-number-of-results{
	color: var(--global-content-muted-default);
}

.card .card-meta .created-date{
	color: var(--global-content-muted-default);
}

.filters-wrapper .search-input-wrapper .search-input{
	background: var(--global-bg-base-default);
    border-color: var(--global-border-action-default);
    color: var(--global-content-regular-default);
}

.filters-wrapper .search-input-wrapper .search-input:focus{
	/* Highlight is for Firefox and -webkit-focus-ring-color is for Chrome */
	/*https://remysharp.com/til/css/focus-ring-default-styles */
	outline: 1px auto Highlight;
	outline: -webkit-focus-ring-color solid;
	border-color: transparent;
}

.dashboard-error-message-general{
	background-color: var(--global-bg-baseAlt-default);
}

.filters-wrapper .checkbox-radio-group .form-check .number-of-products{
	color: var(--global-content-muted-default);
}

.card .card-meta{
	color: var(--global-content-muted-default);
}

@media (max-width: 768px) {
    .filters-wrapper .search-input-wrapper .search-button {
    	background-color: var(--global-primary-actionBase-default);
		border-color: transparent;
    }
}

/* DIGITAL DOWNLOAD END */
/* DIGITAL DOWNLOAD END */
/* DIGITAL DOWNLOAD END */
/* DIGITAL DOWNLOAD END */
/* DIGITAL DOWNLOAD END */