
.full-section-height{
	flex-grow: 1;
}


/*================= WATER FREEDOM MENU STYLES ====================*/

.wfs-main-menu{
	padding: 0;
	background-color: #ebebeb;
}

.wfs-main-menu a{
	display: inline-block;
	padding: 15px;
	text-decoration: none;
	color: #404040;
}

.wfs-main-menu a:hover,
.wfs-table-menu a:hover{
	background-color: #d4d4d4;
}

.wfs-table-menu{
	display: inline-flex;
	justify-content: center;
	margin-bottom: 20px;
	width: auto;
	border-radius: 5px;
	border: 1px solid #bebebe;
}
.wfs-table-menu a{
	padding: 10px 20px;
	border-right: #bebebe 1px solid;
	display: inline-block;
	text-decoration: none;
	color: #404040;
	margin: 0;
}

.wfs-table-menu a:first-of-type{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.wfs-table-menu a:last-of-type{
	border-right: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

@media(max-width: 480px){
	.wfs-table-menu{
		margin: 0;
	}
	.wfs-main-menu a{
		padding: 15px 10px;
	}
	.wfs-table-menu a{
		padding: 10px;
		font-size: 13px;
	}
}

/*================= WATER FREEDOM TABLE STYLES ====================*/

table.hor-zebra{
    border-collapse: collapse;
    border: 0;
    font-size: 15px;
}

table.hor-zebra td{
	padding: 10px;
}

table.hor-zebra tr:nth-of-type(odd){
	background-color: #ebebeb ;
}

table.hor-zebra thead tr:nth-of-type(odd){
	background-color: #404040;
	color: white;
}

table.hor-zebra select{
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	border: #bebebe 1px solid;
	border-radius: 5px;
}

table.hor-zebra input[type=submit]{
	background-color: #ce1c1c;
	color: white;
	font-weight: 700;
	border: none;
	cursor: pointer;
	padding: 7px 20px;
	border-radius: 5px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	transition: .3s;
}

table.hor-zebra input[type=submit]:hover{
	opacity: .8;
}

@media(max-width: 1120px){
	table.hor-zebra{
		width: 100%;
		max-width: 600px;
	}

	table.hor-zebra tr{
	    display: block;
	    border-radius: 10px;
	    margin: 40px 0;
	}
	table.hor-zebra td{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		word-break: break-word;
		margin: 5px 0;
		border-bottom: #bebebe 1px solid;
		padding: 15px 20px;
	}

	table.hor-zebra tr td:last-of-type{
		border-bottom: none;
	}
	table.hor-zebra thead{
		display: none;
	}


	table.hor-zebra td:before{
	    color: #5b5b5b;
	    font-size: 11px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    word-break: normal;
	    margin-bottom: 5px;
	    width: 100%;
	}

	table.hor-zebra tr:last-of-type td:before{
		content: '';
		display:none;
	}


	/*======================*/

	#user table.hor-zebra tr td:nth-of-type(1):before{content: 'Keyword';}
	#user table.hor-zebra tr td:nth-of-type(2):before{content: 'Affiliate ID';}
	#user table.hor-zebra tr td:nth-of-type(3):before{content: 'Vendor ID';}
	#user table.hor-zebra tr td:nth-of-type(4):before{content: 'Tracking ID';}
	#user table.hor-zebra tr td:nth-of-type(5):before{content: 'CBPAGE';}
	#user table.hor-zebra tr td:nth-of-type(6):before{content: 'Clicks';}
        #user table.hor-zebra tr td:nth-of-type(7):before{content: 'Date Added';}
        #user table.hor-zebra tr td:nth-of-type(8):before{content: 'Action';}
	/*======================*/
        
        /*======================*/

	#lead table.hor-zebra tr td:nth-of-type(1):before{content: 'Affiliate ID';}
	#lead table.hor-zebra tr td:nth-of-type(2):before{content: 'Qualified Leads';}
	#lead table.hor-zebra tr td:nth-of-type(3):before{content: 'Total Leads';}
	#lead table.hor-zebra tr td:nth-of-type(4):before{content: 'Sales';}
	#lead table.hor-zebra tr td:nth-of-type(5):before{content: 'New Name';}
	#lead table.hor-zebra tr td:nth-of-type(6):before{content: 'Hide';}
	/*======================*/

}