/*// Semantic UI has these classes, however they're only applicable to
// grids, containers, rows and columns.
// plus, there isn't any `mobile hidden`, `X hidden` class.
// this snippet is using the same class names and same approach
// plus a bit more but to all elements.
//
// see https://github.com/Semantic-Org/Semantic-UI/issues/1114*/

#desktop-menu, #mobile-menu {
	width: 250px;
	font-size: 110% !important;
	background-color: rgb(3, 70, 0);
}

#switch-user-item, #add-user-item, #add-role-item, #switch-user-larp-item {
	/*font-size: 90%;*/
	margin-left: 5px;
	margin-top: 3px;
}
/*
@media screen and (max-width: 1199px) {
	#menu-header {
		width: 250px !important;
		z-index: 1000;
	}
}
	*/

/* Mobile */
@media only screen and (max-width: 767px) {
    #content{
  		margin-top: 40px;
	}
	/*#mobile-navbar {
		display: block;
	}
	#mobile-menu {
		display: block;
	}*/
	#desktop-menu {
		display: none;
		background-color: rgb(3, 70, 0);
	}
	.tablet.computer.only.row {
		display: none;
	}
	#menu-choose-user{
		margin-top: 0px;
	}
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#content{
  		margin-top: 40px;
	}
	/*#mobile-navbar {
		display: block;
	}
	#mobile-menu {
		display: block;
	}*/
	#desktop-menu {
		display: none;
		background-color: rgb(3, 70, 0);
	}
	.mobile.only.row {
		display: none;
	}
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#content{
  		margin-top: 40px;
	}
	/*#mobile-navbar {
		display: block;
	}
	#mobile-menu {
		display: block;
	}*/
	
	#desktop-menu {
		display: none;
		background-color: rgb(3, 70, 0);
	}
	.mobile.only.row {
		display: none;
	}
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
	#content{
  		margin-left: 250px;
	}
	#mobile-navbar {
		display: none;
	}
	#menu-choose-user{
		margin-top: 55px;
	}

	/*
	#mobile-menu {
		display: none;
	}
	#desktop-menu {
		display: block;
	}*/
	.mobile.only.row {
		display: none;
	}
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
	#content{
  		margin-left: 250px;
	}
	#mobile-navbar {
		display: none;
	}
	#menu-choose-user{
		margin-top: 55px;
	}
	/*
	
	#mobile-menu {
		display: none;
	}
	#desktop-menu {
		display: block;
	}*/
	.mobile.only.row {
		display: none;
	}
}

#menu-header {
	width: 250px;
	height: 50px;
	background-color: rgb(3, 70, 0);
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.ui.checkbox[class*="right floated"] {
    float: right !important;
    margin-right: 0em !important;
    margin-left: 1em !important;
}

.page-header {
	background: #f2f2f2; 
	margin-left:-14px;
	margin-top: -14px;
	margin-right: -14px;
	margin-bottom: 14px !important;
}

.page-content {
	margin-bottom: 14px;
}

.page-footer {
	background: #f2f2f2; 
	margin-left:-14px;
	margin-bottom: -14px;
	margin-right: -14px;
}

.page-breadcrumb {
	margin-left: 14px !important;
	margin-top: 14px !important;
}

.page-title{
	margin-top: 14px !important;
	margin-left: 14px !important;
}

.page-submenu {
	margin-left: 14px !important;
	margin-bottom: 14px !important;
	overflow-x: auto;
	margin-bottom: 0px !important;
}
.ui.secondary.pointing.menu .item {
	margin: 0 !important;
	/*border-bottom: solid 2px green !important;	*/
}