@font-face {
    font-family: 'SukhumvitSet';
    src: url('../fonts/SukhumvitSet/SukhumvitSet.eot');
    src: url('../fonts/SukhumvitSet/SukhumvitSet.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SukhumvitSet/SukhumvitSet.svg#SukhumvitSet') format('svg'),
         url('../fonts/SukhumvitSet/SukhumvitSet.ttf') format('truetype'),
         url('../fonts/SukhumvitSet/SukhumvitSet.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SukhumvitSet';
    src: url('../fonts/SukhumvitSet/SukhumvitSet-SemiBold.eot');
    src: url('../fonts/SukhumvitSet/SukhumvitSet-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-SemiBold.svg#SukhumvitSet-SemiBold') format('svg'),
         url('../fonts/SukhumvitSet/SukhumvitSet-SemiBold.ttf') format('truetype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SukhumvitSet';
    src: url('../fonts/SukhumvitSet/SukhumvitSet-Bold.eot');
    src: url('../fonts/SukhumvitSet/SukhumvitSet-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.svg#SukhumvitSet-Bold') format('svg'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.ttf') format('truetype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SukhumvitSet';
    src: url('../fonts/SukhumvitSet/SukhumvitSet-Bold.eot');
    src: url('../fonts/SukhumvitSet/SukhumvitSet-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.svg#SukhumvitSet-Bold') format('svg'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.ttf') format('truetype'),
         url('../fonts/SukhumvitSet/SukhumvitSet-Bold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

.icon{
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
}
.icon.icon-square{
    width: 30px;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
}
.icon.icon-eye{
    background-image: url('../images/icon-eye.svg');
}
.icon.icon-logout{
    background-image: url('../images/icon-logout.svg');
}
.icon.icon-facebook{
    background-image: url('../images/icon-facebook.svg');
}
.icon.icon-line{
    background-image: url('../images/icon-line.svg');
}
.icon.icon-edit{
    background-image: url('../images/icon-edit.svg');
}
.icon.icon-edit-blue{
    background-image: url('../images/icon-edit-blue.svg');
}
.icon.icon-delete{
    background-image: url('../images/icon-delete.svg');
}
.icon.icon-close{
    background-image: url('../images/icon-close.svg');
}
.icon.icon-list{
    background-image: url('../images/icon-list.svg');
}
.icon.icon-expand{
    background-image: url('../images/icon-expand.svg');
}
.icon.icon-video-blue{
    background-image: url('../images/icon-video-blue.svg');
}
.icon.icon-video{
    background-image: url('../images/icon-video.svg');
}
.icon.icon-video-off{
    background-image: url('../images/icon-video-off.svg');
}
.icon.icon-call-blue{
    background-image: url('../images/icon-call-blue.svg');
}
.icon.icon-call{
    background-image: url('../images/icon-call.svg');
}
.icon.icon-call-off{
    background-image: url('../images/icon-call-off.svg');
}
.icon.icon-volume{
    background-image: url('../images/icon-volume.svg');
}
.icon.icon-volume-off{
    background-image: url('../images/icon-volume-off.svg');
}
.icon.icon-mic{
    background-image: url('../images/icon-mic.svg');
}
.icon.icon-mic-off{
    background-image: url('../images/icon-mic-off.svg');
}
.icon.icon-mic{
    background-image: url('../images/icon-mic.svg');
}
.icon.icon-mic-off{
    background-image: url('../images/icon-mic-off.svg');
}
.icon.icon-eye{
    background-image: url('../images/icon-eye.svg');
}
.icon.icon-hospital{
    background-image: url('../images/icon-hospital.svg');
}
.icon.icon-department{
    background-image: url('../images/icon-department.svg');
}
.icon.icon-staff{
    background-image: url('../images/icon-staff.svg');
}
.icon.icon-er{
    background-image: url('../images/icon-er.svg');
}
.icon.icon-doctor{
    background-image: url('../images/icon-doctor.svg');
}
.icon.icon-plus{
    background-image: url('../images/icon-plus.svg');
}
.icon.icon-send{
    background-image: url('../images/icon-send.svg');
}
.icon.icon-pdf{
    background-image: url('../images/icon-pdf.png');
}
.icon.icon-docx{
    background-image: url('../images/icon-docx.png');
}
.icon.icon-xlsx{
    background-image: url('../images/icon-xlsx.png');
}
.icon.icon-zip{
    background-image: url('../images/icon-zip.png');
}
.icon.icon-add-list{
    background-image: url('../images/icon-add-list.svg');
}
.icon.icon-case-doing{
    background-image: url('../images/icon-case-doing.svg?ver=1');
}
.icon.icon-case-done{
    background-image: url('../images/icon-case-done.svg?ver=1');
}
.icon.icon-case-new{
    background-image: url('../images/icon-case-new.svg?ver=1');
}
.icon.icon-calendar{
    background-image: url('../images/icon-calendar.svg');
}
.icon.icon-time{
    background-image: url('../images/icon-time.svg');
}
.icon.icon-angle-down{
    background-image: url('../images/icon-angle-down.svg');
}
.icon.icon-call-out{
    background-image: url('../images/icon-call-out.svg');
}
.icon.icon-map{
    background-image: url('../images/icon-map.svg');
}
.icon.icon-phone{
    background-image: url('../images/icon-phone.svg');
}
.icon.icon-filter{
    background-image: url('../images/icon-filter.svg');
}
.icon.icon-account{
    background-image: url('../images/icon-account.svg');
}
.icon.icon-contact{
    background-image: url('../images/icon-contact.svg');
}
.icon.icon-emergency{
    background-image: url('../images/icon-emergency.svg');
}
.icon.icon-doctor-connect{
    background-image: url('../images/icon-doctor-connect.svg');
}
.icon.icon-car{
    background-image: url('../images/icon-car.svg');
}
.icon.icon-search{
    background-image: url('../images/icon-search.svg');
}

/* puu 2020-11-27 */
.icon.icon-flip-camera{
    background-image: url('../images/icon-flip-camera.svg');
}
.icon.icon-expand-close{
    background-image: url('../images/icon-expand-close.svg');
}

/* ver 2 */
.icon.icon-walk{
    background-image: url('../images/icon-walk.svg');
}
.icon.icon-fast{
    background-image: url('../images/icon-fast.svg');
}
.icon.icon-siren{
    background-image: url('../images/icon-siren.svg');
}
.icon.icon-build{
    background-image: url('../images/icon-build.svg');
}
.icon.icon-section{
    background-image: url('../images/icon-section.svg');
}
.icon.icon-type{
    background-image: url('../images/icon-type.svg');
}
.icon.icon-queue{
    background-image: url('../images/icon-queue.svg');
}
.icon.icon-queue-manage{
    background-image: url('../images/icon-queue-manage.svg');
}
.icon.icon-queue-chat{
    background-image: url('../images/icon-queue-chat.svg');
}
.icon.icon-queue-memo{
    background-image: url('../images/icon-queue-memo.svg');
}
.icon.icon-queue-doctor{
    background-image: url('../images/icon-queue-doctor.svg');
}
.icon.icon-schedule-doctor{
    background-image: url('../images/icon-schedule-doctor.svg');
}
.icon.icon-schedule-stationary{
    background-image: url('../images/icon-schedule-stationary.svg');
}
.icon.icon-dc-request{
    background-image: url('../images/icon-dc-request.svg');
}
.icon.icon-checking{
    background-image: url('../images/icon-checking.svg');
}
.icon.icon-operative{
    background-image: url('../images/icon-operative.svg');
}
.icon.icon-syringe{
    background-image: url('../images/icon-syringe.svg');
}
.icon.icon-xray{
    background-image: url('../images/icon-xray.svg');
}
.icon.icon-qdc-work{
    background-image: url('../images/icon-qdc-work.svg');
}
.icon.icon-qdc-chat{
    background-image: url('../images/icon-qdc-chat.svg');
}
.icon.icon-qdc-memo{
    background-image: url('../images/icon-qdc-memo.svg');
}
.icon.icon-qdc-queue{
    background-image: url('../images/icon-qdc-queue.svg');
}
.icon.icon-q-manage{
    background-image: url('../images/icon-q-manage.svg');
}
.icon.icon-q-chat{
    background-image: url('../images/icon-q-chat.svg');
}
.icon.icon-q-memo{
    background-image: url('../images/icon-q-memo.svg');
}
.icon.icon-q-request{
    background-image: url('../images/icon-q-request.svg');
}
.icon.icon-q-work{
    background-image: url('../images/icon-q-work.svg');
}

/* 2021-03-17 */
.icon.icon-group{
    background-image: url('../images/icon-group.svg');
}
.icon.icon-queue-procedure{
    background-image: url('../images/icon-queue-procedure.svg');
}
.icon.icon-queue-invest{
    background-image: url('../images/icon-queue-invest.svg');
}
.icon.icon-qq-request{
    background-image: url('../images/icon-qq-request.svg');
}
.icon.icon-qr-list{
    background-image: url('../images/icon-qr-list.svg');
}
.icon.icon-qr-list2{
    background-image: url('../images/icon-qr-list2.svg');
}
.icon.icon-qr-doctor{
    background-image: url('../images/icon-qr-doctor.svg');
}
.icon.icon-qr-calendar{
    background-image: url('../images/icon-qr-calendar.svg');
}
.icon.icon-success{
    background-image: url('../images/icon-success.svg');
}
.icon.icon-fail{
    background-image: url('../images/icon-fail.svg');
}
.icon.icon-queue-request{
    background-image: url('../images/icon-queue-request.svg');
}
.icon.icon-checkin{
    background-image: url('../images/icon-checkin.svg');
}