/* thx to http://www.colorzilla.com/gradient-editor/ */

body, p {
	font-family:arial;
	margin:0;
	padding:0;
}

h3 {
	color:#06a0f0;
	margin:0;
	padding:20px 5px;
}

p.infos {
	float:right;
}

table {
 border-collapse:collapse;
}

input, textarea, button {
	font-family:arial;
	margin:5px 10px;
	padding:3px 5px;
	font-size:1rem;
}
textarea {
	min-height:150px;
}
button {
	height:32px;
}
button.ok {
	height:auto;
}

ul.horiz, ul.vert {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:32px;
	text-align:center;
}
ul.horiz {
	display:block;
	margin:3px auto;
}
ul.horiz li {
	margin:2% 4%;
	display:inline-block;
	/*width:20%;*/
}
ul.vert li {
	margin:10px;
}
ul.dialer {
/*
	display:inline-block;
	margin:10px auto;
*/
}
ul.dialer li {
/*
	margin:2% 4%;
*/
	background:white;
	color:black;
	border:2px solid #ccc;
	border-radius:16px;
	background-color:#fff;
}
ul.dialer:after {
	clear:both;
}
li {
	padding:0 3px;
}
li.menu {
	margin:0 3px;
	padding:0 5px;
	border:2px solid #ccc;
	border-radius:16px;
	min-width:26px;
}

span.rounded {
	display:inline-block;
	min-width:32px;
	margin:5px 2px;
	border:2px solid #ccc;
	border-radius:16px;
	padding:0 5px;
	line-height:32px;
	background-color:#fff;
}
span.icon {
	display:inline-block;
	width:32px;
	height:32px;
	vertical-align:middle;
}

/* after ul, li and span - CSS order ! */

ul li.selected, span.selected  {
	border-color:darkblue;
}

#cal {
	background:#eee;
	padding:0 10px;
	overflow:auto;
	text-align:justify;
}

#div_all_colors {
	display:inline-block;
	font-size:10px;
	margin:0 auto;
}
#div_all_colors div {
	display:inline-block;
	width:60px;
	height:60px;
	border:3px solid transparent;
}
#div_all_colors div.selected {
	border:3px inset red;
}

#div_event_cat_radio div, #cat_manage_radio div {
	line-height:50px;
	margin:2px 2px;
	border:2px solid #ccc;
	border-radius:10px;
	display:inline-block;
	padding:0 20px;
	min-width:100px;
}
#div_event_cat_radio div.selected, #cat_manage_radio div.selected {
	border:2px solid #666;
}

div.day {
	padding:3px 0 0 5px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	word-wrap:break-word;
	min-height:50px;
}
div.day:nth-child(odd):not(.today):not(.sunday):not(:first-child) {
	background:#ddd;
}
div.sunday {
	color:white;
	background:linear-gradient(to right, #054984 0%,#8abbd7 69%,#c5deea 100%);
}
div.today {
	background:linear-gradient(to right, #f1da36 0%,#fefcea 100%);
	color:black;
}
h3.month + div.day {
	border-top:1px solid #ccc;
}
div.event {
	margin:0 0 0 24px;
	padding:3px 5px;
	border-top:1px solid #ccc;
	border-radius:3px;
	overflow:auto;
}

.auto {
	margin:0 auto;
}
.w100p {
	width:100%;
}
.w90p {
	width:90%;
}

ul.li20p > li {
	width:20%;
}

.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.bold {
	font-weight:bold;
}

div.absright {
	position:absolute;
	right:0;
}

div.absleft {
	position:absolute;
	left:0;
}


/* TABS Z-INDEX */

#tab_main {
	z-index:+1;
}
#tab_goto_month, #tab_settings, #tab_edit_event {
	z-index:+2;
}
#tab_event_start_hour, #tab_event_start_minute, #tab_event_duration_hour, #tab_event_duration_minute, #tab_filter {
	z-index:+3;
}
#tab_repeat, #tab_cat, #tab_filter_delete {
	z-index:+4;
}
#tab_cat_manage {
	z-index:+5;
}
#tab_cat_editor {
	z-index:+6;
}
#tab_colors {
	z-index:+7;
}
#tab_log {
	z-index:+8;
}
#tab_spinner_bg {
	background:#aaa;
	opacity:0.5;
	z-index:+9;
}
#tab_spinner {
	background:transparent;
	opacity:1;
	z-index:+10;
}

/* TABS SKELETON */

