.ubrUrlap .urlapSzamSzoveg {
	text-align: right;
	white-space: nowrap;
}

.ubrUrlap .urlapSzamSzoveg-dis {
	text-align: right;
	white-space: nowrap;
}

.ubrUrlap td, .ubrUrlap th {
	padding: 2px 3px;
	vertical-align: top;
}

.ubrUrlap .ubrTabla, .ubrUrlap .urlapTablaCim, .ubrUrlap .ubrSzvgCont {
	margin: 0.5em 0;
}

.ubrUrlap table .urlapSzoveg {
	margin: 0;
}

.ubrUrlap .urlapTablaCim {
	display: block;
}

.ubrUrlap .vastag {
	font-weight: bold;
}

.ubrUrlap .dolt {
	font-style: italic;
}

.ubrUrlap .cim {
	font-size: 1.75em;
	margin: 1.25em 0;
}

.ubrUrlap .jobb {
	text-align: right;
}

.ubrUrlap .kozep {
	text-align: center;
}

.ubrUrlap .zart {
	text-align: justify;
}

.ubrUrlap .rovid, .ubrUrlap .rovid-dis {
	width: 70px;
}

.ubrUrlap .szeles, .ubrUrlap .szeles-dis {
	width: 200px;
}

.ubrUrlap .nowrap {
	white-space: nowrap;
}

.ubrUrlap .alairas {
	text-align: center;
}

.ubrUrlap .urlapValasztasElem {
	padding: 3px 4px 3px 5px;
	cursor: move;
	background: #EAEFF4;
	border: 1px solid #ccc;
	width: 50%;
}

.ubrUrlap .urlapValasztasElemek {
	padding: 1em 0;
}

.ubrUrlap .deleteOption {
	float: right;
}

.ubrUrlap .teljes_szeles, .ubrUrlap teljes_szeles-dis {
	width: 98%;
}

.ubrUrlap .clearer, .ubrDesign .clearer {
	clear: both;
}

.ubrUrlap .unimportant {
	color: #ccc;
}

.ubrUrlap .keret {
	border-collapse: collapse;
}

.ubrUrlap .keret, .ubrUrlap .keret th, .ubrUrlap .keret td {
	border: 1px solid black;
}

.ubrUrlap .keret table, .ubrUrlap .keret table th, .ubrUrlap .keret table td
	{
	border: 0;
}

.ubrUrlap .ubrSzoveg ol, .ubrUrlap .ubrSzoveg ul {
	padding-left: 20px;
	margin-left: 15px;
}

.ubrUrlap .replacedCheckbox {
	text-align: center;
}

.ubrFile td {
	white-space: nowrap;
	vertical-align: middle;
}

.ubrFile .ui-fileupload-buttonbar {
	background: none;
	border: none;
}

.ubrFile .ui-fileupload-content {

}

.ubrFile .ui-widget-content {
	border: none;
}

.taGroup .tc {
	text-align: right;
}

.ubrMezo input[disabled] {
	opacity: 0.35;
}

.ubrUrlap .dots, .ubrUrlap .name {
	display: block;
}

.ubrConfirm .ubrOk, .ubrConfirm .ubrCancel {
	float: left;
	display: block;
}

.ubrConfirm .ubrCancel {
	float: right;
}

.ubrUrlap .modosult input, .ubrUrlap .modosult textarea, .ubrUrlap .modosult select,
	.ubrUrlap .modosult .ui-selectonemenu, .ubrUrlap .modosult .d,
	.ubrUrlap .modosult .ui-checkbox, .ubrUrlap .modosult .ui-checkbox .ui-checkbox-box,
	.ubrUrlap .modosult div .ubrFile, .ubrUrlap .modosult div .ubrButton,
	.ubrUrlap .modosult div .ui-button, .ubrUrlap .ubrMezo.modosult {
	background: #BDE5F8;
}

.ubrUrlap .ubrVInfo, .ubrUrlap .ubrVWarn, .ubrUrlap .ubrVInfo input,
	.ubrUrlap .ubrVWarn input, .ubrUrlap .ubrVInfo.ui-checkbox .ui-checkbox-box,
	.ubrUrlap .ubrVWarn.ui-checkbox .ui-checkbox-box, .ubrUrlap .ubrMezo .ubrVWarn
	{
	background: #F2F5D3;
}

