@import url(https://fonts.googleapis.com/css?family=Roboto);:root{--accent:#ff7547;--accent-hover:#de663d}*{padding:0;margin:0;box-sizing:border-box}body,html{font-family:Roboto,sans-serif;line-height:1.4;background:#222;color:#fff}a{color:inherit;text-decoration:none}#page-container{position:relative;min-height:100vh}#content-wrap{padding-bottom:2.5rem}.noshow{display:none!important}.rotate{transform:rotate(90deg)}.btn{display:inline-block;background-color:#333;color:#fff;padding:.75rem 1.5rem;cursor:pointer;transition:all .5s ease}.btn:hover{background-color:#444;color:var(--accent-hover)}.btn-light{display:inline-block;color:#fff;padding:.2rem .7rem;background:var(--accent);transition:all .5s ease}.btn-light:hover{background-color:var(--accent-hover);color:#fff;transform:scale(1.05)}.imgbtn{text-align:center;display:inline;height:50px;width:50px;transition:all .4s ease}.imgbtn:hover{transform:scale(1.3)}#main-header{position:absolute;top:0;left:0;right:0}#main-header>section{display:flex;justify-content:space-around;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:2;background-color:rgba(51,51,51,.7);color:#fff}#main-header>section>a>section{display:flex;justify-content:center;align-items:center;position:relative;transition:all .4s ease;height:62.4px;padding:0 1rem}#main-header>section>a>section:hover{background:rgba(68,68,68,.7);cursor:pointer}#main-header>section>a>section:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--accent);transition:width .3s ease 0s,left .3s ease 0s;width:0}#main-header>section>a>section:hover:after{width:100%;left:0}#main-header>section>a>section>div{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin-left:1rem}#main-header>section>a>section img{border-radius:100%;height:50px;width:50px}#main-header>section>a>section h1{font-size:1.5rem}#main-header .menu-icon{display:none}#main-header .header-item-list{list-style:none;display:flex}#main-header ul li .header-item{position:relative;display:block;padding:1rem;cursor:pointer;text-decoration:none;transition:all .4s ease;font-size:22px;overflow:hidden}#main-header ul li .header-item:hover{color:var(--accent-hover);background:rgba(68,68,68,.7);cursor:pointer}#main-header ul li .header-item#user{height:62.8px;display:flex;justify-content:center;align-items:center}#main-header ul li .header-item#user i{margin-left:.3rem}#main-header ul li .header-item #avatar{height:35px;border-radius:100%;align-self:center;justify-self:center;margin-right:.5rem}#main-header ul li .header-item:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--accent);transition:width .3s ease 0s,left .3s ease 0s;width:0}#main-header ul li .header-item:hover:after{width:100%;left:0}.page-header{background:#000 url(/img/bg-main.webp) no-repeat 50%/cover;height:265px;color:#fff;position:relative}.page-header h1{padding:1rem 3rem;font-size:3.375rem;background:rgba(51,51,51,.8);border-radius:15px}.page-header section{padding-top:62.4px;flex-flow:column;text-align:center;background-color:rgba(0,0,0,.2);position:absolute;height:100%;top:0;left:0;right:0;bottom:0}#NotFoundPage,.page-header section{display:flex;justify-content:center;align-items:center}#NotFoundPage section{display:grid;grid-template-columns:1fr .5fr;box-shadow:0 0 10px 0 rgba(0,0,0,.5);width:100%;background:#333;padding:2rem;margin:5rem 25%}#NotFoundPage section h1{font-size:10rem}#NotFoundPage section h2{font-size:2rem;margin-bottom:1.5rem}#NotFoundPage section ul{list-style:none}#NotFoundPage section ul li{display:inline}#NotFoundPage section ul li a{display:inline-block;background-color:var(--accent);color:#111;padding:.4rem 1.2rem;margin:1rem .7rem 1rem 0;transition:all .7s ease;box-shadow:0 0 10px 0 rgba(0,0,0,.5);border-radius:3px}#NotFoundPage section ul li a:hover{background-color:var(--accent-hover)}#NotFoundPage section aside{display:flex;justify-content:center;align-items:center}#NotFoundPage section aside img{width:300px}#main-footer{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1.5rem 0;background-color:#333;color:#fff;position:absolute;bottom:0;width:100%;height:2.5rem}#main-footer p{font-size:15px}#main-footer #version{font-size:10px;color:#c2c2c2}#main-footer p a{transition:all .4s ease}#main-footer p a:hover{color:var(--accent-hover)}.dropdown-menu{width:200px;position:absolute;top:62.4px;list-style:none;text-align:start}.dropdown-menu li a{display:inline-block;width:100%;height:100%;font-size:1.5rem;padding:.5rem 1rem;background-color:#333;transition:all .4s ease;position:relative}.dropdown-menu li a:hover{background-color:#444;transform:scale(1.01)}.dropdown-menu li a:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--accent);transition:width .3s ease 0s,left .3s ease 0s;width:0}.dropdown-menu li a:hover:after{width:100%;left:0}.dropdown-menu.clicked{display:none}#showcase{background:#000 url(/img/bg-main.webp) no-repeat 50%/cover;height:Calc(100vh - 40px);color:#fff;position:relative}#showcase #showcase-content{text-align:center;background-color:rgba(0,0,0,.5);position:absolute;height:100%;top:0;left:0;right:0;bottom:0}#showcase #showcase-content,#showcase #showcase-content #info{display:flex;flex-flow:column;justify-content:center;align-items:center}#showcase #showcase-content #info{background:#222;padding:2rem;border-radius:7px;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}#showcase #showcase-content #info>h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:var(--accent);border-bottom:5px solid var(--accent);width:100%}#dashboard-main{margin-top:3rem;display:flex;justify-content:center;align-items:center;flex-direction:column}#dashboard-main #top{display:grid;grid-template-columns:1fr 1fr;background-color:#333;padding:1rem;border-radius:7px;min-width:50vw}#dashboard-main #top>section{padding:0 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}#dashboard-main #top>section h1{font-size:2rem}#dashboard-main #top>section img{border-radius:100%;justify-self:center;align-self:center;width:150px;margin:1rem 0}#dashboard-main #top>section>div{display:grid;grid-template-columns:1fr 1fr}#dashboard-main #top>section>div button{border:none;background-color:var(--accent);color:#fff;padding:.2rem 1rem;font-size:1.2rem;margin-top:.5rem;transition:all .4s ease;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);margin-bottom:.5rem}#dashboard-main #top>section>div button:hover{background-color:var(--accent-hover);transform:scale(1.02);cursor:pointer}#dashboard-main #top>aside{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}#dashboard-main #top #achievements{display:flex;justify-content:center;align-items:center;flex-direction:column}#dashboard-main #top #achievements>div{display:grid;grid-template-columns:1fr;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:.8rem;max-height:300px;max-width:550px}#dashboard-main #top #achievements>div::-webkit-scrollbar{width:5px}#dashboard-main #top #achievements>div::-webkit-scrollbar-track{background:#222}#dashboard-main #top #achievements>div::-webkit-scrollbar-thumb{background:#444}#dashboard-main #top #achievements>div::-webkit-scrollbar-thumb:hover{background:#555}#dashboard-main #top #achievements>h2{font-size:1rem}#dashboard-main #top #achievements h1{font-size:2rem}#dashboard-main #transactions{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1rem 0;padding:1rem;border-radius:7px;background-color:#333;min-width:50vw}#dashboard-main #transactions #addtransactionbtn{background-color:var(--accent);padding:.2rem 1rem;border-radius:3px;align-self:flex-end;transition:all .4s ease;margin-top:.2rem}#dashboard-main #transactions #addtransactionbtn:hover{background-color:var(--accent-hover);transform:scale(1.02);cursor:pointer}#dashboard-main #transactions>h1{background-color:#444;text-align:center;padding:.5rem;border-radius:7px;margin-bottom:1rem}#dashboard-main #transactions>section{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:1rem;width:100%;margin-bottom:1rem}#dashboard-main #transactions #loadbtn{border:none;background-color:var(--accent);color:#fff;padding:.2rem 1rem;font-size:1.2rem;transition:all .4s ease;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);margin-bottom:.5rem;margin-top:1rem}#dashboard-main #transactions #loadbtn:hover{background-color:var(--accent-hover);transform:scale(1.02);cursor:pointer}#dashboard-main #transactions #filters{background-color:#444;padding:1rem;border-radius:7px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#dashboard-main #transactions #filters h2{text-align:center;margin-bottom:.5rem}#dashboard-main #transactions #filters select{display:inline-block;color:#fff;background:#555;border-collapse:collapse;border:none;padding:.2rem .5rem;font-size:1.1rem;margin:0 .5rem}#dashboard-main #transactions #notfound{margin-top:1rem}#add-transaction{display:flex;justify-content:center;align-items:center;flex-direction:column}#add-transaction>section{background-color:#333;padding:1rem;margin:1rem;border-radius:7px}#add-transaction>section h1{text-align:center;font-size:2rem;margin-bottom:1rem}#add-transaction label{color:#8e9297;font-weight:600;margin-bottom:5px;display:block;margin-top:.2rem}#add-transaction input{display:block;background:#222;border:none;font-size:1rem;padding:0 .2rem;margin-top:.5rem;margin-bottom:1rem;height:40px;color:#fff;width:100%}#add-transaction .wrapper{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid #222;border-radius:4px;color:#fff;background:#222;z-index:2}#add-transaction .wrapper input{margin:0}#add-transaction .option{display:flex;justify-content:flex-start;align-items:center}#add-transaction .option img{width:1.5rem;border-radius:100%;margin-right:.4rem}#add-transaction .selected{background-color:var(--accent)}#add-transaction .selected:hover{cursor:pointer}#add-transaction button{border:none;background-color:var(--accent);color:#fff;padding:.4rem 1.2rem;font-size:1.2rem;margin-top:.5rem;transition:all .4s ease;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);width:100%}#add-transaction button:hover{background-color:var(--accent-hover);transform:scale(1.02);cursor:pointer}#events-main{display:flex;justify-content:center;align-items:center;flex-direction:column}#events-main>h1{font-size:3rem;background-color:#333;padding:.5rem;margin:1rem;border-radius:7px}#events-main #events{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem}#events-main #historicEvents button{border:none;background-color:var(--accent);color:#fff;padding:.4rem 1.2rem;font-size:1.2rem;margin-top:.5rem;transition:all .4s ease;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);width:100%}#events-main #historicEvents button:hover{background-color:var(--accent-hover);transform:scale(1.02);cursor:pointer}#events-main #historicEvents{margin-top:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#333;min-width:50vw;border-radius:7px;margin-bottom:2rem;padding-bottom:1rem}#events-main #historicEvents>h1{font-size:2rem;background-color:#444;padding:.5rem;margin:1rem;border-radius:7px}#events-main #historicEvents button{margin-bottom:1rem;width:inherit}#events-main #historicEvents .event{background-color:#444}#events-main #historicEvents #filters{display:flex;justify-content:center;align-items:center;margin-top:1rem}#events-main #historicEvents #filters>div{margin:0 .5rem 1rem}#events-main #historicEvents #filters>div>p{margin-bottom:.2rem;font-size:1.2rem;text-align:center}.react-select-container .react-select__control{background-color:#444;border-color:#555;transition:none}.react-select-container .react-select__control:hover{border-color:#555}.react-select-container .react-select__menu{background-color:#222;border:1px solid #555}.react-select-container .react-select__option{background-color:#222}.react-select-container .react-select__option:hover{background-color:#333;cursor:pointer}.react-select-container .react-select__clear-indicator svg:hover{cursor:pointer}.react-select-container .react-select__indicator-separator{background-color:#555}.react-select-container .react-select__placeholder,.react-select-container .react-select__single-value{color:#fff}.react-select-container input{color:#fff!important}.react-select-container .react-select__multi-value{background-color:#555;color:#fff}.react-select-container .react-select__multi-value .react-select__multi-value__label{color:#fff}.react-select-container .react-select__multi-value .react-select__multi-value__remove:hover{cursor:pointer}.message-alert{padding:15px;margin-top:5px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;background-color:#7066e0;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.message-alert button{border:none;background-color:var(--accent);color:#fff;padding:.2rem .8rem;margin-top:.2rem;transition:all .4s ease;border-radius:5px}.message-alert button:hover{color:#fff;background-color:var(--accent-hover);transform:scale(1.02)}.message-succes{width:20%;background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.loader{display:flex;justify-content:center;align-items:center;margin:5rem;height:60%}.react-confirm-alert-body{font-family:Roboto,sans-serif!important;background:#333!important;color:#fff!important}.react-confirm-alert-overlay{background:rgba(0,0,0,.4)!important}.react-confirm-alert-button-group>button{background:var(--accent)!important;transition:all .4s ease!important}.react-confirm-alert-button-group>button:hover{background:var(--accent-hover)!important}#stats-main{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:1rem}#stats-main #user{padding-bottom:1rem;display:grid;grid-template-columns:1fr 1fr}#stats-main #user img{border-radius:100%;margin-bottom:.5rem;margin-top:.5rem}#stats-main>div{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:2rem;padding:1rem;border-radius:7px}#stats-main>div>div{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr;width:60vw}#stats-main>div>div .card{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#333;border-radius:7px;padding:.2rem 0;margin:0 1rem;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}#stats-main>div>div .card h1{font-size:3rem;font-weight:700;padding:1rem 3rem}#stats-main>div>div .card h2{font-weight:400;font-size:1rem;color:#bcc1c7}#stats-main>div>div .card h3{font-weight:400;font-size:.8rem;color:#a1a4a8;align-self:flex-end;padding-right:.5rem}#stats-main>div>div .card h3 i{font-weight:700;margin-right:.1rem}#stats-main>aside{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;height:50vh;background-color:#333;padding:1rem;border-radius:7px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);margin:1rem 10vw}#stats-main>aside canvas{justify-self:center}@media screen and (max-width:960px){#main-header{position:relative;background-color:#333;top:0;left:0;right:0}#main-header>section{height:80px;z-index:3;justify-content:space-between;padding:0 1rem}#main-header>section .menu-icon{display:block;position:relative;transform:translate(-100%,10%);cursor:pointer;font-size:2rem}#main-header>section .header-item-list{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;height:100vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}#main-header>section .header-item-list.active{background:#242222;left:0;opacity:1;transition:all .5s ease;z-index:1}#main-header>section .header-item-list li{display:block;width:100%;text-align:center}#main-header>section .header-item-list .header-item{position:relative;width:100%;font-size:2.5rem;padding:1rem 0}#main-header>section .header-item-list .header-item:hover{background:var(--accent-hover);color:#fff}#main-header>section .fa-times{color:#fff;font-size:2rem}.dropdown-menu{width:100%;position:relative;text-align:start;margin-top:-62px;margin-bottom:62px}.dropdown-menu li a{font-size:2rem;padding:1.2rem 0;background:#333}.dropdown-menu li a:hover{background-color:var(--accent-hover);transform:scale(1)}.loader{display:flex;justify-content:center;align-items:center;margin:5rem}.react-confirm-alert-body{text-align:center!important}.react-confirm-alert-body>h1{font-size:2.5rem!important}.react-confirm-alert-button-group{display:flex!important;justify-content:center!important}.react-confirm-alert-button-group>button{padding:.4rem 1.2rem!important;font-size:1.2rem!important;margin:0 2rem!important}.mobilenoshow{display:none}.page-header{height:280px}.page-header h1{padding:.5rem;font-size:3rem;max-width:300px}.page-header section{padding-top:80px}}@media screen and (max-width:768px){#main-header ul li .header-item{padding:.5rem}#NotFoundPage section h1{font-size:5rem}#NotFoundPage section aside img{display:none}#NotFoundPage section{display:inline;margin:5rem 0}#NotFoundPage section ul li a{margin-right:.5rem}#showcase #showcase-content{padding-top:80px;display:block;height:100%;position:relative;margin-bottom:2rem;text-align:center}#showcase h1{font-size:3rem}#showcase #showcase-images div img{margin:1rem}#showcase{height:100%}#showcase #showcase-content #info{margin:.3rem}#dashboard-main #top,#events-main #events{grid-template-columns:1fr}#dashboard-main #top{margin:0 .5rem}#dashboard-main #top>section{border-bottom:3px solid #1b1b1b;padding-bottom:1rem}#dashboard-main #top>aside{padding-top:1rem}#dashboard-main #transactions{margin-top:1rem;padding:0}#dashboard-main #transactions>h1{margin-top:1rem}#dashboard-main #transactions>section{grid-template-columns:1fr}#dashboard-main #transactions #filters{display:flex;justify-content:center;align-items:center;flex-direction:column}#dashboard-main #transactions #filters select{width:100%;margin:.5rem 0}#stats-main>div{margin:0;padding:0}#stats-main #user{grid-template-rows:1fr 1fr;grid-template-columns:1fr}#stats-main>div>div{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;width:95vw}#stats-main>div>div .card{margin-top:1rem}#stats-main>aside{margin-top:1rem;width:95vw;height:auto;grid-template-columns:1fr;grid-template-rows:1fr 1fr}#dashboard-main #transactions #addtransactionbtn{margin-top:1rem;margin-right:.5rem;margin-bottom:.5rem}#events-main #historicEvents #filters{flex-direction:column}}