/* ==================================================================================== */
/* VIEWPORT <966px   (949 + 17 for scrollbar)*/
@media only screen and (max-width: 1017px){
	body{ }
	

}





/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 950px){
	body{ }

}




/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 830px){
	body{ }

}




/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 820px){
	body{ }

}





/* ==================================================================================== */
/* VIEWPORT */
@media only screen and (max-width: 600px){
	body{ }

	.content-wrapper {
	   padding-top: 128px;
	}

	#column1{
		position: absolute;
		top: 0;
		left: -600px;
		background-color: #42145f;
		height: 100%;
		z-index: 999;
		width: calc(100% - 20px);
		border-right: 1px solid #2C0D3E;
	}
	#column2{
		width: 100%;
	}
	#widecolumn {
	    width: calc(100% - 20px);
	    padding: 0px 10px 30px 10px;
	}


	.header-wrapper{
		background-color: #fafafa;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}
	.header-wrapper ul{
		/*background-color: #333;*/
	}
	.header-wrapper ul li:first-child {
    padding: 9px 10px 7px 10px;
    background-color: #333;
    width: calc(100% - 60px);
	}	
	.header-wrapper ul li.full {
    width: calc(100% - 20px);
	}	
	.header-wrapper ul li.title{
		background-color: transparent;
		color: #333;	
		font-size: 14px;
	}
	.header-wrapper ul li.spacer{
		display: none;
	}
	.header-wrapper ul li.buttont1{
		padding: 10px 0px;
		float: right;
		clear: both;
	}
	.header-wrapper ul li.buttont2{
		padding: 10px 0px;
		float: right;
	}

	.itemdetailsedit{
	  padding: 0px 10px 30px 10px;
	}
	.listview {
	  padding: 0px 0px 30px 0px;
	}

	.submenu{
		padding-top: 50px;
	}
	.submenu ul li:first-child{
		display: none;
	}
	.submenu ul li a{
		color: #fff;
		padding-left: 10px;
		padding-right: 10px;
	}
	.submenu ul li a:hover {
		color: #fff;
	}
	
	.submenu ul li a.selected{
		color: #eeaf30;
		background-color: transparent;
	}
	.trigger-menu-open{
		display: block;
	}
	.trigger-menu-close{
		display: block;
	}
	
	.listview ul.listview-header{
		width: calc(100% - 20px);
		top: 124px;
	}
	.actioncontrol{
		margin-right: 10px;
	}
	
	.header-wrapper ul li.logout{
		display: none;
	}
	.submenu ul li a.logout {
		display: block;
	}
	.submenu ul li a.logout span {
		border-top: 1px solid rgba(255,255,255,0.2);
		margin-top: 20px;
		display: block;
		padding-top: 10px;
	}


	
	.button_add {
		cursor: pointer;
		color: #fff!important;
		background-color: rgba(66,20,95,1);
		padding: 7px 10px 7px 32px;
		font-size: 13px;
		border-style: none;
		width: auto!important;
		margin: 0px 10px 0px 0px!important;
	}
	.button_add:hover {
		background-color: rgba(66,20,95,0.8);
		background-image: url('../furniture/admin/icon-add-white.png');
		color: #fff;
	}
	
	.button_save {
		cursor: pointer;
		color: #fff!important;
		background-color: rgba(66,20,95,1);
		padding: 7px 10px 7px 32px;
		font-size: 13px;
		border-style: none;
		width: auto!important;
		margin: 0px 10px 0px 0px!important;
	}
	.button_save:hover {
		background-color: rgba(66,20,95,0.8);
		background-image: url('../furniture/admin/icon-save-white.png');
		color: #fff;
	}
	input.button2, a.button2, button.button2{
		font-size: 13px;
		padding: 7px 10px;
	}



	.itemdetailsview ul li, .itemdetailsedit ul li{
		padding-bottom: 2px;				
	}
	.itemdetailsview > form > ul > li:first-child, .itemdetailsedit > form > ul > li:first-child{
		width: 100%;
	}
	.itemdetailsview > form > ul > li:last-child, .itemdetailsedit > form > ul > li:last-child{
		width: 100%;	
	}
	input{
		width: calc(100% - 12px);
		padding-top: 7px;
		padding-bottom: 7px;
	}
	textarea{
		width: calc(100% - 12px)!important;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	select{
		width: 100%;
	}

}







/* ==================================================================================== */
/* VIEWPORT Mobile portrait mode*/
@media only screen and (max-width: 450px){
	body{	}

}





/* ==================================================================================== */
/* VIEWPORT Mobile portrait mode*/
@media only screen and (max-width: 450px){
	body{	}

}