body{
	background-color:			#273035;
	padding:					0px;
	margin:						0px;
	font-family:				arial;
	font-size:					14px;
}

button{
	background-color:			#ffffff;
	border:						0px;
	padding:					10px;
	cursor:						pointer;
	color:						#2F989C;
}

button:hover{
	background-color:			#2F989C;
	color:						#ffffff;
}

.header{
	width:						100%;
	background-color:			#1A1F22;
	border-bottom:				solid 1px black;
	overflow:					auto;
}

.header .logo{
	float:						left;
	width:						200px;
}

.header .nowonair{
	float:						left;
	color:						#ffffff;
	font-size:					0.8em;
}

.header .nowonair #noa_a{
	font-size:					1.2em;
	font-weight:				bold;
}

.header .nowonair .padding{
	padding:					4px;
}

.header .padding{
	padding:					10px;
}

.content{
	width:						calc(100% - 201px);
	height:						100%;
	color:						#ffffff;
	float:						left;	
}

.menu{
	width:						200px;
	height:						100%;
	float:						left;	
	background-color:			#23282B;
	border-right:				solid 1px black;
	color:						#ffffff;
}

.menu select{
	width:						180px;
	margin:						10px;
	border:						solid 1px black;
}

.menu ul{
	list-style:					none;
	padding:					10px;
	margin:						0px;	
}

.menu ul li{
	padding:					10px 0px 10px 4px;
	margin:						0px;
	border-bottom:				solid 1px #3F484E;
	cursor:						pointer;
}

.menu ul li:hover{
	background-color:			#2F989C;
}

.content .col{
	margin:						10px;
	background-color:			#1A1F22;
}

.content .fifty{
	width:						50%;
}

.content .full{
	width:						100%;
}

.content .col .padding{
	padding:					10px;
}

.content .col .title{
	font-size:					1.3em;
	background-color:			#2F989C;
}

.content .toolbar{
	padding:					4px 0px 4px 0px;
	border-bottom:				solid 1px #23282B;
}

.content .toolbar button{
	width:						30px;
	height:						30px;
	padding:					8px;
	font-size:					.9em;
}

.content .col table{
	width:						100%;
	color:						#ffffff;
}

.content .col table tr td{
	padding:					10px;
	font-size:					0.9em;
}

.content .col table tr td:last-child{
	text-align:					right;
	color:						#2F989C;
}

.content .col table tr:nth-child(even) {
	background-color:			#23282B;
}

.content .col table tr:nth-child(odd) {}


.flex{
	display:					flex;
	flex-direction:				row;
	align-items:				stretch;
}


.dialog{
	top:						0px;
	position:					absolute;
	z-index:					999;
	background-color:			#000000;
	width:						600px;
	min-height:					40px;
	top: 						50%;
	left:						50%;
	transform: 					translate(-50%, -50%);
	display:					none;
}

.diaglogBack{
	background-color:			rgba(0,0,0,0.6);
	width:						100%;
	height:						100%;
	position:					absolute;
	z-index:					999;	
}

.dialog .padding{
	padding:					2px;
}

.dialog .title{
	font-size:					1.3em;
	color:						#ffffff;
	background-color:			#2F989C;
}

.dialog .title .padding{
	padding:					8px;
}

.dialog .title .close{
	margin-top:					-28px;
	margin-right:				10px;
	float:						right;
}

.dialog .title .close i{
	cursor:						pointer;	
}

.dialog .html{
	color:						#ffffff;
	background-color:			#1A1F22;
}

.dialog .html .padding{
	padding:					10px;
}


.dialog .searchinput{
	
}

.dialog .searchinput input{
	border:						0px;
	background-color:			transparent;
	border-bottom:				solid 1px #23282B;
	color:						#ffffff;
	width:						100%;
	font-size:					1.1em;
	padding:					0px 10px 10px 10px;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder  { 
	color: 						#ffffff;
}


.dialog .searchresult{
	margin-top:					10px;
	height:						400px;
	overflow:					auto;
}

.dialog .searchresult table{
	width:						100%;
}

.dialog .searchresult table td{
	padding:					10px;
	color:						#ffffff;
	font-size:					0.7em;
	width:						50%;
}


.dialog .searchresult table tr:nth-child(even) {
	background-color:			#23282B;
}

.dialog .searchresult table tr:nth-child(odd) {}

.dialog .searchresult .icon{
	font-size:					1.2em;
}

.dialog .searchresult .icon i{
	cursor:						pointer;
}

.dialog .searchresult .icon i:hover{
	color:						#2F989C;
}

.dialog .onlyactive{
	border-top:					solid 1px #23282B;	
	font-size:					0.9em;	
}