/*------------------------------------*\
  #Rendszer hatter szinek
\*------------------------------------*/

.bg-evir {
	background-color: #5886b7;
}
.bg-ezust {
	background-color: #f8f9fa;
}
.bg-feher {
	background-color: #ffffff;
}
.bg-grafit {
	background-color: #343a40;
}
.bg-kek {
	background-color: #007bff;
}
.bg-narancs {
	background-color: #ff8000;
}
.bg-piros {
	background-color: #dc3545;
}
.bg-sarga {
	background-color: #ffc107;
}
.bg-sotet {
	background-color: #181818;
}
.bg-szurke {
	background-color: #6c757d;
}
.bg-turkiz {
	background-color: #17a2b8;
}
.bg-zold {
	background-color: #28a745;
}

.darken {
	box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .3);
}
/*------------------------------------*\
  #Rendszer betutipusok
\*------------------------------------*/

@font-face {
	font-family: 'Anton';
	src: url("webfonts/Anton.woff2");
}
@font-face {
	font-family: 'Gotu';
	src: url("webfonts/Gotu.woff2");
}
@font-face {
	font-family: 'Jura';
	src: url("webfonts/Jura.woff2");
}
@font-face {
	font-family: 'LexendMega';
	src: url("webfonts/LexendMega.woff2");
}
@font-face {
	font-family: 'LexendZetta';
	src: url("webfonts/LexendZetta.woff2");
}
@font-face {
	font-family: 'Montserrat';
	src: url("webfonts/Montserrat.woff2");
}
@font-face {
	font-family: 'MontserratAlternates';
	src: url("webfonts/MontserratAlternates.woff2");
}
@font-face {
	font-family: 'Philosopher';
	src: url("webfonts/Philosopher.woff2");
}
@font-face {
	font-family: 'Play';
	src: url("webfonts/Play.woff2");
}
@font-face {
	font-family: 'Quicksand';
	src: url("webfonts/Quicksand.woff2");
}
@font-face {
	font-family: 'Poppins';
	src: url("webfonts/Poppins.woff2");
}
@font-face {
	font-family: 'Roboto';
	src: url("webfonts/Roboto.woff2");
}
@font-face {
	font-family: 'RobotoCondensed';
	src: url("webfonts/RobotoCondensed.woff2");
}

/*------------------------------------*\
  Form-elemek
\*------------------------------------*/
.zold_input {
	background-color: #d4edda !important;
	color: #155724 !important;
	border-color: #c3e6cb !important;
}
.piros_input {
	background-color: #f8d7da !important;
	color: #721c24 !important;
	border-color: #f5c6cb !important;
}

/*------------------------------------*\
  Listan beluli form-elemek
\*------------------------------------*/
.scrolltable textarea.form-control {
	width: fit-content;
}

/*------------------------------------*\
  #Listazo
\*------------------------------------*/

td.muvelet a {
	background-color: #007bff;
	color: #ffffff !important;
	padding: .25rem .5rem;
	margin: .25rem;
	border-radius: .25rem;
}
td.muvelet a:hover, td.muveletek a:focus {
	background-color: #0069d9;
	color: #ffffff !important;
	padding: .25rem .5rem;
	margin: .25rem;
	border-radius: .25rem;
}
td.green-box {
	background-color: #d4edda;
	color: #155724;
	border-bottom: 1px solid #c3e6cb;
}
.lista1:hover td.green-box, .lista2:hover td.green-box, .lista1:focus td.green-box, .lista2:focus td.green-box {
	 background-color: rgba(40,167,69,0.25);
}
.lista1:hover td.green-box:hover, .lista2:hover td.green-box:hover, .lista1:focus td.green-box:focus, .lista2:focus td.green-box:focus {
	 background-color: rgba(40,167,69,1);
}
.lista1:hover td.green-box:hover a, .lista2:hover td.green-box:hover a, .lista1:focus td.green-box:focus a, .lista2:focus td.green-box:focus a, 
.lista1:hover td.red-box:hover a, .lista2:hover td.red-box:hover a, .lista1:focus td.red-box:focus a, .lista2:focus td.red-box:focus a {
	 color: #ffffff !important;
}
td.red-box {
	background-color: #f8d7da;
	color: #721c24;
	border-bottom: 1px solid #f5c6cb;
}
.lista1:hover td.red-box, .lista2:hover td.red-box, .lista1:focus td.red-box, .lista2:focus td.red-box {
	 background-color: rgba(220,53,69,0.25);
}
.lista1:hover td.red-box:hover, .lista2:hover td.red-box:hover, .lista1:focus td.red-box:focus, .lista2:focus td.red-box:focus {
	 background-color: rgba(220,53,69,1);
}
td.yellow-box {
	background-color: #fff3cd;
	color: #856404;
	border-bottom: 1px solid #ffeeba;
}
.lista1:hover td.yellow-box, .lista2:hover td.yellow-box, .lista1:focus td.yellow-box, .lista2:focus td.yellow-box {
	 background-color: rgba(255,193,7,0.25);
}
.lista1:hover td.yellow-box:hover, .lista2:hover td.yellow-box:hover, .lista1:focus td.yellow-box:focus, .lista2:focus td.yellow-box:focus {
	 background-color: rgba(255,193,7,1);
}
table.bg-grafit tr:hover {
	color: #fff;
}

