.notice-wrap{
	z-index: 99999!important;
	max-width: 300px;
	opacity: 1!important;

	h1,
	p{
		font-size: .9rem;
	}

	.notice-item{
	    background: #0dcaf0;
	    color: #111;
	    display: flex;
	    gap: .5rem;	
	    margin-bottom: 0.75rem;

	    a{
	    	color: #fff;
	    	font-weight: 700;
	    }

		&.succes{
			color: #fff;
			background: #198754;
		}
	}
}

.mycred-filter{
	 > *{
    	min-width: 180px;
    }

    input[type=submit]{
    	min-width: 100px;
		color: #fff;
		background-color: #0d6efd!important;
		border-color: #0d6efd!important;
		font-size: 1rem;
		border-radius: 35px!important;
		box-shadow: none;
		outline: none;
		border: none;
		font-weight: normal!important;	
    }
}

.transactions-points{
	@media only screen and (max-width: 767px) {
		.mycred-filter > *{
			margin-bottom: 1rem;
		}	

		.mycred-filter{
			.button-secondary{
				width: 100%;
			}				
		}

		.mycred-table{
		    td {
			    &:before {
			        content: attr(data-colname)!important;
			    }
		    }			

		    tfoot{
		    	display: none;
		    }
		}	
	}
}

#cashcred{

	max-width: 100%;
	padding: 0;

	.form-control{
		padding: .375rem .75rem!important;
	}

	input[type=submit]{
		color: #fff;
		background-color: #0d6efd!important;
		border-color: #0d6efd!important;
		font-size: 1rem;
		border-radius: 35px!important;
		box-shadow: none;
		outline: none;
		border: none;
		font-weight: normal!important;
		min-width: 100px;
		padding: 0.5rem 1.5rem;

	    &:hover{
		    color: #fff;
		    background-color: #0b5ed7!important;
		    border-color: #0a58ca;	    
	    }
	}

	ul.cashcred-nav-tabs{
		border-bottom: 1px solid #dee2e6;
		li{
			font-family: 'Poppins', sans-serif;
			border: 1px solid transparent!important;
			margin: 0!important;
			margin-bottom: -1px!important;
		    border-top-left-radius: 0.25rem;
		    border-top-right-radius: 0.25rem;
			padding: 0.75rem 1rem !important;
			&.active{
				background: white!important;
				border-color: #dee2e6 #dee2e6 #fff!important;
			}
		}	    
	
	}

	#cashcred_tab_content {
	    padding: 1.5rem;
	    background: #fff;
	    display: flex;
	    border-right: 1px solid #e9ecef;
	    border-bottom: 1px solid #e9ecef;
	    border-left: 1px solid #dee2e6;

	    .form-group{
	    	margin-bottom: 1rem;
	    }

	    .cashcred-tab{
	    	border: none!important;
	    	padding: 0!important;

	    	h4,
	    	h3{
				font-size: 1.2rem;
				margin-bottom: 1rem;	    		
	    	}
	    }
	}
}


form#mycred-transfer-form-transfer{
	
	box-shadow: none!important;
	background: #fff!important;
	border: 1px solid #e9ecef;
	border-radius: 3px!important;

	input[type=text]{
		margin-left: 0;
	}

	.mycred-submit-transfer{
		padding: 0.375rem 1.5rem;
		font-size: 1rem;
	}
}

.mycred-buy-points-wrap{
	max-width: 600px;

	.widget{
		margin-bottom: 0;
	}
}

form.buy-form-gift{
	.form-group {
		.form-group{
			display: none;
		}
	}
}

form.buy-form-creds{
	label{
		margin-bottom: 0.75rem;
	}

	.form-control-static{
		margin: 0;
	}

	select,
	input[name=amount]{
		border-radius: 35px;
	}	

	.btn-submit{
		margin-top: 0.75rem;
	}

	.form-group{
		margin-top: 0.75rem;

		&:last-child{
			display: block;
			margin-bottom: 0;
		}
	}
}

form.buy-form-amount{

	label{
		text-align: center;
		display: block;
	}

	p.form-control-static{
		font-size: 1.5rem;
		font-weight: 700;
		text-align: center;
	}

	input[name=amount]{
		font-size: 2rem;
		color: #07d907!important;
		font-weight: 700;	
		text-align: center;
	}
}

form.form-transfer-point{
	
	.avatar{
		width: 20px;
		height: 20px;
	}

	.form-submit{
		display: none!important;
	}

	&.form-step-final{
		.field-recipient,
		.field-amount,
		.btn-next{
			display: none!important;
		}
		.confirm-message{
			display: block!important;
		}
		.form-submit{
			display: flex!important;
		}		
	}
}

#buycred-checkout-page{

	min-height: auto!important;
	padding: 0 1.5rem !important;
    margin-top: 1.5rem!important;
    max-width: 600px!important;

	img{
		margin: 1.5rem auto;
		display: block;
	}

	h2 span,
	p{
		font-size: 1rem!important;
		line-height: 2!important;
	}	

	.cancel{
		
		a{
			text-decoration: none;
			text-transform: capitalize;
			font-weight: 600;
			font-size: 1rem;
		}
	}

	table{
		tr{
			th, td{
				padding: 1.5rem;				
				font-size: 1rem!important;
				width: 50%!important;
				text-align: right!important;
			}

			td.cost{
			    font-size: 1.5rem!important;
			    color: #07d907 !important;
			    font-weight: 700;
			}
		}
	}

	.checkout-order{
		background-color: #fff;
		border-radius: 0.25rem;
		padding: 1.5rem;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);	
	}

	button{
		width: 100%;
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;		
	}

	.checkout-header{
		display: none;
	}

}

.header-user__dropdown{
	.mycred-balances{
		margin-bottom: -2rem;
	}
}

@media only screen and (max-width: 1024px){
	.user-dashboard{
		.transactions-points .mycred-table td:before {
		    content: attr(data-colname) !important;
		    font-weight: 600;
		}		
	}	
}
