/*==============================================================
// Project: Maxey Logistics
// Designed by Techwebhosting.com
// Copyright 2015-Present Maxey Logistics.
// All rights reserved.
//==============================================================*/
/* ----- General ----- */
/*
GREEN #29b74e
PURPLE #9b59b6
BLUE #0891d1
*/
html							{ background: #272727; }
h1								{ font-size: 18px; font-family:Tahoma; color: #0891d1; margin: 0; padding: 0px; }
body,a,p						{ font-size: 14px; font-family:Tahoma; color: #aaaaaa; margin: 0; padding: 0px; word-wrap: break-word; }
.normal							{ color: #29b74e; }
.info							{ color: #9b59b6; }
.alert							{ color: red; }

#background	 					{ background: #272727; }
#container 	 					{ width:1000px; margin: auto; padding: 20px 20px 20px 20px; }

/* ----- Top ----- */
#top							{ width: 100%; height: 100px; }
#top_logo						{ float: left; width: 400px; height: 100px; background: url(/images/logo.png) no-repeat; }
#top_icons						{ float: right; padding: 35px 0px 0px 0px; }
#top_icons div					{ float: left; }

/* ----- Navigation ----- */
#nav							{ height: 30px; font-size: 16px; background: #424242; border-top-left-radius:10px; border-top-right-radius:10px; }
#nav ul							{ margin: 0; }
#nav ul li						{ float: left; list-style-type:none; display: inline-block; }
#nav ul li a					{ font-weight: bold; display: inline-block; padding: 5px 75px 5px 75px; color: #FFF; }
#nav ul li a:hover				{ color: #0891d1; }
#subnav							{ padding: 10px 10px 10px 10px; color: #FFF; background: #424242; border-radius:10px; }
#subnav	a						{ color: #FFF; }
#subnav	a:hover					{ color: blue; }
#user_nav						{ }
#admin_nav						{ }


/* ----- Content ----- */
#content						{ background: #424242; padding: 0px 10px 0px 10px; }
#content_content				{ min-height: 400px; background: #333333; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_full		{ width: 100%; }
#content_content_box_left		{ float: left; width: 290px; height: 400px; color: #aaaaaa; background: #424242; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_center		{ margin: auto; width: 290px; height: 400px; color:#aaaaaa; background: #424242; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_right		{ float: right; width: 290px; height: 400px; color: #aaaaaa; background: #424242; padding: 10px 10px 10px 10px; border-radius:10px; }
#content_content_box_main_center		{ width: 600px; text-align: center; color: #aaaaaa; background: #424242; padding: 10px 0px; border-radius:10px; margin: 20px auto; }
#content_content_box_logs_1		{ min-height: 40px; max-height: 300px; overflow:auto; background: #272727; padding: 10px; margin: 20px auto 0px auto; border-style: solid; border-color: #aaaaaa; }
#content_content_box_logs_2		{ min-height: 40px; max-height: 300px; overflow:auto; background: #272727; padding: 10px; margin: 20px auto 0px auto; border-style: solid; border-color: #aaaaaa; }
#content_content_box_logs_3		{ min-height: 40px; max-height: 300px; overflow:auto; background: #272727; padding: 10px; margin: 20px auto 0px auto; border-style: solid; border-color: #aaaaaa; }
#content_content_box_full_logs	{ color: #aaaaaa; background: #424242; padding: 10px; border-radius:10px; margin: 20px auto 0px auto; }
#log_box						{ overflow:auto; }
#log_box_outer 					{ }
#chart {
	width: 290px;
	max-height: 400px;
	background: #424242;
}
table.input						{ color: #FFF; background: #424242; }
table.input td					{ color: #FFF; }
table.input th					{ color: #FFF; }
table.input tr					{ color: #FFF; }
table.input a					{ color: #FFF; }
table.input input				{ color: #3a3838; background: #DFDFDF; }
table.input select				{ color: #3a3838; background: #DFDFDF; }
table.input textarea			{ color: #3a3838; background: #DFDFDF; }
table.data						{ width: 100%; color: #3a3838; background: #aaaaaa; border-collapse: collapse; border:2px solid #3a3838; }
table.data td					{ color: #3a3838; background: #aaaaaa; border-collapse: collapse; border:1px solid #3a3838; padding: 5px; }
table.data th					{ color: #3a3838; background: #aaaaaa; border-collapse: collapse; border:1px solid #3a3838; padding: 5px; }
table.data tr					{ color: #3a3838; background: #aaaaaa; border-collapse: collapse; border:1px solid #3a3838; padding: 5px; }
table.data a 					{  }
table.box						{ width: 100%; border-collapse: separate; }
table.box td					{ width: 300px; vertical-align: top; text-align:center; }
table.box th					{  }
table.box tr					{ clear:both; }
table.box a 					{  }

/* ----- Chart.JS ----- */
#charts							{ width: 100%; }
#charts_left					{ width: 450px; margin: auto; }
#charts_right					{ width: 450px; margin: auto; }
.chart-container {
    width: 290px;
    height:200px
}

/* ----- Footer ----- */
#footer							{ width: 100%; height: 10px; background: #424242; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#footer ul						{ }
#footer ul li					{ list-style-type:none; padding:10px 0px 0px 0px;}
#footer span					{ font-weight: bold; color:#FFF; padding:0px 0px 0px 45%; text-decoration: underline; }
/* -- EOF -- */