/* ================================================================= Page ====================================================== */
    body
		{
			font-family: sans serif, freesans, arial;
			font-size: 0.75em;
			margin:0px;
			overflow-y: scroll;
			padding:0px;
            padding-top: 5px;
            line-height: 1.5em;
            width:100%;
		}	
	.page_container
		{
		    margin: 0 auto;
			border-radius:5px;
			padding:0px;
			min-width:1009px;
			width:80%;
		}
/* ================================================================= Menu ====================================================== */
    .menu
		{
            background-color:rgba(0,0,0,0.05);
			border-radius:10px;
			float:left;
			margin: 0px;
			margin-right: 0px;
			padding: 0px;
			width: 200px;
            display: inline-block;
		}
	.menu_footer
		{
			color: #000000;
			font-size:0.75em;
            padding: 15px;
			text-align: center;
		}
	/* ------------------------------------------------------------ Menu: Logo ------------------------------------------------ */
	#logo_container
		{
			font-size: 0.7em;
			font-weight: bold;		
			margin: 0px;	
			padding:0px;
			position: relative;
			
		}	
	#logo_container .logo
		{
            border-radius: 10px;
            box-shadow: 0px 0px 0px;
            float: left;
			margin: 5px;	
		}
	#logo_container .tagline
	    {
	        /*display: inline-block;*/
	        bottom: 0px;
	        float: left;
	        left: 85px;
	        padding: 5px;
	        position: absolute;
	        
	    }
	.tagline
	    {
	        line-height:15px;        
	    }
	.clearfix:after
	    { 
            content: " ";
            display: block; 
            height: 0; 
            clear: both;
        }
    /* ------------------------------------------------------------ Menu: Info ------------------------------------------------ */
	#info_container
		{
			background-color:rgba(0,0,0,0.15);
			color:#444444;
			font-size: 0.65em;
			font-weight: bold;
			height:20px;
		}
	.taskbar_icon
		{
			height:20px;
			vertical-align: middle;
			width: 20px;
		}
	.user_cell
		{
			float:left;
			text-overflow: ellipsis;
			overflow:hidden;
			white-space: nowrap;
			width: 42%;
		}
	.mail_cell
		{
			float:left;
			text-overflow:ellipsis;
			overflow:hidden;
			white-space: nowrap;
			width: 23%;
		}
    .mail_count
		{
			border-radius:0px;
			color:#FFFFFF;
			font-size:0.85em;
			font-weight:bold;
			padding:0px;
			text-align:center;
			text-shadow: 0px 0px 2px #ee7700;
		}
	.time_cell
		{
			float:left;
			text-overflow:ellipsis;
			overflow:hidden;
			white-space: nowrap;
			width: 35%;		
		}
    /* ------------------------------------------------------------ Menu: Item Container  ------------------------------------------------ */	
     #menu_container
    	{
    	    
		}
     /* ------------------------------------------------------------ Menu: Item  ------------------------------------------------ */    
    .menu_item
		{
			border-radius:10px;
			cursor:pointer;
			font-weight:bold;
			font-size:0.75em;
			height:17px;
			line-height:17px;
			margin-bottom: 2px;
			margin-top: 2px;
			padding:2px;
			padding-left:7px;
            text-overflow:ellipsis;
		}
	.menu_item a
		{
			color:#000000;
			text-decoration: none;
		}
	.menu_item:hover
		{
			background-color:rgba(50,50,50,0.75);
			border:0px ridge #222222;
			border-radius:0px;
			color:#FFFFFF;
		}
	.menu_item:hover a
		{
			color: #FFFFFF;
		}
	.menu_item_selected
		{
			background-color: transparent;
			border-bottom-right-radius:0px;
			border-top-right-radius:0px;
			color:#000077;
		
		}
	.menu_item_selected a
		{
			color: #555555;
		}
	.menu_item_selected:hover
		{
			background-color: transparent;
    		border-bottom-right-radius:0px;
			border-top-right-radius:0px;
		
		}
	.menu_item_selected:hover a
		{
            color: #555555;
		}
	.menu_toolbar
		{
			background-color:rgba(200,200,200,0.60);
			border-radius:0px;
			padding:0px;
			width:100%;
		}
	.menu_toolbar td
		{
			padding:0px;
			padding-right:7px;
			vertical-align:top;
		}
		
	.menu_link_new_tab
	    {
	        float:right;
	        opacity: 0.25;
	    }
	/* ------------------------------------------------------------ Menu: Group ------------------------------------------------ */
	.group_title
		{
			background-color:rgba(50,50,50,0.95);
			color:#FFFFFF;
			cursor:pointer;
			font-size:0.75em;
			font-weight:bold;
			height:17px;
			line-height:17px;
			margin:0px;
			padding:1px;
			padding-left:7px;
		}
	.group_title:hover
		{
			background-color:rgba(70,70,70,0.95);
		}
	.group_title_selected
		{
			background-color:rgba(100,100,100,0.95);
			color:#FFFFFF;
			text-shadow: 0px 0px 2px #000000;
			cursor:pointer;
			font-size:0.75em;
			font-weight:bold;
			height:17px;
			line-height:17px;
			margin:0px;
			padding:1px;
			padding-left:7px;
		}
	.group_footer
		{
			background-color:rgba(100,100,100,0.95);
			cursor:pointer;
			height: 7px;
		}
	.menu_group
		{
			border-radius: 5px;
			background-color: transparent;
			margin-bottom: 2px;
			margin-top: 2px;
			padding:0px;
		}
	.menu_group_contents
		{
			display:none;
		}
	.menu_group_contents_selected
		{
			display:block;
		}
	.menu_group_container
		{

		}
	.group_title:hover a
		{
			color: #FFFFFF;
		}
	/* ------------------------------------------------------------ Application ------------------------------------------------ */
	h1
		{
			color: #777777;
			font-size: 1.25em;
			font-weight: normal;
            margin: 0px;
			text-align: right;
            padding: 10px;
            position: relative;
			margin-bottom:0px;
		}
    h2, h3, h4
    	{
            padding-left: 14px;
    	} 
    p
		{
			margin:4px;
			padding: 4px;
			padding-left: 10px;	
		}
	table 
		{ 
            background-color:rgba(255,255,255,1);
			border: 0px solid #ddd;
			border-collapse: separate;
			border-left: 0;
			border-radius: 10px;
			border-spacing: 0px;
            padding: 2px;
		}
	thead
		{
			display: table-header-group;
			vertical-align: middle;
			border-color: inherit;
			border-collapse: separate;
		}
	tr
		{
			display: table-row;
			vertical-align: inherit;
			border-color: inherit;
		}
	th, td
		{
			padding: 5px 4px 6px 4px; 
			text-align: left;
			vertical-align: top;
			border-left: 0px solid #ddd;    
		}
	td
		{
			border-top: 0px solid #ddd;    
		}
    table.standard_table
		{
			border: 1px solid #CCCCCC;
			border-radius:10px;
			font-size: 0.85em;
			margin:5px;
			width:100%;
		}
	table.standard_table th
		{
			color:#000000;
			font-size: 0.85em;
			padding:1px;
			text-align: right;
		}
	table.standard_table td
		{
			padding:1px;
			text-align: center;
			width:90px;
		}
	thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child
		{
			border-radius: 4px 0 0 0;
		}
	thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child
		{
			border-radius: 0 0 0 4px;
		}
	tbody:last-child tr:last-child td:last-child
		{
			border-radius: 0px 0 4px 0px;
		}
        
        

	/* ------------------------------------------------------------ Application: Custom ------------------------------------------------ */
	.action_message p
		{
			background-color:#EE7700;
			border: 1px outset #555555;
			border-radius:10px;
			color:#FFFFFF;
			font-size:0.75em;
			font-weight:bold;
			margin:0px;
			margin-bottom:2px;
			padding:10px;
			text-shadow: 0px 0px 3px #000000;
			text-decoration: blink;
		}
    .application
        {
            position: relative;
            border: 0px;
            border-radius:10px;
            display: inline-block;
            margin-left: 4px;
            padding-right: 0px;
            width: -moz-calc(100% - 208px);
	    	width: -webkit-calc(100% - 208px);
	    	width: calc(100% - 204px);
        }
	.application_container
		{
            left: 0px;
            margin: 0px;
            padding: 0px;
            width: calc(100% - 8px);
		}
	.application_container .application_container
		{
			border-radius:15px;
			border: 0px;
			margin-left: 0px;
			padding: 0px;
			position: relative;
			margin: 0px;
            padding: 0px;
		}
	.application_row
		{
		    display: inline-block;
			border:0px;
			height: 100%;
			width: 100%;
			margin: 0px;
            padding: 0px;
            
		}
	.application_cell
		{
			border:0px;
			float: left;
			display: inline-block;
			height: 100%;
            margin: 0px;
            padding: 0px;
            vertical-align: top;
            width: 100%;
		}
	.result_message p
		{
			background-color:#EE7700;
			border: 1px outset #555555;
			border-radius:10px;
			color:#FFFFFF;
			font-size:0.75em;
			font-weight:bold;
			margin:0px;
			margin-bottom:2px;
			padding:10px;
			text-shadow: 0px 0px 3px #000000;
		}

	/* ------------------------------------------------------------ Form ------------------------------------------------ */
	caption
		{
			caption-side: top;
			color: #000000;
			font-size:1em;
			font-weight: bold;
            margin-bottom: -7px;
			padding-left:10px;
			text-align:left;
    		text-shadow: 0px 0px 5px #FFFFFF;
		}
	fieldset
		{
			background-color:rgba(220,220,220,0.35);
			border:0px outset #AAAAAA;
			border-radius:10px;
			display: block;
			color:#000000;
			font-size:0.85em;
            left:0px;
            margin: 0px;
            margin-top: 2px;
            padding: 2px;
            
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            
		}
	input
		{
			background-color:rgba(255,255,255,1);
			border:1px inset #777777;
			border-radius:4px;
			color:#000000;
			font-size:1em;
			font-family: sans-serif;
			margin: 0px;
			margin-bottom:5px;
			padding:2px;
			width:200px;
		}
	input:disabled, select:disabled, textarea:disabled
	    {
	  
			background-color:rgba(255,255,255,0.75);
			border:0px inset #777777;	
			/*text-shadow: 0px 0px 2px #FFFFFF; */
	    }
	:disabled
		{
			background-color:rgba(255,255,255,0.1);
			border:0px inset #777777;	
		}
	input[readonly]
		{
			background-color: transparent;
			border:0px;
		}
	input[type=button]
		{
			background-color: #777777;
			border:1px solid #333333;
			border-radius: 5px;
			color: #FFFFFF;
			cursor: pointer;
			font-size: 1em;
			font-weight: normal;
			margin: 2px auto;
			padding:2px;
			top: -2px;
			position:relative;
			text-shadow: 0px 0px 1px #000000;
			width:125px;
		}
	input[type=button]:hover
		{
			background-color: #555555;
			border: 1px solid #FFFFFF;
			box-shadow: 0 0 2px 2px #FFFFFF;
			color: #FFFFFF;
			cursor: pointer;
			text-shadow: 0px 0px 1px #FFFFFF;
		}
	input[type="checkbox"]
		{
			color: #000000;
			margin-left: -1px;
			width: 20px;
		}
	input[type="email"]
		{
			height:14px;
			margin-top:1px;
			margin-bottom:1px;
		}
	input[type=file]:disabled
	    {
	        color:transparent;
	    }
	input[type=password]
		{
			height:14px;
			margin-top: 1px;
			margin-bottom: 1px;
		}
	input[type=submit]
		{
			background-color: #777777;
			border:1px solid #333333;
			border-radius: 5px;
			color: #FFFFFF;
			cursor: pointer;
			float:right;
			font-size: 1em;
			font-weight: normal;
			margin:2px;
			padding:2px;
			text-shadow: 0px 0px 1px #000000;
			width:125px;
		}
	input[type=submit]:hover
		{
			background-color: #555555;
			border: 1px solid #FFFFFF;
			box-shadow: 0 0 2px 2px #FFFFFF;
			color: #FFFFFF;
			cursor: pointer;
			text-shadow: 0px 0px 1px #FFFFFF;
		}
	.application_container input[type=text]
		{
			height:14px;
		}
	label
		{
			color:#111111;
			display: inline-block;
			font-size:0.8em;
			font-weight:bold;
			line-height:2em;
			margin-top: 0px;
			padding: 0px;
			text-shadow: 0px 0px 3px #FFFFFF;
			vertical-align: top;
			width: 100px;
			padding-left: 4px;
		}
	legend
		{
			color:#ffffff;
			font-size:0.8em;
			font-weight:bold;
			padding: 0px;
			padding-left:3px;
			text-shadow: 0px 0px 3px #000000;
			
			margin-bottom:0px;
			line-height:1.3em;
		}
	select
		{
			border-radius:5px;
			border: solid 1px #333333;
			color: #000000;
			font-size:1em;
			height:20px;
			margin-bottom:5px;
			margin-right:0px;
			text-overflow:ellipsis;
			width:175px;
		}
	textarea
		{
			color: #000000;
			background-color:rgba(255,255,255,1);
			border: solid 1px #333333;
			border-radius:5px;
			font-size:1em;
			font-family: sans-serif;
			height:60px;
			margin:0px;
			margin-top:1px;
			margin-bottom:1px;
			padding: 2px;
			width:100%;
		}
	iframe
	    {
	        border: 0px;
	        border-radius: 5px;
	        margin: 4px;
	        width: calc(100% - 8px);
	        height: 100%;
	    }
	/* ------------------------------------------------------------ Form: Custom ------------------------------------------------ */
	.clear
		{
			clear: both;
		}
	.inline_label
		{

			line-height: 2em;
			vertical-align:bottom;
		}
	.input50
		{
			width:50px;
		}
	.input75
		{
			width:75px;
		}
	.weblink
		{
			color: #0000FF;
			font-size:0.75em;
			font-weight: bold;
			text-decoration: none;
		}
	.text_right
		{
			text-align: right;

		}
	.text_center
		{
			text-align: center;
		}
	.height_15
		{
			height:15px;
		}
	.height_30
		{
			height:30px;
		}
	.height_400
		{
			height:400px;
		}
	.height_500
		{
			height:500px;
		}
	.width_25
		{
			width:25px;
		}
	.width_50
		{
			width:50px;
		}
	.width_75
		{
			width:75px;
		}
	.width_100
		{
			width:100px;
		}
	.width_125
		{
			width:125px;
		}
	.width_150
		{
			width:150px;
		}
	.width_200
		{
			width:200px;
		}
	.width_225
		{
			width:225px;
		}
	.width_249
		{
			width:249px;
		}
	.width_250
		{
			width:250px;
			padding-right:0px;
		}
	.width_650
		{
			width:650px;
		}
	.width_33pc
		{
			width:33%; /* !important */
		}
	.width_50pc
		{
			width:50%; /* !important */
		}
	.width_100pc
		{
			width:100%; /* !important */
		}
	.width_100pc_label
		{
			width:calc(100% - 114px); /* !important */
		}
	.width_95pc_label
		{
			width:calc(95% - 114px); /* !important */
		}
	.width_90pc_label
		{
			width:calc(90% - 114px); /* !important */
		}
	.width_80pc_label
		{
			width:calc(80% - 114px); /* !important */
		}
		
		
	.spacer
		{
			line-height:2em;
		}
	.duplicate_check
		{
			background-color: #FFFFFF;
			border-radius: 5px;
			color:#000000;
			display:inline-block;
			font-weight:bold;
			height:50px;
			padding:10px;
			width:230px;
		}
	.duplicate_check_ok
		{
			background-color: #00FF00;
			color: #FFFFFF;
		}
	.duplicate_check_duplicate
		{
			background-color: #FF0000;
			color: #FFFFFF;
		}
	.find_link
		{
			color:#ee7700;
			font-weight:bold;
			text-decoration: none;
		}
	.find_link:visited
		{
			color:#003300;
			font-weight:bold;
			text-decoration: none;
		}
	.inline_label
		{
			font-weight:bold;
			color:#DA2028;
			width:auto;

		}
	.checkbox_group_span
		{

			float:left;
			width:20%;
			text-align:right;
		}
	.direction_button
		{
			background-color: #CCCCCC !important;
			color:#444444 !important;
		}
	.footer
		{
			background-color: transparent;
			border:0px;
			bottom:0px;
			color:#777777;
			font-size: 0.75em;
			height: 15px;
			padding-top:10px;
			text-align: center;
            width: 100%;
		}
	.page_footer a
		{
			color:#777777;
		}

	/* ------------------------------------------------------------ Extensions ------------------------------------------------ */

	/* ------------------------------------------------------------ Extensions: Tablesorter ----------------------------------- */
	table.tablesorter
		{
			background-color:rgba(0,0,0,0.80);
			font-family:arial, sans-serif;
			font-size: 0.9em;
			margin:5px 0pt 0px;
			padding:4px;
			table-layout: fixed;
			text-align: left;
			width: 100%;
		}
	table.tablesorter a
		{
			margin:5px;
			text-shadow: 0px 0px 0px #FFFFFF;
		}	
	table.tablesorter tbody td
		{
			border-left:1px solid #AAAAAA;
			border-top:1px solid #AAAAAA;
			color: #000000;
			padding: 3px;
			background-color: #FFFFFF;
			text-align: left;
			vertical-align: top;
			overflow: hidden;
			width:auto;
		}	
	table.tablesorter td
		{
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
	table.tablesorter tbody tr.odd td
		{
			background-color:#F0F0F6;
		}
	table.tablesorter tbody tr:hover td
		{
			background-color:rgba(170,170,170,0.95);
			cursor: pointer;
		}
	table.tablesorter thead tr th, table.tablesorter tfoot tr th
		{
			color:#FFFFFF;
			padding: 2px;
			text-align:left;
		}
	table.tablesorter thead tr .header
		{
			background-image: url(../../../core/plugin/jquery/tablesorter/bg.gif);
			background-repeat: no-repeat;
			background-position: center right;
			cursor: pointer;
		}
	table.tablesorter thead .header
		{
			text-align:left;
		}
	table.tablesorter thead tr .headerSortUp
		{
			background-image: url(../../../core/plugin/jquery/tablesorter/asc.gif);
		}
	table.tablesorter thead tr .headerSortDown
		{
			background-image: url(../../../core/plugin/jquery/tablesorter/desc.gif);
		}
	table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
		{
			background-color: #AAAAAA;
			color: #FFFFFF;
		}

	/* ------------------------------------------------------------ Extensions: Autocomplete --------------------------------------- */
	li.ui-menu-item
		{
			font-size:0.85em !important;
		}
	.key_item
		{
			background-color:#FFFFFF;
			color:#0000DD;
			padding:8px;
			border-radius:5px;
			width:11%;
			text-align:center;
			border:1px solid #000000;
		}
			
	/* ------------------------------------------------------------ Extensions: Blinkme --------------------------------------- */
	.blink_me
		{
			animation-name: blinker;
			animation-duration: 1s;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
		}
	@keyframes blinker
		{
			0% { opacity: 1.0; }
			50% { opacity: 0.0; }
			100% { opacity: 1.0; }
		}

	/* ------------------------------------------------------------ Extensions: Datepicker --------------------------------------- */
	.ui-datepicker table 
		{
			background-color:#ee7700;
			color:#FFFFFF;
		}

	/* ------------------------------------------------------------ Extensions: JQuery Validate Engine --------------------------------------- */
	.formError .formErrorContent
		{
			background-color:rgba(255,100,0,0.95);
			border:1px solid;
			font-size:0.85em;			
			font-weight:bold;
			text-shadow: 0px 0px 2px #000000;
			
		}
	.formError .formErrorArrow div
		{
			background-color:rgba(255,100,0,0.95);
			font-size:0.85em;
			font-weight:bold;
			text-shadow: 0px 0px 2px #000000;
		}
	
	/* ------------------------------------------------------------ Extensions: Sortable -------------------------------------- */
	#sortable 
		{ 
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 750px;
		}
	#sortable li
		{
			margin: 3px 3px 3px 0;
			padding: 10px;
			float: left;
			width: 75px;
			height: 75px;
			font-size: 1em;
			text-align: center;
			background-color: #AAAAAA;
			color:#000000;
			vertical-align: middle;
			font-weight:bold;
		}

	/* ------------------------------------------------------------ Extensions: Visualize --------------------------------------- */
	.visualize .visualize-title
		{
			color:  #DA2028;
			font-size:1em;
			text-shadow: 0px 0px 5px #FFFFFF;
		}
		
	/* ------------------------------------------------------------ Extensions: BOM --------------------------------------- */
	.bom_input
		{
			float:right;
			margin:0px;
			padding:0px;
			position: relative;
			text-align:center;
			width:50px;
		}
	.bom_input[readonly]
		{
			border:0px;
		}  
        
    iframe
        {
            height: 768px;   
        }
       
/* ======================================== Add Above, Tidy ========================================*/
:disabled
    {
        background-color:#EEEEEE;
    }
.results_icon
    {
        display: inline-block;
        margin:0px;
        margin-left: 25%;
        margin-right: auto;
        width:12px;
        
    }
.header
  	{
   		text-shadow: 0px 0px 2px #000000;
   	}
.line_table thead tr:first-child th
    {
       background-color: rgba(255,100,0,1);
    }
.dashboard_icon
    {
        color: #FFFFFF;
        text-shadow: 0px 0px 2px #000000;
        cursor:pointer;
        float:left;
        margin-left: 10px;
        margin-bottom:20px;
        text-align:center;
        width:100px;
    }
.desktop_icon_image
    {
        height:46px;
        padding:1px;
        width:46px;
    }
.dashboard_icon:hover
    {
        -webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255,1));
        filter: drop-shadow(0px 0px 5px rgba(255,255,255,1));
        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFFFFF')";
        filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFFFFF')";
    }
