.labelfont {
	color: #4f4f4f !important;
}

.loginbutton {
	background-color: #d8414b;
	border: none;
	color: white;
	padding: 6px 40px;
	text-align: center;
	font-size: 16px;
	margin: 2px 2px;
	opacity: 0.6;
	transition: 0.3s;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 8px;

}

.select {
	border: 1px solid #b0b0b0;
}

.cursorpointer {
	cursor: pointer;
}

.loginbutton:hover {
	opacity: 1
}

.active-sub{
}

.modal-backdrop {
  display: none;
}

.modal {
  background: rgba(0,0,0,0.5);
  padding-top: 8em;
}

.inputread {
	border: 0px;
	display: block;
	width: 100%;
	height: 25px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	cursor: pointer;
}

.inputread:disabled {
    background: white;
}
.inputread:focus {
    outline: none;
}

@media (min-width:1000px){
	.tabbutton {
		background-color: #FFFFFF;
		/* Bg */
		border: 0px;
		border-bottom: 5px solid #dbdbdb;
		color: #4f4f4f;
		padding-right: 100px;
		padding-top: 15px;
		padding-left: 2px;
		text-align: left;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		cursor: pointer;
		float: left;
	}
	.tabbutton:not(:last-child) {
		border-right: none;
		/* Prevent double borders */
	}
	.tabbutton:hover {
		background-color: #f5f5f5;
		border-bottom: 5px solid #ff6b6b;
	}
	.tabbutton:focus {
		outline: 0;
	}

	.tabbutton.activebut {

		border-bottom: 5px solid #ff6b6b;
		 !important
	}
}

@media (min-width:480px) and (max-width:999px) {
	.tabbutton {
		background-color: #FFFFFF;
		/* Bg */
		border: 0px;
		border-bottom: 5px solid #dbdbdb;
		color: #4f4f4f;
		padding-right: 45px;
		padding-top: 15px;
		padding-left: 2px;
		text-align: left;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		cursor: pointer;
		float: left;
	}
	.tabbutton:not(:last-child) {
		border-right: none;
		/* Prevent double borders */
	}
	.tabbutton:hover {
		background-color: #f5f5f5;
		border-bottom: 5px solid #ff6b6b;
	}
	.tabbutton:focus {
		outline: 0;
	}

	.tabbutton.activebut {

		border-bottom: 5px solid #ff6b6b;
		 !important
	}

}

@media (max-width:479px){
	.tabbutton {
		background-color: #FFFFFF;
		/* Bg */
		border: 0px;
		border-bottom: 5px solid #dbdbdb;
		color: #4f4f4f;
		padding-right: 20px;
		padding-top: 15px;
		padding-left: 2px;
		text-align: left;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		cursor: pointer;
		float: left;
	}
	.tabbutton:not(:last-child) {
		border-right: none;
		/* Prevent double borders */
	}
	.tabbutton:hover {
		background-color: #f5f5f5;
		border-bottom: 5px solid #ff6b6b;
	}
	.tabbutton:focus {
		outline: 0;
	}

	.tabbutton.activebut {

		border-bottom: 5px solid #ff6b6b;
		 !important
	}
}