@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display-swap');


body {
	font-family: "DM Sans", sans-serif !important;
}


/*-------------------------theme overrides------------------------------------*/

.navbar {
	height: 50px !important;
}

	.navbar .navbar-brand-wrapper {
		margin-bottom: 20px !important;
		padding: 0px 15px 3px 25px !important;
		height: 50px !important;
	}

.content-wrapper {
	background: white;
	padding: 4px !important;
	width: 100%;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.navbar .navbar-menu-wrapper {
	background: white !important;
	transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	color: #6C7383;
	padding-left: 1rem;
	padding-top: 30px;
	padding-bottom: 25px;
	margin-bottom: 25px !important;
	width: calc(100% - 220px);
	height: 50px !important;
}

.navbar .navbar-brand-wrapper .navbar-brand {
	color: #27367f;
	font-size: 18px;
	margin-right: 0;
	padding: 0;
	line-height: 1;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .welcome-text {
	font-size: 18px;
}

.page-body-wrapper {
	padding-top: 33px !important;
}

.home-tab {
	width: 100%;
}
/*---------------------------- Loader Start ----------------------------*/
.inLoaderProcess {
	position: fixed;
	top: 45px;
	left: 0;
	background-color: transparent;
	z-index: 9999999;
	opacity: 1;
	filter: alpha(opacity=80);
	min-height: 100%;
	width: 100%;
	/*border: 1px solid red;*/
}

.inLoader {
	top: 40% !important;
	left: 50% !important;
	position: fixed !important;
	z-index: 999999999 !important;
}

.loader,
.loader:before,
.loader:after {
	background: blue;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}

.loader {
	color: #5090C1;
	text-indent: -9999em;
	margin: 88px auto;
	position: relative;
	font-size: 8px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

	.loader:before,
	.loader:after {
		position: absolute;
		top: 0;
		content: '';
	}

	.loader:before {
		left: -1.5em;
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	.loader:after {
		left: 1.5em;
	}

@-webkit-keyframes load1 {
	0%, 80%, 100% {
		box-shadow: 0 0;
		height: 4em;
	}

	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}

@keyframes load1 {
	0%, 80%, 100% {
		box-shadow: 0 0;
		height: 4em;
	}

	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
/*---------------------------- Loader End ----------------------------*/


.table > thead {
	/*background: #5D87FF;*/
	color: white;
	background:none !important;
}

/**Messy code this not production ready*/
/*#tblClaimGrid #col2 {
    min-width: 180px;
}

#tblClaimGrid #col6 {
    min-width: 325px;
}

#tblClaimGrid #col5 {
    min-width: 130px;
}

#tblClaimGrid #col7 {
    min-width: 150px;
}

#tblClaimGrid #col8 {
    min-width: 180px;
}*/
/*For sub menus*/
.hidden {
	display: none !important;
}


/*--------------------------Bunddle.css file of theme start ------------------------------------------------------------------------*/
/*
 * Container style
 */
.ps {
	overflow: hidden !important;
	overflow-anchor: none;
	-ms-overflow-style: none;
	touch-action: auto;
	-ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
	display: none;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	height: 15px;
	/* there must be 'bottom' or 'top' for ps__rail-x */
	bottom: 0px;
	/* please don't change 'position' */
	position: absolute;
}

.ps__rail-y {
	display: none;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	width: 15px;
	/* there must be 'right' or 'left' for ps__rail-y */
	right: 0;
	/* please don't change 'position' */
	position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
	display: block;
	background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
	opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
	background-color: #eee;
	opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
	background-color: #aaa;
	border-radius: 6px;
	transition: background-color .2s linear, height .2s ease-in-out;
	-webkit-transition: background-color .2s linear, height .2s ease-in-out;
	height: 6px;
	/* there must be 'bottom' for ps__thumb-x */
	bottom: 2px;
	/* please don't change 'position' */
	position: absolute;
}

.ps__thumb-y {
	background-color: #aaa;
	border-radius: 6px;
	transition: background-color .2s linear, width .2s ease-in-out;
	-webkit-transition: background-color .2s linear, width .2s ease-in-out;
	width: 6px;
	/* there must be 'right' for ps__thumb-y */
	right: 2px;
	/* please don't change 'position' */
	position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
	background-color: #999;
	height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
	background-color: #999;
	width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
	.ps {
		overflow: auto !important;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ps {
		overflow: auto !important;
	}
}
/*---------------------------------------------------Bunddle.css end------------------------------------------------------------------*/
.card {
	border-radius: 0px;
}

#ClaimGrid_QCGridContainer {
	height: auto !important;
}

.tab-content {
	padding: 0px !important;
}
/*------------------------------tabs menu css start -------------------------------------------------------------*/
/*------------------- Search  bar -----------------------------------------------------------------------------------*/
.search-container {
	position: relative;
	width: 250px;
}

#searchClaim {
	width: 100%;
	padding: 1px 24px;
	border: 1px solid #ccc;
	border-radius: 6px;
	outline: none;
	font-size: 14px;
}

.fa-search {
	position: absolute;
	top: 50%;
	right: -1px;
	transform: translateY(-50%);
	cursor: pointer;
	background-color: #2c2c54;
	padding: 7px;
	border-radius: 0px 18% 18% 0px;
	transition: background-color 0.3s ease;
}

	.fa-search:hover {
		background-color: #706fd3;
	}


#searchIcon {
	font-size: 14px;
	color: white;
}


.searchIcon:hover {
	color: #2c2c54;
}
/*-------------------------------------------- Search  bar -----------------------------------------------------------------------------------*/
/*-----------------------------------------Ellipsis menu------------------------------------*/
#ellipsisMenu {
	top: 25px;
}

.dropdown-item {
	line-height: unset !important;
	border-bottom: none !important;
}

#ellipsisMenu > a:hover {
	color: #1F3BB3;
}
/*--------------------------------------------------------------------------------------------------*/
#BindCriteriaBox select.form-control {
	color: unset;
}

