FlowVue/public/dicom/css/index.css

body {
    background: #e8ebf3;
    font-family: Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    padding: 0;
    margin: 0;
}

.errormsg {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #00998c;
    font-size: 1.2em;
}

.ic_scan {
    width: 96px;
    height: 96px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA2NDU4MDIwMTcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNDYgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwODU2IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pMyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NS4zNzUiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTIyLjc1NTU1NiAzODYuODQ0NDQ0Yy0xMS4zNzc3NzggMC4xODIwNDQtMjIuNzU1NTU2LTguNjY5ODY3LTIyLjc1NTU1Ni0xOS4xNjAxNzdWMTIwLjAzNTU1NkMwIDUzLjcwMzExMSA1NC4yMjY0ODkgMCAxMjAuOTkxMjg5IDBIMzU1LjY2OTMzM2MxMC40Njc1NTYgMCAxOS43OTczMzMgMTEuMzc3Nzc4IDE5Ljc5NzMzNCAyMi43NTU1NTZzLTkuMzI5Nzc4IDIyLjc1NTU1Ni0xOS43OTczMzQgMjIuNzU1NTU1SDEyMC45OTEyODlDNzUuMDkzMzMzIDQ1LjUxMTExMSA0NS41MTExMTEgNzQuNzA2NDg5IDQ1LjUxMTExMSAxMjAuMDM1NTU2djI0Ny42NDg3MTFjMCAxMC40Njc1NTYtMTEuMzc3Nzc4IDE4Ljk3ODEzMy0yMi43NTU1NTUgMTkuMTYwMTc3ek0xMDEyLjYyMjIyMiAzODYuODQ0NDQ0YzExLjM3Nzc3OCAwLjE4MjA0NCAyMi43NTU1NTYtOC42Njk4NjcgMjIuNzU1NTU2LTE5LjE2MDE3N1YxMjAuMDM1NTU2QzEwMzUuMzc3Nzc4IDUzLjcwMzExMSA5ODEuMTUxMjg5IDAgOTE0LjM4NjQ4OSAwSDY3OS43MDg0NDRjLTEwLjQ2NzU1NiAwLTE5Ljc5NzMzMyAxMS4zNzc3NzgtMTkuNzk3MzMzIDIyLjc1NTU1NnM5LjMyOTc3OCAyMi43NTU1NTYgMTkuNzk3MzMzIDIyLjc1NTU1NWgyMzQuNjc4MDQ1Qzk2MC4yODQ0NDQgNDUuNTExMTExIDk4OS44NjY2NjcgNzQuNzA2NDg5IDk4OS44NjY2NjcgMTIwLjAzNTU1NnYyNDcuNjQ4NzExYzAgMTAuNDY3NTU2IDExLjM3Nzc3OCAxOC45NzgxMzMgMjIuNzU1NTU1IDE5LjE2MDE3N3pNMTAxMi42MjIyMjIgNjM3LjE1NTU1NmMxMS4zNzc3NzgtMC4xODIwNDQgMjIuNzU1NTU2IDguNjkyNjIyIDIyLjc1NTU1NiAxOS4xNjAxNzd2MjQ3LjY0ODcxMUMxMDM1LjM3Nzc3OCA5NzAuMjk2ODg5IDk4MS4xNTEyODkgMTAyNCA5MTQuMzg2NDg5IDEwMjRINjc5LjcwODQ0NGMtMTAuNDY3NTU2IDAtMTkuNzk3MzMzLTExLjM3Nzc3OC0xOS43OTczMzMtMjIuNzU1NTU2czkuMzI5Nzc4LTIyLjc1NTU1NiAxOS43OTczMzMtMjIuNzU1NTU1aDIzNC42NzgwNDVjNDUuODk3OTU2IDAgNzUuNDgwMTc4LTI5LjE5NTM3OCA3NS40ODAxNzgtNzQuNTI0NDQ1VjY1Ni4zMTU3MzNjMC0xMC40Njc1NTYgMTEuMzc3Nzc4LTE4Ljk3ODEzMyAyMi43NTU1NTUtMTkuMTYwMTc3ek0yMi43NTU1NTYgNjM3LjE1NTU1NmMtMTEuMzc3Nzc4LTAuMTgyMDQ0LTIyLjc1NTU1NiA4LjY5MjYyMi0yMi43NTU1NTYgMTkuMTYwMTc3djI0Ny42NDg3MTFDMCA5NzAuMjk2ODg5IDU0LjIyNjQ4OSAxMDI0IDEyMC45OTEyODkgMTAyNEgzNTUuNjY5MzMzYzEwLjQ2NzU1NiAwIDE5Ljc5NzMzMy0xMS4zNzc3NzggMTkuNzk3MzM0LTIyLjc1NTU1NnMtOS4zMjk3NzgtMjIuNzU1NTU2LTE5Ljc5NzMzNC0yMi43NTU1NTVIMTIwLjk5MTI4OUM3NS4wOTMzMzMgOTc4LjQ4ODg4OSA0NS41MTExMTEgOTQ5LjI5MzUxMSA0NS41MTExMTEgOTAzLjk2NDQ0NFY2NTYuMzE1NzMzYzAtMTAuNDY3NTU2LTExLjM3Nzc3OC0xOC45NzgxMzMtMjIuNzU1NTU1LTE5LjE2MDE3N3oiIGZpbGw9IiMwMDk5OGMiIHAtaWQ9IjEwODU3Ij48L3BhdGg+PHBhdGggZD0iTTQ2Ny4xNzE1NTYgMTgyLjA0NDQ0NGMxNS43Njk2IDAgMjguNTM1NDY3IDEyLjc2NTg2NyAyOC41MzU0NjYgMjguNTEyNzEydjI1Ni42MzcxNTVjMCAxNS43NDY4NDQtMTIuNzY1ODY3IDI4LjUxMjcxMS0yOC41MTI3MTEgMjguNTEyNzExSDIxMC41NTcxNTZBMjguNTEyNzExIDI4LjUxMjcxMSAwIDAgMSAxODIuMDQ0NDQ0IDQ2Ny4xNzE1NTZWMjEwLjU1NzE1NkMxODIuMDQ0NDQ0IDE5NC44MTAzMTEgMTk0LjgxMDMxMSAxODIuMDQ0NDQ0IDIxMC41NTcxNTYgMTgyLjA0NDQ0NGgyNTYuNjM3MTU1eiBtMC42NTk5MTEgMjg1Ljc4NzAyM1YyMDkuOTJIMjA5LjkyVjQ2Ny44NTQyMjJINDY3Ljg1NDIyMnpNNDY3LjE3MTU1NiA1NTEuMDQ4NTMzYzE1Ljc2OTYgMCAyOC41MzU0NjcgMTIuNzY1ODY3IDI4LjUzNTQ2NiAyOC41MTI3MTF2MjU2LjYzNzE1NmMwIDE1Ljc0Njg0NC0xMi43NjU4NjcgMjguNTEyNzExLTI4LjUxMjcxMSAyOC41MTI3MTFIMjEwLjU1NzE1NkEyOC41MTI3MTEgMjguNTEyNzExIDAgMCAxIDE4Mi4wNDQ0NDQgODM2LjE5ODRWNTc5LjU2MTI0NGMwLTE1Ljc0Njg0NCAxMi43NjU4NjctMjguNTEyNzExIDI4LjUxMjcxMi0yOC41MTI3MTFoMjU2LjYzNzE1NXogbTAuNjU5OTExIDI4NS43ODcwMjNWNTc4LjkwMTMzM0gyMDkuOTJ2MjU3LjkxMTQ2N0g0NjcuODU0MjIyek04MzYuMTk4NCAxODIuMDQ0NDQ0Qzg1MS45NDUyNDQgMTgyLjA0NDQ0NCA4NjQuNzExMTExIDE5NC44MTAzMTEgODY0LjcxMTExMSAyMTAuNTU3MTU2djI1Ni42MzcxNTVjMCAxNS43NDY4NDQtMTIuNzY1ODY3IDI4LjUxMjcxMS0yOC41MTI3MTEgMjguNTEyNzExSDU3OS41NjEyNDRhMjguNTEyNzExIDI4LjUxMjcxMSAwIDAgMS0yOC41MTI3MTEtMjguNTEyNzExVjIxMC41NTcxNTZjMC0xNS43NDY4NDQgMTIuNzY1ODY3LTI4LjUxMjcxMSAyOC41MTI3MTEtMjguNTEyNzEyaDI1Ni42MzcxNTZ6IG0wLjYzNzE1NiAyODUuNzg3MDIzVjIwOS45Mkg1NzguOTAxMzMzVjQ2Ny44NTQyMjJoMjU3LjkxMTQ2N3oiIGZpbGw9IiMwMDk5OGMiIHAtaWQ9IjEwODU4Ij48L3BhdGg+PHBhdGggZD0iTTI5Mi43NTAyMjIgMjkyLjc1MDIyMmg5Mi4yNTEwMjJ2OTIuMjUxMDIyaC05Mi4yNTEwMjJ6TTI5Mi43NTAyMjIgNjYxLjc1NDMxMWg5Mi4yNTEwMjJ2OTIuMjUxMDIyaC05Mi4yNTEwMjJ6TTY2MS43NTQzMTEgMjkyLjc1MDIyMmg5Mi4yNTEwMjJ2OTIuMjUxMDIyaC05Mi4yNTEwMjJ6TTc3Mi40NjAwODkgNTUxLjA0ODUzM2g3My43OTYyNjd2NzMuNzk2MjY3aC03My43OTYyNjd6TTc2OC43NzM2ODkgNzY4Ljc3MzY4OWgtNTEuNjU1MTExdjc3LjQ4MjY2N2gxMjkuMTM3Nzc4di0xMjkuMTM3Nzc4aC03Ny40ODI2Njd6TTU1MS4wNDg1MzMgNzcyLjQ2MDA4OWg3My43OTYyNjd2NzMuNzk2MjY3aC03My43OTYyNjd6TTU1MS4wNDg1MzMgNTUxLjA0ODUzM2g3My43OTYyNjd2NzMuNzk2MjY3aC03My43OTYyNjd6IiBmaWxsPSIjMDA5OThjIiBwLWlkPSIxMDg1OSI+PC9wYXRoPjxwYXRoIGQ9Ik02MjQuODY3NTU2IDYyNC44Njc1NTZoOTIuMjUxMDIydjE0Ny41OTI1MzNoLTkyLjI3Mzc3OHoiIGZpbGw9IiMwMDk5OGMiIHAtaWQ9IjEwODYwIj48L3BhdGg+PC9zdmc+') no-repeat center center;
    background-size: 96px;
    margin-bottom: 1em;
}

