html,
body {
    width: 100% !important;
    height: 100% !important;
}

body {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC','Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
}

body,
.pms-bg {
    background-color: #f0f3f4 !important;
}

.pms-navbar {
    background-color: #f0f3f4 !important;
}

.pms-navbar-title {
    color: #d97d54 !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.overflow-x-auto {
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

.text-pre-line {
    white-space: pre-line !important;
}

.bootbox {
    height: auto !important;
    top: unset !important;
    bottom: 0px !important;
}

.bootbox .bootbox-accept,
.bootbox .bootbox-accept:hover,
.bootbox .bootbox-accept:active,
.bootbox .bootbox-accept:focus
.bootbox .bootbox-accept:active:focus {
    background-color: transparent !important;
    border: 0px !important;
    color: #007bff !important;
    outline: 0px !important;
    outline-offset: 0px !important;
}

.bootbox .modal-dialog .modal-body,
.bootbox .modal-dialog .modal-footer {
    border: 0px !important;
}

.modal-backdrop.show {
    /*display: none !important;*/
    opacity: 0 !important;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-circle.btn-lg {
    width: 48px;
    height: 48px;
    padding: 10px 15px;
    text-align: center;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 15px;
    text-align: center;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

.modal-dialog-full {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.float-layout {
    position: fixed !important;
    bottom: 1.5rem !important;
    right: 1.5rem !important;
    background-color: transparent !important;
}

.float-layout .pms-call-manger {
    background-color: #e67a49 !important;
    border-color: #e67a49 !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.float-layout .pms-line-manger {
    background-color: #00be00 !important;
    border-color: #00be00 !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    font-size: 1.8rem;
}