/* css modifications for script */

.dynamicwidth {
	width: 50%;
}

textarea {
	resize: none;
	width: 95%;
	height: 100%;
	text-align: center;
	border: transparent;
}


.pnutmodal {
	background-color: #fafafa;
  /*! border: 4px solid #000; */
	padding: 10px;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 9px 68px 0 rgb(62 57 107 / 20%);
	pointer-events: auto;
}

.aktif {
	background: #d4722b !important;
}

.visible {
	display: "";
}

.hidden {
	display: none;
}

.pnutmodalhead {
	font-size: 25px;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	display: flex;
	justify-content: center;
}

.pnutmodalbtn {
	display: flex;
	justify-content: center;
	padding-top: 10px;
	margin-bottom: -5px;
}

.btn_navLink {
	position: relative !important;
	clip-path: polygon(0.535% 6.349%, 0.535% 99.603%, 85.444% 99.603%, 99.465% 0.651%, 99.465% 0.397%, 8.556% 0.397%, 0.535% 0.349%);
	background: #5b5b5b;
	color: #fff;
	white-space: nowrap;
	position: relative;
	border-radius: 5px;
	overflow: visible;
	font-size: 16px;
	font-weight: 600;
	padding: 0px 30px 20px 20px;
	height: 40px;
	line-height: 40px;
	text-transform: capitalize;
	display: inline-block;
	margin-left: 8px;
}

.closemodal {
	position: absolute;
	left: 92%;
	font-size: 20px;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	/*! background: #000; */
	border-radius: 50%;
	color: #000;
	text-shadow: none;
	display: block;
	transition: all .4s;
	/*! box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3); */
	top: 1%;
}

.walletbtns {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 50px 0 50px !important;
  transition: all 300ms ease-in-out 0s;
}

.tasks {
	position: relative;
	padding: 10px;
	background: #f1e199;
	border-radius: 10px;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	border: 2px solid #000;
	margin-bottom: 15px;
}

.tasksicon {
    color: #fff;
    font-size: 20px;
    margin-right: 8px;
    background: #d4722b;
    width: 40px;
    height: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}

.tasks-text {
	color: #742f06 !important;
	display: inline-block;
	white-space: nowrap;
	font-weight: 600 !important;
}

.tasks-div {
	display: flex;
	align-items: center;
}

.fam-2x {
  font-size: 1.5em;
}

.walletbal {
	font-size: 10px;
	margin-bottom: -5px;
	margin-top: -8px;
	font-weight: 700;
}

.modalclosebtn {
	left: 85%;
	position: absolute;
	font-size: 23px;
	top: 10px;
	color: #742f06;	
}

.taskgobtn {
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	padding: 15px !important;	
}

.taskbtnarea {
	display: flex;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 5px;
}


.withdrawbtn {
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px !important;
  font-size: 10px !important;
}


/* Media Query for Mobile */
@media (max-width: 768px) {
	.dynamicwidth {
	width: 95%;
	}
	
	.btn_navLink {	
	padding: 0px 8px 8px 8px;
	clip-path: none;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	}
	
	.white-section {
	margin-top: 30px;
	}
	
	.creamy-section {
	padding: 25px;
	}

}

@media (max-width: 360px) {
	
	.creamy-section {
	padding: 5px;
	}

}