/* ------------------------------------------------------------------ */
/* Főmodul formázása                                                  */
/* ------------------------------------------------------------------ */

body {
    margin: 0;
    padding: 5px;
    outline: 0;
    border: 0;
}

#mainmenu {
    padding: 5px;
    border: 1px solid blue;
    margin: 0;
}

#mainmenu button {
    margin-left: 20px;
    cursor: pointer;
}

#workspace {
    margin: 0;
    padding: 5px;
    border: 0;
}

#mainmenu div {
    display: inline-block;
    vertical-align: middle;
}

#selectLanguage {
    float: right;
    margin-right: 20px;
}

#selectLanguage img {
    width: 40px;
    margin-left: 5px;
    cursor: pointer;
}

#idwarning, #idwarning2 {
    color: red;
    font-weight: bold;
}

/* ------------------------------------------------------------------ */
/* Nyelvtani modul formázása                                          */
/* ------------------------------------------------------------------ */

h3 {
    margin: 15px 0 5px;
}

#trnoterm input,
#trterm button,
#trnoterm button {
    background-color: rgb(221, 221, 221);
    width: 30px;
}

#trnoterm input.select,
#trterm button.select,
#trnoterm button.select {
    background-color: red;
}

/*
table tbody th{
text-align:right;
}
table tfoot td{
text-align:center;
}
*/
#formWait {
    display: none;
}

#delnew,
#alldel {
    margin-left: 50px;
}

/* Aktuális szabály halmaz megjelenítése */
#szabaly > table {
    border-spacing: 20px;
}

#szabaly table {
    border-spacing: 5px;
}

#szabaly tbody th {
    text-align: right;
}

#szabaly td {
    vertical-align: top;
}

/* Szabály halmaz műveletek formázása */
#modszerlista {
    min-width: 200px;
}


/* ------------------------------------------------------------------ */
/* Automata modul formázása                                           */
/* ------------------------------------------------------------------ */

table h3 {
    font-size: 1em;
}

/* Diagram felület formázása */
#rajz {
    width: 800px;
    height: 400px;
    border: 1px solid black;
    overflow: auto;
}

/* A kör közepén megjelenő központosító jel, amelyből a vonalat húzzuk ki */
#kozpont, #kozpont2 {
    position: absolute;
    display: inline-block;
    z-index: 1050;
    width: 8px;
}

/* Állapot körök alap formázása */
.allapot {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-image: url('../picture/allapot.png');
    cursor: pointer;
}

.allapot span {
    display: inline-block;
    position: absolute;
    z-index: 30;
    font-size: 14px;
    left: 10px;
    top: 10px;
    cursor: default;
    cursor: pointer;
}

img.kor {
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    width: 30px;
}

/* Átmenet nyil húzás alap formázása */
img.vonal {
    position: absolute;
    z-index: 1000;
    width: 2px;
    cursor: pointer;
}

img.nyilfej {
    position: absolute;
    z-index: 999;
    width: 12px;
}

img.vonal2 {
    position: absolute;
    z-index: 997;
    cursor: pointer;
    width: 25px;
    margin: 0;
}

span.nyilbetu {
    display: inline-block;
    position: absolute;
    z-index: 998;
    cursor: pointer;
}

/* Aktuálisan kijelölt állapot/átmenet objektum adatainak módosítása */
#adatokblock th {
    padding: 1em 1em 1em 0px;
    vertical-align: top;
}

#adatokblock td {
    padding: 1em;
    vertical-align: top;
}

#adatokblock #atmenetdiv {
    display: inline-block;
}

/* Állapot mátrix formázása*/
#allapotmatrixblock th {
    padding: 1em 1em 1em 0px;
    vertical-align: top;
}

#allapotmatrixblock td {
    padding: 1em;
    vertical-align: top;
}

#allapotmatrix table {
    border-spacing: 0px;
    border: 1px solid #888;
}

#allapotmatrix table thead th {
    background-color: #0000FF;
    color: #FFF;
}

#allapotmatrix table th,
#allapotmatrix table td {
    padding: 5px;
    border: 1px solid #888;
}

#allapotmatrix table tbody td {
    text-align: center;
}

/* Mentési lista */
#save table th,
#save table td {
    padding: 3px;
}

#save button {
    margin-right: 3px;
}

/* Automata bemutatásához szükséges formázások */
#showablak td {
    vertical-align: top;
    padding: 3px;
}

#automatabreak {
    display: none;
}