@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;padding: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}::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bbb;background-image:-webkit-gradient (linear,40% 0,75% 84%,from(#bbb),to(#bbb),color-stop(#bbb))}*{font-family:"Nunito",sans-serif;background-color:initial}a:hover{text-decoration:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.Navbar{background-color:#333;overflow:hidden}.Navbar a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.Navbar a:hover{background-color:#ddd;color:#000}.Navbar a.active{background-color:#1bbb7b;color:#fff}.loading{display:inline-block;width:50px;height:50px;border-radius:50%;border:5px solid rgba(190,128,181,.5);border-top-color:#be80b5;animation:spin .5s ease-in-out infinite;-webkit-animation:spin .5s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.custom-nav{width:150px!important;padding-top:10px}.navbar{width:100%;position:fixed;z-index:1000;overflow:hidden}.navbar-background{background-color:#f7fafa}.nav-item{display:flex;flex-direction:column}.nav-item li{color:#f7fafa}.nav-item li:hover{background-color:#1bbb7b;color:#f7fafa}.nav-item li a{color:#1bbb7b;cursor:pointer;padding:16px 0 16px 25px}.nav-item li a:hover{color:#f7fafa}.nav-item:hover .navbar-vertical__extent{display:inline-block;padding-left:10px;font-size:15px}.is-active{background-color:#1bbb7b;color:#f7fafa!important}.logo{background-image:url(/static/media/logo.3d2d0967.png);width:180px;height:50px;background-size:cover}.box-content{min-height:100%}.webcam{width:100%}.camera-box{margin-top:20px;width:100%;overflow:hidden!important}.name-login{font-size:15px;font-weight:800}.box-notification{min-height:90vh;border-left:1px solid #e3e6e6;margin-left:10px}.box-notification-content-title h3{font-size:30px;font-weight:700;padding:10px 0;border-bottom:1px solid #e3e6e6}.box-setting-content-title h3{font-size:35px;font-weight:700;padding:10px 0}.box-setting{border-left:1px solid #e3e6e6}.avatar{width:100px;height:100px;object-fit:cover}.avatar,.avatar-login{vertical-align:middle;border-radius:50%}.avatar-login{width:40px;height:40px}.avatar-chat{vertical-align:middle;width:30px;height:30px;border-radius:50%}.notification-content__item{margin:5px 10px;border-radius:10px}.notification-content__item-title h5{font-size:16px;font-weight:800;font-style:italic}.box-shadow{box-shadow:2px 4px 10px rgba(153,196,227,.5)}.time{font-size:14px;color:#828282}.notification-content__list{max-height:80vh;overflow-y:scroll}.overlay-camera2 video,.overlay-camera video,canvas{object-fit:cover;display:block;-webkit-animation:none;animation:none}.overlay-camera2 video,canvas{position:relative;width:200%;left:-40%;top:-25%}.overlay-camera-default video,canvas{object-fit:cover;display:block;box-shadow:0 0 100px -50px #000}.overlay-camera,.overlay-camera2{margin-top:30px;background-size:cover;background-repeat:no-repeat;overflow:hidden!important;border-radius:50%}.wrap{position:relative;height:95vh!important}.box-setting{width:auto;height:100%}.Selectmemo{width:94%}.SelectMeno{width:100%}.SelectMeno>div{background-color:#ebf5e5}.SelectMenoo{width:92%}.SelectMenoo>div{background-color:#ebf5e5}.document-check{border-radius:10px;padding:10px;margin-bottom:20px;font-size:25px;font-weight:700;color:#04874e;height:60px;text-align:center}.opacity-0{opacity:0}.page_404{background:#fff}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:50%}.four_zero_four_bg h1{font-size:50px;font-weight:700}.four_zero_four_bg h3{font-size:80px}.btn-out{font-size:25px}.home{background-image:url(/static/media/bg.0caac5fb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:95vh}.footerfix{position:fixed;bottom:0;width:100%;height:25px;font-size:13px;margin-left:80px;background-color:#fff}.logout{position:absolute;color:#1bbb7b;cursor:pointer;bottom:60px;display:inline-block}.logout div{color:#1bbb7b;padding:16px 0 16px 25px;max-width:650px}.logout div:hover{color:#fff;padding:16px;max-width:650px;padding-right:25px!important}.home-content{top:65px;right:0;bottom:0;left:0;position:absolute}.bg-ss{background:linear-gradient(270deg,hsla(0,0%,100%,0),rgba(44,217,148,.3))}.bg-dg,.bg-ss{font-size:40px;font-weight:700;border:none}.bg-dg{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(44,217,148,.3))}.bg-ss:hover{border:none;background:linear-gradient(270deg,hsla(0,0%,100%,.5),#2cd994)}.bg-dg:hover{border:none;background:linear-gradient(90deg,hsla(0,0%,100%,.5),#2cd994)}.SelectDatetime{height:38px}.SelectDatetime>div{border:1px solid #c2c0c0;border-radius:4px}.input-group{position:relative;display:flex;flex-wrap:inherit;align-items:stretch;width:100%}.react-datetime-picker{width:100%;background-color:#ebf5e5;height:38px}.react-datetime-picker__wrapper{border:none!important}.card-header{height:40px;border-bottom:1px solid #1bbb7b;color:#1bbb7b}.card-title{text-transform:uppercase;font-size:16px}.images{width:100%;height:100%;object-fit:cover}.shadow{box-shadow:2px 4px 10px rgba(153,196,227,.5)}.item-images{cursor:pointer}.item-images:hover .overlay-text-effect-3{height:100%}html{box-sizing:border-box}body,html{height:100%}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}button,input,select,textarea{outline:none}input{line-height:normal}button,label{cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}.layout-image{width:100%;height:100%;object-fit:cover}.layout{display:grid;grid-template-columns:200px 200px 100px;grid-template-columns:calc(50% - 40px) calc(20% - 40px) 30%;grid-template-columns:33.33% 33.33% 33.33%;grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px;grid-row-gap:20px;grid-gap:20px;grid-template-rows:200px 600px;grid-template-rows:auto auto}.layout2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:350px 100px 350px;grid-gap:30px;padding:30px;grid-template-areas:"h1 h1 h2 h3" "h4 h5 h2 h3" "h4 h5 h6 h6"}.layout-item{border-radius:10px;overflow:hidden}.layout-item:first-child{grid-area:h1}.layout-item:nth-child(2){grid-area:h2}.layout-item:nth-child(3){grid-area:h3}.layout-item:nth-child(4){grid-area:h4}.layout-item:nth-child(5){grid-area:h5}.layout-item:last-child{grid-area:h6}.post-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:25px;grid-template-areas:"h1 h2 h3" "h1 h4 h5";padding:25px}.post-item:first-child{grid-area:h1}.post-item:nth-child(2){grid-area:h2}.post-item:nth-child(3){grid-area:h3}.post-item:nth-child(4){grid-area:h4}.post-item:nth-child(5){grid-area:h5}.post-image{border-radius:12px;width:100%;object-fit:cover;height:200px;flex-shrink:0}.post-content{font-weight:300;padding:25px 0;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.post-image--large{height:auto}.post-item{display:flex;flex-direction:column}.post-title{font-size:18px;font-weight:400;margin-bottom:20px;color:#3f2a78}.post-time{color:#ccc;text-transform:uppercase}.cards{--spacing:25px;--columns:4;display:flex;flex-wrap:wrap;margin-left:calc(var(--spacing)*-1)}@media screen and (max-width:1023px){.cards{--columns:2}}@media screen and (max-width:767px){.cards{--spacing:15px;--columns:1}}.card-custom{border-radius:20px;overflow:hidden;background-color:#fff;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);margin-left:var(--spacing);margin-bottom:var(--spacing)}.card-image{height:250px;width:100%;object-fit:cover;object-position:center;flex-shrink:0;background-color:#ff6651}.card-top{padding:20px}.card-title{font-weight:700;margin-bottom:5px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.card-user{display:flex;align-items:center}.card-user-avatar{width:40px;height:40px;border-radius:100rem;object-fit:cover;flex-shrink:0}.card-user-info{padding-left:20px;flex:1 1}.card-user-top{display:flex;align-items:center;margin-bottom:2px}.card-user-name{font-weight:500;font-size:14px;line-height:1}.card-user-top ion-icon{color:#20e3b2;margin-left:5px}.card-user-game{color:#999;font-weight:300;font-size:13px}.card-bottom{padding:20px;border-top:1px solid #eee;justify-content:space-between}.card-bottom,.card-live{display:flex;align-items:center}.card-live{color:#fff;padding:10px 15px;border:none;border-radius:10px;background-color:#ff6651}.card-live:hover{color:#ff6651;border:1px solid #ff6651;background-color:#fff}.card-live span{margin-left:10px;font-size:14px}.card-watching{font-size:14px;padding:10px 15px;color:#ff6651;font-weight:300;border:1px solid #ff6651;border-radius:10px;background-color:#fff}.card-watching:hover{color:#fff;background-color:#ff6651}.card-content,.card-top{flex:1 1;display:flex;flex-direction:column}.card-bottom,.card-user{margin-top:auto;flex-shrink:0}.card-custom{display:flex;flex-direction:column}.time-keeping{margin-top:20px;margin-bottom:0}.title-login{font-weight:700;font-size:30px}.form-style .input-login{border:0;height:50px;border-radius:0;border-bottom:1px solid #ebf5e5}.form-style .input-login:focus{border-bottom:1px solid #1bbb7b;box-shadow:none;outline:0;background-color:#ebf5e5}.form-style .SelectMeno{width:100%;border:0!important;border-radius:0;border-bottom:1px solid #ebf5e5}.form-style .SelectMeno input{width:100%;border:0!important;height:40px;border-bottom:1px solid #ebf5e5}.form-style .SelectMeno input:focus{background-color:#ebf5e5}.form-style .SelectMeno>div{background-color:#fff;border:1px solid #ebf5e5}.form-style .SelectMeno>div:hover{background-color:#ebf5e5}.form-style .SelectMeno>div:focus{background-color:#ebf5e5;border:0}.modal-login{border-radius:20px;border:1px;border-color:none}.btn-close{position:absolute;right:-10px;top:-10px;padding:15px;cursor:pointer;background-color:#ebf5e5!important;border-radius:50%;width:42px;height:42px;font-size:35px;opacity:1;color:#999}.btn-close:hover{opacity:1!important}.nav-tabs{border-bottom:none;color:#000}.table-account a{color:#fff;margin:0;border:none}.table-account{border-top:0}.pull-right{float:right}.form-control-file{border:1px solid rgba(0,0,0,.125);background-color:#ebf5e5;border-radius:5px}.form-control-file::file-selector-button{padding:6px;border:1px solid #ebf5e5;background:#1bbb7b;color:#fff}@media only screen and (max-width:600px){.content{padding-top:65px;min-height:100vh}.vertical-nav{position:fixed;top:56px;left:0;width:200px;height:100%;background-color:#f8f8f8;overflow-y:auto;padding-top:10px}.navbar-nav,.navbar-nav:hover{max-width:650px;position:fixed;z-index:1000;height:100%;overflow:auto}.navbar-vertical__extent{display:inline-block;padding-left:10px;font-size:15px}}@media only screen and (min-width:993px){.content{padding-left:80px;padding-top:65px;min-height:100vh}.vertical-nav{position:fixed;top:56px;left:0;width:200px;height:100%;background-color:#f8f8f8;overflow-y:auto;padding-top:10px}.navbar-nav{max-width:80px}.navbar-nav,.navbar-nav:hover{position:fixed;z-index:1000;height:100%;overflow:auto}.navbar-nav:hover{max-width:650px}.navbar-vertical__extent{display:none}}@media only screen and (max-width:992px){.content{padding-top:65px;min-height:100vh}.vertical-nav{position:fixed;top:56px;left:0;width:200px;height:100%;background-color:#f8f8f8;overflow-y:auto;padding-top:10px}.navbar-nav,.navbar-nav:hover{max-width:650px;position:fixed;z-index:1000;height:100%;overflow:auto}.navbar-vertical__extent{display:inline-block;padding-left:10px;font-size:15px}}.box-setting_img{border-radius:20px}.text-note_authen{font-size:25px;font-weight:500}.tab-head{border-bottom:1px solid #ebf5e5;border-radius:5px 5px 0 0}.tab-tab{border:1px solid #ebf5e5}.tab-head a{color:#fff}.box-image img{object-fit:contain;width:100%;height:100%}.shadow-success{box-shadow:0 0 5px 5px #1bbb7b}.shadow-danger{box-shadow:0 0 5px 5px #ff6651}.loader{border-radius:4px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000000000000000000;width:100%;height:100%;overflow:hidden;background-color:hsla(0,0%,97.3%,.8)}.sp{width:50px;height:50px;clear:both;margin:20px auto}.sp-wave{border-radius:50%;position:relative;opacity:1}.sp-wave:after,.sp-wave:before{content:"";border:2px solid #1bbb7b;border-radius:50%;width:100%;height:100%;position:absolute;left:0}.sp-wave:before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:spWaveBe .6s linear infinite;animation:spWaveBe .6s linear infinite}.sp-wave:after{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation:spWaveAf .6s linear infinite;animation:spWaveAf .6s linear infinite}@-webkit-keyframes spWaveAf{0%{-webkit-transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);opacity:1}}@keyframes spWaveAf{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes spWaveBe{0%{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(1.5);opacity:0}}@keyframes spWaveBe{0%{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(1.5);opacity:0}}.bg-success,.btn-success{background-color:#1bbb7b!important}.btn-success{border:1px solid #1bbb7b!important}.btn-success:hover{background-color:#197d55!important;border:1px solid #197d55!important}.text-success{color:#1bbb7b!important}.btn-outline-success{color:#1bbb7b;border:1px solid #1bbb7b!important}.btn-outline-success:hover{background-color:#1bbb7b;color:#fff}.bg-primary{background-color:#1976d2!important}.margin-top-20{margin-top:20px}.margin-top-10{margin-top:10px}.margin-top-5{margin-top:5px}.margin-left-10{margin-left:10px}.margin-bot-10{margin-bottom:10px}.margin-bot-15{margin-bottom:15px}.margin-bot-25{margin-bottom:25px}.margin-right-10{margin-right:10px}.margin-right-20{margin-top:20px}.text-color{font-size:18px}.text-cd,.text-color{margin-left:10px;color:#197d55;margin-bottom:10px}.select{margin-top:10px;border-radius:5px;width:350px;height:40px;margin-left:40px}.btn-edit{margin-left:5px;margin-right:5px;color:#fff}.selectTopic{width:350px}.breakword{word-wrap:break-word}.important{color:red}.activeSelect{background-color:#1bbb7b;color:#fff}#usericon{margin-left:450px}#emilyicon,#usericon{margin-top:10px;margin-bottom:10px;width:40px;height:20px}#emilyicon{border-radius:10px;right:500px}ul li{cursor:default}.chat-submit{background-color:#1bbb7b;position:absolute;bottom:7px;right:15px;background:transparent;box-shadow:none;border:none;border-radius:50%;color:#5a5eb9;width:35px;height:35px}.boxcolor{background-color:#ddd}.message-box{height:70vh;max-height:100%;overflow-y:scroll}.chatbox{padding:40px 20px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.chatbox img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #fff}.chatbox .message-user .msg{background:#1bbb7b;color:#fff}.chatbox .message-bot .msg,.chatbox .message-user .msg{max-width:60%;padding:10px;border-radius:5px;position:relative;font-size:14px}.chatbox .message-bot .msg{background:#fff}.chatbox .message-bot,.chatbox .message-user{display:flex;grid-gap:15px;gap:15px}.chatbox .message-user{flex-direction:row-reverse}.input-send{outline:none;outline-style:none;outline-offset:0}.custom-input [type=text].form-control:focus,.custom-input input[type=text]:focus{box-shadow:none;border-color:#1bbb7b}.input-send{min-height:50px;padding-right:40px}#mydatafilter{list-style-type:none;padding:0;margin:0}#mydatafilter li{border:1px solid #20e3b2;margin-top:4px;border-radius:5px;padding:5px;color:#04874e;font-weight:200;font-size:16px}#mydatafilter li.header{background-color:#e2e2e2;cursor:default}.box-chat-search{background-color:#ddd;border-radius:10px;width:450px;border:none}.customer-bar{width:450px;height:100px;border:none}.timemut{margin-left:250px}.status{margin-left:0}.messagelog-box{height:100vh;max-height:100%;overflow-y:scroll}.chatlogbox{padding:40px 20px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.chatbox .chat{display:flex;grid-gap:15px;gap:15px}.chatlogbox img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #fff}.chatlogbox .message-user .msg{background:#1bbb7b;color:#fff}.chatlogbox .message-bot .msg,.chatlogbox .message-user .msg{max-width:60%;padding:10px;border-radius:5px;position:relative;font-size:14px}.chatlogbox .message-bot .msg{background:#fff}.chatlogbox .message-bot,.chatlogbox .message-user{display:flex;grid-gap:15px;gap:15px}.chatlogbox .message-user{flex-direction:row-reverse}.customer-bar :hover{color:#fff;background-color:#1bbb7b;border-radius:10px}.chatlog{overflow-y:scroll;max-height:100%;height:100vh}ul .minion{list-style:none}.namekh{font-size:18px;font-weight:800}.messagelog{max-width:60%}.select2{color:#f9f}.select2,.select3{font-size:18px;margin-left:10px}.select3{color:#f90}.select4{color:#3ff}.select4,.select5{font-size:18px;margin-left:10px}.select5{color:#fc6}.select6{color:#8a51af}.select6,.select7{font-size:18px;margin-left:10px}.select7{color:#d88}
/*# sourceMappingURL=main.0374e0c0.chunk.css.map */