.container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.top {
    padding-top: 1.5em;
    padding-bottom: 2.5em;
    background: #ea7e1d;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.hospital_name, .copyright {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
}

.title1 {
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 0.5em;
}

.main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #e8ebf3;
    border-top-left-radius: 1.2em;
    border-top-right-radius: 1.2em;
    position: relative;
    top: -1em;
}

.top_description {
    position: absolute;
    top: 2em;
    font-size: 0.8em;
    text-align: center;
    width: 100%;
    color: #d15f27;
}

    .top_description .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 3px 0;
    }

.ic_alert {
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NTk3NzYyMjQzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI4NDUiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTk2MS4wMDg2NCA3MTIuNDI3NTJhNTMzNzguOTM4ODggNTMzNzguOTM4ODggMCAwIDEtMzAwLjMzOTItNTMwLjM1MDA4QzU2MS41NzE4NCA0LjcxNTUyIDQ2Mi40NDg2NCA0LjcxNTUyIDM2My4zNDU5MiAxODIuMDc3NDRhNTQyNDUuMDI3ODQgNTQyNDUuMDI3ODQgMCAwIDEtMzAwLjM1NDU2IDUzMC4zNTAwOGMtMTAxLjEyIDE3Ni4xOTQ1Ni01MS41ODQgMjYzLjY2NDY0IDE0OC42NzQ1NiAyNjIuNDgxOTIgMjAwLjIyMjcyLTEuMTY3MzYgNDAwLjQ2NTkyLTEuMTY3MzYgNjAwLjY2ODE2IDAgMjAwLjIyNzg0IDEuMTk4MDggMjQ5LjgwOTkyLTg2LjI4MjI0IDE0OC42NzQ1Ni0yNjIuNDgxOTJ6IG0tNDAyLjcxODcyLTM5MC41MjI4OGwtMTMuNzAxMTIgMzY1LjMyNzM2SDQ4MS41MDUyOGwtMTMuNzQ3Mi0zNjUuMzI3MzZoOTAuNTMxODR6IG0tNDYuNjQzMiA1MzUuMjQ0OGMtMzEuNTM0MDggMC01NC4xOTAwOC0yNi4xMjczNi01NC4xOTAwOC01Ni40MDE5MiAwLTMwLjk3NiAyNC4wMzMyOC01NS43MTA3MiA1NC4xOTAwOC01NS43MTA3MiAzMC4xNzcyOCAwIDU0Ljg2MDggMjQuNzUwMDggNTQuODYwOCA1NS43MTA3MiAwIDMxLjY1MTg0LTI0LjY4MzUyIDU2LjQwMTkyLTU0Ljg2MDggNTYuNDAxOTJ6IiBmaWxsPSIjZTA1NzA0IiBwLWlkPSIyODQ2Ij48L3BhdGg+PC9zdmc+') no-repeat center center;
    background-size: 24px;
}