/*------------------------------------*\
  #Csempe portal
\*------------------------------------*/

div#tile_hatter {
	height: 100%;
	width: 100%;
}
@media (max-width: 576px) {
	div.tile_base {
		height: 15em;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	div.tile_base {
		height: 300px;
	}
}
div.tile_base a {
	cursor: pointer;
}
div.tile_base a:hover {
	text-decoration: none;
}
div.tile_big:hover, div.tile_wide_top:hover, div.tile_wide_bottom:hover, div.tile_small_left_top:hover, div.tile_small_right_top:hover, div.tile_small_left_bottom:hover, div.tile_small_right_bottom:hover {
	background-color: #ffffff !important;
}

div.cimsor h1 {
	font-size: 20pt;
	margin-top: 20px;
}
div.cimsor h2 {
	font-size: 15pt;
}
div.cimsor i {
	font-size: 30px;
}




/*------------------------------------*\
  #Persona
\*------------------------------------*/

@media (max-width: 1300px) {
	div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		margin-top: 10px;
	}

}
@media (min-width: 1300px) {
	div.persona_portal_tagok, div.persona_portal_adatok, div.persona_portal_attributumok {
		float: left;
	}
	div.persona_portal_tagok div.scrolltable, div.persona_portal_tagok div.vscroll, div.persona_portal_tagok table.scroll-table {
		max-height: 100% !important;
		overflow-y: visible;
	}
	div.persona_portal_attributumok, div.persona_portal_tagok div.scrolltable, div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		width: -webkit-calc(30vw - 110px)  !important;
		width: -moz-calc(30vw - 110px)  !important;
		width: calc(30vw - 110px)  !important;
	}
	div.persona_portal_attributumok {
		margin: 0px 5px 0px 5px;
	}
	div.persona_portal_tagok div.scrolltable, div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		margin: 0px 10px 0px 10px;
	}
}




/*------------------------------------*\
  #Widget
\*------------------------------------*/

.scrollable {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
}
/*.widget-card:hover, .card_elem:hover {*/
.widget-card:hover {
	border: 1px solid rgba(0, 0, 0, .25);
	background: rgba(0, 0, 0, .25);
}
.popover {
	background: #fff3cd;
}
.h_auto, .h_mini, .h_alacsony, .h_kozepes, .h_magas {
	position: relative;
}
.h_alacsony, .h_kozepes, .h_magas {
	min-height: 18rem;
}
.h_auto {
	height: auto;
}
.h_mini {
	height: 15vh;
	min-height: 8rem;
}
.h_alacsony {
	height: 30vh;
}
.h_kozepes {
	height: 60vh;
}
.h_magas {
	height: 90vh;
}
.h_mini .menu_size_class {
	font-size: 13pt;
}
.h_alacsony .menu_size_class {
	font-size: 16pt;
}
.h_kozepes .menu_size_class {
	font-size: 18pt;
}
.h_magas .menu_size_class {
	font-size: 20pt;
}

