/* 
    Document   : temp
    Created on : 2013.08.19., 23:22:00
    Last modify: 2014.11.09.
    Author     : Majtika
    Web: MW15 admin by Wiking Számítástechnika Kft. 
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300&subset=latin,latin-ext);

root { 
    display: block;
}
img {
    border:0px;
}


.container{ 
    width: 95%;
    text-align: center;
    margin:0 auto;
    padding:0px 0 0px 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    height: auto;
    background: #fff;
    margin-top: 0px;

}

body {
    margin: auto;
    padding:0px 0 0px 0;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 1em;

}
.jobbrarendez {
    float:right;
}

.balrarendez {
    float:left;
}

.szoveg--kozepre {
    text-align: center;
}
.top{
    height: 210px;
    width: 100%;
    float: left;
    padding: 0px;
}

.top h1 {
    font-size: 3em;
}
.top_szoveg {
    color: #000;
    text-align: center;
}


.mentes__alatt {
    opacity: 0.5;
    cursor: none;
    background: yellow;
}


.modal-xxl {
    max-width: 90% !important;
}

.top_szoveg a:link {text-decoration: none; font-weight: bold; color: #964504;}
.top_szoveg a:visited {text-decoration: none; font-weight: bold; color: #964504;}
.top_szoveg a:hover {text-decoration: none; font-weight: bold; color: #c1671f;}

.tartalom {
}
.duma{
    width: 100%;
    color: #000;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-top:5px;
}


.duma a:link {text-decoration: none;  color: #333;}
.duma a:visited {text-decoration: none;  color: #333;}
.duma a:hover {text-decoration: none;  color: #333;}

.alj{

    padding-top: 5px;
    margin-top: 6px;
    clear: both;

    background: #111111;
}

.auth {
    padding: 5px;
    font-size: 0.6em;
}



.elso {
    margin-bottom: 5px;
    padding-top: 5px;
    padding-left:5px;
    font-weight:700;
}

.menu {
    color: #fff;
    font-weight: bold;


}



.post {
    text-align: justify;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #e5dfd2;

}
.post_alj {
    height: 20px;
    width: 534px; 
    color: #000;
    background: #e5dfd2;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-bottom: 15px;

    border-bottom: 1px solid #c7c7c7;

}


.post_alj a:link {text-decoration: none; color:  #964504;}
.post_alj a:visited {text-decoration: none; color:  #964504;}
.post_alj a:hover {text-decoration: none; color: #c1671f;}

.termektipusdiv { 
    text-align:left; 
    padding-top: 10px;

    color: #000; 
    margin-bottom: 10px;

    font-size: 1.1em;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 25px;

    font-weight: bold;
}
.termeksor { margin-top: 10px;
             margin-bottom: 10px;
             padding-left: 10px;
             color: #000; 
             background-color: #e5dfd2;
}
.termeksor a:link {text-decoration: none; color: #000;}
.termeksor a:visited {text-decoration: none; color: #000;}
.termeksor a:hover {text-decoration: none; color: #af5933;}

.figyelem { margin-top: 10px;
            margin-bottom: 10px;
            color: #000;           
}
.lapozo { margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 10px;
          background: #fff;
          color: #964504;
          font-weight: bold;
}
.lapozo a:link {text-decoration: none; color: #000;}
.lapozo a:visited {text-decoration: none; color: #000;}
.lapozo a:hover {text-decoration: none; color: #c1671f;}



.doboz_kiskep {
    margin-top: 0px;
}

.keszito{ text-align: right; 
          margin-top: 5px;
          color: #000; 
          font-weight: bold;

}



.beallitasleiras {
    background: #eee;
    border: 1px dotted #777;
    width: 25%;
}





.cimsor {
    font-weight: 700;
    color: #fff;
    width: 100%;
}
#elvalaszto {
    border-top: #000 solid 1px;
    background: #ccc;
}

#admin-uzenetablak
{
    position: absolute;
    top:30%;
    left:40%;
    display: none;
    }

.elvalaszt
{
    width: 30%;
    text-align: left;
}
#lapozo-aktiv {
    background: #af9866;
}
#dhtmltooltip {
    position: absolute;
    width: 300px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
}

.kedvenc {
    text-align: left;
    width:270px;
    margin-left:460px;
    height: 150px;
}
.kedvenc img {
    padding: 3px;
}



/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
    margin-left: 0px;
    background: #990000;
    padding: 0px;
    height: 74px;
    /*background: url(images/nav-bg.png);
    */background-color: transparent;
    background-position: center;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.nav-container .divider{
    display:block;
    font-size:1px;
    border-width:0px;
    border-style:solid;
}
.nav-container .divider-vert{
    float:left;
    width:0px;
    display: none;
}
.nav-container .item-secondary-title{
    display:block;
    cursor:default;
    white-space:nowrap;
}
.clear{
    height:0px;
    width:0px;
    clear:left;
    line-height:0px;
    display:block;
    float:none;
}
.nav-container{
    position:relative;
    margin: 0 auto;
}
.nav-container a, .nav-container li{
    float:left;
    display:block;
    white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
    float:none;
}
.nav-container ul{
    left:-10000px;
    position:absolute;
}
.nav-container, .nav-container ul{
    list-style:none;
    padding:0px;
    margin:0px;
}
.nav-container li a{
    float:none
}
.nav-container li{
    position:relative;
}
.nav-container ul{
    z-index:10;
}
.nav-container ul ul{
    z-index:20;
}
.nav-container ul ul ul{
    z-index:30;
}
.nav-container ul ul ul ul{
    z-index:40;
}
.nav-container ul ul ul ul ul{
    z-index:50;
}
li:hover>ul{
    left:auto;
}
#nav-container ul {
    top:100%;
}
#nav-container ul li:hover>ul{
    top:0px;
    left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
    padding:3px 5px 3px 5px;
    margin: 20px 0px 0px 0px;
    color: black;
    font-size:1.1em;
    text-decoration:none;
    font-weight: bold;
    /*background: url(images/item-primary-bg.gif);*/
    background-repeat: no-repeat;
    background-position: top;
}

