.clear{clear:both}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #32B81D!important;
}
.jumbotron h1{
  color:yellow!important;
}

.navbar-default .navbar-nav>li>a {
  color: white;
}
#kezd{
  padding:2%;
  background-color:green;
  color:white
}

#befejez{
  padding:2%;
  background-color:red;
  color:white
}

table thead{
  background-color:#FFFFA2;
}

table tr:nth-child(even){
  background-color: #FFFFCB;
}
h1,h2,h3{
  color:#32B81D;
}

.navbar {
  border-radius: 0!important;
}
.navbar-default {
  background-color: #32B81D;
  border-color: transparent;
  color: white;
  box-shadow: 5px 5px 2px grey;
}
.navbar-default .navbar-brand {
  color: #FFFF00;
  font-size: 20pt;
  margin-top: 15px;
  font-weight: bold;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  background-color: #32B804;
  color: #FFFF00;
  font-weight: bold;
  border: 0px solid #FFFF00;
}
h1{font-size:28px}
h2{font-size:22px;margin:5% 0}
label{font-size:16px}
@media only screen and (min-width:800px){
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    white-space:normal;
  }
  input[type=text],input[type=email],input[type=password],input[type=tel] ,textarea,select{
    width:100%
  }


  button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding:0.5%;
    font-family: 'Open Sans',sans-serif;
  }
  body{font-size:16px;font-family: 'Open Sans',sans-serif;}

  .checkbox label{width:100%}

  .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-top: 4px\9;
    margin-left: -20px;
    width: 5%;
    float: left
  }

}

@media only screen and (max-width:800px){
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    white-space:normal;
  }
  select{float:right;width:100%!important}
  button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    padding:0.5%;
    font-family: 'Open Sans',sans-serif;
  }
  body{font-size:16px;font-family: 'Open Sans',sans-serif;}

  .checkbox label{width:100%}

  .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-top: 4px\9;
    margin-left: -20px;
    width: 5%;
    float: left;
  }

}
td { padding:10px}
.table{margin-top:10px}
.kotelezo { color:red; font-weight:bold}


.highcontrast, .highcontrast >*, .highcontrast span{
  background-color: black;
  color: yellow!important;
}
.highcontrast .navbar-default {
  background-color: black;
  color: yellow;
  border-color: white;
  box-sizing: border-box;
}
.highcontrast .navbar-default .navbar-brand {
  color: yellow;
}
.highcontrast .navbar-default .navbar-nav>li>a {
  color: yellow!important;
  text-decoration:none!important;
}
.highcontrast .navbar-default .navbar-nav>li>a:hover {
  color: yellow!important;
  text-decoration:underline!important;
}
.highcontrast .navbar-default .navbar-nav>li:hover {
  background-color:blue
}

.highcontrast .navbar-default .navbar-nav>.open>a, .highcontrast .navbar-default .navbar-nav>.open>a:focus, .highcontrast .navbar-default .navbar-nav>.open>a:hover {
  color: yellow;
  background-color: blue;
}
.highcontrast .dropdown-menu{
  background-color:black;
  color:yellow;
  border:2px solid white;
  box-sizing: border-box;
}
.highcontrast .dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: yellow;
  white-space: nowrap;
}
.highcontrast .dropdown-menu>li>a:hover{
  color: yellow;
  font-weight: bold;
  background-color: blue;
}

.highcontrast .table .table {
  background-color: black;
}
.highcontrast .table .table td{
  border:2px solid white;
  background-color:black!important;
}
.highcontrast .table .table th{
  background-color:blue;
  border:2px solid white;
}
.highcontrast .table .table a {
  color: yellow;
  text-decoration: underline;
  font-weight: bold;
}
.highcontrast  a {
  color: yellow!important;
  text-decoration: underline!important;

}
.highcontrast h1, .highcontrast h2, .highcontrast h3, .highcontrast h4{
  color:yellow;
}
.highcontrast select, .highcontrast input[type=text], .highcontrast input, .highcontrast input[type=email],  .highcontrast input[type=password]{
  background-color: black!important;
  color: yellow!important;
  border:2px solid white!important;
}
.highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: white !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: white!important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button.current, .highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.highcontrast button.dt-button:hover {
  color: yellow !important;
  border: 1px solid #979797;
  background-color: blue!important;
  font-weight:bold;
  background: blue;
}
.highcontrast .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .highcontrast input[type=submit] {
  outline: none;
  background-color: #2b2b2b;
  color:yellow!important;
  font-weight:bold;
  background: linear-gradient(to bottom, blue 0%, #0c0c0c 100%)!important;

}
.highcontrast button.dt-button{background-image: linear-gradient(to bottom, blue 0%, black 100%);}
.highcontrast button.dt-button:click{background-color: green!important;}
.highcontrast label{color:yellow;}
.highcontrast .dataTables_wrapper .dataTables_info{color:yellow;}


.highcontrast .deque-expander .deque-expander-summary {
  display: block;
  border: 0;
  padding: 14px 36px 14px 12px;
  color: white!important;
  border: 1px solid yellow!important;
  left: 0;
  text-align: left;
  background: rgba(0,0,0,.05);
}
.highcontrast .deque-expander .deque-expander-summary .toggle-indicator:before {
  background: 0 0;
  content: '\E70D';
  font-family: mwf-glyphs;
  color: lime!important;
  float: left;
  font-size: 1em;
  font-weight: 700;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: center;
  width: 20px;
}
.highcontrast table thead{background-color:darkblue;}
.highcontrast table.dataTable tbody tr {
  background-color: black!important;
}
.highcontrast table tbody tr:nth-child(even){background-color: #050E36;}
.highcontrast textarea {
  background-color: black;
  border: 2px solid white;
  color: white;
}
.highcontrast #befejez {
  padding: 2%;
  background-color: red;
  color: yellow;
  border:2px solid yellow;
}
.highcontrast #kezd {
  padding: 2%;
  background-color: green;
  color: yellow;
  border:2px solid yellow;
}

.nagybetumeret {
  font-size: 24px!important;
}

.normalbetumeret {
  font-size: 16px!important;
}


.kisbetumeret {
  font-size: 10px!important;
}