body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.login-container .logo{margin-bottom:30px}.login-container .box{align-items:center;background:#fff;border-radius:15px;box-shadow:0 0 20px #0003;display:flex;flex-direction:column;justify-content:center;padding:20px}.login-container h2{margin:0 0 20px}.login-container form{display:flex;flex-direction:column}.login-container form>button,.login-container form>input{margin:15px 0 0;padding:10px}.sidebar{background:#f4f4f4;border-right:1px solid #ddd;height:100%;padding:15px;position:fixed;width:20%}.sidebar .button-menu{display:none}.sidebar h3{margin-top:0}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{margin:10px 0}.sidebar ul li a{background:#fff;border-radius:4px;display:block;margin:10px 0;overflow:hidden;padding:10px;position:relative;text-decoration:none}.sidebar ul li a:before{color:#000;content:attr(data-name);font-size:12px;font-weight:700;position:relative;text-transform:uppercase;z-index:1}.sidebar ul li a:after,.sidebar ul li a:before{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}.sidebar ul li a:after{background:#6ed99e;background:linear-gradient(90deg,#6ed99e,#78dee2 50%,#45a2fc);bottom:0;content:" ";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ed99e",endColorstr="#45a2fc",GradientType=1);left:0;position:absolute;right:100%;top:0;z-index:0}.sidebar ul li a.active:before,.sidebar ul li a:hover:before{color:#fff}.sidebar ul li a.active:after,.sidebar ul li a:hover:after{right:0}.sidebar ul li a.red{background:#9b1313;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}.sidebar ul li a.red:hover{background:#750c0c}.sidebar ul li a.red:after{display:none}.sidebar ul li a.red:before{color:#fff}.sidebar ul li a:hover{text-decoration:none}.logout-button{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:0;padding:10px;text-align:center;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;width:100%}.logout-button:hover{background-color:#c9302c}.dashboard-container{display:flex}.dashboard-content{margin-left:20%;width:100%}.dashboard-content h2{margin-bottom:20px}.stats-grid{display:flex;flex-wrap:wrap;gap:20px}.stat-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px;text-align:center}.stat-card h3{margin-bottom:10px}.stat-card p{font-size:24px;font-weight:700}.error-message{background-color:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:4px;margin-bottom:10px;padding:10px}.success-message{background-color:#d7f8da;color:#1c721c}.user-details-container{display:flex}.user-details-content h2{margin-bottom:20px}.user-details-content form{display:flex;flex-direction:column}.user-details-content form label{margin-bottom:10px}.user-details-content form input,.user-details-content form select,.user-details-content form textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.user-details-content form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.user-details-content form button:hover{background-color:#0056b3}.image-preview{display:flex;gap:10px;margin-bottom:20px}.image-preview img{border:1px solid #ccc;border-radius:4px;max-height:100px;max-width:100px;object-fit:contain}.image-preview img.banner{max-width:200px}.spots-container{display:flex}.spots-content{margin-left:20%;padding:20px;width:100%}.spots-content h2{margin-bottom:20px}.spots-content .add-spot-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;display:inline-block;margin-bottom:20px;padding:10px 15px;text-decoration:none}.spots-content .add-spot-button:hover{background-color:#0056b3}.spots-content ul{list-style-type:none;padding:0}.spots-content li{align-items:center;background:#fff;border-radius:4px;display:flex;margin:10px 0;padding:10px}.spots-content li h3{margin:0 10px 0 0}.spots-content li img{margin-right:10px;max-height:50px;max-width:50px}.spots-container .image-preview{display:block;margin:0}.google-map{position:relative}.google-map .marker{background:red;height:50px;width:50px;z-index:999}.searchable-select>input{border:1px solid #e3e3e3;border-radius:150px;margin:0 0 10px;padding:10px}.checkbox-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.checkbox-list .checkbox-item{margin:0;position:relative}.checkbox-list .checkbox-item input{border:none;height:0;margin:0;padding:0;width:0}.checkbox-list .checkbox-item span{border:1px solid #e3e3e3;border-radius:8px;cursor:pointer;display:block;font-size:12px;padding:5px 10px;text-align:center}.checkbox-list .checkbox-item input:checked+span{background:#007bff;border:1px solid #04f;color:#fff}.add-spot-container,.edit-spot-container{display:flex}.add-spot-content,.edit-spot-content{margin-left:20%;padding:20px;width:100%}.add-spot-content h2,.edit-spot-content h2{margin-bottom:20px}.add-spot-content form,.edit-spot-content form{display:flex;flex-direction:column}.add-spot-content form label,.edit-spot-content form label{margin-bottom:10px}.add-spot-content form input,.add-spot-content form select,.add-spot-content form textarea,.edit-spot-content form input,.edit-spot-content form select,.edit-spot-content form textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.add-spot-content form>button,.edit-spot-content form>button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.add-spot-content form>button:hover,.edit-spot-content form>button:hover{background-color:#0056b3}.categories-container{display:flex}.categories-content{margin-left:20%;padding:20px;width:100%}.categories-content h2{margin-bottom:20px}.categories-content .add-category-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;display:inline-block;margin-bottom:20px;padding:10px 15px;text-decoration:none}.categories-content .add-category-button:hover{background-color:#0056b3}.categories-content ul{list-style-type:none;padding:0}.categories-content li{align-items:center;background:#fff;border-radius:4px;display:flex;margin:10px 0;padding:10px}.categories-content li h3{margin:0 10px 0 0}.categories-content li img{margin-right:10px;max-height:50px;max-width:50px}.categories-container .image-preview{display:block;margin:0}.add-category-container{display:flex}.add-category-content{margin-left:20%;padding:20px;width:100%}.add-category-content h2{margin-bottom:20px}.add-category-content form{display:flex;flex-direction:column}.add-category-content>form>label{margin-bottom:10px}.add-category-content>form>label>input,.add-category-content>form>label>select{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.add-category-content form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.add-category-content form button:hover{background-color:#0056b3}.edit-category-container{display:flex}.edit-category-content{margin-left:20%;padding:20px;width:100%}.edit-category-content h2{margin-bottom:20px}.edit-category-content form{display:flex;flex-direction:column}.edit-category-content form label{margin-bottom:10px}.edit-category-content form input,.edit-category-content form select{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.edit-category-content form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.edit-category-content form button:hover{background-color:#0056b3}.trips-container{display:flex}.trips-content{margin-left:20%;padding:20px;width:100%}.trips-content h2{margin-bottom:20px}.trips-content .add-trip-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;display:inline-block;margin-bottom:20px;padding:10px 15px;text-decoration:none}.trips-content .add-trip-button:hover{background-color:#0056b3}.trips-content ul{list-style-type:none;padding:0}.trips-content li{align-items:center;background:#fff;border-radius:4px;display:flex;margin:10px 0;padding:10px}.trips-content li h3{margin:0 10px 0 0}.trips-content li img{margin-right:10px;max-height:50px;max-width:50px}.trips-container .image-preview{display:block;margin:0}.add-trip-container,.edit-trip-container{display:flex}.add-trip-content,.edit-trip-content{margin-left:20%;padding:20px;width:100%}.add-trip-content h2,.edit-trip-content h2{margin-bottom:20px}.add-trip-content form,.edit-trip-content form{display:flex;flex-direction:column}.add-trip-content form label,.edit-trip-content form label{margin-bottom:10px}.add-trip-content form input,.add-trip-content form select,.add-trip-content form textarea,.edit-trip-content form input,.edit-trip-content form select,.edit-trip-content form textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.add-trip-content form>button,.edit-trip-content form>button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.add-trip-content form>button:hover,.edit-trip-content form>button:hover{background-color:#0056b3}.add-step-form{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.step-button{margin:auto}.image-preview,.video-preview{border:1px solid #e0e0e0;border-radius:8px;display:inline-block;height:100px;margin:10px 2px 10px 0;object-fit:cover;overflow:hidden;width:100px}.video-preview{max-height:200px;max-width:100%}.spots-list{margin-top:10px}.spots-list>div{border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:inline-block;height:100px;margin:10px 2px 10px 0;overflow:hidden;position:relative;width:100px}.spots-list>div img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.spots-list>div>span{align-items:center;background:#0000004d;color:#fff;display:flex;height:100%;justify-content:center;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:1}.spots-list button{background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-bottom:5px;margin-right:5px;padding:5px 10px}.spots-list button:hover{background-color:#e1e1e1}.selected-spots{display:flex;flex-wrap:wrap;margin-top:10px}.selected-spot{align-items:center;background-color:#e0ffe0;border:1px solid #ccc;border-radius:4px;display:flex;margin-bottom:10px;margin-right:10px;padding:5px 10px}.selected-spot img.spot-image{height:50px;margin-right:10px;object-fit:cover;width:50px}.selected-spot button{background-color:#f66;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:3px 6px}.selected-spot button:hover{background-color:#f33}.edit-trip-container{display:flex}.edit-trip-content{margin-left:20%;padding:20px;width:100%}.edit-trip-content h2{margin-bottom:20px}.edit-trip-content form{display:flex;flex-direction:column}.edit-trip-content form label{margin-bottom:10px}.edit-trip-content form input,.edit-trip-content form select,.edit-trip-content form textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px}.edit-trip-content form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 15px}.edit-trip-content form button:hover{background-color:#0056b3}.existing-images .preview-img-container{border:1px solid #ddd;border-radius:4px;display:inline-block;margin-bottom:10px;margin-right:10px;position:relative}.existing-images .preview-img-container img{display:block}.existing-images .img-button-container{align-items:center;background:#0006;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.existing-images .preview-img-container:hover .img-button-container{display:flex}.existing-images .img-button-container button{margin:5px}.steps-section{margin-top:20px}.steps-section .step-item{background:#f9f9f9;border-radius:4px;margin-bottom:10px;padding:10px}.steps-section .step-item h4{margin-top:0}.steps-section .add-step-form{background:#f1f1f1;border-radius:4px;padding:10px}.steps-section .add-step-form label{margin-bottom:5px}.steps-section .add-step-form input,.steps-section .add-step-form select,.steps-section .add-step-form textarea{margin-bottom:10px}.steps-section .add-step-form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.steps-section .add-step-form button:hover{background-color:#218838}*{box-sizing:border-box}body,html{height:100vh}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}h2{color:#333}.container{padding:20px}.form-container{margin-bottom:20px}ul{list-style-type:none;padding:0}li h3{margin:0}.add-step-form>label,.onlyDev>label,form>label{align-items:center;background:#ddd;border:1px solid #e0e0e0;border-radius:8px;display:flex;padding:0 10px}.add-step-form>label>span,.onlyDev>label>span,form>label>span{flex:1 1;font-size:14px}.add-step-form>label>span+div,.onlyDev>label>span+div,form>label>span+div{background:#fff}form label>div,form label>input,form label>select,form label>textarea{background:#fff;border:none!important;border-left:1px solid #e0e0e0!important;border-radius:0!important;flex:1 1;margin:0!important;padding:20px!important;resize:none}form label>textarea{min-height:150px}form label>div{display:flex;flex-direction:column}select{background:#fff;border:1px solid #e0e0e0;border-radius:8px!important;margin:0!important;padding:10px!important;resize:none}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:5px 10px}button.inactive{background-color:silver}button:hover{background-color:#0056b3}button.inactive:hover{background-color:#a0a0a0}button.red{background-color:#d9534f!important}button.red:hover{background-color:#c9302c!important}button.back{background-color:#8f4fd9!important}button.back:hover{background-color:#702cc9!important}form>input,form>select{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:5px}form>button{padding:5px 10px}.trs05{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}#root{height:100vh}.dashboard-container{height:100%}.dashboard-content{height:100%}.categories-content,.dashboard-content,.spots-content,.trips-content,.user-details-content,.users-content{margin-left:calc(20% + 21px);padding:20px}.table{border:1px solid #ccc;width:100%}.table th{background:#333;color:#fff;padding:10px;text-align:left}.table.sortable th{cursor:pointer;position:relative}.table.sortable th:after{content:"-";position:absolute;right:15px}.table.sortable th.desc:after{content:"▲"}.table.sortable th.asc:after{content:"▼"}.table td{background:#fff;padding:10px}.table td.center{text-align:center}.table td.text-right{text-align:right}.table tr:nth-child(2n) td{background:#e0e0e0}#loading{align-items:center;background-image:url(/static/media/loading.e234df67dadefc94aa8b.gif);background-position:50%;background-repeat:no-repeat;background-size:100px;display:flex;height:100%;justify-content:center}.modal{background:#fff;border-radius:8px;bottom:auto;left:50%;margin-right:-50%;outline:none;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%)}.overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0}.close-button{background:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;position:absolute;right:10px;top:10px}.close-button:hover{background:#c9302c}.modal-image{display:block;margin:0 auto;max-height:80vh;max-width:100%}#filters{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.filters{margin-top:10px}.filters:first-child{margin-top:0}#filters form label>input,#filters form label>select{padding:10px!important}.top-header{align-items:center;display:flex}.top-header h2{margin-right:auto}.onlyDev{background:#72addd;border-radius:8px;margin-bottom:15px;padding:15px}.existing-images{display:flex;margin-bottom:15px}.preview-img-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative}.preview-img-container img{display:block}.preview-img-container .img-button-container{align-items:center;background:#0006;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.preview-img-container .img-button-container button{margin:0 0 5px}.preview-img-container:hover .img-button-container{display:flex}@media screen and (max-width:767px){#root,body,html{height:100%}#filters{overflow:auto}.edit-spot-content{margin:0}.categories-content,.dashboard-content,.spots-content,.trips-content,.user-details-content,.users-content{margin:0;overflow:auto}.sidebar{height:100%;left:-80%;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:99}.sidebar .button-menu{background:#f4f4f4;border:1px solid #ddd;border-radius:0 100% 100% 0;box-shadow:0 0 20px 5px #0003;display:block;font-size:10px;font-weight:700;height:50px;line-height:50px;position:absolute;right:-50px;text-align:center;top:50%;width:50px}.sidebar.open{left:0}}
/*# sourceMappingURL=main.1e790907.css.map*/