#nav-container a:hover{
    color: #333;
    background-repeat: no-repeat;
    background-position: center;
    
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
    /*padding:10px 4px 10px 4px;*/
    margin:0px 0px 0px 0px;
    padding-right: 8px;
    /*border: 1px solid purple;*/
    width: auto;
    border-right: 1px #309770 solid;
    border-bottom:  1px #309770 solid;
    
   

 
    background: #fdfdfd;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
    padding:0px 10px 3px 0px;

    font-size:1em;
    border-width:0px;
    border-style:none;
    margin: 0px 0px 0px 0px;
    width: auto;
    padding-left:8px;
    padding-right: 8px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div li:hover, #nav-container ul li:hover{	
    /*text-decoration: underline;
    background: url(images/item-secondary-bg.png);
    background-repeat: no-repeat;
    */color:#333;
     border-left: 14px #2ca1b8 solid;

}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
    cursor:default;
    padding:4px 0px 3px 7px;
    color: #6C3600;
    /* background: url(images/item-secondary-title-bg.png); */
    font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
    border-top-width:1px;
    margin:5px 5px;
    border-color: #C16100;

}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
    border-left-width:1px;
    height:15px;
    margin:4px 2px 0px 2px;
    border-color:#AAAAAA;
}
 
#fomenu {
    background: #2ca1b8;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: #258396 3px solid;
    color: #fff; 
}


.menufej {
    margin-left: 5px;
}


#kilepes {
    background: #f75d67;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color:#fff;
    border-bottom: #c42831 3px solid;
}


#almenu {

    background: #fdfdfd;
    padding: 0px;

}

#almenu li {
    padding: 0px;
    border-left: 14px #258396 solid;
}



.adminmenu {
    margin-bottom: -2px;
   width:100%;
    font-size: 1.2em;
    margin-top:4px;
}

