html,
body {
    height: 100%;
	margin-top: 10px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* BP18 customizations */

/* core */
.container {
	width: 90%;
}
h4 {
	margin: 0px;
}
.alert {
	margin-bottom: 0px;
}
table tr td {
	cursor: pointer;
}
.ck-editor__editable {
    min-height: 300px;
}
.color_column {
	display: inline-block;
	min-width: 10px;
	padding: 7px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

/* szűrő blokk */
.news-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.program-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.announcement-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.gallery-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.video-gallery-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.report-type-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.message-template-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.email-template-search {
	float: left;
	min-width: 240px;
	width: 20%;
}
.mobile-user-search {
	
}
.checkbox label:after, 
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 50%;
	left: 20%;
}

.radio .cr .cr-icon {
	margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
	opacity: .5;
}

.radio label, .checkbox label {
	padding-left: 10px;
}

/* custom Bootstrap colored buttons */
/* orange */
.btn-orange { 
  color: #ffffff; 
  background-color: #FF7B00; 
  border-color: #D58512; 
} 
 
.btn-orange:hover, 
.btn-orange:focus, 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #E06F04; 
  border-color: #D58512; 
} 
 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  background-image: none; 
} 
 
.btn-orange.disabled, 
.btn-orange[disabled], 
fieldset[disabled] .btn-orange, 
.btn-orange.disabled:hover, 
.btn-orange[disabled]:hover, 
fieldset[disabled] .btn-orange:hover, 
.btn-orange.disabled:focus, 
.btn-orange[disabled]:focus, 
fieldset[disabled] .btn-orange:focus, 
.btn-orange.disabled:active, 
.btn-orange[disabled]:active, 
fieldset[disabled] .btn-orange:active, 
.btn-orange.disabled.active, 
.btn-orange[disabled].active, 
fieldset[disabled] .btn-orange.active { 
  background-color: #FF7B00; 
  border-color: #D58512; 
} 
 
.btn-orange .badge { 
  color: #FF7B00; 
  background-color: #ffffff; 
}

/* grey */
.btn-grey { 
  color: #ffffff; 
  background-color: #44444D; 
  border-color: #8A8A90; 
} 
 
.btn-grey:hover, 
.btn-grey:focus, 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #8A8A90; 
} 
 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  background-image: none; 
} 
 
.btn-grey.disabled, 
.btn-grey[disabled], 
fieldset[disabled] .btn-grey, 
.btn-grey.disabled:hover, 
.btn-grey[disabled]:hover, 
fieldset[disabled] .btn-grey:hover, 
.btn-grey.disabled:focus, 
.btn-grey[disabled]:focus, 
fieldset[disabled] .btn-grey:focus, 
.btn-grey.disabled:active, 
.btn-grey[disabled]:active, 
fieldset[disabled] .btn-grey:active, 
.btn-grey.disabled.active, 
.btn-grey[disabled].active, 
fieldset[disabled] .btn-grey.active { 
  background-color: #44444D; 
  border-color: #8A8A90; 
} 
 
.btn-grey .badge { 
  color: #FF7B00; 
  background-color: #ffffff; 
}

/* blue */
.btn-blue { 
  color: #ffffff; 
  background-color: #007bff; 
  border-color: #241CFF; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #ffffff; 
  background-color: #2821FF; 
  border-color: #241CFF; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #4944FF; 
  border-color: #241CFF; 
} 
 
.btn-blue .badge { 
  color: #4944FF; 
  background-color: #ffffff; 
}

/* red */
.btn-red { 
  color: #ffffff; 
  background-color: #dc3545; 
  border-color: #d43f3a; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #ffffff; 
  background-color: #C9302C; 
  border-color: #d43f3a; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #d9534f; 
  border-color: #d43f3a; 
} 
 
.btn-red .badge { 
  color: #d9534f; 
  background-color: #ffffff; 
}

/* green */
.btn-green { 
  color: #ffffff; 
  background-color: #28a745; 
  border-color: #4CAE4C; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #ffffff; 
  background-color: #449d44; 
  border-color: #4CAE4C; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #5CB85C; 
  border-color: #4CAE4C; 
} 
 
.btn-green .badge { 
  color: #5CB85C; 
  background-color: #ffffff; 
}

/* navbar */
.navbar-brand {
	color: #FFFFFF!important;
	font-size: 20px;
	height: 60px;
	display: flex;
	align-items: center;
}

.navbar-brand > img {
    margin-right: 10px;
}

