.row{margin:0}.custom-select{background:#fff url(https://img.icons8.com/external-tanah-basah-basic-outline-tanah-basah/24/000000/external-chevron-arrows-tanah-basah-basic-outline-tanah-basah-4.png) no-repeat right .75rem center/8px 10px!important}.filter-option{display:flex;justify-content:space-between;align-items:center}.pagination{justify-content:flex-end}.category-list{margin-top:50px;color:purple;font-weight:700;text-align:center;background-color:#fff}a,a:hover{text-decoration:none}.notification{color:red}.multiselect__tags{min-height:30px;border:1px solid rgba(189,186,186,.8)}.active_category{background-color:purple!important;color:#fff}.list-category{margin-left:5px;display:inline-block;padding:5px;background-color:#fff;border:1px solid #ccc;border-radius:3px;width:70px;word-break:break-all;height:100%;text-align:center;cursor:pointer}.list-category:hover{color:#fff;background:purple;transition:.3s}.second-header{display:flex;width:26%}.data-inport-export{display:-webkit-inline-box;font-size:20px;border:none}.options{display:flex}.create-button{font-size:20px;border:1px solid #ced4da;border-radius:.25rem;cursor:pointer}.icon{color:red;font-size:19px;margin-left:14px}.problemHome{background-color:#e5eaff;justify-content:center;width:100%;position:relative;height:auto;padding:0 36px}.create-user{position:fixed;z-index:999;height:585px;width:639px;background-color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.05);border-radius:8px;top:15%;padding-top:2%;left:36%}.layout-opacity{position:absolute;z-index:3;background-color:#000;opacity:.4;width:100%;height:103vh;top:-25px;left:0}.create-user-main{margin:2% 0;height:100%}.create-form{width:100%;height:76%;font-size:15px}.create-user-title{font-style:normal;font-weight:700;font-size:18px;line-height:150%;color:#3182ce;text-align:center;margin-bottom:0!important;padding-bottom:20px}.create-input{width:48%;height:100%}.input-left,.input-right{position:absolute;top:0}.input-right{right:0}.create-input p{font-family:Inter;font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#000}.filter-data-search{width:30%}.group-input{width:100%;height:63%;border:none;box-shadow:0 2px 4px rgba(0,0,0,.15);border-radius:3px}.style-margin{margin-left:4%}b-form-input{height:100%}.button-create-teacher{width:100%;margin-left:7%;height:9%;position:relative}.btn-cancel{background:#f61717;border-radius:3px}.btn-save{background:#3182ce;border-radius:3px}.btn-cancel,.btn-save{font-family:Roboto;font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#fff;width:20%}.btn-cancel:hover,.btn-save:hover{color:#fff}.button-main{width:68%;text-align:right;display:flex;height:100%;margin-left:56%}.button-detail{display:flex;position:absolute;right:0;width:71%}.margin-button{margin-right:2%}.problem-main{background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.05);border-radius:20px;height:auto;justify-content:center;padding:20px}.problem-detail{width:100%;height:100%}.custom-role{margin-left:1%}.create_user{margin-left:4.2%;position:absolute;right:15px}.layout1{position:absolute;z-index:1;background:#000;color:#000;opacity:.4;width:100%;height:100%}.button-create{background-color:#60a3bc;height:40px;border-radius:5px;width:150px;margin-bottom:10px}.container-user{margin-top:50px;justify-content:center;align-content:center;height:100%;background:#fff!important}.select-paginate{margin-top:20px}.filter-data{position:relative}.form-style{width:100%;height:100%;position:relative}.check-input{font-size:15px;width:100%;height:100%}.form-create-row,.form-create-row1,.form-create-row2,.form-create-row3,.form-create-row4{margin-top:.5%;width:84%;height:19.5%;display:flex;margin-left:7%}.edit-user{position:fixed;z-index:999;height:500px;width:572px;background-color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.05);border-radius:8px;top:20%;left:37%;padding-top:20px}.edit-user .form-create-row,.edit-user .form-create-row1,.edit-user .form-create-row2,.edit-user .form-create-row3,.edit-user .form-create-row4{margin-top:.5%;width:94%;height:18.5%;display:flex;margin-left:3%}.form-create-row{position:absolute;top:1%}.form-create-row1{position:absolute;top:20%}.form-create-row2{position:absolute;top:41%}.form-create-row3{position:absolute;top:60%}.form-create-row4{position:absolute;top:78%}.edit-user .form-create-row1{position:absolute;top:18%!important}.edit-user .form-create-row3{position:absolute;top:35%!important}.edit-user .form-create-row4{position:absolute;top:53%!important}.edit-user .check-input{height:76%}.edit-user .create-form{height:91%}.bv-no-focus-ring{width:100%!important}.btn-block+.btn-block{margin:0}.form-group{height:100%}.col-form-label{padding-bottom:0!important}.btn-createUser{color:#000;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);border-radius:3px;display:flex;align-items:center;border:none;float:right;font-size:14px}.btn-createUser ion-icon{color:#fff;background-color:green;border-radius:50px;font-size:21px;margin-right:5px}.border-table{border:1px solid #c4c4c4}#my-table tbody tr td,#my-table tbody tr td div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:12px!important;max-width:150px}#my-table tbody tr .tb-category,#my-table tbody tr .tb-created_by,#my-table tbody tr .tb-groupTopic,#my-table tbody tr .tb-title,#my-table tbody tr .tb-updated_by{max-width:150px}#my-table{vertical-align:middle}#my-table,.custom-select{font-size:14px}.filter-data__input{display:flex;align-items:center;padding-left:10px;font-size:14px}.filter-data__input p{width:70px;white-space:nowrap;text-align:right}.filter-data-search input{font-size:14px}.validate-phonenumber{width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}b-pagination{margin-bottom:0!important}.confirm-password-required .required:after,.email-required-edit .required:after,.email-required .required:after,.full-name .required:after,.nation-required-edit .required:after,.nation-required .required:after,.password-required .required:after,.role-required-edit .required:after,.role-required .required:after,.status-required-edit .required:after,.status-required .required:after,.user-name-edit .required:after,.user-name .required:after{position:absolute;padding-left:3px}.user-name .required:after{top:0;left:26%}.email-required .required:after{top:0;left:15%}.password-required .required:after{top:0;left:25%}.confirm-password-required .required:after{top:0;left:50%}.status-required .required:after{top:0;left:15%}.role-required .required:after{top:0;left:8%}.nation-required .required:after{top:-35%;left:26%}.user-name-edit .required:after{top:0;left:26%}.email-required-edit .required:after{top:0;left:17%}.status-required-edit .required:after{top:-34%;left:31%}.role-required-edit .required:after{top:-21px;left:20%}.nation-required-edit .required:after{top:-35%;left:31%}.full-name .required:after{top:0;left:27%}.hide-password-create-teacher{position:absolute;top:34%;right:12%;border:none;background:none;font-size:17px}.icon-edit-teacher{cursor:pointer}.hide-password-create-teacher .icon-eye-login{color:#2e79dc}@media only screen and (max-width:1366px){.problem-detail{margin-top:0}.create-user,.edit-user{height:496px;width:578px;left:33%}.edit-user .form-create-row,.edit-user .form-create-row1,.edit-user .form-create-row2,.edit-user .form-create-row3,.edit-user .form-create-row4,.form-create-row,.form-create-row1,.form-create-row2,.form-create-row3,.form-create-row4{width:93%;margin-left:3.5%}}.b-table-sticky-header>.table.b-table>thead>tr>th{top:-1px!important}@media (max-width:1200px){.filter-option{display:block}}.title{font-weight:700;font-size:25px;color:#0770ab;text-align:left;margin-bottom:15px;margin-top:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.ant-modal-title{font-weight:700;font-size:18px;line-height:150%;color:#3182ce;text-align:center}.w-48{width:48%;margin-bottom:10px}.w-48 input{box-shadow:0 2px 4px rgba(0,0,0,.15);border-radius:3px;border:none}.w-48 p{font-weight:400;font-size:15px;color:#000;padding-bottom:5px}.ant-form-explain{white-space:pre-line}.ant-form-item{margin-bottom:0!important}.ant-form label{color:#000}.ant-form legend{color:#000;border:none;margin:0 0 5px 0}