@import url(https://fonts.googleapis.com/css?family=Kanit:400,300&subset=thai,latin);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Kanit,sans-serif!important}.app-header{background-color:#fff;margin-top:-65px;z-index:101;height:65px}.app-header-sub{width:100vw;display:inline-flex}.div-logo{margin:auto 0;padding-left:6px;padding-right:6px}.img-logo{height:45px;width:auto;justify-content:center}.on-logo{display:flex;flex-direction:row;width:100vh}table.align-middle>*,table.align-middle>*>*,table.align-middle>*>*>*{vertical-align:middle}.hover-bg-success{background-color:#28a745;transition:all .5s ease-in-out}.hover-bg-success:hover{background-color:rgba(40,167,69,.5)}.text-logo{color:#000;display:flex;justify-content:center;flex-direction:column;font-size:1.3rem}.sidebar-manu-top{width:250px;display:inline-flex;background-color:#fff;color:#111;padding:1rem}.sidebar-manu-lsit{margin-left:0}.sidebar-manu{font-size:1.3rem!important;font-weight:100!important}.sidebar-manu-lsit .fa{margin-right:20px}.d-flex .toggled .sidebar-manu-lsit{margin-left:0}.d-flex .toggled .scrollbar-container{width:250px!important}.app{z-index:-100}.imgesupload{width:86%;margin:30px;box-shadow:5px 5px 15px 5}#sidebar-wrapper{min-height:100vh;margin-left:-15rem;z-index:100;transition:margin .25s ease-out}#sidebar-wrapper .sidebar-heading{padding:.875rem 1.25rem;font-size:.9rem;font-weight:700;text-align:left}#sidebar-wrapper .list-group{width:15rem}#page-content-wrapper{min-width:100vw;padding-top:20px}#wrapper.toggled #sidebar-wrapper{margin-left:0}.list-group-item{border:unset;border-bottom:1px solid rgba(0,0,0,.125)}.list-group-flush .list-group-item:active{background-color:#3d68c4!important}.list-group-item.active{background-color:#f36523!important;border-radius:3px!important;border:0;border-bottom:1px solid rgba(0,0,0,.125);color:#fff!important}.sub-menu{background-color:#dcdcdc;color:#000}.card-footer{text-align:right}.scrollbar-container{overflow-anchor:none;touch-action:pan-up;position:absolute;overflow-y:scroll;height:100vh;width:250px!important;padding-bottom:180px}#wrapper{margin-top:65px!important;flex-direction:row;flex-grow:1;overflow-x:visible;height:100vh}.navbar{position:fixed}#sidebar-wrapper{margin-left:0;position:fixed}@media (min-width:768px){#page-content-wrapper{min-width:0;margin-top:19px;width:100%}#wrapper.toggled #sidebar-wrapper{margin-left:-200px}#wrapper.toggled .sidebar-manu-lsit-text{display:none}#wrapper.toggled .list-group-flush .list-group-item{text-align:right;padding-right:0}#wrapper.toggled #page-content-wrapper{margin-left:50px}#wrapper.toggled .img-logo{height:15px!important}.navbar-nav .dropdown-menu{position:absolute;will-change:transform;top:0;left:0;transform:translate3d(-40px,40px,0)}}@media (min-width:992px){.sidebar-fixed .app-header+.app-body .sidebar{height:calc(100vh - 55px)}#page-content-wrapper{margin-left:250px}}nav{border-bottom:1px solid grey}nav>ul{padding-left:0}nav>ul>li{display:inline-block;margin-right:10px}nav>ul>li>a.active{color:red}footer{border-top:1px solid grey;text-align:center}.img-upload{max-height:80%;margin:15px auto;display:block}.img-upload,.img-upload-box{max-width:100%;box-shadow:5px 5px 15px 5}.img-upload-box{max-height:400px}.label-upload{width:100%}body{color:#000}.fa{font-size:1.2rem}#wrapper{background-color:#eee}.sidebar-list{background-color:inherit;color:#5b5b5b!important;font-size:.8rem}.sidebar-manu{background-color:#0e1627!important;color:#4d8af0!important}.navbar-nav .dropdown-menu{background-color:#0e1627}.dropdown-item{color:#fff}#sidebar-wrapper .sidebar-heading{background-color:#0e1627;color:#fff}.scrollbar-container{background-color:#fff!important}.first-view{display:flex;flex-direction:column}.div-topic{flex-grow:1;border-bottom:1px solid rgba(0,0,0,.05)}.card-topic{display:flex;flex-direction:row;background-color:#fff;padding:1rem;margin-top:8px;margin-bottom:8px}.card-detail{margin-top:10px}.row-contenct{padding:6px}.center{align-items:center;justify-content:center;text-align:center}.right{align-items:flex-end;justify-content:right;text-align:right}.left{align-items:flex-start;justify-content:left;text-align:left}.padding{padding-left:10px}.container-fluid{background-color:#eee}.background-login-card{display:flex;justify-content:center}.background-login-div{box-shadow:0 2px 14px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.75);background:hsla(0,0%,100%,.8);padding:3rem;border-radius:5px;width:423px}.background-login-div h4{font-size:1.3125rem}input{border:1px;border-radius:4px}.login{display:flex;flex-direction:column;height:100%}.ml-custom-zero{margin-left:0!important}#wrapper::-webkit-scrollbar,.scrollbar-container::-webkit-scrollbar{display:none}.scrollbar-container::-webkit-scrollbar-thumb{background:#eee}.scrollbar-container{scrollbar-color:#aaa transparent;scrollbar-width:unset}.scrollbar-container::-webkit-scrollbar-thumb:hover{background:#eee}.scrollbar-container::-webkit-scrollbar{width:5px}.scrollbar-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);background:transparent}.scrollbar-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);background:#aaa;background-clip:content-box;border:1px solid #aaa;border-radius:100px}.container-notification-list{top:25px!important;left:-300px!important;transform:inherit!important;position:absolute;bottom:0;right:0;font-size:1.5em;width:350px;box-shadow:0 3px 8px rgba(0,0,0,.08);opacity:0;pointer-events:none;z-index:1;background:padding-box #fff;transition:all .222s linear 0s;max-height:450px;overflow:auto;overflow-y:scroll;overflow-x:hidden}.container-notification-list.active{opacity:1;pointer-events:all;transform:translateY(calc(100% + 12px)) translateX(10%)}.container-footer,.container-header{display:flex;justify-content:space-between;border-bottom:1px solid #dddfe2;padding:10px}.container-body.emptyNotification{display:flex;justify-content:center;color:rgba(20,27,38,.2)}.header-list{margin:0;font-size:1em;font-weight:700}.arrow{top:0;right:59px;transform:translate(-50%,-100%);clip:rect(0,18px,14px,-4px);position:absolute}.arrow :after{content:"";display:block;width:14px;height:14px;transform:rotate(45deg) translate(6px,6px);box-shadow:-1px -1px 1px -1px rgba(0,0,0,.44);background:#fff}.link-button,.link-button:hover{font-size:.6em;vertical-align:center;color:#1d2637;cursor:pointer}.link-button:hover{text-decoration:underline}.link-button:active{font-size:.6em;vertical-align:center;color:#000;cursor:pointer}.item-notification{cursor:pointer;display:flex;list-style:none;padding-left:10px;color:#489bd5;padding-right:10px;height:60px;width:350px;align-items:center;text-overflow:ellipsis;overflow:hidden}.item-notification.unread{background:#edf2fa}.item-notification:hover{cursor:pointer;display:flex;list-style:none;padding-left:10px;padding-right:10px;background-color:rgba(29,33,41,.04);height:60px;width:350px;align-items:center;text-overflow:ellipsis;overflow:hidden}.item-notification:hover.unread{background:#e6eefc}.container-name,.container-name-read{font-size:.7em;margin:0}.container-name-read{color:rgba(29,33,41,.6)}.item-label-date,.item-label-remark{font-size:.5em;color:rgba(29,33,41,.6);padding-top:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-label-date{text-align:right;margin-right:10px}.container-message{display:flex;flex-direction:column;flex-grow:2;overflow:hidden}.container-time-ago{font-size:.5em;color:rgba(29,33,41,.6);width:80px;text-align:right}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:initial;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.badge-pill{padding-right:.6em;padding-left:.6em}.badge-danger{color:#fff;background-color:#f86c6b}.badge-pill{border-radius:10rem}.btn{margin:0 .3em}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}.text-button{color:#fe1602;cursor:pointer;padding:.375rem;margin:.3em}.toggle-switch{line-height:18px;align-items:center;margin-bottom:8px;display:inline-block;position:relative;white-space:nowrap;background:rgba(0,0,0,.15) none repeat scroll 0 0;border-radius:3em;padding:1px}.toggle-switch input{-webkit-appearance:none;appearance:none;width:100%;height:100%;position:absolute;left:0;top:0;margin:0;padding:0;border:none;border-radius:3em}.toggle-switch input,.toggle-switch span{background:transparent none repeat scroll 0 0;cursor:pointer}.toggle-switch span{text-align:center;font-size:12px;font-weight:700;line-height:1;display:inline-block;padding:7px 15px;transition:all .1s ease-out 0s;-webkit-user-select:none;user-select:none;border-radius:3em;color:rgba(51,51,51,.6)}.toggle-switch input:checked~span:last-of-type,.toggle-switch input:not(:checked)~span:first-of-type{background:#fff none repeat scroll 0 0;box-shadow:0 0 2px rgba(0,0,0,.2);color:#333;padding:7px 15px}.toggle-switch span:first-of-type{padding-right:8px}.toggle-switch span:last-of-type{padding-left:8px}.toggle-switch.toggle-switch-primary input:checked~span:last-of-type{background-color:#2196f3;color:#fff}.toggle-switch.toggle-switch-success input:checked~span:last-of-type{background-color:#66bf0a;color:#fff}.toggle-switch.toggle-switch-danger input:checked~span:last-of-type{background-color:#fe1602;color:#fff}@media (min-width:1281px){.test{background-color:red}}@media (min-width:1025px) and (max-width:1280px){.test{background-color:red}}@media (min-width:768px) and (max-width:1024px){.test{background-color:red}#wrapper.toggled #sidebar-wrapper{margin-left:-200px}#wrapper.toggled #page-content-wrapper{margin-left:50px}}@media (min-width:481px) and (max-width:767px){#wrapper.toggled #sidebar-wrapper{margin-left:-200px}}@media (min-width:320px) and (max-width:480px){#wrapper.toggled #sidebar-wrapper{margin-left:-300px}.app-header-sub{width:100%}h2{font-size:1.5rem}.div_topic,h2{margin-left:10px}.d-flex .toggled .sidebar-manu-lsit{margin-left:0}.sidebar-manu-top{width:-250px}.navbar-toggler{padding:1rem 1rem 1rem 2rem}}.ant-picker{height:calc(2.25rem + 2px)}.ant-table-filter-trigger-icon{position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.ant-select-selector{border-radius:4px!important;height:calc(2.25rem + 2px)!important}.ant-select-selection-item,.ant-select-selection-placeholder{margin:auto}.ant-select-item.ant-select-item-option:hover{background-color:rgba(85,173,255,.2)}.ant-select-item.ant-select-item-option.ant-select-item-option-selected{background-color:rgba(85,173,255,.5)!important}.ant-select-full-width{width:100%}.ant-select-multiple .ant-select-selection-item{margin:0}.rbt-aux{align-items:center;display:flex;bottom:0;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:34px}.rbt-menu.dropdown-menu{border:unset;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.rbt-menu .dropdown-item{border-bottom:unset;color:rgba(0,0,0,.65);padding:5px 12px}
/*# sourceMappingURL=main.18d5f242.chunk.css.map */