/*Background site wide text styles */
body {
  font-size:           small;
  font-family:         Verdana, Helvetica, Arial, sans-serif;
  line-height:         1.7em;
  color:			Black;
	background-color: #F8F8FF;

}
h1 {
	font-weight: bold;
	color:#00688B;
}
h5 {
	font-size: 3em;
	font-weight: bold;
	color:black;
}
h6 {
	page-break-before: always;
}
/* unvisited link yes*/
a:link {
		color:Black;
		text-decoration:none;
}
.red {
	color:red;
}
.bold {
	font-weight: bold;
}
.badgealert{
	background-color: red;
	color:white;
}
/* visited link */
a:visited {
		color:black;
		text-decoration:none;
}

/* mouse over link */
a:hover {
	color:Blue;
	text-decoration:underline;
}

/* selected link */
a:active {
	color:Blue;
	text-decoration:underline;
}
a.nav:link {
		color:#00688B;
		text-decoration:none;
}

/* visited link */
a.nav:visited {
		color:#00688B;
		text-decoration:none;
}

/* mouse over link */
a.nav:hover {
	color:black;
	text-decoration:underline;
}

/* selected link */
a.nav:active {
	color:#00688B;
	text-decoration:underline;
}


/****************************************************
***********************Additions*********************
*****************************************************/

.card{
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 98%;
}

.maxheight {
	max-height: 350px;
}

.updates {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #00688B;
	margin-right: 10px;
	margin-left: 10px;
}
.heading {
	font-weight: bold;
	font-size: 1.25em;
	color:#00688B;
}

.floatl {
	float: left;
}
.floatr {
	float:right;
}
.bgtestb {
	background-color: blue;
}
.bgtestg {
	background-color: green;
}
.margintop10{
	margin-top: 10px;
}
.margintop20 {
	margin-top: 20px;
}
.marginbot10 {
	margin-bottom: 10px;
}
.marginbot20 {
	margin-bottom: 20px;
}
.marginlminus {
	margin-left: -15px;
}

.marginr10 {
	margin-right: 10px;
}
.marginr20{
	margin-right: 20px;
}
 .marginr40{
 	margin-right: 40px;
 }
.marginr80{
	margin-right: 80px;
}
.marginl10 {
	margin-left: 10px;
}
.marginl20 {
	margin-left: 20px;
}
.marginl40 {
	margin-left: 40px;
}
.marginl80 {
	margin-left: 80px;
}
.maxwidth{
	max-width: 98%;
}

a.calendar:hover {
	color:#00688B;
	text-decoration: none;
}

.thcolor {
	color: white!important;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border-color: black;
}

