#pal-plan-main {
	padding: 5px 10px;
}

body {
	margin: 8px 0;
	font-family: Verdana, Arial, sans-serif;
}

/*******Header Styles*************/

header {
	margin-top: 10px;
	position: relative;
}

header nav {
	background-color: #f5f5f5;
	border: 1px solid lightgray;
}

header nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

header nav ul li {
	display: inline;
	margin: 0;
}

header nav ul li a {
	padding: 10px 12px;
	display: inline-block;
	color: black;
	border-right: 1px solid lightgray;
	text-decoration: none;
}

header nav ul li a:hover {
	background-color: darkgray;
	background-image: linear-gradient(#eee, #d1d1d1)
}

header nav ul li a:active {
	background-color: #666;
	background-image: linear-gradient(#d1d1d1, #eee)
}

header nav ul li a.active-nav-link {
	background-color: #666;
	background-image: linear-gradient(#d1d1d1, #eee)
}

#logo {
	max-width: 100%;
}

#user-info {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	margin: 7px;
	font-size: 10pt;
}

/*******Main*********************/
.report-div {
	padding: 0 10px !important;
	margin: 7px 0 !important;
}


.download-button {
	min-height: 30px;
	min-width: 70px;
	font-size: 10pt;
	margin: 10px 0;
	box-shadow: 1px 1px 3px #ccc;
}

/*******Export Dialog************/

#export-dialog{
	max-width: 600px;
	width: auto;
}
.export-checkbox {
	display:block;
}

.modal-title {
	margin: 0 0 0.6em 0;
}

.modal-header {
	margin-bottom: 10px;
}

.modal-body {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex-basis: content;
	max-height: 400px;
}

a.modal-buttons {
	float:right;
}

.modal-buttons button {
	margin: 2px;
}

/*******Table Styles*************/
.groceryCrudTable td {
	max-width: 280px;
}

td.fitwidth {
	width: 1px;
	white-space: nowrap;
}

.edit-action {
	margin: 2px 0 2px 0;
}

.button-action {
	margin: 2px 0 2px 0;
}

.max-width {
	width: 100%;
}

.dataTables_wrapper table.groceryCrudTable.dataTable{
	overflow-x: auto;
	display: block;
}


table.dataTable thead th {
	padding: 0 6px 0 10px;
}

.extra-table-tools-container {
	width: 160px;
}
.files-checkbox {
	height:20px;
	width:20px;
}

.flexigrid td.complete-cells {
	white-space: normal!important;
}

/************Footer*************/

.disclaimer-label {
	font-size: 8pt;
	color: darkgray;
	float: right;
	margin-top: 4px;
	margin-right: 6px;
}


/************Login*************/


#login-main {
	margin: 40px auto;
	width: 500px;
	background-color: #f0f0f0;
	padding: 30px;
	border-radius: 15px;
	border: 2px solid lightgray;
}

#login-form-container form label {
	width: 200px;
	display: inline-block;
	text-align: right;
}

#login-form-container {
	width: 400px;
	margin: auto;
	position: relative;
}


#login-form-container input {
	width: 180px;
}


#login-form-container input {
	width: 180px;
}

#login-form-container input#remember {
	width: 15px;
}

#login-form-container input#login-submit {
	font-weight: bold;
	width: 100px;
	padding: 5px;
	margin-top: 10px;
	position: absolute;
	right: 0;
	font-size: 16px;
}


/**********Responsive***********/

@media /*all and*/ (max-width: 768px) {
	#user-info{
		display:none;
	}

}