@font-face {
  font-family: Titillium;
  src: url(TitilliumWeb-Bold.ttf);
}
@font-face {
  font-family: Titillium-reg;
  src: url(TitilliumWeb-Regular.ttf);
}



.clear{clear:both}

.jumbotron h1{
  color:yellow!important;
}

.navbar-default .navbar-nav>li>a {
  color: white;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #FFC042;
}

table thead{
  background-color:#FFFFA2;
}

table tr:nth-child(even){
  background-color: #FFFFCB;
}
h1,h2,h3{
  color:black;
  font-family:Titillium!important;
}

.navbar {
  border-radius: 0!important;
}
.navbar-default {
  background-color: #338F0F;
  border-color: transparent;
  color: white;
  
}
.navbar-default .navbar-brand {
  color: #fff;
  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: #338F0F;
  color: #fff;
  font-weight: bold;
  border: 0px solid #fff;
}
h1{font-size:28px}
h2{font-size:22px;margin:5% 0}
label{font-size:16px}



button.prev.btn.btn-success, button.next.btn.btn-success {
    margin-bottom: 20px;
}

#hibas {
    padding: 0 0 20px;
}

@media only screen and (min-width:800px){
	button.next.btn.btn-success {
    float: right;
}
#konyvespolc {
    width: 50%;
    display: inline-block;
}
#hibajelzes {
    width: 49%;
    display: inline-block;
	text-align:right
}

	
	
	
  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){
	#konyvespolc {
    width: 100%;
    display: block;
	text-align:center;
}
#hibajelzes {
    width:100%;
    display: block;
	text-align:center;
	padding:20px 0;
}
  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;
  }

}
.able-status-bar {
    min-height: 2.5em!important;
}
td { padding:10px}
.table{margin-top:10px}
.kotelezo { color:red; font-weight:bold}
 #reg{background-color: #338F0F;
    color: #fff;
    font-weight: bold;
    border: 0px solid #fff;
}
 .highcontrast #reg{background-color: yellow;
    color: #000;
    font-weight: bold;
    border: 0px solid #fff;
}

.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;
}
.highcontrast svg {
    color: yellow;
}
.highcontrast .able-seekbar-head {
    background-color: yellow;
}
.highcontrast .able-seekbar-played {
    background-color: yellow;
}
.highcontrast .able-controller {
    background-color: darkblue;
}
.highcontrast .btn-success{
	background-color:yellow;
	color:black;
	font-weight:bold;
}
.highcontrast .able-player {
    background-color: black;
}
.highcontrast .able-seekbar-loaded {
    background-color: black;
}
.clean{clear:both}
.nagybetumeret {
  font-size: 24px!important;
}

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


.kisbetumeret {
  font-size: 10px!important;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: yellow;
    background-color: transparent;
}

ul.mvgyosz-kat {
    list-style-type: none;
    padding-inline-start: 0px;
}
ul.mvgyosz-kat li a{
	width:100%;
    background-color: #E6E6E6;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid black;
	font-weight:bold;
	color:black;
	text-align:left;
	border-radius:0;
}

.highcontrast ul.mvgyosz-kat li a{
    background-color: #000!important;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid yellow!important;
	font-weight:bold;
	color:black;
	text-align:left;
	border-radius:0;
}
ul.mvgyosz-kat a {
	text-decoration:none;
	cursor:pointer;
}
ul.mvgyosz-kat li a:hover,ul.mvgyosz-kat li a:focus {
    background-color: #FFC042!important;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid black;
	font-weight:bold;
	color:black!important
	
}
.highcontrast ul.mvgyosz-kat li a:hover,.highcontrast ul.mvgyosz-kat li a:focus{
    background-color: yellow!important;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid black;
	font-weight:bold;
	color:black!important;
}
ul.mvgyosz-kat  li a:focus {
    background-color: #FFC042!important;
}

.mvgyosz-kat-konyv{font-weight:normal}


