body {
	background-image:url('../images/sea17.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-color:black;
	background-attachment: fixed;
	text-align:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:17px;
	line-height:1;
}

.container {
	min-width:768px;
	margin-bottom: 100px;
}

.header {
	background-image:url('../images/debut_dark.png');
	background-repeat:repeat-x;
	height:45px;
	padding:5px;
	color:white;
	text-align:left;
	font-weight:bold;
	font-size:20px;
	border-radius: 5px 5px 0 0;
	margin-top:20px;
}

.header .header-label {
	margin: 8px;
	display: block;
	float: left;
	font-size: 17px;
}

.header .nav {
	float:right;
}

	.header select {
		color:#333;
		font-size:12px;
	}

.error {
    color: red;
    margin: 20px;
    text-shadow:1px 0.5px #565656;
}

.error-field {
	border: 1px solid red !important;
}

.error-label {
	color: red;
}

.excel-icon {
	width:35px;
}

.modal-header {
	border-bottom:none;
}

.modal-footer {
	border-top:none;
}

.btn-spinner {
	background-image: url('../images/spinner-white.png');
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
	margin-left: 5px;
}

.content {
	/*
	width:90%;
	position:relative;
	border:1px solid grey;
	*/
	background-color:grey;
	border-radius: 0 0 10px 10px;
	min-height:200px;
	padding:10px;
	margin:0 auto;
}




.container.login {
	width:50%;
	min-width:700px;
	text-align:center;
}

	.container.login form {
		margin:50px;
		min-width:600px;
	}
	
	.container.login form input[name='username'],
	.container.login form input[name='password'] {
		padding:5px;	
	}
	
	



.container.index {

}

	.container.index .panel-body p span {
		font-size: 10px;
		vertical-align: middle;
	}




.container.od-client-tracker-old {
	
}
	.container.od-client-tracker-old .client-tracker-header select {
		font-size:15px;
		font-weight:bold;
	}

	.container.od-client-tracker-old .client-tracker table tr th {
		border-bottom:none;	
	}
	
	.container.od-client-tracker-old .client-tracker table tr td {
		border:1px solid black;
		padding:0;
	}
	
	.container.od-client-tracker-old .client-tracker table .data {
		background-color:white;
	}
	
	.container.od-client-tracker-old .client-tracker table .data.order-box-error {
		background-color:red;
	}

	.container.od-client-tracker-old .client-tracker table .data-high {
		color:red;
	}
	
	.container.od-client-tracker-old .client-tracker table .data input[type='textbox'] {
		width:37px;
		padding:0;
		height: 24px;
		text-align:center;
		border:0;
		border-radius: 5px;
	}
	
	.container.od-client-tracker-old .client-tracker-header .excel-icon {
		float:right;
		cursor:pointer;
	}
	
	.container.od-client-tracker-old #import-iframe {
		width:100%;
		height: 200px;	
	}
	
	.container.od-client-tracker-old .iframe-container {
		display:none;	
	}