.loginbg {
	background-color: #101010;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
/****************************************************
******************End Additions**********************
*****************************************************/
.wrapper {
		width: 1330px;
	margin:0 auto;
	margin-top: -10px;
	z-index:-2;
}

/* Left side logo div. Holds company name and links*/
.logo {
	Width: 100%;
	height: 35px;
	z-index:-1;
	margin:0 auto;
	background-image: url(./img/LogoSmall.png);
	background-repeat:no-repeat;
	background-position: top left;
}
.LoginLogo {
	Width: 100%;
	height: 130px;
	z-index:-1;
	margin:0 auto;
	background-image: url(./img/Logo.png);
	background-repeat:no-repeat;
	background-position: center;
}
.logo1 {
	Width: 20%;
	height: 30px;
	z-index:0;
	float:right;
	background-position: left 20px;
}
.clear{
	clear:both;
}

.margintopnegative {
	margin-top: -10px!important;
}
.margintop {
	margin-top: 50px ;
}
/*main window with the tan background holding all the actual content*/
.main{
	Width:100%;
	margin:0 auto;
	z-index:-1;
	min-height: 800px;
	overflow:hidden;
}
/*div holding the links div on the Left side of the screen */
.left{
	min-Width:20%;
	float:left;
	font-family:Tahoma;
	text-align:right;
}
/*div holding the links on the Left side of the screen */
.links{
	Width:80%;
	margin:0 auto;
	font-family:Tahoma;
	text-align:left;
	/* border-bottom:solid;
	border-color:grey;*/
}
/*div holding the content in the middle of the screen */
.middle {
	Width:79%;
	float:left;
}

/*various divs to hold whatever content*/
.login {
	width:500px;
	margin:0 auto;
}

/*Admin page divs*/
.AdminHome{
	margin-left: 10px;
	text-align:left;
	width: 90%;
	padding:5px;
	min-height:100px;
}
/*hovering box to hold output for customer searches*/
.hoverBox {
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
	line-height: .5em;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

	}

/*hovering box to hold output for work order searches*/
.WOhoverBox {
	Width:99%;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	line-height: 1.7em;
	max-height:275px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.WOhoverBox1 {
	Width:95%;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	line-height: 1.7em;
	background-color:#a8f7b1;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

}

.calendartech{
	float:left;
	width:80%;
	max-width:80%;
}
.calendarinfo{
	float:left;
	width:19%;
	max-width:19%;
}
.PrintBox {
	max-width:90%;
	height:auto;
	/*max-height: 280px;*/
	line-height: 2em;
	border-bottom:2px solid;
	overflow:hidden;
}
.hoverBoxInfo {
	width:95%;
	margin:0 auto;
}

.hoverBoxInfo1{
	width:95%;
}


.hoverBoxButtons {
	width:95%;
	margin:0 auto;
}
.WODeschoverBox {
	Width:98%;
	height:100px;
	overflow:auto;
	line-height: 1.9em;
}
.WODeschoverBox1{
	Width:98%;
	height:100px;
	overflow:auto;
	float:left;
	line-height: 1.9em;
}

/*DESCRIPTION AND TECHNOTE BACKGROUND COLOURS*/
.WODescScrollBox{
  /*background-color: #ccffd2;*/
  border-style: inset;
}

.WONoteScrollBox{
  /*background-color: #6be879;*/
  border-style: inset;
}

/*PRINT ONLY CLASSES*/
.WOPrintDesc {
	Width:98%;
	height:auto;
	overflow:hidden;
	line-height: 1.9em;
}
.WOPrintNotes{
	Width:98%;
	height:auto;
	overflow:hidden;
	float:left;
	line-height: 1.9em;
}
/*PRINT ONLY CLASSES*/

.Selects {
	float:left;
	width:45%;
}

.WOSearch1{
	width:55%;
	float:left;

}
.WOSearch2{
	width:44%;
	float:left;

}
.WOSearchheading1{
	width:45%;
	float:left;
	text-align:left;
}

.WOSearchheading2{
	width:48%;
	float:right;
	text-align:right;
}

.WOSearchButton {
	width:95%;
}

.WOSearchButton1 {
	width:89%;
	float:left;
}

.WOSearchButton2 {
	width:8%;
	float:right;
}

.CusSearchButton1 {
	width:150px;
	float:left;
}
.CusSearchButton2 {
	width:12%;
	float:left;
}
.CusSearchButton3 {
	width:100px;
	float:right;
}
.CusSearchButton4 {
	width:120px;
	float:left;
}
.WOWrapper {
	Width:100%;
}

.WOTop {
	width:100%;
	float:left;
}

.WOTopLeft {
	Width:63%;
	float:left;
}

.WOTopright {
	Width:35%;
	float:right;
}

.WOBottom {
	Width:100%;
	float:left;
}

.CalendarWrapper {
	Width:100%;
	margin:0 auto;
}

/* Form Styling */
form#Login   {
	margin:auto;
	position:relative;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	padding:10px;
}
textarea#message {
	width:95%;
	height:75px;
	font-family: arial;
}
/*input box stylization*/
input {
	width:375px;
	display:block;
	border: 1px solid #999;
	height: 25px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*Submit input button stylization*/
input#submit {
	width:100px;
	float:left;
	right:20px;
	bottom:20px;
	background:#09C;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input#submit:hover {
	background:#fff;
	color:#09C;
}
input#edit {
	width:100px;
	float:left;
	right:20px;
	bottom:20px;
	background:#C00000;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input#edit:hover {
	background:#fff;
	color:#C00000;
}
input#createworkorder {
	width:140px;
	float:left;
	right:20px;
	bottom:20px;
	background:#C00000;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input#createworkorder:hover {
	background:#fff;
	color:#C00000;
}
input#searchallworkorder {
	width:140px;
	float:left;
	right:20px;
	bottom:20px;
	background:#3F3F3F;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input#searchallworkorder:hover {
	background:#fff;
	color:#C00000;
}
a#view {
	width:100px;
	float:left;
	right:20px;
	bottom:20px;
	background:#09C;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
