.contain{background-color:#f9f9f9;height:100vh;width:100%;background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.contain,.form_contain{display:flex;align-items:center;flex-direction:column}.form_contain{justify-content:center;background-color:rgba(0,0,0,.6);opacity:1;min-width:800px;margin-bottom:20px}.title_name{color:#c00;font-size:64px;margin-bottom:50px}.form_title{color:#fff;margin-top:50px;padding-bottom:50px}.form{width:45%}.form_control{font-size:24px}#sidenav-block{position:fixed;display:block;margin-left:200px}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#606060!important}.sc-ifAKCX .iAgGBH .sidenav-navitem---3r9ER .selected---91VwC .highlighted---1vG8Y,.sidenav---expanded .sidenav---sidenav-navitem-- :hover{background-color:#cc2000}.BUTTON{width:170px;border-radius:8px}.BUTTON_CANCEL{font-size:18px}.BUTTON_DELETE{height:30px;width:70px;color:red;border:2px solid red;font-size:18px}.BUTTON_DELETE:hover{background-color:red}.BUTTON_EDIT{height:40px;width:100px;color:#909090;border:2px solid #909090;font-size:18px}.BUTTON_EDIT:hover{background-color:#909090}.TextPadding{color:#fe0;border:2px solid #fe0}.TextReject{color:red;border:2px solid red;border-radius:4px}.TextboxNoPay,.TextReject{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;margin:0}.TextboxNoPay{color:#db8c28;border:2px solid #db8c28;border-radius:4px}.pageNumbers li{padding:10px;border:1px solid #fff}.pageNumbers li.active{background-color:#fff;color:#000}.pageNumbers li button{color:#fff}.pageNumbers li button:hover{background-color:#fff;color:#000}.loadmore{color:#fff;border:1px solid #fff}.TextStyle_Pay{color:#1c64f2;border:2px solid #1c64f2;border-radius:4px}.TextStyle_NoPay,.TextStyle_Pay{width:80px;box-sizing:border-box;margin:0}.TextStyle_NoPay{color:#db8c28;border:2px solid #db8c28;border-radius:4px}.BUTTON_PAY{height:60px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_PAY:hover{background-color:#476fbc;color:#fff}.BUTTON_EDIT :hover{background-color:#606060;color:#fff}.BUTTON_INCOME_DETAIL_EDIT{color:#606060;border:2px solid #606060;border-radius:8px}.BUTTON_INCOME_DETAIL_DELETE,.BUTTON_INCOME_DETAIL_EDIT{height:55px;width:120px;background-color:#fff;font-weight:700}.BUTTON_INCOME_DETAIL_DELETE{color:#f84747;border:2px solid #f84747;border-radius:8px}.BUTTON_INCOME_DETAIL_EDIT:hover{background-color:#606060;color:#fff}.BUTTON_INCOME_DETAIL_DELETE:hover{background-color:#f84747;color:#fff}.BUTTON_CONFIRM{height:55px;width:120px}.BUTTON_ADD_SAVE{height:60px;width:320px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_ADD_SAVE:hover{background-color:#476fbc;color:#fff}.BUTTON_Add{width:180px;height:40px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_Add:hover{background-color:#476fbc;color:#fff}.Button_Cancel,.Button_Confirm{font-size:20px}@page{size:A4;margin:0}.custom-img{left:0;bottom:0;position:absolute;display:flex;justify-content:center;z-index:1000}.BUTTON_PAY_CONFIRM{height:55px;width:150px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_PAY_CONFIRM:hover{background-color:#476fbc;color:#fff}.BUTTON_PAY_CANCEL{height:55px;width:120px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_PAY_CANCEL:hover{background-color:#606060;color:#fff}.BUTTON{height:55px;width:220px;color:#476fbc;border:2px solid #476fbc;border-radius:4px;background-color:#fff;font-weight:700;font-size:18px}.BUTTON:hover{background-color:#476fbc;color:#fff}.BUTTON_OPTION{height:45px}.resultContainer .BUTTON_OPTION{display:none}.resultContainer:hover .BUTTON_OPTION{display:inline}.INPUT_ATTENDANCE_NOTE{text-align:center;border:0;border-bottom:2px solid #ddd}.INPUT_SCORE{width:70px;text-align:center;border:0pxred solid}.BUTTON_CONFIRM_MODAL{width:235px;height:60px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_CONFIRM_MODAL:hover{background-color:#476fbc;color:#fff}.BUTTON_EXPORT_EXCEL{width:205px;height:55px;color:#1d6f42;border:2px solid #1d6f42;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_EXPORT_EXCEL:hover{background-color:#1d6f42;color:#fff}.BUTTON_CANCEL_MODAL{width:235px;height:60px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_CANCEL_MODAL:hover{background-color:#606060;color:#fff}.BUTTON_CLASSROOM_PROFILE{border:2px solid #476fbc;border-radius:8px;background-color:#476fbc}.BUTTON_CLASSROOM_PROFILE,.BUTTON_CLASSROOM_SUCCESS_NEXT_YEAR{transition:.15s;width:220px;height:45px;color:#fff;font-weight:700}.BUTTON_CLASSROOM_SUCCESS_NEXT_YEAR{border:2px solid #c4c4c4;border-radius:8px;background-color:#c4c4c4}.BUTTON_CLASSROOM_PROFILE:hover{background-color:#476fbc;color:#fff;width:250px;height:55px;font-size:20px}.BUTTON_OUTLINE{width:220px;height:55px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_OUTLINE:hover{background-color:#476fbc;color:#fff}.BUTTON_DELETE,.BUTTON_EDIT{height:50px}.TextboxPay{color:#1c64f2;border:2px solid #1c64f2;border-radius:4px}.TextboxPay,.TextPadding{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;margin:0}.TextPadding{color:#db8c28;border:2px solid #db8c28;border-radius:4px}.LINK{font-weight:700;color:#476fbc}.LINK:hover{text-decoration:underline;cursor:pointer}.LINK_PDF{font-size:18px;color:#476fbc}.LINK_PDF:hover{text-decoration:underline;cursor:pointer}.TEXT_STAND{writing-mode:vertical-lr;transform:rotate(-180deg);padding:10}.container1{color:#5c5c5c;width:100%;padding-top:30px;padding-left:80px;padding-right:20px;font-size:16px}.show-score-header{width:100%;margin-bottom:4;position:relative;display:block}.score-table-highlight{background-color:#ffbfc7!important;color:red!important}.text-glow{filter:drop-shadow(0 0 5px rgb(17,0,255));color:#fbfbfb}.score-table-month{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:38px;font-family:"LaoSiPhanDon";letter-spacing:.16rem;text-align:center;width:100%}.text-strokes{color:#000;-webkit-text-fill-color:#3737f4;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000073}.score-table-educate-level{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);font-size:34px;font-family:"LaoSiPhanDon"}.score-table-year-level{position:absolute;left:0;bottom:12px;font-size:24px;font-family:"LaoSiPhanDon";transform:scaleX(.8);font-weight:600;letter-spacing:.06rem}.score-table-classroom{position:absolute;right:30px;bottom:70px;color:red;font-size:48px}thead th{max-height:150px!important;overflow-wrap:break-word;text-align:center!important;vertical-align:middle}@media{.page-break{display:none}}@media print{thead{display:table-row-group}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media print{.show-score-header{width:100%;margin-bottom:4;position:relative}.score-table-highlight{background-color:#ffbfc7!important;color:red!important}.text-glow{filter:drop-shadow(0 0 5px rgb(17,0,255));color:#fbfbfb}.text-strokes{color:#000;-webkit-text-fill-color:#3737f4;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000073}.score-table-year-level{position:absolute;left:0;bottom:10px;font-size:24px;font-family:"LaoSiPhanDon";transform:scaleX(.8);font-weight:600;letter-spacing:.06rem}.score-table-classroom{position:absolute;right:26px;bottom:68px;color:red;font-size:48px}}@page{size:216mm 356mm!important;margin:20mm 0!important}@media only screen and (max-width:1280px){.score-table-classroom{right:28px;bottom:64px;font-size:42px}.score-table-educate-level{font-size:30px}.score-table-month{bottom:12px;font-size:34px}.score-table-year-level{bottom:10px;font-size:20px}}@media only screen and (max-width:1140px){.score-table-classroom{right:28px;bottom:60px;font-size:36px}.score-table-month{bottom:8px;font-size:32px}.score-table-year-level{bottom:8px}}.Button_Tuition_Edit{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:110px;height:40px;color:#476fbc;background-color:#fff}.Button_Tuition_Edit:hover{background-color:#476fbc;color:#fff}.Button_Tuition_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;font-size:20px;width:320px;height:60px;color:#476fbc;background-color:#fff}.Button_Tuition_Confirm:hover{background-color:#476fbc;color:#fff}.Button_Tuition_Cancel{border-radius:8px;border-width:2px;border-color:#606060;font-weight:700;font-size:20px;width:320px;height:60px;color:#606060;background-color:#fff}.Button_Tuition_Cancel:hover{background-color:#606060;color:#fff}.Button_Add_Category{width:190px;height:55px}.Button_Add_Category,.Button_Category_Delete{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;color:#476fbc;background-color:#fff}.Button_Category_Delete{width:90px;height:40px}.Button_Category_Delete:hover{color:#fff;background-color:#476fbc}.Button_Category_Edit{border-radius:8px;border-width:2px;border-color:#606060;font-weight:700;width:90px;height:40px;color:#606060;background-color:#fff}.Button_Category_Edit:hover{color:#fff;background-color:#606060}.Button_Add_Category:hover{background-color:#476fbc;color:#fff}.TextStyle_Open{border:2px solid #88b765;border-radius:4px;background-color:#88b765}.TextStyle_Close,.TextStyle_Open{color:#fff;box-sizing:border-box;margin:0}.TextStyle_Close{border:2px solid #e85d1c;border-radius:4px;background-color:#e85d1c}.Button_Category_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;font-size:20px;width:320px;height:60px;color:#476fbc;background-color:#fff}.Button_Category_Confirm:hover{background-color:#476fbc;color:#fff}.Button_Category_Cancel{border-radius:8px;border-width:2px;border-color:#606060;font-weight:700;font-size:20px;width:320px;height:60px;color:#606060;background-color:#fff}.Button_Category_Cancel:hover{background-color:#606060;color:#fff}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.pageNumbers{list-style:none;display:flex}.pageNumbers li{padding:5px;border:1px solid #476fbc;border-radius:5px;cursor:pointer;align-items:center;display:flex}.pageNumbers li.active{background-color:#476fbc;color:#fff}.pageNumbers li button{background-color:initial;border:none;color:#000;font-size:1.5rem;cursor:pointer;font-size:18px}.pageNumbers li button:hover{background-color:#476fbc;color:#fff;border-radius:8px}.pageNumbers li button:focus{outline:none}.loadmore{padding:1rem;background-color:initial;color:#000;font-size:1.2rem;border:1px solid #000;cursor:pointer}.Button_Course_Edit{color:#476fbc;background-color:#fff}.Button_Course_Edit,.Button_Course_Edit_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:110px;height:40px}.Button_Course_Edit_Confirm{color:#fff;background-color:#476fbc}.Button_Course_Edit_Cancel{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:110px;height:40px;color:#476fbc;background-color:#fff}.Button_Course_Add_Confirm,.Button_Course_Edit:hover,.Button_Course_Edit_Cancel:hover{background-color:#476fbc;color:#fff}.Button_Course_Add_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:320px;height:60px}.Button_Course_Add_Confirm:hover{background-color:#476fbc;color:#fff}.Button_Course_Add_Cancel{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:320px;height:60px;color:#476fbc;background-color:#fff}.Button_Course_Add_Cancel:hover{background-color:#476fbc;color:#fff}.Button_Course_Add_Middle{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:120px;height:55px;color:#476fbc;background-color:#fff}.Button_Course_Add_Middle:hover{background-color:#476fbc;color:#fff}.Button_Course_Add_Delete{border-radius:8px;border-width:2px;border-color:#f84747;font-weight:700;width:90px;height:40px;color:#f84747;background-color:#fff}.Button_Course_Add_Delete:hover{background-color:#f84747;color:#fff}.Button_Course_Add_Addroom{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:120px;height:55px;color:#476fbc;background-color:#fff}.Button_Course_Add_Addroom:hover{background-color:#476fbc;color:#fff}.Button_Course_Add_Object{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:120px;height:55px;color:#476fbc;background-color:#fff}.Button_Course_Add_Object:hover{background-color:#476fbc;color:#fff}.card-body1{color:#5c5c5c;width:100%;padding-top:30px;padding-left:80px;padding-right:20px;font-size:16px}.BUTTON_OPTION{background-color:#476fbc;border:2px solid #476fbc;border-radius:8px}.BUTTON_OPTION,.BUTTON_OPTION_NOT{width:300px;height:50px;color:#fff;font-weight:700}.BUTTON_OPTION_NOT{display:hide;background-color:red;border:2px solid red;border-radius:8px}.Button_Setting_Classroom_Edit{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:110px;height:40px;color:#476fbc;background-color:#fff}.Button_Setting_Classroom_Edit:hover{background-color:#476fbc;color:#fff}.Button_Setting_Classroom_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;font-size:20px;width:320px;height:60px;color:#476fbc;background-color:#fff}.Button_Setting_Classroom_Confirm:hover{background-color:#476fbc;color:#fff}.Button_Setting_Classroom_Cancel{border-radius:8px;border-width:2px;border-color:#606060;font-weight:700;font-size:20px;width:320px;height:60px;color:#606060;background-color:#fff}.Button_Setting_Classroom_Cancel:hover{background-color:#606060;color:#fff}.TD_Box{width:130px;height:130px;padding:5px;border:3px solid #ddd}.Button_Staff_AddStaff{height:55px;width:220px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_Staff_AddStaff:hover{background-color:#476fbc;color:#fff}.Button_Staff_Edit{height:55px;width:120px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_Staff_Edit:hover{background-color:#606060;color:#fff}.Button_Staff_Delete{height:55px;width:120px;color:#f84747;border:2px solid #f84747;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_Staff_Delete:hover{background-color:#f84747;color:#fff}.Button_cancel{height:60px;width:320px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_cancel:hover{background-color:#606060;color:#fff}.Button_Confirm,.Button_Edit{border:2px solid #476fbc;font-size:18px}.Button_Edit{height:40px;width:90px;color:#476fbc;border-radius:8px;background-color:#fff;font-weight:700}.Button_Edit:hover{background-color:#476fbc;color:#fff}.Button_Delete{height:55px;width:120px;border:2px solid #f84747;font-size:18px}.Button_Discipline_Edit{height:40px;width:100px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_Discipline_Edit:hover{background-color:#606060;color:#fff}.Button_Discipline_delete{height:55px;width:120px;color:#f84747;border:2px solid #f84747;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.Button_Discipline_delete:hover{background-color:#f84747;color:#fff}.Button_Add_Object{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:120px;height:55px;color:#476fbc;background-color:#fff}.Button_Add_Object:hover{background-color:#476fbc;color:#fff}.Button_Confirm{border-radius:8px;border-width:2px;border-color:#476fbc;font-weight:700;width:320px;height:60px;color:#476fbc;background-color:#fff}.Button_Confirm:hover{background-color:#476fbc;color:#fff}.Button_Cancel{border-radius:8px;border-width:2px;border-color:#606060;font-weight:700;width:320px;height:60px;color:#606060;background-color:#fff}.Button_Cancel:hover{background-color:#606060;color:#fff}.Button_Delete{border-radius:8px;border-width:2px;border-color:#f84747;font-weight:700;width:90px;height:40px;color:#f84747;background-color:#fff}.Button_Delete:hover{background-color:#f84747;color:#fff}.BUTTON_ADD{width:170px;height:45px}.BUTTON_DELETE{color:#476fbc;border:2px solid #476fbc}.BUTTON_DELETE:hover{background-color:#476fbc}.BUTTON_ADD{width:200px;height:50px}.BUTTON_CANCEL{width:320px;height:60px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_CANCEL:hover{background-color:#606060;color:#fff}.Style_Button_group_End{width:50px}.BUTTON_EXPORT{width:180px;height:50px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_EXPORT:hover{background-color:#476fbc;color:#fff}.Style_Button_group_Start{width:110px;height:40px;color:#636262;border:2px solid #ddd;border-radius:4px 0 0 4px;background-color:#f1f1f1}.Style_Button_group_Start:focus{color:#fff;background-color:#476fbc}.Style_Button_group_N{width:110px;height:40px;color:#636262;border:2px solid #ddd;background-color:#f1f1f1}.Style_Button_group_N:focus{color:#fff;background-color:#476fbc}.Style_Button_group_End{width:110px;height:40px;color:#636262;border:2px solid #ddd;border-radius:0 4px 4px 0;background-color:#f1f1f1}.Style_Button_group_End:focus{color:#fff;background-color:#476fbc}.BUTTON_ADD{width:180px;height:55px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_ADD:hover{background-color:#476fbc;color:#fff}.tbLoading:hover{background-color:#fff;cursor:auto}.BUTTON_EDIT{width:120px;height:55px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_EDIT:hover{background-color:#606060;color:#fff}.BUTTON_DELETE{width:120px;height:55px;color:#f84747;border:2px solid #f84747;border-radius:8px;background-color:#fff;font-weight:700}.BUTTON_DELETE:hover{background-color:#f84747;color:#fff}.Text_Link_Hover{font-weight:700;color:#476fbc;cursor:pointer}.Text_Link_Hover:hover{text-decoration:underline}.Show_Text_Box{border:2px solid #d1d2d1;padding:20px}.BUTTON_ADD_CANCEL{height:60px;width:320px;color:#606060;border:2px solid #606060;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.BUTTON_ADD_CANCEL:hover{background-color:#606060;color:#fff}.BUTTON_CONFIRM{height:60px;width:320px;color:#476fbc;border:2px solid #476fbc;border-radius:8px;background-color:#fff;font-weight:700;font-size:18px}.BUTTON_CONFIRM:hover{background-color:#476fbc;color:#fff}.transform{width:110px;height:130px;margin-left:30px;margin-right:-70px;transform:rotate(-90deg)}.empty{font-family:"FontAwesome","Phetsarath OT";font-style:normal;font-weight:400;text-decoration:inherit}.fa-list-ul{color:grey}@font-face{font-family:"NotoSansLao";src:local("NotoSansLao"),url(/static/media/NotoSansLaoUI-Regular.9b2da829.ttf) format("truetype")}@font-face{font-family:"LaoSiPhanDon";src:local("LaoSiPhanDon"),url(/static/media/Lao_SiPhanDon.7ff682e8.woff2) format("woff2"),url(/static/media/Lao_SiPhanDon.3f9a1e38.woff) format("woff")}*,.Dialogbox,body,div,label{margin:0;font-family:"NotoSansLao";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.appColor{background-color:#766af0;color:#fff}.appColorUserDetail{color:#868686;border:1px solid #868686;text-align:center}.btn-app{background-color:#766af0!important;color:#fff}.btn-adm{background-color:#aaffbe!important;color:#0e0d0d;border:#fff}.dlt{margin-right:5px!important}.btn-edit{border:1px solid #766af0!important;padding:6px 12px;text-align:center;font-size:16px;margin-right:5px;transition:.3s;outline:none!important}.btn-edit,.text-a{color:#766af0;opacity:1}.text-a{text-align:left!important;font:normal normal medium 20px/33px Noto Sans Lao;letter-spacing:0}.FristResponder{background:#ffd9d1 0 0 no-repeat padding-box!important}.FristResponder,.text-Date{border:1px solid #e5e5e5;border-radius:8px;opacity:1}.text-Date{background:#fff 0 0 no-repeat padding-box}.admin{background:#aaffbe 0 0 no-repeat padding-box!important;border:1px solid #e5e5e5;border-radius:8px;opacity:1}.text-ab{text-align:left!important;font:normal normal medium 20px/33px Noto Sans Lao;letter-spacing:0;color:#e4e4e4;opacity:1}.bod-box-show{box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)!important;border-radius:4px!important;opacity:1!important}.bod-box-show,.box-show{background:#fff 0 0 no-repeat padding-box!important}.box-show{box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);border-radius:10px;opacity:1;margin-top:20px;margin-bottom:20px}.btn-edit:hover{background-color:#766af0!important;color:#fff}.btn-frp{background-color:#ffd9d1!important;color:#0e0d0d;border:#fff}.app-button{background-color:"#ffff";border:1px solid #816aae;color:#816aae}.button-white{border:1px solid #606060}.wrap-text{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;padding-left:5px!important}.table{border:none}.fa:focus,button:focus{outline:none!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.fa-2x{font-size:20px!important}.btn-hov:hover{background-color:#c8c8c9;border:1px solid #c8c8c9;color:#fff}.decoration-hide{text-decoration:none!important}.center{text-align:center;align-items:center;justify-content:center;justify-self:center}label{font-family:"NotoSansLao"!important}td{vertical-align:middle!important;cursor:pointer!important}td,th{padding:4px!important}.space-1{width:1px}.space-1,.space-2{display:inline-block}.space-2{width:2px}.space-4{width:4px}.space-4,.space-5{display:inline-block}.space-5{width:5px}.space-6{width:6px}.space-6,.space-7{display:inline-block}.space-7{width:7px}.space-8{width:8px}.space-8,.space-9{display:inline-block}.space-9{width:9px}.space-10{display:inline-block;width:10px}.space-20{display:inline-flex;width:20px}.space-100{display:inline-flex;width:100px}.vertic-1{display:block;height:1vh}.vertic-2{display:block;height:2vh}.vertic-3{display:block;height:3vh}.vertic-4{display:block;height:4vh}.vertic-5{display:block;height:5vh}.vertic-10{display:block;height:10vh}.vertic-20{display:block;height:20vh}.left{float:left!important}.left,.right{display:inline-flex}.right{float:right!important}.heading{display:block;background-color:#f1f1f1;padding-top:7px;padding-left:10px;padding-bottom:5px;margin-top:5px;margin-bottom:5px;font-weight:700}.btn-md{width:160px;justify-content:center}.point{display:block;border:1px solid #f1f1f1;padding:5px;width:100px;border-radius:20px;text-align:center}.point-win{background-color:#ccedd1}.point-lost{background-color:#f5cccc}.Onhover:hover{background-color:#f1f1f1}.flex-inline{display:block;padding:5px;margin-bottom:5px;margin-top:5px}.image-item{display:inline;width:130px;height:130px;margin:15px;border:2px double #f1f1f1;border-radius:4px}Label{margin-top:10px;margin-bottom:-2px}.hd{text-align:right}.ct-body{color:#5c5c5c;width:100%;padding-top:30;padding-left:80px;padding-right:20px;font-size:16px}.custom-control{position:relative;z-index:0;display:block;min-height:1.5rem;padding-left:1.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:">"}