.cancel-button {
	background-color: transparent;
	border: none;
	cursor: pointer;
}

button.cancel-button i[data-ev="EV_RemvoveCriteriaRow"],
button.cancel-button i[data-ev="EV_RemvoveCriteriaRowPopulation"] {
	color: red;
}

.cancel-button .fas {
	margin-right: 5px;
}

button[data-ev="EV_RemvoveCriteriaRow"]:hover {
	background-color: whitesmoke;
}

.add-button {
	border: none;
	padding: 2px 9px;
	background-color: transparent;
}

button.add-button i[data-ev="EV_Add_CriteriaRow"],
button.add-button i[data-ev="EV_CriteriaAddBtnPopulation"] {
	color: green;
}

button.cancel-button i[data-ev="EV_Remvove_CriteriaRow"] {
	color: red;
}

.add-button:hover {
	background-color: #f0f0f0;
	border-radius: 2px;
}
/*.btn.btn-sm{
    border-radius:7px;
}*/
body {
	background-color: white !important;
}

.sidebar {
	min-height: calc(100vh - 0px);
	/*height: 100%;*/
}

	.sidebar .nav .nav-item .nav-link {
		padding: 10px 35px 10px 20px;
	}

	.sidebar .nav .nav-item.nav-category {
		margin: 0 14px;
		padding: 5px 0px 5px 0px;
	}

select.form-control {
	padding: 2px 8px;
}

.form-control {
	height: 24px;
}

.criteriaValue {
	border: 1px solid #dee2e6;
	padding: 1px 5px;
	border-radius: 2px;
	width: 13rem;
}

#addCriteria {
	padding: 3px 7px;
	border-radius: 3px;
}
/*.freezHead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;*/ /* Adjust the z-index as needed to ensure it appears above other content */
/*background-color: #fff;*/ /* Optionally, you can set a background color */
/*}*/
select.form-control {
	color: black;
}

[data-ev="delUpdateCriteria"] {
	color: red;
	cursor: pointer;
}

[data-ev="eraseUpdateCriteria"] {
	color: darkblue;
	cursor: pointer;
}

[data-ev="Ev_Add_UpdateCriteria"] {
	font-weight: bolder;
	cursor: pointer;
}

/*==================================Population modal=============================*/
.breadcrumb {
	border: none;
	padding: 1px 5px;
	margin-top: 7px;
	background-color: lightgrey;
}

