#contact{
    padding:10px 0 10px;
}

.contact-text{
    margin:45px auto;
}

.mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
}

.not-visible-message{
    height:0px;
    opacity: 0;
}

.visible-message{
	height:auto;
	opacity: 1;
	margin:25px auto 0;
}

/* Input Styles */

.form{
	width: 100%;
	padding: 5px;
	background:#f8f8f8;
	border:1px solid rgba(0, 0, 0, 0.075);
	margin-bottom:5px;
	color:#727272 !important;
	font-size:3vmin;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.form:hover{
	border:1px solid #8BC3A3;
}

.form:focus{
	color: white;
	outline: none;
	border:1px solid #8BC3A3;
}

/* Generic Button Styles */

.button{
	padding:8px 12px;
	background:#0A5175;
	display: block;
	width:120px;
	margin:10px 0 0px 0;
	border-radius:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-align:center;
	font-size:0.8em;
	box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

.button:hover{
	background:#8BC3A3;
	color:white;
}

/* Send Button Styles */

.form-btn{
	width:180px;
	display: block;
	height: auto;
	padding:15px;
	color:#fff;
	background:#8BC3A3;
	border:none;
	border-radius:3px;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:auto;
	box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

.form-btn:hover{
	background:#111;
	color: white;
	border:none;
}

.form-btn:active{
	opacity: 0.9;
}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
	color: #017572;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-color:#017572;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-color:#017572;
}

h2{
	text-align: center;
	color: #017572;
}

.alignleft {
	float: left !important;
}
.alignright {
	float: right !important;
}

/* Style the tab */
.tab {
    overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	 background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 5px 5px;
	border: 1px solid #ccc;
	border-top: none;
}

.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active:hover,.btn-microsoft.active:hover,.open>.dropdown-toggle.btn-microsoft:hover,.btn-microsoft:active:focus,.btn-microsoft.active:focus,.open>.dropdown-toggle.btn-microsoft:focus,.btn-microsoft:active.focus,.btn-microsoft.active.focus,.open>.dropdown-toggle.btn-microsoft.focus{color:#fff;background-color:#0f4bac;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled.focus,.btn-microsoft[disabled].focus,fieldset[disabled] .btn-microsoft.focus{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}

.selected {
    background-color: green !important;
    color: #FFF;
	font-weight: 900;
}

#emailtable.scroll {
    width: 100%; /* Optional */
    border-spacing: 0;
}
#emailtable.scroll tbody,
#emailtable.scroll thead { 
	width:100%;
	display: block; 
}
#emailtable.scroll tbody {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
#emailtable tbody tr {
  width: 100%;
}
#emailtable thead tr {
	width:100%;
}
#emailtable td {
	width:15%;
}

#moveintable.scroll {
    width: 100%; /* Optional */
    border-spacing: 0;
}
#moveintable.scroll tbody,
#moveintable.scroll thead { 
	width:100%;
	display: block; 
}
#moveintable.scroll tbody {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
#moveintable tbody tr {
  width: 100%;
}
#moveintable thead tr {
	width:100%;
}
#moveintable td {
	width:15%;
}

#tenanttable.scroll {
    width: 100%; /* Optional */
    border-spacing: 0;
}
#tenanttable.scroll tbody,
#tenanttable.scroll thead { 
	width: 100%;
	display: block; 
}
#tenanttable.scroll tbody {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
#tenanttable tbody tr {
  width: 100%;
}
#tenanttable thead tr {
	width:100%;
}
#tenanttable td {
	width:15%;
}

.ten {
  width: 5% !important
}
.fifteen {
  width: 5%; !important
}
.thirty {
  width: 30% !important
}


#chgkeytable.scroll {
    width: 100%; /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
}

#chgkeytable.scroll tbody,
#chgkeytable.scroll thead { 
	display: block; 
}

#chgkeytable.scroll tbody {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

#chgkeytable tbody tr {
  width: 100%;
}

#chgkeytable thead tr {
	width:100%;
    /* text-align: left; */
}

a.button3{
 	display:inline-block;
	padding:0.3em 1.2em;
 	margin:0 0.3em 0.3em 0;
 	border-radius:2em;
 	box-sizing: border-box;
 	text-decoration:none;
 	font-family:'Roboto',sans-serif;
 	font-weight:300;
 	color:#FFFFFF;
 	background-color:#4eb5f1;
 	text-align:center;
 	transition: all 0.2s;
}

a.button3:hover{
 	background-color:#4095c6;
}

@media all and (max-width:30em){
 	a.button3{
  		display:block;
  		margin:0.2em auto;
 	}
}