.h_10 {
	 height: 10vh;
}
.h_20 {
	 height: 20vh;
}
.h_30 {
	 height: 30vh;
}
.h_40 {
	 height: 40vh;
}
.h_50 {
	 height: 50vh;
}
.h_60 {
	 height: 60vh;
}
.h_70 {
	 height: 70vh;
}
.h_80 {
	 height: 80vh;
}
.h_90 {
	 height: 90vh;
}
.h_100 {
	 height: 100vh;
}
input.contenteditable, textarea.contenteditable {
	background-color: #f7f7f7;
	border-color: #f8f9fa;
}
input.contenteditable:hover, input.contenteditable:focus, input.contenteditable:focus-visible, input.contenteditable:focus-within {
	border-color: #86b7fe !important;
	background-color: #ffffff;
	outline: #86b7fe !important;
}
.drop_item:hover {
	background-color: #d1e7dd;
	border: 1px solid #badbcc;
}

.completed_todos label, label.completed_todo {
	text-decoration: line-through;
	color: #888;
}
button.w_button:hover {
	color: #0d6efd;
}
button.s_button:hover, button.d_button:hover {
	color: #ffffff !important;
}
button.s_button:hover {
	background-color: #198754;
}
button.d_button:hover {
	background-color: #dc3545;
}
/*------------------------------------*\
  #Homokora
\*------------------------------------*/

.hourglass-spin {
	color: rgba(0,0,0,.125);
}
.hourglass-spin > [class*="fa-hourglass"] {
	 animation: showhide 4s steps(1) infinite;
	 opacity: 0;
}
 .hourglass-spin > .fa-hourglass-end {
	 animation-delay: 2s;
}
 .hourglass-spin > .fa-hourglass-half {
	 animation-delay: 1s;
}
 .hourglass-spin > .fa-hourglass-start {
	 animation-delay: 0s;
}
 .hourglass-spin > .fa-hourglass-end.spin {
	 animation: showhidespin 4s linear infinite;
}
 @keyframes showhide {
	 0% {
		 opacity: 1;
	}
	 25% {
		 opacity: 0;
	}
}
 @keyframes showhidespin {
	 0% {
		 opacity: 0;
	}
	 74.9999999% {
		 opacity: 0;
	}
	 75% {
		 opacity: 1;
		 transform: rotate(0deg);
	}
	 100% {
		 opacity: 1;
		 transform: rotate(180deg);
	}
}
 .hourglass-body {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: row;
	 flex-wrap: wrap;
}


/*------------------------------------*\
  #TMS
\*------------------------------------*/

.tms_entry_datalabel_0, .tms_entry_data_0 {
	font-weight: bold;
	color: #000000;
}
.tms_entry_datalabel_1, .tms_entry_data_1 {
	font-weight: bold;
	color: #6c757d;
}
.tms_entry_datalabel_2, .tms_entry_data_2 {
	color: #6c757d;
}




.alert-message {line-height:20px; font-size:15px;padding-bottom: 12px;}
.alert-message h1{color:#e35154 !important; font-size:18px; margin-left:20px; margin-bottom:20px;font-weight:700; text-transform: uppercase;}

#allerts a {
  color: #fff;
}

.unstyled {
  margin: 0;
  list-style: none;
}
.unstyled a, .unstyled #test {
  width: 120px;
  text-decoration: none;
  padding: .5em 1em;
  background-color: #213347;
  border-radius: 4px;
  display: block;
  margin-bottom: .5em;
  font-size:15px;
  font-weight:300;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.unstyled a:hover, .unstyled #test:hover {
  background-color: #f25c5d;
}

.cf, .alert_flag {
  *zoom: 1;
}
.cf:before, .alert_flag:before, .cf:after, .alert_flag:after {
  display: table; 
  content: "";
  line-height: 0;
}
.cf:after, .alert_flag:after {
  clear: both;
}

#alerts {
  width: 70%;
  top: 5px;
  right: 100px;
  position: fixed;
  z-index: 9999;
  list-style: none;
}