img.borito-kat {
    max-width: 200px;
}
.kat-konyvek {
	height:370px;
	text-align:center;
	//padding:20px;
	border:1px solid #c4c4c4;
	color:black;
	background-color:white;
	//width:100%;
	border-radius:0;
}
.kat-konyvek h2,.kat-konyvek h3 {
	white-space:normal;
	height:70px;
}

.highcontrast .kat-konyvek {
	background-color:black;
	border:1px solid yellow;
}
.kat-konyvek {
padding-right: 0px;
    padding-left: 0px;
}
.kat-konyvek:hover,.kat-konyvek:focus{
	background-color:#FFC042!important;
	color:black!important;
}
.highcontrast .kat-konyvek:hover, .highcontrast .kat-konyvek:focus{
	background-color:yellow!important;
	color:black!important;
}
.highcontrast .kat-konyvek:hover a h2,highcontrast .kat-konyvek:hover a h3, .highcontrast .kat-konyvek:focus a>span, .highcontrast .kat-konyvek :hover a>span, .highcontrast .kat-konyvek:focus a h2, .highcontrast .kat-konyvek:focus a h3{
	color:black!important;
	background-color:yellow!important;
}
ul.kategoria-konylist,ul.fejezet-list {
    list-style-type: none;
    padding-inline-start: 0px;
}
.able-wrapper.able-skin-legacy {
    max-width: 100%!important;
}



.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: #c2c2c2;
    width: 100%;
    text-align: left;
    background-color: #f2f2f2;
    color: black;
	font-family:Titillium!important;
}
.highcontrast .btn-link,.highcontrast .btn-link:active,.highcontrast .btn-link:focus,.highcontrast .btn-link:hover {
    border-color: yellow;
    width: 100%;
    text-align: left;
    background-color: black;
    color: yellow;
	font-family:Titillium!important;
}
.konyv-fejezet button {
	white-space:normal;
    width: 100%;
    background-color: #e6e6e6;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    color: black;
    text-align: left;
}
.highcontrast .konyv-fejezet button {
    width: 100%;
    background-color: black;
    border: 1px solid yellow;
    border-radius: 0;
    color: yellow;
    text-align: left;
}
.konyv-fejezet button:hover, .konyv-fejezet button:focus {
    background-color: #FFC042;
    text-align: left;
}
.highcontrast .konyv-fejezet button:hover, .highcontrast .konyv-fejezet button:focus {
    background-color: yellow;
    text-align: left;
	color:black!important;
}

.card-body {
    margin-bottom: 1rem;
}

.deque-form-group {
    padding-bottom: 2rem;
}

#deque-dialog-trigger-hibajelzes:hover {
    cursor: pointer;
}

#ertekel {
    padding-top: 1rem;
}

#ertekel #deque-dialog-trigger-ertekeles {
    font-weight: bold;
    background-color:#338F0F;
    border-color: #338F0F;
}

#ertekel #deque-dialog-trigger-ertekeles:hover,
#ertekel #deque-dialog-trigger-ertekeles:focus {
    color:white;
    background-color:#33780F;
    cursor: pointer;
    border: 2px solid black;
}

button.btn.polcra-tesz,
button.btn.polcrol-vesz {
    font-weight: bold;
	background-color:#338F0F;
}
button.btn.polcra-tesz:hover,button.btn.polcra-tesz:focus,
button.btn.polcrol-vesz:hover,button.btn.polcrol-vesz:focus {
    color:white;
	background-color:#33780F;
    border: 2px solid black;
}
.highcontrast button.btn.polcra-tesz {
    background-color: yellow;
    color: black;
    font-weight: bold;
}
.highcontrast button.btn.konyvespolc.polcrol-vesz{
	background-color: yellow;
    color: black;
    font-weight: bold;
}
.highcontrast button.btn.polcra-tesz:hover {
    background-color: darkblue;
    color: yellow;
    font-weight: bold;
	border:2px solid yellow;
}

.fejezetek{
	border-top: 2px solid green;
    margin-top: 20px;
}
.highcontrast .fejezetek{
	border-top: 2px solid yellow;
    margin-top: 20px;
}