@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');

body,html{
	
	height:100%;
	width:100%;

	
}

*{
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-family:"Lato",Helvetica, Arial, "sans-serif";
}


input,select,textarea{
	padding:5px;
	margin-top:2px;
	margin-bottom:0px;
	width:100%;
	font-size:16px;
}


.new_menu_item{
	width:80%;
}

input[type='password']{
	width:85%;
	margin-top:10px;
	margin-bottom:10px;
}
input[type='radio']{
	width:30px;
	font-size:24px;
	padding:0;
}

input[type='submit']{
	background-color:#DDD;
	border:1px solid #999;
	border-radius:3px;
	max-width:85%;
	
}


input[type='checkbox']{
	width:30px;
	font-size:24px;
	padding:0;
	transform: scale(1.5);
}

.add_button{
	font-weight: 500;
	width:40px;
}

.flex_container{
	
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	gap:10px;
}

.flex-item{
	flex:1;
}

.cert{
	max-width:180px;
}

.grid_container{
  width:90%;
  margin:auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px,  1fr));
  justify-content: space-between;
  grid-gap: 0px 10px;
align-items: center;
}


.layout_left_right{
  width:100%;
  margin:auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49%,  1fr));
  justify-content: space-between;
  grid-gap: 0px 10px;
	align-items: stretch;
}

.layout_top_bottom{
	width:100%;
  margin:auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%,  1fr));
  justify-content: space-between;
  grid-gap: 0px 10px;
	align-items: stretch;
}

.grid_item{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(180px,  1fr));
	justify-content: space-between;
	grid-gap:20px;
}

.icon{
	background-color:#288DC5;
}

.icon:hover{
	background-color:#E80073;
}


.top_bottom {
  display: flex;
  flex-direction: column !important; /* Stack label above input */
  align-items: flex-start;         /* Ensures input doesn't stretch weirdly */
  gap: 0px;               /* Precise control over the vertical gap */
  margin-bottom: 1.5rem;  /* Space between different fields */
}

.left_right{
	display: flex;
	flex-direction: row;
	width:100%;
	gap:10px;
	flex-wrap: wrap;
	justify-content: center;

}


.left_right_full{
	display: flex;
	flex-direction: row;
	width:100%;
	gap:10px;
	justify-content: space-between;
	
}

.sub_group{
	display: flex;
	flex-direction: row;
	width:80%;
	gap:10px;
}

.sitemap_ul li{
	font-size:20px;
}

.menu_ul li{
	font-size:20px;
}

.submenu_ul li{
	font-size:18px;
	color:#464946;
	padding:3px;
}

.menu_ul a{
	text-decoration:none;
	color:inherit;
}

label {
  font-size: 14px;
  font-weight: 600;
	padding-left: 3px;
  color: #444;
}

.state{
	background-color:cadetblue;
	padding:5px;
	width:100%;
	font-size:20px;
	margin-top:10px;
}

.region{
	margin-top:15px;
	margin-bottom:10px;
	border-radius:5px;
	background-color:#3B3B3B;
	padding:5px;
	font-size:20px;
	color:#FFF;
	text-align: center;
}