@font-face { 
	font-family: 'OpenSans-Regular';
	src: url('/assets/fonts/OpenSans-Regular.ttf');
}

:root {
	--pink-szin: #cc258e;
}

html, body {
    height: 100%;
}

body {
	line-height: 1.5;
	font-family: 'OpenSans-Regular';
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('/assets/img/admin-background.jpg') center / cover;
	background-attachment: fixed;
	display: flex;
	flex-direction: column;
}

::selection {
	background: var(--pink-szin);
	color: white;
}

.tartalom {
   flex: 1 0 auto;
}

.allec {
	flex-shrink: 0;
}

/* egyéb stílus kezdete */

.bg-pink {
	background-color: var(--pink-szin);
}

.text-pink, .text-pink:hover {
	color: var(--pink-szin);
}

.bg-yellow {
	background-color: #fcefc6;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.sticky-top {
	z-index: 2 !important;
}

.cke_screen_reader_only {
	height: 0px !important;
}

.vertical-align-center {
	vertical-align: middle !important;
}

.table th, .table td {
	vertical-align: middle;
}

.szerkesztheto-oldal-cim::before, .szerkesztheto-oldal-cim::after,
.emailparameterek-oldal-cim::before, .emailparameterek-oldal-cim::after {
	content: '';
    width: 20px;
    height: 3px;
    background: var(--bs-success);
    display: inline-block;
    vertical-align: middle;
}

.szerkesztheto-oldal-cim::before, .emailparameterek-oldal-cim::before {
    margin-right: 10px;
}

.szerkesztheto-oldal-cim::after, .emailparameterek-oldal-cim::after {
    margin-left: 10px;
}

/* egyéb stílus vége */

/* Custom Toggle Switch kezdete */

.switch-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 10px;
	vertical-align: middle;
}

.switch-toggle:after {
	content: '';
	width: 60px;
	height: 28px;
	display: inline-block;
	background: rgba(195, 195, 195, 0.55);
	border-radius: 18px;
	clear: both;
}

.switch-toggle:before {
	content: '';
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.switch-toggle:checked:before {
	left: 32px;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

.switch-toggle:checked:after {
	background: var(--pink-szin);
}

.switch-toggle,
.switch-toggle:before,
.switch-toggle:after,
.switch-toggle:checked:before,
.switch-toggle:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}

/* Custom Toggle Switch vége */

/* off-canvas kezdete */

.offcanvas-start {
  border: none !important;
  background: var(--bs-dark) !important;
  color: var(--bs-light) !important;
  width: 300px !important;
}

.offcanvas-start .btn-close {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(341deg) brightness(106%) contrast(101%) !important;
  opacity: 1 !important;
}

.offcanvas-header {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.offcanvas-body .nav {
  display: block !important;
  border: 0 !important;
  /*text-align: center !important;*/
}

.offcanvas-body > .nav.nav-tabs .nav-link {
  border: none !important;
  padding: 15px 10px !important;
  color: var(--bs-light) !important;
}

.offcanvas-body > .nav.nav-tabs .nav-link:hover {
  background: var(--pink-szin) !important;
  border: none !important;
  color: var(--bs-light) !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}

.offcanvas-body {
  padding: 20px 0 !important;
}

/* off-canvas vége */

/* form stílus kezdete */

.form-control:focus {
	border-color: var(--pink-szin) !important;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	font-size: 12pt;
}

.form-switch {
    padding-left: 3.0em !important;
}

.form-switch .form-check-input {
	margin-left: -1.3em;
}

.form-control.trumbowyg-textarea:focus {
    border: none !important;
    overflow: auto !important;
    outline: none !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

}

/* form stílus vége */

/* tablesorter stílus kezdete */

th.tablesorter-default .header, .tablesorter-default .tablesorter-header {
	vertical-align: middle;
	font-size: 10pt !important;
}

.tablesorter-default input.tablesorter-filter:focus, .tablesorter-default select.tablesorter-filter:focus {
	outline: none !important;
}

th.tablesorter-blue .header, .tablesorter-blue .tablesorter-header, td.tablesorter {
	vertical-align: middle !important;
}

.tablesorter-blue tbody td, .tablesorter-blue tfoot td, .tablesorter-blue tfoot th {
	vertical-align: middle !important;
}

.tablesorter-blue thead th, .tablesorter-blue thead td {
	border-bottom: 0 !important;
}

.tablesorter-blue thead th, .tablesorter-blue thead td {
	border-top: 0 !important;
}

.tablesorter-blue .header, .tablesorter-blue .tablesorter-header {
	padding: 20px !important;
}

.tablesorter-blue th, .tablesorter-blue thead td {
	font-size: 15px !important;
	font-family: inherit !important;
}

.tablesorter-blue th {
	font-size: 17px !important;
	text-align: center;
}

.tablesorter-bootstrap:not(.table-dark) > tbody > tr td.primary, .tablesorter-bootstrap:not(.table-dark) > tbody > tr.even td.primary {
    background-color: #e6e6e6 !important;
}

.tablesorter-bootstrap:not(.table-dark) > tbody > tr td.primary, .tablesorter-bootstrap:not(.table-dark) > tbody > tr.odd td.primary {
    background-color: #cdcdcd !important;
}

/* tablesorter stílus vége */

/* Custom Back To Top stílus kezdete */

.scroll-top {
	background: var(--pink-szin) url('/assets/img/cd-top-arrow.svg') no-repeat center 50%;
	color: #FFF;
	transition: all .5s;
	position: fixed;
	right: -70px;
	bottom: 20px;
	z-index: 1;
	display: none;
	cursor: pointer;
	box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.5);
	height: 60px;
	width: 60px;
	opacity: 0.8;
}

.scroll-top:hover {
	opacity: 1;
	transition: all .5s;
}

/* Custom Back To Top stílus vége */

/* Bootstrap tooltip stílus kezdete */

.tooltip-inner {
	max-width: 300px !important;
	background: var(--pink-szin) !important;
}

.tooltip-arrow {
	filter: invert(17%) sepia(100%) saturate(3114%) hue-rotate(308deg) brightness(91%) contrast(84%);
}

/* Bootstrap tooltip stílus vége */

/* Bootstrap Navigation stílus kezdete */

.navbar-dark .navbar-nav .nav-link {
	color: var(--bs-light) !important;
	transition: color .25s;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--pink-szin) !important;
	transition: color .25s;
}

