/***************************
	RODEO.CSS
	@author: Lasso.Digital
****************************/
.rodeo-dashboard-h {
	position:fixed;
	width:18.75em;
	height:100%;
	top:0;
	z-index:2;
	overflow-y:auto;
}

.rodeo-dashboard-v {
	position:fixed;
	width:100%;
	min-height:18.75em;
	top:0;
	z-index:2;
}

.rodeo-dashboard-h.left {
	left:0;
	margin-left:-18.75em;
}

.rodeo-dashboard-h.right {
	right:0;
	margin-right:-18.75em;
}

.rodeo-dashboard-v.bottom {
	margin-top:100%;
}

.rodeo-dashboard-v.top {
	margin-top:-100%;
}

/***************************
	Helpers
****************************/
.rodeo-flatten-x {
	position:fixed;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	max-width:100%;
}

/***************************
	Fixed Left Column
****************************/
.rodeo-fixed-col-left {
	width:20em;
	position:fixed;
	height:100%;
	z-index:1;
}
.rodeo-fixed-col-left.rodeo-fixed-col-left-closed {
	width:4em;
}

.rodeo-fixed-col-left-content {
	width:100%;
	padding-left:20em;
}

/***************************
	Full Screen
****************************/
.rodeo-fullscreen {
	width:100% !important;
	height:100% !important;
	overflow:hidden;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}
.rodeo-fullscreen img {
	display:block;
}
.rodeo-centered-container {
	width:100%;
	height:100%;
	border-collapse:collapse;
	display:table;
}
.rodeo-centered-container .container {
	display:table-cell;
	text-align:center;
}
.rodeo-centered-container .container.vertical {
	vertical-align: middle;
}


/*XL, L, & M Shared*/
@media screen and (min-width: 768px) {
	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-shared {
		width:4em;
	}
}

/*XL*/
@media screen and (min-width: 1280px) {
	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-xl {
		width:4em;
	}
}

/*L*/
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-l {
		width:4em;
	}
}

/*M*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-m {
		width:4em;
	}
}

/*S*/
@media screen and (max-width: 767px) {
	.rodeo-fixed-col-left {
		width:15em;
	}

	.rodeo-fixed-col-left-content {
		padding-left:15em;
	}

	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-s {
		width:4em;
	}

	.rodeo-fixed-col-left-content-closed-s {
		padding-left:4em;
	}
}

/*XS*/
@media screen and (max-width: 480px) {
	.rodeo-fixed-col-left {
		width:100%;
	}
	.rodeo-fixed-col-left-content {
		padding-left:0px;
	}

	.rodeo-fixed-col-left.rodeo-fixed-col-left-closed-xs {
		width:4em;
	}

	.rodeo-fixed-col-left-content-closed-xs {
		padding-left:4em;
	}
}