.alert_flag {
  width: 100%;
  margin-bottom: 8px;
  display: block;
  position: relative;
  border-left: 4px solid;
  right: -50px;
  opacity: 0;
  line-height: 1;
  padding: 0;
  transition: right 400ms, opacity 400ms, line-height 300ms 100ms, padding 300ms 100ms;
  display: table;
}
.alert_flag:hover {
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.open {
  right: 0;
  opacity: 1;
  line-height: 2;
  padding: 3px 15px;
  transition: line-height 200ms, padding 200ms, right 350ms 200ms, opacity 350ms 200ms;
}

.alert-title {
  font-weight: bold;
}

.alert-block {
  width: 80%;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  text-align: left;
}
.alert-block em, .alert-block small {
  font-size: .75em;
  opacity: .75;
  display: block;
}

.alert_flag i {
  font-size: 1em;
  width: 1.5em;
  max-height: 48px;
  top: 50%;
  margin-top: -12px;
  display: table-cell;
  vertical-align: middle;
}
.alert_success {
  color: #8fbf2f;
}
.alert_success {
  color: #fff;
  border-color: #539753;
  background-color: #8fbf2f;
}

.alert_error {
  color: #fff;
  border-color: #dc4a4d;
  background-color: #f25c5d;
}

.alert_trash {
  color: #fff;
  border-color: #dc4a4d;
  background-color: #f25c5d;
}

.alert_info {
  color: #fff;
  border-color: #076d91;
  background-color: #3397db;
}

.alert_warning {
  color: #fff;
  border-color: #dd6137;
  background-color: #f7931d;
}
.fade_hidden {
	 visibility: hidden;
	 opacity: 0;
	 transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}
.fade_elem {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
	animation: fade 5s;
}
@keyframes fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}


/* Kezdolap animacioi */

.anima_le_1, .anima_le_2, .anima_le_3, .anima_le_4 {
	position: relative;
}
.anima_le_1 {
	animation: le_forwards1 1s forwards;
}
.anima_le_2 {
	animation: le_forwards2 1.5s forwards;
}
.anima_le_3 {
	animation: le_forwards3 2s forwards;
}
.anima_le_4 {
	animation: le_forwards4 2.5s forwards;
}
@keyframes le_forwards1 {
	from {top: -40px;}
	to {top: 0px;}
}
@keyframes le_forwards2 {
	from {top: -100px;}
	to {top: 0px;}
}
@keyframes le_forwards3 {
	from {top: -200px;}
	to {top: 0px;}
}
@keyframes le_forwards4 {
	from {top: -300px;}
	to {top: 0px;}
}
.zoom, .zoomed {
	transition: transform .2s;
}
.zoom:hover, .zoomed {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
	box-shadow: 0 .5rem .5rem rgba(0,0,0,.8)!important;
}

/* KANBAN  */

.list.sortable-chosen {
  opacity: 1 !important;
}
.list.sortable-ghost {
  opacity: 0.3 !important;
}
.list-header {
  font-weight: 700;
  cursor: move;
}
.kanban_card.sortable-chosen {
  opacity: 1 !important;
}
.kanban_card.sortable-ghost, .sortable-ghost {
  opacity: 0.6 !important;
  border: 3px dashed #ced4da;
}
.kanban_move {
	border-style: dashed;
}
.widget-card {
	cursor: move;
}

/* todo_list  */

.todo_list_item {
	border-color: transparent !important;
}
.todo_list_container > .todo_list >.todo_list_item {
	border-bottom-color: #ced4da !important;
}
.todo_list_item:hover, .todo_list_item.sortable-chosen {
	border: 1px solid #ced4da !important;
}
.handle {
	visibility: hidden;
}
.todo_list_content:hover .handle {
	visibility: visible;
	opacity: .5;
}
.handle:hover {
	cursor: move;
	visibility: visible;
}
.todo_list_input {
	outline-color: #ced4da !important;
}
.todo_list_item:hover .todo_list_input {
	background: rgba(0,0,0,.0);
}
.todo_list_item:hover .todo_list_input:focus, .todo_list_item:hover .todo_list_input:hover {
	background: #ffffff;
}