body
{
		// cursor: url('star_32.cur'), pointer ;
}
table.sgm_modell
{
	padding :3px ;
	border-radius:10px ;
	width:100%;
}

table.myLessons
{
	width:100% ;
}

table.AlterColor tr:nth-of-type(odd), table.sgm_modell  tr:nth-of-type(odd), table.myLessons  tr:nth-of-type(odd) 
{
      background-color:rgb(189, 215,238)
	  
}
table.AlterColor tr:nth-of-type(even), table.sgm_modell tr:nth-of-type(even) , table.myLessons  tr:nth-of-type(even) 
{
      background-color:rgb(155, 194,230)
}

table.login
{	
	padding:15px ;
	margin: auto auto;
	border : 1px solid black ;
	border-radius: 15px ;
	align: center ;
	color: black ;
	background: white ;
	margin-left:50px ;
	margin-right:50px ;
	
}

table.login0
{
	border: 3px solid white ; 
	border-radius:15px ; 
	padding:10px ; 
	margin-top:50px;
	margin-left :auto ;
	margin-right: auto ;
}

img.login
{
	width:400px ;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	
}


td.sgm_modell_name 
{
	font-size:20px ;
	font-weight:bold ;
	text-align: center ;
}


td.sgm_modell_description
{
	border : 1px solid black ;
	padding :10px ;
	font-size:16px ;
	font-weight:bold ;
}

input.modell_name
{
	width: 98% ;
	padding :10px ;
	font-size:20px ;
	font-weight:bold ;
	text-align: center ;
	align: center ;
	background-color: transparent ;
	border:none ;
}

input.exam, input.sgm, textarea.TableName, td.Fej
{
	background-color: transparent ;
	color: black ;
	font-size:16px ;
	font-weight: bold ;
	height:30px ;
	border:none ;
	
}

textarea.TableName
{
	background: lightblue ;
}

input.sgm
{
	width:350px ;
}

td.Fej
{
	vertical-align:bottom ;
}



textarea.TableName
{
	columns:1 ;
	rows:50 ;
	width:16px ;
	height:300px;
	font-size:18px ;
	font-weight:bold ;
	resize:none ;
	overflow:hidden ;
}

input.login
{
	width: 100% ;
	border : 1px solid black ;
	padding :5px ;
	font-size:16px ;
	font-weight:bold ;
	margin: auto;
	display: grid ;
	cursor: pointer ;
}


textarea.modell_description
{
	width: 100% ;
	height: 300PX;
	font-size: 18px ;
	font-weight: bold ;
	text-align: left ;
	rows=100 ;
	cols=100 ;
	background-color: transparent ;
}

.rotated
{
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	width: 200px ;
	padding:0px;
	margin:0px ;
}

img.icon, div.noimg, img.icon_selected
{
	width:  32px ;
	height: 32px ;
	margin: 5px ;
	text-align: center ;
	align: center ;
	margin-left: auto;
    margin-right: auto;
	display: block ;
}

img.icon_selected
{
	background: lightyellow ;
	border: 1px solid black ;
}


img.icon
{
	cursor:pointer ;	
}


img.symbol
{
	align:center ;
	margin:auto auto;
	display: block;
  
	
}

td.head1
{
	width:150px ; 
	text-align:center ; 
	font-size:20px ; 
	font-weight:bold
}

div.symbols
{
	display: flex; 
	align-items:center; 
	width:100% ;
	align:center ;
	font-size:16px ;
	font-weight:bold ;
	cursor:pointer ;
}

table.main
{
	width:100% ;
}

td.myLessons
{
	cursor: pointer ;
	font-weight:bold ;
	font-size:18px ;
}


div.sgm_result
{
	background-color: green ;
	color: yellow ;
	text-align: center ;
	font-size: 26px;
	font-weight: bold ;
	padding:8px ;
	border: 1px solid black ;
	border-radius: 10px;
}

body
{
	background:url('bg01.jpg') ;
	background-repeat: no-repeat;
	background-size: cover;
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}

table.menu
{
	background: lightgray ;
	background: linear-gradient(90deg, rgba(160,160,160,1)  0%, rgba(211,211,211,1)100%);
	padding: 5px ;
	width: 100% ;
	border: 1px solid black ;
	border-radius: 10px ;
}
td.menu
{
	width: 40px ;
	text-align:center ;
	align:center ;
	
}

td.head
{
	font-size:32px ;
	font-weight: bold ;
	text-align:center ;
	align:center ;
	
}

td.SELECTED_GROUP
{
	
	background: cyan ;
	border: 1px solid yellow ;
}

textarea.members
{
	font-size: 18px ;
}

div.HallgatokNeptunKodjai
{
	font-size:18px ;
	color: white ;
	font-weight:bold ;
}

td.ERROR
{
	background-color: red ;
	color: yellow ;
}

div.COUNTER
{
	color: red ;
	background-color: yellow ;
	font-size:20px ;
	font-weight: bold ;
}

input[type="datetime-local"]
{
	pattern:"\d{4}-\d{2}-\d{2}" ;
}

div.RESULTHEAD
{
	background-color:lightgray ;
	font-size:20px ;
	font-weight: bold ;
	padding:5px ;
}

textarea.students
{
	font-size:18px ;
	font-weight:vold ;
}

table.scroll
{
	display: block;
	height: 700px;
	overflow-y: scroll;
}

button.sgm
{
	cursor:pointer ; 
	max-width:200px ; 
	margin:5px
}

td.sgm_group_id
{
	min-width:25px ;
	cursor:pointer ;
}

td.order
{
	cursor:pointer ;
}

button.button_img
{
	width: 120px ;
	height: 90px ;
	margin-left: 5px ;
	cursor:pointer ;
}

.node 
{
	cursor: pointer;
	fill: #f9f9f9;
	stroke: #000;
}
.edge {
	stroke: #000;
	stroke-width: 2px;
}
.draggable {
	cursor: move;
}
.node-text {
	user-select: none;
	pointer-events: none;
}
.SELECTED_RECT
{
	fill: cyan ;
}

div.add2TITLE
{
	width:98% ;
	background: blue ;
	color: yellow ;
	font-size: 16px ;
	align: center ;
	text-align: center ;
	font-weight: bold ;
	padding:5px ;
	border-radius: 15px ;
	

}

textarea.add2TEXTAREA
{
	align:center ;
	margin:10px ;
}