* {
	font-family: 'Open Sans', sans-serif;
}

table {
	border-collapse: collapse;
}

td, th {
	padding: 0;
}

.href_no_underline{
	text-decoration: none;
}

a {
	text-decoration: none;
}

.frameDiv{
	height:100%;width:100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}

.mousechange {
	cursor: pointer;
}

input {
	outline:none;
}

.no-padding {
	padding: 0 !important;
}

.display-none {
	display: none;
}

.hover:hover {
	cursor: pointer;
}

.input-wrapper,.button-wrapper {
		width: 100%;
		display: block;
		position: relative;
		margin-top: 1em;
	}
	
.main-padding-wrapper {
	padding: 0 0 0 0;
}

.main-label {
	width: calc(100% - 20px);
	text-align: left;
	vertical-align: middle;
	padding-right: 0px;
	line-height: 45px;
	
	display: block;
}

.main-input {
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	display: block;
}

.input-bar {
	display: block;
	height: 45px;
	position: relative;
	width: calc(100% - 20px);
	font-size: 1em;
	border-radius: 4px;
	border: solid 1px #bbbbbb;
}	

.select_DropDown_Style_Mobile{
	position:relative;left:0px;width:99%; height:50px;  font-family: Arial; font-size: 18px;
}

.button {
	height: 100%;
	width: 100%;
	border: 0;
	line-height: 45px;
	text-transform: uppercase;
	color: white;
	border-radius: 4px;
	background-color: #448bff;
}

.td_vertical_align_top{
	vertical-align: top;
}

.fieldTitleFont{
	font-family: Arial; font-size: 14px;
    color:Black;
    font-weight:Bold;
}

.tdContentFont{
  position:relative;color:black; font-size: 14px; left:0px;
}

.fieldTitleStarFont{
	font-family: Arial; font-size: 14px;
    color:Red;
}

.fieldInputBackground{
	background-color:#fafafa;
	border-radius: 6px 6px 6px 6px;
	border: 1px Solid #d3d3d3;
	}
	
.inputTextContent_Style{
	 width:90%;color: #7E7EAB; background-color: Transparent; font-family: Arial; font-size: 14px;border:0;position: relative;left:8px; 
}

.buttonBackground{
	background-color:#00d4bf;
	border-radius: 6px 6px 6px 6px;cursor: pointer;
}

