table.owntable{
    width:100% !important;
    max-width: 100% !important;
    border-radius: 10px !important;
    border-collapse: separate;
    border-spacing: 0px;
    box-sizing: border-box;
    box-shadow: rgba(38,57,77,0.4) 0 10px 20px -10px;
}

/** Első sor radiusa **/
table.owntable tr:first-of-type th:first-of-type{
    border-top-left-radius: 10px !important;
}

table.owntable tr:first-of-type th:last-of-type{
    border-top-right-radius: 10px !important;
}

table.owntable tr:first-of-type{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/** Utolsó sor radiusa **/
table.owntable tr:last-of-type td:first-of-type{
    border-bottom-left-radius: 10px !important;
}

table.owntable tr:last-of-type td:last-of-type{
    border-bottom-right-radius: 10px !important;
}


table.owntable tr th{
    max-width:0;
    height:51px;
    border:1px solid rgba(233,233,233,0.3);
    border-right:0 solid rgba(233,233,233,0.3);
    padding:10px;
    background-color:#0a9ebb;
    color:#fff;
    /*border-bottom:2px solid #fff;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    text-align: center;
}

table.owntable tr th.notextoverflow{
    overflow: unset;
    text-overflow: unset;
}

table.owntable tr:nth-child(odd) {
    background: rgba(233, 239, 243, 0.75);
}

table.owntable tr th:last-of-type{
    border-right:1px solid rgba(233,233,233,0.3);
}

table.owntable-no-border tr td{
    border:0px !important;
}

table.owntable-just-bottom-border tr td{
    border:0px !important;
    border-bottom-width:1px !important;
    border-bottom-style:solid !important;
    border-bottom-color:#EEE !important;
}


table.owntable tr.ujsav:hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);
    font-weight:bold;
}

table.owntable tr.elfogadottsav td{
    background-color: rgba(227, 244, 232, 0.81);
    color: rgba(11, 74, 29, 0.81);
    /*border:1px solid #FFF;*/
    border-color:#FFF;
    border-top:0px;
}

table.owntable tr.elfogadottsav:hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);
    font-weight:bold;
}

table.owntable tr.toroltsav td{
    background-color: rgba(244, 230, 227, 0.81);
    color: rgba(118, 29, 15, 0.81);
    /*border:1px solid #FFF;*/
    border-color:#FFF;
    border-top:0px;
}

table.owntable tr.toroltsav:hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);
    font-weight:bold;
}

table.owntable-small-font-size tr td{
    font-size:12px;
}

table.owntable-middle-font-size tr td{
    font-size:14px;
}

table.owntable-midlarge-font-size tr td{
    font-size:16px;
}

table.owntable-large-font-size tr td{
    font-size:18px;
}


table.owntable tr td{
    position: relative;
    max-width: 0;
    min-height:41px;
    border:1px solid #EEE;
    border-top:0 solid #EEE;
    border-right:0 solid #EEE;
    padding:10px 10px;
    margin:3px;
    color:#333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    box-sizing: border-box;
    font-weight:300;
}

table.owntable tr td:last-of-type{
    border-right:1px solid #EEE;
}

table.owntable tr td.hidden{
    display: none;
    width:0px;
    padding:0px;
    margin:0px;
}

table.owntable tr th.hidden{
    display: none;
    width:0px;
    padding:0px;
    margin:0px;
}

table.owntable tr.owntable-no-cell-selection td{
    height:7px !important;
    padding:0 !important;
    margin:0 !important;
    border:0px !important;
    background-color: rgba(214, 225, 228, 0.86);
}


table.owntable tr.owntable-no-cell-selection:hover td{
    background-color: rgba(214, 225, 228, 0.86) !important;
    color: unset !important;
    border:0px !important;
    border-color: unset !important;

}

table.owntable tr:hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);

}

table.owntable_nohover tr:hover td{

}

/* TABLE TÁBLA - TÉMÁK */

/* TABLE TÁBLA - KÉK */

table.owntable-blue tr th{
    background-color:#1e6ba7;
    color:#FFF;
}

table.owntable-blue tr td{
    color:#444;
}

table.owntable-blue tr:hover td{
    background-color: rgba(30, 107, 167, 0.1);
}


/* TABLE TÁBLA - FEKETE */

table.owntable-black tr th{
    background-color:#333;
    color:#FFF;
}

table.owntable-black tr td{
    color:#333;
}

table.owntable-black tr:hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);
}


table.owntable-black tr:nth-child(odd):hover td{
    background-color: rgba(239, 225, 137, 0.84);
    color: rgba(109, 91, 12, 0.86);
    border-color: rgba(109, 91, 12, 0.10);
}

table.owntable-black tr:nth-child(odd) td{
    background-color: rgba(238, 238, 238, 0.83);
    border-color: #DDD;
}



/* DIV TÁBLÁZAT */

.owntable{
    width:100%;
}

.owntable .owntable-line{
    width:100%;
}

.owntable .owntable-line:after{
    display: block;
    float:none;
    clear: both;
    content:"";
}

.owntable .owntable-line .owntable-col-container{
    float:left;
    box-sizing: border-box;
}

.owntable .owntable-line .owntable-col-container .owntable-col{
    box-sizing: border-box;
    margin:2px;
}

