@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Mulish:wght@300;400;500;600;700;800;900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#fff}main{min-height:100vh;background:#eaeaea}main .my_container{margin-top:50px;padding:16px;transition:all .5s ease}@media (max-width:899.98px){main .my_container{padding:8px}}main .my_container.show_bar{margin-left:240px}@media (max-width:899.98px){main .my_container.show_bar{margin-left:55px}}main .my_container.hide_bar{margin-left:55px}main .my_container .box_top_primary{position:relative;width:100%;padding:8px 8px 30px;background:#fff;border-top:3px solid #cb4743;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05)}main .my_container .box_top_primary .flex{padding:24px 0 16px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media (max-width:899.98px){main .my_container .box_top_primary .flex{gap:12px}}ul{list-style:none}a{text-decoration:none}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}button,input,select,textarea{outline:none;border:none}input,select,textarea{font-weight:400;font-size:16px!important;line-height:24px}@media (max-width:899.98px){input,select,textarea{font-weight:400;font-size:14px!important;line-height:18px}}.cursor_pointer,a,button{cursor:pointer}h1{font-weight:700;font-size:48px!important;line-height:67px}@media (max-width:899.98px){h1{font-weight:500;font-size:30px!important;line-height:40px}}h2{font-weight:600;font-size:38px!important;line-height:57px}@media (max-width:899.98px){h2{font-weight:500;font-size:24px!important;line-height:26px}}h3{font-weight:500;font-size:32px!important;line-height:48px}@media (max-width:899.98px){h3{font-weight:500;font-size:22px!important;line-height:22px}}h4{font-weight:500;font-size:24px!important;line-height:36px}@media (max-width:899.98px){h4{font-weight:500;font-size:20px!important;line-height:20px}}h5{font-weight:500;font-size:20px!important;line-height:30px}@media (max-width:899.98px){h5{font-weight:400;font-size:18px!important;line-height:20px}}.h6_normal{font-weight:500;font-size:18px!important;line-height:27px}@media (max-width:899.98px){.h6_normal{font-weight:400;font-size:16px!important;line-height:20px}}.h6_small{font-weight:500;font-size:16px!important;line-height:24px}@media (max-width:899.98px){.h6_small{font-weight:400;font-size:14px!important;line-height:18px}}.p_normal,.span_normal{font-size:16px!important;line-height:24px}@media (max-width:899.98px){.p_normal,.span_normal{font-size:14px!important;line-height:18px}}.p_small,.span_small{font-size:14px!important;line-height:21px}@media (max-width:899.98px){.p_small,.span_small{font-size:12px!important;line-height:16px}}.opacity_0{opacity:0}.invisible{visibility:hidden}.opacity_1{opacity:1!important}.visible{visibility:visible!important}.word_wrap{word-wrap:break-all}.no_wrap{white-space:nowrap}.read_only{background:#eaeaea}.overflow_x_auto{overflow-x:auto}.logo_satudata{display:flex;gap:16px;align-items:center}@media (max-width:899.98px){.logo_satudata{gap:12px}}.logo_satudata h5{white-space:nowrap;letter-spacing:5%}.title_1_row,.title_2_row,.title_3_row{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.title_1_row{-webkit-line-clamp:1}.title_2_row{-webkit-line-clamp:2}.title_3_row{-webkit-line-clamp:3}.hover_glow:hover{text-shadow:0 0 2px #fff,0 0 15px #fff,0 0 30px #fff}.filter{display:flex;gap:3px}.filter.margin_{margin:20px 0 24px}.filter.margin_t{margin-top:24px}.filter.margin_b{margin-bottom:48px}@media (max-width:899.98px){.filter.margin_b{margin-bottom:24px}}.filter .h6_normal{padding:0 16px 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filter .h6_normal.selected{color:#cb4743;border-bottom:1px solid #cb4743}.filter .h6_normal.not_selected{color:#a4a5a8;border-bottom:1px solid #fff}.filter_data{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.filter_data *{font-weight:400;font-size:16px!important;line-height:24px}@media (max-width:899.98px){.filter_data *{font-weight:400;font-size:14px!important;line-height:18px}}.filter_data .MuiInput-input{background:#fff!important}.box_note{padding:10px;border:1px inset #cb4743;max-width:800px;margin-bottom:15px}.box_note .flex_info{gap:5px;margin-bottom:5px}.box_note .flex_info,.header{display:flex;align-items:center}.header{position:fixed;z-index:101;top:0;left:0;height:50px;width:100%;justify-content:space-between;padding:0 15px;background-color:#cb4743;color:#fff}.header .title_layout{display:flex;align-items:center;gap:20px}.header .title_layout .icon{color:#eaeaea;font-size:24px;cursor:pointer}@media (max-width:899.98px){.header .title_layout .icon{font-size:20px}}.header .title_layout .icon:hover{color:#fff}.header .title_layout .icon.rotate_180{transform:rotate(180deg)}.header .tools_layout{display:flex;gap:20px;align-items:center}.header .tools_layout .notifications{position:relative;cursor:pointer}.header .tools_layout .notifications .icon_notif{margin-top:2px;font-size:30px}.header .tools_layout .notifications .jumlah_notif{position:absolute;top:0;right:-6px;font-size:11px;padding:3px;min-width:20px;aspect-ratio:1/1;border-radius:50%;background:#242424;display:flex;justify-content:center;align-items:center}@media (max-width:899.98px){.header .tools_layout .notifications .jumlah_notif{font-size:9px}}.header .tools_layout .user_settings{display:flex;align-items:center;gap:12px}.header .tools_layout .user_settings .profile_img{height:30px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.header .tools_layout .user_settings .profile_img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header .tools_layout .user_settings .profile_detail{cursor:pointer;position:relative}.header .tools_layout .user_settings .profile_detail .profile_name{position:relative;width:-moz-max-content;width:max-content;display:flex;align-items:center;gap:3px}.header .tools_layout .user_settings .profile_detail .dropdown{position:absolute;top:40px;right:0;padding:20px 0;background:#cb4743;border-radius:5px}.header .tools_layout .user_settings .profile_detail .dropdown *{color:#eaeaea}.header .tools_layout .user_settings .profile_detail .dropdown :hover{color:#fff}.header .tools_layout .user_settings .profile_detail .dropdown p.p_normal{padding:10px 20px}.header .tools_layout .user_settings .profile_detail .dropdown p.p_normal:hover{background:linear-gradient(94.2deg,#e76d52 1.59%,#e15b54)}.sidebar{position:fixed;z-index:102;top:50px;min-height:100vh;background-color:#cb4743;color:#fff;transition:all .5s ease;font-weight:400;font-size:16px!important;line-height:24px}@media (max-width:899.98px){.sidebar{font-weight:400;font-size:14px!important;line-height:18px}}.sidebar.show_bar{width:240px}@media (max-width:899.98px){.sidebar.show_bar{width:200px}}.sidebar.hide_bar{width:55px}.sidebar .sidebar_item{display:flex;align-items:center;gap:15px;padding:10px 15px;transition:all .5s ease;cursor:pointer}.sidebar .sidebar_item.active{color:#fff;font-weight:600;background:linear-gradient(94.2deg,#e76d52 1.59%,#e15b54)}.sidebar .sidebar_item.not_active{color:#eaeaea}.sidebar .sidebar_item.not_active:hover{color:#fff}.sidebar .sidebar_item .icon{width:21px;display:block}.breadcrumb{padding:5px 0 20px}.prev_page span{font-weight:400;font-size:16px!important;line-height:24px;color:#a0a4a8}@media (max-width:899.98px){.prev_page span{font-weight:400;font-size:14px!important;line-height:18px}}.prev_page .link{cursor:pointer;transition:all .5s ease}.prev_page .link:hover{color:#696c6e;text-decoration:underline}.active_page{font-weight:500;font-size:16px!important;line-height:24px;color:#cb4743}@media (max-width:899.98px){.active_page{font-weight:500;font-size:14px!important;line-height:18px}}.btn_cancel,.btn_edit,.btn_hapus,.btn_open,.btn_save,.btn_tambah{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:3px;transition:all .5s ease}.btn_cancel,.btn_save{color:#fff}.btn_edit,.btn_hapus,.btn_open,.btn_tambah{color:#242424;background:#fff;border:1px solid #a4a5a8}.btn_tambah:hover{border:1px solid #16a34a}.btn_save{background:#ca8a04}.btn_save:hover{background:#a16207}.btn_edit:hover{border:1px solid #ca8a04}.btn_cancel{background:#dc2626}.btn_cancel:hover{background:#b91c1c}.btn_hapus:hover{border:1px solid #dc2626}.btn_open:hover{border:1px solid #7c3aed}.btn_select,.btn_visibility{display:flex;align-items:center;gap:4px;padding:5px 10px;color:#7c3aed;border-radius:3px;transition:all .5s ease;background:#fff;border:1px solid #7c3aed}.btn_select.active,.btn_select:hover{color:#fff;background:#6d28d9}.btn_icon_only .icon{display:block;margin:auto;font-weight:500;font-size:20px!important;line-height:30px}@media (max-width:899.98px){.btn_icon_only .icon{font-weight:400;font-size:18px!important;line-height:20px}}.msg_validation{padding:4px 12px;border:1px solid #cb4743;border-radius:5px;background:#fef2f2;margin-bottom:24px}.background_modal{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;transition:all .5s ease}.background_modal .card_modal{position:fixed;max-height:90%;width:65%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:200;padding:50px 25px;background:#fff;border-radius:10px;transition:all .5s ease;overflow:auto;box-shadow:0 2px 15px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05)}@media (max-width:1199.98px){.background_modal .card_modal{width:80%}}@media (max-width:899.98px){.background_modal .card_modal{width:95%;padding:12px}}.background_modal .card_modal .list_form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.background_modal .card_modal .list_form .col_1{grid-column:span 1/span 1}.background_modal .card_modal .list_form .col_2{grid-column:span 2/span 2}.background_modal .card_modal .list_form .col_2.flex_pass{display:flex;align-items:center;width:100%;padding:4px 8px;border:1px solid #cbd5e1}.background_modal .card_modal .list_form .col_2.flex_pass:focus{border:1px solid #64748b}.background_modal .card_modal .list_form .col_2.flex_pass .input_password{flex:11 1}.background_modal .card_modal .list_form .col_2.flex_pass .icon{flex:1 1;margin-left:8px;cursor:pointer}.background_modal .card_modal .list_form .input_text{width:100%;border:1px solid #cbd5e1;padding:4px 8px}.background_modal .card_modal .list_form .input_text:focus{border:1px solid #64748b}.background_modal .card_modal .list_form .preview_file{margin-bottom:8px;display:flex;flex-direction:column}.background_modal .card_modal .list_form .preview_file img{height:150px;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.background_modal .card_modal .list_form .input_file_cover{position:relative;margin-left:auto;margin-top:4px}.background_modal .card_modal .list_form .input_file_cover .input_file{width:65px;border-radius:5px}.background_modal .card_modal .list_form .input_file_cover .input_file:after{position:absolute;cursor:pointer;top:0;right:0;padding:4px;height:100%;content:"-- Pilih File --";display:flex;justify-content:center;align-items:center;color:#fff;background:#334155;border-radius:5px;font-weight:400;font-size:16px!important;line-height:24px}@media (max-width:899.98px){.background_modal .card_modal .list_form .input_file_cover .input_file:after{font-weight:400;font-size:14px!important;line-height:18px}}.background_modal .card_modal .list_form .mode_edit_table{margin-top:16px;display:grid;grid-gap:8px;gap:8px;justify-items:end}.background_modal .card_modal .action_form{margin-top:24px;display:flex;align-items:center;gap:8px;justify-content:flex-end}.form_search{padding:4px;border-radius:3px;border:1px solid #eaeaea;background:#fff;display:flex;justify-content:space-between;gap:11px}.form_search input{width:100%;padding:5px;color:#a4a5a8}.form_search input::-moz-placeholder{color:#a4a5a8;font-weight:500;font-family:Mulish,sans-serif}.form_search input:-ms-input-placeholder{color:#a4a5a8;font-weight:500;font-family:Mulish,sans-serif}.form_search input::placeholder{color:#a4a5a8;font-weight:500;font-family:Mulish,sans-serif}.form_search button{color:#fff;padding:5px 20px;border-radius:3px;background:linear-gradient(114.52deg,#e76e52 6.39%,#e05655)}.form_simple_search{border-radius:3px;overflow:hidden;border:1px solid #eaeaea;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:11px;padding:5px 15px}.form_simple_search input{width:100%;color:#a4a5a8}.form_simple_search input::-moz-placeholder{font-weight:400;font-family:Mulish,sans-serif}.form_simple_search input:-ms-input-placeholder{font-weight:400;font-family:Mulish,sans-serif}.form_simple_search input::placeholder{font-weight:400;font-family:Mulish,sans-serif}.form_simple_search .icon{color:#a4a5a8}.metadata h4{margin-bottom:16px}.metadata h6.h6_small{font-weight:500}.metadata pre.p_normal.desc{color:rgba(36,36,36,.8);margin:8px 0 24px}.metadata .metadata_status{display:flex;justify-content:space-between;align-items:center}.metadata .metadata_table{margin:10px 0 32px;border:1px solid #d5d5d5;border-bottom:none}.metadata .metadata_table .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metadata .metadata_table .grid h6.h6_small,.metadata .metadata_table .grid span.span_normal{padding:12px 16px;border-bottom:1px solid #d5d5d5}@media (max-width:899.98px){.metadata .metadata_table .grid h6.h6_small,.metadata .metadata_table .grid span.span_normal{padding:6px 8px}}.metadata .metadata_table .grid span.span_normal{display:block;color:rgba(36,36,36,.8);overflow-wrap:break-word;word-wrap:break-word}.metadata .metadata_table .grid .col1{border-right:1px solid #d5d5d5}.pagination{padding-top:20px}.pagination li>button.Mui-selected{color:#fff;background:#cb4743}.table_decorative{width:100%;border-collapse:collapse}.table_decorative *{font-weight:400;font-size:14px!important;line-height:21px}@media (max-width:899.98px){.table_decorative *{font-weight:400;font-size:12px!important;line-height:16px}}.table_decorative.text_center td,.table_decorative.text_center th,.table_decorative.text_center_esp td:first-child,.table_decorative.text_center_esp thead tr:first-child{text-align:center}.table_decorative .unread td{background:#dedede!important}.table_decorative td,.table_decorative th{border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:8px}.table_decorative td:first-child,.table_decorative thead tr:first-child{border-top:1px solid #ccc}.table_decorative td:last-child,.table_decorative th{border-right:1px solid #ccc}.table_decorative thead th{background:#cb4743;color:#fff}.table_decorative td input,.table_decorative th input{font-style:italic;border:1px solid #ccc;width:100%;padding:0 10px}.table_decorative tbody td{color:#1e293b}.table_decorative tbody tr:nth-child(2n) td{background:#f8fafc}.table_decorative tbody tr:hover td{background:#f3e8e7;transition:all .5s ease}.table_decorative img{display:block;margin:auto;height:70px;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}@media (max-width:899.98px){.table_decorative img{margin:0 0 0 auto;height:55px}}.table_decorative .flex_action{display:flex;align-items:center;gap:8px;justify-content:flex-start}@media (max-width:899.98px){.table_decorative .flex_action{justify-content:flex-end}}.table_decorative thead th.col_action{background:#fff}.table_decorative thead th.col_action .flex_action{justify-content:flex-end}@media (max-width:899.98px){.table_responsive thead{display:none}.table_responsive tr{border-bottom:3px solid #fff}.table_responsive td{display:block;text-align:right;border-right:1px solid #ccc}.table_responsive td:before{float:left;text-transform:uppercase;font-weight:600;content:attr(data-header)}}.tooltip{position:relative}.tooltip:after{transition:all .5s ease;content:attr(data-tooltip);position:absolute;width:-moz-max-content;width:max-content;top:-8px;left:22px;padding:4px;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:11px;font-weight:300;color:#fff;background-color:#475569;border-radius:3px;opacity:0;visibility:hidden}.tooltip:hover:after{top:50%;transform:translateY(-50%);opacity:1;visibility:visible}.login_form{padding:24px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.login_form .login_form_container{background:#fff;padding:30px 24px;width:35%;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05)}@media (max-width:1199.98px){.login_form .login_form_container{width:50%}}@media (max-width:899.98px){.login_form .login_form_container{width:95%}}.login_form .login_form_container .icon_back,.login_form .login_form_container .lupa_password{cursor:pointer}.login_form .login_form_container .h6_normal,.login_form .login_form_container h4{margin-bottom:20px}.login_form .login_form_container .list_login_form{margin-bottom:16px}.login_form .login_form_container .list_login_form .input_email{margin-top:8px;width:100%;border:1px solid #cbd5e1;padding:10px 16px}.login_form .login_form_container .list_login_form .input_email:focus{border:1px solid #64748b}.login_form .login_form_container .list_login_form .flex{margin-top:8px;display:flex;align-items:center;width:100%;padding:10px 16px;border:1px solid #cbd5e1}.login_form .login_form_container .list_login_form .flex:focus{border:1px solid #64748b}.login_form .login_form_container .list_login_form .flex .input_password{flex:11 1}.login_form .login_form_container .list_login_form .flex .icon{flex:1 1;margin-left:16px;cursor:pointer}.login_form .login_form_container .lupa_password{display:block;margin-left:auto;width:-moz-max-content;width:max-content;padding:5px 15px;border:1px solid #a4a5a8;border-radius:40px;transition:all .5s ease}.login_form .login_form_container .lupa_password:hover{border:1px solid #dc2626}.login_form .login_form_container .btn_submit{width:100%;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:4px;padding:8px 16px;color:#fff;border-radius:40px;transition:all .5s ease;background:#16a34a}.login_form .login_form_container .btn_submit:hover{background:#15803d}.portal_data{margin-bottom:60px}@media (max-width:899.98px){.portal_data{margin-bottom:30px}}.portal_data *{color:#242424}.portal_data .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:40px;gap:40px;justify-items:center}@media (max-width:899.98px){.portal_data .grid{-moz-column-gap:10px;column-gap:10px;row-gap:20px}}@media (max-width:599.98px){.portal_data .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:349.98px){.portal_data .grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.portal_data .grid .flex{display:flex;gap:30px;align-items:center;cursor:pointer;transition:all .5s ease}@media (max-width:1199.98px){.portal_data .grid .flex{gap:16px}}.portal_data .grid .flex:hover h2,.portal_data .grid .flex:hover h6{transform:scale(107%);text-shadow:-3px -3px 2px rgba(255,36,43,.3)}.portal_data .grid .flex:hover img{transform:scale(107%);filter:drop-shadow(3px 3px 2px rgba(255,36,43,.3))}.portal_data .grid .flex img{width:65px;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}@media (max-width:899.98px){.portal_data .grid .flex img{width:40px}}.portal_data .grid .flex h2{margin-bottom:8px}.portal_data .grid .flex h6{color:rgba(36,36,36,.8)}.portal_chart h4,.portal_data h4{text-align:center;margin-bottom:25px}.portal_chart .container_cart{overflow:auto}@media (max-width:899.98px){.portal_chart .container_cart .canvas_cart{min-width:100vh}}.not_found_page{font-family:Inter,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.not_found_page img{margin-bottom:40px;width:40%}@media (max-width:899.98px){.not_found_page img{width:90%}}.not_found_page h3{margin-bottom:8px}.not_found_page a{margin-top:30px;padding:8px 48px;color:#fff;background:#cb4743;border-radius:10px}