.container.od-client-tracker {
	
}

	.container.od-client-tracker input {
		width:80%;
	}

	
	.container.od-client-tracker .client {
	
	}
	
		.container.od-client-tracker .client input {
			line-height:1;
			padding:0;
			margin:0;
		}
	
		.container.od-client-tracker .glyphicon.remove-client {
			color:red;
			font-size:10px;
			cursor:pointer;
		}
		
		.container.od-client-tracker .glyphicon.edit-client {
			color:blue;
			font-size:10px;
			cursor:pointer;
		}
	
	.container.od-client-tracker .glyphicon-plus {
		color:green;
		cursor:pointer;
		float:right;
		margin:3px 7px 0 16px;
	}

	.container.od-client-tracker .client-tracker-header select {
		font-size:15px;
		font-weight:bold;
	}

	.container.od-client-tracker .client-tracker table tr th {
		border-bottom:none;	
	}
	
	.container.od-client-tracker .client-tracker table tr td {
		border:1px solid black;
		padding:0;
	}
	
	.container.od-client-tracker .client-tracker table .data {
		background-color:white;
	}
	
	.container.od-client-tracker .client-tracker table .data.order-box-error {
		background-color:red;
	}

	.container.od-client-tracker .client-tracker table .data-high {
		color:green;
	}
	
	.container.od-client-tracker .client-tracker table .data input[type='textbox'] {
		width:37px;
		padding:0;
		height: 24px;
		text-align:center;
		border:0;
		border-radius: 5px;
	}
	
	
	.container.od-client-tracker #calendar .modal-header {
		text-align:center;
	}
	
	.container.od-client-tracker .calendar .day {
		padding:10px;
		border:1px solid black;
		text-align:center;
		margin:1px;
	}
	
		.container.od-client-tracker .calendar .day .day-label {
			position: relative;
			top: -10px;
			left: -5px;
			text-align: left;
			display: block;
		}
		
		.container.od-client-tracker .calendar .day input {
			width:100%;
			text-align:center;
		}

	
	
	
	
	
.container.od-performance-tracker {
	
}
	.container.od-performance-tracker .performance-tracker-header select {
		font-size:15px;
		font-weight:bold;
	}

	.container.od-performance-tracker .performance-tracker table tr th {
		border-bottom:none;	
	}
	
	.container.od-performance-tracker .performance-tracker table tr td {
		border:1px solid black;
		padding:0;
	}
	
	.container.od-performance-tracker .performance-tracker table .data {
		background-color:white;
	}
	
	.container.od-performance-tracker .performance-tracker table .data.order-box-error {
		background-color:red;
	}

	.container.od-performance-tracker .performance-tracker table .data-high {
		color:red;
	}
	
	.container.od-performance-tracker .performance-tracker table .data input[type='textbox'] {
		width:37px;
		padding:0;
		height: 24px;
		text-align:center;
		border:0;
		border-radius: 5px;
	}
	
	.container.od-performance-tracker .performance-tracker-header .excel-icon {
		float:right;
		cursor:pointer;
	}
	
	.container.od-performance-tracker #import-iframe {
		width:100%;
		height: 200px;	
	}
	
	.container.od-performance-tracker .iframe-container {
		display:none;	
	}
	




.container.od-manage-appraisers {
	width:40%;
	min-width:650px;
	text-align:left;
}

	.appraiser-box-error {
		background-color:red;
	}
	
	.container.od-manage-appraisers input[type='checkbox'] {
		position: relative;
		top: 3px;	
	}
	

	.container.od-manage-appraisers .appraiser-new-container {
		margin:20px;
	}
		
		.container.od-manage-appraisers .appraiser-new-container .glyphicon-plus {
			color:green;
			cursor:pointer;
			padding-top: 7px;
		}

	.container.od-manage-appraisers .appraiser-container {
		margin:20px;
		border-bottom: 1px solid black;
	}
	
		.container.od-manage-appraisers .appraiser-container .appraiser-name {
			cursor:pointer;
		}
		
			.container.od-manage-appraisers .appraiser-container .appraiser-name:hover {
				text-decoration:underline;
			}
	
		.container.od-manage-appraisers .appraiser-container .orders-calendar {
			cursor: help;
		}
		
		.container.od-manage-appraisers .appraiser-container .calendar-label {
			font-size:12px;
		}
	
	.container.od-manage-appraisers .appraiser-container .glyphicon {
		float:right;
		margin-left: 10px;
	}
		.container.od-manage-appraisers .appraiser-container .glyphicon-pencil {
			color:blue;
			cursor:pointer;
		}
		.container.od-manage-appraisers .appraiser-container .glyphicon-remove {
			color:red;
			cursor:pointer;
		}
		
		.container.od-manage-appraisers .appraiser-container .appraiser-save {
			padding: 5px;
			float: right;
		}		