.breadcrumb-item.active {
	color: blue !important;
	font-weight: bolder !important;
}

#popDetails {
	margin-top: -10px;
}

#populationEllipsisDropdown {
	font-size: 15px;
}

[data-ev="EV_getPopulationClaims"], .custom-dist-codes {
	line-height: 18px;
	margin: 4px 5px !important;
	padding: 4px 5px !important;
	border-radius: 3px;
	word-wrap: break-word;
}

[data-ev="EV_getPopulationClaims"]:hover {
	color: #1F3BB3;
}

#popuHeading {
	color: blue;
	font-size: small;
}
#submenuIcon{
	font-size:15px;
	font-weight:bolder;
}
/*sub-side pannel css overwrite*/
.settings-panel {
	border-right: 1px solid #dee2e6;
	top: 0px;
	width: 200px;
}
.settings-panel .settings-heading {
	padding: 12px 0 10px 10px;
	font-weight: bolder;
	font-size: medium;
	border: none;
}
.hover-open{
	z-index:99999 !important;
}

.custom-margin-dictionary {
	margin-left: 200px !important;
}
.d-flex{
	display:flex;
}
/*Populaion success/Error message*/
#populationList #InfoMessage {
	line-height: normal;
	padding:0px 10px; /* Adjust the padding value as needed */
	margin: 2px 0px;
}

/*No grid messaging */
.noGridData{
	font-weight:bold;
}

#currentFilterstatusCardBody {
	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.filterStatus-sidebar-heading{
	font-weight:bold;
}
#statusMsg {
	background: #ffaf00;
	border: 1px solid #ffaf00;
	color: black;
}
.pop-disabled, .filter-running {
	pointer-events: none;
	opacity: 0.6;
}
.multiselect-clear-filter{
	padding:5px 12px ;
}
.payorMutiSelect {
	margin-bottom: 5px;
	padding-bottom: 20px;
	height: 37px !important;
	overflow: hidden !important;
	width: 200px !important;
}

[data-id="tblClaimGridqc_pg"], [data-id = "tblDictionaryCodesGridqc_pg"], [data-id = "tblTransactionGridqc_pg"]
[data-id = "tblDictionaryGridqc_pg"], [data-id = "tblFilterGridqc_pg"] {
	width: 3.5rem !important;
}
input[data-id="tblTransactionGridqc_pg"] {
	width: 3.5rem !important;
}
/*#rptSearchBtn {
	padding-top: 22px;
	
}*/
#btnSearchRpt {
	width:130px;
}

.dropdown-menu show{
	margin-top:22px !important;
}

.btn.btn-sm{
	border-radius:7px;
}
.badge {
  border-radius:6px;
}

/*adding ellisis after the report name*/
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	vertical-align: middle;
}
#divManageDefectCode {
	border-left: 1px solid #dee2e6;
}
/*Batch update inline message for claim count*/
#inlineBatchUpdateClmCount {
	display: none;
	color: #721c24;
	padding: 5px 10px;
	border-radius: 5px;
}
.message-links {
	margin-left: 10px;
}

.message-link {
	color: #0056b3;
	cursor: pointer;
	margin: 0 5px;
}
#okLink:hover{
	color:forestgreen;
}
#cancelLink:hover{
	color:gray;
}
.multiselect-container {
	top: unset !important;
	left: unset !important;
	width: -webkit-fill-available !important;
	transform: none !important;
	margin-top: 6px !important;
	border-radius: 0px !important;
}
#selPopuList{
	text-overflow:ellipsis;
}

.selectize-input {
	height: 40px; 
}
.selectize-dropdown-content .option, .selectize-input {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}

.selectize-input {
	height: 37px; 
}

.table td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}
	.table > thead > tr > th {
/*		width: 100px !important;*/
		white-space: normal;
		overflow-wrap: break-word;
	}

	.table td:hover {
		overflow: auto;
		white-space: normal;
		height: auto;
		overflow-wrap: break-word;
	}
#carcClassifcationReptBody td {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 160px !important;
}
#payerClassifcationReptBody tr:not(.nested-row) td {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 140px !important;
}