.buttonText_Style{
	font-family: Impact, Charcoal, sans-serif; font-size: 18px; 
}	

	/* filedDrop.js  */
	
	.fd-zone {
	  position: relative;
	  overflow: hidden;
	  width: 15em;
	  margin: 0 auto;
	  text-align: center;
	}
	
	.fd-file {
	  opacity: 0;
	  font-size: 118px;
	  position: absolute;
	  right: 0;
	  top: 0;
	  z-index: 1;
	  padding: 0;
	  margin: 0;
	  cursor: pointer;
	  filter: alpha(opacity=0);
	  font-family: sans-serif;
	}
	
	.fd-zone.over { border-color: maroon; background: #eee; }



	/* Search Bar With Content & Button */
	
	.content_Button_SearchBar_Wrapper{
		position:relative;
		top:0px;
		width:1134px;
		height:38px;
		background-color:white;
		border-radius: 6px 6px 6px 6px;
	    margin-left:-567px; /* half of width */
	    left:50%;
		}
	
	.grayBorder_1px{
		border:1px solid #929ca1;	
	}	
	
	.content_Button_SearchBar_Wrapper_Content {
		position:absolute;
		left:0px;
		top:0px;
	    height: 38px;
		width:1054px;
		background-color:white;
		border-radius: 6px 0px 0px 6px;
		}
			
	.content_Button_SearchBar_Input_Style{
		 width:80%;color: #7E7EAB; background-color: #FFFFFF; font-family: Arial; font-size: 14px;border:0;position: relative;left:8px; top:9px;bottom:9px;
	}	
	
	.content_Button_SearchBar_Wrapper_Button {
		position: absolute;
		left:1054px;
		width: 80px;
		height: 38px;
		display: block;
		background-color:#2f9998;
		
		border-radius: 0px 6px 6px 0px;
		}
		
	.content_Button_SearchBar_Button_Style {
		height: 100%;
		width: 100%;
		border: 0;
		line-height: 38px;
		background-color: #2f9998;
		cursor:pointer;
		color:white;
		
		border-radius: 0px 6px 6px 0px;
		}
		
	.grayBackGroundColor{
		background-color: #929ca1;
	}	
	
	.grayBottomLine {
		border-bottom: 1px solid #D1D3D4;padding-left: 0px; 
	}
	
	.grayRightBorder{
		border-right: 1px solid #7f7f7f;
	}
	

     /* Desktop Content Wrapper */
	.edit_Wrapper{
			position:relative;
			top:0px;
			width:1134px;
			height:712px;
			background-color:Transparent;
		    margin-left:-567px; /* half of width */
		    left:50%;
		}	
		
	.edit_RightContent_Wrapper{
			position:absolute;
			top:0px;
			left:203px;
			width:931px;
			height:712px;
			background-color:white;
			border-radius: 0px 6px 6px 0px;
			border:1px solid #d1d3d4;
		}
	

    /* Mobile Content Wrapper */
	.content-container {
		width: calc(100% - 20px);
		position: relative;
		display: block;
		background-color: #ffffff;
		padding: 10px;
	}	
	
	.business-table, #product-table table, #category-table table {
		width: 100%;
	}
	
	.business-table td, .business-table th, #product-table td, #product-table th, #category-table td, #category-table th {
		padding: 5px;
	}
	
	.business-table img, #product-table img, #category-table img {
		width: 35px;
	}
	
	.business-table td {
		white-space: normal;
		word-break: break-all;
		vertical-align: middle;
	}
	
	.business-table tr:nth-child(even) {
		background-color: rgba(200, 200, 200, 0.3);
	}	
	
	
	/* Desktop (>=1134) Bottom Page Numbers */
	.pagingWrapper_Inside{
		position: relative;
		height:70px;
		
	    text-align: center;
	   }
	
	#pageNumberTable{
	    margin: 0 auto; 
	    text-align: left;
	    margin-top:30px;
	}
	
	#pageNumberTable td:not(:last-child) {
	     border-right:solid #929CA1 1px;
	}
	
	.pageNumberTable_Class{
		 border-collapse:separate;border:solid #929CA1 1px;border-radius:6px;
	}
	
	.pageNumber_td_padding{
		 padding: 8px;text-align:center;height:18px;width:18px;
	}
	
	.pageNumber_td_green_text{
		 color:#4FD5C3;
	}
	
	.pageNumber_td_black_text{
		 color:black;font-weight: bold;
	}
	

	/* Mobile Bottom Page Numbers */
	.page-number-container {
		width: 100%;
		display: inline-block;
		position: relative;
		text-align: center;
	}
	
	.page-number {
		display: inline-block;
		padding: 0;
		margin: 20px 0;
	}
	
	.current-page {
		background-color: rgba(90,90,190,0.4);
	}
	
	.page-number li span{
		display: block;
		padding: 15px;
	}
	
	.page-number li {
		float: left;
		text-decoration: none;
		list-style: none;
		transition: 0.2s ease all;
	}
	
	.page-number li:hover {
		background-color: #555;
	}
	
	.page-number > li a {
		width: 100%;
		height: 100%;
		color: black;
	}	
	
	
	/* Success or Error Hint Message  */
	.alert-error-wrapper {
		width: calc( 100% - 20px);
		position: relative;
		margin-left: 0px;
		padding: 5px;
		border-radius: 4px;
	
		border: red solid 1px;
		background-color: rgba(255, 77, 77, 0.25);
	}	
	
	.alert-error-text {
		width: 100%;
		position: relative;
		display: block;
	}
	
	.alert-success-wrapper{
		width: calc( 100% - 20px);
		position: relative;
		margin-left: 0px;
		padding: 5px;
		border-radius: 4px;
	
		border: green solid 1px;
		background-color: rgba(77, 255, 77, 0.25);
	}
	
	.alert-success-text {
		width: 100%;
		position: relative;
		display: block;
	}	

	
	/* Separator DIV  */
	.separator_Wrapper_10px{
		 height: 20px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:Transparent;
		}
		
	.separator_Wrapper_20px{
		 height: 20px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:Transparent;
		}
		
	.separator_Wrapper_40px {
		 height: 40px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:Transparent;
		}	
		
	.separator_Wrapper_20px_Mobile {
		 height: 20px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:Transparent;
		}	
		
	.separator_Wrapper_10px_Mobile {
		 height: 10px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:Transparent;
		}


