﻿


.alert-success {display:flex;align-items:center;position:fixed!important;top:20px!important;left:50%!important;transform:translateX(-50%)!important;z-index:9999!important;width:400px;max-width:90%!important;padding:15px !important;border-radius:8px!important;color:#fff!important;background:#28c76f!important;font-size:16px!important;box-shadow:0 4px 8px rgba(0,0,0,0.1)!important;transition:all 0.5s ease!important;will-change:transform,opacity!important;}
.alert-success i{margin-right:5px;}
.alert-success .close {top:unset;right:unset;flex:1;display:flex;justify-content:flex-end;align-items:center;color:#fff!important;opacity:0.8!important;font-size:20px!important;line-height:1!important;border:none!important;background:none!important;cursor:pointer!important;}
.alert-success .close:hover {opacity:1!important;}
.alert-hide {transform:translateX(-50%) translateY(-40px)!important;opacity:0!important;}


.calendar, .panel { animation: none !important; }


.app-bottom-menu {position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e3e3e3;z-index:1000;height:64px;align-items:center;padding:0 8px;}
.app-bottom-menu .menu-item {flex:1;text-align:center;font-size:13px;color:#bbb;text-decoration:none;}
.app-bottom-menu .menu-item i {font-weight:300 !important;font-size:22px;display:block;margin-bottom:3px;}
.app-bottom-menu .menu-item span {font-weight:600;font-family:"Montserrat", sans-serif;display:block;font-size:10px;white-space:nowrap;}

.app-bottom-menu .menu-item.active i, .app-bottom-menu .menu-item.active{background:linear-gradient(135deg, #6b8bb3, #003d99)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
#menu-ios-android{display:none !important;}

#cookie-consent {
    top: 50%;
    bottom: unset !important;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    left: 50%;
    border-radius: 20px;
    padding: 20px;
}
#cookie-inner{max-width:100% !important;}
#cookie-inner #cookie-text span{font-size:14px !important;text-align:left !important;}
#cookie-consent #accept{padding:14px 0 !important;}

form#reservationForm, form#unitForm{min-height:100vh;background:#fff;padding:20px 25px;}

.form-group input[type="radio"] + label:hover{border-color:#ebebeb !important;} 
.form-group input[type="radio"]:checked + label{border-color:#000 !important;}

body > #container{background:#f9f9f9 !important;}

#column-left li ul{margin:0 !important;}
#column-left #menu > li .li_children_1 {margin:0 !important;padding:0 !important;border-bottom:1px solid #d5d5d5 !important;}
#column-left #menu > li .li_children_1:first-child {border-top:1px solid #d5d5d5 !important;}
#column-left #menu > li .li_children_1:last-child {border-bottom:none !important;}

#column-left li.li_children_1 a{padding:16px 0 16px 64px !important;}
#column-left li.li_children_1:before{padding:16px 0 16px 35px !important;}


#column-left #menu #menu-calendar, 
#column-left #menu #menu-rezervari, 
#column-left #menu #menu-unitati, 
#column-left #menu #menu-raport-zilnic{display:none !important;}

#column-left .app-account-box .account-days{display:block !important;}

#column-left{overscroll-behavior-y: none;padding-top:0 !important;padding-bottom:100px;
    width: 100% !important;
    transform: none !important;
    position: relative !important;
    max-width: unset !important;
    top: unset !important;
    left: unset !important;
}
#menu li a, #menu li > a:hover{margin:0;}

@media (max-width:992px) {
	#column-left > #menu > li:last-child{border:none !important;}

	
	footer{margin-bottom:85px !important;}
	
	#header{border:none !important;}	
	.column_left_active #content{display:none !important;}
	
	#column-left li i{font-weight:500 !important;}
		
	#column-left li:nth-child(5n+1) a i {color:#ff3b30;}
	#column-left li:nth-child(5n+2) a i {color:#ff9500;}
	#column-left li:nth-child(5n+3) a i {color:#34c759;}
	#column-left li:nth-child(5n+4) a i {color:#007aff;}
	#column-left li:nth-child(5n+5) a i {color:#af52de;}

	
	nav#column-left {width: 100%;font-family:'Montserrat', sans-serif;height: 100%;position: fixed;top: 0;left: 0;display: none;background:#f9f9f9 !important;}

	#column-left #navigation{height: 40px;display: flex;align-items: center;justify-content: center;color:#333 !Important;background:#fff !important;margin:10px;border-radius:5px;}
	#column-left #navigation .fa-bars{margin-right:5px;}
	#column-left > #menu{margin:16px 11px 0 11px !important;border-radius:20px;overflow:hidden;}

	#column-left > #menu > li{border-bottom:1px solid #d5d5d5 !important;background:#fff;}
	#column-left > #menu > li > a{padding:15px 15px !important;background:#fff !important;color:#333 !important;}
	#column-left > #menu > li:hover > a{background:#f9f9f9 !important;}
	
	#column-left > #menu > li > ul{background:#fff !important;}
	#column-left li ul li.active>a{background:#fff !important;color:#333 !important;}
	#menu li li:hover{background:#fff !important;color:#333 !important;}
	#column-left li ul li:hover > a, #column-left li a:hover{background:#f9f9f9 !important;color:#333 !important;}
	#column-left #menu .li_children_1:hover:before{color:#333 !important;}
	#column-left li.li_children_1 a{color:#333 !important;}
	#column-left #menu .li_children_1:before{color:#333 !important;}
	#column-left #menu .li_children_1.children_parent a{background:#fff !important;color:#333 !important;}
	#column-left #menu .li_children_1.children_parent:before, #column-left #menu .li_children_1.children_parent ul li:before{color:#333 !Important;}
	#column-left #menu .li_children_1.children_parent a:hover, #column-left #menu .li_children_1.children_parent.active > a, #column-left #menu .li_children_1.children_parent.active ul li.active > a{background:#f9f9f9 !important;color:#333 !important;}
	
	

	#column-left.active{display:block;}
	
	#column-left li a{color:#333 !important;}
	
	
}

@media (max-width:419px) {
	.app-bottom-menu .menu-item span{font-size:9px;}
	.app-bottom-menu .menu-item i{font-size:20px;}
}

@media (max-width:365px) {
	.app-bottom-menu .menu-item span{font-size:8px;}
	.app-bottom-menu .menu-item i{font-size:19px;}
	.app-bottom-menu{padding:0;}
}

#column-left .app-account-box{padding:14px 16px !important;}

#langSwitcher .lang-current{background:#fff;padding:12px 10px;}
#langSwitcher .lang-dropdown{bottom:unset !important;top:calc(100% + 5px) !important;}


#ob-widget{bottom:100px !important;}
#ob-widget #ob-panel{max-height:calc(100vh - 235px);}