.navbar-nav > li > a , .nav li > form > button.logout {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-center {
   display: flex;
   align-items: center;
}

.selected-city-header {
	font-size: 20px;
}

/* user lista */
.table-users th {
	text-align: center;
}
.user-index td {
	border-left: 0px!important;
	border-right: 0px!important;
}
.user-index th {
	border: 0px!important;
}

.user-index .checkbox {
	margin: 5px 0px 0px 0px;
}

/* szavazás */
.field-voting-type .control-label {
	width: 100%;
}

/* információ lista */
.kv-icon-parent {
	margin-right: 5px;
}

/* településhatárok */
#google-map {
	float: left;
	height: 100%;
	width: 800px;
}
#google-map-layers1 {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	float: left;
	height: 100%;
	margin-left: 15px;
	padding: 10px;	
	width: 250px;
}
#google-map-layers2 {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	float: left;
	height: 100%;
	margin-left: 15px;
	padding: 10px;	
	width: 250px;
}
#google-map-layers-city-section-list {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	float: left;
	height: 100%;
	margin-left: 15px;
	overflow: hidden;
	padding: 10px;
	padding-bottom: 40px;
	width: 270px;
}
.scrollable {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* galéria */
.gallery-index figcaption {
	background-color: white;
	color: black;
	padding: 4px;
	text-align: center;
}
.gallery-index a:hover {
	text-decoration: none;
}
.gallery-manager {
	margin-bottom: 20px;
}
.gallery-manager input[type="checkbox"] {
    margin-top: 0px;
    vertical-align: middle;
}
.gallery-manager .sorter {
	margin: 10px;
}
.gallery-manager .caption {
	padding: 5px;
}
.gallery-manager .caption h5 {
	font-weight: bold;
	margin-bottom: 2px;
}
.gallery-manager .photo {
	margin: 15px;
}

/* bejelentések */
.report-search select {
	display: inline-block;
	width: 230px;
}
.report-search input[type="text"] {
	display: inline-block;
	width: 230px;
}
.report-search .form-group {
	float: left;
	margin-bottom: 0px;
	margin-right: 20px;
}

/* audit modul */
.hashtag {
    margin-top: -70px;
    padding-top: 70px;
}

.Differences {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.Differences thead th {
    text-align: left;
    border-bottom: 1px solid #000;
    background: #aaa;
    color: #000;
    padding: 4px;
    display: none;
}
.Differences tbody th {
    text-align: right;
    background: #f3f3f3;
    width: 3em;
    padding: 1px 5px;
    border-right: 1px solid #ccc;
    vertical-align: top;
    font-family: Consolas, monospace;
    font-size: 13px;
    font-weight: normal;
}

.Differences td {
    padding: 1px 2px 1px 5px;
    font-family: Consolas, monospace;
    font-size: 13px;
}

.DifferencesSideBySide .ChangeInsert td.Left {
    background: #dfd;
}

.DifferencesSideBySide .ChangeInsert td.Right {
    background: #cfc;
}

.DifferencesSideBySide .ChangeDelete td.Left {
    background: #f88;
}

.DifferencesSideBySide .ChangeDelete td.Right {
    background: #faa;
}

.DifferencesSideBySide .ChangeReplace .Left {
    background: #fe9;
}

.DifferencesSideBySide .ChangeReplace .Right {
    background: #fd8;
}

.Differences ins, .Differences del {
    text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
    background: #fc0;
}

.Differences .Skipped {
    background: #f7f7f7;
}

.DifferencesInline .ChangeEqual tr:hover td {
    background: #f3f3f3;
}

.DifferencesInline .ChangeReplace .Left,
.DifferencesInline .ChangeDelete .Left {
    background: #fdd;
}

.DifferencesInline .ChangeReplace .Right,
.DifferencesInline .ChangeInsert .Right {
    background: #dfd;
}

.DifferencesInline .ChangeReplace ins {
    background: #9e9;
}

.DifferencesInline .ChangeReplace del {
    background: #e99;
}

/* SideNav */
.nav-pills {
	background-color: #2D353C!important;
	color: #FFFFFF!important;
}
.kv-sidenav li a {
	border: 0px!important;
	color: #FFFFFF!important;
}
.nav-stacked > li + li {
	padding-left: 10px;
	margin: 0px;
}
.nav-stacked > li {
	padding-left: 10px;
	margin: 0px;
}
.left-menu > .panel-default > .panel-heading {
	background-color: #2D353C!important;
	border: 0px!important;
	color: #FFFFFF!important;
}
.nav > li > a:hover {
	background-color: #242A31!important;
}

/* elfogadóhelyek */
.acceptance-place-search select {
	display: inline-block;
	width: 230px;
}
.acceptance-place-search input[type="text"] {
	display: inline-block;
	width: 230px;
}
.acceptance-place-search .form-group {
	float: left;
	margin-bottom: 0px;
	margin-right: 20px;
}
#acceptanceplacediscountsearch-created_at, #acceptanceplacetopsearch-created_at {
	width: 300px;
}
.char-counter {
	text-align: right;
}
.gallery-manager .btn-toolbar {
	display: none;
}
.sorter .caption {
	display: none;
}
.sorter .actions {
	display: none;
}
.sorter .photo-select {
	display: none;
}
.image-zoom {
    width: 200px; /* Kisebb kezdő méret */
    height: auto;
    transition: transform 0.2s; /* Sima nagyítás */
    position: relative;
    z-index: 100; /* Alap z-index, amikor nincs hover */
}
.image-zoom:hover {
    -ms-transform: scale(3); /* IE */
    -webkit-transform: scale(3); /* Safari */
    transform: scale(3); /* Standard: nagyítás */
    position: relative;
    z-index: 1000; /* Jelentősen növelt z-index a hover állapotban */
}