.adminduma {
    background: #fff;
    width: 900px;
    margin-left: 40px;
    border: 1px solid #000;
    padding-left:5px;

}


h3 {
    margin-bottom: 3px;
}

.duma-balfele {
    width: 450px;
    border-right: 1px solid #999;
    padding-left: 5px;
    margin-bottom:10px;
    float: left;
}

.duma-jobbfele {
    float:left;
    width: 400px;
    padding-left:10px;
    overflow: hidden;
}

.adminduma{
    overflow: auto;
}
.adminduma h3 {
    margin-top: 0px;
}
.adminduma h2 {
    text-decoration: underline;
    color:#666;
    text-align: center;
}

.siker {
    color:#339933;
    font-weight: 700;
}

.hiba {
    color:#ff0000;
    font-weight: 700;
}

.ui-menu-item {
    font-size: 0.7em;
    text-align: left;
}

.adminmenu  .szamlalos {
    margin-left:-10px; 
    margin-top:35px; 
    border:1px solid #000; 
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; 
    width:16px; 
    height:1px; 
    background:#ff0000; 
    color:#fff; 
    font-weight:700;
    padding:5px;
}

.abc {
    width:95%;
    background: #fff;
    border:#6C3600 1px solid;
    text-align: center;
    padding:4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.fotev ul {
    list-style-image: url(img/gyerek.png); 
}

.foresz {
    width:100%;
    border:1px solid #888;
    background: #fff;
    padding:5px;
    float:left;
}



.alresz {
   margin-top:5px;
   background: #fff;
    border:1px solid #888;
   width:98%;
   overflow: hidden;
    padding:5px;
   
}


.tartalom h5 {
    width: 100%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=1 ); /* IE6-9 */
    padding:8px 0px 8px 20px;
    text-align: left;
    font-size: 1.3em;
    
    border-radius:8px;
}
.tartalom h5 a{
color:#000;
}

.duma form {
}

.alresz-doboz-fejlec {
    background: #454545;
    color:#fdfdfd;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin:0px;
}

.alreszdoboz{
    border:1px solid #454545; 
    margin:0 0 3px 0; 
    padding:0 3px 0 3px;
    text-align: left;
    font-size: 0.9em;
}

#alreszdoboz {
    height: 20px;
    overflow: hidden;
    

}
#alreszdoboz:hover {
    height: auto;
    overflow: auto;
}

.foikon {
    margin:10px; 
    width:calc(25% - 20px);  
    height: 6em;
    padding-top: 1em;
    overflow: hidden; 
    float:left; 
    opacity: 1;
        transition: all 0.1s cubic-bezier(0.42,0,0.58,1);
overflow: hidden;
 position: relative;

}
.foikon a {
    color: #fff;
    font-weight: 700;
}
.foikon a:hover {
    color: #fff;
}
.foikon a:visited {
    color: #fff;
}
.foikon a:link {
    color: #fff;
}
.foikon__felirat {
    text-align: left;
    font-size: 15px;
    font-size: 1.5vw;
    margin-top:0.65em;
    
}
.foikon__ikon {
    border-right: 1px dashed #fff ;
    text-align: center;
}
.foikon__szoveg{
      display: inline-block;
    height: 4em;
    float: left;
    overflow: hidden;
    line-height: 1.42em;
    
}

.piros {
    color:#dc3545;
}

.zold {
    color: #4fcc35;
    
}

.foikon:hover {
    opacity: 0.9;
}






.blog-szukito-form {
    padding-right: 15px;
}


/*****************************
// Komponens: Admin menü
// Feladat: maximum 3 szintes menü
*****************************/


/*adminmenü amely egy UL elem*/
.adminfomenu{
margin-top: 0px;
}
.adminfomenu li{
    float:left;
    list-style-type: none;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    background: #000c7e;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.adminfomenu li:hover{

    padding-top: 8px;
 
}
.adminfomenu li a{
    text-decoration: none;
    color: #efefef;
    display: block;
}



/* Adminmenü Ul-t tartó div*/
#adminfomenu--tarto {
    position: relative;
    top:0;
    
}

