.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;font-family:"Kanit",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw}h3{font-size:24px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.background-login{background:#eee;min-height:100vh}.error-404{margin:0 auto;text-align:center}.error-404 .error-code{bottom:60%;color:#4686cc;font-size:96px;line-height:100px;font-weight:700}.avtive-page{color:red}.error-404 .error-desc{font-size:12px;color:#647788}.error-404 .m-b-10{margin-bottom:10px!important}.error-404 .m-b-20{margin-bottom:20px!important}.error-404 .m-t-20{margin-top:20px!important}#react-paginate ul{padding-left:15px;padding-right:15px}#react-paginate li,#react-paginate ul{display:inline-block}.btn-pagination{cursor:pointer;border:0;outline:0;padding-top:12px;padding-bottom:12px}.a-button-page{border:0;outline:0;padding:12px 16px}.form-control-container{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-left:15px}.file-name{display:block;width:150px;word-wrap:break-word}.sticky-top{z-index:999}.row.same [class*=col-]{text-align:center;background-clip:content-box;min-height:130px;margin-bottom:15px}.item-payment-method{height:100%;cursor:pointer}.item-payment-method:hover,.payment-method-active{background-color:rgba(40,191,205,.09)}.icon-pay-success{font-size:100px;color:#00bd16}.dropdown-menu-center{left:auto;right:0}.btn-pay-direct{background-color:#219b78}.btn-pay-direct,.btn-pay-scb{width:105px;line-height:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;display:inline-block;padding:10px 15px;min-height:15px;border:0;font-weight:700;text-align:center;text-decoration:none;outline:none;border-radius:2px;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#fff;cursor:pointer;width:110px;transition:all .5s}.btn-pay-scb{background-color:#4b2885}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.text-item-menu{color:#000;text-decoration:none!important}.color-red,.label-error{color:#dc3545}.label-error{font-size:12px}.btn-primary{background-color:#28becd;border-color:#28becd}.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#00b8c9;border-color:#00b8c9}.btn-green{background-color:#00b849;border-color:#00b849;color:#fff}.btn-green.focus,.btn-green:active,.btn-green:focus,.btn-green:hover{background-color:#008a37;border-color:#008a37}.btn-orange{background-color:#ff9100;border-color:#ff9100;color:#fff;border-radius:5px}.btn-orange.focus,.btn-orange:active,.btn-orange:focus,.btn-orange:hover{background-color:#cc7400;border-color:#cc7400}.bg-navbar{background-color:#28becd;box-shadow:0 2px 5px rgba(0,0,0,.4)}.bg-primary-theme{background-color:#28becd;color:#fff}.item-left-menu{color:#000}.item-left-menu:active{cursor:pointer;background-color:#f0f0f0}.item-left-menu:hover{cursor:pointer;background-color:#e9ecef}.item-left-menu .current{background-color:red}.active{background-color:#f0f0f0;color:#28becd;font-weight:700}.container-left-menu{border-right-color:#f1f1f1;width:250px;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;-webkit-transform:translateX(-250px);-ms-transform:translateX(-250px);transform:translateX(-250px)}.container-content{margin-left:0}.btn-menu{display:block}.sidenav-toggled .container-left-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.sidenav-toggled .container-content:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;transition:opacity .3s ease-in-out}@media (min-width:992px){.container-left-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.container-content{margin-left:250px}.btn-menu{display:none}.sidenav-toggled .container-left-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.sidenav-toggled .container-content{margin-left:250px}}.side-nav{height:100%;position:fixed;z-index:1;top:0;left:0;padding-top:65px}ul.left-menu{list-style-type:none;margin-left:0;padding-left:0}.content{padding:24px}.title-navbar{font-size:16px}@media screen and (max-width:768px){.title-navbar{font-size:14px}}