@media screen and (min-width : 0px) and (max-width : 850px)
{

	/* ==========================================================================
   MODAL
   ========================================================================== */
	.modal_container
	{
		-webkit-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}

	.modal_container_lg
	{
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-left: 0;
		width: 100%;
	}

	.modal_header
	{
		position: relative;
		width: 100%;
		height: 50px;
		line-height: 50px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 50px 0 16px;
		color: #ffffff;
		font-size: 15px;
		-webkit-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}

	.modal_container_sml .modal_footer
	{
		position: relative;
		float: left;
		height: auto;
		width: 100%;
		padding: 16px;
		bottom: 0;
		background-color: #ffffff;
		-webkit-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}

 
	/* ==========================================================================
   MASTER TOP
   ========================================================================== */

	.logo
	{
		width: 15%;
	}

	.main_navigation
	{
		width: 85%;
	}

	.user_info
	{
		width: 100%;
		border-left: none;
	}

	.main_search
	{
		position: absolute;
		top: 100px;
		right: 0;
		width: 75%;
		border-left: 1px solid #323999;
	}

	.user_navigation ul li:last-child
	{
		border-right: 1px solid #0d1368;
	}


	/* ==========================================================================
   MASTER MIDDLE
   ========================================================================== */
	.master_middle
	{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
	}

	.middle_main
	{
		width: 100%;
		margin: 0 0 0 50%;
	}

	.middle_main_open
	{
		width: 100%;
		margin: 0 0 0 0;
	}

	.middle_left_panel
	{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 50%;
		background-color: #d7d7d7;
	}

	.middle_left_panel_overflow
	{
		position: relative;
		height: 100%;
		width: 100%;
		overflow-x: auto;
	}

	.middle_left_panel_btn
	{
		position: absolute;
		top: 49px;
		padding: 35px 0 0 0;
		right: -16px;
		width: 16px;
		height: 100px;
		background-color: #f4a601;
		z-index: 2;
		cursor: pointer;
		text-align: center;
		-webkit-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px;
	}

	/* Vertical menu that slides from the left or right */

	.middle_left_panel
	{
		left: 0;
	}

		.middle_left_panel.middle_left_panel_open
		{
			left: -50%;
		}

	/* Transitions */

	.middle_left_panel,
	.middle_main
	{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	/* ==========================================================================
   MASTER TABLE
   ========================================================================== */
	.table_options
	{
		position: relative;
	}

	/* ==========================================================================
   WIDGETS GLOBAL
   ========================================================================== */

	.widget
	{
		position: relative;
		float: left;
		width: 100%;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

		.widget.collapsed
		{
			height: auto;
			width: 100%;
			padding: 5px 5px 16px 5px;
			overflow: hidden;
		}

			.widget.collapsed .layout-selection
			{
				display: none;
			}

		.widget.expanded
		{
			padding: 5px 5px 16px 5px;
		}

			.widget.expanded .layout-selection .col_10
			{
				width: 100%;
			}

	.widget_header_expand
	{
		position: absolute;
		width: 30px;
		height: 30px;
		top: 0px;
		right: 8px;
		cursor: pointer;
	}

	.widget.collapsed .widget_content
	{
		position: relative;
		padding: 16px 0 0 0;
		height: auto;
		overflow: visible;
	}

	.widget_content
	{
		position: relative;
		padding: 16px 0 0 0;
	}

	.widget.collapsed .data-table-page-count-container
	{
		display: none;
	}

	.widget.collapsed .pager_container
	{
		display: none;
	}

	.widget.collapsed .div_table_row .div_table_cell_header
	{
		min-width: 75px;
	}

	.widget.collapsed .div_table_row .div_table_cell_item
	{
		min-width: 75px;
	}
}