#payerClassifcationReptBody tr.nested-row td:first-child {
	overflow: visible !important;
	text-overflow: ellipsis !important;
}
/* For all other td elements in the tr with class 'nested-row' */
#payerClassifcationReptBody tr.nested-row td:not(:first-child) {
	overflow: visible !important;
	text-overflow: ellipsis !important;
	max-width:400px !important;
}




/*Floating Back-To-Top Button*/
#FloatTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 80px;
	z-index: 99;
	font-size: 32px;
	border: none;
	outline: none;
	background-color: #F4F5F7;
	color: black;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
}

	#FloatTop:hover {
		background-color: lightgray;
	}
/*Floating Back-To-Top Button*/

/*inline alert button css*/
.alertbtn{
	height:30px !important
}
#includeLeftMenu {
	background: #F4F5F7;
}

/*classes form Widgets*/
.sortable-item {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px dashed #ddd;
	background-color: #f8f9fa;
	cursor: move;
	position: relative;
}

.sortable-placeholder {
	border: 1px dashed blue;
	margin-bottom: 10px;
	height: 40px;
}

#sortableContainer {
	display: none;

}
/*.selected {
	background-color: aliceblue;
	border-left: 3px solid mediumspringgreen;
}*/
.remove-btn {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	color: red;
}

.checkbox-item {
	position: absolute;
	top: 10px;
	right: 10px;
}
#sortableContainer {
	padding: 11px 5px;
	margin-left: 0px !important;
}
#accordion {
	width: 100%;
	position: relative;
}
.ui-state-active {
	background: rgba(31, 59, 179, 0.7);
}
.ui-corner-all {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px
}

.load-report-btn {
	top: 110px !important;
	right: 6px !important;
	padding: 8px 23px;
	z-index: 9999 !important;
	text-decoration: none;
	border-radius: 0px !important;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

.item{
	max-width:225px;
	text-overflow:ellipsis;
	overflow:hidden;
}

 #Filters li:hover, #populationList li:hover {
	background: #f0f0f0; /* Very light gray background on hover */
}

/*Populationi Measure report */
#payerClassificationRptDiv {
	width: 100% !important;
	overflow: auto;
	height: calc(100vh - 130px);
}

#TransactionQuickSearch{
	display:flex !important;
}
/*Report side sub pannel*/
.rptNodeOption{
	margin-right:8px;
}

.rptNodeBorder{
	border-left:1px dashed black;
	border-radius:0px;
	margin-left:3px

}
.rptParentNode li:hover {
	background: #f0f0f0; /* Very light gray background on hover */
}
.rptParentNode li {
	cursor: pointer;
	margin-left: 11px;
	padding: 0px 5px;
	border-radius: 3px;
}
/*rpt accordian */

/* Styling for report_subMenu accordion */

.report_subMenu-item {
	width: 100%;
}
.report_subMenu-header {
	margin: 0;
	font-weight: bold;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d9d5d5;
}

.report_subMenu-button {
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
	position: relative;
}

.report_subMenu-button .toggle-icon {
	position: absolute;
	right: 10px; /* Position the icon to the right */
	font-size: 18px;
}


.report_subMenu-content {
	display: none; /* Initially hidden */
	border-top: 1px solid #ccc;
/*	background-color: #f2f3fe;*/
}

	.report_subMenu-content ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

.custom-dist-codes {
	padding: 8px;
	/*border-bottom: 1px solid #ccc;*/
}

	.custom-dist-codes:hover {
		background-color: #e8e8e8;
	}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


#selectedGroupingOptions,
#selectedColOptions {
	border: 1px dashed #ccc;
	padding: 10px;
	min-height: 50px;
}


.option-item {
	display: flex;
	align-items: center;
	background-color: #f1f1f1;
	padding: 5px 10px;
	justify-content:space-between;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.option-item span {
	margin-right: 10px; /* Space between text and icon */
}

.option-item .fa-xmark {
	color: #d9534f; /* Color for close icon */
	cursor: pointer;
}
#selectedColOptions {
	max-height: 235px;
	overflow: scroll;
	overflow-x:hidden;
}
.selectize-input{
	height:25px !important
}
.report_subMenu-button {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 10px;
	position: relative;
	width: 100%;
}

