body 
	{
		font-family			: arial, helvetica, verdana;
		color				: #555;
		background			: #f6f6f6;
		font-size			: 14px;
	}
a
	{
		outline				: 0 !important;
	}
.head-wrap
	{
		text-align			: center;
	}
.short-description
	{
		margin				: 30px 0;
	}
.form-wrap
	{
		background			: #fff;
		padding				: 30px;
		border				: 1px solid #ddd;
		border-radius		: 3px;
	}
.form-wrap h1
	{
		margin				: 0 0 20px;
	}
h1
	{
		color				: #cc6666;
		font-weight			: normal;
		font-size			: 28px;
	}
.btn-default
	{
		background			: #cc6666;
		border				: 1px solid #cc6666;
		color				: #fff;
		font-weight			: bold;
	}
.btn-default:hover
	{
		background			: #d97878;
		border				: 1px solid #cc6666;
		color				: #fff;
	}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
header ul a:active,
header ul a:hover,
header ul a:focus
	{
		outline				: 0px !important;
		-webkit-appearance	: none;
		text-decoration		: none;
		color				: #666;
	}
header
	{
		padding				: 20px 0;
		margin				: 0 0 50px;
		background			: #fff;
		border-bottom		: 1px solid #eee;
	}
header ul
	{
		float				: right;
		margin				: 0;
		padding				: 0;
		list-style			: none;
	}
header ul a
	{
		color				: #666;
		font-weight			: bold;
		display				: inline-block;
		padding				: 5px 15px;
		font-size			: 11px;
		text-decoration		: none;
		text-transform		: uppercase;
	}
header ul a:hover
	{
		text-decoration		: none;
	}
header li.active a, header ul a:hover
	{
		background			: #cc6666;
		color				: #fff;
		border-radius		: 3px;
	}
header li
	{
		display				: inline;
        position: relative;
	}
