* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body { background-color: #dcdfdc; }

/* new layout */

div.frame { 
/* margin:1%; */
padding:10px;
border:0px solid red; 
text-align: center; 
overflow: auto; white-space: nowrap;
}

div.tile { 
	border: 0px solid #85929e  ; border-radius: 4px;
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #E6E6E6;
  overflow: auto; white-space: nowrap; /* ( scroll ) */
  text-align: center;
  display: inline-block;
}

div.default { 
	border: 0px solid black;
	white-space: normal;
	text-align: left;
}


table.margin_auto { margin: auto; }

/* new layout */

div.scroll { overflow: auto; white-space: nowrap; }
div.text_align_center { display:flex; justify-content: center; border:0px solid red; }
div.text_align_center_2 { text-align:center; }

div.tile_large { 
	/* border:1px solid green; */
	padding:20px 40px;
	max-width:100%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  background-color: #E6E6E6;
}
 
div.tile_small { 
	/* border:1px solid red; */
	padding:20px 40px;
	max-width:100%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	background-color: #E6E6E6;
}

div.locked_php__A {
	padding:20px 40px; max-width:90%; overflow:scroll; background-color: #E6E6E6;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
		}
div.locked_php__B { overflow:scroll; }



a:link {color: black;}
a:visited {color: black;}
a:hover {color: black;}
a:active {color: black;}

/* a.text_align_left { text-align:left; } */

table.frame { padding-left:20px; padding-right:20px; border:2px solid red; background-color: #dcdfdc; 
max-width: 100%; 
margin: auto; }
			
table.center { padding-left:0px; padding-right:0px; width:100%; border:0px solid red;}

table.border_collapse { border-collapse: collapse; }

td { white-space: nowrap; }
td.text_align_left { text-align:left; }
td.text_align_right { text-align:right; }
td.border_bottom_1px { border-bottom: 1px solid black; }
td.game_name { border: 1px solid grey;  text-align:center; font-weight: bold; font-style: italic; }
td.status_open { border: 1px solid  #3d7538 ; color:#3d7538; text-align:center; }
td.status_closed { border: 1px solid  #f06d43 ; color:  #f06d43 ; text-align:center; }
td.players { padding:3px; padding-left: 6px; padding-right: 6px; text-align:center; border:1px solid grey; }
td.registered { background-color: #a8c75b; text-align:center; width: 100px; }
td.cancelled { background-color: #FFC300; text-align:center; width: 100px; }
td.dark { background-color: #dcdfdc; padding-left:5px; padding-right:5px; }
td.light { background-color: #E6E6E6;  }
td.nowrap { white-space: nowrap; }
td.title_one { background-color: #dcdfdc; font-size: 80%; text-align: center; border: 1px solid grey; }
td.title_two { background-color: #dcdfdc; font-size: 80%; text-align: center; border: 1px solid grey;  }
td.color_red {background-color:red; }
td.color_green {background-color:green; }
td.width_1 { width:1px; }
/* td.grow {  } */
td.padding_right_15px { padding-right: 15px; } 
td.padding_right_20px { padding-right:20px; /* border:0px solid red; */ }
td.padding_right_50px { padding-right: 50px; } 
td.padding_right_100px { padding-right: 100px; } 
td.text_center { text-align:center; }
td.text_left { text-align:left; }
td.height_5_px { height: 5px; }



input.border_a { border: 1px solid #FA8258; }
input.border_b { border: 1px solid #F4FA58; }
input.border_c { border: 1px solid #31B404; }
input.border_d { border: 1px solid #58ACFA; }
input.border_e { border: 1px solid #424242; }


textarea.mandatory { background-color:#F5D0A9; }

button.link {
     background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}
button.link_cursor_context_menu {
     background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: context_menu;
}

button.delete { color:red; }

button.dev_access_switch {
	display: inline-block; outline: none; border-width: 0px; border-radius: 3px; box-sizing: border-box; font-size: inherit; font-weight: 500; max-width: 100%; text-align: center;
    text-decoration: none;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    background: rgb(0, 82, 204); cursor: pointer; height: 32px; line-height: 32px; padding: 0px 12px; vertical-align: middle; width: auto; font-size: 14px; color: rgb(255, 255, 255);
}








input.mandatory { background-color:#F5D0A9; border:1px solid grey;}
input.readonly { background-color:#fdedec; border:1px solid grey; }


select.mandatory { background-color:#F5D0A9; }









        /* delete below ? */
select.general {
background-color:blue;
}

select.general_2 {
background-color:yellow;
}

input.general {
background-color:red;
}






button.suspended { opacity:0.5; }