.container.od-manage-clients {
	width:40%;
	min-width:650px;
	text-align:left;
}

	.client-box-error {
		background-color:red;
	}
	
	.container.od-manage-clients .client-new-container {
		margin:20px;
	}
		
		.container.od-manage-clients .glyphicon-plus {
			color:green;
			cursor:pointer;
			float:right;
			margin-top:5px;
		}
		
	.container.od-manage-clients .client-find-container,
	.container.od-manage-clients .appraiser-find-container {
		margin:20px;
	}

		.container.od-manage-clients .client-find-container select,
		.container.od-manage-clients .appraiser-find-container select {
		    color: grey;
		    width: 80%;
		}

		.container.od-manage-clients .glyphicon-user {
			float:right;
			margin-top:5px;
			cursor:pointer;
		}

	.container.od-manage-clients .client-container {
		margin:20px;
		border-bottom: 1px solid black;
	}
	
	.container.od-manage-clients .client-container .glyphicon {
		float:right;
		margin-left: 10px;
	}
		.container.od-manage-clients .glyphicon-pencil {
			color:blue;
			cursor:pointer;
		}
		.container.od-manage-clients .glyphicon-remove {
			color:red;
			cursor:pointer;
		}
		
	.container.od-manage-clients .client-container .website-label .glyphicon {
		margin-left: 4px !important;
		margin-top: -2px !important;
		font-size:10px !important;
	}
	
	.container.od-manage-clients .client-container .website,
	.container.od-manage-clients .client-container .password-sheet,
	.container.od-manage-clients .client-container .notes {
		border-radius:0;
		border:1px solid #BBB7B3;
		width:100%;
		padding:5px;
		line-height:1.4;
	}
	
	



.container.od-appraisal-type-coverage {
	
}

	.container.od-appraisal-type-coverage .appraiser-find-container {
		margin:20px 20px 20px 15px;
	}

		.container.od-appraisal-type-coverage .appraiser-find-container select {
		    color: grey;
		    width: 80%;
		}

		.container.od-appraisal-type-coverage .glyphicon-user {
			float:right;
			margin-top:5px;
			cursor:pointer;
		}

	.container.od-appraisal-type-coverage .appraisal-type-coverage {
		width:96%;
	}
	
	.container.od-appraisal-type-coverage .glyphicon-plus {
		color:green;
		cursor:pointer;
		margin-top:5px;
	}

	.container.od-appraisal-type-coverage .glyphicon-remove {
		color:red;
		cursor:pointer;
	}
	
	.container.od-appraisal-type-coverage .notes {
		border-radius:0;
		border:1px solid #BBB7B3;
		width:100%;
		padding:5px;
		line-height:1.4;
	}	






