body {
  height:100%;
  margin: 0px; 
  padding:0px; 
  background-color: #FFFAF0;
  font-family: Open Sans, sans-serif
}

li a {
    outline-color: transparent;
}

h1 {
	font-size:16px;
	margin: 0px;
	font-weight: normal;
}

h2 {
	font-size:16px;
	margin: 0px;
	font-weight: normal;
}

.ui-widget-content{
    border: none !important;
}

.ui-tabs .ui-tabs-nav {
    text-align: center;
	border: 0px;
	background: url(dark_bar.png);
	height: 33px;
}

.ui-tabs .ui-tabs-nav li {
    float: none !important;
    display: block;
	background-color: #222;
	margin: 0px;
	border: 0px;
	border-radius: 0px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	font-size: 16px;
	font-weight: bold;
	background-color: #DDD8CC
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	background-color: #FFFAF0;
	transition:250ms;
}

.ui-tabs .ui-tabs-nav  li {
	background-color: #F6FEF0;
	color: red;
}

.tizona_center {
	width:960px;
	/*border: 1px solid #F88;*/
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

.tizona_tab {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tizona_tab_top {
	padding-left:10px;
	padding-right:10px;
}

.tizona_tab_header {
	font-size: 22px;
	padding-bottom: 6px;
}

.tizona_tab_left {
	display: flex;
	justify-content: center;
	flex-grow: 1;
}

.tizona_tab_right {
	width: 100%;
	vertical-align:top;
	padding: 10px;
	box-sizing: border-box;
}

.ui-widget-content {
	background: transparent;
}

.tizona_tab_bottom {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

.tizona_star_watermark {
	opacity: 0.1;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Safari and Chrome */
}

.tizona_background_dark {
	background-color: rgba(32,30,0,0.1);
	margin-left:-20px;
	margin-right:-20px;
	margin-top:15px;
	padding: 10px;
}

.overlay {
    background:rgba(0,0,0,0.8);
	
	visibility: hidden;

	opacity: 0.0;
	width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
	margin: 0px;
    padding: 0px;
	pointer-events:none;
	transition: opacity .2s ease-out;
	text-align: center;
}

.overlay_show {
	opacity: 1;
	pointer-events:auto;
	/*visibility: visible;
	*/
}

#overlay_top {
	height: 10%;
}

#overlay_image {
	height: 75%;
	/*
	height: 100%;
	width:100%;
	*/
}

.tizona_screen {
	/*
	cursor: pointer;
	*/
	width: 600px;
	height: 300px;
	margin: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.app_column {
	border: 2px solid #78A; 
	font-weight: bold;
	padding:10px;
	border-radius: 10px;
	height: 280px;
	color: #246;
	cursor: pointer;
}

.app_column:hover {
	transition:250ms;
	background-color: rgba(255,255,255,0.5);
}

.app_description {
	padding: 5px;
	font-weight: normal;
}

.app_frame {
	padding-left: 50px;
	padding-right: 50px;
}

.tizona_user_item {
	width: 240px; 
}

.tizona_item {
	background-color: white; 
	border-radius: 10px;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	padding: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media screen and (max-width: 800px) {
	.mobile_hidden {
		display: none;
	}

	.mobile_fullwidth {
		width: 100%;
	}

	.tizona_center {
		width: 100%;
	}

	.tizona_tab {
		flex-direction: column;
	}

	.tizona_screen {
		width: 100%;
		height: 200px;
	}

}