.ubrUrlap .ubrVError, .ubrUrlap .ubrVFatal, .ubrUrlap .ubrVError input,
	.ubrUrlap .ubrVFatal input, .ubrUrlap .ubrVError.ui-checkbox .ui-checkbox-box,
	.ubrUrlap .ubrVFatal.ui-checkbox .ui-checkbox-box, .ubrUrlap .ubrMezo .ubrVError,
	.ubrXhtmlUrlap .ubrVError
	{
	background: #EDD5DB;
	border: 1px solid #b94a48;
}

.ui-messages-error {
	border: 1px solid #b94a48;
}

.ubrTabs li.megjegyzes.ui-state-default {
	background: #BDE5F8;
}

.ubrTabs li.invalid.ui-state-default {
	background: #EDD5DB;
}

.ubrTabs li.old.ui-state-default {
	background: #ebead1;
}

.ubrTab {
	float: left !important;
}

select[disabled] option[selected] {
	background: #eee;
}

select[disabled="disabled"][multiple="multiple"] {
	background-color: #D4D0C8;
}

select[disabled="disabled"][multiple="multiple"] option[selected="selected"]
	{
	background-color: navy;
	color: #fff;
}

.ubrUrlap .ui-datatable thead th {
	white-space: normal;
}

.urlapHosszuSzovegSzovegCsO {
	white-space: pre-wrap;
}

.kotelezo {
	position: relative;
}

.edit .kotelezo:before, .design .kotelezo:before, .szabalydesign .kotelezo:before
	{
	content: "*";
	font-size: 1.5em;
	color: red;
	position: absolute;
	left: -15px;
}

.kotelezoMezo:after {
	content: "*";
	font-size: 1.5em;
	color: red;
	position: absolute;
	margin-left: 10px;
}

.ubrUrlap .ubrMezo input.ubrVInfo {
	background-color: rgb(242, 245, 211);
}

.szabalyDesign .label {
	color: black;
}

.breadCrumbElement, .breadCrumbElement:hover, .breadCrumbElement:active,
	.breadCrumbElement:focus, .ui-breadcrumb .ui-icon-home {
	color: black !important;
	text-decoration: none;
	outline: none;
}

.breadCrumbElement {
	bottom: 3px;
}

.breadCrumbElement.ui-state-disabled, .ui-icon-home.ui-state-disabled {
	opacity: 1;
	background-color: inherit;
	font-weight: normal;
}

div.treeNodeError>a {
	color: #c54a48 !important;
}

div.treeNodeError:hover {
	cursor: pointer;
	color: #b63e3a !important;
}

div.treeNodeActive {
	font-weight: bold;
}

.treeSelectorTree .ui-tree-container>ul {
	background-color: #111;
}

.opener {
	position: fixed;
	left: 0%;
	top: 40%;
	height: 20%;
	display: table;
}

.opener>span {
	display: table-cell;
	vertical-align: middle;
}

.sidenavHeader {
	position: relative;
	height: 40px;
	width: 100%;
	right: 0;
	top: 0;
}

.sidenav {
	height: 100%;
	position: fixed;
	width: 350px;
	display: none;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	overflow-x: hidden;
}

.sidenav a, .sidenav>div {
	color: #333333 !important;
	display: block;
	transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus {
	color: #151515 !important;
}

.sidenav .closebtn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: none;
	border: none;
	box-shadow: none;
	z-index: 1;
}

.sidenav .pinbtn {
	position: absolute;
	top: 5px;
	right: 50px;
	background: none;
	border: none;
	box-shadow: none;
	z-index: 1;
}

.sidenav .pinbtn:hover, .sidenav .pinbtn:focus, .sidenav .closebtn:hover,
	.sidenav .closebtn:focus {
	border: none;
	outline: none;
}

.treeSelectorTree {
	background-color: #FFFFFF;
	border: none;
}

.treeSelectorTree .ui-tree-container {
	height: 100%;
	width: calc(100% + 45px)
}

.folderNode {
	cursor: default !important;
}

.faNavigacio {
	margin-left: 10px;
	font-weight: bold;
	font-size: 22px;
	margin-top: 5px;
}

.popupBody {
	background-color: #ffffff;
	margin: 10px 10px 10px 10px;
}

