.sidebar{flex:1 1;border-right:.5px solid #e6e3e3;min-height:100vh;background-color:#fff}.sidebar .top{height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;margin-top:10px}.sidebar .top .logo{width:50px;height:50px;border-radius:50%;display:flex}.sidebar .top .logoText{font-size:10px;font-weight:700}.sidebar hr{height:0;border:.5px solid #e6e3e3}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{font-size:10px;font-weight:700;color:#f15412;margin-top:15px;margin-bottom:5px}.sidebar .center ul li{display:flex;align-items:center;padding:5px;cursor:pointer}.sidebar .center ul li:hover{background-color:rgba(255,197,154,.337254902)}.sidebar .center ul li .icon{font-size:17px;color:#f15412}.sidebar .center ul li span{font-size:13px;font-weight:600;color:#000;margin-left:10px}.sidebar .bottom{display:flex;align-items:center;margin:10px}.sidebar .bottom .colorOption{width:20px;height:20px;border-radius:5px;border:1px solid #f15412;cursor:pointer;margin:5px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.navbar{height:70px;border-bottom:.5px solid #e7e4e4;font-size:14px;color:#555}.navbar,.navbar .wrapper{display:flex;align-items:center}.navbar .wrapper{padding:20px;justify-content:space-between;width:100%}.navbar .search{display:flex;align-items:center;border:.5px solid #d3d3d3;padding:3px}.navbar input{border:none;outline:none;background:transparent}.navbar input::-webkit-input-placeholder{font-size:12px}.navbar input:-ms-input-placeholder{font-size:12px}.navbar input::-ms-input-placeholder{font-size:12px}.navbar input::placeholder{font-size:12px}.navbar .items{display:flex;align-items:center;cursor:pointer}.navbar .items .item{display:flex;align-items:center;margin-right:20px;position:relative}.navbar .items .item .icon{font-size:20px}.navbar .items .item .avatar{width:30px;height:30px;border-radius:50%}.navbar .items .item .counter{width:15px;height:15px;background-color:orange;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.home{display:flex;width:100%}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;padding:20px;grid-gap:20px;gap:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:20px;margin:10px 20px}.home .homeContainer .listTitle{font-weight:500;color:#000;margin-bottom:15px}.widget{flex:1 1;padding:10px;box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);border-radius:10px;height:100px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{font-weight:700;font-size:14px;color:orange}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:12px;border-bottom:1px solid grey}.widget .left .percentage,.widget .right .percentage{display:flex;align-items:center;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{font-size:18px;padding:5px;border-radius:5px;align-self:flex-end}.featured{flex:2 1;box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:10px}.featured .top{display:flex;align-items:center;justify-content:space-between;color:grey}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:15px;gap:15px}.featured .bottom .featuredChart{width:100px;height:100px}.featured .bottom .title{font-weight:500;color:grey}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{font-weight:300;font-size:12px;color:grey;text-align:center}.featured .bottom .summary{width:100%;display:flex;align-items:center;justify-content:space-between}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{font-size:14px;color:grey}.featured .bottom .summary .item .itemResult{display:flex;align-items:center;margin-top:10px;font-size:14px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.chart{flex:4 1;box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:10px;color:"gray"}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#fde3d9}.table .cellWrapper{display:flex;align-items:center}.table .cellWrapper .image{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover}.table .status{padding:5px;border-radius:5px}.table .status.Checked-in{color:green;font-weight:700;background-color:rgba(0,128,0,.128)}.table .status.Checked-out{color:#daa520;font-weight:700;background-color:rgba(218,165,32,.151)}.table .status.Pending{color:#6495ed;font-weight:700;background-color:rgba(100,148,237,.203)}.table .status.Canceled{color:red;font-weight:700;background-color:rgba(255,0,0,.13)}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.list .listContainer .listTitle{display:flex;align-items:center;justify-content:space-around;font-weight:500;color:#000;margin-bottom:15px;margin-top:15px}.list .listContainer .addNewData{display:flex;margin-top:20px;margin-bottom:10px}.list .listContainer .addNewData .addText{flex:3 1}.datatable{height:600px;padding:20px}.datatable .cellWithImg{display:flex;align-items:center}.datatable .cellWithImg .cellImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:20px}.datatable .cellWithStatus{padding:5px;border-radius:5px}.datatable .cellWithStatus.active{color:green;font-weight:700;background-color:rgba(0,128,0,.128)}.datatable .cellWithStatus.pending{color:#daa520;font-weight:700;background-color:rgba(218,165,32,.151)}.datatable .cellWithStatus.passive{color:#dc143c;font-weight:700;background-color:rgba(220,20,60,.144)}.datatable .cellAction{display:flex;align-items:center;grid-gap:15px;gap:15px}.datatable .cellAction .viewButton{padding:2px 5px;border-radius:5px;color:#00bfff;border:1px dotted rgba(0,191,255,.482);cursor:pointer}.datatable .cellAction .deleteButton{padding:2px 5px;border-radius:5px;color:red;border:1px dotted rgba(255,0,0,.326);cursor:pointer}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{padding:20px;display:flex;grid-gap:20px;gap:20px}.single .singleContainer .top .left{flex:1 1;box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:20px;position:relative}.single .singleContainer .top .left .editButton{position:absolute;top:0;right:0;padding:5px;font-size:12px;color:orange;background-color:rgba(255,166,0,.087);cursor:pointer;border-radius:0 0 0 5px}.single .singleContainer .top .left .item{display:flex;grid-gap:20px;gap:20px}.single .singleContainer .top .left .item .itemImg{width:100px;height:100px;border-radius:50%;object-fit:cover}.single .singleContainer .top .left .item .details .itemTitle{margin-bottom:10px;color:#000}.single .singleContainer .top .left .item .details .detailItem{margin-bottom:10px;font-size:14px}.single .singleContainer .top .left .item .details .detailItem .itemKey{font-weight:700;color:grey;margin-right:5px;font-size:10px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300px;font-size:10px}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:20px;margin:10px 20px}.single .singleContainer .title{font-size:16px;color:#d3d3d3;margin-bottom:20px}.booking{display:flex;width:100%}.booking .bookingContainer{flex:6 1}.booking .bookingContainer .listTitle{display:flex;align-items:center;justify-content:space-around;font-weight:500;color:#000;margin-bottom:15px;margin-top:15px}.booking .listContainer{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:20px;margin:10px 20px}.room{display:flex;width:100%}.room .roomListContainer{flex:6 1}.room .roomListContainer .listTitle{display:flex;align-items:center;justify-content:space-around;font-weight:500;color:#000;margin-bottom:15px;margin-top:15px}.room .roomListContainer .listTitle .buttonLink{text-decoration:none!important}.room .roomListContainer .listTitle .buttonLink .button{width:150px;padding:10px;border:none;background-color:#ff4500;color:#fff;text-align:center;font-weight:700;cursor:pointer;margin-top:10px}.roomData{height:600px;padding:20px;align-items:center;justify-content:center}.roomData .cellWithImg{display:flex;align-items:center;justify-content:space-around}.roomData .cellWithImg .cellImg{widows:32px;height:32px;object-fit:cover;margin-right:20px}.roomData .cellWithStatus{padding:5px;border-radius:5px}.roomData .cellWithStatus.available{color:green;font-weight:700;background-color:rgba(0,128,0,.128)}.roomData .cellWithStatus.maintainance{color:#dc143c;font-weight:700;background-color:rgba(220,20,60,.144)}.roomData .cellWithStatus.no-vacancy{color:#daa520;font-weight:700;background-color:rgba(218,165,32,.151)}.roomData .cellAction{display:flex;align-items:center;grid-gap:15px;gap:15px}.roomData .cellAction .viewButton{padding:2px 5px;border-radius:5px;color:#00bfff;border:1px dotted rgba(0,191,255,.482);cursor:pointer}.roomData .cellAction .deleteButton{padding:2px 5px;border-radius:5px;color:red;border:1px dotted rgba(255,0,0,.326);cursor:pointer}.roomData .cellAction .editButton{padding:2px 5px;border-radius:5px;color:#daa520;border:1px dotted rgba(218,165,32,.274);cursor:pointer}.new{width:100%;display:flex}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:10px;margin:20px;display:flex}.new .newContainer .bottom .title,.new .newContainer .top .title{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{width:100px;height:100px;border-radius:50%;object-fit:cover}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;grid-gap:30px;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{display:flex;align-items:center;grid-gap:10px;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{width:100%;padding:5px;border:none;border-bottom:1px solid grey}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{width:150px;padding:10px;border:none;background-color:#ffebcd;color:#000;cursor:pointer;margin-top:10px}.addRoom{width:100%;display:flex}.addRoom .addContainer{flex:6 1}.addRoom .addContainer .top{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:10px;margin:20px;display:flex}.addRoom .addContainer .top .title{color:grey;font-size:20px}.addRoom .addContainer .bottom{box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-webkit-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);-moz-box-shadow:15px 12px 42px -6px rgba(140,120,111,.79);padding:20px;display:flex;align-content:center;justify-content:center;margin:50px}.addRoom .addContainer .bottom button{width:150px;padding:10px;border:none;background-color:#ffebcd;color:#000;cursor:pointer;margin-top:10px}
/*# sourceMappingURL=main.a3a08d6e.chunk.css.map */