@charset "utf-8";
@charset "utf-8";


/* CSS Document */

#twdcmfruwindow {
	display: none;
	background-color: #FFFFFF;
	width: calc(100% - 100px);
	height: auto;
	place-items: center;
        box-sizing: content-box;
	position: absolute;
	top: 5px;
	animation: fancyAnimation 2s ease-in-out; /* Két lépés, 2 másodperc alatt */
	transition: top 1s ease-in-out; /* Add egy átmenetet a top tulajdonságért */
	padding: 50px;
	box-shadow: 0 -5px 5px -5px #333,
	0 5px 5px -5px #333;
	z-index: 999999;
}


@keyframes fancyAnimation {
    0% {
        top: -100%;
    }

    100% {
         top: 5px;     	
}
}

.twdcmfrumessage {
	display: block;
	padding: 0 0 0px 0;color: #666;
}

.twdcmfrumessage a {
	text-decoration: none; /* Remove the default underline */
	position: relative; /* Add position relative to contain the pseudo-element */
	color: #000;
	font-weight: bold;
}

.twdcmfrumessage a::after {
	content: ''; /* Add a pseudo-element */
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0; /* Start with 0 width */
	height: 2px; /* Adjust the height as needed */
	background-color: #666; /* Change the color to your desired color */
	transition: width 0.3s ease; /* Add a smooth transition for width */
}

.twdcmfrumessage a:hover::after {
    width: 100%; /* Increase the width to 100% on hover */
}


#twdcmfrucloseButton {
position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23888888' %3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}

#twdcmfrucloseButton:hover {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23FF0000'%3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}

#twdcmfruwindow.hidden {
    top: -100%; /* Visszaállítás a kezdeti pozícióba a felső részről */
}
.twdcmfrubutton-container {
	display: flex;
	justify-content: center;
	margin: 10px 0;    

}

 a.twdcmfrubutton {
	background-color: #FFFFFF;
	padding: 7px  10px;
	text-transform: uppercase;
	color: #000000;
	font-weight: 300;
	transition: background-position .3s;
	background-image: linear-gradient(to left, black 50%, transparent 50%);
	background-size: 200% 200%;
	margin: 5px 5px;
	text-decoration: none;
	border: 1px solid black;
	text-align: center;
}

 a.twdcmfrubutton:hover {
    background-position: 100% 0;
	color: rgba(255,255,255,1);
}

@media screen and (max-width: 980px) {
.twdcmfrubutton-container {
	flex-direction: column; 
}
}

/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&display=swap");


#html-content-holder {
	background-color: rgba(255,255,255,1);
	width: 100%;
	margin: 0 auto;
	z-index: -1;
	min-height: 300px;	

}
.calculator {
	font-weight: 300;
	text-transform: uppercase;
	font-size: .65vw;
}
.area {
	width: 100%;
	margin: auto;
	background-color: white;
	border: 0px solid black;
	padding: 0px;


}

.fchild:not(:first-child) {
	display: none;
}
.lchild:not(:last-child) {
	display: none;
}

.calculator-results {
	width: calc(100% - 0);
	margin: 0 auto;
	padding: 0 0 0 0;
}

.calculator-results-item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	font-size: 150%;
	
}

