/* RIGHT IMAGE CONTAINER STYLE */

	.container {
		position: relative;
  		width: 75%;
		margin: auto;
	}

	.image {
  		display: block;
  		width: 100%;
/*  		height: auto; */
  		height: 90px; 
		border-radius: 25px;
		border:1px solid #48909b;
	}

	.overlay {
  		position: absolute;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		background-color: #48909b;
  		overflow: hidden;
  		width: 102%;
  		height: 0;
  		transition: .5s ease;
/*		border:1px solid #ffffff; */
	}

	.container:hover .overlay {
  		height: 30%;
	}

	.text {
  		white-space: nowrap; 
  		color: white;
  		font-size: 8px;
  		position: absolute;
  		overflow: hidden;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
  		-ms-transform: translate(-50%, -50%);
	}

/* END RIGHT IMAGE CONTAINER STYLE */

/* MENU BAR STYLE */

	.nav {
  		background: #48909b;
  		-webkit-columns: 100px 7;
  		-moz-columns: 100px 7;
  		columns: 100px 7;
  		-webkit-column-gap: 0;
  		-moz-column-gap: 0;
  		column-gap: 0;
  		-webkit-column-rule: 1px solid #000000;
  		-moz-column-rule: 1px solid #000000;
  		column-rule: 1px solid #000000;
  		padding: 0px;
	}

	.nav a {
  		text-decoration: none;
  		color: #000000;
  		display: block;
  		padding-top: 8px;
  		padding-bottom: 8px;
  		text-align: center;
	}

	.nav a:hover {
  		background: #b6d242;
	}

	.nav a:active {
  		background: #b6d242;
	}

	.nav a:visited {
  		background: #b6d242;
	}

/* END MENU BAR STYLE */

/* LINKS STYLE */
	a {
		text-decoration: none;
		
	}
/* END LINKS STYLE */