.dashboard_icon:hover > .desktop_icon_image
    {
        height:48px;
        padding:0px;
        width:48px;
    }
@media screen and (min-width: 640px)
    {
        .menu_container
		       {
                        display: inline-block;
                    }
            }
                    
         @media screen and (max-width: 639px)
            {
                .menu_container
    	            {
    	                width: 100%;
		            }
                .main-menu ul li
                    {
                        width: 100%;
                    }
                .main-menu li ul
                    {
                        
                        width: 100%;
                    }
                 .page_header
                    {
                        background: none;
                        border-top: none;
                    }
                .main-menu ul li ul
                    {
                        
                        
                    }
                .main-menu ul li ul li
                    {
                        background: linear-gradient(#FFFFFF,#FFFFFF);
                        
                    }
                .over_header
                    {
                        background-color:#000000;
                    }
                .logo_container
                    {
                        display:none;
                    }
                .menu_container
                    {
                        display: none;
                    }
                .menu_link
                    {
                        display: inline;
                    }
                .menu_link:hover ~ .menu_container, .menu_container:hover
                    {
                        display: inline;
                    }
            }	
/* ================================ ICONS =================================== */

.dashboard_icon
    {
        margin-top: 4px;
        margin-bottom: 5px;
        margin-left: 0px;
        width: 90px;
    }
    
.sprite_icon{background-image:url('../common/icons/sprites.png');text-indent:16px;overflow:hidden;height:16px;width:16px;display:inline-block;vertical-align:middle}
.sprite-html_input_select{background-position:-0px -16px}
.sprite-html_input_text{background-position:-0px -64px}
.sprite-html_textarea{background-position:-0px -48px}
.sprite-display_barcode{background-position:-0px -32px}
.sprite-html_image{background-position:-0px -80px}
.sprite-html_input_checkbox_group{background-position:-0px -96px}
.sprite-html_input_radio_group{background-position:-0px -112px}