.calculator-results-title {

	padding:10px;
	float: left;
	text-transform: uppercase;

}
.calculator-results-price {

	padding:10px;
	float: left;
	text-transform: uppercase;

	
	
}
.calculator-results-number {
	padding:10px;
	float: left;
	text-transform: uppercase;
}
.calculator-results-subtotal {
	padding:10px;
	float: left;
	text-transform: uppercase;
		
}
.invoice_head {
	width: 100%;
	margin: 0 auto;
	height: 200px;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='495px' height='110px' viewBox='0 0 495 110' enable-background='new 0 0 495 110' xml:space='preserve'%3E%3Cimage id='image0' width='495' height='110' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAe8AAABuCAQAAACkG1OPAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ cwAACxIAAAsSAdLdfvwAAAAHdElNRQfnAQUANSxdwvZNAAAD0XpUWHRSYXcgcHJvZmlsZSB0eXBl IHhtcAAAeJztnU1yozAQhfc6RY4guvWDj4MN7KZqlnP8eS0ycYJx4phM1aOqQwWwkFr99Q+btyD8 +fU7vLy8dNJHCXrRufY1lq5oOZdck8QiJZdaTmXSUWSaz+fzLILxU0k2kqvmNGpMY41JMbcvp5D6 OlQszFqHNOVUcIVBVSwS0VmnOOil9jrUvmBhGW2z0km03+VSpqr2LNgO8CaV2fzQYXnwNr15cjWD sbOtSG8rJOY+jTkGMefm2oY0y6QqI/yJ2il2VfBirNOk2e4xdsGotOciM67LuQQZ27ShTRwwpUpc HWJ4yz0gBb5gZpaUUrkChka4PDTIviYcUQdAzbX9yVQxSabmd8X+nZ7sePNHcB7DYkTGqhVZsrjU HnCIlD2/+rL2CO4geUiNlJPFLiClc5ng4usEBF6wN0JtHiLSww3q67HKmuXiFqp5NF2ziXukpIzA 7eFzNEAkIVpWF6/Deh+rmWZ8SOZ2xrJk0clmci4Xnd6nHhAnm1VraCE8Y/9oGUayo/S5VbVNR6xV TnppnnxqPmzFYNOrnNJy1anVUcsVrrWdu5AThhAu/FsdRdU83PHgnanb7cOH/Ue4mYBV6ulmf112 bueM7SMOK2NzotM+rPbfNLWuJZlvqyks5bRU0+Pld1t94Znyw2Jd116AmxGGpFyu3WQTcc5YmO2F Yq2DMliKsLsW4SrYhtD2GEpppkaLjU5wH3d4U2bbDHVVLTpbM1eVvR3E7Ri+n7u8UMLyKrW8rV+m W9Vy/7jptWeP/2XoOzD0aM/D8KF9ZGHwaIehzxJzOLTHq+wAaM+2DCXaz/Q/B9p7Fg6Pdhi6n5gD oj1aZYdAe65lSNF+ov9Z0K4sLB7tMHQvMYdEe6zKDoL2TMvQou3vfx60fyw8Hu0wtJ2Yg6I9UmWH Qft+yxCj7e1/JrSFhcmjHYa2EnNYtK+r7EBo320ZarR9/c+FtqnUHBVtU2A5KtpXVXYotO+1DDna nv5nQ4sDm0c7DG0qfkdF+7zKDobmYiYrmouZpGguZrKiuZhJiuZiJiuai5msaC5mkqK5mMmK5mIm KZqLmaxoLmayormYSYrmYiYrmouZpGguZrKiuZjJiuZiJimai5msaC5msqK5mEmK5mImK5qLmaRo LmayormYyYrmYiYpmouZrGguZpKiuZjJiuZiJiuai5mkaC5msqK5mEmK5mImK5qLmaxoLmaSormY yYrmYiYrmouZpGguZrKiuZhJiuZiJiuai5n/pMPND6hk+8iEfZKg1uXbJ+EvQqeKTvalPZ8AAAvp SURBVHja7Z3ta+NIEoefPgUZmxEItDjYrMGQY4ZZGDi4//+vWJhjwgYMGRJiRiBQsIkYUfdBbVl+ f0lsWe16PuxosWWXHP26qquqW0Z4D+ZdZyuKsp336fNfdZuvKMqpUHkrirOovBXFWVTeiuIsKm9F cRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirOovBXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLy VhRnUXkrirOovBXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLyPjPiSSBe3VYo18FN3QZcF9Lh Dp8p3+u2RLkG1HufEfG4wwfadVuiXAcq73MywAcgrdsQ5TpQeZ8NCYjsYVK3Lcp1oPI+H73yKKnb FOU6UHmfCQkI7GFisrqtUa4Dlfe5mPvuuG5TlGtB5X0WpFP67swkdVujXAsq7/PQLY/Udytnw3F5 iy/d+nvExCtz5vBStzXK9eB619oXfFo81mxFWB7FJq/ZFuWKcNp7i2fbSOrmtjwa122Ksi/iN391 gNveuwPU3iMmftmEmppJvbYo+yH9WaVDICMlJWli3OW2vNsAtWeq5777uWZLlH0JK8c+ERG5jHlp msTdlneL2n0381slNQu2iE8LKP47Z1L7cKTAk438oI1HAHj0iOShWfGX2/JuA6/1miCdcv7/Kl1u 8PGhrIKvO2Ns6k4FXj0mWWwcloCQCJ/P8neTPLjb8g44ufeWDm+rf3Dp4OHTwquEeRFvwJRXYExx ztu8QVV8WgT0LiQdqFQwKSmP0mVAv/Y6zAE4LG/xAcxJ5S0+X8llAmRWli18IOMNeCVnlnu932WJ ychIJeGt5h9O2YAZS6tZa/Udlvc5Zt4mk8QG2h6v/Ga6OKCIbzOw6b7DTLPmdldHgwJzcFveAWeY eZuHrS+H9t+fdf8YyvsRj4hGDb8uy7sNtf8xCs8+bopPFp9WNR9wgm8I6DGuozogHfwyH+6tCbJ/ 7vwrDfB5Or/lx+OyvGsvi4lPCOSXfEtIRERsYns8BHL5fojAxSfkBkiZ0KdLzv0WoQxoAwmIx4Bo x7v3+/7WQnlxWboz2X5mUw9atk++Q4ZEZKZRS4JclnebrOYiRnHLjeZWSJcbc6TYJWSAz5QfH3dV 4jMEIAbp2GOPFnvLe97fRc8mEj3CTVGTFNLLyj1jweNP7t91EX+xuXV0yu/y1QSfjAyYFHPo/dOu 4jEkBEbvsvTsOCtv6VB/S0sbSBcC0QFIcoy3kgFdYEqb6AM710NglqH48wirhpW1cJRC+r3xBNsm LJ71pSkBgQTrhSY+A+KdgXyCb6/hN1MA8nW/sBkd+yNJwBAfGJ22DvPxOCtvPC5j5l1J7hWlOo5Y pmBlNCLlG8E2eYtHxA0wMYkM6JLzsOWm/AOAXyARAVP8Q6yTgRV3TkxUOXO60bIQgIwveEBsRvIN n2jdQCwBd3hku3amO162e12jz8BaPWpWYA4uyztgw212ZhsqN67JJMc7pLgiHTwgKsRtYpCtw4P0 6c5el+Ifj2BTFGND5anJgD4w4iuwV/lHAny7SUXO/fxbyfFWh1XxuK28p1vMv80IeGJIJI/LEw7p 0yPn+dipzEcgHrd26pHRsHbUAifkvTa480/d0rLTKn9NBHFPe7/bZEkQkO7eX3UpVN5NuaJO+vjE swTTbgsr31SIOwKmjMAeV98bll47oWjRDct3Y2Lp4y/2gonPkICUUX2bTopPn9D+/mOemtSKOqfh 8haPWyJ8SVbqz37tvrsDTBdvCzPZb8JQJp7mBHyTrTlm6Zeh8piwkj3elOaK7PtT8ehSXUaBePTp AvG60HdhGHmiTQTkjMwEZEzEQB5NLh4BISEeOQkJicnls72qvJJwfOArXbE5Cjus5TzUt7SmMiDB lMemzbjnNFjeC+Nra+XlTu2JtQ5L0pIOfzLdvWBEOmURp8hF54CHR1fGsJzVlllRqGfPuLfB74zV jng7KNr/nXCLR2wyKT4nFY8v9hMiyZbDYyvuzDbf5jbfboNXM5F7uvxHADImjBc69mZLaUbzgcpM 5IEhdxKT4ROS8VjnLFe6DOxhxlPz5ttVGirvyqwIMmJ+rbzu1e69V9tqegQEu5YkiMcQD5jyNJMO E275xBiPirwlICoHuBn3hFZ+P7ghqmziWJxTDZUDPHKTSQSV2vyNFXdMRo9osWovQyJyRnToQSnu Sk7ZpDsH1qVsuEnk71lCkKcL2QU+5bm5XntGI+VtK8CweXxd8Zw10GExb16sHtt6y4hHn6BIePGP zS8Xt9kTgETYslNZrClquzOv+Ezbyu7BZGTym4iuTDaEyv8FJhLh20crFANF4bdjMwKJ8CWa/cLi 82/axZxYOpX3Ph/k47LVAc7kl7NNlRnL9LSde+ejcfK2vU6wfVbkU3/7v79Ufy0kuEUI0qVf+uKR lW+yEBy3gKltssgZExffICF3QM7v0psWoXIm9/T4JoXXXw6VAV7pM9sDbj7bn9o59yN33BY2S5c+ 8GiK986vLD4gu/1IyM9LT1M132vPaJi8y1nhrllR6/1/JJl5RG+ecirZuQJsTVtN8SmbasIhfTub 9YGYLgGQLfVJFd7yGx7PC1sDFZ+d21njaB78mgkbFr3Y6/uEX17NzLacH/bsREYM5TMZAT4xZQHL JDKmS37YPNmML8dLXwONkncp7t2FCn/rp8zluixd21Fme8S2ff6uwaOYPa9gNteEc8a8UOS/Pdut /rB0nR3gjk2rx4urjg8KlTvMI4oJRV3+fv6tJpaUP4BH0qUqwGOTNja4Thokbyvu7V1YMzbIu9Ih vZ629XXFjZyC7VIu+5TXNzyuYa+dYsrsf1ou6ygsDwF4XPmuwr//szIzTMrrig/s4vLmyyRMLt9X V4yZ7JKXxCjbaJC86dNmWi2pbEc6G9855TfztNdMhJXb2jx9xC29NAwVKTF/9i0SEBGREfOyNpGz EvZKCOuXlJiJPNMj58kcHvxWrtRk+y8mUS6fxshbfLrke6+W+smntcsKPkS2e9FeCc1j+njcygst m8NO1jRvxDYF97wsVPEYAL/W/wKHX5lJbW06Oew8pTk0Rt6EsDIT3ci+3WEnxFteQ2xyuWdIly4p 002rj0wsOZ21qbuij+0jq/ljoupyVcU1miPvG6YNK1isCNFM+L77tOVNeAukyKR/aNFGk2Ou4/Qz xmql85Hxg3RsyatZA5xSM82R94S29Os24gAOWvi5kyGFtOtutFUaRWOCc5PIlJ50iWedWpsQj78O SMKdjo/bMqlLmylTgtozCkqjaIy8gR98oU2XruRMeKVojFxNQxVrimt/msRHLf8Xr2gGZYAG58pB NEjeJue73Y3EI6g8pasn/1sjpUY9TWIrt3ikvNEmc2Ohg3IuGiRvAPMkL4SEBJVlkNmSuN/I8ep+ dOBHYbdaiM/xvDTFNRombzA5MXGlc3ylSdRk8jet+nfGmvenvYvbom1Uhqi8lQNpnLxnmHzzzW7y C0hBpYfsFr6J0nef5Wmnims0pzDWPD5i9l/sxfJLOvg681YOReV9Kl4rT/Y+nj6QmIxPqO9WDkbl fSoSAgne9xFSlPgSiscNqLyVA1F5nwgzIeVOOu/6kAjITWwfN5DUfU1K01B5n45nPL7KN/GP/oSQ QtQhKzumK8puVN4nw6SMyCvPlD6QSmgeor5bOYLGFsaagIkleUcFPgSKhwqEqLyVI1DvfVLMvjuz rSMEEpMTstqZpyh7oPK+UGw6LUVDc+VoVN6XSjFjfxWfkK0PP1CUTai8L5Vi66WJhubK8ai8L5VZ aH6LhubKkai8L5UOMJXAPpJIUY5A5X2p+MAbETDV0Fw5DpX3JZMTAS91m6E0FZX3RWIXo/SBXGfe yrGovC8ZHxhrr7lyLCrvy2Q22841NFeOR+V9kditphaetK0oh2LkfafXbb/DSMBExX3tvFOfKm9F uVzep08NzhXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirOovBXFWVTeiuIsKm9F cRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirP8H0604pSvdnjeAAAAFnRFWHRDcmVhdGlvbiBUaW1l ADA3LzAyLzIyrUsSywAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wMS0wNVQwMDo1Mzo0NCswMDow MHI6q1QAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDEtMDVUMDA6NTM6NDQrMDA6MDADZxPoAAAA KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTAxLTA1VDAwOjUzOjQ0KzAwOjAwVHIyNwAAABN0RVh0 ZGM6Zm9ybWF0AGltYWdlL3BuZ/+5Gz4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBD UzbovLKMAAAAI3RFWHR4bXA6Q3JlYXRlRGF0ZQAyMDIyLTA3LTAxVDIzOjM2OjAzWriNiZQAAAAt dEVYdHhtcDpDcmVhdG9yVG9vbABBZG9iZSBGaXJld29ya3MgQ1M2IChXaW5kb3dzKShj88kAAAAj dEVYdHhtcDpNb2RpZnlEYXRlADIwMjMtMDEtMDVUMDA6NTM6MThax/u/UwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E");
  	background-color: rgba(0,0,0,0.6);
	background-repeat: repeat;
	padding: 5vw 0 5vw 35vw;
	background-position: 0px 0px;
	position: relative;
	background-size: 200px auto;
	font-size: 100%;
}
.invoice_head h1 {
	font-size: 150%;
}
#idate {
	color: rgba(255,255,255,1);
	position: absolute;
	top: 30px;
	right: 10px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;	
	font-size: 100%;

}
.disclaimer{
	color: rgba(255,255,255,1);
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 100%;
}