a.one:link {color:#0081d8;}
a.one:visited {color:#0081d8;}
a.one:hover {color:#48909b;}

/* HOUSELIST STYLE */
	a.hlist {
  		font-size: 10px;
  		color: #48909b;
  		line-height: 0.90;
	}
/* END HOUSELIST STYLE */


/* START: INPUT STYLE SECTION */

	/* 01 Dates */
	input[type=date] {
    	width: 40%;
    	padding: 8px 20px;
    	margin: 8px 0;
    	box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	/* 02 Times */
	input[type=time] {
	    width: 40%;
    	padding: 8px 20px;
	    margin: 8px 0;
    	box-sizing: border-box;
		font-size: 14px;
	    border-radius: 8px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	/* 03 Text */
	input[type=text] {
    	width: 100%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	/* 04 Email */
	input[type=email] {
    	width: 100%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	.help-block {
    	width: 100%;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 4px;
	    border: none;
		font-size: 10px;
		color: #FF0000;
	}

	.mandatory {
        width: 100%;
        padding: 8px 20px;
        margin: 8px 0;
        display: inline-block;
        box-sizing: border-box;
        border-radius: 8px;
        font-size: 14px;
        color: #0081d8;
        background: #dcdcdc;
        border-style: solid;
        border-color: #48909b;
     }

	input[type=text].smalltext {
    	width: 100%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 10px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	input[type=text].shorttext {
    	width: 30%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}

	/* 04 Submit button */
	input[type=submit] {
    	width: 30%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    box-sizing: border-box;
    	border-radius: 8px;
    	background: #b6d242;
    	color: #48909b;
    	font-size: 14px;
    	border-style: solid;
    	border-color: #48909b;
	}

	input[type=submit].shortversion {
    	width: 100px;
	    padding: 8px 20px;
    	margin: 8px 0;
	    box-sizing: border-box;
    	border-radius: 8px;
    	color: #0081d8;
    	font-size: 14px;
    	border-style: solid;
    	border-color: #48909b;
	}

/*	input[type=file] {
    	width: 100px;
	    padding: 8px 20px;
    	margin: 8px 0;
	    box-sizing: border-box;
    	border-radius: 4px;
    	background: #660099;
    	color: #ffffff;
    	font-size: 14px;
	} */

	/* 05 Password */
	input[type=password] {
    	width: 100%;
	    padding: 12px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
    	color: #0081d8;
    	border-style: solid;
    	border-color: #48909b;
	}

/* END: INPUT STYLE SECTION */

/* INPUTAREA STYLE SECTION */

	/* TextArea */
	textarea {
    	width: 100%;
	    padding: 8px 20px;
    	margin: 8px 0;
	    display: inline-block;
	    box-sizing: border-box;
    	border-radius: 8px;
		font-size: 14px;
		color: #0081d8;
		border-style: solid;
    	border-color: #48909b;
	}
	
	.summary {
    	height: 70px;		
    	border-width: 2px;
	}

	.description {
    	height: 200px;		
    	border-width: 2px;
	}

/* END: INPUTAREA STYLE SECTION */

/* LEGEND STYLE */
	legend {
		color: #48909b;
		font-size: 14px;
	}
/* END LEGEND STYLE */

/* LABEL STYLE */
	label {
		color: #000000;
		font-size: 14px;
	}
/* END LABEL STYLE */

/* START SELECT STYLE */

	select {
	    padding: 12px 20px; 
    	margin: 8px 0px; 
/*	    background-color: #ffffff; */
   	    box-sizing: border-box;
    	border-radius: 8px;
    	border-style: solid;
    	border-width: 2px;
    	border-color: #48909b;
	    color: #0081d8;
		font-size: 14px;
    	width: 40%;
/*    	height: 50px; */	
	} 
	
	/* 100% width class button */
	.full {
    	width: 100%;
	}
/* NEW NEW NEW */
	.custom-select {
  		position: relative;
	}

	.custom-select select {
	    padding: 12px 20px;
    	margin: 8px 0px; 
    	width: 100%;
    	border: none;
    	box-shadow: none;
    	background: transparent;
    	background-image: none;
    	-webkit-appearance: none;
	}
/* NEW NEW NEW */


/* Style The Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


/* END SELECT STYLE */


/* BUTTON STYLE SECTION */
	/* 01 All buttons */
	button {
    	background-color: #4CAF50;
    	color: white;
    	padding: 14px 20px;
    	margin: 8px 0;
    	border: none;
    	cursor: pointer;
    	width: 100%;
	}

	button:hover {
    	opacity: 0.8;
	}

	/* 02 Cancel button */
	.cancelbtn {
    	width: auto;
    	padding: 10px 18px;
    	background-color: #f44336;
	}

/* END BUTTON STYLE SECTION */

/* FOOTER STYLE */ 
	footer {
	  	font: normal normal 100.0%/1em 'Source Sans Pro', sans-serif;
  		font-weight: 400;
	  	line-height: 1.40;
  		color: #333;
	  	background: #ffffff;
  		padding: 0.5em;
/*	padding: 0;
  	position:fixed; 
  	width:100%; 
  	height:70px; 
  	bottom:0px; */
	}
/* END FOOTER STYLE */

	body {
  		font: normal normal 70.0%/1em 'Source Sans Pro', sans-serif;
/*  font-family: 'Georgia', serif; */
  		font-weight: 400;
  		line-height: 1.40;
  		color: #333;
  		background: #ffffff;
/*  background: #ecf0f1; */
  		padding: 0.5em;
	}

/* HOUSELIST STYLE */
	p.hlist {
  		font-size: 10px;
  		color: #48909b;
  		line-height: 0.90;
	}
/* END HOUSELIST STYLE */

/* PROPERTY COUNT BOX STYLE */
	p.nump {
  		font-size: 20px;
  		border: 1px solid #48909b;
  		border-radius: 8px;
  		background: #b6d242;
  		color: #48909b;
	}
/* END PROPERTY COUNT BOX STYLE */

/* MENU LIST STYLE */
	ul {
  	list-style-type: none;
	}
/* END MENU LIST STYLE */

	.table, td, th {
/*    border: 0px solid black; */
		border: none;
		table-layout:fixed;
	}

/* DIV STYLE */
	/* 01 Div Element */
	#div {
    	margin: 0;
    	width: 100%;
    	column-gap: 40px;
	}

	/* 01a Left Pane - body */
	.left {
    	float: left;
    	width: 90%;
	}

	/* 01b Left Pane - header */
	.lefth {
    	float: left;
    	width: 90%;
	}

	/* 02a Right Pane */
	.right {
    	overflow: hidden; 
    	width: 10%;
    	background: #ffffff;
/*    	overflow-y: scroll; 
    	height: 100%;
    	position: absolute; */
/*    	padding-top: 0px;
    	padding-right: 10px;
    	padding-bottom: 0px;
    	padding-left: 10px; */
	}

	/* 02b Right Pane */
	.righth {
    	overflow: hidden; 
    	width: 10%;
    	background: #ffffff;
	}

	/* 02c Body Pane 1 */
	.pane1 {
	    float: left;
/*    	overflow: hidden; */
    	width: 45%;
    	background: #ffffff;
    	margin: 10px;
	}

	/* 02d Body Pane 2 */
	.pane2 {
	    float: right;
    	overflow: hidden; 
    	width: 45%;
    	background: #ffffff;
    	margin: 10px;
	}

	/* 02e Body Pane 3 */
	.pane3 {
	    float: right;
    	overflow: hidden; 
    	width: 22%;
    	background: #ffffff;
    	margin: 10px; */
	}

/* END DIV STYLE */

	#img {
    	border-radius: 8px;
	}

	.house {
		max-width: 75%;
    	height: auto;
	}

	.smlimage {
  		display: block;
  		width: 75px;
  		height: 75px;
		border-radius: 25px;
		border:1px solid #660099;
	}

/* ROOMS TABLE */

	#tbl_rooms {
    	color: #0081d8;
    	background: #ffffff;
    	font-size: 14px;
    	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	width: 99%;
    	text-align: left;
	}

	#tbl_rooms thead th {
    	font-size: 14px;
	    padding: 5px 0;
    	color: #48909b;
	    text-transform: uppercase;
/*	    border-bottom: 1px solid #000000; */
    	background: #ffffff;
    	text-align: left;
	}

	#tbl_rooms a {
  		color: #48909b;
	}

/* DASHBOARD TABLE */

	#tbl_dash {
    	color: #0081d8;
    	background: #ffffff;
    	font-size: 14px;
    	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	width: 90%;
    	text-align: left;
	}

	#tbl_dash thead th {
    	font-size: 14px;
	    padding: 5px 0;
    	color: #ffffff;
	    text-transform: uppercase;
/*	    border-bottom: 1px solid #000000; */
    	background: #0081d8;
    	text-align: center;
	}

/* CALENDAR FORMATTING STYLES */

	/* 01 Overall calendar control */
	#wp-calendar {
    	color: #ffffff;
    	background: #000000;
    	font-size: 12px;
/*    	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	box-shadow: 0 1px 5px rgba(0,0,0,0.3); */
    	width: 100%;
	}

	/* 02 Calendar links */
	#wp-calendar a {
		color: #000000;
	}

	/* 03 Calendar month strip */
	#wp-calendar caption {
    	background: #0081d8;
	    color: #000000;
    	font-size: 14px;
	    padding: 10px 0; 
    	text-align: center;
