*{margin: 0;padding: 0;box-sizing: border-box} html, body{ padding: 0; margin: 0; font: 14px Roboto, Arial, Tahoma, Verdana, sans-serif; line-height: 20px; color: #333; height: 100%; } @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/content/fonts/roboto.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} /* latin-ext */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/content/fonts/roboto400le.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/content/fonts/roboto400l.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* latin-ext */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/content/fonts/roboto500le.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/content/fonts/roboto500l.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* latin-ext */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/content/fonts/roboto700le.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin */ @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/content/fonts/roboto700l.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} *:focus{ outline: 0; } ::placeholder {color:#999} img{ border: 0; vertical-align: middle; } form{ padding: 0; margin: 0;} label{ vertical-align: middle; } input{ padding: 0 5px; margin: 0; outline: none; vertical-align: middle; font-size: 14px;height:26px;font-size: 14px; line-height: 26px; background: #fff; border: 1px solid #ddd} input::-moz-focus-inner{ padding: 0; border: 0; } input.error{ background: #ffc9bb !important; } @keyframes loading {100% {background-position: 3000px 0;}} @keyframes spin {0%{transform: rotate(360deg)} 100%{transform: rotate(0deg)}} #loadPageDiv {width: 200px;height: 50px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9000;display: block;color: #898989;text-align: center;font-size: 16px;} #loadPageDiv:before { content: "";position:absolute;left: 0;top: 22px;right: 0;bottom:0;animation: loading 50s linear infinite; background: repeat-x url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTAgMGgxOXYxOWgtMTl6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+'); } button{ cursor: pointer; padding: 2px 20px; overflow: hidden; height: 28px; line-height: 22px; border-radius: 3px; border: 1px solid #ccc; color: #000;font-weight: bold;font-size: 14px} button.yellow{ background: linear-gradient(to bottom, #fff693, #ffd50d 100%); } button.grey{ background: linear-gradient(to bottom, #fff 0%, #ddd 100%); } button:disabled{ cursor: default;opacity: 0.3} button:focus{box-shadow: 0 0 5px #21A567;border-color: #21A567;} select{ padding: 0; margin: 0; vertical-align: middle; font-size: 13px } textarea{ margin: 0; padding: 3px 5px; font-size: 14px; line-height: 20px; border: 1px solid #cfcfcf; resize: none; outline: none; } ul li{ list-style-type: none; } a{ text-decoration: none; color: #21a567; } a:hover{ text-decoration: none; color: #363636; } u{ border-bottom: 1px solid #c7e8d9; text-decoration: none; } u:hover{ border-bottom: 1px solid #d9d9d9; } .fl_left{ float: left!important; } .fl_right{ float: right!important; } .f_bold{ font-weight: bold; } .of_text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p_fixed_top { position: fixed; top: 0; z-index: 10; box-shadow: 0 0 10px #999;background: #fff} .em{ font-size: 12px;color:#7d7d7d} .cr_point{cursor: pointer;} .br_top {border-top: 1px solid #d5d5d5;} .br_bottom {border-bottom: 1px solid #d9d9d9;} .cl{ clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; } .red{ border: 1px solid red; } .client_head{display:flex;align-items: center;justify-content:center;flex-wrap:wrap;column-gap:20px;row-gap:10px;} .login_header{padding:10px 0} .login_bg { background: #f7f7f8;padding: 0 0 40px 0} .login_bg.top {padding: 40px 0 20px 0} .login_bg.expired { padding: 20px 0 20px 0; } .login_bg .bl_error{ width: 360px; background: #ffc9bb;margin: 20px auto 0 auto;border-radius: 3px;padding: 4px 12px 3px 12px;color: #500;border: 1px solid #efbaac} .login_bg .bl_error a{ color: #000; font-weight: bold; } .login_bg .bl_error a:hover{text-decoration: underline;} .login_bg.info{ text-align: center; padding: 40px 0} .login_bg.info h1{ font-size: 24px;margin-bottom: 20px;} .login_bg.info .bl_text{ margin-bottom: 20px} .login_bg.info form.login_form{ padding: 0!important} .login_switch{background: #ebebeb;border-radius: 5px;height: 40px;display: flex;align-items: stretch;width: 360px;margin: 0 auto} .login_switch .item{cursor: pointer;border-radius: 3px;text-align: center;line-height: 40px;font-size: 16px;color: #363636;font-weight: bold;flex: 1 1 0px} .login_switch .item.active {cursor: default;background: linear-gradient(to bottom, #28c279, #21a567 100%);color:#fff;border: 1px solid #21a567} .login_form{margin:0 auto;width:360px} .login_form .item { position: relative;margin-bottom:20px} .login_form .item label{position: absolute; left: 10px;right: 10px;top: 0;font-size: 18px;font-weight: 400;line-height: 50px;color: #999;pointer-events: none;cursor: text;transition: .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;} .login_form .item.focus label{left: 7px;top: 2px;font-size: 12px;line-height: 18px} .login_form .item input{width: 100%;padding: 20px 5px 5px 5px;box-sizing: border-box;font-size: 18px;line-height: 24px;height: 50px;border-radius: 5px;} .login_form a.link{ display: block; float: right; font-size: 12px; margin: 5px 0 0; } .login_form button {font-size: 18px;height: 36px;width: 160px} .login_form .bl_btns { display: flex; justify-content: center; gap: 6px; } .login_info {margin:0 auto;padding:40px 0;font-size:16px;} .login_info .row{display:flex;justify-content:center;flex-wrap: wrap;column-gap:40px;row-gap:20px;padding:0 20px} .login_info .row .item {width:260px;text-align:left;} .login_info .line{margin-bottom: 20px;padding-top: 20px;border-bottom: 1px solid #ddd;clear: both;} .bl_client{margin:0 20px;display: flex;justify-content:center} .bl_client a { color: #333} .bl_client .name {font-weight:bold;margin-right: 20px} .header form{display:none} .bl_menu_bar{flex:1 1 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:-1px;position:relative} .bl_menu_bar .bl_menu{display:flex;justify-content:end} .bl_menu_bar .bl_menu .item{ display: block;color: #898989;flex: 0 0 auto;line-height: 22px; padding: 5px 15px; text-align: center} .bl_menu_bar .bl_menu .item .icons{margin-top: 13px} .bl_menu_bar .bl_menu a.item:hover {background: #f7f7f8;color: #21a567} .bl_menu_bar .bl_menu .item.selected {background: transparent;color: #21a567} .bl_menu_bar .bl_search{position: absolute;left:0;top:0;right:0;bottom:0;background:#fff;display:flex;align-items:center;justify-content:end} .bl_menu_bar .bl_search .bar{position: relative;margin: 0 20px;flex: 1 1 0;max-width: 520px;} .bl_menu_bar .bl_search .icons{ position: absolute;top: 3px;} .bl_menu_bar .bl_search .icons.search {left: 4px;} .bl_menu_bar .bl_search .icons.cancel {right: 0px;} .bl_menu_bar .bl_search input{width:100%;padding:0 10px 0 35px;line-height:28px;height:28px;margin-right:25px;border-radius:3px;} .footer{display:flex;align-items:center;bottom:0;width:100%;padding:10px 20px;border-top:1px solid #ddd;color:#777;column-gap:20px} .footer .bl_info {flex:1 1 0;flex-wrap:wrap;display:flex;align-items:center;column-gap:20px;row-gap:10px;} .footer .bl_info .bl_text{flex:1 0 0;min-width:240px;} .footer .bl_info .bl_support{font-size:16px;min-width:180px;} #main{display:none;max-width:1200px;margin:0 auto;min-height:100%;grid-template-rows:min-content auto min-content} .bl_dashboard{display:flex;flex-wrap:wrap;padding:20px;column-gap:20px;row-gap:10px;} .bl_dashboard .item{flex:1 1 0;padding:20px;background: #f7f7f8;border: 1px solid #ddd;border-radius:5px;min-width:270px} .bl_dashboard .bl_info .welcome{ font-size: 16px;line-height: 16px;margin-bottom: 10px} .bl_dashboard .bl_info .name{ font-size: 34px;line-height: 34px;font-weight: bold;} .bl_dashboard .bl_patients {min-height:300px} .bl_dashboard .item .splash_icon{ margin-right: 10px;position: relative} .bl_dashboard .item .splash_icon .progressBC{position: absolute; left: -30px;} .bl_dashboard .item .splash_icon.progress {background: #00a3ff;} .bl_dashboard .item .splash_icon.progress .progressBC{position: absolute; left: 14px;top:14px} .bl_dashboard .item .title{margin-bottom: 10px; font-size: 18px;line-height: 50px;font-weight: bold;} .bl_dashboard .item .title.green{ color: #21a567; } .bl_dashboard .item .title a{ color: #363636; } .bl_dashboard .item .title a:hover{ color: #21a567; } .bl_dashboard .item .list{ margin: 0 20px; } .bl_dashboard .item .list a {display: block} .bl_dashboard .item .list a ins{line-height: 22px} .bl_dashboard .item .list a .info{display: block; padding: 0; font-size: 12px; color: #7d7d7d; } .bl_dashboard .item .list a span.icons {margin-left: -24px;} .bl_dashboard .item a .req_icon {margin: 0 auto; border: 1px solid #d9d9d9; width: 180px; height: 233px; background: url(images/req_icon0.png) 0 0 no-repeat; } .bl_dashboard .item a .req_icon.s0{background: url(images/req_icon0.png)} .bl_dashboard .item a .req_icon.s1{background: url(images/req_icon1.png)} .bl_dashboard .item a .req_icon.s2{background: url(images/req_icon2.png)} .bl_dashboard .item a .req_icon.s3{background: url(images/req_icon3.png)} .bl_dashboard .item a .req_icon.s4{background: url(images/req_icon4.png)} .bl_dashboard .item a:hover .req_icon {border: 1px solid #21a567;} .bl_dashboard .item .bl_search {position:relative} .bl_dashboard .item .bl_search a{position:absolute;top:1px;right:1px} .bl_dashboard .item .bl_search input{width:100%} .bl_dashboard .item .bl_docs {display: flex; justify-content: center;flex-wrap: wrap} .bl_dashboard .item .bl_docs .doc_link {margin: 10px;} .bl_view{ display: flex;height: 100%;} .bl_view .bl_list{display: flex;flex-direction: column; width: 260px;} .bl_view .bl_list .name{padding: 10px 20px} .bl_view .bl_list .name strong{font-size: 18px;display: block} .bl_view .bl_list .bl_encounters{flex: 1 1 auto} .bl_view .bl_list .bl_case{flex: 1 1 auto;border-top: 1px solid #d9d9d9;padding: 10px 0;} .bl_view .bl_list .bl_case:first-child{border-top: none;} .bl_view .bl_list .bl_case .bl_head{margin: 0 10px;} .bl_view .bl_list .bl_case .bl_study{margin: 5px 10px 0 10px} .bl_view .bl_list .bl_case .bl_file{margin-top: 5px} .bl_view .bl_list .bl_case .bl_file .em{margin: 0 10px;line-height: 15px;} .bl_view .bl_list .bl_case .bl_file .item{ display: block;padding: 1px 10px;} .bl_view .bl_list .bl_case .bl_file .item:hover{ background: #f7f7f8;} .bl_view .bl_list .bl_case .bl_file .item.selected{background: #21a567!important;color: #fff!important;} .bl_view .bl_list .bl_case .bl_file .bl_btn{margin: 10px 10px 0 10px} .bl_view .bl_list .bl_case .bl_file button{ width: 100%;} .bl_view .bl_list .bl_case .bl_file button span.center{justify-content: center;display: flex;} .bl_view .bl_list .bl_velox {display: flex;margin: 15px 0} .bl_view .bl_list .bl_velox .velox_logo{margin: 0 20px;flex: 0 0 100px} .bl_view .bl_list .bl_velox .bl_support{flex: 1 1 auto} .bl_view .bl_doc{display: flex;flex: 1 1 auto;border-left: 1px solid #d9d9d9;z-index: 1;overflow: auto;} .bl_title{font-size: 26px;font-weight: bold;padding: 20px;line-height: 26px;display:flex;align-items:center} .bl_title .bl_tabs{ margin:-2px 0 0 40px;display:flex;font-size:14px;line-height:22px;} .bl_title .bl_tabs .item{padding:3px 10px} .bl_title .bl_tabs .item .bl_text{margin-left:5px} .bl_title .bl_tabs .item.selected{background:#21a567;border-radius:3px;position:relative;color:#fff} .bl_title .bl_tabs .item.selected::after{content:'';position: absolute; border-style: solid; display: block; width: 0; bottom: -8px; left: 7px; border-color: #21a567 transparent; border-width: 8px 8px 0; } .bl_center{ text-align: center;margin: 20px;} .bl_center.info{background: #f7f7f8;padding: 10px;border-radius: 5px;font-weight: bold;} .icon_md{ display: block; color: #fff;background: #555; float: left; margin: 5px 5px 5px 0; text-align: center; font-size: 12px;} .icon_md.small{ width: 30px; height: 9px; line-height: 9px;font-size: 12px;} .icon_md.mid{ width: 40px; height: 12px; line-height: 12px;font-size: 12px;} .icon_md.large{ width: 40px; height: 40px; line-height: 40px;font-size: 14px; font-weight: bold;} .w10{width: 10px} .w20{width: 20px} .w30{width: 30px} .w40{width: 40px} .w50{width: 50px} .w60{width: 60px} .w70{width: 60px} .w80{width: 80px} .w90{width: 90px} .w100{width: 100px} .w110{width: 110px} .w120{width: 120px} .w130{width: 130px} .w140{width: 140px} .w150{width: 150px} .w150{width: 160px} .w170{width: 170px} .w190{width: 190px} .w200{width: 200px} .w230{width: 230px} .w240{width: 240px} .w270{width: 270px} .w280{width: 280px} .w300{width: 300px} .w350{width: 350px} .w400{width: 400px} .w500{width: 500px} .w600{width: 600px} .lh22{line-height:22px} .ml5{margin-left: 5px} .ml10{margin-left: 10px} .ml20{margin-left: 20px} .ml40{margin-left: 40px} .mr5{margin-right: 5px} .mr10{margin-right: 10px} .mr15{ margin-right: 15px} .mr20{margin-right: 20px} .mr40{margin-right: 40px} .mb5 { margin-bottom: 5px} .mb10{margin-bottom: 10px} .mb20{margin-bottom: 20px} .mt5{margin-top: 5px} .mt10{margin-top: 10px} .mt20{margin-top: 20px} .fs10{font-size: 10px} .fs11{font-size: 11px} .fs12{font-size: 12px} .txt_green {color: #21A567!important} .txt_gray {color: #7d7d7d!important} .txt_red {color: #ed1c24!important} .txt_orange {color: #f7941d!important} .ta_center{text-align:center} .ta_right{text-align:right} .d_flex{display: flex} .d_flex.middle {align-items:center} .d_flex.center {justify-content:center} .d_flex .f_justify {flex-grow: 1;flex-basis: 0} .d_flex .f_lock{flex-shrink: 0; flex-grow: 0} #velox-msg-box .msg_bg{ display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.7; z-index: 13100 } #velox-msg-box .msg_window{display: none;position: fixed;z-index: 13101;min-width: 300px;background: transparent;border-radius: 5px; position: fixed; box-shadow: 0 0 10px #232323; font-size: 12px;max-width: 800px;} #velox-msg-box .msg_title {background: #21a567; color: #fff; font-weight: bold;padding: 2px 10px;border-radius: 5px 5px 0 0;font-size: 14px;line-height: 22px} #velox-msg-box .msg_content {padding: 30px 20px 20px 20px; background: #fff; color:#000; font-size: 14px} #velox-msg-box .msg_content a{font-size: 16px; font-weight: bold;} #velox-msg-box .msg_buttons {padding: 10px; background: #fff; border-radius: 0 0 5px 5px; text-align: right;} #velox-msg-box .msg_buttons button {margin: 0 5px; width: 80px; padding: 0; cursor: pointer; overflow: hidden; height: 28px; line-height: 22px; border-radius: 3px; border: 1px solid #bcbcbc; color: #000; font-weight: bold; font-size: 14px; background: linear-gradient(to bottom, #fff 0%, #ddd 100%);} #velox-msg-box .msg_buttons button#OK{background: linear-gradient(to bottom, #fff693, #ffd50d 100%);} .page_error{clear: both;width: 1240px;margin: 0 auto;background: #fff;position: relative} .page_error .bl{ width: 620px;} .page_error .bl.cont{ float: left; } .page_error .bl.cont .txt_error{ height: 550px; display: table-cell; vertical-align: middle; padding: 0 40px; } .page_error .bl.cont .txt_error .title{ font-size: 30px; line-height: 36px; font-weight: bold; margin: 0 0 20px; } .page_error .bl.cont .info{ border-top: 1px solid #d7d7d7; padding: 20px 40px; position: absolute; bottom: 0;} .page_error .bl.cont .info .phone{ float: left; } .page_error .bl.cont .info .phone strong{ display: block; } .page_error .bl.cont .info .phone span{ color: #959595; } .page_error .bl.cont .info .phone .pic{ display: table-cell; padding: 0 20px 0 0; } .page_error .bl.cont .info .phone .txt_phone{ height: 61px; display: table-cell; vertical-align: middle; width: 160px; padding: 0 20px 0 0; } .page_error .bl.cont .info .phone .txt{ height: 61px; display: table-cell; vertical-align: middle; width: 280px; } .page_error .bl.pic{ float: right; background: url(images/img_main_error.jpg) 0 0 no-repeat; height: 769px; } .pp_menu{ padding: 10px 0; background: #fff; border-radius: 5px; position: absolute; box-shadow: 0 0 10px rgba(0,0,0,0.5); border: 1px solid #c2c2c2; z-index: 1011;text-align: start;} .pp_menu .scroll-pane { border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; } .pp_menu ul li{margin: 0} .pp_menu strong{ display: block; margin: 5px 10px; } .pp_menu .list_info ul li{ line-height: 22px; padding: 0 10px; font-size: 12px; } .pp_menu ul.pp_list li{ margin: 0 !important; padding: 5px 20px !important; line-height: 20px; position: relative; } .pp_menu ul.pp_list li .icon_check{ margin: -5px 0 0 -25px; position: absolute; } .pp_menu ul.pp_list li:hover, .pp_menu ul.pp_list li.selected{ background: #ebebeb; cursor: pointer; } .btn_a{cursor: pointer; padding: 7px 20px; overflow: hidden; height: 36px; line-height: 22px; border-radius: 3px; border: 1px solid #bcbcbc; color: #000;font-weight: bold;font-size: 14px;} .scroll .scroll-pane {min-height: 600px;} .checkbox{display: flex!important;line-height: 22px;user-select: none;cursor:pointer} .checkbox .cb_check{flex: 0 0 22px;width: 22px;height: 22px;background: no-repeat 50% 50% url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzlGOUY5RiIgZD0iTTAgMmEyIDIgMCAwIDEgMiAtMmgxMGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMSAtMiAyaC0xMGEyIDIgMCAwIDEgLTIgLTJ6Ii8+PHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjRTBFMEUwIiBkPSJtMSAyYTEgMSAwIDAgMSAxIC0xaDEwYTEgMSAwIDAgMSAxIDF2MTBhMiAyIDAgMCAxIC0xIDFoLTEwYTEgMSAwIDAgMSAtMSAtMXoiLz48L3N2Zz4=')} .checkbox.l_snap .cb_check{flex: 0 0 14px;margin-right:5px;width: 14px} .checkbox .cb_check.checked{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzlGOUY5RiIgZD0iTTAgMmEyIDIgMCAwIDEgMiAtMmgxMGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMSAtMiAyaC0xMGEyIDIgMCAwIDEgLTIgLTJ6Ii8+PHBhdGggZmlsbD0iI0UwRTBFMCIgZD0ibTEgMmExIDEgMCAwIDEgMSAtMWgxMGExIDEgMCAwIDEgMSAxdjEwYTIgMiAwIDAgMSAtMSAxaC0xMGExIDEgMCAwIDEgLTEgLTF6Ii8+PHBhdGggZmlsbD0iIzQzNDM0MyIgZD0ibTIuNSA3bDEuNSAtMS41bDIgMmw0LTRsMS41IDEuNWwtNS41IDUuNXoiLz48L3N2Zz4=')} .checkbox.green .cb_check{text-align: center;color: #000;font-size: 12px;} .checkbox.green .cb_check.checked{color: #fff;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzE4N2E0YyIgZD0iTTAgMmEyIDIgMCAwIDEgMiAtMmgxMGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMSAtMiAyaC0xMGEyIDIgMCAwIDEgLTIgLTJ6Ii8+PHBhdGggZmlsbD0iIzIxYTU2NyIgZD0ibTEgMmExIDEgMCAwIDEgMSAtMWgxMGExIDEgMCAwIDEgMSAxdjEwYTIgMiAwIDAgMSAtMSAxaC0xMGExIDEgMCAwIDEgLTEgLTF6Ii8+PC9zdmc+')} .checkbox.grayed .cb_check{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzlGOUY5RiIgZD0iTTAgMmEyIDIgMCAwIDEgMiAtMmgxMGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMSAtMiAyaC0xMGEyIDIgMCAwIDEgLTIgLTJ6Ii8+PHBhdGggZmlsbD0iIzcwNzA3MCIgZD0ibTEgMmExIDEgMCAwIDEgMSAtMWgxMGExIDEgMCAwIDEgMSAxdjEwYTIgMiAwIDAgMSAtMSAxaC0xMGExIDEgMCAwIDEgLTEgLTF6Ii8+PHBhdGggZmlsbD0iI0VDRUNFQyIgZD0ibTIuNSA3bDEuNSAtMS41bDIgMmw0LTRsMS41IDEuNWwtNS41IDUuNXoiLz48L3N2Zz4=')} .checkbox.radio .cb_check{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzlGOUY5RiIgZD0iTTAgN2E3IDcgMCAwIDEgMTQgMCA3IDcgMCAwIDEgLTE0IDB6Ii8+PHBhdGggZmlsbD0iI0UwRTBFMCIgZD0ibTEgN2E2IDYgMCAwIDEgMTIgMCA2IDYgMCAwIDEgLTEyIDB6Ii8+PC9zdmc+')} .checkbox.radio .cb_check.checked{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzlGOUY5RiIgZD0iTTAgN2E3IDcgMCAwIDEgMTQgMCA3IDcgMCAwIDEgLTE0IDB6Ii8+PHBhdGggZmlsbD0iI0UwRTBFMCIgZD0ibTEgN2E2IDYgMCAwIDEgMTIgMCA2IDYgMCAwIDEgLTEyIDB6Ii8+PHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTQuNSA3YTIuNSAyLjUgMCAwIDEgNSAwIDIuNSAyLjUgMCAwIDEgLTUgMHoiLz48L3N2Zz4=')} .checkbox.disable{opacity:0.5;cursor:default} .checkbox .label{flex: 1 1 0} .bl_table { border-top:1px solid #d5d5d5} .bl_table .tr_item { padding: 10px; border-bottom: 1px solid #d5d5d5; position: relative; display: flex;min-width:0;column-gap:10px} .bl_table .tr_item.head{background:none !important;} .bl_table .tr_item .td_item {flex: 0 0 auto} .bl_table .td_item.lock {width:22px;padding:0;margin-right:-10px} .bl_table .td_item.lock .icons{margin:-1px 0} .bl_table.search .td_item.patient {flex:1 1 0;padding:0;display:flex} .bl_table.search .td_item.col1 {flex:1 1 30%} .bl_table.search .td_item.col2 {flex:0 0 155px} .bl_table.search .td_item.col3 {flex:1 1 30%} .bl_table.search .td_item.col4 {flex:1 1 0;min-width:140px} .bl_table.encounters .td_item.col1 {flex:0 0 100px} .bl_table.encounters .td_item.col2 {flex:1 1 30%} .bl_table.encounters .td_item.col3 {flex:1 1 40%} .bl_table.encounters .td_item.col4 {flex:0 0 200px;display:flex} .velox_logo { background: 50% 50% no-repeat url('data:image/svg+xml;utf8,'); width: 100px; height: 40px; background-size: 95px; } .edit_btn {position:absolute;top:22px;right:8px}