.update-popup-background {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
}

.popup-dialog {
    display: none;
    margin: 0 auto;
    margin-top: 20%;
    width: 90%;
    padding: 15px;
    background-color: white;
    z-index: 100;
}



@media only screen and (min-width: 0px) {
	
	/* Header */
	
	.headerDiv_Class{
		background-color:#333333;height:62px;width:100%;position: relative; top: 0;left: 0; right:0; bottom:0; margin:0;padding:0;
	}
	
	.headerLogo {
	    width:201px;
	    height:55px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:8px; 
	    margin-top:0px;  
	    top:3.5px;
	}
	
	.privacypolicyTitle {
	    width:300px;
	    height:55px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:80px; 
	    margin-top:8px;  
	    top:3.5px;
	    color:white;
	    font-size:34px;
	}
	
	
	.header_Welcome_Logged_User_Style {
		position:absolute;
		top:10px;
		font-family: Arial; font-size: 14px;
	    color:white;
	    
	    margin-right:calc(-50% + 8px); 
	    right:50%;
	    
		}	

	
	.header_Picture_Vertical_Separator_Line {
	    display:none;
		}		
	
	.header_Picture_AddBusiness_BusinessCenter{
	    width:157px;
	    height:40px;
	    background-color:transparent;
	    position:absolute;
	
	    margin-top:0px;  
	    top:23px;
	
	    margin-right:calc(-50% + 8px);
	    right:50%;
	}
		
	
	.header_Picture_PersonIcon {
	    display:none;
		}	
			
	
	/* Bottom Mobile Menu */
	
	.menu-mobile {
		z-index: 99;
		position: fixed;
		width: 100%;
		bottom: 0;
		background-color: white;
		margin: 0;
		padding: 0;
	}
	.menu-mobile > li {
		width: 33.33333%;
		float: left;
		text-align: center;
		list-style-type: none;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		transition: ease 0.3s background;
		margin-bottom: 0px;
	}

	.menu-mobile li span {
		display: block;
	}
	
	.menu-mobile li img {
		width: 30px;
		display: inline-block;
		vertical-align: middle;
		margin: 3px;
	}
	
	.menu-mobile>li:hover {
		background-color: rgba(0, 0, 0, 0.3);
	}
	
	.menu-mobile>li ul {
		position: absolute;
		bottom: 100%;
		background-color: white;
		width: 100%;
		padding: 0px;
		left: 0;
		display: none;
	}
	
	.menu-mobile li:hover>ul {
		display: block;
	}
	
	
	
    .list-menu {
		position: relative;
		width: 100%;
		list-style-type: none;
		height: 55px;
		border-bottom: 1px solid #ccc;
		transition: background-color .3s ease;
	}
	
	.list-menu a {
		padding: 0px;
		padding-top: 15px;
		width: 100%;
		height: 100%;
		display: block;
		color: #1e1e4c;
	}
	
	.list-menu:hover {
		background-color: rgba(0, 0, 0, 0.3);
	}	

   .edit_Container {
		 height: 792px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:#f9f9f9;
		 display:none;
	}
	
	
	.edit-business-wrapper{
	   display:block;
	}	
	
	
	
	/* Search Business Result and Business Centre List */
	.results-list {
		display: block;
		width: 100%;
		position: relative;
	}
	
	.row-content {
		display: block;
		position: relative;
		width: 100%;
		padding-top: 10px;
		background-color: #fff;
	}
	.row-content:nth-child(even) {
		background-color: #eee;
	}
	
	.row-name{
		padding: 0 10px;
	}
	
    .row-name h3 a {
		text-decoration: none;
	}
	
    .row-block {
		padding: 0 10px;
	}
	
	.row-block {
		min-height: 75px;
		padding-top: 15px;
		padding-bottom: 10px;
		border-bottom: solid 1px #aaa;
		position: relative;
	}
	
	.row-logo {
		float: left;
		position: relative;
		display: block;
	}
	.row-logo img {
		width: 75px;
	}
	
	.row-details {
		float: right;
		position: relative;
		display: block;
		min-height: 80px;
		margin-bottom: 15px;
	}
	.row-details>p {
		margin: 0;
	}
	
    .row-contact {
		text-align: right;
		display: block;
		padding: 5px;
	}
	
    .row-address {
		text-align: right;
		display: block;
		padding: 5px;
	}	
	
	.row-description {
		position: relative;
		display: block;
		clear: both;
		margin-bottom: 15px;
	}
	
	.row-btn {
		position: relative;
		display: block;
		width: 100%;
	}
		
	
}	




