body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{width:100%}.login-container .login-component{margin:0 215px}.login-container .login-component .login-title{color:#131317;font-size:44px;font-weight:700;letter-spacing:.02em;line-height:56px}.login-container .login-component .login-btn{margin-top:52px}.pure-btn{width:100%}.pure-btn:nth-of-type(3){padding-left:12px}.pure-btn .btn{font-weight:600;width:100%}.pure-btn .btn .btn-primary{color:#fff;padding:12px 17px}.pure-btn .btn .btn-secondary{color:#131317;padding:5px 46px}.pure-btn .custom-button-text{color:#8c8c92}.pure-btn .custom-button-text:hover{background-color:initial;color:#8c8c92}.pure-btn .btn-secondary{background:#f7f7f7;border:initial;font-size:16px;font-weight:600;line-height:22px}.pure-btn .btn-secondary:active{border-color:"#f7f7f7";color:#000}.pure-btn .btn-secondary:hover{color:#131317}.page-header{margin-bottom:16px}.page-header .header{color:#131317;font-size:20px;font-weight:600;line-height:28px}.admin-account-page .btn-container,.admin-account-page .flex-left,.admin-account-page .flex-right{align-items:center;display:flex;justify-content:space-between}.admin-account-page .btn-container .flex-left,.admin-account-page .flex-left .flex-left,.admin-account-page .flex-right .flex-left{width:400px}.admin-account-page .btn-container .flex-left .flex-left-input,.admin-account-page .flex-left .flex-left .flex-left-input,.admin-account-page .flex-right .flex-left .flex-left-input{margin-right:12px;width:300px}.admin-account-page .btn-container .flex-right .select-btn,.admin-account-page .flex-left .flex-right .select-btn,.admin-account-page .flex-right .flex-right .select-btn{margin-right:16px;width:140px}.admin-account-page .btn-container .flex-right-custom,.admin-account-page .flex-left .flex-right-custom,.admin-account-page .flex-right .flex-right-custom{display:flex;width:30%}.admin-account-page .btn-container .flex-right-custom .select-btn,.admin-account-page .flex-left .flex-right-custom .select-btn,.admin-account-page .flex-right .flex-right-custom .select-btn{margin-right:16px;width:140px}.admin-account-page .btn-container{margin-bottom:20px}.input-search-field{position:relative;width:100%}.input-search-field .icon-search-container{backgroud:red;align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:18px;position:absolute;top:0;z-index:10}.input-search-field .input-search{background:#fff;border-radius:8px;padding-left:44px}.btn-icon .btn-secondary{background:#fff;border:1px solid #eaeaea;color:#8c8c92}.btn-icon .btn{background:#f37f13;border-color:#f37f13;color:#fff}.btn-icon .btn,.btn-icon .btn-secondary{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:22px;width:100%}.btn-icon .icon{margin-right:18px}.add-member-modal-container .ant-modal{border-radius:12px}.add-member-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.add-member-modal-container .ant-modal-body{margin-top:36px}.add-member-modal-container .ant-modal-body .form .label{color:#8c8c92;font-size:14px;font-weight:500;line-height:20px}.add-member-modal-container .ant-modal-body .form .label span{color:#f31313}.add-member-modal-container .ant-modal-content{border-radius:12px}.add-member-modal-container .ant-modal-footer{display:flex;justify-content:flex-end}.add-member-modal-container .ant-modal-footer .modal-footer-btn{display:flex;justify-content:flex-end;width:100%}.add-member-modal-container .ant-modal-footer .modal-footer-btn .cancel-btn{margin-right:14px}.add-member-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{width:140px}.input-text-field{width:100%}.error-message{color:#e12626;font-size:12px;font-weight:400;line-height:16px;margin:1rem 0}.base-table-container{width:100%}.base-table-container .table{border-collapse:collapse;width:100%}.base-table-container .table .table-header-row{border-bottom:1px solid #eee;width:100%}.base-table-container .table .table-header-row .table-header-column{color:#7d8088;font-size:12px;font-weight:500;letter-spacing:.1em;line-height:16px;padding:12px 0 12px 8px;text-transform:uppercase}.base-table-container .table .table-header-row .action-column{width:150px}.base-table-container .table .table-body tr{vertical-align:top}.base-table-container .table .table-body .table-body-column{padding:12px 0 12px 8px}.base-table-container .table .table-body .table-body-column .image{height:100%;width:100%}.base-table-container .table .table-body .table-body-column .blue-text,.base-table-container .table .table-body .table-body-column .normal-text{font-size:14px;font-weight:400;line-height:20px}.base-table-container .table .table-body .table-body-column .blue-text .column-clickable,.base-table-container .table .table-body .table-body-column .normal-text .column-clickable{cursor:pointer}.base-table-container .table .table-body .table-body-column .table-status-column{align-items:center;color:#000;display:flex}.base-table-container .table .table-body .table-body-column .table-status-column .dot{border-radius:50%;display:block;height:8px;margin-right:8px;width:8px}.base-table-container .table .table-body .table-body-column .normal-text{color:#131317}.base-table-container .table .table-body .table-body-column .blue-text{color:#1395f3;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline}.base-table-container .table .table-body .table-body-column .item-category{background:#f3f3f3;border-radius:4px;color:#131317;font-size:12px;font-weight:400;line-height:16px;margin-right:4px;padding:4px 8px}.base-table-container .table .table-body .table-body-column .item-category:last-child{margin-right:0}.base-table-container .table .table-body .table-body-column .action-column{align-items:center;display:flex;gap:10px}.base-table-container .table .table-body .table-body-column .action-column .delete-icon,.base-table-container .table .table-body .table-body-column .action-column .edit-icon{cursor:pointer}.base-table-container .table .table-body .table-body-column .action-column .submit-cancel-btn{align-items:center;display:flex;gap:10px}.base-table-container .table .table-body .table-body-column .action-column .submit-cancel-btn .cancel-submit-icon,.base-table-container .table .table-body .table-body-column .action-column .submit-cancel-btn .submit-icon{cursor:pointer}.base-table-container .table .table-body .row-no-data{color:#131317;font-size:14px;font-weight:400;line-height:20px;padding:10px 0;text-align:center;vertical-align:middle;width:100%}.disabled{pointer-events:none}.multiple-search-select,.multiple-search-select .select-box{width:100%}.ant-select-selection-item-content{width:calc(100% - 10px)}.pagination{justify-content:space-between;width:100%}.pagination,.pagination .pagination-buttons{align-items:center;display:flex}.pagination .pagination-buttons .go-first-page-button{margin-right:5px}.pagination .pagination-buttons .go-last-page-button{margin-left:5px}.pagination .pagination-buttons .go-first-page-button,.pagination .pagination-buttons .go-last-page-button{background:none;border:none;border-radius:4px;cursor:pointer;height:32px;outline:0;padding:5px 5px 0;width:32px}.pagination .pagination-buttons .go-first-page-button:hover,.pagination .pagination-buttons .go-last-page-button:hover{background-color:rgba(0,0,0,.06)}.pagination .pagination-buttons .go-first-page-button[disabled],.pagination .pagination-buttons .go-last-page-button[disabled]{cursor:not-allowed;opacity:.3}.pagination .pagination-buttons .ant-pagination-item{background:#f7f7f7;border-radius:4px;color:#8c8c92;padding:.5px}.pagination .pagination-buttons .ant-pagination-item-active{background:#f37f13}.pagination .pagination-buttons .ant-pagination-item-active a{color:#fff!important}.pagination .show-size-change{align-items:center;color:#131317;display:flex;justify-content:space-between}.pagination .show-size-change .total-items{font-weight:600}.pagination .show-size-change .list-size-option{margin:0 10px;width:80px}.delete-item-modal-container .ant-modal{border-radius:12px;max-width:360px;width:100%}.delete-item-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.delete-item-modal-container .ant-modal-title{align-items:center;display:flex;justify-content:center}.delete-item-modal-container .ant-modal-body .label-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.delete-item-modal-container .ant-modal-body .label-container .default-label{color:#131317;font-size:18px;line-height:26px;text-align:center;word-break:break-all}.delete-item-modal-container .ant-modal-body .label-container .default-label .deleted-value{font-weight:500;margin-right:4px}.delete-item-modal-container .ant-modal-content{border-radius:12px}.delete-item-modal-container .ant-modal-footer{display:flex;justify-content:flex-end}.delete-item-modal-container .ant-modal-footer .modal-footer-btn{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.delete-item-modal-container .ant-modal-footer .modal-footer-btn .cancel-btn,.delete-item-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{width:140px}.delete-item-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{margin-right:14px}.update-user-role-modal-container .ant-modal{border-radius:12px}.update-user-role-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.update-user-role-modal-container .ant-modal-body{margin-top:36px}.update-user-role-modal-container .ant-modal-body .form .username{color:#131317;font-size:14px;font-weight:500;line-height:20px}.update-user-role-modal-container .ant-modal-body .form .update-role-select{margin-top:30px}.update-user-role-modal-container .ant-modal-body .form .label{color:#8c8c92;font-size:14px;font-weight:500;line-height:20px}.update-user-role-modal-container .ant-modal-body .form .label span{color:#f31313}.update-user-role-modal-container .ant-modal-content{border-radius:12px}.update-user-role-modal-container .ant-modal-footer{display:flex;justify-content:flex-end}.update-user-role-modal-container .ant-modal-footer .modal-footer-btn{display:flex;justify-content:flex-end;width:100%}.update-user-role-modal-container .ant-modal-footer .modal-footer-btn .cancel-btn{margin-right:14px}.update-user-role-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{width:140px}.permission-table-container{width:100%}.permission-table-container .table{border-collapse:collapse;width:100%}.permission-table-container .table .table-header-row{border:1px solid #cecece;width:100%}.permission-table-container .table .table-header-row .header-row-column{border-right:1px solid #cecece;color:#131317;font-size:14px;font-weight:600;line-height:20px;padding:30px 0;text-transform:capitalize;width:310px}.permission-table-container .table .table-body{border-bottom:1px solid #cecece;border-left:1px solid #cecece;border-right:1px solid #cecece}.permission-table-container .table .table-body .table-body-row{border-bottom:1px solid #cecece}.permission-table-container .table .table-body .table-body-row .table-body-column{border-right:1px solid #cecece;color:#131317;font-size:14px;font-weight:400;line-height:20px;padding:30px 80px;text-align:center;text-transform:capitalize;width:310px}.role-and-permission-page .role-select-box{width:15%}.role-and-permission-page .permission-table-container{margin-top:15px;width:100%}.add-category-modal-container .ant-modal-footer .modal-footer-btn{display:flex;justify-content:flex-end;width:100%}.add-category-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{margin-right:14px;width:140px}.custom-drawer .ant-drawer-header{border-bottom:initial}.custom-drawer .ant-drawer-header-title .ant-drawer-close{order:1}.title-content{color:#131317;font-size:18px;font-weight:600;line-height:26px}.content-filter{display:flex;gap:20px;justify-content:space-between;padding-top:16px}.footer-filter{border-top:1px solid #eaeaea;bottom:0;left:0;position:absolute;width:100%}.label-form{color:#8c8c92;font-size:12;font-weight:400px;line-height:16px}.first-left-form{padding-left:20px}.second-contet-form{display:flex;padding-top:16px}.content-footer-form{display:flex;padding:24px}.left-second-content-form{margin-left:40px}.ant-form-item{margin-bottom:0;width:100%}.item{display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.item .label{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.item .label .required{color:#f31313;position:absolute}.item .form-item{margin:0;width:80%}.filter-item{align-items:center;background:#f3f3f3;border-radius:4px;display:flex;gap:4px;justify-content:center;padding:8px 16px;width:-webkit-max-content;width:max-content}.filter-item .label{font-weight:600}.filter-item .label,.filter-item .value{color:#131317;font-size:14px;font-style:normal;line-height:20px}.filter-item .value{font-weight:400}.filter-item .multiple-value{text-transform:capitalize}.filter-item .ic-close{cursor:pointer;font-size:14px;margin-left:8px}.template-list-container .btn-container,.template-list-container .flex-left{align-items:center;display:flex;justify-content:space-between}.template-list-container .btn-container .flex-left,.template-list-container .flex-left .flex-left{width:400px}.template-list-container .btn-container .flex-left .flex-left-input,.template-list-container .flex-left .flex-left .flex-left-input{margin-right:12px;width:300px}.template-list-container .btn-container{margin-bottom:20px}.tab-pane .tab-container .ant-tabs-nav{padding-left:20px}.tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap{width:33%}.tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{align-items:center;display:flex;justify-content:center;width:90px}.back-to-list-page-button{align-items:center;display:flex;flex-direction:row}.back-to-list-page-button .icon{cursor:pointer;margin-right:16px;width:24px}.back-to-list-page-button .title{color:#8c8c92;cursor:pointer;font-size:18px;font-weight:400;line-height:26px}.detail-template-page-container{display:flex;justify-content:space-between}.detail-template-page-container .thumbnail-video-container{display:flex;flex-direction:column;width:45%}.detail-template-page-container .thumbnail-video-container .header{color:#131317;font-size:18px;font-weight:600;line-height:26px}.detail-template-page-container .detail-template-info,.detail-template-page-container .detail-template-thumbnail,.detail-template-page-container .detail-template-video{background:#fff;border-radius:12px}.detail-template-page-container .detail-template-info{margin-right:25px;padding:44px;width:55%}.detail-template-page-container .detail-template-info .btn-container{display:flex;justify-content:flex-end}.detail-template-page-container .detail-template-info .btn-container .submit-btn-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.detail-template-page-container .detail-template-info .btn-container .submit-btn-container .cancel-btn{margin-right:12px}.detail-template-page-container .detail-template-info .btn-container .btn{width:140px}.detail-template-page-container .detail-template-thumbnail,.detail-template-page-container .detail-template-video{padding:24px}.detail-template-page-container .detail-template-thumbnail-header,.detail-template-page-container .detail-template-video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.detail-template-page-container .detail-template-thumbnail{margin-bottom:25px}.detail-template-page-container .detail-template-thumbnail .thumbnail,.detail-template-page-container .detail-template-thumbnail .thumbnail .image{width:100%}.detail-template-info-edit-mode .align-items-center{align-items:center}.detail-template-info-edit-mode .align-items-start{align-items:flex-start}.detail-template-info-edit-mode .detail-item-container{display:flex;margin-bottom:43px}.detail-template-info-edit-mode .detail-item-container .left-col{font-size:14px;font-weight:500;line-height:20px;margin-right:12px;width:150px}.detail-template-info-edit-mode .detail-item-container .right-col{font-size:16px;font-weight:400;line-height:22px;width:100%;word-break:break-word}.detail-template-info-edit-mode .detail-item-container .category-item{background-color:#f3f3f3;border-radius:4px;color:#131317;font-size:14px;font-weight:400;line-height:20px;margin-right:4px;padding:4px 8px}.detail-template-info-read-only .detail-item-container{align-items:flex-start;display:flex;margin-bottom:43px}.detail-template-info-read-only .detail-item-container .left-col{font-size:14px;font-weight:500;line-height:20px;margin-right:12px;width:150px}.detail-template-info-read-only .detail-item-container .right-col{font-size:16px;font-weight:400;line-height:22px;word-break:break-word}.detail-template-info-read-only .detail-item-container .category-container{display:flex;flex-wrap:wrap}.detail-template-info-read-only .detail-item-container .category-container .category-item{background-color:#f3f3f3;border-radius:4px;color:#131317;font-size:14px;font-weight:400;line-height:20px;margin-right:4px;padding:4px 8px}.upload-btn .btn{align-items:center;background:#f37f13;border-color:#f37f13;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:22px;width:100%}.upload-btn .icon{cursor:pointer;margin-right:18px}.detail-category-container .detail-category-info{background:#fff;border-radius:12px;gap:44px;margin-bottom:22px;padding:32px 24px}.detail-category-container .detail-category-info .header{align-items:center;display:flex;justify-content:space-between}.detail-category-container .detail-category-info .header .category-name{color:#131317;font-size:22px;font-weight:600;line-height:28px;width:600px}.detail-category-container .detail-category-info .header .submit-btn-container{align-items:center;display:flex;justify-content:space-between}.detail-category-container .detail-category-info .header .submit-btn-container .cancel-btn{margin-right:10px}.detail-category-container .detail-category-info .header .btn{width:140px}.detail-category-container .detail-category-info .detail-category-items{display:flex;justify-content:space-between;margin-top:66px}.detail-category-container .detail-category-info .detail-category-items .detail-category-block{flex:1 1 auto}.detail-category-container .detail-category-info .detail-category-items .category-item-container{align-items:center;display:flex;margin-bottom:24px}.detail-category-container .detail-category-info .detail-category-items .category-item-container .category-header{color:#8c8c92;font-size:14px;font-weight:500;line-height:20px;margin-right:24px;width:120px}.detail-category-container .detail-category-info .detail-category-items .category-item-container .category-item{color:#131317;font-size:16px;font-weight:400;line-height:22px;width:60%}.detail-category-container .detail-category-info .detail-category-items .category-item-container .category-item .properties-container{display:flex}.detail-category-container .detail-category-info .detail-category-items .category-item-container .category-item .properties-container .property-item{background-color:#f3f3f3;border-radius:4px;line-height:20px;margin-right:4px;padding:4px 8px}.upload-template-page-container{display:flex;justify-content:space-between}.upload-template-page-container .upload-template-info,.upload-template-page-container .upload-template-preview,.upload-template-page-container .upload-template-thumbnail{background:#fff;border-radius:12px}.upload-template-page-container .upload-template-info{margin-right:25px;padding:44px;width:55%}.upload-template-page-container .upload-template-info .template-item-container{align-items:baseline;display:flex;margin-bottom:20px}.upload-template-page-container .upload-template-info .template-item-container .left-col{color:#131317;font-size:14px;font-weight:500;line-height:20px;margin-right:25px;width:150px}.upload-template-page-container .upload-template-info .template-item-container .right-col{font-size:16px;font-weight:400;line-height:22px;width:calc(100% - 175px)}.upload-template-page-container .upload-template-info .template-item-container .right-col .json-data-container{align-items:baseline;display:flex;margin-bottom:15px}.upload-template-page-container .upload-template-info .template-item-container .right-col .json-data-container .json-key{color:#131317;font-size:14px;font-weight:500;line-height:20px;margin-right:25px;width:150px}.upload-template-page-container .upload-template-info .template-item-container .right-col .json-data-container .json-value{font-size:16px;font-weight:400;line-height:22px;width:100%;word-break:break-word}.upload-template-page-container .upload-template-info .template-item-container .upload-icon{cursor:pointer;width:30px}.upload-template-page-container .upload-template-info .upload-template-btn-container{display:flex;justify-content:flex-end}.upload-template-page-container .upload-template-info .upload-template-btn-container .submit-btn-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.upload-template-page-container .upload-template-info .upload-template-btn-container .submit-btn-container .cancel-btn{margin-right:12px;width:140px}.upload-template-page-container .upload-template-thumbnail-video{width:45%}.upload-template-page-container .upload-template-preview,.upload-template-page-container .upload-template-thumbnail{padding:24px}.upload-template-page-container .upload-template-thumbnail{margin-bottom:25px}.upload-template-page-container .upload-template-thumbnail .thumbnail,.upload-template-page-container .upload-template-thumbnail .thumbnail .image{width:100%}.upload-template-page-container .upload-template-thumbnail-header{display:flex;justify-content:space-between}.upload-template-page-container .upload-template-thumbnail-header .header{color:#131317;font-size:18px;font-weight:600;line-height:26px}.upload-template-modal-container .ant-modal{border-radius:12px;max-width:360px;width:100%}.upload-template-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.upload-template-modal-container .ant-modal-title{align-items:center;display:flex;justify-content:center}.upload-template-modal-container .ant-modal-body .label-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:28px}.upload-template-modal-container .ant-modal-body .label-container .default-label{color:#131317;font-size:20px;font-weight:600;line-height:28px;margin-bottom:20px;text-align:center}.upload-template-modal-container .ant-modal-body .label-container .sub-label{font-size:16px;font-weight:400;line-height:22px;text-align:center}.upload-template-modal-container .ant-modal-body .label-container .sub-label-failed{color:#131317;opacity:.5}.upload-template-modal-container .ant-modal-body .label-container .sub-label-success{color:#1395f3;cursor:pointer}.upload-template-modal-container .ant-modal-content{border-radius:12px;padding:27px}.upload-template-modal-container .ant-modal-footer{margin-top:40px}.upload-template-modal-container .ant-modal-footer .modal-footer-btn{align-items:center;width:100%}.upload-template-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{width:100%}.category-list-container .ant-notification-notice-message{color:#fff;margin-left:2.5rem}.category-list-container .pure-btn{width:30%}.category-list-container .select-btn .pure-btn{width:100%}.category-list-container .btn-container,.category-list-container .flex-left,.category-list-container .flex-right{align-items:center;display:flex;justify-content:space-between}.category-list-container .btn-container .flex-left,.category-list-container .flex-left .flex-left,.category-list-container .flex-right .flex-left{width:400px}.category-list-container .btn-container .flex-left .flex-left-input,.category-list-container .flex-left .flex-left .flex-left-input,.category-list-container .flex-right .flex-left .flex-left-input{margin-right:12px;width:300px}.category-list-container .btn-container .flex-right .select-btn,.category-list-container .flex-left .flex-right .select-btn,.category-list-container .flex-right .flex-right .select-btn{margin-right:16px;width:140px}.category-list-container .btn-container .flex-right-custom,.category-list-container .flex-left .flex-right-custom,.category-list-container .flex-right .flex-right-custom{display:flex;justify-content:flex-end;width:50%}.category-list-container .btn-container .flex-right-custom .select-btn,.category-list-container .flex-left .flex-right-custom .select-btn,.category-list-container .flex-right .flex-right-custom .select-btn{margin-right:16px;width:140px}.category-list-container .btn-container{margin-bottom:20px}.category-list-container .ant-dropdown-trigger:hover{border-color:initial!important;border:inherit;color:#000}.category-list-container .custom-dropdown .ant-dropdown-menu-item-active{background-color:rgba(138,170,250,.15)!important}.div-value{align-items:center;display:flex;gap:5px}.div-value .dot{background:red;border-radius:50%;height:8px;width:8px}.wrapper-form{display:flex;flex-direction:row;gap:80px}.wrapper-form .row{flex:50% 1}.wrapper-form .ant-form-item-label{text-align:start}.wrapper-form .ant-form-item{margin-top:20px}.wrapper-form .flex-row{display:flex;flex-direction:row;gap:24px;margin-top:20px}.wrapper-form .flex-row .label{align-items:center;color:rgba(0,0,0,.88);display:inline-flex;font-size:14px;max-width:100%;position:relative}.wrapper-form .flex-row .div-value{align-items:center;display:flex;flex-direction:row;gap:8px}.wrapper-form .flex-row .div-value .dot{background:red;border-radius:50%;height:8px;width:8px}.wrapper-form .ant-col{max-width:100%}.wrapper-form .ant-space{width:100%}.wrapper-form .ant-space .ant-space-item:first-child{flex:1 1 auto}.wrapper-form .div-provider{padding-left:30px}.wrapper-form .div-provider .ant-form-item-row{align-items:center;flex-direction:row;gap:12px}.div-action{display:flex;gap:16px;justify-content:flex-end;margin-top:68px}.form-thumbnail label{width:100%}.err-mess{color:#ff4d4f;font-size:14px}.select-box-container,.select-box-container .select-box{width:100%}.effect-content-tab-pane .tab-container .ant-tabs-nav{padding-left:20px}.effect-content-tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap{width:33%}.effect-content-tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{align-items:center;display:flex;justify-content:center;width:150px}.effect-list-container .btn-container,.effect-list-container .flex-left,.effect-list-container .flex-right{align-items:center;display:flex;justify-content:space-between}.effect-list-container .btn-container .flex-left,.effect-list-container .flex-left .flex-left,.effect-list-container .flex-right .flex-left{width:400px}.effect-list-container .btn-container .flex-left .flex-left-input,.effect-list-container .flex-left .flex-left .flex-left-input,.effect-list-container .flex-right .flex-left .flex-left-input{margin-right:12px;width:300px}.effect-list-container .btn-container{margin-bottom:20px}.add-effect-category-modal-container .ant-modal{border-radius:12px}.add-effect-category-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.add-effect-category-modal-container .ant-modal-body{margin-top:36px}.add-effect-category-modal-container .ant-modal-body .form .label{color:#8c8c92;font-size:14px;font-weight:500;line-height:20px}.add-effect-category-modal-container .ant-modal-body .form .label span{color:#f31313}.add-effect-category-modal-container .ant-modal-body .form .status-container{display:flex;flex-direction:column;width:100%}.add-effect-category-modal-container .ant-modal-content{border-radius:12px}.add-effect-category-modal-container .ant-modal-footer{display:flex;justify-content:flex-end}.add-effect-category-modal-container .ant-modal-footer .modal-footer-btn{display:flex;justify-content:flex-end;width:100%}.add-effect-category-modal-container .ant-modal-footer .modal-footer-btn .submit-btn{margin-right:14px;width:140px}.card{background:#fff;border-radius:12px;padding:32px 40px}.select-search-add-container,.select-search-add-container .select-search-add-item{width:100%}.loading-select-icon{padding-left:10px}.add-item-label{align-items:center;color:#f37f13;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:22px;padding:10px 0}.add-item-label .icon{margin-right:5px}.add-item-form{padding:0 5px 10px}.add-item-form .add-item-buttons{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.add-item-form .add-item-buttons .cancel-btn,.add-item-form .add-item-buttons .submit-btn{font-size:12px;font-weight:600;line-height:16px;width:80px}.add-item-form .add-item-buttons .cancel-btn{margin-right:5px}.ant-select-item-option-content{align-items:center;display:flex;justify-content:space-between}.checked-icon{display:none}.ant-select-item-option-selected .checked-icon{display:block}.title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.title-card .required{color:#f31313}.create-edit-effect .content{display:flex;flex-direction:row;gap:1.5rem}.create-edit-effect .content .block{max-width:50%;min-width:50%}.create-edit-effect .content .block .effect-name{display:inline-block;width:100%;word-break:break-all}.create-edit-effect .content .block .card-header{display:flex;justify-content:space-between}.create-edit-effect .content .block .card-content{height:100%;padding:20px 0}.create-edit-effect .content .block .card-content .thumbnail{height:100%;width:100%}.create-edit-effect .content .block .card-content .upload{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.create-edit-effect .content .block .card-content .upload img{margin-bottom:24px}.create-edit-effect .content .block .card-content .upload .title-upload{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}.create-edit-effect .content .block .card-content .upload .desc{color:#2b2b30;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.create-edit-effect .content .block .card-content .upload .btn-upload{color:#1395f3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.create-edit-effect .content .block.block-column{display:flex;flex-direction:column;gap:1.5rem}.create-edit-effect .content .block .title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.create-edit-effect .content .block .content-file{padding:20px 0}.create-edit-effect .content .block .item{display:flex;flex-direction:row;gap:12px;margin-bottom:30px}.create-edit-effect .content .block .item .file-platform{display:flex;justify-content:space-between}.create-edit-effect .content .block .item .file-platform .upload-file-icons{align-items:center;display:flex;margin-left:5px}.create-edit-effect .content .block .item.center{align-items:center}.create-edit-effect .content .block .item .label-form{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.create-edit-effect .content .block .item .label-form .required{color:#f31313;position:absolute}.create-edit-effect .content .block .item .form-item{margin:0;overflow:hidden;width:80%}.create-edit-effect .error-message{margin:5px 0}.tag-item{background:#f3f3f3;border-radius:4px;color:#131317;font-size:14px;font-weight:400;line-height:20px;margin-right:5px;padding:4px 8px}.transition-create-update .content{display:flex;flex-direction:row;gap:1.5rem}.transition-create-update .content .block{max-width:50%;min-width:50%}.transition-create-update .content .block .card-header{display:flex;justify-content:space-between}.transition-create-update .content .block .card-content{height:100%;padding:20px 0}.transition-create-update .content .block .card-content .upload{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.transition-create-update .content .block .card-content .upload img{margin-bottom:24px}.transition-create-update .content .block .card-content .upload .title-upload{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}.transition-create-update .content .block .card-content .upload .desc{color:#2b2b30;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.transition-create-update .content .block .card-content .upload .btn-upload{color:#1395f3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.transition-create-update .content .block.block-column{display:flex;flex-direction:column;gap:1.5rem}.transition-create-update .content .block .title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.transition-create-update .content .block .content-file{padding:20px}.transition-create-update .content .block .item{display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.transition-create-update .content .block .item .file-platform{display:flex;gap:1rem;justify-content:space-between}.transition-create-update .content .block .item.center{align-items:center}.transition-create-update .content .block .item .label-form{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.transition-create-update .content .block .item .label-form .required{color:#f31313;position:absolute}.transition-create-update .content .block .item .form-item{margin:0;overflow:hidden;width:100%}.transition-create-update .error-message{margin:5px 0}.transition-create-update .text-elipsis{display:inline-block;width:100%;word-break:break-all}.transition-content-tab-pane .tab-container .ant-tabs-nav{padding-left:20px}.transition-content-tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap{width:33%}.transition-content-tab-pane .tab-container .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{align-items:center;display:flex;justify-content:center;width:150px}.transition-list-container .btn-container,.transition-list-container .flex-left,.transition-list-container .flex-right{align-items:center;display:flex;justify-content:space-between}.transition-list-container .btn-container .flex-left,.transition-list-container .flex-left .flex-left,.transition-list-container .flex-right .flex-left{width:400px}.transition-list-container .btn-container .flex-left .flex-left-input,.transition-list-container .flex-left .flex-left .flex-left-input,.transition-list-container .flex-right .flex-left .flex-left-input{margin-right:12px;width:300px}.transition-list-container .btn-container{margin-bottom:20px}.flex-right-custom{display:flex;justify-content:flex-end;width:50%}.flex-right-custom .select-btn{margin-right:16px;width:140px}.flex-right-custom .pure-btn{width:30%}.add-category-modal-container .ant-modal{border-radius:12px}.add-category-modal-container .header-modal{color:#131317;font-size:18px;font-weight:600;line-height:26px}.add-category-modal-container .ant-modal-body{margin-top:36px}.add-category-modal-container .ant-modal-body .form .label{color:#8c8c92;font-size:14px;font-weight:500;line-height:20px}.add-category-modal-container .ant-modal-body .form .label span{color:#f31313}.add-category-modal-container .ant-modal-body .form .status-container{align-items:center;display:flex;justify-content:space-between;width:120px}.add-category-modal-container .ant-modal-body .form .status-container .status-icon{align-items:center;display:flex;justify-content:space-between}.add-category-modal-container .ant-modal-body .form .status-container .status-icon .icon{background:#de2f17;border-radius:50%;height:8px;margin-right:8px;width:8px}.add-category-modal-container .ant-modal-body .form .status-container .status-icon .status{color:#131317;font-size:14px;font-weight:500;line-height:20px}.add-category-modal-container .ant-modal-content{border-radius:12px}.add-category-modal-container .ant-modal-footer,.modal-footer-btn{display:flex;justify-content:flex-end}.modal-footer-btn{gap:1rem;width:100%}.modal-footer-btn .submit-btn{margin-right:14px;width:140px}.error-message{margin-bottom:0;margin-top:6px}.transition-category-create-update .content{display:flex;flex-direction:column;gap:1.5rem}.transition-category-create-update .content .card-header{color:#131317;font-size:20px;font-weight:600;line-height:28px}.transition-category-create-update .content .header{display:flex;flex-direction:column;margin-bottom:2rem}.transition-category-create-update .content .header .header-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.transition-category-create-update .content .header .name{align-items:center;color:#131317;display:flex;font-size:22px;font-weight:600;line-height:28px;max-width:600px;word-break:break-all}.transition-category-create-update .content .header .div-action{margin:0}.transition-category-create-update .content .block{display:flex;flex-direction:row;gap:2rem;width:100%}.transition-category-create-update .content .block .block-item{width:50%}.transition-category-create-update .content .block .card-header{display:flex;justify-content:space-between}.transition-category-create-update .content .block .card-content{height:100%;padding:20px 0}.transition-category-create-update .content .block .card-content .upload{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.transition-category-create-update .content .block .card-content .upload img{margin-bottom:24px}.transition-category-create-update .content .block .card-content .upload .title-upload{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}.transition-category-create-update .content .block .card-content .upload .desc{color:#2b2b30;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.transition-category-create-update .content .block .card-content .upload .btn-upload{color:#1395f3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.transition-category-create-update .content .block.block-column{display:flex;flex-direction:column;gap:1.5rem}.transition-category-create-update .content .block .title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.transition-category-create-update .content .block .content-file{padding:20px}.transition-category-create-update .content .block .item{display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.transition-category-create-update .content .block .item .file-platform{display:flex;justify-content:space-between}.transition-category-create-update .content .block .item.center{align-items:center}.transition-category-create-update .content .block .item .label-form{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.transition-category-create-update .content .block .item .label-form .required{color:#f31313;position:absolute}.transition-category-create-update .content .block .item .form-item{margin:0;width:80%}.transition-category-create-update .error-message{margin:5px 0}.create-edit-filter .content{display:flex;flex-direction:row;gap:1.5rem}.create-edit-filter .content .block{width:50%}.create-edit-filter .content .block .card-header{display:flex;justify-content:space-between}.create-edit-filter .content .block .card-content{height:100%;padding:20px 0}.create-edit-filter .content .block .card-content .thumbnail{height:100%;width:100%}.create-edit-filter .content .block .card-content .upload{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.create-edit-filter .content .block .card-content .upload img{margin-bottom:24px}.create-edit-filter .content .block .card-content .upload .title-upload{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}.create-edit-filter .content .block .card-content .upload .desc{color:#2b2b30;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.create-edit-filter .content .block .card-content .upload .btn-upload{color:#1395f3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.create-edit-filter .content .block.block-column{display:flex;flex-direction:column;gap:1.5rem}.create-edit-filter .content .block .title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.create-edit-filter .content .block .content-file{padding:20px 0}.create-edit-filter .content .block .item{display:flex;flex-direction:row;gap:12px;margin-bottom:30px}.create-edit-filter .content .block .item .file-platform{display:flex;justify-content:space-between}.create-edit-filter .content .block .item .file-platform .upload-file-icons{align-items:center;display:flex;margin-left:5px}.create-edit-filter .content .block .item.center{align-items:center}.create-edit-filter .content .block .item .label-form{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.create-edit-filter .content .block .item .label-form .required{color:#f31313;position:absolute}.create-edit-filter .content .block .item .form-item{margin:0;width:80%}.create-edit-filter .error-message{margin:5px 0}.btn-container{align-items:center;display:flex;justify-content:flex-end}.btn-container .cancel-btn{margin-right:5px}.effect-category-create-update .content{display:flex;flex-direction:column;gap:1.5rem}.effect-category-create-update .content .card-header{color:#131317;font-size:20px;font-weight:600;line-height:28px}.effect-category-create-update .content .header{display:flex;flex-direction:column;margin-bottom:2rem}.effect-category-create-update .content .header .header-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.effect-category-create-update .content .header .category-name{align-items:center;color:#131317;display:flex;font-size:22px;font-weight:600;line-height:28px;max-width:600px;word-break:break-all}.effect-category-create-update .content .header .div-action{margin:0}.effect-category-create-update .content .block{display:flex;flex-direction:row;gap:2rem;width:100%}.effect-category-create-update .content .block .block-item{width:50%}.effect-category-create-update .content .block .card-header{display:flex;justify-content:space-between}.effect-category-create-update .content .block .card-content{height:100%;padding:20px 0}.effect-category-create-update .content .block .card-content .upload{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.effect-category-create-update .content .block .card-content .upload img{margin-bottom:24px}.effect-category-create-update .content .block .card-content .upload .title-upload{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}.effect-category-create-update .content .block .card-content .upload .desc{color:#2b2b30;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.effect-category-create-update .content .block .card-content .upload .btn-upload{color:#1395f3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px}.effect-category-create-update .content .block.block-column{display:flex;flex-direction:column;gap:1.5rem}.effect-category-create-update .content .block .title-card{color:#131317;font-size:18px;font-weight:600;line-height:26px;margin:0}.effect-category-create-update .content .block .content-file{padding:20px}.effect-category-create-update .content .block .item{display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.effect-category-create-update .content .block .item .file-platform{display:flex;justify-content:space-between}.effect-category-create-update .content .block .item.center{align-items:center}.effect-category-create-update .content .block .item .label-form{color:#131317;font-size:14px;font-weight:500;line-height:20px;position:relative;width:20%}.effect-category-create-update .content .block .item .label-form .required{color:#f31313;position:absolute}.effect-category-create-update .content .block .item .form-item{margin:0;width:80%}.effect-category-create-update .error-message{margin:5px 0}.user-list-container .ant-notification-notice-message{color:#fff;margin-left:2.5rem}.user-list-container .pure-btn{width:30%}.user-list-container .select-btn .pure-btn{width:100%}.user-list-container .btn-container,.user-list-container .flex-left,.user-list-container .flex-right{align-items:center;display:flex;justify-content:space-between}.user-list-container .btn-container .flex-left,.user-list-container .flex-left .flex-left,.user-list-container .flex-right .flex-left{width:400px}.user-list-container .btn-container .flex-left .flex-left-input,.user-list-container .flex-left .flex-left .flex-left-input,.user-list-container .flex-right .flex-left .flex-left-input{margin-right:12px;width:300px}.user-list-container .btn-container .flex-right .select-btn,.user-list-container .flex-left .flex-right .select-btn,.user-list-container .flex-right .flex-right .select-btn{margin-right:16px;width:140px}.user-list-container .btn-container .flex-right-custom,.user-list-container .flex-left .flex-right-custom,.user-list-container .flex-right .flex-right-custom{display:flex;justify-content:flex-end;width:50%}.user-list-container .btn-container .flex-right-custom .select-btn,.user-list-container .flex-left .flex-right-custom .select-btn,.user-list-container .flex-right .flex-right-custom .select-btn{margin-right:16px;width:140px}.user-list-container .btn-container{margin-bottom:20px}.user-list-container .ant-dropdown-trigger:hover{border-color:initial!important;border:inherit;color:#000}.user-list-container .custom-dropdown .ant-dropdown-menu-item-active{background-color:rgba(138,170,250,.15)!important}.div-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:24px}:global .ant-notification-notice-message{color:#fff;margin-left:2.5rem}.btn-logout-icon .btn{align-items:center;background:#f37f13;border-color:#f37f13;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:22px;width:100%}.btn-logout-icon .icon{margin-left:18px}.main-sidebar{background:#09173b;flex:0 0 270px!important;height:100%;max-width:270px!important;width:100%!important}.main-sidebar .ant-layout-sider-children{display:flex;flex-direction:column;justify-content:space-between}.main-sidebar .ant-layout-sider-children .logout-btn{padding:20px}.main-sidebar .custom-menu .ant-menu-item{margin-block:inherit!important}.main-sidebar .custom-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item-only-child{padding-left:32px!important}.main-sidebar .custom-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item-selected{background:none!important}.main-sidebar .custom-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item-selected .ant-menu-title-content{color:#f37f13}.main-sidebar .custom-menu .ant-menu-submenu .ant-menu-sub .ant-menu-title-content{border-left:1px solid #ccc;padding-left:10px}.main-sidebar .custom-menu .ant-menu-submenu-selected .ant-menu-item-icon{color:#f37f13}.main-sidebar .custom-menu .ant-menu-title-content{font-size:14px;font-weight:600;margin-left:10px}.main-sidebar .main-sidebar-expanded{align-items:center;display:flex;justify-content:center;padding:20px}.main-sidebar .main-sidebar-expanded .menu-icon{cursor:pointer}.main-sidebar .main-sidebar-collapsed{cursor:pointer;display:flex;justify-content:center;padding:20px}.header-page{align-items:center;background:#fff!important;display:flex;justify-content:space-between;padding-left:25px!important;padding-right:25px!important;padding-top:15px!important}.header-page .page-name{font-size:24px;font-weight:700;letter-spacing:.02em;line-height:30px;text-transform:capitalize}.header-page .user-info .user-fullname{color:#181a27;font-size:16px;font-weight:600;line-height:22px}.content-page{border-radius:12px;margin:16px 24px 0}.content-page .content-container{background:#fff;border-radius:12px;min-height:95%;padding:24px}.loading-icon{align-items:center;background:hsla(0,0%,100%,.4);display:flex;height:100%;justify-content:center;left:0;overflow-y:hidden;position:absolute;top:0;width:100%;z-index:99999}.private-layout{height:100%;min-height:100vh;position:relative}.private-layout .sidebar-wrapper{height:100%;left:0;position:fixed;top:0;width:270px}.private-layout .content-layout{margin-left:270px;position:relative}.popup-redirect-default-page .header-modal{color:#131317;display:flex;font-size:18px;font-weight:600;justify-content:center;line-height:26px}.popup-redirect-default-page .ant-modal-body .popup-content{text-align:center}.verify-email-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:80px}.verify-email-container .title{margin-top:300px;width:250px}.verify-email-container .title h1{color:#000;font-size:18px;font-weight:400;line-height:26px;opacity:.4;text-align:center}.ant-notification-notice-message{-webkit-margin-start:40px!important;color:#fff!important;margin-inline-start:40px!important}.disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.353c7f30.css.map*/