.adminfomenu--almenu  {
    display: none;
}




/*****************************
// Komponens: Admin kedvenc ikon
// Feladat: Oldalak berakása kedvencekbe modul stílusa
*****************************/

.admin-kedvenc {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 2em;
    top:0.3em;
    background: #000;
cursor: pointer;
transition: all 0.4s  cubic-bezier(.25,.97,.99,.76);
}


.admin-kedvenc--aktiv {
    background: url(img/kedvencikon.png) 0 -45px;
}
.admin-kedvenc--aktiv:hover {
    background: url(img/kedvencikon.png) -45px -45px;
}
.admin-kedvenc--inaktiv {
    background: url(img/kedvencikon.png) 0 0;
}
.admin-kedvenc--inaktiv:hover {
    background: url(img/kedvencikon.png) -45px 0px;
}

.kedvencek-megjelenitese {
    background: #ddd;
    -webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
color:#121212;
}

.kedvencek-megjelenitese ul li {
    list-style-image: url(img/kedvenc-list.png);
}


.vastag {
    font-weight: 700;
}

.kiemel {
    text-shadow: 0px 0px 28px rgba(255, 0, 60, 1);
    color:#000;
}
.kiemel:hover {
       text-shadow: 0px 0px 28px rgba(16, 218, 0, 1);
}

.fa-trash-o {
    cursor: help;
}


/*Táblázatok formázása*/



.lista {
    width: 100%;

}
.lista--keskeny {
    width: 70%;
}
.lista td {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    border-left: 1px #000 dotted;
    border-right: 0px #000 dotted;
    text-align: center;
}

.lista .lista__sor:hover {
    background: #eee;
}

.lista__sor--szerkesztes {
    background: #ddd;
}

.table__inaktiv {
    opacity: 0.4;
}
.table__gyerek {
    background: #ddd;
}
.table__sor:hover {
background: #ccc;    
}

.table__menutipus {
    background:#ababab; 
    padding-left:20px; 
    font-size:12px;
}

.tablazat a {
    color:#000;
}

.table__parameter {
    width:20%;
}

.table__ertek {
    width:80%;
}

.table__input {
    margin-top: 4px;
    margin-bottom: 4px;
    
    
  
}

.table__input:focus, .table__inputborder:focus {
    box-shadow: 0 0 0 0.2rem rgba(100,100,100,.25) !important;
        border-color: #555 !important;
}

.form-group {
    border-bottom: 1px dashed #aaa;
    padding-bottom: .5rem;
    margin-bottom: 0px !important;
}
label {
     margin-bottom: 0px !important;
}


.gombalatthely {
        margin-bottom: 4px;
}
.gombfeletthely {
    margin-top: 4px;
}

.iconlista option{
    
}


/*Hotkey*/

.hotkey {
    position: fixed;
    height: auto;
    width:100%;
    bottom: 42px;
    background: #121212;
}

.hotkey_elem {
    line-height: 36px;
    padding-left: 12px;
    padding-right:12px;
    border-right: 2px solid #c8c8c8;
    float:left;
    color: #c8c8c8;
    margin-bottom:0px;
    margin-top:3px;
}

.hotkey__key {
    font-weight: 700;
    text-transform: uppercase;
    width: 36px;
    height: 36px;
    float: left;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #c8c8c8;
    color: #151515;
    text-align: center;
    line-height: 62px;
    font-size: 12px;
    border-radius: 8px;
    border: 1px solid #3a3a3a;
    box-shadow: 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;
    transition: all .4s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative; 
    font-size: 18px;
    line-height: 36px;
}

@media (max-width: 768px) { 
    .foikon__szoveg {
        padding:0px;
        overflow: visible;
    }
    
    .foikon__felirat {
       font-size: 8.5vw;
       margin-top: 0em;
       line-height: 7.5vw;
    }
    .mobile__hide  {
        display: none;
    }
    .foikon  {
        width:100%;
        margin: 0px 0px 10px 0px;
        
    }
}