@media only screen and (min-width: 480px) {

	.row-details {
		padding-right: 120px;
		margin-bottom: 0;
	}
	
	.row-btn {
		position: absolute;
		top: 15px;
		right: 15px;
		height: 75px;
		width: 100px;
	}
}	


@media only screen and (min-width: 640px) {

	/* Header */
	
	.headerDiv_Class{
		background-color:#333333;height:106px;width:100%;position: relative; top: 0;left: 0; right:0; bottom:0; margin:0;padding:0;
	}
	
	
	.headerLogo {
	    width:263px;
	    height:72px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:8px; 
	    margin-top:0px;  
	    top:17px;
	}		
	
	.privacypolicyTitle {
	    width:300px;
	    height:72px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:110px; 
	    margin-top:28px;  
	    top:3.5px;
	    color:white;
	    font-size:34px;
	}
	
	
	.header_Picture_AddBusiness_BusinessCenter{
	    width:157px;
	    height:40px;
	    background-color:transparent;
	    position:absolute;
	
	    margin-top:0px;  
	    top:33px;
	
	    margin-right:calc(-50% + 221px);
	    right:50%;
	}		
	
	.header_Picture_Vertical_Separator_Line{
		width:1px;
	    height:45px;
	    background-color:transparent;
	    position:absolute;
	
	    margin-top:0px; 
	    top:30px;
	
	    margin-right:calc(-50% + 158px); 
	    right:50%;
	    
	    display:block;
	}		
	
	.header_Welcome_Logged_User_Style {
		position:absolute;
		top:45px;
		font-family: Arial; font-size: 14px;
	    color:white;
	    
	    margin-right:calc(-50% + 8px); 
	    right:50%;
	    
	    
		}		
	
	.header_Picture_PersonIcon {
	    display:none;
		}	
		

}


@media only screen and (min-width: 1134px) {
	
	/* Header */
	
	.headerLogo {
	    width:263px;
	    height:72px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:-567px; 
	    margin-top:0px; 
	    top:17px;
	    left:50%;
	}
	
	.privacypolicyTitle {
	    width:300px;
	    height:72px;
	    background-color:transparent;
	    position:absolute;
	    margin-left:-470px; 
	    margin-top:28px;  
	    top:3.5px;
	    left:50%;
	    color:white;
	    font-size:34px;
	}
	
	
	.header_Picture_AddBusiness_BusinessCenter{
	    width:157px;
	    height:40px;
	    background-color:transparent;
	    position:absolute;
	
	    margin-top:0px; 
	    top:33px;
	
	    margin-right:-288px; 
	    right:50%;
	}		

	.header_Picture_Vertical_Separator_Line{
		width:1px;
	    height:45px;
	    background-color:transparent;
	    position:absolute;
	
	    margin-top:0px;  
	    top:30px;
	
	    margin-right:-351px; 
	    right:50%;
	    
	    display:block;
	}		
	
	.header_Welcome_Logged_User_Style {
		position:absolute;
		top:45px;
		font-family: Arial; font-size: 14px;
	    color:white;
	    
	    margin-right:-501px; 
	    right:50%;
	    
	    
		}	
			
	.header_Picture_PersonIcon {
		position:absolute;
	    top:28px;
	
	    margin-right:-567px; 
	    right:50%;
	    
	    display:block;
		}
		

	/* Bottom Mobile Menu */
	
	.menu-mobile {
		display: none;
	} 
	
	.list-menu {
		display: none;
	}	
	
	
	.edit_Container {
		 height: 792px;
		 position: relative; top:0px;left:0; right: 0;z-index:2;
		 background-color:#f9f9f9;
		 display:block;
	}
	
	
    .edit-business-wrapper{
	   display:none;
	}			
	
}	