a#view:hover {
	background:#fff;
	color:#09C;
}
input#back {
	width:60px;
	float:right;
	background:#09C;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input#back:hover {
	background:#fff;
	color:#09C;
}
input[type=checkbox] {
	float:right;
	width:20px;
	height:20px;
	/*margin-right:190px;*/
}
Button#submit {
	width:100px;
	float:left;
	background:#09C;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	height:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
Button#submit:hover {
	background:#fff;
	color:#09C;
}

/*Table CSS*/
table {
	width: 100%;
	border-bottom: 2px solid black;
}
table.calendar {
	width:100%;
	margin:0 auto;
	border:1px solid black;
	border-collapse: collapse;
}
table.calendar td {
	width: 14%;
	/*height:120px;*/
	vertical-align:top;
	border:2px solid black;
}
table.calendar th {
	vertical-align:top;
	border:2px solid black;
	background-color:#0066FF;
}

table.email {
	width:100%;
	margin:0 auto;
	border:1px solid black;
	border-collapse: collapse;
}


table.email th {
	width:10%;
	background-color:#0066FF;
	vertical-align:top;
	border:2px solid black;
}

table.email td {
	width: 14%;
	vertical-align:top;
	border:2px solid black;
}

td.selects{
	width: 30%;
	text-align:left;
}

td.button1{
	/*width: 150px; /*was 50%*/
	vertical-align:bottom;

}
td.button2{
	width: 10%;
	vertical-align:bottom;
	text-align:right;
}
td.button3{
	width: 5%;
	text-align:right;
}
td.button4{
	width: 70%;
	text-align:right;
}

td.WOSearchAddress{
	width: 300px;
}

input.admin[type=checkbox] {
	float:left;
	width:20px;
	height:20px;

}

input {
	width:95%;
	display:block;
	border: 1px solid #999;
	height: 25px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


/*Testing Navbar*/

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('./img/zorraloader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.pagination {
	width:40px;
	height: 40px;
	background-color: #00688B;
	color: #F8F8FF;
}

.pagination-active {
	background-color: #101010;
	color: #F8F8FF;
}

.paginationt {
	width:30px;
	height: 30px;
	background-color: #00688B;
	color: #F8F8FF;
}

.paginationt-active {
	background-color: #101010;
	color: #F8F8FF;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td  {
	padding:0px;
	padding-left: 8px;
}

#completed {
	float:none!important;
}

#confirm {
	float:none!important;
}

/* important */
.priority1 {
	background-color: #FFAAAA;
}

/* tub delivery */
.priority2 {
	background-color: #FFCCAA;
}

/* grand bend */
.priority3 {
	background-color: #FFEEAA;
}

/* swim spa delivery */
.priority7 {
	background-color: #ecbfff;
}

/* warranty */
.priority8 {
	border-style: solid;
  	border-color: red;
	border-width: thick;
}

/* completed */
.completed {
	background-color: #ababab;
}

.prioritysearch1 {
	color: #FFAAAA;
}

.prioritysearch2 {
	color: #FFCCAA;
}

.prioritysearch3 {
	color: black;
}

.notifications {
	font-size: 10px;
}

.footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;
	text-align: center!important;

}