.button-content {
	display: inline-block;
}

.info-text {
	font-size: 11px;
	color: #6c757d; /* Muted color */
}

.toggle-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#rptdivCriteria{
    padding: 4px 30px;
    margin-top: 10px;
}

#ellipsisMenuRpt{
	top:0;
	margin-top:25px;
}
.btn i{
	font-size:unset !important;
}

#customiseReportBody tr:not(.nested-row) td {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 140px !important;
}
#customiseReportBody tr.nested-row td:first-child {
	overflow: visible !important;
	text-overflow: ellipsis !important;
}
/* For all other td elements in the tr with class 'nested-row' */
#customiseReportBody tr.nested-row td:not(:first-child) {
	overflow: visible !important;
	text-overflow: ellipsis !important;
	max-width: 400px !important;
}


.card {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-body {
	padding: 20px;
}

.row.mb-3 {
	margin-bottom: 1.5rem;
}

.text-muted {
	color: #6c757d !important;
}

.lead {
	font-size: 1.09375rem;
	font-weight: 300;
}
#rptDefaultSection{
	max-width:1200px!important;
}

.rptDefaultMsg {
	padding: 20px;
	background-color: #f8f9fa;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin:0px 5px;
}

#InfoMessage{
	position: unset !important;
}
.selected {
	background-color: #f8fcff;
	border-left: 3px solid rgba(31, 59, 179, 0.7);
}
#customiseRptBredcumb {
	padding: 0px 10px;
	margin: 2px 20px;
	margin-bottom: -8px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d9d5d5;
}
#divDateRange{
	height:39px !important;
	padding:10px 10px;
}
.scrollIn{
	height:90vh;
	overflow-y:scroll;
	overflow-x:hidden;
}
body,
html {
	overflow: hidden;
	padding-right: 0 !important;
}
.text-faded-black {
	color: rgba(0, 0, 0, 0.6); /* Faded black with 60% opacity */
	transition: color 0.3s ease; /* Smooth transition for any hover effects */
}

	.text-faded-black:hover {
		color: rgba(0, 0, 0, 0.8); /* Slightly darker on hover */
	}

.cr-bottom.cr-right {
	transform: rotate(-45deg);
}

.cr-green {
	background-color: #2c7;
}

.cr-left {
	left: -80px;
}

.cr-top {
	top: 9PX;
}

.cr {
	width: 200px;
	padding: 0px;
	position: absolute;
	text-align: center;
	color: #f0f0f0;
	font-family: 'Manrope';
}

.cr-top.cr-left, .cr-bottom.cr-right {
	transform: rotate(-45deg);
}
 
#integrityBody h4 {
	position: relative;
	display: inline-block;
	 
}

	#integrityBody h4::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -4px;
		width: 0;
		height: 2px;
		background-color: #0d6efd;
 
	}

	#integrityBody h4:hover {
		color: #0d6efd;
		cursor: pointer;
		font-weight:bolder;
 
	}

		#integrityBody h4:hover::after {
			width: 100%;
		}

	.gridLayoutFix {
		table-layout: fixed;
	}


.downloadButton {
	height: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom-width: 0px;
}

/* Download button custom css */
.dwnPrg-button-ready {
	position: relative;
	border-radius: 0.5rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

	.dwnPrg-button-ready:hover {
		background-color: #004b99; 
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}

 
 

 
.dwnPrg-button-ready:disabled {
	opacity: 0.7;
	pointer-events: none;
}
 

 
.dwnPrg-icon {
	font-size: 1rem;
	vertical-align: middle;
}

 
.dwnPrg-button-ready:disabled {
	opacity: 0.7;
	pointer-events: none;
}

 
.dwnPrg-button {
	border-radius: 0.5rem;
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
	background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent );
	background-size: 1rem 1rem;
	animation: dwnPrg-bg-stripes 1s linear infinite;
	transition: background-color 0.3s ease;
}
 
/* Button loading background animation */
@keyframes dwnPrg-bg-stripes {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 1rem 0;
	}
}

/* Download button custom css end*/