@charset "UTF-8";
/* CSS Document */

.tiles_50338 {
  display: none;
}

.okbox{
	display:none;
}
.tg_collapse .tile{
	display:none;
}
.tg {
	color:black;
	cursor:pointer;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}
.tg_label{
	margin-bottom:25px;
}
.tg_collapse{
	color:gray;
}
.tile_value {margin-top: -3px !important;} 

.role_2{
	background:#F8E0E6;
	border:1px dotted salmon;
}
.buttontop_tile_set:empty {
    display: none;
}
.buttontop_tile_set {
    height: 20px;
}
.country_fields div {
    border: 3px solid white;
}

.setup {
	border-radius: 0;
	border-top: 3px solid #008000;
	margin-top: -2px;
}
.tile_logout {
    color: red;
    opacity: 0.4;
}
.tile_logout:hover{
	color:white;
	opacity:0.8;
}
/* define areas */
.default_user_header {
	background-color: #342E2B;
	min-height: 53px;
	margin-bottom: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: -31px;
}
.default_user_infos {
	min-height: 55px;
}
/*menuarea*/
.default_user_menuarea {
	margin-left: -16px;
	margin-right: 16px;
}
/*mainarea*/
.default_user_mainarea {
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-top: 16px;
	background-color: #fff;
}
.default_user_footer {
	position:relative;
	background-color: #342E2B;
	min-height: 249px;
	margin-top: 160px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-family: neuzeit grotesk;
	font-weight: 200;
	padding-top: 16px;
	font-size: medium;
}


/*Header*/
.headerbuttonarea{
	color: #ffffff !important;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: Neuzeit Grotesk;
	}
	
.toplogo{
	opacity:0.3;
	width:130px; 
	height:24px;
}
.search_input{
	width:80%;
	position:relative;
	float:left;
	margin-left:0 !important;
	border-radius:10px;
	border:1px solid silver;
}
.tile_livesearch{
	padding-left:0;
}
.box.tile_label{
    color: gray;
}

.json_OK input, .json_OK textarea {
    border: 1px solid green !important;
}
.json_ERROR input, .json_ERROR textarea {
    border: 1px solid red !important;
}


.html_boxparsed a {
    text-decoration: underline;
}
.tile_search{
	padding:0;
}
	
/*Main area*/
.tiles{
	box-sizing: border-box;
	padding-bottom: 20px;
}

.tile{
	position:relative;
}

.tiles_title{
	margin-bottom: 20px;
	color: #342E2B;
	font-family: Neuzeit Grotesk;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 1px;
}
.title_tile_set > .tile_short{
    color: #342e2b;
    font-family: Neuzeit Grotesk;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
   /* margin-bottom: 20px; */
}

/*Sort buttons above and under entries*/
.sortbar, .buttonbot_tile_set {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.mainlist {
	background-color: #EAEBE6;
	letter-spacing: 1px;
	display: table;
	table-layout: fixed;
	padding-top: 9px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}
.default_user_menuarea .mainlist {
    padding: 0px;
    background-color:white;
}
.default_user_menuarea .mainlist .tile_short{
    padding: 0px;
    background:white;
}
/* list attributes - date, time, price or number */
.list-attribute {
	vertical-align: middle;
	font-size: 20px;
	float: none;
	height: 100%;
	display: table-cell;
	z-index: 2;
}
/* make list clickable*/
.default_user_mainarea .clickable:hover, .clickable:focus, .clickable:active {
	background-color: #eaebe6;
}
.default_user_mainarea .clickable {
	background-color: #eff0ec;
}
/* make list clickable inverse color*/
.default_user_mainarea .clickable-inverse:hover, .clickable:focus, .clickable:active {
	background-color: #eaebe6;
}
.default_user_mainarea .clickable-inverse {
	background-color: #eaebe6;
}
/* icons*/
.icon, .icon:active {
	opacity: 0.7 !important;
	z-index: 1;
}
.icon:hover {
	opacity: 1 !important;
	z-index: 1;
}
.fa, .fa:active{
	opacity: 0.7 !important;
	z-index: 1 !important;
	margin-left: 5px;
}
.default_user_log_label .fa, .default_user_log_label .fa:active{
	color:white !important;
} 
.fa:hover{
	opacity: 1 !important;
	z-index: 1 !important;
}
.fa-info-circle{
	color: #008000;
	margin-right: 5px;
	cursor:pointer;
}
.fa-chevron-down, .fa-chevron-up {
	color: #342E2B;
}
.fa-pencil-square-o	{
	color: #24AF9F;
}
.fa-plus {
	color: #24AF9F;
	margin-right: 2px;
	}
.fa-trash {
	color: #AF313B;
	opacity:0.2 !important;
}
.strike{
	text-decoration:line-through;
}
/*button below list*/
.buttonarea {
	margin-top: 40px;
	margin-bottom: 40px;
}
/*Login page*/
#loginheader {
	min-height: 53px;
	margin-bottom: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#loginfooter {
	min-height: 53px;
	margin-bottom: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 160px;
}
/*Login form*/

