#attached-files-modal .modal-content{border-radius:8px}#attached-files-modal .modal-content .modal-body{padding:0!important;margin:0!important}#attached-files-modal .modal-content .modal-body .modal-header{width:100%;display:inline-flex;align-items:center;justify-content:space-between;padding:24px!important}#attached-files-modal .modal-content .modal-body .modal-header .modal-title{font-family:Nunito Sans;font-style:normal;font-weight:600;font-size:18px;line-height:28px;color:var(--type-active)}#attached-files-modal .modal-content .modal-body .modal-header .icon{width:25px;fill:var(--neutral-500)}#attached-files-modal .attach-button{color:var(--blue-500);margin-right:20px}#attached-files-modal .attach-button .clip{margin-top:-5px;stroke:var(--blue-500)}#attached-files-modal .list-area{margin:-24px 0 24px 0}#attached-files-modal .list-area .info-message-box{background-color:#e6f9ff;border-radius:8px;padding:16px 26px;display:flex;font-size:16px;line-height:24px;font-weight:600;align-items:center;margin-right:24px}#attached-files-modal .list-area .info-message-box .icon{width:24px;height:24px;margin-right:25px;stroke:#0088b3}#attached-files-modal .list-area .list{list-style-type:none;padding:0;margin:0}#attached-files-modal .list-area .list li{position:relative;padding:25px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}#attached-files-modal .list-area .list li:before{width:calc(100% - 48px);height:1px;background-color:var(--neutral-200);position:absolute;bottom:0;left:24px;content:" "}#attached-files-modal .list-area .list li:hover{background-color:var(--neutral-100);border-radius:8px}#attached-files-modal .list-area .list li .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#attached-files-modal .list-area .list li .container .container-data-files .data-files{display:flex;cursor:pointer;flex-direction:row;align-items:center}#attached-files-modal .list-area .list li .name{font-weight:600;font-size:16px;color:var(--type-active)}#attached-files-modal .list-area .list li .info{font-weight:600;font-size:12px;color:var(--type-placeholder);white-space:nowrap}#attached-files-modal .list-area .list li .info>span{width:8px;height:8px;margin-right:8px;background-color:var(--states-success);border-radius:4px;display:inline-block}#attached-files-modal .list-area .list li .info>span.orange{background-color:var(--light-orange-500)}#attached-files-modal .attendance-file-option-edit{width:22px;height:22px;cursor:pointer;stroke:var(--blue-500)}#attached-files-modal .attendance-file-option-delete{width:22px;height:22px;cursor:pointer;margin-left:5px}