@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&display=swap);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{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.formCreateData,.formCreateDataCards,.formCreateDataCompany,.formCreateDataFriday,.formCreateDataGames,.formCreateDataProduct,.formCreateDataServiceAccount,.formDelData,.formDelDataCards,.formDelDataCompany,.formDelDataFriday,.formDelDataGames,.formDelDataProduct,.formDelDataServiceAccount,.formEditData,.formEditDataCards,.formEditDataCompany,.formEditDataFriday,.formEditDataGames,.formEditDataProduct,.formEditDataSeviceAccount,.formEditExchanheData,.formSearchData{height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:-100%;transition:all .5s ease-in-out;width:100%;z-index:999}.box-data{height:70%}.box-data,.box-data-search{align-items:center;background:#35bf7f;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;left:0;margin:auto;top:0;width:25rem}.box-data-search{height:30%}.form-input{color:#fff;display:grid;justify-items:start;margin:0;padding-left:50px;padding-top:10px;width:100%}.form-control{border:.5rem;border-radius:5px;font:small-caption;height:40px;padding:10px;width:20rem}.form-input-btn{display:flex;justify-content:space-evenly;width:100%}.form-btn{display:flex;flex-direction:row;justify-content:space-around;width:100%}.templete-table-code{background:#35bf7f;color:#fff;margin:5px}.header-table{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.text-header{cursor:default;font-size:17px;padding-left:10px}.btn{border-radius:5px;font:small}.btn-games{margin-right:5px}.text-white{color:#fff}.text-status-on{color:#72d70d}.text-status-off{color:#ff0c00}.btnedit{background-color:#eab13c;border-color:#eab13c;cursor:pointer}.btndel{background-color:#c8371e;border-color:#c8371e;cursor:pointer}.btncreate{color:#35bf7f}.btncancel,.btncreate{background-color:#fff;border-color:#fff;cursor:pointer}.btncancel{color:#c8371e}.input-file{background-color:#ffb27f}.list-container-card{align-content:space-around;align-items:center;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-left:50px;padding-right:50px}.listCard{background:#1c2833;box-shadow:0 10px 15px 0 rgba(0,0,0,.3);color:#fff;margin:20px;width:30rem}.card,.listCard{border-radius:20px}.card{box-shadow:0 0 10px 0 rgba(0,0,0,.3);margin:5px;text-align:center}.container-card{align-items:center;background-color:#1f364a;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:grid;flex-direction:column;justify-content:space-around;justify-items:stretch;margin:2px;padding:10px}.sp-card{margin:10px}.sp-card,.sp-card-text{font-size:small}.text-red{color:red}.text-org{color:orange}.listCard-game{background:#1c2833;border-radius:20px;box-shadow:0 10px 15px 0 rgba(0,0,0,.3);color:#fff;margin:20px;width:15rem}.sp-card-games{font-size:small;margin:10px}.listCard-product{background:#fff;border-radius:20px;box-shadow:0 0 0 0 rgba(0,0,0,.3);color:#383838;cursor:default;margin:20px;width:16rem}.container-card-product{background-color:#fff;height:20rem}.img-product img{border-radius:20px;height:196px;margin-top:10px;width:142px}.img-product .shadow-img{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15));flex:1 1;height:15px}.pd{padding-top:5px;text-align:left}.pd-name{text-align:start}.pd-price{color:#f57224;display:flex;justify-content:space-between}.pd-sold{color:#afafaf;padding-bottom:10px;text-align:right}.product{align-items:stretch}.img-card img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.img-offset.img-product.img-card{height:250px}*{box-sizing:border-box;font-family:Montserrat,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{background:#eaecee}.wrapper{display:flex;position:relative}.wrapper .sidebar{background:#1c2833;height:100%;padding:30px 0;position:fixed;width:200px}.wrapper .sidebar h2{color:#fff;margin-bottom:30px;text-align:center;text-transform:uppercase}.wrapper .sidebar ul li{border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid hsla(0,0%,88%,.05);padding:15px}.wrapper .sidebar ul li a{color:#fff;display:block;font:menu;text-align:left}.social_app img{height:auto;width:100%}.wrapper .sidebar ul li a .fas{width:25px}.wrapper .sidebar ul li:hover{background:#17202a}.wrapper .sidebar ul li:hover a{color:#fff}.wrapper .sidebar .social_app{bottom:0;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wrapper .sidebar .social_app a{background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;color:#eaecee;display:block;height:60px;line-height:40px;margin:0 5px;text-align:center;width:60px}.wrapper .main_content{margin-left:200px;width:100%}.wrapper .main_content .header{background:#fff;border-bottom:1px solid #e0e4e8;color:#717171;padding:20px}.wrapper .main_content .info{color:#717171;line-height:25px;margin:20px}.wrapper .main_content .info div{margin-bottom:20px}.main_content .header_content{display:flex;margin-top:5px;padding:10px}.header_content{height:40px;padding-top:10px;text-align:left;text-transform:uppercase}.header_content h1{color:#b6b6b6;font-size:25px;font-style:normal;padding-left:10px}.graph{background:#fff;border-radius:5px;box-shadow:1px 1px 1px 1px hsla(0,0%,49%,.09);box-sizing:border-box;height:100px;margin:5px;padding-right:7.5px;position:relative;width:100%}.graph h1{font-size:15px;font-style:normal;padding-left:10px}.d-flex{box-sizing:border-box;display:flex;padding-left:20px}span{font-size:15px}.btn-primary{background-color:#5ac146;border-color:#5ac146;cursor:pointer}.btn-delete{background-color:#c8371e;border-color:#c8371e;cursor:pointer}.btn-close{background-color:#f5c661;border-color:#f5c661;cursor:pointer}.btn-option{background-color:#fe9d6a;border-color:#fe9d6a;cursor:pointer}.btn{border:1px solid transparent;border-radius:3px;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;text-decoration:none;vertical-align:middle}.text-white{color:#fff!important;font-size:small}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;text-transform:none}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #e9ecef;border-radius:2px;color:#4f5467;display:block;flex:0 0 auto;font-size:.875rem;font-weight:400;height:40px;line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.input,.shadow-none{box-shadow:none!important}.input{-webkit-appearance:none;appearance:none;background-color:#fff;background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #e9ecef;border-radius:2px;color:#4f5467;display:block;flex:0 0 auto;font-size:.875rem;font-weight:400;height:40px;line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.table-data{overflow-x:auto}table{border-collapse:collapse;caption-side:bottom;display:table}.table{background:#f7f7f7;border-color:rgba(0,0,0,.1);color:#222;font:-webkit-small-control;margin-bottom:1rem;vertical-align:top;width:100%}tbody,thead,tr{border:solid #c9c9c9;border-width:0 0 1px;text-align:center}thead{display:table-header-group;vertical-align:middle}thead,tr{border-color:inherit}tr{display:table-row}th,tr{vertical-align:inherit}th{display:table-cell;font-weight:700;text-align:left center;text-align:initial center}.table>thead{background:#e7e4e4;vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:#e9ecef}.table th,.table thead th{font-weight:500}.table thead th{color:#000;font-size:small}.table td,.table th{padding:1rem}.table>tbody{vertical-align:baseline;vertical-align:initial}tr:nth-child(2n){background-color:#fff}footer{display:block}.footer{color:#717171;font-size:15px;padding:15px 20px}.text-center{text-align:center!important}.pagination{display:block}.pagination ul li{color:#717171;cursor:pointer;float:left;padding:8px 16px;text-decoration:none}.pagination ul li:active{background-color:#5ac146;border-radius:5px;color:#fff}.pagination ul li :hover:not(.active){background-color:#ddd;border-radius:5px}.controls-item{display:inline-block}.btn{margin:1px}.LoginForm{align-items:center;background:linear-gradient(320deg,#00956c,#4c8f89cf);display:flex;height:100%;justify-content:space-around;overflow:auto;position:fixed;top:0;width:100%}.form-SignIn{height:35rem}.text-header-login{color:#868686}.box-data-login{align-items:center;background:#ededed;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;left:0;margin:auto;padding:10px;text-align:start;top:0;width:25rem}.form-input-login{color:#fff;display:grid;justify-items:start;margin:0;padding-top:10px;width:100%}.form-input-login-btn{display:flex;justify-content:space-evenly;padding-top:10px;width:100%}.input-form{display:flex;flex-direction:column;padding-left:40px}.input-form span{color:#00a1ff;font-size:12px}h1{font-size:20px}.btn-Login{background:#00d58d;border-radius:30px;color:#fff;width:200px}.input-SignIn{background-color:transparent;border:0;border-bottom:1px solid #ced4da;border-radius:0;color:#868686;outline:0}.login-descripts{color:#7a7a7a;font-size:12px;padding-left:50px}
/*# sourceMappingURL=main.f9873db8.css.map*/