.ic_ok {
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA2ODg4NTQ4NjU5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxNjAiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MTJtLTQ0OCAwYTQ0OCA0NDggMCAxIDAgODk2IDAgNDQ4IDQ0OCAwIDEgMC04OTYgMFoiIGZpbGw9IiM0Q0FGNTAiIHAtaWQ9IjMxNjEiPjwvcGF0aD48cGF0aCBkPSJNNzM4LjEzMzMzMyAzMTEuNDY2NjY3TDQ0OCA2MDEuNmwtMTE5LjQ2NjY2Ny0xMTkuNDY2NjY3LTU5LjczMzMzMyA1OS43MzMzMzQgMTc5LjIgMTc5LjIgMzQ5Ljg2NjY2Ny0zNDkuODY2NjY3eiIgZmlsbD0iI0NDRkY5MCIgcC1pZD0iMzE2MiI+PC9wYXRoPjwvc3ZnPg==') no-repeat center center;
    background-size: 24px;
}

.top_description .row span {
    margin-bottom: 4px;
    line-height: 150%;
}

.top_description.ok {
    color: #02934e;
}

.bodypart-list {
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    color: #00998c;
    margin-bottom: 2em;
}

.btn1, .btn2, .btn3, .btn4 {
    padding: 0.6em 0;
    font-size: 1.1em;
    width: 80%;
    margin: 0 10%;
    font-weight: bold;
    text-align: center;
    border-radius: 0.5em;
    color: #fff;
    margin-top: 1em;
}