.kozepreZart {
	text-align: center;
}

.error-template {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
}

.error-template {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.error-actions {
	margin-top: 15px;
	margin-bottom: 15px;
}

.error-actions .btn {
	margin-right: 10px;
}

.dl-row {
	margin-top: 5px;
}

.error-h1 {
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.error-h2 {
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.error-code-box {
	background-color: #fff;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.error-code {
	margin: 15px;
	position: relative;
	left: 15px;
}

.error-copy-button {
	width: 30px;
	height: 20px;
	position: relative;
	float: right;
	z-index: 10;
}

.error-stack-trace {
	word-wrap: break-word !important;
	white-space: pre-wrap !important;
}

.disableScrollbar .ui-datatable-tablewrapper {
	overflow: hidden;
}

.ui-button.ui-primary-button {
	background-color: #007bff !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border-color: rgba(0, 0, 0, 0) !important;
	outline: none;
}

.ui-button.ui-primary-button:hover {
	background-color: #0069d9 !important;
}

.ui-button.ui-primary-button:active {
	background-color: #004a99 !important;
}

.ui-button.ui-primary-button.ui-state-disabled:hover {
	background-color: #007bff !important;
}

.ui-button.ui-primary-button.ui-state-disabled:active {
	background-color: #007bff !important;
}

.ui-button.ui-primary-outline-button {
	background-color: white !important;
	color: #007bff !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border: 1px solid #007bff !important;
	outline: none;
}

.ui-button.ui-primary-outline-button:hover {
	box-shadow: 0 0 0 1px #007bff !important;
	color: #007bff !important;
}

.ui-button.ui-primary-outline-button:active {
	box-shadow: 0 0 0 1px #004a99 !important;
	color: #004a99 !important;
}

.ui-button.ui-primary-outline-button.ui-state-disabled:hover {
	box-shadow: 0 0 0 0 !important;
	color: #007bff !important;
}

.ui-button.ui-primary-outline-button.ui-state-disabled:active {
	box-shadow: 0 0 0 0 !important;
	color: #007bff !important;
}

.ui-button.ui-secondary-button {
	background-color: #868e96 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border-color: rgba(0, 0, 0, 0) !important;
	outline: none;
}

.ui-button.ui-secondary-button:hover {
	background-color: #727b84 !important;
}

.ui-button.ui-secondary-button:active {
	background-color: #51585f !important;
}

.ui-button.ui-secondary-button.ui-state-disabled:hover {
	background-color: #868e96 !important;
}

.ui-button.ui-secondary-button.ui-state-disabled:active {
	background-color: #868e96 !important;
}

.ui-button.ui-secondary-outline-button {
	background-color: white !important;
	color: #868e96 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border: 1px solid #868e96 !important;
	outline: none;
}

.ui-button.ui-secondary-outline-button:hover {
	box-shadow: 0 0 0 1px #868e96 !important;
	color: #868e96 !important;
}

.ui-button.ui-secondary-outline-button:active {
	box-shadow: 0 0 0 1px #51585f !important;
	color: #51585f !important;
}

.ui-button.ui-secondary-outline-button.ui-state-disabled:hover {
	box-shadow: 0 0 0 0 !important;
	color: #868e96 !important;
}

.ui-button.ui-secondary-outline-button.ui-state-disabled:active {
	box-shadow: 0 0 0 0 !important;
	color: #868e96 !important;
}

.ui-button.ui-minor-button {
	background-color: #28a745 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border-color: rgba(0, 0, 0, 0) !important;
	outline: none;
}

.ui-button.ui-minor-button:hover {
	background-color: #218838 !important;
}

.ui-button.ui-minor-button:active {
	background-color: #19692b !important;
}

.ui-button.ui-minor-button.ui-state-disabled:hover {
	background-color: #28a745 !important;
}

.ui-button.ui-minor-button.ui-state-disabled:active {
	background-color: #28a745 !important;
}

.ui-button.ui-minor-outline-button {
	background-color: white !important;
	color: #28a745 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border: 1px solid #28a745 !important;
	outline: none;
}

.ui-button.ui-minor-outline-button:hover {
	box-shadow: 0 0 0 1px #28a745 !important;
	color: #28a745 !important;
}

.ui-button.ui-minor-outline-button:active {
	box-shadow: 0 0 0 1px #19692b !important;
	color: #19692b !important;
}

.ui-button.ui-minor-outline-button.ui-state-disabled:hover {
	box-shadow: 0 0 0 0 !important;
	color: #28a745 !important;
}

.ui-button.ui-minor-outline-button.ui-state-disabled:active {
	box-shadow: 0 0 0 0 !important;
	color: #28a745 !important;
}

.ui-button.ui-major-button {
	background-color: #dc3545 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border-color: rgba(0, 0, 0, 0) !important;
	outline: none;
}

.ui-button.ui-major-button:hover {
	background-color: #c82333 !important;
}

.ui-button.ui-major-button:active {
	background-color: #991b27 !important;
}

.ui-button.ui-major-button.ui-state-disabled:hover {
	background-color: #dc3545 !important;
}

.ui-button.ui-major-button.ui-state-disabled:active {
	background-color: #dc3545 !important;
}

.ui-button.ui-major-outline-button {
	background-color: white !important;
	color: #dc3545 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	border: 1px solid #dc3545 !important;
	outline: none;
}

.ui-button.ui-major-outline-button:hover {
	box-shadow: 0 0 0 1px #dc3545 !important;
	color: #dc3545 !important;
}

.ui-button.ui-major-outline-button:active {
	box-shadow: 0 0 0 1px #991b27 !important;
	color: #991b27 !important;
}

.ui-button.ui-major-outline-button.ui-state-disabled:hover {
	box-shadow: 0 0 0 0 !important;
	color: #dc3545 !important;
}

.ui-button.ui-major-outline-button.ui-state-disabled:active {
	box-shadow: 0 0 0 0 !important;
	color: #dc3545 !important;
}

.ui-datascroller-content {
	border: none;
	margin-top: 10px;
	padding: 0 !important;
}

.panel-sidebar {
	grid-area: sidebar;
	display: grid;
	grid-template-columns: 100%;
	align-content: start;
	grid-gap: 10px;
	justify-self: stretch;
}

.card-buttons {
	grid-area: buttons;
	justify-self: end;
}

.card-header {
	grid-area: type;
}

.card-main {
	grid-area: main;
}

.card-attributes {
	grid-area: attributes;
}

.card-divider {
	grid-area: divider;
	background-color: #f3f6f8;
	border-radius: 1px;
}

.card-content {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 3fr 3fr 3fr 3fr 2px 1fr;
	grid-template-areas:
		"type       type       type       buttons    divider sidebar"
		"main       main       main       main       divider sidebar"
		"attributes attributes attributes attributes divider sidebar";
}

.uzenet-szerkeszt-panel {
	border-radius: 5px;
	padding: 5px;
	border: 1px solid rgb(221, 221, 221);
}

.uzenet-szerkeszt-separator {
	margin-top: 10px;
}

.uzenet-szerkeszt-title {
	color: #606266;
	font-size: 1.5em !important;
}

.uzenet-szerkeszt-attribute {
	color: #606266;
	font-size: 1.15em !important;
}

.uzenet-szerkeszt-value {
	width: calc(100% - 10px) !important;
}

.uzenet-szerkeszt-value.ui-selectcheckboxmenu-multiple {
	width: 100% !important;
}

.uzenet-szerkeszt-value>.ui-selectcheckboxmenu-multiple-container {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.uzenet-szerkeszt-input-button {
	width: 3em !important;
}

.uzenet-szerkeszt-input-button:last-child {
	border-radius: 0 3px 3px 0 !important;
}

.uzenet-szerkeszt-value-date {
	width: calc(100% - 10px);
	display: inline-block;
}

.uzenet-szerkeszt-value-date-input {
	width: calc(100% - 42px) !important;
}

.uzenet-szerkeszt-editor {
	margin-bottom: 10px;
}

.w-100 {
	width: 100% !important;
}

.w-75 {
	width: 75% !important;
}

.w-50 {
	width: 50% !important;
}

.w-25 {
	width: 25% !important;
}

.mt {
	margin-top: 10px !important;
}

.mr {
	margin-right: 10px !important;
}

.mb {
	margin-bottom: 10px !important;
}

.ml {
	margin-left: 10px !important;
}

.mx {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.my {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}