/*
#TicketSupportResponseContentId,
#TicketSupportResponseContentId2 { # Ezmiez?...
	margin:0;
	margin-bottom:15px;
	border-radius:5px;
	border:3px solid #87AF25;
	padding:10px;
	font-size:14px;
	color:#888888;
}

.TSLabel2 {
	padding:0.2em 0.5em 0.1em !important;
	border-radius: 10px !important;
	width:20px !important;
	display:inline-block !important;
}
*/

/* INVOICE REISSUE */
.invoice {
	position: relative;
	background-color: #f2f2f2;
	border: 1px solid #d5d5d5;
	color: #3f4e54;
	line-height: 36px;
	vertical-align: middle;
	margin-bottom: 2px;
	font-size: .95em;
	border-radius: 5px;
	transition: all .3s;
}
.invoice:hover {
	background-color: #d9edf7;
	border: 1px solid #8eb3c5;
	color: #31708f;
	cursor: pointer;
}
.invoice .label{
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
	line-height: inherit;
}
.invoice .label-success{
	background-color:#7da521;
}
.invoice .label-error{
	background-color:#a94442;
}
.invoice .einvoice-sign {
	vertical-align: -0.64em;
	width: 1.4em;
}
.invoice .fa{
	color:#31708f;
}
.invoice small {
	font-size:.8em;
}
.invoice_small{
	width:50%;
}
/* END OF INVOICE REISSUE */

#tsHelpRobot{
	position: absolute;
	width:288px;
	top:90px;
}

.alert .fa.fa-2x.pull-left {
	margin-top: -4px;
}
.alert .fa.fa-3x.pull-left {
	margin-top: -13px;
}

@media (max-width:1199px){
	#tsHelpRobot{
		max-width:235px;
		top:130px;
	}
}

@media (max-width:991px){
	#tsHelpRobot{
		max-width:240px;
		top:130px;
	}
}

@media (max-width:767px){
	#tsHelpRobot{
		display:none;
	}
}

.label {
  font-size: 65% !important;
}

.TSMessageEndSuccess,
.TSMessageEndInfo,
.TSMessageEndDanger {
	background-color: #F9F9F9;
	border:1px solid #dbdbdb;
	border-radius:5px;
	padding: 10px;
	font-weight: normal;
	margin-top:10px;
}


.TSMessageEndSuccess {
	color: #87AF25;
}

.TSMessageEndSuccess i,
.TSMessageEndInfo i,
.TSMessageEndDanger i {
	font-size: 1.7em;
	color: white;
	padding: .2em;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 10px;
	border-radius: 1.7em;
	height: 1.7em;
	width: 1.7em;
/*	box-shadow: 0px 0px 5px inset #dfdfdf;*/
	opacity: 0.4;
}


.TSMessageEndInfo i {
	/* padding-left: 0.35em; */
	padding: 0.33em 0.42em;
}

.TSMessageEndSuccess i {
	background-color: #87AF25;
	border: 2px solid #87AF25;
}

.TSMessageEndInfo i {
	background-color: #31708F;
	border: 2px solid #31708F;
}

.TSMessageEndDanger i {
	background-color: #F0AD4E;
	border: 2px solid #F0AD4E;
}

.TSMessageEndInfo {
	color: #87AF25;
}

.TSMessageEndInfo strong {
	color: #31708F;
}

.TSMessageEndDanger {
	color: #937a51;
}

.TSMessageEndDanger strong {
	color: #A94442;
}

#tsHelpRobot2 {
	position: relative;
	background-color: #F5F5F5;
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom: 4px solid #87AF25;
	background-size: 55%;
	padding: 1.5em;
	width: 90%;
	float: right;
	height: 200px;
}
#tsHelpRobot2:after, #tsHelpRobot2:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#tsHelpRobot2:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #F5F5F5;
	border-width: 30px;
	margin-top: -30px;
}
#tsHelpRobot2:before {
	border-color: rgba(135, 175, 37, 0);
	border-right-color: #87AF25;
	border-width: 36px;
	margin-top: -36px;
}



#tsHelpRobot2 .ver2 {
	position: absolute;
	top: 165px;
	left: 50%;
	height: 66px;
}

#tsHelpRobot2 .title {
	color: #246493;
	font-size: 1.4em;
	line-height:110%;
	width: 100%;
	font-family: "Raleway";
}

#tsHelpRobot2 .desc {
	width: 65%;
	margin-top: 15px;
	font-size: .99em;
	line-height:120%;
	color: #555;
}