/*	    text-shadow: 0 -1px 0 #000;
    	-webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
	    -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    	box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); */
	    border: 1px solid #000000; 
/*	    border: 1px solid #373737; */
    	z-index: -99;
	}

	/* 04 Calendar header */
	#wp-calendar thead th {
    	font-size: 14px;
    	color: #000000;
	    text-transform: uppercase;
    	background: #b6d242;
	}

	/* 05 Calendar body */
	#wp-calendar tbody td {
    	color: #48909b;
	    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    	padding: 0px;
    	height: 75px;
    	width: 14.2%;
    	font-size: 14px;
	    text-align: top;
    	font-weight: normal;
	    border: 1px solid #000000;
/*     	border-color: #fff #bbbbbb #bbbbbb #fff; */
		border-color: #ffffff;
	    background: #ffffff;
/*     	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
	    background: -moz-linear-gradient(top,  #ededed,  #dedede); */
		table-layout: fixed;
	}

	#wp-calendar tbody td.pad {
    	background: #f5f5f5;
	    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    	background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
	}

	#wp-calendar tfoot {
    	color: #e0e0e0;
	    font-size: 12px;
    	text-align: center;
	}

	#wp-calendar tfoot tr {
    	background: #f5f5f5;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
	    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
	}	

	#wp-calendar tfoot td {
		padding: 10px 10px 
	}

	#wp-calendar tfoot a {
    	color: #666;
	    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	}

	#wp-calendar tfoot td#prev {
		text-align: left 
	}

	#wp-calendar tfoot td#next {
		text-align: right 
	}

	#wp-calendar #today {
	    color: #fff;
    	border: 1px solid #000000;
	    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    	background: #6eafbf;
	    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
	}
/* END CALENDAR FORMATTING STYLES */