@charset "utf-8";

/**
* aidma-phoneのアイコン制御に関するスタイルを記述する
*/
:root {
    --icon-selector: url('https://webphone.mem-bers.jp/images/pages/selector.svg');
    --icon-magnifying-glass: url('https://webphone.mem-bers.jp/images/icons/icon-magnifying-glass.svg');
    --icon-dial-pad-frame: url('https://webphone.mem-bers.jp/images/dial-pad/icon-frame.svg');
    --icon-stay_number: url('https://webphone.mem-bers.jp/images/pages/stay_number.svg');
    --icon-phone-cut: url('https://webphone.mem-bers.jp/images/phone/phone_cut_big.svg');
    --icon-phone-on: url('https://webphone.mem-bers.jp/images/phone/phone_on_big.svg');
    --icon-phone-export: url('https://webphone.mem-bers.jp/images/phone/phone_export.svg');
    --icon-phone-export-small-blue: url('https://webphone.mem-bers.jp/images/phone/phone_export_small_blue.svg');
    --icon-phone-stay-small: url('https://webphone.mem-bers.jp/images/phone/phone_stay_small.svg');
    --icon-phone-stay-small-green: url('https://webphone.mem-bers.jp/images/phone/phone_stay_small_green.svg');
    --icon-phone-history: url('https://webphone.mem-bers.jp/images/navi/history.svg');
    --icon-phone-history_on: url('https://webphone.mem-bers.jp/images/navi/history_on.svg');
    --icon-phone-stay: url('https://webphone.mem-bers.jp/images/navi/stay.svg');
    --icon-phone-stay_on: url('https://webphone.mem-bers.jp/images/navi/stay_on.svg');
    --icon-phone-stay_attention: url('https://webphone.mem-bers.jp/images/navi/stay_attention.svg');
    --icon-phone-inoffice: url('https://webphone.mem-bers.jp/images/navi/inoffice.svg');
    --icon-phone-inoffice_on: url('https://webphone.mem-bers.jp/images/navi/inoffice_on.svg');
    --icon-phone-outoffice: url('https://webphone.mem-bers.jp/images/navi/outoffice.svg');
    --icon-phone-outoffice_on: url('https://webphone.mem-bers.jp/images/navi/outoffice_on.svg');
    --icon-phone-key: url('https://webphone.mem-bers.jp/images/navi/key.svg');
    --icon-phone-key_on: url('https://webphone.mem-bers.jp/images/navi/key_on.svg');
    --icon-close: url('https://webphone.mem-bers.jp/images/icons/icon-close.svg');
}

.icon-header-logo {
    height: 19.68px;
    width: 70.93px;
}

.icon-footer {
    width: 19px;
    height: 19px;
}

.slt-selector {
    background-image: var(--icon-selector);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px, auto;
}

.txt-search-magnifying-glass {
    background-image: var(--icon-magnifying-glass);
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px, auto;
}

/* 共通で使用するアイコン begin */
.icon-from {
    width: 16px;
    height: 16px;
}

.icon-phone_small {
    width: 30px;
    height: 30px;
}

.icon-information {
    width: 20px;
    height: 20px;
}

.icon-star {
    width: 15px;
    height: 15px;
}

.icon-outgoing-call {
    width: 13.27px;
    height: 14.2px;
}

/* 共通で使用するアイコン end */

/* フッターのアイコン begin */
.bg-icon-footer-history {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-history);
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-icon-footer-history_on {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-history_on);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-blue1);
    font-weight: bold;
}

.bg-icon-footer-stay {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-stay);
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-icon-footer-stay_on {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-stay_on);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-blue1);
    font-weight: bold;
}

.bg-icon-footer-stay_attention {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-stay_attention);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-orange1);
    font-weight: bold;
}

.bg-icon-footer-inoffice {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-inoffice);
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-icon-footer-inoffice_on {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-inoffice_on);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-blue1);
    font-weight: bold;
}

.bg-icon-footer-outoffice {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-outoffice);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 1px;
}

.bg-icon-footer-outoffice_on {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-outoffice_on);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-blue1);
    font-weight: bold;
    background-position-y: 1px;
}

.bg-icon-footer-key {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-key);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.bg-icon-footer-key_on {
    width: 19px;
    height: 19px;
    background-image: var(--icon-phone-key_on);
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--theme-color-blue1);
    font-weight: bold;
    background-position-y: 3px;
}

/* フッターのアイコン end */

/* ダイヤルパッド begin */
.icon-dial-pad-company {
    height: 23px;
    width: 23px;
}

.icon-dial-pad-back {
    width: 19.96px;
    height: 17px;
}

.icon-dial-frame {
    width: 72px;
    height: 52px;
    background-image: var(--icon-dial-pad-frame);
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-dial-key {
    width: 32px;
    height: 32px;
}

.icon-dial-asterisk {
    width: 26px;
    height: 26px;
}

.icon-dial-pad-call {
    width: 64px;
    height: 64px;
}

/* ダイヤルパッド end */

/* 履歴 begin */
.icon-history-company-edit {
    width: 40px;
    height: 40px;
}

.icon-history-staff {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* 履歴 end */

/* 保留 begin */
.icon-hold-company_non {
    width: 40px;
    height: 40px;
}

.icon-hold-stay_number {
    width: 20px;
    height: 20px;
    background-image: var(--icon-stay_number);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 保留 end */

/* 内線 begin */
.icon-extension-call-user {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.icon-online-mark {
    width: 9px;
    height: 9px;
}

/* 内線 end */

/* 外線 begin */
.icon-outside-call-plus {
    width: 14px;
    height: 14px;
}

/* 外線 end */

/* 通話画面 begin */

/* 「宛」アイコン */
.icon-from-big {
    width: 22px;
    height: 22px;
}

.icon-telephone-call-target {
    border-radius: 50%;
    width: 143px;
    height: 143px;
}

/* 着信切断 */
.icon-cut_incoming_call {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-cut);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 着信応答 */
.icon-answer_incoming_call {
    width: 60px;
    height: 60px;
    background-image: var(--icon-phone-on);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 着信時の保留（無効） */
.icon-disable_park_hold {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-export);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
}

/* 通話中の保留 */
.icon-on-hold_telephone_call {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-stay-small);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 通話中の切断 */
.icon-cut_telephone_call {
    width: 60px;
    height: 60px;
    background-image: var(--icon-phone-cut);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 通話中のパーク保留 */
.icon-on-park_hold_telephone_call {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-export);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 保留解除 */
.icon-release_hold_telephone_call {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-stay-small-green);
    background-size: contain;
    background-repeat: no-repeat;
}

/* パーク保留解除 */
.icon-release_park_hold_telephone_call {
    width: 35px;
    height: 35px;
    background-image: var(--icon-phone-export-small-blue);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 通話画面 end */

/* モーダルの閉じる begin */
.icon-close {
    background-image: var(--icon-close);
    background-size: contain;
    background-repeat: no-repeat;
}

/* モーダルの閉じる end */

/* 外線詳細に関するスタイル begin */
.ocd_icon_company_edit {
    width: 82px;
    height: 82px;
}

.ocd_icon_phone_small {
    width: 25px;
    height: 25px;
}

.ocd_icon_from {
    width: 16px;
    height: 16px;
}

.ocd_icon_greater_than {
    width: 7px;
    height: 14px;
}

/* 外線詳細に関するスタイル end */