/* 
    Documnent  : com_tanulmanyi
    Created on : 2014.07.10., 15:16:31
    Author     : Gege <gergo@infoartnet.hu>
*/



div.part-tanulmanyi {
    position: relative;
    background-color:#ffffff;
    box-shadow:0 0 20px rgba(0,0,0,0.15);
    padding:20px;
    margin-bottom:20px;
}

div.part-tanulmanyi div#gen-content {
    padding-top: 20px
}
div.part-tanulmanyi div#gen-content table {
    width: 100%;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin: 0 auto;
}
div.part-tanulmanyi div#gen-content table td {
    font-size: 10px;
    padding: 2px;
    border: 1px solid #AAAAAA;
}
div.part-tanulmanyi div#gen-content table thead td{ 
    font-weight: normal !important; 
    font-size: 12px;
    padding: 2px
}
div.part-tanulmanyi div#gen-content table tbody tr:nth-child(2n+1) td {
    background: #fcfcfc
}
div.part-tanulmanyi div.selectbox1,
div.part-tanulmanyi div.selectbox2 {
    display: block;
    margin: 5px 0;

}

div.part-tanulmanyi div.box-select{
    display: block;
    margin-bottom:10px;
    /*    float: left;
        width: 48%;
        margin: 0 1%;*/
}

div.part-tanulmanyi div.box-select::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.part-tanulmanyi div.box-select label{
    display: block;
    padding-top:2px;
    line-height: 22px;
}

div.part-tanulmanyi div.box-select select{
    box-sizing: border-box;
    width:100%;
}


div.part-tanulmanyi div.box-select input {
    display: block;
}
div.part-tanulmanyi div.selectbox1 input {
   
    margin: 0 3px 0 0
}

div.part-tanulmanyi div.help-desc {
    display: none;
    /*display: block;
    margin: 3px 0 5px 140px;
    font-size: 12px;
    font-style: italic;
    color: #666*/
}



/*----- MOVING MENU -----*/


div#content div.part-submenu-moving div.part-tanulmanyi div.box-select select{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #CCC;

}


/*----- TABLE ------*/
div#content div.part-tanulmanyi div.component-body table{
    border-collapse: collapse;
}

/*----- 1 OSZLOP SZELES -----*/





/*----- MEDIA QUERIES -----*/


@media only screen and (min-width: 1681px) {
    div#content div.part-tanulmanyi img {
        width: auto !important;
        height: auto !important;
        margin: 0;
    }
}
@media only screen and (min-width: 1305px) and (max-width: 1680px) {
    div#content div.part-tanulmanyi img {
        width: auto !important;
        height: auto !important;
        margin: 0;
    }

    
}
@media only screen and (min-width: 984px) and (max-width: 1304px) {

    div#content div.part-tanulmanyi img {
        width: auto !important;
        height: auto !important;
        margin: 0;
    }
    
    div#content h1.component-heading,
    div#content h2.component-heading {
        font-size:30px;
        line-height:36px;
    }

    div.part-tanulmanyi div.box-select label{
        margin-bottom:5px;
    }

}
@media only screen and (min-width: 665px) and (max-width: 983px) {

    div#content div.part-tanulmanyi img {
        width: auto !important;
        height: auto !important;
        margin: 0;
    }

}
@media only screen and (min-width: 480px) and (max-width: 664px) {
    div#content div.part-submenu-moving div.part-tanulmanyi,
    div#content div.part-tanulmanyi{
        width: auto;
    }
    div#content div.part-tanulmanyi.after {
        margin: 0 5px 10px 5px; 
    }
    div#content div.part-tanulmanyi img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        margin: 0;
    }

    div#content div.part-tanulmanyi div.component-body table thead th,
    div#content div.part-tanulmanyi div.component-body table tbody td{
        font-size: 12px; 
        word-break: break-all;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    
    div#content h1.component-heading,
    div#content h2.component-heading {
        font-size:30px;
        line-height:36px;
    }
    
    div#content div.part-tanulmanyi img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        margin: 0;
    }
   
    div#content div.part-tanulmanyi div.component-body table thead th,
    div#content div.part-tanulmanyi div.component-body table tbody td{
        font-size: 12px; 
        word-break: break-all;
    }
    
    div.part-tanulmanyi div.box-select label{
        margin-bottom:5px;
    }


}