.App{background-color:#fff;overflow:auto;margin-bottom:0;height:100vh}.AppContainer{display:flex;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}link{text-decoration:none;color:inherit}html ::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(16,16,180,.5);border-radius:1rem}::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#00f;box-shadow:inset 0 0 6px #1010b4}.Topbar{background-color:#fff;position:-webkit-sticky;position:sticky;height:2.5rem;padding:.8rem .3rem;margin:0;line-height:0;top:0;left:0;max-width:calc(100vw - .3rem)}.TopbarContainer{display:flex;align-items:center;justify-content:space-between}.TopbarLogo{font-size:2rem;font-weight:700;color:#1010b4;margin-left:1rem}.TopbarContainerRight{margin-right:1rem;display:flex;flex-direction:row;align-items:center}.TopbarButton{display:flex;justify-content:center;align-items:center;border:1px solid #00f;border-radius:1.5rem;padding:.5rem 1rem;margin:1px 15px;font-size:1rem;font-weight:500;color:#fff;background-color:#1010b4}.text-link{color:inherit;text-decoration:inherit}.LinkBadge{margin-right:.3rem}@media screen and (max-width:700px){.TopbarContainer{margin:.2rem auto}.TopbarLogo{font-size:6vw;margin-left:2px}.TopbarButton{font-size:3vw;padding:1.5vw 2vw;margin:0 0 0 1.5vw;font-weight:500}.LinkBadge{margin-right:1vw}}.HomePage{width:100vw;max-height:90vh;overflow:auto}.HomePage>img{width:100vw;height:89vh;max-height:89vh;object-fit:cover}.Login{padding:1rem;justify-content:center;flex:1 1}.Login,.LoginContainer{display:flex;align-items:center}.LoginContainer{flex-direction:column;margin-top:3rem}.LoginContainer>h1{color:navy;margin-bottom:2rem}.LoginContainerForm>form{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between}.LoginContainerForm input{border:1px solid #00f;border-radius:2rem;margin-bottom:1rem;padding:.4rem 1rem;width:30vw;height:1.1rem;font-size:.9rem;text-align:center}.LoginContainerForm input:focus-within{background-color:rgba(213,216,255,.28)}.LoginContainerForm input[type=submit]{background-color:#1010b4;color:#fff;font-weight:600;font-size:1rem;padding:.1rem 1rem;margin-top:2rem;line-height:0;width:10rem;height:2rem;border:transparent;border-radius:2rem;cursor:pointer;display:flex;justify-content:center;align-items:center,align}.LoginContainerForm input[type=submit]:hover{background-color:#fff;border:1px double #1010b4;color:#1010b4}.LoginContainerExtra{border-top:1px dotted #000;margin-top:2rem;padding-top:4rem;display:flex;flex-direction:column;align-items:center;justify-items:center}.LoginContainerExtra>span{margin-bottom:.6rem;font-size:.7rem;font-weight:200}.LoginContainerExtra>span:last-child{margin-bottom:0;font-weight:700}.LoginContainerExtra>span>a{text-decoration:none;color:#000}@media screen and (max-width:700px){.LoginContainerForm input{width:70vw;margin-bottom:.5rem;font-size:.7rem}}.Register{padding:1rem;justify-content:center;flex:1 1}.Register,.RegisterContainer{display:flex;align-items:center}.RegisterContainer{flex-direction:column;margin-top:3rem}.RegisterContainer>h1{color:navy;margin-bottom:2rem}.RegisterContainerForm>form{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between}.RegisterContainerForm input{border:1px solid #00f;border-radius:2rem;margin-bottom:1rem;padding:.4rem 1rem;width:35vw;height:1.1rem;font-size:.9rem;text-align:center}.RegisterContainerForm input:focus-within{background-color:rgba(213,216,255,.28)}.RegisterContainerForm input[type=submit]{background-color:#1010b4;color:#fff;font-weight:600;font-size:1rem;padding:1rem 2rem;line-height:0;margin-top:2rem;width:10rem;border:transparent;border-radius:2rem;cursor:pointer}.RegisterContainerForm input[type=submit]:hover{background-color:#fff;border:1px double #1010b4;color:#1010b4}.RegisterContainerExtra{border-top:1px dotted #000;margin-top:2rem;padding-top:4rem;display:flex;flex-direction:column;align-items:center;justify-items:center}.RegisterContainerExtra>span{margin-bottom:.6rem;font-size:.7rem;font-weight:200}.RegisterContainerExtra>span:last-child{margin-bottom:0;font-weight:700}.RegisterContainerExtra>span>a{text-decoration:none;color:#000}.InvalidFormInput{border:2px solid red}@media screen and (max-width:700px){.RegisterContainerForm input{width:70vw;margin-bottom:.5rem;font-size:.7rem}}.LoginPage{height:70vh;max-height:70vh}.LoginPageFormSection{display:flex;justify-content:center;align-items:center}.LoginPageFormSection h2{font-size:2rem;color:#1010b4}@media screen and (max-width:700px){.LoginPageFormSection{flex-direction:column}}.ConsolePage{display:flex;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;max-height:85vh;height:85vh;overflow:hidden;padding:1rem}@media screen and (max-width:750px){.ConsolePage{flex-direction:column}}.RightcontainerConsole{flex:5 1;height:82vh}.RightcontainerConsole,.Sidebar{padding:1.5rem 2rem;border-radius:.5rem;overflow:auto;box-shadow:0 0 21px -5px #000}.Sidebar{height:80vh;flex:1 1}.SidebarChildHeading{margin-bottom:1rem;color:#1010b4}.SidebarChildLink{display:flex;align-items:center;margin-bottom:.3rem;color:rgba(2,2,255,.788)}.SidebarChildLink>span{margin-left:.5rem;padding:.2rem .5rem;text-decoration:none;color:inherit;font-size:.8rem;font-weight:500}.SidebarChildLink>span:hover{font-size:.75em;cursor:pointer}.SidebarChildLink>span:focus,.SidebarChildLink>span:hover{background-color:#00f;color:#fff;border-radius:.8rem}.line-break{width:60%;left:12px;position:relative;height:.5px;margin-bottom:.8rem;border:1px groove #000}.SidebarService{margin-top:1rem;padding-top:1rem;border-top:1px solid #000}.ProfilePage{display:flex;grid-column-gap:1vw;-webkit-column-gap:1vw;column-gap:1vw;max-height:calc(100vh - 2.5rem);height:calc(100vh - 2.5rem);border:2px solid red;overflow:hidden;padding:1vw}@media screen and (max-width:750px){.ProfilePage{flex-direction:column}}.ProfileSidebar{flex:1 1;padding:1.5rem 2rem;overflow:auto;box-shadow:0 0 21px -5px #000;border-radius:.5rem}.ProfileSidebarHeading{font-size:2vw;color:#1010b4;padding-bottom:.7vw}.ProfileSidebar>ul>li{list-style:none;font-size:1.5vw;font-weight:600;margin-top:1.2rem;padding:.3vw .5vw;color:rgba(2,2,255,.788);cursor:pointer;width:70%!important;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ProfileSidebar>ul>li:hover{background-color:#1010b4;color:#fff;border-radius:2rem}@media screen and (max-width:750px){.ProfileSidebar{display:none}.ProfileSidebarHeading{font-size:1.5rem;text-align:center;color:#1010b4}.ProfileSidebar>ul>li{font-size:1rem;margin:.5rem auto;padding:.3rem .6rem;text-align:center}}.RightcontainerProfileComponent{flex:5 1;padding:1.5vw 2vw;border-radius:.5rem;height:calc(100vh - 2.5rem);max-height:calc(100vh - 2.5rem);overflow:auto;box-shadow:0 0 21px -5px #000}.ProfileComponent,.RightcontainerProfileComponent{background:linear-gradient(180deg,#f0f9ff 11%,#cbebff 95%,#cbebff)}.ProfileComponent{border-radius:2rem;flex:4 1;padding:2rem;overflow-x:hidden;height:calc(80vh - 4rem);max-height:calc(80vh - 4rem)}.ProfileComponentHeading{font-size:1.5rem;display:flex;align-items:center;padding-bottom:2rem;margin-left:1rem;margin-bottom:2rem;color:#1010b4;border-bottom:10px solid #1010b4}.ProfileComponentHeading>h2{margin-right:1rem}.ProfileComponentContent{display:flex}.ProfileComponentLeftSection{flex:1 1;display:flex;align-items:center;justify-content:center}.ProfileComponentUserPictureDiv{display:flex;height:40vh;align-items:center;justify-content:center}.ProfileComponentUserPicture{width:20vh!important;height:20vh;margin-bottom:2rem;font-size:4rem;font-weight:900;font-family:cursive;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:teal;color:#fff;border:5px solid #fff}.ProfileComponentUserdetail{flex:1.5 1;padding:1rem 2rem;width:30vw}.ProfileComponentUserdetail>div{margin-top:1rem;display:flex;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.ProfileComponentUserdetail>div>label{flex:1 1;font-size:1.1rem;font-weight:700;background-color:#1010b4;color:#fff;border-radius:2rem;padding:.5rem 2.5rem}.ProfileComponentUserdetail>div>input{flex:2 1;padding:.5rem .7rem;background-color:#fff;color:#000;font-size:.95rem;font-weight:400;border-radius:1rem;text-align:center;height:17px}.ProfileComponentUserdetail>div>input:focus{background-color:rgba(112,234,236,.231);color:#1010b4}@media screen and (max-width:750px){.ProfileComponent{padding:1rem;height:calc(84vh - 2rem);max-height:calc(84vh - 2rem);width:80vw}.ProfileComponentHeading{font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0;color:#1010b4}.ProfileComponentHeading>h2{margin-right:1rem}.ProfileComponentContent{display:inline}.ProfileComponentLeftSection,.ProfileComponentUserPictureDiv{align-items:center;justify-content:center}.ProfileComponentUserPictureDiv{border-right:0 solid #00f;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;margin-top:2rem}.ProfileComponentUserPicture{width:25vw!important;height:25vw;margin-bottom:0;font-size:3rem;align-items:center;justify-content:center;border-radius:50%;background-color:teal;color:#fff}.ProfileComponentUserdetail{padding:1rem 1.5rem;width:80vw;display:inline}.ProfileComponentUserdetail>div{margin-top:.8rem;display:flex;align-items:center;justify-content:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.ProfileComponentUserdetail>div>label{flex:1 1;font-size:.8rem;padding:.3rem 0 .3rem .5rem}.ProfileComponentUserdetail>div>input{flex:1.5 1;font-size:.8rem;font-weight:400;width:40vw;padding:.1rem .4rem}}.OrderComponent{padding:2rem;align-items:center;justify-content:center;text-align:center}.OrderComponentHeading{color:#1010b4;padding-bottom:1rem;margin-bottom:1rem;border-bottom:5px solid #1010b4;display:flex;justify-content:space-between}.OrderComponentHeading>button{background-color:#1010b4;color:#fff;border:4px solid #1010b4;font-size:1rem;font-weight:800;padding:.3rem .8rem;border-radius:2rem;cursor:pointer}.OrderComponentHeading>button:hover{background-color:#fff;color:#1010b4}.OrderComponentTableContainer{text-align:center;width:100%;max-height:60vh;overflow:auto;font-size:1rem;display:flex;justify-content:center}.OrderComponentTable{width:80%;height:100%;border-radius:2rem;border-spacing:1rem .8rem;background-color:#152213;box-shadow:0 0 5px 2px #000}.OrderComponentTable>thead{position:-webkit-sticky;position:sticky;top:1rem;background-color:#fff;margin-bottom:2rem}.OrderTableColumnHeader{background-color:#1010b4;color:#fff;box-shadow:0 0 5px 2px #000;border:2px solid #fdfdfd;border-radius:2rem;padding:.5rem 1rem;font-weight:900}.OrderTableCell{padding:.5rem 1rem;border-radius:2rem;margin:2rem;background-color:#fff;min-width:2rem;height:1rem;max-height:1rem;box-sizing:border-box;overflow:hidden}.AddorderComponent{text-align:center;overflow:auto;height:60vh}.AddorderComponent>h1{color:#fff;background-color:#1010b4;margin:1rem auto;padding:.7rem 0;border-radius:2rem;position:-webkit-sticky;position:sticky;top:0}.AddorderComponentForm{max-height:80vh;display:flex;flex-direction:column;justify-content:center;margin-top:1rem}.AddorderComponentForm>div{display:flex;justify-content:center;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;margin:.5rem 1rem}.AddorderComponentForm div label{flex:1 1;background-color:#1010b4;color:#fff;padding:.5rem .3rem;font-size:1.2rem;border-radius:2rem}.AddorderComponentForm div input,.AddorderComponentForm div select{flex:3 1;padding:.7vw 0;text-align:center;border:2px solid #000;border-radius:2rem;font-size:1rem;font-weight:300}.AddorderSubmitButton{background-color:#1010b4;color:#fff;padding:.5rem 0;margin:2rem auto 0;text-align:center;border-radius:2rem;width:20vw;font-size:1.2rem;font-weight:800;cursor:pointer}.AddorderSubmitButton:hover{background-color:#fff;color:#1010b4}.col,.row{display:flex}.col{flex:1 1;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}@media screen and (max-width:700px){.AddorderComponent{height:70vh}.AddorderComponentForm{display:flex;justify-content:center;margin-top:.5rem}.AddorderComponentForm>div{display:flex;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;margin:.2rem 0}.AddorderComponentForm div label{flex:1 1;border:0;background-color:#1010b4;color:#fff;vertical-align:middle;padding:.3rem .5rem;font-size:.7rem;border-radius:1rem}.AddorderComponentForm div input,.AddorderComponentForm div select{flex:3.5 1;padding:.2rem;text-align:center;border:2px solid #000;border-radius:2rem;font-size:.7rem;font-weight:300}.AddorderSubmitButton{background-color:#1010b4;color:#fff;padding:.5rem .2rem;margin:2.5rem auto;text-align:center;border-radius:2rem;width:15rem;font-size:.8rem;font-weight:800;cursor:pointer}.AddorderSubmitButton:hover{background-color:#fff;color:#1010b4}.row{grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.col{grid-column-gap:.2rem;-webkit-column-gap:.2rem;column-gap:.2rem}.ppc-and-platform:first-child{flex:1 1}.ppc-and-platform:last-child{flex:3 1}.col>label{flex:1 1}.col>input,.col>select{flex:3 1;padding:0;width:3rem}.col>input{width:2rem}}.SubscriptionComponent{padding:2rem;align-items:center;justify-content:center;text-align:center}.SubscriptionComponentHeading{color:#1010b4;padding-bottom:1rem;margin-bottom:1rem;border-bottom:5px solid #1010b4;display:flex;justify-content:space-between}.SubscriptionComponentHeading>button{background-color:#1010b4;color:#fff;border:4px solid #1010b4;font-size:1rem;font-weight:800;padding:.3rem .8rem;border-radius:2rem;cursor:pointer}.SubscriptionComponentHeading>button:hover{background-color:#fff;color:#1010b4}.SubscriptionComponentTableContainer{text-align:center;width:100%;max-height:60vh;overflow:auto;font-size:1rem;display:flex;justify-content:center}.SubscriptionComponentTable{width:80%;height:100%;border-radius:2rem;border-spacing:1rem .8rem;background-color:#152213;box-shadow:0 0 5px 2px #000}.SubscriptionComponentTable>thead{position:-webkit-sticky;position:sticky;top:1rem;background-color:#fff;margin-bottom:2rem}.SubscriptionTableColumnHeader{background-color:#1010b4;color:#fff;box-shadow:0 0 5px 2px #000;border:2px solid #fdfdfd;border-radius:2rem;padding:.5rem 1rem;font-weight:900;margin-bottom:1rem}.SubscriptionTableCell{padding:.5rem 1rem;border-radius:2rem;margin:2rem;background-color:#fff;min-width:2rem;max-width:10rem;max-height:20px;overflow:hidden}.TransactionComponent{padding:2rem;align-items:center;justify-content:center;text-align:center}.TransactionComponentHeading{color:#1010b4;padding-bottom:1rem;margin-bottom:1rem;border-bottom:5px solid #1010b4;display:flex;justify-content:space-between}.TransactionComponentHeading>button{background-color:#1010b4;color:#fff;border:4px solid #1010b4;font-size:1rem;font-weight:800;padding:.3rem .8rem;border-radius:2rem;cursor:pointer}.TransactionComponentHeading>button:hover{background-color:#fff;color:#1010b4}.TransactionComponentTableContainer{display:flex;justify-content:center;overflow:auto;max-height:60vh}.TransactionComponentTable{width:90%;height:100%;border-radius:2rem;border-spacing:1rem .8rem;background-color:#152213;box-shadow:0 0 5px 2px #000}.TransactionComponentTable>thead{position:-webkit-sticky;position:sticky;background-color:#fff;margin-bottom:1rem}.TransactionTableColumnHeader{background-color:#1010b4;box-shadow:0 0 5px 2px #000;color:#fff;border:2px solid #fdfdfd;border-radius:1rem;padding:.5rem;font-weight:900;margin-bottom:1rem}.TransactionTableCell{padding:.3rem .1rem;border-radius:1rem;margin:2rem;background-color:#fff;max-width:10rem;max-height:20px;overflow:hidden}.TransactionTableRecordRow>*{font-weight:500;cursor:pointer;box-sizing:border-box;text-shadow:#fff;border:2px solid #fff}.TransactionTableRecordRow[data-transaction-status="200"]>*{box-shadow:inset 1px -1px 107px 11px rgba(0,255,0,.84)}.TransactionTableRecordRow[data-transaction-status="300"]>*{box-shadow:inset 1px -1px 107px 11px rgba(255,255,0,.84)}.TransactionTableRecordRow[data-transaction-status="401"]>*{box-shadow:inset 1px -1px 107px 11px rgba(255,0,0,.84);color:#fff;text-shadow:#000}
/*# sourceMappingURL=main.5dcdf9f6.chunk.css.map */