.button-wrapper{width:100%}.button-wrapper Button{float:right;margin-left:5px;margin-right:5px;width:5vw}.textarea1{resize:none}.wrapper-logoUWDP{width:8vw}.logoUWDP{margin-left:auto;margin-right:auto;width:6.5vw}.shortcut-group1,.shortcut-group2{display:flex;flex-direction:row;margin-top:1.5vh}.shortcut-menu{justify-content:space-between;margin-bottom:3vh;width:100%}.shortcut-menu,.shortcutx1{display:flex;flex-direction:row}.shortcutx1{font-size:14px;padding:1rem}.shortcutx2{display:flex;flex-direction:column}.shortcut-regis{background-color:#57cfff}.shortcut-nilai,.shortcut-regis{align-items:center;border-radius:1rem;display:flex;flex-direction:row;font-weight:700;height:10vh;justify-content:space-evenly;width:14vw}.shortcut-nilai{background-color:#ff6b6b;margin-left:5vw}.shortcut-kue{background-color:#0ea70e}.shortcut-jadwal,.shortcut-kue{align-items:center;border-radius:1rem;display:flex;flex-direction:row;font-weight:700;height:10vh;justify-content:space-evenly;width:14vw}.shortcut-jadwal{background-color:#cf57ff;margin-left:5vw;margin-right:2vw}.user-data-profile{width:21vw}.table-wrapper,.table-wrapper table{margin-left:auto;margin-right:auto;width:100%}.table-wrapper table{border-width:1px;margin-bottom:1vh}.wrapper{margin-bottom:2vh}.data-wrapper button{margin-left:1vw;width:6vw}.select-wrapper{width:20%}.table-wrapper table thead{background-color:#b4edff;border-width:1px}.table-wrapper2{margin-left:auto;margin-right:auto;width:100%}.table-wrapper2 table{margin-top:1vh}.data-wrapper3,.table-wrapper3{margin-left:auto;margin-right:auto;width:100%}.table-wrapper3 table{margin-bottom:2vh;margin-top:1vh}.wrapper1{display:flex;flex-direction:column;margin-top:2vh;width:100%}.wrapper2{display:flex;flex-direction:row}.wrapper3{display:flex;flex-direction:column;width:50%}.wrapper4{display:flex;flex-direction:row;margin-top:1vh;width:100%}.pengumuman{margin-left:auto;margin-right:auto;width:45vw}.pengumuman>.pengumuman-wrapper{margin-left:auto;margin-right:auto;width:auto}.scroll{border-radius:1rem;height:53.3vh;margin-top:-1px;overflow:scroll;overflow-x:hidden;scroll-behavior:smooth;width:100%}.scroll thead{background-color:#f0e9d6;letter-spacing:1px;position:-webkit-sticky;position:sticky;top:0}.dashboard-bottom-wrapper{display:flex;flex-direction:row;margin-bottom:2vh}.line{margin-top:8vh;width:50vw}.line>.line-wrapper{margin-left:auto;margin-right:auto;width:auto}.line-data{height:50vh}.pie{margin-top:8vh;width:50%}.pie>.pie-wrapper{height:50vh;margin-left:auto;margin-right:auto;width:55%}.box1{margin-bottom:1.5vh;width:100%}.box2{width:43%}.box2,.box3{font-size:15px}.box3{margin-left:4%;width:53%}.wrapper-regis1,.wrapper-regis2{display:flex;flex-direction:row}.wrapper-regis1>.label1{width:12vw}.wrapper-regis1>.labelx1{align-self:center;width:10vw}.wrapper-regis1>.input1{border-color:#666;width:25vw}.wrapper-regis2>.label1{align-self:center;width:12vw}.wrapper-regis2>.label2{align-self:center;margin-right:.5vw;width:6.8vw}.wrapper-regis2>.label2-1{align-self:center;margin-left:3.3vw;margin-right:.5vw;width:5vw}.wrapper-regis2>.inputx1{border-color:#666;width:25vw}.wrapper-regis2>.inputx2{border-color:#666;margin-top:1vh;width:40vw}.wrapper-regis2>.input2,.wrapper-regis2>.inputx3{border-color:#666;width:5vw}.wrapper-regis2>.input3{border-color:#666;width:6.05vw}.wrapper-regis2>.label3{align-self:center;margin-left:1vw;margin-right:.5vw}.wrapper-regis-dashboard{display:flex;flex-direction:row;justify-content:space-between}.wrapper-regis-dashboard button{margin-left:.5vw}.wrapper-regis-dashboard1{display:flex;flex-direction:row}.wrapper-regis-dashboard1>.text{font-size:large}.wrapper-regis-dashboard2{display:flex;flex-direction:row}.table-background{background-color:#f0f0f0;height:53.3vh}.user-wrapper{display:flex;flex-direction:row;justify-content:space-evenly}.info-nilai-wrapper{font-size:15px;margin-bottom:1vh}.iconSPP{margin-right:1vw}@media screen and (max-width:992px){.iconSPP{margin-right:4.5vw}.button-wrapper{width:100%}.button-wrapper Button{float:right;margin-left:5px;margin-right:5px;width:25vw}.user-wrapper{display:flex;flex-direction:column}.user-profile{align-self:center;margin-bottom:1vh}.user-data-profile{display:flex;flex-direction:column;justify-content:space-between;width:100%}.logoUWDP{display:none}.shortcut-menu{display:flex;flex-direction:column;margin-bottom:2vh;width:100%}.shortcut-group1{margin-bottom:.5vh}.shortcut-group1,.shortcut-group2{display:flex;flex-direction:row;width:100%}.shortcutx1{display:flex;flex-direction:row;font-size:11px;width:40vw}.shortcutx2{display:flex;flex-direction:column}.shortcut-regis{margin-left:0;padding:1rem;width:50%}.shortcut-nilai{margin-left:1vw;padding:1rem;width:50%}.shortcut-kue{margin-left:0;padding:1rem;width:50%}.shortcut-jadwal{margin-left:1vw;margin-right:0;padding:1rem;width:50%}.wrapper1,.wrapper2,.wrapper3,.wrapper4{display:flex;flex-direction:column;width:100%}.wrapper4{margin-top:0}.box1{margin-bottom:2vh}.box1,.box2,.box3{width:100%}.box3{box-shadow:none;margin-bottom:2.5vh;margin-left:0;margin-top:2vh}.select-wrapper{width:100%}.pie{align-content:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:1vh;width:80%}.pie>.pie-wrapper{height:55vh;width:100%}.pengumuman{height:50vh;margin:3.5vh auto 2vh;width:100%}.table-wrapper1{height:20vh;width:20vw}.pengumuman>.pengumuman-wrapper{margin-left:auto;margin-right:auto;width:auto}.table-background{background-color:#f0f0f0;height:50vh}.scroll{height:50vh;margin-top:-1px;overflow:scroll;overflow-x:hidden;scroll-behavior:smooth;width:100%}.scroll thead{background-color:#f0e9d6;letter-spacing:1px;position:-webkit-sticky;position:sticky;top:0}.dashboard-bottom-wrapper{display:flex;flex-direction:column;margin-bottom:5vh}.line{margin-bottom:5vh;margin-top:5vh;width:100%}.line>.line-wrapper{margin-left:auto;margin-right:auto}.line-data{height:350px}.wrapper-regis1{width:100%}.wrapper-regis1,.wrapper-regis2{display:flex;flex-direction:column}.wrapper-regis2{width:80vw}.wrapper-regis1>.label1{width:40vw}.wrapper-regis1>.labelx1{align-self:flex-start;display:flex;width:50vw}.wrapper-regis1>.input1{border-color:#666;width:90vw}.wrapper-regis2>.label1{align-self:flex-start;width:50vw}.wrapper-regis2>.label2{align-self:flex-start;display:flex;width:10vw}.wrapper-regis2>.label2-1{margin-left:0;margin-right:auto;width:50vw}.wrapper-regis2>.inputx1{border-color:#666;margin-bottom:1vh;width:90vw}.wrapper-regis2>.inputx2{border-color:#666;margin-top:0;width:90vw}.wrapper-regis2>.input2,.wrapper-regis2>.inputx3{border-color:#666;width:20vw}.wrapper-regis2>.inputx3{margin-bottom:1vh}.wrapper-regis2>.input3{border-color:#666;margin-bottom:1vh;width:20vw}.wrapper-regis2>.label3{align-self:flex-start;display:flex;margin-left:0}.wrapper-regis-dashboard{display:flex;flex-direction:column}.wrapper-regis-dashboard button{margin-bottom:1vh;margin-left:2vw}.wrapper-regis-dashboard1>.text{font-size:14.5px;margin-left:auto;margin-right:auto}.wrapper-regis-dashboard2{color:#3b89ff;display:flex;flex-direction:row}.wrapper-regis-dashboard2 button{font-size:11px;font-weight:700}.info-nilai-wrapper{font-size:12px;margin-bottom:1vh}}.logo-gmail{width:100%}@media screen and (max-width:767px){.button-gmail{margin-left:10px;width:100%}}