.App .container{display:flex}.App .others{flex:4 1;margin-top:10px}.sidebar{background-color:#ededed;flex:1 1;height:calc(100vh - 50px);position:-webkit-sticky;position:sticky;top:50px}.sidebar .sidebarWrapper{color:#555;padding:15px}.sidebar .sidebarWrapper .sidebarMenu .sidebarTitle{color:#464242;font-size:15px}.sidebar .sidebarWrapper .sidebarMenu .sidebarList{list-style:none;padding:2px 10px}.sidebar .sidebarWrapper .sidebarMenu .sidebarList .link{color:inherit;text-decoration:none}.sidebar .sidebarWrapper .sidebarMenu .sidebarList .sidebarListItem{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;justify-content:start;padding:3px}.sidebar .sidebarWrapper .sidebarMenu .sidebarList .sidebarListItem:active,.sidebar .sidebarWrapper .sidebarMenu .sidebarList .sidebarListItem:hover{background-color:#d8d8d8}.sidebar .sidebarWrapper .sidebarMenu .sidebarList .sidebarListItem .sidebarIcons{font-size:20px!important;margin-right:5px}.topbar{background-color:#fff;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.topbar .topbarWrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px}.topbar .topbarWrapper .topLeft .logo{color:#00008b;cursor:pointer;font-size:30px;font-weight:700}.topbar .topbarWrapper .topRight{align-items:center;display:flex;flex-direction:row;justify-content:center}.topbar .topbarWrapper .topRight .topbarIconContainer{color:#555;cursor:pointer;margin-right:10px;position:relative}.topbar .topbarWrapper .topRight .topbarIconContainer .topIconBadge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:20px;height:15px;justify-content:center;padding-top:10px;position:absolute;right:-2px;top:-5px;width:15px}.topbar .topbarWrapper .topRight .topAvatar{border-radius:50%;cursor:pointer;height:35px;width:35px}.topbar .topbarWrapper .topRight .topbarIconToggle{display:flex;flex-direction:column;justify-content:center}.topbar .topbarWrapper .topRight .hidden{display:none}.topbar .topbarWrapper .topRight .log-in-out{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 6px;position:absolute;transition:all 1s ease-in-out}.chart{border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.featured{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.featured .featuredItem{border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);cursor:pointer;flex:1 1;margin:0 20px;padding:30px}.featured .featuredItem .featuredTitle{font-size:20px}.featured .featuredItem .featuredMoneyContainer{align-items:center;display:flex;flex-direction:row;justify-content:center}.featured .featuredItem .featuredMoneyContainer .featuredMoney{font-size:30px;font-weight:600}.featured .featuredItem .featuredMoneyContainer .featuredMoneyRate{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:20px}.featured .featuredItem .featuredMoneyContainer .featuredMoneyRate .featuredIcon{color:green;font-size:14px;margin-left:5px}.featured .featuredItem .featuredMoneyContainer .featuredMoneyRate .featuredIcon.Negative{color:red}.featured .featuredItem .featuredSub{color:gray;font-size:15px}.home{flex:4 1}.home .homeWidgets{display:flex;margin:20px}.widgetLg{border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:2 1;padding:20px}.widgetLg .widgetLgTitle{font-size:22px;font-weight:600}.widgetLg .widgetLgTable{border-spacing:20px;width:100%}.widgetLg .widgetLgTable .widgetLgTr .widgetLgTh{text-align:left}.widgetLg .widgetLgTable .widgetLgTr .widgetLgUser{align-items:center;display:flex;flex-direction:row;font-weight:600;justify-content:center;justify-content:start}.widgetLg .widgetLgTable .widgetLgTr .widgetLgUser .widgetLgImg{border-radius:50%;height:40px;margin-right:10px;width:40px}.widgetLg .widgetLgTable .widgetLgTr .widgetLgAmount,.widgetLg .widgetLgTable .widgetLgTr .widgetLgDate{font-weight:300}.widgetLg .widgetLgTable .widgetLgTr .widgetLgStatus .widgetLgButton{border:none;border-radius:10px;padding:5px 7px}.widgetLg .widgetLgTable .widgetLgTr .widgetLgStatus .widgetLgButton.Approved{background-color:#c6fcc6;color:#006400}.widgetLg .widgetLgTable .widgetLgTr .widgetLgStatus .widgetLgButton.Declined{background-color:#fff0f1;color:darkred}.widgetLg .widgetLgTable .widgetLgTr .widgetLgStatus .widgetLgButton.Pending{background-color:#ebf1fe;color:#00008b}.widgetSm{border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;margin-right:20px;padding:20px}.widgetSm .widgetSmTitle{font-size:22px;font-weight:600}.widgetSm .widgetSmList{list-style:none;margin:0;padding:0}.widgetSm .widgetSmList .widgetSmListItem{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between;margin:20px 0}.widgetSm .widgetSmList .widgetSmListItem .widgetSmImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.widgetSm .widgetSmList .widgetSmListItem .widgetSmUser{align-items:center;align-items:start;display:flex;flex-direction:column;justify-content:center}.widgetSm .widgetSmList .widgetSmListItem .widgetSmUser .widgetSmUsername{font-weight:600}.widgetSm .widgetSmList .widgetSmListItem .widgetSmUser .widgetSmUserTitle{font-weight:300}.widgetSm .widgetSmList .widgetSmListItem .widgetSmButton{align-items:center;background-color:#eeeef7;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:7px 10px}.widgetSm .widgetSmList .widgetSmListItem .widgetSmButton .btnIco{font-size:17px;margin-right:5px}.userList{flex:4 1;padding:20px}.userList .userTitleContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.userList .userTitleContainer .userAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.userList .userListUser{align-items:center;display:flex;flex-direction:row;justify-content:center}.userList .userListUser img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.userList .userListEdit{background-color:#10de10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:400;margin-right:10px;padding:5px 10px}.userList .userListDelete{color:red;cursor:pointer}.user{flex:4 1;padding:20px}.user .userTitleContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.user .userTitleContainer .userAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.user .userContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:20px}.user .userContainer .userShow{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;padding:20px}.user .userContainer .userShow .userShowTop{align-items:center;display:flex}.user .userContainer .userShow .userShowTop .userShowImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.user .userContainer .userShow .userShowTop .userShowTopTitle{align-items:center;align-items:start;display:flex;flex-direction:column;justify-content:center;margin-left:20px}.user .userContainer .userShow .userShowTop .userShowTopTitle .userShowUsername{font-weight:600}.user .userContainer .userShow .userShowTop .userShowTopTitle .userShowJobTitle{font-weight:300}.user .userContainer .userShow .userShowBottom{margin-top:20px}.user .userContainer .userShow .userShowBottom .userShowTitle{color:#aeaaaa;font-size:14px;font-weight:600}.user .userContainer .userShow .userShowBottom .userShowInfo{align-items:center;color:#444;display:flex;flex-direction:row;justify-content:center;justify-content:start;margin:20px 0}.user .userContainer .userShow .userShowBottom .userShowInfo .userShowIcon{font-size:16px}.user .userContainer .userShow .userShowBottom .userShowInfo .userShowInfoTitle{margin-left:10px}.user .userContainer .userUpdate{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:2 1;margin-left:20px;padding:20px}.user .userContainer .userUpdate .userUpdateTitle{font-size:24px;font-weight:600}.user .userContainer .userUpdate .userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem{align-items:center;align-items:start;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem>label{font-size:14px;margin-bottom:5px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem .userUpdateInput{border:none;border-bottom:1px solid gray;height:30px;width:250px}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload{align-items:center;display:flex;flex-direction:row;justify-content:center}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload img{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload>label{cursor:pointer}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:bolder;padding:5px}.newUser{flex:4 1;padding:20px}.newUser .newUserForm{display:flex;flex-wrap:wrap}.newUser .newUserForm .newUserItem{display:flex;flex-direction:column;margin-right:20px;margin-top:10px;width:400px}.newUser .newUserForm .newUserItem>label{color:gray;font-size:14px;font-weight:600;margin-bottom:10px}.newUser .newUserForm .newUserItem>input{border:1px solid gray;border-radius:5px;height:20px;padding:20px 10px}.newUser .newUserForm .newUserItem .newUserGender>input{margin-top:15px}.newUser .newUserForm .newUserItem .newUserGender>label{color:#555;font-size:18px;margin:10px}.newUser .newUserForm .newUserItem .newUserSelect{border-radius:5px;height:40px;padding:0 10px}.newUser .newUserForm .newUserButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:2px;margin-top:30px;padding:7px 10px;width:200px}.login{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login .loginForm{box-shadow:0 0 15px -10px #000;display:flex;flex-direction:column;padding:20px 10px;width:40%}.login .loginForm .loginInput{border:1px solid teal;border-radius:10px;color:#2c2b2b;font-size:16px;margin-bottom:12px;padding:10px}.login .loginForm .loginInput:focus{outline:1px solid teal}.login .loginForm .inputButton{background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:2px;padding:10px}.movieList{padding:20px}.movieList .movieListTitleContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.movieList .movieListTitleContainer .movieListAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px}.movieList .movieListItem{align-items:center;display:flex;flex-direction:row;justify-content:center}.movieList .movieListItem img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.movieList .movieListEdit{background-color:#10de10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:400;margin-right:10px;padding:5px 10px}.movieList .movieListDelete{color:red;cursor:pointer}.newMovie{flex:4 1;padding:20px}.newMovie .addMovieForm{display:flex;flex-wrap:wrap}.newMovie .addMovieForm .addMovieItem{display:flex;flex-direction:column;padding:20px;width:250px}.newMovie .addMovieForm .addMovieItem>label{color:gray;font-weight:600;margin-bottom:10px}.newMovie .addMovieForm .addMovieItem>input{padding:10px}.newMovie .addMovieForm .addMovieItem .addMovieSelect{height:-webkit-max-content;height:max-content;padding:10px}.newMovie .addMovieForm .addMovieButton{align-self:center;background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:60px;letter-spacing:2px;margin-top:30px;padding:7px 10px;width:180px}.movieListLists{padding:20px}.movieListLists .movieListListsTitleContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.movieListLists .movieListListsTitleContainer .movieListListsAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px}.movieListLists .movieListListsItem{align-items:center;display:flex;flex-direction:row;justify-content:center}.movieListLists .movieListListsItem img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.movieListLists .movieListListsEdit{background-color:#10de10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:400;margin-right:10px;padding:5px 10px}.movieListLists .movieListListsDelete{color:red;cursor:pointer}.movie{padding:20px}.movie .movieTitleContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;justify-content:space-between}.movie .movieTitleContainer .movieAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.movie .movieTop{display:flex}.movie .movieTopRight{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;margin:20px;padding:20px}.movie .movieTopRight .movieInfoTop{align-items:center;display:flex}.movie .movieTopRight .movieInfoTop img{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.movie .movieTopRight .movieInfoTop .movieName{font-weight:600}.movie .movieTopRight .movieInfoBottom{margin-top:10px}.movie .movieTopRight .movieInfoBottom .movieInfoItem{display:flex;justify-content:space-between;width:300px}.movie .movieTopRight .movieInfoBottom .movieInfoItem .movieInfoValue{font-weight:300}.movie .movieBottom{box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.movie .movieBottom .movieForm{display:flex;justify-content:space-between}.movie .movieBottom .movieFormLeft{display:flex;flex-direction:column}.movie .movieBottom .movieFormLeft>label{color:gray;margin-bottom:10px}.movie .movieBottom .movieFormLeft>input{border:1px solid gray;margin-bottom:10px;padding:5px}.movie .movieBottom .movieFormLeft>select{margin-bottom:10px}.movie .movieBottom .movieFormRight{display:flex;flex-direction:column;justify-content:space-around}.movie .movieBottom .movieFormRight .movieUpload{align-items:center;display:flex}.movie .movieBottom .movieFormRight .movieUpload img{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.movie .movieBottom .movieFormRight .movieButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px}.movieL{padding:10px}.movieL .movieLTop{box-shadow:0 0 15px -10px rgba(0,0,0,.75);display:flex;flex:1 1;flex-direction:column;margin:5px;padding:10px}.movieL .movieLTop .movieLInfoTop{align-items:center;display:flex}.movieL .movieLTop .movieLInfoTop img{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.movieL .movieLTop .movieLInfoTop .movieLName{font-weight:600}.movieL .movieLTop .movieLInfoBottom{align-items:center;display:flex;margin-top:10px}.movieL .movieLTop .movieLInfoBottom .movieLInfoItem{display:flex;justify-content:space-between;margin:0 10px;width:-webkit-max-content;width:max-content}.movieL .movieLTop .movieLInfoBottom .movieLInfoItem .movieLInfoValue{font-weight:300;margin-left:5px}.movieL .movieLTop .movieLInfoBottom .movieLListEdit{background-color:#58e658;border:none;border-radius:10px;color:#fff;padding:5px 10px}.newList{flex:4 1;padding:20px}.newList .addListForm{display:flex;flex-direction:column;flex-wrap:wrap}.newList .addListForm .addListItem{display:flex;flex-direction:column;padding:20px;width:400px}.newList .addListForm .addListItem>label{color:gray;font-weight:600;margin-bottom:10px}.newList .addListForm .addListItem .addListSelect,.newList .addListForm .addListItem>input{padding:10px}.newList .addListForm .addListItem .addListSelect option{font-size:14px}.newList .addMovieForm{align-items:center;display:flex;flex-direction:column}.newList .addMovieForm .addListItem{display:flex;flex-direction:column;width:400px}.newList .addMovieForm .addListItem>label{color:gray;font-weight:600;margin-bottom:10px}.newList .addMovieForm .addListItem .addListSelect,.newList .addMovieForm .addListItem>input{padding:10px}.newList .addMovieForm .addListItem .addListSelect option{font-size:14px}.newList .addMovieForm .addListButton{align-self:center;background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:60px;letter-spacing:2px;margin-top:30px;padding:7px 10px;width:400px}
/*# sourceMappingURL=main.d855133f.css.map*/