.invoice_head h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	color: rgba(255,255,255,1);
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(50% - 4vw);
}

.invoicecolor1 {
	color: rgba(255,255,255,1);
	background-color: #3572DB;
}
.invoicecolor2 {
	color: rgba(255,255,255,1);
	background-color: #003399;
}
.invoicecolor3 {
	color: rgba(255,255,255,1);
	background-color: rgba(0,51,153,.6);
}
.divhuszonot{
	padding:10px;
	float: left;
	text-transform: uppercase;
}

.hidebutton {display:none;}

.sbutton {display: none;
}
.showbutton {display: inline;}

* {
  box-sizing: border-box;
}
.calculator {
	max-width: 100%;
	margin: 0 auto;
  border: .2vw solid rgba(0,0,0,.2);
	border-radius: 10px;
	overflow-x: hidden;
	

}

.calculator .forint {
  /* reset basic form styles */
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 20px 10px;
  width: 100%;
  border-bottom: .2vw solid rgba(0,0,0,.2);
  color: #333;
  text-align: right;
  font-size: 300%;
  border-radius: 0;	
  font-family: 'Orbitron', sans-serif;

}

.calc-div {
	background-color: rgba(0, 0, 0, 0.5);
	border: .10px solid rgba(0,0,0,.10);
	padding: 30px 0px;
	color: #FFF;
	border-radius: 3px;
	font-size: 200%;
	cursor: pointer;
	text-transform: uppercase;
	align-self: stretch;
	align-items: center;
	font-weight: 400;
}
.calc-div a {
	color: #FFF;
	text-decoration: none;
}

.calculator-divs {
	padding: 15px;
	display: grid;
  -ms-grid-columns: minmax(253px, 1fr) [auto-fill];
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 10px;
	text-align: center;
}
/*.print,
.print2{
  grid-column: span 2;

}*/
.delete {
  grid-column: span 1;

}

.tip:hover {

    position: relative
}
.tip span {
    display: none
}
.tip:hover span {
	padding: 10px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	left: 10%;
	position: absolute;
	top: -30px;
	text-decoration: none;
	background-color: #FF3300;
	border-radius: 3px;
	font-size: 180%;

}


.calc-div:hover,
.print:hover,
.delete:hover {
box-shadow: 0 0 .3vw #333;


}

/* go blue */
.delete {
  background-color: #FF3300;
}

.print {
  background-color: #28D060;
}
.print2 {
	background-color: #CC99CC;
}


/* ----------------------------  mobil -------------------------------------   */
@media screen and (max-width: 980px) {
/**/




}





@media print {
  body * {
    visibility: hidden;
  }
  #html-content-holder, #html-content-holder * {
    visibility: visible;
  }
  #html-content-holder {
    position: absolute;
    left: 0;
    top: 0;
  }
}