li:hover .dropdown-menu {display: block;}
header li.active ul.dropdown-menu li a {background : #f5f5f5; color: #262626}
header li.active ul.dropdown-menu li a:hover {background : #cc6666;color : #fff;border-radius : 3px;}
.content-wrap
	{
		background			: #fff;
		padding				: 30px;
		margin				: 0 0 50px;
		border				: 1px solid #eee;
		border-radius		: 3px;
	}
.content-wrap h1
	{
		margin				: 0 0 20px;
	}
table th, table td
	{
		text-align			: center;
	}
.wrap-101
	{
		overflow			: hidden;
		margin				: 0 0 30px;
	}
.wrap-101 h1
	{
		display				: inline;
	}
.filter
	{
		float				: right;
	}
a.mobile-menu-icon
	{
		float				: right;
		display				: none;
	}
a.mobile-menu-icon span
	{
		display				: block;
		width				: 25px;
		height				: 4px;
		border-radius		: 2px;
		background			: #666;
		margin				: 2px 0;
	}
.booking-single
	{
		margin				: 20px 0 0;
	}
.booking-single span
	{
		display				: block;
		background			: #aaa;
		padding				: 4px 10px;
		text-transform		: uppercase;
		font-size			: 12px;
		font-weight			: bold;
		margin				: 0 0 10px;
		color				: #fff;
		border-radius		: 3px;
	}
.booking-date
	{
		font-weight			: bold;
		color				: #444;
	}
.booking-controls span
	{
		background			: #cc6666;
		border-radius		: 3px;
		padding				: 3px;
		color				: #fff;
		font-size			: 10px;
	}
.general-notes 
	{
		border-bottom		: 1px solid #eee;
		padding				: 30px 0;
	}
/*.notes { display: none;}*/
.general-notes a
	{
		font-size			: 18px;
		font-weight			: bold;
		color				: #cc6666;
	}
.mobile-menu
	{
		display				: none;
		position			: absolute;
		top					: 62px;
		left				: 0;
		width				: 100%;
		z-index				: 100;
	}
.mobile-menu ul
	{
		list-style			: none;
		margin				: 0;
		padding				: 0;
		background			: #fff;
		box-shadow			: 0 1px 1px #555;
	}
.mobile-menu li a
	{
		display				: block;
		color				: #666;
		text-decoration		: none;
		padding				: 10px 30px;
	}
.mobile-menu li:hover a
	{
		text-decoration		: none;
		background			: #eee;
	}
.logo-small a img{ max-width:100%; }
/* Media Queries */

@media (min-width: 1200px)
	{

	}
	
@media (min-width: 768px) 
	{

	}

@media (min-width: 768px) and (max-width:990px) 
	{
		
	}

@media (max-width: 768px) 
	{
		.filter
			{
				float		: none;
			}
		.content-wrap h1, .mobile-menu
			{
				display		: block;
			}
		header ul
			{
				display		: none;
			}
		a.mobile-menu-icon
			{
				display		: inline-block;
			}
		.logo-small
			{
				float		: left;
				display		: inline-block;
			}
		.form-group select, .form-group input, .form-group textarea
			{
				margin		: 0 0 5px;
			}
		
		/* Force table to not be like tables anymore */
		.table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.table-responsive thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.table-responsive tr { border: 1px solid #ccc; }
			
		/*th{display:none}*/
		
		.table-responsive td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 100px; 
		}
		
		.table-responsive table th, .table-responsive table td {
			padding-left: 120px !important;
			text-align: left !important;
		}
		
		.table-responsive td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		
		.table-responsive td:nth-of-type(1):before { content: "Date "; }
		.table-responsive td:nth-of-type(2):before { content: "Location "; }
		.table-responsive td:nth-of-type(3):before { content: "Pilot "; }
		.table-responsive td:nth-of-type(4):before { content: "Fuel Start "; }
		.table-responsive td:nth-of-type(5):before { content: "Fuel Added "; }
		.table-responsive td:nth-of-type(6):before { content: "Fuel Finish "; }
		.table-responsive td:nth-of-type(7):before { content: "Oil Added "; }
		.table-responsive td:nth-of-type(8):before { content: "VDO Start "; }
		.table-responsive td:nth-of-type(9):before { content: "VDO Finish "; }
		.table-responsive td:nth-of-type(10):before { content: "Total Hours "; }
		.table-responsive td:nth-of-type(11):before { content: "Landings "; }
		.table-responsive td:nth-of-type(12):before { content: "Total fuel "; }
		.table-responsive td:nth-of-type(13):before { content: "Notes";/* margin: 27px 0 0;*/}


		.table-responsive #monthly-summary-table td:nth-of-type(1):before { content: "Pilot Name "; }
		.table-responsive #monthly-summary-table td:nth-of-type(2):before { content: "Total Hours "; }
		.table-responsive #monthly-summary-table td:nth-of-type(3):before { content: "Total Fuel "; }
		.table-responsive #monthly-summary-table td:nth-of-type(4):before { content: "Total Cost (Minus Fuel) "; }
		.table-responsive #monthly-summary-table td{ padding-left:180px !important; }


		.table-responsive#user_table td:nth-of-type(1):before { content: "ID "; }
		.table-responsive#user_table td:nth-of-type(2):before { content: "Email Address "; }
		.table-responsive#user_table td:nth-of-type(3):before { content: "Username "; }
		.table-responsive#user_table td:nth-of-type(4):before { content: "First Name "; }
		.table-responsive#user_table td:nth-of-type(5):before { content: "Last Name "; }
		.table-responsive#user_table td:nth-of-type(6):before { content: "Role "; }
		.table-responsive#user_table td:nth-of-type(7):before { content: "Actions "; }
		.table-responsive#user_table td{ padding-left:180px !important; }
		/*
		.xdsoft_calendar table tr td:nth-of-type(1) div { width:250px; }
		.xdsoft_calendar table tr td:nth-of-type(1):before {  }
		.xdsoft_calendar table tr td:nth-of-type(1) div:before {  }
		*/
		/*
		.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
			width:222px !important;
		}
		
		.gce-caption {
			padding-left: 40px !important;
		}
		
		.gce-page-grid {margin-bottom:40px;}
		*/
	}
	
@media (max-width: 480px) 
	{
	
	}