body,html{height:100%;overflow:hidden;width:100%}body{background:url(https://source.unsplash.com/random?nature-autumn) no-repeat 50% fixed;background-size:cover;font-family:Kanit,sans-serif!important;margin:0;padding:0}#footer,.icon,.round,.round-left,.round-top,.round-top-left{border-top-left-radius:10px!important}#footer,.icon,.round,.round-right,.round-top,.round-top-right{border-top-right-radius:10px!important}.icon,.round,.round-bottom,.round-bottom-left,.round-left{border-bottom-left-radius:10px!important}.icon,.round,.round-bottom,.round-bottom-right,.round-right{border-bottom-right-radius:10px!important}.fade-in{animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut 1s;-webkit-animation:fadeOut 1s;-moz-animation:fadeOut 1s;-o-animation:fadeOut 1s;-ms-animation:fadeOut 1s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.shadow-dark{box-shadow:10px 10px 5px 0 #000000bf}.myborder{border:1px solid red}.circle{border-radius:50%!important}.box{border:1px solid #000}.box,.box-top{border-collapse:collapse}.box-top{border-top:1px solid #000}.box-bottom{border-bottom:1px solid #000}.box-bottom,.box-left{border-collapse:collapse}.box-left{border-left:1px solid #000}.box-right{border-collapse:collapse;border-right:1px solid #000}.swal2-container{z-index:999999!important}.pointer:hover{cursor:pointer}.App-backdrop{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999998!important}.App-popup{background-color:#fff;border-radius:10px;min-height:40px;min-width:200px;position:fixed}.selected{box-shadow:0 0 3px 1px #00c800;-webkit-box-shadow:0 0 3px 1px #00c800;-moz-box-shadow:0 0 3px 1px #00c800}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}[disabled]{background-color:gray!important;border-color:gray!important;opacity:.7;pointer-events:none}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hover:hover{box-shadow:0 0 3px 1px #0f0;-webkit-box-shadow:0 0 3px 1px #0f0;-moz-box-shadow:0 0 3px 1px #0f0;filter:brightness(.95)}.outline-0{outline:none}.nowrap{white-space:nowrap!important}.alert-white{background-color:#fff}.MuiTooltip-tooltip{background-color:brown!important;border-radius:6px;box-shadow:0 0 6px 0 #000;color:#fff;font-family:Kanit,sans-serif!important;font-size:medium!important;padding:5px;text-align:center}.MuiTooltip-arrow:before{color:brown}.text-justify{text-align:justify!important;text-justify:auto!important}#root{height:100%;width:100%}.indent{text-indent:50px}.text-shadow{text-shadow:1px 1px 5px #ffa07a}.text-stroke{-webkit-text-stroke:1px #000}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App{text-align:center}.App-header{align-items:flex-start;background-color:#fff;border-radius:38px 0 0 38px;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:76px;justify-content:space-between;margin:0}.App-content{height:calc(100% - 75px);max-height:calc(100% - 75px);max-width:100%;overflow:auto}.App-logo-spin{animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotateY(0deg)}50%{transform:rotateY(1turn)}to{transform:rotateY(0deg)}}.App-header-title{margin:5px}.navbar{background-color:#fff!important}.Img-loading{margin:10px;padding:10px;text-align:center}.Sdgs-blog{max-height:100%;min-width:300px;overflow:auto;text-align:justify!important;text-justify:auto!important;width:300px}.bg-major-1{background-color:#e7223d!important}.bg-major-2{background-color:#dea83c!important}.bg-major-3{background-color:#4ba146!important}.bg-major-4{background-color:#c82230!important}.bg-major-5{background-color:#ef3e2c!important}.bg-major-6{background-color:#25bfe5!important}.bg-major-7{background-color:#fcc311!important}.bg-major-8{background-color:#a21943!important}.bg-major-9{background-color:#f3682d!important}.bg-major-10{background-color:#de1968!important}.bg-major-11{background-color:#f99e29!important}.bg-major-12{background-color:#c28d2d!important}.bg-major-13{background-color:#3f7e45!important}.bg-major-14{background-color:#2197d5!important}.bg-major-15{background-color:#59ba47!important}.bg-major-16{background-color:#176a9c!important}.bg-major-17{background-color:#14496b!important}.FormAdminHome{display:flex;justify-content:center;max-height:80%;max-width:80%}.FormAdminHome-content{max-height:100%;max-width:100%;min-height:200px;min-width:400px}@page{size:A4 portrait;size:210mm 287mm;margin:10mm 10mm 10mm 10mm;overflow:scroll}.f-16{font-size:16px}@media print{body,html{height:auto!important;overflow:visible!important;overflow:initial!important;-webkit-print-color-adjust:exact}.pagebreak{page-break-before:always}}