.owntable-line .owntable-col{
    height:41px;
    border:1px solid #EEE;
    padding:10px;
    color:#444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.owntable-line:hover .owntable-col{
    background-color: rgba(30,107,167,0.2);
}

.owntable-header-line{
    border-bottom:2px solid #333;
    height:auto;
}

.owntable-header-line:hover .owntable-col{
    background-color: rgba(30,107,167,1);
}

.owntable-header-line-noborder{
    border-bottom:0px solid #333 !important;
}

.owntable-mobil-tableview{

}

.owntable-header-line .owntable-col{
    background-color:#1e6ba7;
    color:#fff;
    padding:10px 5px;
    text-align: center;
}

/* ZÖLD FEJLÉCES TÁBLÁZAT */

.owntable-zoldhatter .owntable-line .owntable-col{
    color:rgba(22,92,22,1);
}

.owntable-zoldhatter .owntable-line:hover .owntable-col{
    background-color: rgba(0,187,0,0.2);
}

.owntable-zoldhatter .owntable-header-line{
    border-bottom:2px solid #333;
    height:auto;
}

.owntable-zoldhatter .owntable-header-line:hover .owntable-col{
    background-color: rgba(0,187,0,1);
}

.owntable-zoldhatter .owntable-header-line .owntable-col{
    background-color: rgba(0,187,0,1);
    color:#fff;
}

.owntable-width-5{
    width:5%;
}
.owntable-width-10{
    width:10%;
}
.owntable-width-15{
    width:15%;
}
.owntable-width-20{
    width:20%;
}
.owntable-width-25{
    width:25%;
}
.owntable-width-30{
    width:30%;
}
.owntable-width-35{
    width:35%;
}
.owntable-width-40{
    width:40%;
}
.owntable-width-45{
    width:45%;
}
.owntable-width-50{
    width:50%;
}
.owntable-width-55{
    width:55%;
}
.owntable-width-60{
    width:60%;
}
.owntable-width-65{
    width:65%;
}
.owntable-width-70{
    width:70%;
}
.owntable-width-75{
    width:75%;
}
.owntable-width-80{
    width:80%;
}
.owntable-width-85{
    width:85%;
}
.owntable-width-90{
    width:90%;
}
.owntable-width-95{
    width:95%;
}
.owntable-width-100{
    width:100%;
}

/* FORCE WIDTH */
.owntable-width-5f{
    width:5% !important;
}
.owntable-width-10f{
    width:10% !important;
}
.owntable-width-15f{
    width:15% !important;
}
.owntable-width-20f{
    width:20% !important;
}
.owntable-width-25f{
    width:25% !important;
}
.owntable-width-30f{
    width:30% !important;
}
.owntable-width-35f{
    width:35% !important;
}
.owntable-width-40f{
    width:40% !important;
}
.owntable-width-45f{
    width:45% !important;
}
.owntable-width-50f{
    width:50% !important;
}
.owntable-width-55f{
    width:55% !important;
}
.owntable-width-60f{
    width:60% !important;
}
.owntable-width-65f{
    width:65% !important;
}
.owntable-width-70f{
    width:70% !important;
}
.owntable-width-75f{
    width:75% !important;
}
.owntable-width-80f{
    width:80% !important;
}
.owntable-width-85f{
    width:85% !important;
}
.owntable-width-90f{
    width:90% !important;
}
.owntable-width-95f{
    width:95% !important;
}
.owntable-width-100f{
    width:100% !important;
}

table.owntable tr td span.owntable_mobile_header{
    display:none;
}

@media screen and (max-width:992px){
    .owntable .owntable-line{
        /*border-bottom:2px solid #333;*/
    }

    .owntable .owntable-line .owntable-col-container .owntable-col{
        /*margin:0px;
        border:0px;*/
        font-size:12px;
    }

    .owntable-very-small-char-mobile{
        font-size:10px;
    }

    .owntable-zoldhatter .owntable-line{
        /*border-bottom:2px solid #215b21;*/
    }

    table.owntable{
        width:100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden;
        table-layout:fixed;
    }

    table.owntable tr:first-of-type{
        display:none;
    }

    table.owntable tr:last-of-type{

    }

    table.owntable tr th{
        display: none;
    }

    table.owntable tr{
        max-width: 100% !important;
        box-sizing: border-box !important;
        display:inline-block;
        width:calc(50% - 10px);
        margin:5px;
        border:3px solid rgba(10, 158, 187, 0.15);
        margin-bottom:20px;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    table.owntable tr td{
        max-width: 100% !important;
        display:block;
        width:100% !important;
        height:auto !important;
        text-align: center !important;
        border:0px;
        border-bottom:1px solid #EEE;
        padding:2px;
        margin:0px;
        box-sizing: border-box;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    table.owntable tr td:last-of-type{
        border-bottom:0px solid #EEE;
    }

    table.owntable tr td span.owntable_mobile_header{
        display:block;
        color:#0a9ebb;
        font-size:10px;
        font-style: italic;
        font-weight:bold;
        padding:5px;
        text-align:center;
    }
}

@media screen and (max-width:578px){
    table.owntable tr{
        display:block;
        width:100%;
        margin-left:0px !important;
    }
}