.container.od-orders-calendar {
	min-width:768px;
}

	.container.od-orders-calendar .container {
		max-width:100%;
		min-width:auto;
		width:100%;
		text-align:left;
		margin:0;
	}
	
	.container.od-orders-calendar .appraisers {
		width:19%;
		float:left;
	    max-width: 200px;
	    overflow: hidden;
	}
	
		.container.od-orders-calendar .appraisers table {
			width:100%;
		}
		
		.container.od-orders-calendar .appraisers table th {
			font-size: 18px;
			height: 30px;
			vertical-align: top;
			padding: 5px 0;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
		
		.container.od-orders-calendar .appraisers table td {
			font-size:18px;
			height:26px;
			vertical-align: top;
			border:1px solid auto;
			border-bottom: 1px solid black;
			padding-top:3px;
			cursor:pointer;
		}
	
	.container.od-orders-calendar .totals {
		width:6%;
		float:left;
		text-align:center;
	}
	
		.container.od-orders-calendar .totals table {
			width:100%;
		}

		.container.od-orders-calendar .totals table th {
			font-size:18px;
			height:30px;
			vertical-align: top;
			padding:5px 0;
			text-align:center;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
		
		.container.od-orders-calendar .totals table td {
			font-size:18px;
			height:26px;
			vertical-align: top;
			border:1px solid auto;
			border-bottom: 1px solid black;
			text-align:center;
			text-shadow: 1px 1px black;
			font-weight:bolder;
			padding-top: 3px;
		}
		
		.container.od-orders-calendar .totals table td.orders-total-red {
			color:red;
		}
		
		.container.od-orders-calendar .totals table td.orders-total-yellow {
			color:yellow;
		}		
		
		.container.od-orders-calendar .totals table td.orders-total-green {
			color:#00CC17;
		}		
	
	.container.od-orders-calendar .calendar {
		float:left;
	    width: 75%;
	}
	
		.container.od-orders-calendar .calendar .refresh-checkbox {
			width:20px;
		}
	
		.container.od-orders-calendar .calendar .refresh-timer-container a {
			color:#23527c;
			text-decoration: underline;
		}
	
		.container.od-orders-calendar .calendar .calendar-year {
			font-size:11pt;	
		}
	
		.container.od-orders-calendar .calendar .order-box {
			width: 33px;
			height:25px;
			text-align:center;
			border:none;
		}
		
		.order-box-error {
			border:1px solid red !important;
		}
		
		.calendar-table  {
		    overflow: auto;
		}
		
		.container.od-orders-calendar .calendar table th {
			font-size: 12px;
			padding: 8px 0;
			height:30px;
			vertical-align: top;
			border:1px solid black;
			text-align:center;
		}
		
		.container.od-orders-calendar .calendar table td {
			font-size:18px;
			height:25px;
			vertical-align: top;
			border:1px solid black;
			text-align:center;
		}
		
		.on-vacation {
			background-color:#FF0000;
		}
		.off-vacation {
			background-color:auto;
		}
	
	.container.od-orders-calendar .first {
		font-weight:bold;
		height:40px;
	}




.container.od-yearly-numbers {
	min-width:768px;
}
	.container.od-yearly-numbers .container {
		max-width:100%;
		min-width:auto;
		width:100%;
		text-align:left;
		margin:0;
	}
	
	.container.od-yearly-numbers .yearly_numbers {
		float:left;
	    width: 65%;
	}
	
		.container.od-yearly-numbers .yearly-numbers .order-box,
		.container.od-yearly-numbers .yearly-numbers .revenue-box {
			width:100%;
			height:25px;
			text-align:center;
			border:none;
		}
		
		.container.od-yearly-numbers .yearly-numbers .delta-cell {
			background:lightgray;
			-webkit-transition:background .5s;
			-moz-transition:background .5s;
			-o-transition:background .5s;
			transition:background .5s
		}
		
		.container.od-yearly-numbers .yearly-numbers .delta-cell-updated {
			background-color:white;
		}
		
		.order-box-error {
			border:1px solid red !important;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table  {
		    overflow: auto;
		    height:530px;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table {
			/*width:100%;*/
			background-color:lightgray;
			margin:0 auto;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table th {
			font-size:13px;
			height:30px;
			border:1px solid black;
			text-align:center;
			min-width:50px;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table th.year_label {
			font-size:20px;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td {
			font-size:13px;
			height:25px;
			border:1px solid black;
			text-align:center;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td.total_label {
			font-size: 12px;
			font-weight: bolder;
			padding: 10px 5px;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td.total_monthly_label {
			font-size: 17px;
			text-decoration: underline;
			padding: 20px 0;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td.total_yearly_label {
			font-size: 20px;
			padding: 30px 0;
			line-height: 1.5;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td.holiday {
			color:#0095CC !important;
			/*text-shadow:1px 1px #003244;*/
			cursor:help;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table table td .report-delta-red {
			color:red;
		}
		
		.container.od-yearly-numbers .yearly-numbers-table .year-border {
			border-right:4px solid black;
		}
		
		.on-vacation {
			background-color:#FF0000;
		}
		.off-vacation {
			background-color:auto;
		}
	
	.container.od-yearly-numbers .yearly-numbers-header button {
		margin-bottom: 3px;	
	}
	
	.container.od-yearly-numbers .yearly-numbers-header .excel-icon {
		float:right;
		cursor:pointer;
	}
	
	.container.od-yearly-numbers .yearly-numbers-header .refresh-label-container {
		margin: 10px 0 0;
		font-size: 13px;
		display:none;
	}
	
	.container.od-yearly-numbers .yearly-numbers-header .refresh-label-container a {
		font-weight: bolder;
		color:yellow;
		text-decoration: underline;		
	}
	

	.container.od-yearly-numbers #import-iframe {
		width:100%;
		height: 200px;	
	}
	
	.container.od-yearly-numbers .iframe-container {
		display:none;	
	}





.content.ad-appraiser-profiles {
	
}

	.content.ad-appraiser-profiles .message {
		float:right;
		display:none;
		color:gray;
	}

	.content.ad-appraiser-profiles .no-profile-pic {
		font-size: 150pt;
		color: #ddd;
	}
	
	.content.ad-appraiser-profiles .profile-pic {
		min-height: 250px;
		width: 80%;
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0px auto 10px;
		background-position: center center;
	}
	
	.content.ad-appraiser-profiles .appraiser-name {
		margin-top:0;
	}
	
	.content.ad-appraiser-profiles textarea[name='notes'] {
		width:100%;
		height:100%;
	}
	
	.content.ad-appraiser-profiles .files-table {
		border:1px solid #ddd;
	}
	
		.content.ad-appraiser-profiles .files-table .glyphicon-remove {
			color:red;
			cursor:pointer;
		}
	
	.content.ad-appraiser-profiles #add-pic-modal .modal-title .fa-user-circle-o,
	.content.ad-appraiser-profiles #add-modal .modal-title .fa-upload {
		font-size:25pt;
	}
	
	.content.ad-appraiser-profiles #add-pic-modal .modal-title span,
	.content.ad-appraiser-profiles #add-modal .modal-title span {
		position: relative;
		bottom: 5px;
	}
	
	.content.ad-appraiser-profiles #add-pic-modal #add-pic-iframe,
	.content.ad-appraiser-profiles #add-modal #add-iframe {
		width:100%;
		height: 200px;	
	}
	
	.content.ad-appraiser-profiles #add-pic-modal .iframe-container,
	.content.ad-appraiser-profiles #add-modal .iframe-container {
		display:none;	
	}





.container.ad-technology-fees {
	
}

	.container.ad-technology-fees input {
		width:80%;
	}

	
	.container.ad-technology-fees .client {
	
	}
	
		.container.ad-technology-fees .client input {
			line-height:1;
			padding:0;
			margin:0;
		}

	.container.ad-technology-fees .technology-fees-header select {
		font-size:15px;
		font-weight:bold;
	}

	.container.ad-technology-fees .technology-fees table tr th {
		border-bottom:none;	
	}
	
	.container.ad-technology-fees .technology-fees table tr td {
		border:1px solid black;
		padding:0;
	}
	
	.container.ad-technology-fees .technology-fees table .data {
		background-color:white;
	}

	.container.ad-technology-fees .technology-fees table .data input[type='textbox'] {
		width:55px;
		padding:0;
		height: 24px;
		text-align:center;
		border:0;
		border-radius: 5px;
		font-size:13px;
	}
	
		.container.ad-technology-fees .technology-fees table .data.has-note:after {
			border-color: red red transparent transparent;
			content: "";
			display: inline-block;
			border-width: 3px;
			border-style: solid;
			position: absolute;
			margin-left: 41px;
		}
		

	
	.container.ad-technology-fees .technology-fees table .total {
		font-size:14px;
		vertical-align: middle;
		background-color:lightgray;
		font-weight:bolder;
	}	
	
	.container.ad-technology-fees #calendar .modal-header {
		text-align:center;
	}
	
	.container.ad-technology-fees .calendar .day {
		padding:10px;
		border:1px solid black;
		text-align:center;
		margin:1px;
	}
	
		.container.ad-technology-fees .calendar .day .day-label {
			position: relative;
			top: -10px;
			left: -5px;
			text-align: left;
			display: block;
		}
		
		.container.ad-technology-fees .calendar .day input {
			width:100%;
			text-align:center;
		}






/* ALIGNMENT */
.mar-top-0 {margin-top:0;}
.mar-top-5 {margin-top:5px;}
.mar-top-10 {margin-top:10px;}
.mar-top-15 {margin-top:15px;}
.mar-top-20 {margin-top:20px;}
.mar-top-30 {margin-top:30px;}
.mar-top-40 {margin-top:40px;}
.mar-top-50 {margin-top:50px;}
.mar-top-55 {margin-top:55px;}
.mar-top-60 {margin-top:60px;}
.mar-top-65 {margin-top:65px;}
.mar-top-70 {margin-top:70px;}
.mar-top-75 {margin-top:75px;}
.mar-top-100 {margin-top:100px;}

.mar-bot-0 {margin-bottom:0;}
.mar-bot-5 {margin-bottom:5px;}
.mar-bot-10 {margin-bottom:10px;}
.mar-bot-15 {margin-bottom:15px;}
.mar-bot-20 {margin-bottom:20px;}
.mar-bot-30 {margin-bottom:30px;}
.mar-bot-40 {margin-bottom:40px;}
.mar-bot-50 {margin-bottom:50px;}
.mar-bot-75 {margin-bottom:75px;}
.mar-bot-100 {margin-bottom:100px;}

.mar-left-0 {margin-left:0;}
.mar-left-10 {margin-left:10px;}
.mar-left-20 {margin-left:20px;}
.mar-right-0 {margin-right:0;}
.mar-right-10 {margin-right:10px;}
.mar-right-20 {margin-right:20px;}


.mar-0 {margin:0;}
.mar-5 {margin:5px;}
.mar-10 {margin:10px;}
.mar-20 {margin:20px;}
.mar-50 {margin:50px;}

.pad-5 {padding:5px;}
.pad-10 {padding:10px;}
.pad-20 {padding:20px;}
.pad-50 {padding:50px;}

.pad-top-bot-5 {padding-top:5px;padding-bottom:5px;}
.pad-bot-0 {padding-bottom:0;}
.pad-left-0 {padding-left:5px !important;}
.pad-left-5 {padding-left:5px !important;}
.pad-left-10 {padding-left:10px;}
.pad-left-20 {padding-left:20px;}
.pad-left-25 {padding-left:25px;}
.pad-left-30 {padding-left:30px;}
.pad-right-0 {padding-right:0px !important;}

.float-left {float:left;}
.float-right {float:right;}


/* SIZE */
.width-100 {width:100%;}
.width-75 {width:75%;}
.width-66 {width:66%;}
.width-50 {width:50%;}
.width-33 {width:33%;}
.width-25 {width:25%;}
.width-20 {width:20%;}
.width-15 {width:15%;}
.width-10 {width:10%;}
.width-5 {width:5%;}
.height-100 {height:100%;}


/* FONTS */
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-top {vertical-align: top;}
.bold {font-weight:bolder;}
.italic {font-style: italic;}
.underline {text-decoration:underline;}
.font-xxs {font-size:8px;}
.font-xs {font-size:10px;}
.font-sm {font-size:12px;}
.font-md {font-size:14px;}
.font-lg {font-size:16px;}
.font-xlg {font-size:18px;}
.font-xxlg {font-size:20px;}
.font-xxxlg {font-size:30px;}
.font-xxxxlg {font-size:40px;}




/* COLORS */
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.lt-grey {color:lightgray};


/* CURSORS */
.cursor-pointer {cursor: pointer;}
.cursor-wait {cursor: wait;}