.login_wrap{
  top:0px;
  left:0px;
  width:100%;
  margin:0 auto;
  height:100%;
}

.loginform {
	background-color: #fff;
	font-family: neuzeit grotesk;
	float: none;
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 1px;
	padding-top: 25px;
	padding-right: 16px;
	padding-bottom: 30px;
	padding-left: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 325px;
	margin-top: 40px;
	margin-bottom: 0px;
}
.inputminilabel {
	font-size: medium;
}
.loginform > .tiles > .title {
    margin-bottom: 50px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
}
.loginhelparea {
	width: 325px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 9px;
	color: #342E2B　!important;
}
.loginarea {
	background-color: #fff;
	padding-top: 16px;
}
.paginationarea {
	float: none;
	margin-top: 30px;
}
.title_tile_set .paginationarea{
	margin:0px;
}
.title_tile_set .pagination{
	margin:0px;
}
.page_selected{
    background-color: #eaebeb !important;
    border-color: #eaebeb !important;
    color: #342e2b !important;
    z-index: 3 !important;
}
.entrytextarea {
	font-weight: 300;
	margin-top: 16px;
}.contentarea {
}

/* file upload */
.show_file_form{
	cursor: pointer;
	float: left;
	margin-bottom: 2px;
}
.image_thumb{
	max-height: 50px;
	max-width: 50px;
}
.file_label{
	clear: both;
	width: 100%;
	text-alignment: center;
}
.file_dropzone{
	/* display:none; */
	height: auto !important;
	width: 100%;
	padding: 10px;
	text-align: center;
	clear: both;
	border:dashed 1px #342E2B;
}
.is-dragover{
	background: silver;
}
.file_input_label{
	color: black;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.file_form{
	position: fixed;
	right: 100%;
}
.file_button.uploadgo {
    display: none;
}
.file_progress {
    display: none;
    margin:　0 auto;
    float:　none !important;
}
progress{
	display:none;
}
.success{
color: #27b027;
position: absolute;
right: 32px;
top: 3px;
}
.okbox{
  display:block !important;
}
.buttontop_tile_set {
    margin-bottom: 10px;
}
.tile_set_hover{
  position: relative;
}
.tile_tilestitle {
    padding-left: 0;
}
x{
  z-index:1000;
}
.modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.modal_box {
    background: white;
    width: 50%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 100px;
    padding: 20px;
    border-radius: 20px;
}
.modal_message{
  text-align:center;
}
.modal_buttons{
  padding: 25px 0px;
}
.modal_button {
    max-width: 20%;
    position: relative;
    float: left;
    text-align: center;
    margin: 0 15%;
    border: 1px solid aliceblue;
    border-radius: 5px;
    opacity: 0.5;
}
.modal_button:hover{
  opacity:1;
}
.confirm_yes{
  color:white;
  background:green;
}
.confirm_no{
  color:white;
  background:red;
}
.list-attribute{
  z-index:auto;
}