@import url(http://fonts.googleapis.com/css?family=Open+Sans);

*
{
    font-family: 'Open Sans', tahoma,arial,nimbus sans l,sans-serif;
}

html, body
{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

body
{
    background-color: #FFFFFF;
    font-size: 16px; 
}

h1, h2, h3, h4
{
  /*  font-family: Verdana;  */
    font-weight: normal;
}

h4
{
    border-bottom: solid 1px #dddddd;
}

header 
{
    position: relative;
}

header span.verzio
{
    position:absolute;
    right: 5px;
    bottom: 5px;
    display: inline-block;
    font-size: 12px;
    color: yellow;
}

header h1
{
  margin: 0px 20px;
}

header h2
{
  margin: 0px 20px;
  font-size: 16px;
}


header a
{
 color: white;
}


a
{
    text-decoration: none;
    color: #436B9E;
}

a:hover
{
    color: red;
}

header
{
    padding: 5px;
    background-color: #436B9E;
    color: #FFFFFF;
}

footer
{
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
    background-color: #FFFFFF;
    
    text-align: center;
    border-top: solid 1px #777777;
    padding: 5px;
    font-size: small;   
}



#divSpiner
{
    position: fixed;
    width: 10px;
    height: 10px;
    top: 35px;
    right: 5px;    
    text-align:right;
    z-index: 10000;
}




#divBejelentkezes
{    
    background-color: white;
    color: #404040;
    padding: 0px;
    border: solid 0px #000000;

    position: relative;
    margin: 0px auto;
    /* display: inline-block;   */
    width: max-content;

}

#divBejelentkezes h1
{
    margin: 0px 0px 10px;
}

 .felsocsik
{
    height: 50px;
    border-width: 0px;
    background-color: #436B9E; 
}

#divBejelentkezes .belso
{
    padding: 20px;
}


.alsocsik
{    
    border-width: 0px;
    background-color: #999;
    color: #FFFFFF;
    padding: 3px;
    font-size: small;
    text-align: right;
}


.urlap label
{
    text-align: right;
    width: 250px;
    display: inline-block;
    margin: 10px;
}


#divAdmin
{
    background-color: #BF0303;
    padding: 5px;
    color: white;
}

#divOldal
{
    position: relative;
    background-color: #FFFFFF;
    color: #404040;
    padding: 20px;
}

#navOldalMenu
{
    background-color: #DEE7EF;
}

#navOldalMenu ul
{
    list-style-image: none;
    margin: 0px;
    padding: 0px;
}

#navOldalMenu li
{
    display: inline-block;
    /* DEE7EF */
}


#navOldalMenu a 
{
    display: inline-block;
    text-decoration: none;
    background: #436B9E;
    color: #DEE7EF;
    min-width: 100px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 0px 0px 0px 0px;
    border: solid 1px black;
}


#navOldalMenu a:hover
{
    color: white;
    background: #5588C6;
}

#navOldalMenu a.selected
{
  color: yellow;
}

#navOldalMenu a.super
{
  border-color: red;
}



/*Tab*/

.divTab
{
    background-color: #DEE7EF;
}

.divTab a
{
    display: inline-block;
    text-decoration: none;
    background: #436B9E;
    color: #DEE7EF;
    min-width: 100px;
    margin: 10px 10px 0px;
    padding: 10px;
    text-align: center;
    border-radius: 0px 0px 0px 0px;
    border: solid 1px #5588C6;
    border-bottom-width: 0px;
}


.divTab a:hover
{
    color: white;
    background: #5588C6;
}

.divTab a.selected
{
    color: #5588C6;
    background: #FFFFFF;
}

.divTabTartalom
{
    padding: 20px;
    background-color: #FFFFFF;
}



/*
#divEmberek, #divVizsgak
{
    width: 100%;
    height: 300px;
    overflow: auto;
    background: #999;
}
*/
/*
#tableEmberek td:nth-child(1), #tableEmberek td:nth-child(2),  #tableEmberek td:nth-child(3),
#tableEmberek th:nth-child(1), #tableEmberek th:nth-child(2),  #tableEmberek th:nth-child(3)
{
    width: 80px;
}
*/

#divEmberek
{
    position: relative;
    display: flex;
    border:solid 1px #5588c6;
    background-color: #DEE7EF;
}

#divEmberekBal
{
    flex: 1;
    width: 280px;
    background-color: #DEE7EF
}

#tableEmberek
{
    width: 100%;
    border:solid 1px #5588c6;
    background-color: #DEE7EF;
}

#divEmberekJobb
{
    flex: 4;
    vertical-align: top;
}


#divEmberek label
{
   width: 150px;
   display: inline-block;
   margin-right: 20px;
   text-align: right;
}

#divEmberek span
{
    font-weight: bold;
}


#formEmber fieldset
{
    border-width: 0px;
}


#divEmberEdit
{
    display: none;
}



#tableVizsgak
{
  max-height: 300px;
  width: 100%;
}

#divVk0, #divVk1, #divVk2
{
    margin-bottom: 5px;
    padding: 5px;
    border:solid 1px #5588c6;
    background-color: #DEE7EF;
}

#divVk0 a, #divVk1 a, #divVk2 a
{
    display: inline-block;
    margin: 2px;
    padding: 5px;
    border:solid 1px #000000;
    background-color: #436B9E;
    color: #DEE7EF;
    font-size: 12px;
}

#divVk0 a:hover, #divVk1 a:hover, #divVk2 a:hover
{
    background-color: #5588C6;
}

#divVk0 a.selected, #divVk1 a.selected, #divVk2 a.selected
{
    color: yellow;
}


.tablazat
{
    font-size: 14px; 
    border-spacing: 0px;
    padding: 0px;
    /* border: solid 1px #5588C6;     */
    background: #DEE7EF;    
    max-width: 100%;
    border-top: solid 1px #5588C6;    
    border-left: solid 1px #5588C6; 
    /*
    table-layout: fixed; */
}


.tablazat th
{
    color: #DEE7EF;
    background-color: #5588C6;
    padding: 5px;
    margin: 0px;
    text-align: left;
    border: solid 1px #5588C6;    
}

.tablazat td
{
    padding: 5px;
    margin: 0px;
    text-align: left;
    /* white-space: nowrap; */
    border-bottom: solid 1px #5588C6;    
    border-right: solid 1px #5588C6;    
}

.tablazat tr.tablazatHeader th
{
    border-bottom: solid 1px #DEE7EF;
    border-right: solid 1px #DEE7EF;
}

.tablazat tr:hover
{
    background-color: #B3D2F2;
    cursor: pointer;
    color: #337EB7;
}


.tablazat tr.selected
{
    background-color: green;
    color: white;
}


.tablazat tr.selected:hover
{
    background-color: #0DA50D;
    color: #F6FF00;
}

.tablazat td.color_red
{
   color: red; 
}

.tablazat tr.color_red
{
   background-color: #F2B6B5; 
}

.tablazat tr.color_green
{
   background-color: #D3F2CB; 
}

.tablazat tr.color_yellow
{
   background-color: #FFFFBF; 
}

.tablazatVezerlo 
{
    position: relative;
    background-color:  #DEE7EF;
    border: solid 1px #5588C6;
    padding: 5px;
}

.tablazatVezerlo div
{
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
}




/*  TESZT  */



input, select
{
/*      
    padding: 2px;
  font-size: 16px; 
    background-color: #FFFFEE;
    border: solid 1px #556E91;*/
}