.white-box[data-v-4e3f919a]{width:100%;background-color:var(--neutral-000);border:1px solid #d9dff2;border-radius:8px;margin:10px}.white-box.w-344[data-v-4e3f919a]{width:344px}.white-box .content[data-v-4e3f919a]{padding:24px}.white-box .content.with-separator[data-v-4e3f919a]{border-bottom:1px solid var(--neutral-200)}.white-box .content .hide-btn[data-v-4e3f919a]{color:var(--blue-500);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.white-box .content .header[data-v-4e3f919a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.white-box .content .header .main-title[data-v-4e3f919a]{display:flex;flex-direction:row;align-items:center;gap:10px;font-family:Red Hat Display;font-weight:700;font-size:18px;color:var(--dark-blue);margin-bottom:0;white-space:nowrap}.white-box .content .header .main-title .icon-loading[data-v-4e3f919a]{width:20px;height:20px}.white-box .labels[data-v-4e3f919a]{display:flex;flex-direction:row}.white-box .labels .label[data-v-4e3f919a]{font-weight:600;font-size:16px;color:var(--type-active);padding-left:40px;position:relative}.white-box .labels .label[data-v-4e3f919a]:last-child{margin-left:24px}.white-box .labels .label[data-v-4e3f919a]:before{width:24px;height:2px;background-color:var(--orange);border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%);content:" "}.white-box .labels .label[data-v-4e3f919a]:after{width:8px;height:8px;background-color:var(--orange);border-radius:4px;position:absolute;left:7.5px;top:50%;transform:translateY(-50%);content:" "}.white-box .labels .label.orange[data-v-4e3f919a]:after,.white-box .labels .label.orange[data-v-4e3f919a]:before{background-color:var(--orange)}.white-box .labels .label.blue[data-v-4e3f919a]:after,.white-box .labels .label.blue[data-v-4e3f919a]:before{background-color:var(--blue-500)}.white-box ul[data-v-4e3f919a]{list-style-type:none;padding:0;margin:0}.white-box ul li[data-v-4e3f919a]{padding:15px 24px 15px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer}.white-box .info-message-box[data-v-4e3f919a]{background-color:#e6f9ff;border-radius:8px;padding:16px 26px;display:flex;font-size:16px;line-height:24px;font-weight:600;align-items:center;margin:0 24px}.white-box .info-message-box .icon[data-v-4e3f919a]{width:24px;height:24px;margin-right:25px;stroke:#0088b3}.list-area[data-v-4e3f919a]{margin:-24px 0 24px 0}.list-area .info-message-box[data-v-4e3f919a]{margin-left:24px}.list-area .ps[data-v-4e3f919a]{height:165px;transition:.5s}.list-area .ps.expanded[data-v-4e3f919a]{padding-bottom:105px;height:300px!important}.list-area .list[data-v-4e3f919a]{list-style-type:none;padding:0;margin:0}.list-area .list li[data-v-4e3f919a]{position:relative;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.list-area .list li[data-v-4e3f919a]:before{width:calc(100% - 48px);height:1px;background-color:var(--neutral-200);position:absolute;bottom:0;left:24px;content:" "}.list-area .list li[data-v-4e3f919a]:hover{background-color:var(--neutral-100)}.list-area .list li .container .container-data-files .data-files[data-v-4e3f919a]{display:flex;flex-direction:row;align-items:center}.list-area .list li .container .options[data-v-4e3f919a]{cursor:pointer;position:relative;display:inline-block}.list-area .list li .container .options .more-icon-dots[data-v-4e3f919a]{width:24px;height:24px;stroke:var(--neutral-500);transition:all .5s;cursor:pointer}.list-area .list li .container .options .menu-dots[data-v-4e3f919a]{width:160px;position:absolute;top:28px;right:0;background:var(--neutral-000);border:1px solid var(--neutral-200);box-sizing:border-box;box-shadow:0 4px 4px rgba(12,29,89,.1),0 4px 10px -8px rgba(12,29,89,.2);border-radius:8px;opacity:0;transition:all .5s;flex-direction:column;align-items:start;z-index:1;display:none}.list-area .list li .container .options .menu-dots .mtb-12[data-v-4e3f919a]{margin:12px 0}.list-area .list li .container .options .menu-dots .btn[data-v-4e3f919a]{display:flex;font-weight:600;width:100%;padding:24px 24px 12px 24px}.list-area .list li .container .options .menu-dots .btn.remove[data-v-4e3f919a]{color:var(--states-error)}.list-area .list li .container .options .menu-dots .btn+.btn[data-v-4e3f919a]{display:flex;font-weight:600;width:100%;padding:12px 24px 24px 24px}.list-area .list li .container .options .menu-dots .btn+.btn.remove[data-v-4e3f919a]{color:var(--states-error)}.list-area .list li .container .options:hover .more-icon-dots[data-v-4e3f919a]{transform:rotate(90deg)}.list-area .list li .container .options:hover .menu-dots[data-v-4e3f919a]{opacity:1;display:flex}.list-area .list li .options[data-v-4e3f919a]{cursor:pointer;width:18px;height:24px;margin-right:5px;position:relative;display:inline-block}.list-area .list li .options .more-icon[data-v-4e3f919a]{width:18px;height:18px;transition:all .5s;cursor:pointer}.list-area .list li .options .menu[data-v-4e3f919a]{width:133px;position:absolute;background:var(--neutral-000);border:1px solid var(--neutral-200);box-sizing:border-box;box-shadow:0 4px 4px rgba(12,29,89,.1),0 4px 10px -8px rgba(12,29,89,.2);border-radius:8px;padding:5px;opacity:0;transition:all .5s;flex-direction:column;align-items:start;display:none;background-color:var(--neutral-600)}.list-area .list li .options .menu p[data-v-4e3f919a]{color:#fff;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:0;text-align:center}.list-area .list li .options:hover .menu[data-v-4e3f919a]{opacity:1;display:flex;z-index:10}.list-area .list li .name[data-v-4e3f919a]{font-weight:600;font-size:16px;color:var(--type-active)}.list-area .list li .exam-info-container span[data-v-4e3f919a]{color:var(--neutral-600);font-weight:600;font-size:12px;margin-left:5px;padding:0 5px;border-radius:100px;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.list-area .list li .exam-info-container span.blue-background[data-v-4e3f919a]{background-color:var(--neutral-200)}.list-area .list li .exam-info-container span.orange-background[data-v-4e3f919a]{background-color:var(--light-orange-200)}.list-area .list li .info[data-v-4e3f919a]{font-weight:600;font-size:12px;color:var(--type-placeholder);white-space:nowrap}.list-area .list li .info>span[data-v-4e3f919a]{width:8px;height:8px;margin-right:8px;background-color:var(--states-success);border-radius:4px;display:inline-block}.list-area .list li .info>span.orange[data-v-4e3f919a]{background-color:var(--light-orange-500)}.list-area .expand[data-v-4e3f919a]{height:60px;display:flex;align-items:center;justify-content:center}.list-area .expand span[data-v-4e3f919a]{color:#305bf2;font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:0;text-align:right;margin-right:3px}.list-area .expand span svg[data-v-4e3f919a]{stroke:#305bf2;width:17px;height:17px}.icon svg[data-v-4e3f919a]{stroke:var(--neutral-500);width:24px;height:24px}.icon[data-v-4e3f919a]{margin-right:5%}.flex-inline[data-v-4e3f919a]{display:flex;flex-direction:row;gap:5px}.attendance-file-option-edit[data-v-4e3f919a]{width:22px;height:22px;stroke:var(--blue-500)}.attendance-file-option-delete[data-v-4e3f919a]{width:22px;height:22px;margin-left:5px}