.navbar-dark .navbar-nav .dropdown-toggle::after {
	border: 0 !important;
	margin-left: 0 !important;
}

.navbar-dark .navbar-nav .nav-item:not(.dropdown-menu .nav-item):last-child:after {
	content: '';
}

.navbar-dark .navbar-nav .nav-link.aktiv {
	color: var(--pink-szin) !important;
}

.animate-link::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	transition: width .4s;
	background: var(--pink-szin);
}

.animate-link:hover::after {
	width: 100%;
}

.dropdown-menu.show {
	display: inline-block !important;
}

.dropdown-menu .nav-item a:hover {
	background: var(--pink-szin) !important;
	color: var(--bs-light) !important;
}

@media (min-width: 300px) {
	.navbar-dark .navbar-nav .nav-link {
		display: block !important;
		font-size: 15px !important;
	}

	.navbar-dark .navbar-nav .nav-link.aktiv::after, .animate-link:hover::after {
		width: 0;
	}
	
	.navbar-dark .navbar-nav .nav-item:after {
		content: '';
	}
}

@media (min-width: 1200px) {
	.navbar-dark .navbar-nav .nav-link {
		display: inline-block !important;
	}
	
	.navbar-dark .navbar-nav .nav-item:not(.dropdown-menu .nav-item):after {
		content: '\2022';
		color: var(--pink-szin);
		font-size: 24px;
		vertical-align: middle;
		margin-right: 5px;
	}

	.animate-link::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		transition: width .4s;
		background: var(--pink-szin);
	}
	
	.animate-link:hover::after {
		width: 100%;
	}

	.navbar-dark .navbar-nav .nav-link.aktiv::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: var(--pink-szin);
	}
}

@media (min-width: 1400px) {
	.navbar-dark .navbar-nav .nav-link {
		display: inline-block !important;
		font-size: 17px !important;
	}
}

.navbar-dark .navbar-toggler:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Bootstrap Navigation stílus vége */

/* További (fel nem használt) stílusok kezdete */

[draggable=true] {
	cursor: move;
}

.exttable .f1tr, .exttable .f1th, .exttable .f2tr, .exttable .f2th {
	border-width: 0px;
	background-color: #212529;
	color: white;
}

.f1tr {
	background-color: #e0e0e0;
}

.bgfocus:focus {
	background-color: #FFEE75;
}

.tfejutazasinap {
	font-size: 15pt;
}

.tablaelvalaszto {
	height: 20px;
	border-width: 0px;
}

.trcim {
	font-weight: bold;
}

.tblfej2 {
	background-color: #e5e5e5;
	color: #343434;
}

.ui-draggable-dragging {
    box-shadow:0 0 2px #000;
    background-color: rgb(190,190,190, .9);
}

.ui-state-hover {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: yellow !important;
	background-color: yellow !important;
}

.trcim {
	background-color: rgb(238,238,238, .8);
}

.table-bordered td, .table-bordered th {
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}

.dd-handle {
	height: 43px !important;
}

.termek-letrehozas-keplista-vezerloikonsor {
	position: absolute;
	top: 5px;
	right: 20px;
}

.aprogomb {
	padding: 2px;
	background-color: #C82333;
	color: white;
	border-width: 0px;
	width: 25px;
	height: 25px;
}

.roundedCorners {
    border: #777 1px solid;
    padding: 0 10px;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.torolvesor {
	background-color: #F5C6CB !important;
}

.select2-container {
	width: 100% !important;
}

.has-feedback {
	position: relative;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

#M87456_termekek_termekkereso_keresomezo_btn {
	color: #343434;
}

/* További (fel nem használt) stílusok vége */