/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }
.btn-primary { border-color: #ba0e1e; background-color: #ba0e1e; }
body {    /* Margin bottom by footer height */
margin-bottom: 60px; background: url(../images/hattekep_tipp.png) no-repeat #000; background-size: cover; background-position: bottom center; background-attachment: fixed; font-family: 'Ubuntu', sans-serif; font-size: 16px; padding-top: 30px; min-width: 360px; }
table { margin-bottom: 0px !important; }
.footer { position: absolute; bottom: 0; width: 100%;    /* Set the fixed height of the footer here */ height: 60px; background-color: #f5f5f5; }
th { background: #ecf2f9; }
.msg { line-height: 50px; color: #fff; }
.msg a, .msg div { display: inline-block; color: #fff; }
@media (min-width:768px) {
    .msg a { padding-left: 20px; }
}
#szamlalo { background-image: url(../images/km_ora.png); background-repeat: no-repeat; width: 236px; height: 237px; float: left; margin-left: 5px; margin-top: 15px; margin-bottom: 30px; }
#szam { padding-top: 150px; color: #FFF; float: right; padding-right: 75px; font-size: 16px }
.panel, table { background: rgba(255, 255, 255, 0.9); border-radius: 0px; border: none; }
.panel-default>.panel-heading { background: #3e212a; border-radius: 0px; padding: 10px 20px; }
.modal-header { color: #fff; background: #3e212a; }
.close { color: #fff; text-shadow: 0 1px 0 #000; }
.panel-body { padding: 20px; }
h3.panel-title { font-weight: 500; font-size: 22px; padding: 10px 0px; color: #fff; }
h3.panel-title a { color: #444; margin-top: -5px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 20px; padding-right: 20px; }
.row { margin-right: -20px; margin-left: -20px; }
.km { white-space: nowrap; }
.eredmeny-lista, .eredmenytagnev, .eredmenytagcsapat { border-bottom: solid 1px #ccc; padding: 10px 0px; }
.summa { font-size: 25px; border-bottom: solid 1px #ccc; font-weight: 700; padding-bottom: 20px; }
.eredmenytagosszeredmeny { font-size: 20px; border-bottom: solid 1px #ccc; font-weight: 700; padding: 10px 0px; }
.km-input { font-size: 20px; margin-top: 20px; margin-bottom: 40px; }
.btn-success.input-lg { background: #047fad; border-color: #047fad; font-weight: bold; text-transform: uppercase; padding-left: 20px; padding-right: 20px; }
.summa .title { font-size: 20px; }
.logo img { max-width: 550px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; }
@media (max-width:767px) {
    body { font-size: 14px; }
    .container { padding-left: 30px; padding-right: 30px; }
    .summa .title, .eredmenytagosszeredmeny { font-size: 14px; line-height: 30px; }
    .btn-success.input-lg { width: 100%; }
    .login .panel-body{
        padding: 20px;
    }
}
@media (max-width:460px) {
    .logo img { max-width: 100%; }
    h3.panel-title { font-size: 18px; padding: 0px !important; }
    body { font-size: 11px; }
    .panel-body { padding: 0px; }
    .erdmeny_tagok .panel-body {  }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 5px; }
    .panel-default>.panel-heading { padding-left: 5px; }
    td select { min-width: 60px; padding-left: 8px !important; padding-right: 8px !important; }
.erdmeny_tagok .panel-body .row{
    margin: 0px;
}
}
@media (max-width:320px) {
    .panel-body { padding: 0px; }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 4px; }
}


.configolas td, .configolas th{
    font-size: 14px;
}

@media (min-width:1350px){
.container{
    width: 1350px;
}
}