@media screen and (min-width: 721px),screen and (min-height: 551px){.side-bar{position:fixed;top:0;left:0;width:4.5%;height:100%;background-color:#363b7a;display:flex;justify-content:center;align-items:center}.logo{position:absolute;top:0;color:#fff;margin-top:3.5vh;justify-content:center;align-items:center}.information{position:absolute;top:1;margin-bottom:62vh}.return-button{color:#fff;position:absolute;bottom:0;margin-bottom:30%;justify-content:center;align-items:center}.sidebar-logo-pic{max-width:3vw;height:auto}.information-logo-pic{max-width:3.5vw;height:auto;margin-top:100%}.logout-logo-pic{max-width:2vw;height:auto}}@media screen and (max-width: 720px),screen and (max-height: 550px){.side-bar{position:fixed;top:0;left:0;width:4.5%;height:100%;background-color:#363b7a;display:flex;justify-content:center;align-items:center}.logo{position:absolute;top:0;color:#fff;margin-top:20%;justify-content:center;align-items:center}.information{position:absolute;top:1;margin-bottom:60vh}.return-button{color:#fff;position:absolute;bottom:0;margin-bottom:30%;justify-content:center;align-items:center}.sidebar-logo-pic{max-width:3vw;height:auto}.information-logo-pic{max-width:3.5vw;height:auto}.logout-logo-pic{max-width:2vw;height:auto}}@media screen and (max-height: 250px){.information{position:absolute;top:1;margin-top:35%}.sidebar-logo-pic{max-width:3vw;height:auto}.information-logo-pic{max-width:3.5vw;height:auto}.logout-logo-pic{max-width:2vw;height:auto}.return-button{color:#fff;position:absolute;bottom:0;margin-bottom:auto;justify-content:center;align-items:center}}@media screen and (min-width: 721px){.status-icon{position:sticky;bottom:0;display:flex;width:95.5%;height:8vh;float:right;background-color:#f3f3f3;border-top:1.5px solid #d6d6d6;box-shadow:-1px 2px 2px #0006;justify-content:center}.icon{display:flex;margin-left:2vw;margin-right:2vw;align-items:center;font-size:2vh}.ceremonies-icon,.competition-icon{width:2.5vw;height:4.25vh}.medal-status-icon,.recorded-status-icon{width:2.2vw;height:5.25vh}.icon p{margin-left:1vw}}@media screen and (max-width: 720px){body{margin-bottom:8vh;margin-left:4.5vw}.status-icon{position:fixed;bottom:0;display:flex;width:95.5%;height:8vh;background-color:#f3f3f3;border-top:1.5px solid #d6d6d6;box-shadow:-1px 2px 2px #0006;justify-content:center;margin-left:4.5%}.icon{display:flex;margin-left:2vw;margin-right:2vw;align-items:center;font-size:2.2vh}.ceremonies-icon,.competition-icon{width:2.5vw;height:4.25vh}.medal-status-icon,.recorded-status-icon{width:2.2vw;height:5.25vh}.icon p{margin-left:1vw}}@media screen and (min-width: 721px),screen and (min-height: 551px){body{min-height:700px;height:100%;margin:auto}table{border-collapse:collapse;width:95.5%;overflow-x:auto;float:right}thead{position:sticky;top:0;color:#484fa3;font-size:3vh;height:10vh;border-bottom:1.5px solid #d6d6d6;box-shadow:0 2px 2px -1px #0006;justify-content:center}td{border-bottom:1px solid #d6d6d6;height:7.5vh;padding-left:5.25%;font-size:3vh}tr th:nth-child(1){width:20%}th:nth-child(n+2):nth-child(-n+20){width:10vw}tr th:nth-child(odd){background-color:#f3f3f3}tr th:nth-child(2n){background-color:#e8e8fa}tr td:nth-child(odd){background-color:#f3f3f3}tr td:nth-child(2n){background-color:#e8e8fa}tr td.special-id{text-align:center}.ceremonies-icon-schedule{width:2vw;height:3.5vh}.competition-icon-schedule{width:1.8vw;height:3.2vh}.medal-status-icon-schedule,.recorded-status-icon-schedule{width:1.8vw;height:4.5vh}}@media screen and (max-width: 720px),screen and (max-height: 550px){body{margin-left:4.5%;min-height:700px}table{border-collapse:collapse;width:100%;margin-left:4.5%;max-width:100%;overflow-x:auto;float:none}thead{position:sticky;top:0;color:#484fa3;font-size:3vh;height:10vh;border-bottom:1.5px solid #d6d6d6;box-shadow:0 2px 2px -1px #0006;justify-content:center}td{border-bottom:1px solid #d6d6d6;height:7.5vh;padding-left:5%;font-size:3vh}tr th:nth-child(1){width:20%}th:nth-child(n+2):nth-child(-n+20){width:10vw}tr th:nth-child(odd){background-color:#f3f3f3}tr th:nth-child(2n){background-color:#e8e8fa}tr td:nth-child(odd){background-color:#f3f3f3}tr td:nth-child(2n){background-color:#e8e8fa}tr td.special-id{text-align:center}.ceremonies-icon-schedule{width:2vw;height:3.5vh}.competition-icon-schedule{width:1.8vw;height:3.2vh}.medal-status-icon-schedule,.recorded-status-icon-schedule{width:1.8vw;height:4.5vh}}.medal-num-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border-bottom:.2em solid grey;border-radius:.2em .2em 0 0;padding:.4em;width:15%;height:50%;color:#b9b9b9;text-align:center;font-size:1.25vw}.gold-input{margin-left:45%}.silver-input{margin-left:35%}.bronze-input{margin-left:32%}.strong-gray-color{color:#757575;font-weight:700}.medal-num-input::placeholder{font-size:1.4vw;color:#cfcfcf;text-align:center;justify-content:center;align-items:center}.medal-num-input:focus::placeholder{color:transparent}.delete-button{font-family:Aptos;font-size:1.4vw;cursor:pointer;background-color:transparent;border:none;padding-left:60%;margin-left:105%}.delete-icon{width:1.5vw;height:auto;opacity:.3;transition:opacity .3s ease}.delete-button:hover .delete-icon{opacity:1}.input-container-item{width:20vw;padding-top:1vw;padding-bottom:1vw;font-size:30px;text-align:center}.dropdown{grid-area:1/1;position:relative}.country-selector{display:flex;width:20vw;padding-left:1vw;border-radius:17px;background-color:#f3f3f3;box-sizing:border-box;border:none;height:3vw;word-break:break-all;font-size:1.5vw;font-family:TH SarabunPSK;color:#b9b9b9;-webkit-user-select:none;user-select:none;justify-content:space-between}.country-selector:hover{cursor:pointer}.country-text{padding-top:3.5%}.dropdown-tools{padding-top:5px;font-weight:700;text-align:right;margin-right:5%}.dropdown-menu{position:absolute;text-align:left;font-size:1.5vw;font-family:TH SarabunPSK;box-sizing:border-box;border-radius:8px;filter:drop-shadow(2px 2px #c1c1c0);background-color:#fff;width:100%;z-index:1;max-height:6vw;overflow-y:auto;transform:translateY(4px)}.dropdown-item{width:100%}.dropdown-item:hover{background-color:#e8e9f4;cursor:pointer}.dropdown-item.selected{background-color:#0d6efd;color:#fff}.search-box{padding:5px;background-color:#eee}.search-box input{width:100%;box-sizing:border-box;padding:5px;border:1px solid #ccc;border-radius:5px}.selected{color:#5d5b58;font-weight:700}.default{color:#b6b6b6}.popup-icon{max-width:100%;max-height:100%}.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel{font-size:1vw}.medal-value{color:#c9c7c6;max-height:6vh;text-align:center;font-size:2.5vw;font-family:TH SarabunPSK;margin-bottom:7%;width:15%}.bold{font-weight:700;color:#5a5855}.silver-medal-value{margin-left:34%}.bronze-medal-value{margin-left:81%}.recorded-country{box-sizing:border-box;height:3vw;font-size:2vw;font-family:TH SarabunPSK;justify-content:space-between;margin-bottom:7%;font-weight:700;color:#5a5855;width:100%;width:19vw}.record-page-container{width:90%;margin-left:7%;flex-direction:column;justify-content:center;align-items:center}.type-topic-container{width:100%;display:grid;justify-content:center;align-items:center;text-align:center}.sport-topic{width:100%;font-size:3vw;margin-top:3%;text-align:center;align-items:center;justify-content:center;font-family:Aptos;color:#474ea0;text-shadow:1px 1px white,-1px -1px #000}.sport-info{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;gap:5%}.type-selector{width:25vw;height:4vw;padding:3%;margin-top:5%;box-sizing:border-box;border-radius:1vw;background-color:#e4e4f4;font-family:TH SarabunPSK;font-size:1.8vw;font-weight:700;color:#474ea0;cursor:pointer}.type-selector option{color:#5a5855;background-color:#fff;width:25vw}select option:checked{background-color:#cdcefa}.recording-container{flex:1;margin:0 auto 0 5%;width:100%;display:flex;flex-direction:column;align-items:center}.medal{font-family:TH SarabunPSK;text-align:center;font-size:2.7vw;color:#848484;font-weight:600}.header-container{margin-left:38%;width:74%;display:grid;grid-template-columns:auto auto auto auto auto}.header-item{text-align:center}.big-input-container{width:100%;max-height:17vw;min-height:17vw;overflow-y:scroll;margin-bottom:1%}.input-container{display:grid;grid-template-columns:auto auto auto auto auto;margin-bottom:10%;width:90%;height:auto}.border-container{width:80%;display:flex;border-style:solid;border-color:#bababa;border-width:.001em;border-radius:1vw;margin:0 auto}.buttons-container{display:flex;text-align:center;margin-top:2%;margin-bottom:2%;gap:5%;justify-content:center;align-items:center}.record-button{font-size:2vw;font-weight:549;color:#fff;height:4vw;width:20vw;border:none;border-radius:17px;background-color:#363b7a;font-family:TH SarabunPSK}.record-button:hover{background-color:#4d5499;cursor:pointer}.add-country-button{font-size:2vw;font-weight:549;font-family:TH SarabunPSK;color:#fff;height:4vw;width:20vw;border-radius:17px;border:none;background-color:#a6a6a6}.add-country-button:hover{color:#fff;background-color:#7678c7;cursor:pointer}.already-recorded-container{font-size:2vw;font-weight:549;font-family:TH SarabunPSK,sans-serif;color:#fff;height:4vw;width:20vw;border-radius:17px;border:none;background-color:#c9c7c6;text-align:center;line-height:4vw;display:flex;align-items:center;justify-content:center;box-shadow:-2px -1px #b4b2b1}.date,.participants{font-size:1.25vw;margin-top:2%;margin-bottom:2%;text-align:center;color:#4d5499}.copetition-date,.countries-num{color:#5a5855}.swal2-actions button{width:13vw}.swal2-popup{border-radius:17px;width:40vw;max-height:60vw}.confirmation-popup-container{overflow-y:scroll}.swal2-title{margin-bottom:0}.swal2-icon img{border:none;outline:none}.no-border{border:0!important}.login{display:grid;justify-content:center}.login img{width:65%;margin-top:4%;margin-left:auto;margin-right:auto}.login .box{display:flex;flex-direction:column;width:45%;height:90%;border:1px;border-radius:8px;background-color:#fff;margin-top:3.5%;margin-left:auto;margin-right:auto;padding:6% 8% 2.5%;box-shadow:0 4px 8px #dadada33,0 6px 20px #dadada33}.label-name{margin-bottom:5%}.textbox{padding-bottom:2%;border:0;outline:0;background:transparent;border-bottom:2px solid #d3d1d1}.textbox.id-input{margin-bottom:5%}.textbox.password-input{margin-bottom:2%}.forgot-password{color:#7678c7;margin-left:auto}.login .box .sign-in{height:15%;margin-top:10%;border:0;border-radius:8px;background-color:#7678c7;color:#fff}.login .box .sign-in:hover{background-color:#9596ce}.html{height:100%;margin:0}.sign-in,.forgot-password{cursor:pointer}:root{background-color:#fff;font-family:Sarabun,sans-serif}body{margin:0;padding:0}