@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.font-outfit-regular{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal}.right_arrow{height:1em}.right_arrow_button{height:1em;vertical-align:middle}.container{max-width:none}.main-content{min-height:100vh}header{background:#111827;width:100%;display:flex;justify-content:space-between;align-items:center}header #header-links{display:flex}header #header-links a{text-decoration:none;padding:8px 10px;color:#fff}header #header-links a.active{background:#414652}#header-profile{display:flex;align-items:center;grid-gap:10px;color:#fff;padding:8px 10px}.header-right{display:flex}aside{position:fixed;left:0;background:#fff;height:100%;width:56px}aside.active{width:273px}aside.active span{display:block}#nav-header{display:flex;gap:8px;padding:8px 20px}aside.active #nav-header .logo{display:block;margin:0}#nav-header .logo,#logout-form{display:none}aside ul{padding-left:0}aside li{list-style:none;display:flex;padding:8px 20px;gap:8px;cursor:pointer}aside li:hover,aside .active{background:#006bc5}aside li:hover,aside li:hover i,aside .active{color:#fff}aside span{display:none}main{background:#ececec;margin-left:56px}main button.btn{border-radius:17px;min-width:58px;font-size:12px}section{padding:20px}.grid-2-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#bingo-balls-data-wrapper p{color:#fff}#bingo-data{display:flex;flex-direction:column;justify-content:space-between}#bingo-data>div>*{margin-bottom:5px}#bingo-data>div>*:last-child{margin-bottom:0}#bingo-data h4,#bingo-data p{color:#ebebeb;margin:0}#bingo-data button{display:block}#bingo-balls button{background:#15171c;width:32px;height:32px;border-radius:50%;color:#86878b;font-weight:700;display:flex;justify-content:center;align-items:center;border:solid 5px transparent;transition:ease all .3s}#bingo-balls button:hover{border:solid 1px #FBBC05}#bingo-balls #bingo-white button.active{border:solid 5px #1485bc;background:#ececec;color:#171717}#bingo-balls #bingo-red button.active{border:solid 5px #e83a4c;background:#ececec;color:#171717}#bingo-balls #bingo-yellow button.active{border:solid 5px #f2e10b;background:#ececec;color:#171717}#bingo-balls #bingo-blue button.active{border:solid 5px #39d549;background:#ececec;color:#171717}#bingo-balls #bingo-green button.active{border:solid 5px #fb6501;background:#ececec;color:#171717}#ball-drawn-wrapper,#extra-ball-wrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.ball-drawn{width:32px;height:32px;flex:0 0 32px;background:#c9c9c9;box-shadow:inset 0 0 6px #00000057;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font: 16px/19px Poetsen One;letter-spacing:0px;color:#101010}.ball-white{border:solid 5px #1485bc;background:#ececec;color:#171717}.ball-red{border:solid 5px #e83a4c;background:#ececec;color:#171717}.ball-yellow{border:solid 5px #f2e10b;background:#ececec;color:#171717}.ball-blue{border:solid 5px #39d549;background:#ececec;color:#171717}.ball-green{border:solid 5px #fb6501;background:#ececec;color:#171717}.btn-base{text-transform:uppercase;position:relative;overflow:hidden;border-radius:23px;min-width:160px;height:34px}.btn-base:before{position:absolute;left:50%;transform:translate(-50%);content:"";display:block;z-index:0;top:0;width:150px;height:14px;border-radius:24px 24px 3px 3px}.btn-base:disabled{filter:grayscale(100%);opacity:.6;cursor:not-allowed;transform:scale(.98);transition:all .2s ease}.btn-primary{background:#f56c1f;border:solid 1px #FFE1EA;color:#fff}.btn-primary:hover{background:#c95919}.btn-primary:before{background:#ff8e47}.btn-primary:hover:before{background:#df702b}.btn-secondary{background:#dcdcdc;border:solid 1px #DE641D;color:#c96220}.btn-secondary:hover{background:#b5b5b5}.btn-secondary:before{background:#ffffff73}.btn-secondary:hover:before{background:#d8d8d873}.btn-secondary span,.btn-primary span{position:relative;z-index:1;font-size:14px;margin:auto;display:block;padding:0}table thead tr .sortable{cursor:pointer}.btn-filter{width:157px;height:46px;border:solid 2px #A5A5A5;color:#006bc5;border-radius:8px}.footer-pagination .showing-per-page select{width:70px}.footer-pagination .pagination a{color:#000}@media (max-width: 767px){#ball-drawn-wrapper,#extra-ball-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}}