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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,button,h1,h2,h3,h4,h5,p,span{font-family:Roboto,sans-serif}#homePage{display:flex;margin:0 auto;width:1070px}#homePage .homePageContent{align-items:center;background-color:#fff;display:flex;height:calc(100vh - 100px);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}#homePage .homePageContent h2{background-color:#ff4500;box-shadow:0 3px 8px #0000003d;color:#fff;left:-20px;padding:10px 20px;position:absolute;top:20px}#homePage .homePageContent h1{background-color:#090;box-shadow:0 3px 8px #0000003d;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s}#homePage .homePageContent h1:hover{background-color:red}#homePage .homePageContent p{bottom:0;color:#ff4500;font-size:12px;font-weight:700;padding:5px;position:absolute;text-align:center;width:100%}a{text-decoration:none}span.navigation{color:#090;cursor:pointer}body{background-color:#f5f5f5}body .content div.lock,body .content div.user{margin-top:30px;text-align:center}body .content div.lock i,body .content div.user i{color:#ff4500;font-size:68px}body .content h1{color:#ff4500;margin:10px 0 20px;text-align:center}body .content .form{background-color:#fff;box-shadow:0 3px 8px #0000003d;margin:10px auto;padding:20px;width:360px}body .content .form .inputItem{align-items:center;border-bottom:1px solid #ccc;display:flex;gap:2px;justify-content:space-between;margin:2px 0}body .content .form .inputItem i{color:#ccc;height:20px;text-align:center;width:20px}body .content .form .inputItem i.showPass{cursor:pointer;transition:all .3s}body .content .form .inputItem i.showPass:hover{color:red}body .content .form .inputItem input{border:none;font-size:16px;height:30px;outline:none;padding:0 5px;width:100%}body .content .form p.alert{color:red;font-size:12px;margin-bottom:3px;text-align:right;text-transform:none}body .content .form button{background-color:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:34px;margin:10px 0;text-align:center;transition:all .3s;width:100%}body .content .form button:hover{background-color:red}body .content p{color:#ccc;font-size:14px;margin-top:20px;text-align:center}body .content p a{color:#ccc}#seller{display:flex;margin:0 auto}#seller .menu{position:relative;width:640px;z-index:200}#seller .menu .menuTitle{flex-direction:row-reverse;height:40px;padding-left:10px;padding-right:10px}#seller .menu .menuTitle,#seller .menu .menuTitle .navigate{align-items:center;display:flex;justify-content:space-between}#seller .menu .menuTitle .navigate{gap:20px}#seller .menu .menuTitle h3{color:#ccc;font-size:20px}#seller .menu .menuTitle i.setting{color:#ccc;cursor:pointer;font-size:24px;transition:all .3s}#seller .menu .menuTitle i.setting:hover{color:red}#seller .menu .menuTitle div.shopInfo{align-items:center;display:flex;gap:5px}#seller .menu .menuTitle div.shopInfo h3.shopName{color:#090;font-size:16px;font-weight:700;margin-right:5px;text-transform:uppercase}#seller .menu .menuTitle div.shopInfo i.logout{color:#ff4500;cursor:pointer;transition:all .3s}#seller .menu .menuTitle div.shopInfo i.logout:hover{color:red}#seller .menu .menuTitle div.shopInfo i.shopIcon{background:#090;border:1px solid #090;border-radius:50%;color:#fff;display:block;font-size:14px;height:28px;line-height:25px;text-align:center;width:28px}#seller .menu .menuTitle div.shopInfo p.staffName{color:#ff4500;font-size:12px;font-weight:700}#seller .menu .slider{align-items:center;background-color:#6e4eff66;display:flex;min-height:100px;overflow-x:scroll;padding:5px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}#seller .menu .slider::-webkit-scrollbar{display:none}#seller .menu .slider .sliderContent{display:flex}#seller .menu .slider .sliderContent h1{color:#fff;text-align:center;width:640px}#seller .menu .slider .sliderContent .addButton{align-items:center;background-color:#ff4500;border:2px solid #0000;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;height:90px;justify-content:center;margin-left:5px;position:relative;transition:all .3s;width:90px}#seller .menu .slider .sliderContent .addButton:hover{background-color:red}#seller .menu .slider .sliderContent .addButton button{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:38px;font-weight:700}#seller .menu .slider .sliderContent .sliderItem{align-items:center;background-color:#06f;border:2px solid #0000;border-radius:50%;box-shadow:0 1px 4px #00000029;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:90px;justify-content:center;margin-right:5px;padding:4px;position:relative;width:90px;z-index:1000}#seller .menu .slider .sliderContent .sliderItem p{font-size:13px;font-weight:700;overflow-wrap:break-word;padding:0 3px;text-align:center}#seller .menu .slider .sliderContent .sliderItem input{-webkit-appearance:none;appearance:none;background-color:#0000;background:none;border:none;box-shadow:none;color:#fff;font-size:14px;font-weight:700;height:26px;margin:0;outline:none;padding:0;text-align:center;width:100%}#seller .menu .slider .sliderContent .sliderItem input:focus{border-radius:5px;outline:1px solid silver}#seller .menu .slider .sliderContent .sliderItem i.deleteCategory{bottom:2px;color:#ccc;cursor:pointer;font-size:12px;position:absolute;transition:all .3s}#seller .menu .slider .sliderContent .sliderItem i.deleteCategory:hover{color:red}#seller .menu .container{background-color:#fff;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;min-height:calc(100vh - 140px);overflow-y:scroll}#seller .menu .container::-webkit-scrollbar{display:none}#seller .menu .container .content{align-items:flex-start;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:3px auto;padding:10px;width:640px}#seller .menu .container .content .addButton{align-items:center;background-color:#ff4500;border:2px solid #0000;border-radius:5px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;height:250px;justify-content:center;padding-top:5px;position:relative;transition:all .3s;width:200px}#seller .menu .container .content .addButton:hover{background-color:red}#seller .menu .container .content .addButton button{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:68px;font-weight:700}#seller .table{height:100vh;padding:0 0 3px 3px;position:-webkit-sticky;position:sticky;top:0;width:430px}#seller .table .tableTitle{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;padding-right:10px}#seller .table .tableTitle div.money{align-items:center;display:flex;gap:3px;height:20px;justify-content:space-between}#seller .table .tableTitle div.money:first-child{color:#090}#seller .table .tableTitle div.money:last-child{color:#ccc}#seller .table .tableTitle div.money p{font-size:12px;font-weight:700;text-align:right}#seller .table .tableTitle div.money p:first-child{width:70px}#seller .table .tableTitle div.money p:last-child{text-align:right}#seller .table .tableTitle h3{align-items:center;color:#ff4500;display:flex;height:40px;justify-content:space-between;padding:0 10px}#seller .table .tableTitle div.countTable{align-items:center;display:flex;gap:3px;height:20px;justify-content:space-between;padding-right:10px}#seller .table .tableTitle div.countTable:first-child{color:#090}#seller .table .tableTitle div.countTable:last-child{color:#ccc}#seller .table .tableTitle div.countTable p{font-size:12px;font-weight:700;text-align:right}#seller .table .tableTitle div.countTable p:first-child{width:100px}#seller .table .tableTitle div.countTable p:last-child{text-align:right}#seller .table .tableContent{background-color:#fff;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;height:calc(100vh - 40px)}#seller .table .tableContent .slider{background-color:#6e4eff66;min-height:100px;overflow-x:scroll;padding:10px 10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:200}#seller .table .tableContent .slider::-webkit-scrollbar{display:none}#seller .table .tableContent .slider .sliderContent{display:grid}#seller .table .tableContent .slider .sliderContent .sliderItemWrap{padding:0 10px 10px 0;position:relative}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem{align-items:center;background-color:#090;border:2px solid #0000;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:80px;justify-content:space-between;padding:5px;position:relative;width:100px}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem h4{color:#fff;font-size:15px}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem h5{color:#fff}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem input{-webkit-appearance:none;appearance:none;background-color:#0000;background:none;border:none;box-shadow:none;color:#fff;font-size:16px;font-weight:700;height:26px;margin:0;outline:none;padding:0;position:relative;text-align:center;width:100%;z-index:2}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem input:focus{border-radius:5px;outline:1px solid silver}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem i.deleteTableName{bottom:2px;color:#ccc;cursor:pointer;font-size:12px;position:absolute;right:2px;transition:all .3s;z-index:3}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .sliderItem i.deleteTableName:hover{color:red}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .addButton{align-items:center;background-color:#ff4500;border:2px solid #0000;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;padding:5px;transition:all .3s;width:100px}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .addButton:hover{background-color:red}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .addButton button{background-color:#0000;border:none;color:#fff;font-size:18px;font-weight:700}#seller .table .tableContent .slider .sliderContent .sliderItemWrap .overItem{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:1}#seller .table .tableContent .slider .sliderContent h1{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#seller .table .tableContent .content{background-color:#fff;height:calc(100vh - 260px);margin-top:10px;overflow-y:scroll;padding-bottom:60px}#seller .table .tableContent .content::-webkit-scrollbar{display:none}#seller .table .tableContent .content .function{align-items:center;background-color:#090;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}#seller .table .tableContent .content .function button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;height:24px;margin:5px;padding:0 10px;transition:all .3s}#seller .table .tableContent .content .function button.delete{border-radius:50%;color:#ff4500;height:24px;padding:0;text-align:center;width:24px}#seller .table .tableContent .content .function button:hover{background-color:orange;color:#fff}#seller .table .tableContent .content .function button:hover.delete{background-color:#ff4500;color:#fff}#seller .table .tableContent .content .function h3{color:#fff;font-size:16px;justify-content:flex-end;margin-right:10px;text-align:right}#seller .table .tableContent .content .item{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:5px}#seller .table .tableContent .content .item .tenSanPham{width:200px}#seller .table .tableContent .content .item .tenSanPham h4{color:#090;font-size:16px}#seller .table .tableContent .content .item .tenSanPham span{color:#6e6e6e;font-size:14px;font-weight:700}#seller .table .tableContent .content .item p{font-size:16px;font-weight:700;text-align:right;width:100px}#seller .table .tableContent .content .item button{border:none;border-radius:14px;color:#fff;cursor:pointer;height:26px;margin:0 5px;width:26px}#seller .table .tableContent .content .item button.tang{background-color:#090}#seller .table .tableContent .content .item button.giam{background-color:#fff;border:1px solid #090;color:#000}#seller .table .tableContent .content .item button.xoa{background-color:#ff4500}#seller .table .tableContent .nothing{align-items:center;background-color:#fff;display:flex;height:calc(100vh - 240px);justify-content:center;margin-top:10px}#seller .table .tableContent .nothing h1{color:#ccc}#seller #paying{background-color:#ccc;height:300px;width:600px}#seller .overlay{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.productItem .productContent .product{border:1px solid #ff4500;border-radius:5px;box-shadow:0 3px 8px #0000003d;height:250px;position:relative;width:200px}.productItem .productContent .product .image{height:190px;width:100%}.productItem .productContent .product .image img{border-radius:5px 5px 0 0;height:100%;object-fit:cover;width:100%}.productItem .productContent .product .image .totalSale{background-color:#f40c;border-radius:10px 0 0 10px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:0;text-align:center;top:5px}.productItem .productContent .product .title{position:relative}.productItem .productContent .product .title .name{background-color:#ff0000b3;border-radius:0 15px 15px 0;display:inline;height:30px;line-height:30px;margin-bottom:3px;max-width:195px;overflow-wrap:break-word;padding:0 10px;position:absolute;top:-15px;z-index:2}.productItem .productContent .product .title .name h4{color:#fff;font-size:14px;font-weight:700;width:100%}.productItem .productContent .product .title .price{align-items:center;display:flex;height:30px;justify-content:space-between;padding-top:35px}.productItem .productContent .product .title .price .leftPrice{display:flex;flex-direction:column;justify-content:center}.productItem .productContent .product .title .price .leftPrice h4{color:#ff4500;font-size:16px;margin-left:10px}.productItem .productContent .product .title .price .button button{background-color:#090c;border:none;border-radius:15px 0 0 15px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:30px;padding:0 10px;transition:all .3s}.productItem .productContent .product .title .price .button button:hover{background-color:#f40c}.productItemSettingMode .productContent .product{border-radius:5px;box-shadow:0 4px 12px #0000001a;height:250px;position:relative;width:200px}.productItemSettingMode .productContent .product .image{height:190px;width:100%}.productItemSettingMode .productContent .product .image .upload{align-items:center;display:flex;justify-content:center}.productItemSettingMode .productContent .product .image .upload .custom-file-upload{display:inline-block;font-size:16px;position:relative}.productItemSettingMode .productContent .product .image .upload .custom-file-upload label{border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:10px 15px}.productItemSettingMode .productContent .product .image .upload .custom-file-upload label:hover{background-color:#f0f0f0}.productItemSettingMode .productContent .product .image .upload .custom-file-upload input[type=file]{display:none}.productItemSettingMode .productContent .product .image .upload .custom-file-upload i{color:#f5f5f5;cursor:pointer;font-size:180px;margin:0 auto}.productItemSettingMode .productContent .product .image i.deleteImg{color:#ccc;cursor:pointer;left:3px;position:absolute;top:3px;transition:all .3s;z-index:4}.productItemSettingMode .productContent .product .image i.deleteImg:hover{color:#ff4500}.productItemSettingMode .productContent .product .title{height:48px;position:relative}.productItemSettingMode .productContent .product .title .name input.name{-webkit-appearance:none;appearance:none;background-color:#ff0000b3;border:none;border-radius:0 15px 15px 0;box-shadow:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:30px;line-height:30px;margin:0;outline:none;padding:0 10px;position:absolute;top:-15px;width:180px;z-index:2}.productItemSettingMode .productContent .product .title .name input.name:focus{background-color:#fff;color:red;outline:1px solid silver}.productItemSettingMode .productContent .product .title .price_button{align-items:center;display:flex;justify-content:space-between}.productItemSettingMode .productContent .product .title .price_button .price input.price{-webkit-appearance:none;appearance:none;background:none;border:none;bottom:0;box-shadow:none;color:#ff4500;cursor:pointer;font-size:16px;font-weight:700;height:30px;left:0;margin:0;outline-color:silver;outline:none;padding:0 10px;position:absolute;width:calc(100% - 25px);z-index:2}.productItemSettingMode .productContent .product .title .price_button .price input.price:focus{border-radius:5px;outline:1px solid silver}.productItemSettingMode .productContent .product i.deleteMenuItem{bottom:3px;color:#ccc;cursor:pointer;position:absolute;right:3px;transition:all .3s;z-index:3}.productItemSettingMode .productContent .product i.deleteMenuItem:hover{color:#ff4500}.navigateButton p{cursor:pointer;display:inline;font-size:16px;font-weight:700;position:relative;transition:all .3s;transition:width .3s}.navigateButton p:after{background-color:#ff4500;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.navigateButton p:hover{color:#ff4500}.navigateButton p:hover:after{width:100%}*{box-sizing:border-box;margin:0;padding:0}#container{margin:0 auto;width:1070px}#report{background-color:#fff;margin:0 auto;max-width:1070px;min-height:100vh;padding:10px}#report .reportTitle{align-items:center;display:flex;justify-content:space-between;padding-right:10px}#report .reportTitle p.report{color:#ff4500;font-size:14px;font-weight:700}#report .reportTitle p.report.back{color:#000;cursor:pointer;transition:all .3s}#report .reportTitle p.report.back:hover{color:#ff4500}#report .form{margin-top:5px}#report .form form .formContent,#report .form form .formContent .formWrap{align-items:center;display:flex;gap:20px;justify-content:space-between}#report .form form .formContent .formWrap .formItem{align-items:center;display:flex}#report .form form .formContent .formWrap .formItem label{color:#ccc;font-size:16px;font-weight:700;margin-right:5px}#report .form form .formContent .formWrap .formItem input{height:30px}#report .form form .formContent .formWrap .formItem select{font-size:16px;height:30px}#report .form form .formContent .reportInfo .reportInfoItem{align-items:center;display:flex;gap:5px;justify-content:space-between;margin-right:10px}#report .form form .formContent .reportInfo .reportInfoItem p{text-align:right;width:100px}#report .form form .formContent .reportInfo .reportInfoItem p.paid{color:#090;font-size:15px;font-weight:500}#report .form form .formContent .reportInfo .reportInfoItem p.serving{color:silver;font-size:15px;font-weight:500}#report .form form .formContent .reportInfo .reportInfoItem p.total{color:#ff4500;font-size:15px;font-weight:600}#report .form form .formContent .reportInfo .reportInfoItem h5{color:#090;font-size:15px;font-weight:500;text-align:right}#report .form form .formContent .reportInfo .reportInfoItem h5.serving{color:silver;font-size:15px;font-weight:500}#report .form form .formContent .reportInfo .reportInfoItem h5.total{color:#ff4500;font-size:15px;font-weight:600}#report .billContent table{border-collapse:collapse;margin:20px auto;width:100%}#report .billContent table thead tr td{background:#090;color:#fff;font-weight:700}#report .billContent table tr{cursor:pointer}#report .billContent table tr:nth-child(2n){background-color:#f0f0f04d}#report .billContent table tr:hover{background-color:#f0f0f0}#report .billContent table tr td{padding:10px}#report .billContent table tr td.tdNumber{text-align:right}#report .billContent table tr td.tdCenter{text-align:center}#report .noData{left:50%;position:absolute;top:40%;transform:translate(-50%);width:100%}#report .noData h1{color:#ccc;text-align:center}#report .detaileVeiw{background-color:rgba(0,0,0,.578);bottom:0;left:0;position:absolute;right:0;top:0}#report .detaileVeiw .detaileVeiwContent{background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 3px 8px #0000003d;left:50%;padding:30px;position:absolute;transform:translate(-50%);width:640px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap{border:1px solid #090;padding:10px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap h3{background-color:#090;color:#fff;display:inline;height:30px;left:-10px;line-height:30px;margin:0 0 10px;padding:0 20px;position:absolute;text-align:center;top:35px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap button{background-color:#ff4500;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:22px;position:absolute;right:5px;text-align:center;top:5px;transition:all .3s;width:22px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap button:hover{background-color:red}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .detailTitle{align-items:center;display:flex;margin-top:40px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .detailTitle .detailTitleItemLeft{width:200px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .detailTitle .detailTitleItemLeft p{color:#090;font-size:14px;font-weight:700;margin-top:5px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .detailTitle .detailTitleItemRight{width:300px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .detailTitle .detailTitleItemRight p{color:#747474;font-size:14px;margin-top:5px;text-align:right}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .status{margin:10px 0}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap .status p{color:#090;font-size:14px;font-weight:700;text-align:right}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap table{border-collapse:collapse;margin:10px 0;width:100%}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap table tr td{border:1px solid silver;padding:5px 10px}#report .detaileVeiw .detaileVeiwContent .detaileVeiwWrap table tr td.tdNumber{text-align:right}#report .detaileVeiw .detaileVeiwContent table.receipt thead{background-color:#090;color:#fff;font-weight:500}#music{background-color:#f5f5f5;margin:0 auto;max-width:1070px}#music .musicTitle{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:0 10px}#music .musicTitle p.music{color:#ff4500;font-size:14px;font-weight:700}#music .musicContent{height:calc(100vh - 45px)}#music .musicContent .musicContentSlider{margin-top:5px}#music .musicContent .musicContentSlider .sliderContent{align-items:center;background-color:rgba(30,30,30,.339);display:flex;gap:10px;height:60px;overflow:scroll}#music .musicContent .musicContentSlider .sliderContent::-webkit-scrollbar{display:none}#music .musicContent .musicContentSlider .sliderContent .sliderItem{background:#090;border:1px solid #0000;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;flex-shrink:0;min-width:auto;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#music .musicContent .musicContentSlider .sliderContent .sliderItem:first-child{margin-left:10px}#music .musicContent .musicContentSlider .sliderContent .sliderItem:last-child{margin-right:10px}#music .musicContent .musicContentSlider .sliderContent .sliderItem span{color:#fff;display:inline;font-size:16px;font-weight:700}#music .musicContent .musicPlayerContent{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}#music .musicContent .musicPlayerContent .leftContent{max-height:calc(100vh - 120px);overflow-y:scroll;width:100%}#music .musicContent .musicPlayerContent .leftContent::-webkit-scrollbar{display:none}#music .musicContent .musicPlayerContent .leftContent .album{background:#fff;border-radius:10px;margin-top:10px;overflow-x:scroll;padding:20px 0 0;width:100%}#music .musicContent .musicPlayerContent .leftContent .album::-webkit-scrollbar{display:none}#music .musicContent .musicPlayerContent .leftContent .album .albumSlider{display:grid;grid-template-columns:repeat(5,1fr);padding-left:20px}#music .musicContent .musicPlayerContent .leftContent .album .albumSlider .albumWrap{padding:0 20px 20px 0}#music .musicContent .musicPlayerContent .leftContent .album .albumSlider .albumWrap .albumItem{cursor:pointer;height:200px;position:relative;width:200px}#music .musicContent .musicPlayerContent .leftContent .album .albumSlider .albumWrap .albumItem img{height:100%;width:100%}#music .musicContent .musicPlayerContent .leftContent .album .albumSlider .albumWrap .albumItem p{background-color:#090;bottom:10px;color:#fff;font-size:16px;font-weight:700;height:30px;left:-10px;line-height:30px;padding:0 10px;position:absolute}#music .musicContent .musicPlayerContent .leftContent .singer{background:#fff;border-radius:10px;margin-top:10px;overflow-x:scroll;padding:20px 0 0;width:100%}#music .musicContent .musicPlayerContent .leftContent .singer::-webkit-scrollbar{display:none}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider{display:flex}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider .singerWrap{padding:0 20px 20px 0}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider .singerWrap:first-child{margin-left:20px}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider .singerWrap .singerItem{cursor:pointer;height:230px;position:relative;width:200px}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider .singerWrap .singerItem img{height:100%;width:100%}#music .musicContent .musicPlayerContent .leftContent .singer .singerSlider .singerWrap .singerItem p{background-color:#090;bottom:10px;color:#fff;font-size:16px;font-weight:700;height:30px;left:-10px;line-height:30px;padding:0 10px;position:absolute}#music .musicContent .musicPlayerContent .rightContent{padding:10px 0;width:400px}#music .musicContent .musicPlayerContent .rightContent .musicPlayList{background-color:#fff;border-radius:10px;height:calc(100vh - 250px);margin:10px 0 0;overflow:scroll;padding:10px}#music .musicContent .musicPlayerContent .rightContent .musicPlayList::-webkit-scrollbar{display:none}#music .musicContent .musicPlayerContent .rightContent .musicPlayList p{cursor:pointer;font-size:15px;margin:5px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer{background-color:#fff;border-radius:10px;margin-top:10px;overflow:hidden;padding:15px 0 10px;position:relative;text-align:center}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .timeSlider{display:flex;height:37px;justify-content:center}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .timeSlider input{height:2px;width:240px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .timeSlider p{color:#969696;font-size:11px;font-weight:600;margin:3px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .timeSlider div.speaker button{background-color:#fff;border:1px solid #090;border-radius:50%;color:#090;cursor:pointer;height:25px;margin-left:5px;margin-top:2px;width:25px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .controller{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:5px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .controller button{background-color:#ff4500;border:none;border-radius:5px;box-shadow:0 7px 29px 0 #64646f33;color:#fff;cursor:pointer;height:25px;transition:all .3s;width:40px}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .controller button:hover{background-color:#090}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .playingName{font-size:10px;margin:0 auto;overflow:hidden;width:80%}#music .musicContent .musicPlayerContent .rightContent .musicPlayer .playingName p{animation:slideRightToLeft 4s linear infinite alternate;color:#969696;font-weight:700;height:15px;line-height:15px;text-align:left}@keyframes slideRightToLeft{0%{transform:translateX(100%)}to{transform:translateX(-20%)}}#container,.musicList{background-color:#fff}.musicList{border-radius:20px;height:0;margin:0 auto 10px;overflow:scroll;transition:all .5s;width:400px}.musicList::-webkit-scrollbar{display:none}.musicList h3{color:#ff4500}.musicList p{border-radius:5px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:5px;margin-bottom:5px;padding:5px 10px;transition:all .3s}.musicList p:hover{background-color:red;color:#fff}.musicList p span{display:block;text-align:right;width:20px}.mucsicPlayer .mucsicPlayerContent{background-color:#c8c8c880;border-radius:20px;height:120px;margin:0 auto;padding:15px 20px 10px;position:relative;width:400px}.mucsicPlayer .mucsicPlayerContent .timer .timerContent{text-align:center;width:100%}.mucsicPlayer .mucsicPlayerContent .timer .timerContent input[type=range].timeSlider{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:5px;height:2px;margin-top:10px;outline:none;width:100%}.mucsicPlayer .mucsicPlayerContent .timer .timerContent input[type=range].timeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#ff4500;border-radius:50%;box-shadow:0 0 5px #00000080;cursor:pointer;height:8px;width:8px}.mucsicPlayer .mucsicPlayerContent .timer .timerContent p{color:red;font-size:10px;font-weight:700}.mucsicPlayer .mucsicPlayerContent .speaker{position:absolute;right:5px;top:5px}.mucsicPlayer .mucsicPlayerContent .speaker button{background-color:#0000;border:1px solid #090;border-radius:50%;color:#090;cursor:pointer;height:25px;transition:all .3s;width:25px}.mucsicPlayer .mucsicPlayerContent .speaker button:hover{border:1px solid #ff4500;color:#ff4500}.mucsicPlayer .mucsicPlayerContent .listSongLength{left:2px;position:absolute;top:2px}.mucsicPlayer .mucsicPlayerContent .listSongLength i{border-radius:50%;color:#ff4500;cursor:pointer;font-size:11px;height:25px;line-height:25px;text-align:center;transition:all .3s;width:25px}.mucsicPlayer .mucsicPlayerContent .listSongLength i:hover{color:#090}.mucsicPlayer .mucsicPlayerContent .controller{align-items:center;display:flex;justify-content:space-around;margin-top:10px}.mucsicPlayer .mucsicPlayerContent .controller button{background:#ff4500;border:none;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;color:#fff;cursor:pointer;height:25px;transition:all .3s;width:40px}.mucsicPlayer .mucsicPlayerContent .controller button:hover{background-color:#090}.mucsicPlayer .mucsicPlayerContent .controller button.play{background-color:#090;border-radius:50%;height:40px}.mucsicPlayer .mucsicPlayerContent .controller button.play:hover{background-color:#ff4500}.mucsicPlayer .mucsicPlayerContent .playingSong{margin:0 auto -5px;overflow:hidden;width:70%}.mucsicPlayer .mucsicPlayerContent .playingSong p{background-color:#ff4500;border-radius:20px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;margin:0 auto;overflow:hidden;text-align:center}#nhanVien{padding:10px}#nhanVien .nhanVienTitle{align-items:center;display:flex;justify-content:space-between}#nhanVien .nhanVienTitle p.nhanVien{color:red;font-size:14px;font-weight:700}#nhanVien .nhanVienTitle p.nhanVien button.addStaff{background-color:#ff4500;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;line-height:30px;margin-left:5px;text-align:center;transition:all .3s;width:30px}#nhanVien .nhanVienTitle p.nhanVien button.addStaff:hover{background-color:red}#nhanVien .nhanVienContent{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}#nhanVien .nhanVienContent .nhanVienWrap{position:relative;width:340px}#nhanVien .nhanVienContent .nhanVienWrap .nhanVienItem img{height:340px;width:100%}#nhanVien .nhanVienContent .nhanVienWrap .nhanVienItem h5,#nhanVien .nhanVienContent .nhanVienWrap .nhanVienItem p{font-size:16px;height:30px}#nhanVien .nhanVienContent .nhanVienWrap .nhanVienItem input{border:none;font-size:16px;height:30px;outline:none;width:100%}#nhanVien .nhanVienContent .nhanVienWrap .nhanVienItem input.staffName{font-weight:700}#nhanVien .nhanVienContent .nhanVienWrap button.deleteStaff{position:absolute;right:5px;top:5px}#nhanVien .nhanVienContent table{border-collapse:collapse;width:100%}#nhanVien .nhanVienContent table thead th{background-color:#090;color:#fff;font-weight:500;padding:5px 10px}#nhanVien .nhanVienContent table thead th.staffNo{padding-right:3px;width:20px}#nhanVien .nhanVienContent table thead th.staffPhone{width:120px}#nhanVien .nhanVienContent table thead th.staffPass{width:140px}#nhanVien .nhanVienContent table thead th.staffPosition{width:120px}#nhanVien .nhanVienContent table thead th.deleteStaff{width:20px}#nhanVien .nhanVienContent table tbody tr td{padding:1px 2px;position:relative}#nhanVien .nhanVienContent table tbody tr td.tdRight{padding-right:5px;text-align:right}#nhanVien .nhanVienContent table tbody tr td.tdCenter{text-align:center}#nhanVien .nhanVienContent table tbody tr td input{background-color:#0000;border:none;font-size:16px;height:30px;outline:none;padding:0 5px;width:100%}#nhanVien .nhanVienContent table tbody tr td input.staffPass{padding-right:25px}#nhanVien .nhanVienContent table tbody tr td i.deleteStaff{color:#ff4500;cursor:pointer;transition:all .3s}#nhanVien .nhanVienContent table tbody tr td i.deleteStaff:hover{color:red}#nhanVien .nhanVienContent table tbody tr td i.showPass{color:#ccc;cursor:pointer;font-size:10px;position:absolute;right:10px;top:12px;transition:all .3s}#nhanVien .nhanVienContent table tbody tr td i.showPass:hover{color:red}
/*# sourceMappingURL=main.256cadf1.css.map*/