/* style.profile.css */

.villogas1{animation:villogas1 .3s infinite alternate;}
@keyframes villogas1 {0% {transform:scale(1.0);}100% {transform:scale(1.2);}}

.villogas2{animation:villogas2 .3s infinite alternate;}
@keyframes villogas2 {0% {transform:scale(1.0);}100% {transform:scale(1.05);}}

.maincntr.profile h1{font-size:22px;}
.maincntr.profile h2{font-size:18px;}

.vip-profile-content{min-height:400px;font-size:14px;clear:both;padding:10px;margin-bottom:25px;border:solid 1px #D8D8D8}

@media(min-width:768px){
	.maincntr.profile{padding-top:15px}
}

@media(max-width:991px){
	
	.maincntr.profile h1{font-size:14px;}
	.maincntr.profile h2{font-size:14px;}
	
	.vip-profile-content{border:none !important;padding:0;margin:0}
	
}

/* offerbox */


.maincntr.profile .offer-box-berni .content .title{font-size:14px}


/* loginbox */

.loginbox{position:relative;width:320px;max-width:100%;margin:60px auto;font-size:11px;}
.loginbox .login-body{margin:35px 0 10px 0}
.loginbox .login-body .login-input{position:relative;width:100%;height:50px;margin-top:10px;}
.loginbox .login-body .login-input:nth-child(1){margin-top:0}
.loginbox .login-body .login-input input{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;color:#fff;background:rgba(255, 255, 255, 0.1);padding: 5px 5px 5px 45px;box-shadow:none;border:none;border-radius:25px;}
.loginbox .login-body .login-input input:focus{background:rgba(255, 255, 255, 0.2)}
.loginbox .login-body .login-input .icon{position:absolute;left:0;top:0;z-index:1;text-align:center;color:#fff;font-size:150%;width:55px;height:100%;line-height:48px}
.loginbox .login-footer button{display:block;height:50px;width:100%;border-radius:25px;padding:16px;color:#fff;font-size:135%;margin-bottom:5px;}
.loginbox .login-footer .forgetpass{opacity:.5}

.bigheader.login .menus{position:absolute;bottom:10px;left:0px;right:0;width:95%;margin:0 auto;}
.bigheader.login .menus .menu{color:#fff;margin-right:10px;}
.bigheader.login{width:100%;height:100%;min-height:510px;left:0;top:0;bottom:0;right:0;margin:0;padding:0;color:#fff;position:absolute;overflow:hidden;background:linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));}
.bigheader.login:before{position: absolute;z-index: 0;width: 100%;height: 100%;display: block;left: 0;top: 0;content: "";background-color:rgba(0, 0, 0, 0.3);}
.bigheader.login .image:before,.bigheader.login .image:after{display:none;}
.bigheader.login a:hover{text-decoration:underline}

@media(max-width:991px){.loginbox{margin:15px auto}.loginbox .login-body{margin:10px 0 10px 0}.loginbox .login-footer{line-height:30px}}

/* regbox */

.bigheader.register{width:100%;height:100%;min-height:510px;left:0;top:0;bottom:0;right:0;margin:0;color:#FFF;position:absolute;overflow:hidden;}
.bigheader.register:before{position: absolute;z-index: 0;width: 100%;height: 100%;display: block;left: 0;top: 0;content: "";background-color:rgba(0, 0, 0, 0.7);}
.bigheader.register .image:before,.bigheader.register .image:after{display:none;}

.customtabs{list-style:outside none none}
.customtabs .numbubble{margin:-4px 0 -7px 5px}
.customtabs li{position:relative;display:block;margin-right:2px;float:left}
.customtabs li.logout{margin-right:0}
.customtabs li a{background-color:#d8d8d8;position:relative;display:block;padding:8px 10px;font-size:14px;border-top:solid 1px #d8d8d8;border-left:solid 1px #d8d8d8;border-right:solid 1px #d8d8d8;border-top-left-radius:5px;border-top-right-radius:5px;margin-top:10px}
.customtabs li.active a{background:#fff;border-bottom:solid 1px #fff;margin-bottom:-1px;margin-top:0}
.customtabs li.right{float:right}

@media(min-width:991px) {.customtabs li.active a{height:47px;line-height:27px}}
@media(max-width:991px)
{
	.customtabs{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:solid 2px #d8d8d8;z-index:2}
	.customtabs li.mhide{display:none}
	.customtabs li{display:block;width:20%;margin:0;text-align:center;}
	.customtabs li a{background:transparent;font-size:10px;padding:5px 5px;margin:0;border:none;box-shadow:none}
	.customtabs li a span{display:block;font-size:20px}
	.customtabs li.active a{color:#00BFBB;height:auto;line-height:unset}
	.customtabs .numbubble {
		position: absolute;
		top: 12px;
		font-size: 13px;
		color: #00bfbb;
		width: 8px;
		height: 8px;
		right: 12px;
	}
}

.favoritetabs{list-style:outside none none}
.favoritetabs li{position:relative;display:block;margin-right:2px;float:left}
.favoritetabs li a{background-color:#444;color:#fff;position:relative;display:block;padding:8px 5px;margin-right:1px;font-size:100%}
.favoritetabs li.active a{background-color:#d8d8d8;color:#382314}
.bookingtabs{list-style:outside none none}
.bookingtabs li{position:relative;display:block;margin-right:2px;float:left}
.bookingtabs li a{position:relative;display:block;padding:8px 15px;font-size:100%}
.bookingtabs li{opacity:.7}
.bookingtabs li.active{opacity:1}
.bookingtabs li.bnormal{background-color:#d8d8d8;color:#5D5D5D}
.booking .bbrownbox{background-color:#FFFEF4;border:solid 1px #F1B800;margin-bottom:15px}
.booking .bbrownbox p.booking-title{background-color:#FEFCE9;padding:5px 5px 5px 20px;border-left: solid 6px #ddb40b; text-align:left; color:#969696}

.booking-title-div{position:relative;font-size:14px;padding:15px 0;background-color:#FFFEF4;border:solid 1px #F1B800;margin-bottom:35px;cursor:default}
.booking-title-div .title{font-size:17px}
.booking-title-div .title a{color:#5D5D5D;}
.booking-title-div .transfer{font-size:100%;margin-top:15px}
.booking-title-div:after,.booking-title-div:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute}
.booking-title-div:after{border-color:rgba(254, 251, 233, 0);border-top-color:#FFFEF4;border-width:30px;margin-left:-30px}
.booking-title-div:before{border-color:rgba(254, 249, 218, 0);border-top-color:#F1B800;border-width:32px;margin-left:-32px}
.bookingarrow{position:relative;margin-bottom:35px !important}
.bookingarrow:after,.bookingarrow:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute}
.bookingarrow:after{border-color:rgba(136, 183, 213, 0);border-top-color:#FFFEF4;border-width:31px;margin-left:-30px}
.bookingarrow:before{border-color:rgba(136, 183, 213, 0);border-top-color:#F1B800;border-width:32px;margin-left:-32px}
.booking .booking-title-div .eurcurrval{font-size:9px}
.booking .booking-title-div span.icon-star, .hotel_rateing_tabs_container span.icon-star{color:#DDB40B}
.booking .booking-title-div .bcntr{text-align:center;white-space:nowrap}
.booking .roommessages div {padding:10px;margin-bottom:15px;background:#ffe2c6;border:1px solid #B90000;}
.booking .roommessages p{line-height:30px}
.booking .roommessages .price{font-size:130%}
.booking .roommessages .link{text-decoration:none}
.booking .roommessages .link:hover{text-decoration:underline;cursor:pointer}
.booking .paymessages div {padding:10px;margin-bottom:15px;background:#ffe2c6;}
.booking .paymessages p{line-height:20px}
.booking .booking-title-div .bcntr div:first-child{margin-bottom:5px}
.booking-rooms-div{padding-bottom:10px;margin-bottom:5px}
.booking-rooms-div .brcols{background-color:#eae3b7;border:solid 1px #F1B800;cursor:default}
.bnormal{background-color:rgba(253, 240, 180, 1);color:#000}
.bookingtabs li.bred{background-color:#df7b54;color:#000}
.bred{background-color:rgba(255, 0, 0, .2);color:#000}
.bookingtabs li.bsilver{background-color:#d8d8d8;color:#382314}
.bsilver{background-color:rgba(100, 100, 100, .2);color:#000}

.mybookings .layer{position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;text-align:center;display:table-cell;vertical-align:middle;border-radius:25px}
.mybookings .layer.secondary{z-index:0;opacity:.5}
.mybookings .center{text-align:center;padding:5px;background:#FEFBEB;border-radius:5px;border:1px solid #969696;box-shadow:2px 2px 2px #c0c0c0}
.mybookings .layer.bred .layertxt{font-size:250%;color:#f00;text-transform:uppercase;transform:rotate(-15deg);text-shadow:1px 2px 1px #000;margin:10% 0}
.mybookings .layer.bsilver .layertxt{font-size:300%;color:red;text-transform:uppercase;text-align:left;text-shadow:1px 1px 1px #000;margin:95px 0 0 110px;-ms-transform:rotate(340deg);-webkit-transform:rotate(340deg);transform:rotate(340deg)}

.profile-mybookings .miniarticles{margin:0 !important}
.profile-mybookings .mybookings{position:relative;margin-top:10px} .profile-mybookings .mybookings .mybookings-container.failed{padding:10px}
.profile-mybookings .mybookings .smallinfobox{margin-top:10px;border-bottom:solid 2px #d8d8d8;padding-bottom:15px;border-top:solid 2px #d8d8d8;padding-top:15px}
.profile-mybookings .miniarticles .card .card-header a{font-size:18px}
.profile-mybookings .miniarticles .card .card-header{border-top:solid 1px #d8d8d8;border-bottom:none}
.profile-mybookings .miniarticles .card .card-body{font-size:unset;padding:10px 0 0 0;}
.profile-mybookings .miniarticles .card .card-body .booking{box-shadow:0px 5px 8px #aaa;padding:15px;margin-bottom:15px;border-radius:10px}

.profile-mybookings .miniarticles .card:last-child .card-header{border-top:solid 1px #d8d8d8;}
.profile-mybookings .miniarticles .card:first-child .card-header{border-top:none;}
.profile-mybookings .card .booking .button{margin-top:10px;margin-left:5px;line-height:20px;}

.profile-mybookings .card .booking .insidebuttons{display:none;}
.profile-mybookings .card .booking.open .insidebuttons{display:inline-block;}

@media(max-width:591px){
	
	.profile-mybookings .profile-tabs{margin-top:25px}
	.profile-mybookings .button{width:100%;}
	.profile-mybookings .card .booking img{margin-bottom:10px;}
	
	.profile-mybookings .card .booking.open .insidebuttons{display:block;}
	.profile-mybookings .card .booking .insidebuttons .button{margin:10px 0 0 0;}
		
}

.profile-mybookings .card .booking .bdetailsbutton .op{display:inline-block}
.profile-mybookings .card .booking .bdetailsbutton .cl{display:none}
.profile-mybookings .card .booking.open .bdetailsbutton .op{display:none}
.profile-mybookings .card .booking.open .bdetailsbutton .cl{display:inline-block}


@media(min-width:991px){.profile-mybookings .mybookings .smallinfobox .details{font-size:18px}}


.profile-mybookings .mygifts{border-top:solid 1px #d8d8d8;}


.myrateings .block{display:block}
.myrateings h2{margin:30px 0 0 0}
.myrateings a{color:#00f;text-decoration:underline}
.myrateings .form li label{width:500px}
.myrateings .form li b{font-size:16px}
.myrateings .form li .fontsize10{color:#666}
.myrateings .form li .slider-container{margin-top:25px}
.myrateings .form li input[type="radio"]{margin-left:5px;margin-right:5px;margin-top:-5px}
.myrateings .form textarea{width:100%;min-height:150px}
.myrateings .ratetitle{margin-top:25px}


.myrateings .diverating .ratebar img{margin:0 5px;}

@media (max-width:1024px){.myrateings .form li .slider-container{margin-bottom:25px;margin-top:5px}}
@media (max-width:768px){.myrateings .form li{margin-top:20px}.myrateings .form li label{width:100%;margin-bottom:5px}.myrateings button{width:100%;margin-top:20px}}

.bestoffer-swiper{height:150px;overflow:hidden;}
.swiper-container{overflow:visible}

.bestoffer-countries{text-align:center;margin:30px 0 0 0;white-space:nowrap}
.bestoffer-countries .country{position:relative;display:inline-block;width:80px !important;height:80px;margin:0 11px;vertical-align:top}
.bestoffer-countries .country:hover{cursor:pointer}
.bestoffer-countries .country .thumb{width:80px;height:80px;overflow:hidden;border-radius:100%;border:solid 2px #fff}
.bestoffer-countries .country .thumb:before{content:"";width:84px;height:84px;display:block;border:solid 2px #d8d8d8;position:absolute;left:-2px;top:-2px;border-radius:100%}
.bestoffer-countries .country .thumb.zoldorszag:before{border-color:#00BFBB}
.bestoffer-countries .country .thumb img{width:auto;height:80px}
.bestoffer-countries .country .name{position:absolute;bottom:-20px;left:-5px;right:-5px;text-align:center;font-weight:700;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.bestoffer-countries .country .price{position:absolute;bottom:-35px;left:0;right:0;text-align:center;font-size:10px}
@media (max-width:991px) {
.bestoffer-swiper{margin:0 -15px}
}


.workplace-1{clear:both;padding-top:15px;}
.workplace-1 h2{color:#5D5D5D;padding:15px 0 15px 15px}
.workplace-1 .subtitle{margin-bottom:10px}
.workplace-1 .profile-favorites li,.workplace-1 .profile-pricecheck li,.workplace-1 .profile-gifts li,.workplace-1 .profile-registration .workplace-2 li{margin-left:30px}
.workplace-2{position:relative;clear:both;

	background-color: #f8f8f8;
	margin-bottom: 15px;
	padding:10px;
	margin-bottom:15px;
	box-shadow: 0px 5px 8px #aaa;;
}
.workplace-2 h2 {
	background-color: #F4F4F4;
	padding: 5px 5px 5px 20px;
	border-left: solid 6px #00BFBB;
	text-align: left;
	
}


/*.husegprogram{font-size:14px}*/
.husegprogram .workplace-2 p{padding:5px;margin:5px 0px 5px 0px}
.workplace-2 img{max-width:100%;height:auto}
.workplace-2 a{text-decoration:underline;color:#00BFBB}
.workplace-2 a:hover{text-decoration:none}
.workplace-2.miert-hasznos-a-vip li{margin-left:30px;margin-bottom:10px}
.workplace-2.mierterdemes li{line-height:30px}
.profile-registration .licence{font-size:90%}
input.colsedinput, input.colsedinput:focus{color:#5D5D5D;box-shadow:none;border:none;background-color:transparent}
.workplace-3{position:relative;clear:both;padding:15px}

@media (min-width:1200px){.hgallerydiv #myCarousel{overflow:hidden}}
.mybookings .emptyinput{border:solid 1px #f00 !important}
.colsedinput{background:0;cursor:default}

.mybookings .tabs.profile-tabs{display:table;width:100%;margin:0;list-style-type:none}
.mybookings .tabs.profile-tabs:before,.mybookings .tabs.profile-tabs:after{display:none}
.mybookings .tabs.profile-tabs li{display:table-cell;padding:0 5px;vertical-align:top;}

.mybookings .tabs .myinput.v2{width:100%;}

@media(min-width:1121px)
{
	.mybookings .tabs.profile-tabs li{width:130px;}
	.mybookings .tabs.profile-tabs li:nth-child(1){width:50px}
	.mybookings .tabs.profile-tabs li:nth-child(2),
	.mybookings .tabs.profile-tabs li:nth-child(4){width:65px}
}

@media(max-width:1120px)
{
	.mybookings .tabs.profile-tabs{display:block;width:100%;margin-top:25px}
	.mybookings .tabs.profile-tabs li{display:inline-block;margin:5px 0;width:33.3333%}
	
	.mybookings .tabs.profile-tabs li:nth-child(2){width:80px}
	.mybookings .tabs.profile-tabs li:nth-child(3){width:calc(100% - 160px)}
}


.mybookings .documents{padding:15px;margin-bottom:25px;box-shadow:0px 5px 8px #aaa;border-radius:10px;}
.mybookings .documents h2{margin-bottom:15px}
.mybookings .documents .dcnt{display:table;width:100%;height:400px;}
.mybookings .documents .dcnt .dcn{display:table-cell}
.mybookings .documents .dcnt .dcn.l{background:#f8f8f8;width:220px;vertical-align:top;}
.mybookings .documents .dcnt .dcn.r{background:#fff;padding:10px;border-top:solid 2px #f8f8f8;border-right:solid 2px #f8f8f8;border-bottom:solid 2px #f8f8f8;}
.mybookings .documents .title{font-weight:700;margin-bottom:10px}
.mybookings .documents .subtitle{font-size:12px;line-height:15px;margin-bottom:15px}

.mybookings .documents .doc .add {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 18px;
	color: #fff;
	background: #d8d8d8;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	z-index:1;
}

.mybookings .documents .doc .del {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: #fff;
	background: #900;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	z-index:1;
}

.mybookings .documents ul.cat{margin-top:2px}
.mybookings .documents ul.cat li{position:relative;list-style-type:none;color:#00BFBB;padding:10px;border-bottom:solid 1px #d8d8dd;}
.mybookings .documents ul.cat li.active,.mybookings .documents ul.cat li:hover{background:#fff;color:#5d5d5d;cursor:pointer}

.mybookings .documents ul.cat li .bbl{position:absolute;right:5px;top:11px;display:inline-block;width:18px;height:18px;font-size:10px;line-height:17px;text-align:center;vertical-align:middle;color:#fff;background:#00BFBB;border-radius:100%;}

.mybookings .documents .dvhdocs .dcc{display:none}
.mybookings .documents .dvhdocs .dcc.active{display:block}
.mybookings .documents .dvhdocs .doc{position:relative;display:inline-block;margin:0 14px 70px 14px}
.mybookings .documents .dvhdocs .doc .icon{display:block;max-width:100%;height:auto}
.mybookings .documents .dvhdocs .doc .name{position:absolute;left:0;right:0;text-align:center;top:100%;margin-top:10px;height:auto;font-size:10px;font-weight:normal;overflow:hidden;word-wrap:anywhere}

@media(min-width:991px) {	
.mybookings .documents .dvhdocs .doc .icon{filter:contrast(100%);}
.mybookings .documents .dvhdocs .doc:hover .icon{filter:contrast(150%);}
.mybookings .documents .dvhdocs .doc:hover .add{background:#aaa;}
}

@media(max-width:768px) {

.mybookings .documents .dcnt .dcn{text-align:center;display:block}
.mybookings .documents .dcnt .dcn.l{width:100%}
.mybookings .documents .dcnt .dcn.r{padding-bottom:60px}

.mybookings .documents .dvhdocs .doc{margin-bottom:90px}
.mybookings .documents .dvhdocs .doc:first-of-type{margin-top:0;}
}


.mybookings .documents.upload .tbl{display:table;width:100%}
.mybookings .documents.upload .tbl .cll{display:table-cell;width:33.3333%;float:left}

.mybookings .documents.upload .mydoc .delete{color:#aaa;margin-left:5px}
.mybookings .documents.upload .mydoc .delete:hover{cursor:pointer;color:red}

@media(min-width:991px) {
.mybookings .documents.upload .doc{opacity:.9}
.mybookings .documents.upload .doc:hover{cursor:pointer;opacity:1}
}

@media(max-width:1024px) {
.mybookings .documents.upload .tbl .cll{width:50%}
}

@media(max-width:768px) {
.mybookings .documents.upload .tbl .cll{width:100%}
}


.mybookings .clear{clear:both}
.mybookings .txtwarn{color:red;font-size:140%}
.mybookings .txtwarn-1{color:#00BFBB;font-size:100%}
.mybookings input[name="submitform_passenger_upload"]{margin-top:5px}
.mybookings input[name="passengerdocuments[]"]{width:100%}

table.husegkartya{width:100%;border-collapse:collapse}
table.husegkartya tr:nth-of-type(odd){background:#eee}
table.husegkartya td{padding:2px;border:1px solid #ccc;text-align:center}
table.husegkartya .bronz td{background:red}
table.husegkartya th{padding:2px;border:1px solid #f4f4f4;text-align:left;background:#d8d8d8}
@media(max-width:991px){table.husegkartya, table.husegkartya thead, table.husegkartya tbody, table.husegkartya th, table.husegkartya td, table.husegkartya tr{display:block}table.husegkartya thead tr{position:absolute;top:-9999px;left:-9999px}table.husegkartya tr{border:1px solid #ccc}table.husegkartya td{border:none;border-bottom:1px solid #eee; position:relative;padding-left:50%}table.husegkartya td:before{position:absolute;top:6px;left:6px;width:45%; padding-right:10px;white-space:nowrap}table.husegkartya td:nth-of-type(1):before{content:"Szint"}table.husegkartya td:nth-of-type(2):before{content:"200 Ft-ként kap"}table.husegkartya td:nth-of-type(3):before{content:"Extra kedvezmény"}table.husegkartya td:nth-of-type(4):before{content:"Hírlevél"}table.husegkartya td:nth-of-type(5):before{content:"Legjobb ajánlatok"}table.husegkartya td:nth-of-type(6):before{content:"Árfigyelő"}table.husegkartya td:nth-of-type(7):before{content:"VIP kártya"}table.husegkartya td:nth-of-type(8):before{content:"Ponthatár"}table.husegkartya td:nth-of-type(9):before{content:"Ponthatárok"}}


table.vip-points-table td:nth-child(2){width:100px;padding-right:10px;white-space:nowrap;}

/* ratingbox */

.ratebar{display:inline-block;white-space:nowrap}
.ratebar input{width:50px;display:none}
.ratebar img{display:inline-block;margin:0 2px;filter:grayscale(100%);transform:scale(1);transition:filter .3s linear,transform .2s linear}
.ratebar img.show{filter:grayscale(0);transform:scale(1.2);}
.ratebar:hover img{filter:grayscale(100%);transform:scale(1);}
.ratebar img:hover{filter:grayscale(0);cursor:pointer;transform:scale(1.2);transition:filter .3s linear,transform .2s linear}
@media (max-width:991px){.ratebar img{margin:0 8px}}


/*aszf*/

.aszf{
	
	padding:5px;
	font-size: 12px;
	
	background-color: #E8E8E8;
	}
.aszf a{color:#00BFBB; text-decoration: underline; font-weight: bold}
.aszf a:hover{text-decoration: none; font-weight: bold}
.aszf li{padding:10px}


/* Alap stílusok */
.mybookings .tabs.profile-tabs li {
    /* Egyéb stílusok itt */
    margin: 10px; /* vagy más érték */
}

/* Mobilnézet - margin 5px */
@media (max-width: 768px) {
    .mybookings .tabs.profile-tabs li {
        margin: 5px;
    }
}