#attendance-history{font-family:Nunito Sans;font-style:normal;color:var(--type-active)}#attendance-history .modal-content{width:800px!important}#attendance-history .multiselect .custom-item{color:var(--blue-500);display:flex;align-items:center;font-weight:600}#attendance-history .multiselect .custom-item .icon{width:24px;height:24px;fill:var(--blue-500);margin-right:12px}#attendance-history .chevron{width:24px;height:24px;stroke:var(--neutral-600);cursor:pointer;transition:all .5s}@media(max-height:800px){#attendance-history{height:120vh!important}}#attendance-history .medical-record .record-title{color:var(--dark-blue);font-weight:700;font-size:18px;margin-bottom:50px}#attendance-history .medical-record h3{font-size:18px;font-weight:600;color:var(--dark-blue)}#attendance-history .medical-record .doctor-container{flex-direction:row;outline:none}#attendance-history .medical-record .doctor-container>p:first-child{font-size:18px;font-weight:700;color:var(--blue-600)}#attendance-history .medical-record .doctor-container>p:nth-child(2){font-size:18px;font-weight:600;color:var(--dark-blue);margin-bottom:20px}#attendance-history .medical-record .time-container{flex-direction:row;outline:none}#attendance-history .medical-record .time-container>p:first-child{font-size:18px;font-weight:700;color:var(--blue-600)}#attendance-history .medical-record .time-container>p:nth-child(2){font-size:18px;font-weight:600;color:var(--dark-blue);margin-bottom:20px}#attendance-history .medical-record .note-container{margin:20px 0;flex-direction:row;outline:none}#attendance-history .medical-record .note-container>p:first-child{font-size:18px;font-weight:700;color:var(--blue-600)}#attendance-history .medical-record .note-container>p:nth-child(2){font-size:18px;font-weight:600;color:var(--dark-blue);margin-bottom:20px}#attendance-history .loading-container{display:flex;flex-direction:row;justify-content:center;align-items:center;height:80%}#attendance-history .body{display:flex;flex-direction:column}#attendance-history .body .history-header-container{transition:transform 1s;position:sticky;top:0;width:100%;background-color:var(--neutral-000);z-index:10;flex-direction:column}#attendance-history .body .history-header-container .left-option{display:flex;flex-direction:column;align-items:center;gap:10px}#attendance-history .body .history-header-container .left-option .back-burger{width:24px;height:24px;fill:var(--blue-500);cursor:pointer;transition:all .6s}#attendance-history .body .history-header-container .left-option .back-burger.opened{transform:rotate(180deg)}#attendance-history .body .history-header-container .left-option .title-container{width:100%;margin:20px 0 0 20px;display:flex;flex-direction:row}#attendance-history .body .history-header-container .left-option .form-title{font-family:red Hat Display;font-weight:700;font-size:1.2rem;color:var(--dark-blue);margin-bottom:0}#attendance-history .body .history-header-container .header-content{display:flex;flex-direction:row;justify-content:space-between;padding:16px 0}#attendance-history .body .history-header-container .header-content .modal-title{font-size:28px;color:var(--dark-blue);font-weight:700}#attendance-history .body .history-header-container .header-content .changeBtn-left{color:var(--blue-500);font-weight:700;margin:0 30px 0 0}#attendance-history .body .history-header-container .header-content .changeBtn-right{color:var(--blue-500);font-weight:700}#attendance-history .body .history-header-container .header-content p{font-weight:600;font-size:18px;line-height:28px}#attendance-history .body .history-header-container.hidden-navbar{box-shadow:none;transform:translate3d(0,-100%,0)}#attendance-history .body .body-content{width:100%;display:flex;flex-direction:column}#attendance-history .body .body-content .inline-content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:20ch}#attendance-history .body .body-content .container{display:flex;flex-direction:column;padding-top:4px;max-width:100%}#attendance-history .body .body-content .container .filter-options{width:100%;display:flex;flex-direction:row}#attendance-history .body .body-content .container .filter-options>div:first-child{width:60%;padding-right:10px}#attendance-history .body .body-content .container .filter-options>div:first-child>input{width:100%}#attendance-history .body .body-content .container .filter-options>div:nth-child(2){width:40%}#attendance-history .body .body-content .container .filter-options>div:nth-child(2)>input{width:100%}#attendance-history .body .body-content .container .body-head{width:100%;display:flex;flex-direction:row;border-bottom:1px solid var(--neutral-200)}#attendance-history .body .body-content .container .body-head>div:first-child{width:60%;padding-right:10px}#attendance-history .body .body-content .container .body-head>div:first-child>input{width:100%}#attendance-history .body .body-content .container .body-head>div:nth-child(2){width:40%}#attendance-history .body .body-content .container .body-head>div:nth-child(2)>input{width:100%}#attendance-history .body .body-content .container .title-body-content{color:var(--dark-blue);font-weight:600;font-size:16px;line-height:150%}#attendance-history .body .body-content .container .multiple{border:1px solid #c6ceeb;border-radius:8px;margin:8px 0 24px 0;height:38px!important;box-sizing:border-box}#attendance-history .body .body-content .container .multiple .multiselect__tags{height:100%}#attendance-history .body .body-content .container .input-element{cursor:pointer;border:1px solid #c6ceeb;border-radius:8px;height:38px;outline:none;color:var(--type-active);margin:8px 0 24px 0;font-weight:400;font-size:16px;line-height:150%}#attendance-history .body .body-content .container .input-element:disabled{background-color:var(--neutral-000)}#attendance-history .body .body-content .container .select-input{cursor:pointer}#attendance-history .body .body-content .container .select-input .chevron{position:relative;margin-left:-50px;margin-bottom:20px}#attendance-history .body .body-content .container .select-input .chevron svg{stroke:var(--neutral-500)}#attendance-history .body .body-content .container .close-icon{height:24px;width:24px;fill:var(--neutral-500)}.footer .footer-content{display:flex;justify-content:right;margin:24px}.footer .footer-content button{width:auto;height:auto;padding:14px 16px;font-weight:600;font-size:18px;line-height:28px;border-radius:8px;background-color:var(--blue-500);color:var(--neutral-000)}.spinner{pointer-events:none;position:absolute;background-color:var(--neutral-000);width:22px!important;height:22px!important}.caret,.spinner-position{margin-left:-35px;margin-top:16px}.caret{pointer-events:none;position:absolute;width:24px;height:24px;stroke:var(--neutral-500);background-color:var(--neutral-000)}.rotateUp{animation:rotateUp .5s;animation-fill-mode:forwards}.rotateDown{animation:rotateDown .5s;animation-fill-mode:forwards}@keyframes rotateUp{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotateDown{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}