FlowVue/public/static/dicom/css/index.css

316 lines
12 KiB
CSS
Raw Blame History

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;
}