.btn1 {
    background-color: #02934e;
    margin-top: 4em;
}

    .btn1:active {
        background-color: #02532c;
    }

.btn2 {
    background-color: #00a99b;
}

    .btn2:active {
        background-color: #006e65;
    }

.btn3 {
    background-color: #0067a9;
}

    .btn3:active {
        background-color: #004d7e;
    }

.btn4 {
    background-color: #d15f27;
}

    .btn4:active {
        background-color: #853a15;
    }

.disabled {
    background-color: #bebebe;
}

.bottom {
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
    font-size: 0.7em;
    margin-bottom: 2em;
    color: #696969;
}

.container_dialog {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
}

    .container_dialog.hide {
        display: none;
    }

    .container_dialog.show {
        display: flex;
    }

.dialog_overlay {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .5;
    position: absolute;
    transition-delay: .15s;
}

.dialog {
    z-index: 1;
    width: 65%;
    background: #e8ebf3;
    border-radius: 1em;
    transition-timing-function: cubic-bezier(.54,1.12,.38,1.11);
    transition-duration: .3s;
    transition-delay: 0;
    transition-property: opacity,transform;
}

    .dialog.show {
        opacity: 1;
        transform: scale(1);
    }

    .dialog.hide {
        transform: scale(.5);
        opacity: 0;
    }

.dialog_content {
    padding: 1.3em;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #313131;
}

.dialog_button {
    border-top: 1px solid #ccc;
    padding: 0.8em 0;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: #00998c;
}

    .dialog_button:active {
        background-color: #e7e7e7;
        border-radius: 0 0 1em 1em;
    }

.phone-button {
}

.input-phone {
    flex-grow: 1;
    margin-right: 5px;
}

.phone-div {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
}

.close-div {
    display: flex;
    flex-direction: row-reverse
}

.modal {
    display: none; /* <20><><EFBFBD>ص<EFBFBD><D8B5><EFBFBD><EFBFBD><EFBFBD> */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* <20><>͸<EFBFBD><CDB8><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
}

.modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 15px;
    border: 1px solid #888;
    width: 80%;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

#zhuanjia-div {
    display: none;
}