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

#menu-dashboard, #menu-calendar, #menu-reservations, #menu-clients{display:none !important;}
#column-left .user-profile{margin-bottom:0 !important;}
#column-left ul#menu{padding: 0 !important;border-radius: 0 !important;}
.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; }

#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;}

.user-profile {display:flex;align-items:center;gap:10px;}
.sub-info-badge {margin-left:auto;text-align:right;background:#f3f0ff;border:1px solid #d4c5ff;border-radius:8px;padding:4px 10px;}
.sub-info-badge .sub-info-name {font-size:11px;font-weight:700;color:#6c3fc5;}
.sub-info-badge .sub-info-days {font-size:11px;color:#9b7ee0;}

.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;}


form#reservationForm, form#unitForm, .cf-wrap{min-height:100vh;background: #fff !important;}
.cf-wrap{padding: 30px 25px 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 > #menu {margin: 16px 11px 0 11px !important;border-radius: 20px;overflow: hidden;}
#column-left #menu > li .li_children_1 {margin: 0 !important;padding: 0 !important;}
#column-left #menu > li .li_children_1:first-child {border-top: 1px solid #d5d5d5 !important;}
#column-left #menu > li .li_children_1:not(:last-child){border-bottom:1px solid #d5d5d5 !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;}
.cf-wrap.reservation_form{padding:20px 15px;}

@media (max-width:992px) {
	.app-account-box{padding:15px;background:linear-gradient(to right,#ffffff,#e0f7fa);color:#333;border-bottom:1px solid #ccc;}
	.app-account-box .account-info{display:flex;align-items:center;justify-content:space-between;}
	.app-account-box .account-name{font-size:15px;font-weight:600;}
	.app-account-box .days-left{background:#28a745;padding:3px 10px;font-size:13px;border-radius:50px;color:#fff;text-decoration:none;}
	
	footer{margin-bottom:85px !important;}
	#column-left{overscroll-behavior-y: none;padding-top:0 !important;padding-bottom:100px;}
	#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 {padding:0 !important;border:none !important;
        width: 100%;
        font-family: 'Montserrat', sans-serif;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        background: #f9f9f9 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        overscroll-behavior-y: auto;padding-bottom:100px !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:0 10px;}
	#column-left > #menu > li{background:#fff;}
	#column-left > #menu > li:not(:last-child){border-bottom:1px solid #d5d5d5 !important;}
	#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;}
}