@media screen and (max-width:1199px){

	#tsHelpRobot2 {
		height: 250px;
	}

	#tsHelpRobot2 .ver2 {
		top: 215px;
	}

}


@media screen and (max-width:990px){
	
	#tsHelpRobot2,
	#tsHelpRobot2:after,
	#tsHelpRobot2:before {
		all:unset;
	}

	#tsHelpRobot2 {
		position: relative;
		border-bottom: 4px solid #87AF25;
		background-color: #F5F5F5;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 45%;
		padding: 1em;
		height: 200px;
		margin-top: 40px;
		margin-bottom: 35px;
		box-sizing: border-box;

		width:50%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		display:block;

	}
	#tsHelpRobot2:after, #tsHelpRobot2:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	#tsHelpRobot2:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #F5F5F5;
		border-width: 30px;
		margin-left: -30px;
	}
	#tsHelpRobot2:before {
		border-color: rgba(135, 175, 37, 0);
		border-bottom-color: #87AF25;
		border-width: 36px;
		margin-left: -36px;
	}


	#tsHelpRobot2 .ver2 {
		top: 165px;
		left: 55%;
	}	
}

@media screen and (max-width:558px){

	#tsHelpRobot2 {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}

	#tsHelpRobot2 .ver2 {
		left:75%;
	}

	#tsHelpRobot2 .title {
		width:80%;
	}	
}


@media screen and (max-width:375px){
	#tsHelpRobot2 {
		background-size:40vw;
	}
	#tsHelpRobot2 .title {
		font-size:5vw;
	}
	#tsHelpRobot2 .desc {
		font-size:4vw;
		width:65%;
		margin-top:2vw;
	}
	#tsHelpRobot2 .ver2 {
		top: 170px;
		left: 50%;
		height: 60px;
	}	
}



/* Re-design -- 2025-02-03 */
#TicketSupportResponseContainer {
	background: #f5f5f5 radial-gradient(circle, rgba(173, 203, 106, 0.8) 0%, rgba(173, 203, 106, 0.2) 60%, rgba(173, 203, 106, 0) 60%);
	background-position: 560px -220px;
	background-size: auto 500%;
	background-repeat: no-repeat;

	/* "Inherited", see: `#TicketSupportResponseContentId` */
	margin: 0 15px 15px;
	border-radius: 5px;
	border: 1px solid #87AF25;
	padding: 10px;
	font-size: 14px;
	color: #888888;
	width: calc(100% - 30px);
}
#TicketSupportResponseContentId {
	margin-top: 15px;
}
#TicketSupportRobotInfo {
	color: #6c6c6c;
	line-height: 1.2;
	max-width: 220px; /* A `#TicketSupportRobotImg` miatt */
	margin-bottom: 28px; /* A `#TicketSupportRobotVersion` miatt */
	font-size: 13px;
	margin-top: 6px;
}
#TicketSupportRobotInfo h4 {
	color: #7DA521;
	font-size: 1.7em;
	font-weight: bold;
	margin: 14px 0 4px;
}
#TicketSupportRobotVersion {
	position: absolute;
	bottom: 10px;
	right: 280px;
	font-size: 80%;
}
#TicketSupportRobotImg {
	position: absolute;
	bottom: 0;
	right: 0;
}
.TSLabel2 {
	display: inline-block !important;
	padding: 0.35em 0.25em 0.35em !important;
	vertical-align: 0.25em;
	border-radius: 10px !important;
}



/* Re-design media queries -- 2025-02-03 */
@media (max-width: 1199px) {
	#TicketSupportResponseContainer {
		background-position: 440px -300px;
	}
}
@media (max-width: 991px) {
	#TicketSupportResponseContainer {
		background-position: -860px -420px;
		background-size: 270% 1260%;
	}
	#TicketSupportRobotInfo {
		max-width: none;
		margin-bottom: 10px;
	}
	#TicketSupportRobotVersion {
		right: 200px;
		bottom: 5px;
	}
}
@media (max-width: 767px) {
	#TicketSupportResponseContainer { /* Igen, itt egy `.row` és egy `.col-*` van egy elemben... -.- Ne piszkáld, mert eltörik! */
		background: #f5f5f5;
	}
	#TicketSupportResponseContentId,
	#TicketSupportRobotInfo {
		max-width: calc(100% - 160px);
	}
	#TicketSupportRobotInfo h4 {
		border-top: 1px solid #c7c7c7;
		padding-top: 15px;
		margin-top: 20px;
	}
}
@media screen and (max-width:558px){
	#TicketSupportResponseContentId {
		max-width: 100%;
	}
	#TicketSupportRobotInfo {
		margin-bottom: 100px;
	}
}