.fixed {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	background:#ccc;
	text-align:center;
}
.header, .footer {
	position:absolute;
	left:0;
	right:0;
	height:50px;
	background:linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background-size:100% 50px;	
}
.header {
	top:0;
}
.footer {
	bottom:0;
}
.header p, .footer p {
	display:inline-block;
	line-height:46px;
	color:white;
}
.overflow, .overflow_with_bottom {
	position:absolute;
	top:50px;
	left:0;
	right:0;
	overflow:auto;
	background-image:url('body.png');
	background-attachment:fixed;
}
.overflow {
	bottom:0;
}
.overflow_with_bottom {
	bottom:50px;
}

/* LOG */

#tab_log_events {
	background:#eee;
	text-align:justify;
	padding:3px 10px;
	font-size:12px;
}
.log_info {
	color:darkgreen;
}
.log_warn {
	color:orange;
}
.log_error {
	color:darkred;
}

/* ICONS FOR MENUS */

#main_prev_year {
	background:#fff url('prev.png') no-repeat center center;
}
#main_next_year {
	background:#fff url('next.png') no-repeat center center;
}
#main_goto_today {
	background:#fff url('timetable.png') no-repeat center center;
}
#main_goto_settings {
	background:#fff url('menu.png') no-repeat center center;
}
#main_import {
	background:#fff url('upload.png') no-repeat center center;
}
#main_export {
	background:#fff url('download.png') no-repeat center center;
}
#main_goto_month {
	background:#fff url('clock-fast.png') no-repeat center center;
}
#button_settings_close {
	background:#fff url('close.png') no-repeat center center;
}
#button_cat_manage_open {
	background:#fff url('forward.png') no-repeat center center;
}
#button_cat_manage_close {
	background:#fff url('backward.png') no-repeat center center;
}
#button_cat_editor_add {
	background:#fff url('plus.png') no-repeat center center;
}
#button_cat_editor_delete {
	background:#fff url('delete.png') no-repeat center center;
}
#button_cat_editor_submit {
	background:#fff url('database-plus.png') no-repeat center center;
}
#button_event_delete {
	background:#fff url('delete.png') no-repeat center center;
}
#button_event_paste {
	background:#fff url('content-paste.png') no-repeat center center;
}
#button_event_submit {
	background:#fff url('database-plus.png') no-repeat center center;
}
#button_filter_submit {
	background:#fff url('filter-outline.png') no-repeat center center;
}
#button_filter_reset {
	background:#fff url('filter-remove-outline.png') no-repeat center center;
}
#button_filter_open {
	background:#fff url('database.png') no-repeat center center;
}
#button_filter_close {
	background:#fff url('backward.png') no-repeat center center;
}
#button_filter_del {
	background:#fff url('database-minus.png') no-repeat center center;
}
#button_filter_manage_close {
	background:#fff url('backward.png') no-repeat center center;
}

/* CATEGORY EDITOR */

#cat_editor_circle_black {
	position:relative;
	width:250px;
	height:250px;
	background-image:url('cb.png');
	background-repeat:no-repeat;
	margin:0 auto;
}
#cat_editor_circle_angle {
	position:absolute;
	left:200px;
	top:119px;
	width:100px;
	margin-left:-50%;
	text-align:center;
	font-size:12px;
	color:white;
	line-height:12px;
	vertical-align:middle;
}
#cat_editor_circle_white {
	position:absolute;
	left:150px;
	top:80px;
	width:88px;
	height:88px;
	background-image:url('cw.png');
	background-repeat:no-repeat;
	z-index:+1;
}
#cat_editor_div_name {
	position:absolute;
	left:0;
	right:0;
	height:50px;
	top:54px;
	padding:3px;
	z-index:+1;
}
#cat_editor_name {
	width:10em;
	height:40px;
	margin:0 auto;
}
.inline_top {
	display:inline-block;
	vertical-align:top;
}
#cat_editor_bg_type_radio {
	margin:0 20px;
}

/* SPINNER */

.spinner_circle {
  width:80px;
  height:80px;
  border-radius:60px;
  box-sizing:border-box;
  border:10px solid rgba(255, 255, 255, 0.2);
  border-top-color:#FFF;
	padding:0;
	margin:0;
  animation:spinner 2s infinite linear;
}
.spinner_container {
	margin-top:50px;
	position:relative;
	display:inline-block;
	width:80px;
	height:80px;
}
@keyframes spinner {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

/* TAB RESEARCH */

/*

#div_research_status {
	display:inline-block;
	margin:5px 10px;
	padding:10px;
	border:1px solid transparent;
	border-radius:8px;
	background:red;
	color:white;
}

.research_result {
	margin:5px 10px;
	padding:10px;
	border:1px solid black;
	border-radius:8px;	
}
 */

#input_keywords_filter, #input_keywords_filter2 {
	max-width:120px;
}

.filtered {
	display:none;
}

/*
 * @media screen and (max-width: 400px) {
	ul.horiz li {
		width:auto;
	}
}
*/