/**********************************************/
/* Large devices (desktops, less than 1200px) */
/**********************************************/

@media (max-width: 1199px){
	body{
		overflow-x: hidden;
	}
	
	#header_container {
		/*background: green;*/
	}
	
	#content #header_object .icons {
		max-width: auto;
		min-width: auto;	
	}
	
	#header {
		width: 100%;
	}
	
	#navbar {
		width: 100%;
		margin: 0 auto;
		padding: 0 5px 5px 0;
	}
	
	#navbar ul.iconsRight ul li.maxmin{
		margin: 0 5px 0 0;
	}
	
	#navbar .showSidebar {
		display: block;
	}
	
	.container {
		margin: 0 auto;
		padding: 0 0 10px 0;
	}
	
	.container #column {
		margin-right: 10px;
	}
	
	#content {
		max-width: calc(100% - 260px);
		width: calc(100% - 260px);
	}
	
	body.maximize #content,
	body.maximize #header_object,	 
	body.maximize #menu_tabs, 
	body.maximize #menu_tabs.fixed{
		width: 100% !important;
	}
	
	body.maximize #header_object.fixed{
		max-width: 1229px;
		width: calc(100% - 25px) !important;
	}
	
	#content #main {
		padding: 25px 10px;
	}	
	
	body.maximize #content #main {
		max-width: 95%;	
	}
	
	#sidebar {
		position: absolute;
		border: 1px solid #d9d8d8;
		border-right: 0px;
	    top: -92px;
	    right: -10px;
		padding: 10px 10px 0px 10px;
		z-index: 667;
		box-shadow: -5px 2px 20px -14px rgba(0, 0, 0, 0.5);
		display: none;
		overflow: auto;
	}
	
	#sidebar .icons{
		margin-top: 0;
	}
	
	#sidebar .links .description .mdi-eye:before {
		content: '';
	}	
	
	body.fixed #menu_tabs {
		width: 100%;	
	}
	body.fixed #header_object {
		width: 100%;	
	}
		body.fixed #menu_tabs {
		width: calc(100% - 261px);	
	}

	body.fixed #header_object {
		width: calc(100% - 262px);
	}
}

/*********************************************/
/* Medium devices (tablets, less than 992px) */
/*********************************************/

@media (max-width: 991px) {
		body.fixed #menu_tabs {
		width: 100%;	
	}

	body.fixed #header_object {
		width: 100%;
	}
	

	body{
		overflow-x: hidden;
	}
	
	#header_container {
		/*background: maroon;*/
	}
	
	#content #header_object .icons {
		max-width: auto !important;
		min-width: auto !important;		
	}
	
	#content #header_object {
		margin: 0 auto !important;
	}
	
	.ribbon {
		position: relative;
	    left: -5px;
	    top: -5px;
	    z-index: 665;
	}
	
	#login_contenedor .ribbon {
		position: fixed;
	    left: -5px;
	    top: -5px;
	    z-index: 665;
	}
	
	#navbar .showMainMenu {
		display: block;
	}
	
	#navbar .showSidebar {
		display: block;
	}
	
	#navbar li.maxmin {
		display: none !important;
	}
	
	.container #column {
	}
	
	#column #spanSearchMenu .mb-3 {
		margin-bottom: 0 !important;
	}	
	
	#menu_tabs {
		max-width: 100% !important;
	}
	
	#content {
		float: left;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.container {
		display: inherit;
	}
	
	body.widgets #navbar {
		display: table !important;
	}
	
	#widgetcontainer .widget0{
		border: 0;
	    border-top: 1px solid #d9d8d8;
	    border-bottom: 1px solid #d9d8d8;
	}	
	
	.mdi-menu {
		display: block;	
	}
	
	#content,
	#navbar {
		width: 100%;
		max-width: 1290px;	
	}
	
	#navbar .left {
		display: block;
	}
	
	#column {
		position: absolute;
		z-index: 668;
		box-shadow: 5px 2px 20px -14px rgba(0, 0, 0, 0.5);
		display: none;
	}
	
	#content #main,
	#content #main {
		max-width: 100%;	
	}
	
	#content {
		max-width: 1010px;
		width: 100% !important;	
	}
	
	#menu_tabs,
	#menu_tabs.fixed{
		max-width: 1010px;
		width: 100% !important;
		float: none;
	}

	#header_object.fixed {
		max-width: 100%;
	}
	 
	body.maximize #menu_tabs, 
	body.maximize #menu_tabs.fixed{
		width: 100% !important;
	}
	
	.container.maximize #sidebar {
		position: absolute;
		border: 1px solid #d9d8d8;
		border-right: 0;
		top: 122px;
		right: -266px;
		padding: 10px 10px 0;
		z-index: 667;
		box-shadow: -5px 2px 20px -14px rgba(0, 0, 0, 0.5);
		display: none;
		overflow: auto;
	}
	
	#column {
		position: absolute;
		display: none;	
		z-index: 667;	
	}
	
	#column #spanSearchMenu {
		margin-bottom: 0;
		border-top: 0;
		border-bottom: 0;
	}	
	
	#column #services {
		margin-bottom: 0px;
		border-bottom: 0 !important;		
	}	
	
	.ztree {
		border-top: 0 !important;
	}	
}

/*****************************************************/
/* Small devices (landscape phones, less than 768px) */
/*****************************************************/

@media (max-width: 767px) {
	
	body {
		overflow-x: hidden;
	}

	#header #info {
		display: none;
	}

	#header_container {
		/*background: orange;*/
	}
	
	#content {
		width: 100%;
	}
	
}

/**********************************************************/
/* Extra small devices (portrait phones, less than 576px) */
/**********************************************************/

@media (max-width: 575px) {
	#header_container {
		/*background: black;*/
	}
	
	.steps {
		display: inline-table;
		width: calc(100% - 64px);
	}
	
	.steps li {
		display: inherit;
		width: 100%;
	}
	
	.steps .caption {
		position: absolute;
		left: calc(50% + 30px);
		top: 30px;
		margin: 10px 0 0 15px;
		padding: 0;
		width: auto;
		text-align: left;
	}
	
	.steps .step {
		margin: 15px auto;
	}
	
	.steps li::after {
		width: 1px;
		height: 100px;
	}	
	
	#header_object {
		padding: 8px 3px 5px;
	}
	
	#content #header_object .object {
		margin: 3px 0 0 0;
	}
	#header_object .icons ul {
		margin: -7px 0 5px 0;
	}
}