@charset "utf-8";
@font-face {
    font-family: "uw-icon";
    src: url("/font/wellem_emrs.eot") format("truetype");
    src: url('/font/wellem_emrs.eot?#iefix') format('embedded-opentype'), url('/font/wellem_emrs.ttf?') format('truetype'), url('/font/wellem_emrs.woff?') format('woff'), url('/font/wellem_emrs.svg?#uw-icon') format('svg');
}


/* z-index */


/* Mask: 1000 */


/* Popup: 1001 */


/* Utility */

body {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    background: #00C2F3;
    min-height: 100%;
    /*-webkit-user-select: none;*/
    /*user-select: none;*/
    opacity: 0;
}
html {
    min-height: 100%;
}

.light {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

input,
textarea {
    -webkit-appearance: none;
    outline: none;
}

textarea:focus,
textarea:active,
textarea:hover,
.btn:focus,
.btn:active,
.btn:hover {
    outline: none !important;
}
.btn.lock {
    background: #CCC !important;
}

select {
    opacity: 0;
}

.label {
    font-style: normal;
}

/* Go to top */

#GOTOTOP {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #D2D6DE;
    background: #FFF;
    position: fixed;
    right: 15px;
    bottom: 15px;
}

#GOTOTOP span {
    font-size: 28px;
    color: #CCC;
}

#GOTOTOP:hover {
    border: 1px solid #00C2F3;
    background: #00C2F3;
}

#GOTOTOP:hover span {
    color: #FFF;
}

#GOTOTOP:active {
    border: 1px solid #00add9;
    background: #00add9;
}

#GOTOTOP:active span {
    color: #FFF;
}


/* Color */

.blue {
    color: #00C2F3;
}

.black {
    color: #333;
}

.smallGray {
    color: #999;
    font-size: 12px;
}


/* Mask */

.mask {
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}


/* Popup */

.popup,
.confirm {
    width: 60%;
    background: #FFF;
/*    position: fixed;*/
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 1001;
    display: none;
}

.chart {
    width: 95%;
    height: 700px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 1001;
    display: none;
}
.chart>div {
    padding-left: 10px;
}
.chart>div>.btn {
    border: 1px solid #EEE;
    border-radius: 14px;
}
.chart>div>.btn.active {
    background:#00c2f3;
    color: #FFF;
}
#GrowthChart {
    padding-right: 20px;
}
.growth-chart-print {
    margin-bottom: 20px;
}

.confirm {
    width: 400px;
    z-index: 2001;
}

.popup h3,
.confirm h3,
.chart h3 {
    margin: 0;
    font-size: 18px;
    color: #676767;
    font-weight: normal;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #E7ECF1;
    margin-bottom: 30px;
    padding: 0 20px;
}
.chart h3 {
    margin-bottom: 10px;
}
.chart h3 a.chkbox {
    padding-left: 20px;
}
.chart h3 label {
    font-size: medium;
}

.popup h3 em,
.confirm h3 em,
.chart h3 em {
    font-weight: normal;
    font-style: normal;
}

.popup h3 a,
.confirm h3 a,
.chart h3 a {
    line-height: 58px;
}

.popup h3 a.chkbox {
    font-size: 14px;
    color: #676767;
    margin-left: 35px;
}

.popup h3 a.chkbox:hover {
    text-decoration: none;
}

.popup h3 a.chkbox span {
    font-size: 16px;
    margin-right: 10px;
    top: 2px;
}

.popup h3 a.close span,
.confirm h3 a.close span {
    top: 5px;
}

.popup section,
.confirm section {
    padding: 0 40px 15px;
/*    min-height: 245px;*/
    /*    overflow: hidden;*/
}

.confirm section {
    min-height: 144px;
}

.popup .form-horizontal .control-label {
    text-align: left;
    padding-left: 20px;
}

.no-padding-top {
    padding-top: 0 !important;
}

.popup section>.row {
    padding: 0;
    margin: 0 0 15px;
}

.popup section>.row.settings>label {
    margin-bottom: 15px;
}

.popup section>.row.settings>div {
    margin-bottom: 15px;
}

.popup section>.row>.control-label {
    padding: 7px 10px 0;
}
.popup section>.row>div {
    padding: 0 10px;
}
.popup section>.row>div.cke {
    padding: 0;
}
.popup section .row div.sp-row input {
    display: inline-block !important;
    width: auto !important;
    margin-right: 5px;
}
.popup section .row div.sp-row span {
    margin-right: 5px;
}
.popup section .chkbox {
    line-height: 32px;
}
.popup section>.row>div.point {
    padding-right: 30px;
}
.popup section>.row>div.point span.kome {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 34px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    color: #EF3D55;
}
.popup section>.row>div.point span.kome.black {
    color: #000;
}
.popup section>.row>div>.text-success {
    font-style: normal;
}


/*清除浮动代码*/

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1
}

.popup section label {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    font-weight: normal;
    font-size: 14px;
    color: #333;
}

.popup section label+div {
    padding-left: 20px;
    padding-right: 0;
}
.popup section label+div .text {
    line-height: 34px;
}
.detail-contents .edit .btn-group {
    width: 100%;
}
.detail-contents .edit .btn-group .multi {
    background: #FFF;
    box-shadow: none;
}
.detail-contents .edit .btn-group .multi:hover {
    border: 1px solid #AAA;
}
.detail-contents .edit .btn-group .multi:active,
.detail-contents .edit .btn-group .multi:focus {
    border: 1px solid #333;
}
.detail-contents .edit .btn-group .multi span {
    font-size: 1.4rem;
    color: #999;
}
.detail-contents .edit .btn-group .multi span:hover {
    background: none;
}
.popup section label+div .multi-menu li,
.detail-contents .edit .multi-menu li {
    position: relative;
/*    padding-left: 12px;*/
}
.popup section label+div .multi-menu li:before,
.detail-contents .edit .multi-menu li:before {
    font-family: "uw-icon";
    font-style: normal;
    font-size: 1.4rem;
    font-weight: normal;
    text-rendering: auto;
    font-variant: normal;
    display: inline-block;
    line-height: 1.9;
    -webkit-font-smoothing: antialiased;
/*    float: left;*/
    content: "\e910";
    color: #333;
    position: absolute;
    left: 6px;
    top: 0;
/*    float: right;*/
}
.popup section label+div .multi-menu li.on:before,
.detail-contents .edit .multi-menu li.on:before {
    content: "\e911";
    color: #00C2F3;
}
.popup section label+div .multi-menu li a,
.detail-contents .edit .multi-menu li a {
    padding-left: 26px;
}
.popup section label+div input,
.detail-contents .edit input {
    border-radius: 0;
    height: 34px;
    border: 1px solid #AAA;
    color: #999;
}
.popup section label+div input[type=checkbox],
.detail-contents .edit input[type=checkbox] {
    border: 0;
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 0;
}
.popup section label+div .form-upload {
    background: #00c2f3;
    color: #FFF;
    border-radius: 17px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    width: 100px;
    cursor: pointer;
    display: inline-block;
}
.popup section label+div .form-upload:before {
    content: "上传文件";
}
.popup section label+div input[type=file] {
    border: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100px;
}


.popup section label+div input:hover {}

.popup section label+div input:focus {
    color: #333;
    outline: none;
    box-shadow: none;
    border: 1px solid #676767;
}
.popup section label+div input[type=checkbox]:focus {
    border: none;
}

.popup section label+div textarea {
    border-radius: 0;
    border: 1px solid #AAA;
    height: 70px;
    color: #CCC;
}

.popup section label+div textarea:focus {
    color: #333;
    outline: none;
    box-shadow: none;
    border: 1px solid #676767;
}

.popup section label+div button {
    border-radius: 0;
    height: 34px;
    line-height: 34px;
    border: 1px solid #AAA;
    color: #333;
    /* background: #EEF1F4; */
    font-size: 14px;
    padding: 0;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}
.multiple-select-btn button {
    border-right-color: #AAA !important;
    background: white;
}
.popup section .immu-list-medical label+div button {
    text-align: right;
    padding-right: 15px;
    background: white;
    color: #999;
}
.popup section .immu-list-medical label+div button span.caret{
    margin-right: -12px;
}
.popup section .immu-list-medical .btn-group.open {
    z-index: 99;
}
.popup section .immu-list-medical .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
.popup section .immu-list-medical .open>.dropdown-toggle.btn-default {
    color: #999;
    background-color: white;
}
.popup section .immu-list-medical label+div button i.multiselect-selected-text {
    float: left;
    color: #999;
    font-style: normal;
}
.input-group-btn-full .btn-group {
    width: 100%;
}
/*.immu-types+div .btn-group button span {*/
    /*color: #999;*/
    /*font-size: inherit;*/
/*}*/
.multiselect span.multiselect-selected-text {
    float: left;
}
.popup section label+div .input-group-btn button {
    border-right-color: #EEF1F4;
}

.popup section label+div .bootstrap-touchspin button {
    padding: 0;
    border-right:0;
    width: 30px;
    text-align: center;
}
.popup section label+div .bootstrap-touchspin button.bootstrap-touchspin-up {
    border-right: 1px solid #AAA;
}

.popup section label+div button i.text {
    float: left;
    font-style: normal;
    max-width: 9em;
}

.popup section label+div button span {
    float: right;
    line-height: 34px;
    font-size: 16px;
    width: 34px;
    text-align: center;
}

.popup section .bootstrap-select .bs-caret .caret {
    width: auto !important;
}
.popup section .bootstrap-select {
    max-width: 100% !important;
}

.popup section .row:not(.item-set) label+div+div {
    padding: 0;
    line-height: 31px;
    padding-left: 10px;
    padding-top: 3px;
    color: #EF3D55;
    font-size: 14px;
}
.popup section label+div>div.text-only {
    padding-top: 7px;
}

.form-group .correct>input,

.form-group .correct>textarea,
.form-group .correct>button {
    color: #00C2F3;
    border: 1px solid #00C2F3;
}
/*.form-group .correct>span {
    color: #00C2F3;
}*/

.form-group .wrong>input,
.form-group .wrong>textarea,
.form-group .wrong>button,
.form-group .wrong>.input-group 
{
    color: #EF3D55 !important;
    border: 1px solid #EF3D55 !important;
}
/*.form-group .wrong>span {
    color: #EF3D55;
}*/

.popup section .updown i {
    float: right;
    width: 34px;
}

.popup section .updown i span {
    height: 17px;
    line-height: 17px;
}

.popup section .updown i span:hover {
    background: rgba(0, 0, 0, 0.1);
}

.popup section .updown:focus,
.popup section .updown:active {
    outline: none;
    box-shadow: none;
}

.popup section .input-group {
/*    padding-left: 20px;*/
}
.popup section .input-group.datetime,
.popup section .input-group.duration {
    padding-left: 0;
}
.popup section .input-group.datetime>div,
.popup section .input-group.duration>div{
    width: 100%;
}

.popup section .input-group:not(.input-group-noborder):not(.bootstrap-touchspin) {
    border: 1px solid #EEF1F4;
}
.popup section .input-group:not(.bootstrap-touchspin) input {
    border-radius: 0;
    height: 32px;
    line-height: 32px;
    border: 1px solid #AAA;
    /*border-right: 0;*/
    color: #333;
    /* background: #EEF1F4; */
    font-size: 14px;
    padding: 0;
    padding-left: 10px;
    text-align: left;
    box-shadow: none;
    margin-right: 0;
}
.popup section .input-group.bootstrap-touchspin input {
    text-align: center;
}
.popup section .input-group.input-group-noborder input {
    height: 34px;
    line-height: 34px;
}
.popup section .input-group-select input {
    border: 1px solid #D2D6DE;
    color: #333;
    background: #FFF;
}
.popup section .input-group-select input:focus {
    border: 1px solid #D2D6DE;
}

.popup section .input-group input+span {
    border: 1px solid #EEF1F4;
    border-left: 0;
    background: #EEF1F4;
    border-radius: 0;
}

.popup section .input-group input+span i {
    font-size: 16px;
}

.popup section .input-group .btn-group {
    width: 50%;
}
.popup section .input-group .btn-group button {
    width: 100%;
}
.popup section .input-group .btn-group button+ul{
    left: 0;
    min-width: 100%;
}
.popup section .input-group button i {
    font-style: normal;
}

.confirm section p {
    text-align: center;
    margin-bottom: 20px;
}

.confirm section p span {
    font-size: 64px;
    color: #00C2F3;
}

.confirm section p span.red {
    color: #EF3D55;
}

.confirm section p em {
    font-style: normal;
    font-weight: normal;
    color: #999;
}

.confirm section p:first-child {
    margin-top: 30px;
    margin-bottom: 20px;
}

.confirm section p:last-child {
    margin-bottom: 30px;
}

.confirm section.withBorder {
    width: 100%;
    min-height: inherit;
}

.confirm section label {
    padding: 0;
    line-height: 34px;
    text-align: left;
}

.confirm section label+div {
    padding: 0;
}

.confirm section input {
    line-height: 34px;
    height: 34px;
}

.confirm section label+div+div {
    padding: 0;
    line-height: 34px;
    color: #EF3D55;
    font-size: 14px;
    text-align: right;
}

.popup>div,
.confirm>div {
    border-top: 1px solid #E7ECF1;
    padding: 16px 40px 20px;
}
.popup>div:after,
.confirm>div:after {
    content: "";
    display: block;
    visibility: hidden;
    clear:both;
}

.popup>div a,
.confirm>div a,
.popup>div button {
    float: right;
    min-width: 90px;
    height: 34px;
    border-radius: 17px;
    margin-left: 10px;
}
.popup>div .btn-flex {
    width: inherit;
}

/* Popup Multi Tab */
.popup.popup-multi h3 {
    padding-left: 0;
    border-bottom: 5px solid rgba(0,194,243,0.1);
    height: auto;
}
.popup.popup-multi h3 em {
    height: inherit;
    display: table-cell;
    font-size: 1.6rem;
    padding: 0 12px;
    /*margin-bottom: 5px;*/
    /*background: #efefef;*/
    margin: 0;
    /*width: 100px;*/
    color: #676767;
}
.popup.popup-multi h3 em.current {
    border-top: 2px solid #00C2F3;
    border-left: 1px solid #E7ECF1;
    border-right: 1px solid #E7ECF1;
    /*border-bottom: 2px solid #FFF;*/
    /*border-bottom: 5px solid rgba(0,194,243,0.5);*/
    color: #333;
    /*background: rgba(212,228,247,1);*/
    background: rgba(0,194,243,0.1);
    color: #00C2F3;
}
.popup.popup-multi h3 em.current:first-child {
    border-left: 0;
}

.popup.popup-multi h3 a {
    position: absolute;
    right: 12px;
    top: 0;
}

.popup.popup-multi section {
    display: none;
    padding: 0 20px 15px;
}
.popup.popup-multi section.active {
    display: block;
}

.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    /*
    left: 0;
    top: 0;
*/
    /*    padding: 0;*/
}

.dropdown-menu:not(.datetimepicker) {
    /*    height: 140px;*/
    /*max-height: 140px;*/
    overflow-y: scroll;
}

.popup .dropdown-menu {
/*    left: 20px;*/
    left: 10px;
    /*    min-width: 100%;*/
}

.sp_textarea {
    padding: 0 20px;
}

.sp_textarea .form-group {
    margin: 0;
    display: table;
    overflow: hidden;
    float: left;
    width: 100%;
}

.sp_textarea label {
    float: left;
    display: block;
    margin-right: -80px;
}

.sp_textarea .form-group>div {
    float: left;
    margin-left: 80px;
    padding: 0;
}


/* Form Style */


/* Form Input */

.uwForm .input-group {
    background: #FFF;
    margin-bottom: 20px;
}
.uwForm .full .input-group input+span {
    background: #eee;
    border-radius: 0;
}

.uwForm .input-group:last-child {
    margin-bottom: 0;
}

.uwForm input {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    color: #999;
    background: none;
    height: 36px;
}

.uwForm input[data-type=number] {
    text-align: center;
}

.uwForm.withBorder {
    /*    width: 50%;*/
}

.uwForm.withBorder input {
    border: 1px solid #AAA;
}

.uwForm.withBorder select[multiple] {
    border: 1px solid #AAA;
    border-radius: 0;
}
.uwForm.withBorder select[multiple] option {
    padding: 5px 0;
}

.uwForm.withBorder input:focus,
.uwForm.withBorder select:focus {
    color: #333;
    outline: none;
    box-shadow: none;
    border: 1px solid #676767;
}

.uwForm.withBorder .wrong input {
    color: #EF3D55;
    border: 1px solid #EF3D55;
}


/*.uwForm.withBorder .wrong a.rdobox,*/

.uwForm.withBorder .wrong a.rdobox span {
    color: #EF3D55;
}

.uwForm .form-group {
    height: 34px;
}
.uwForm .form-group>.full {
    padding: 0;
}

.uwForm .form-group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.uwForm input:focus {
    color: #333;
    outline: none;
    box-shadow: none;
}

.uwForm label {
    line-height: 34px;
    margin: 0;
    font-weight: normal;
    text-align: right;
}

.uwForm .grid,
.uwForm .btn-group,
.uwForm .btn-group-uw {
    padding: 0;
}
.uwForm .btn-group-short {
    width: 50%;
}

.uwFrom .grid {
    padding-right: 5px;
}

.uwForm .grid:last-child {
    padding-right: 0;
    padding-left: 5px;
}

.uwForm .btn-group button,
.uwForm .btn-group-uw button {
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 34px;
    border: 1px solid #AAA;
    background: #EEF1F5;
    border-radius: 0;
}

.uwForm .btn-group button:hover,
.uwForm .btn-group-uw button:hover {
    border: 1px solid #E7ECF1;
    background: #EEF1F5;
}

.uwForm .btn-group button:focus,
.uwForm .btn-group-uw button:focus {
    border: 1px solid #E7ECF1;
    background: #EEF1F5;
    box-shadow: none;
}

.uwForm .btn-group button i,
.uwForm .btn-group-uw button i {
    float: left;
    font-style: normal;
    overflow: hidden;
}

.uwForm .btn-group button span,
.uwForm .btn-group-uw button span {
    float: right;
    line-height: 34px;
    width: 34px;
    padding: 0;
    text-align: center
}

.uwForm .btn-group button span:hover,
.uwForm .btn-group-uw button span:hover {
    background: #D5DBE5;
}

.uwForm .btn-group.correct>button {
    color: #00C2F3;
    border: 1px solid #00C2F3;
}

.uwForm .btn-group.wrong>button {
    color: #EF3D55;
    border: 1px solid #EF3D55;
}


/* Form Icon Span */

.uwForm span {
    border: 0;
    background: none;
    padding-right: 8px;
    vertical-align: middle;
    color: #CCC;
}
.uwForm .bootstrap-touchspin span {
    padding-right: 0;
}

.uwForm input:focus+span {
    color: #00C2F3;
}


/* When Correct or Wrong */

.uwForm .correct>input,
.uwForm .correct>span,
.uwForm .correct>button {
    color: #00C2F3;
}

.uwForm .wrong>input,
.uwForm .wrong>span,
.uwForm .wrong>button {
    color: #EF3D55;
}


/* Special for login */
.uwForm #loginForm>div {
    width: 100%;
}
/*
.uwForm #loginForm>div.btn-group {
    border: none;
}
.uwForm #loginForm>div.btn-group:hover,
.uwForm #loginForm>div.btn-group:active,
.uwForm #loginForm>div.btn-group:focus {
    border-color: inherit;
    box-shadow: none;
}
*/
.uwForm #loginForm>div.btn-group button {
    background: #FFF;
    border: none;
    height: 36px;
}
.uwForm #loginForm>div.btn-group button:hover,
.uwForm #loginForm>div.btn-group button:active,
.uwForm #loginForm>div.btn-group button:focus {
    color: #333;
}
.uwForm #loginForm>div.btn-group button span:hover,
.uwForm #loginForm>div.btn-group button span:active,
.uwForm #loginForm>div.btn-group button span:focus {
    background: #FFF;
    color: #00c2f3;
}
.uwForm #loginForm>div.btn-group ul {
    width: 100%;
    border: 1px solid #FFF;
}

.uwForm .combo-select {
    background: none;
}
.uwForm .combo-select:hover {
    background: none;
}
.uwForm .combo-select.combo-open input, .uwForm .combo-select.combo-open .combo-arrow:before {
    color: #000 !important;
}
.uwForm .combo-select input:focus .combo-arrow:before {
    /*border: 1px solid #000 !important;*/
    color: #000;
}
.uwForm .combo-arrow:before {
    line-height: inherit;
}

/* Check Box & Radio Box */

.rdo-group>div {
    padding: 0;
}

a.rdobox,
a.chkbox {
    font-size: 14px;
    line-height: 34px;
}

a.chkbox span {
    top: 2px;
}

a.chkbox span,
a.rdobox span {
    font-size: 14px;
    color: #676767;
}

a.chkbox.current span,
a.rdobox.current span,
a.chkbox.current label {
    color: #00C2F3;
}
a.chkbox:hover,
a.rdobox:hover {
    text-decoration: none;
    color: #337ab7;
}

a.chkbox.disable span {
    color: #AAA;
}


/* Close */

a.close {
    font-size: 16px;
    /*    color: #CCC;*/
    font-weight: normal;
}


/* Button */

.uwForm a.btn,
.uwForm.btn_area button.btn {
    border-radius: 18px;
    background: #017DB2;
    border: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    height: 36px;
    line-height: 24px;
    box-shadow: none;
}

.uwForm a.btn:hover,
.uwForm.btn_area button.btn:hover {
    background: #028FCC;
    color: rgba(255, 255, 255, 0.3);
}

.uwForm a.btn:active,
.uwForm.btn_area button.btn:active {
    background: #026C99;
    color: rgba(255, 255, 255, 0.3);
}

.uwForm a.btn.active,
.uwForm.btn_area button.btn.active {
    color: rgba(255, 255, 255, 1);
}

.uwForm a.important,
.uwForm button.important,
.uwForm.btn_area button.important {
    background: #00C2F3;
    font-size: 12px;
    color: #FFF;
    box-shadow: none;
    border: 0;
}
.uwForm a.submit,
.uwForm button.submit {
    background: #58E79F;
    font-size: 12px;
    color: #FFF;
    box-shadow: none;
    border: 0;
}
.uwForm button.important:disabled {
    color: #999;
}

.uwForm>.btn.important:hover, 
.uwForm a.important:hover,
.uwForm.btn_area button.important:hover {
    background: #00CCFF;
    color: #FFF;
}

.uwForm a.important:active,
.uwForm.btn_area button.important:active {
    background: #00ADD9;
    color: #FFF;
}

.uwForm a.important.active,
.uwForm.btn_area button.important.active {
    background: #00ADD9;
    color: #FFF;
}

.uwForm a.submit:hover,
.uwForm button.submit:hover {
    background: #8FEFBF;
    color: #FFF;
}

.uwForm a.submit:active,
.uwForm button.submit:active {
    background: #8FEFBF;
    color: #FFF;
}

.uwForm a.submit.active,
.uwForm button.submit.active {
    background: #8FEFBF;
    color: #FFF;
}

.uwForm a.normal,
.uwForm.btn_area button.normal {
    background: #FFF;
    font-size: 12px;
    color: #676767;
    border: 1px solid #676767;
}

.uwForm a.normal:hover,
.uwForm.btn_area button.normal:hover {
    background: #FFF;
    color: #999;
    border: 1px solid #676767;
}

.uwForm a.normal:active,
.uwForm.btn_area button.normal:active {
    background: #FFF;
    color: #333;
    border: 1px solid #333;
}

.uwForm a.normal.active,
.uwForm.btn_area button.normal.active {
    background: #FFF;
    color: #333;
    border: 1px solid #333;
}

.uwForm a.normal-right,
.uwForm.btn_area button.normal-right {
    float: left;
}
.uwFormSetting>.btn:not(.icon) {
    outline: none !important;
    box-shadow: none !important;
    border: 0;
}

.uwFormSetting>.btn:not(.icon), 
.uwFormSetting>a:not(.icon) {
    float: right;
    width: 90px;
    /*height: 34px;*/
    height: 30px;
    padding: 3px;
    margin-bottom: 5px;
    border-radius: 17px;
    margin-left: 10px;
}

.uwFormSetting>a.icon {
    width: auto;
    line-height: 34px;
}


/* Condition */

.condition {
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D6DE;
    margin-bottom: 20px;
    height: 54px;
}

.condition>div {
    padding: 0;
    float: left;
}

.condition .form-control {
    box-shadow: none;
    line-height: 34px;
    height: 34px;
    border-radius: 0;
    font-size: 12px;
}

.condition .form-control:focus {
    border: 1px solid #CCC;
}

.condition .form-control2 {
    border: 1px solid #EEE;
    border-right: 0;
    background: #EEE;
}

.condition .form-control2:focus {
    border: 1px solid #EEE;
    border-right: 0;
}

.condition span.input-group-addon {
    padding: 0;
    line-height: 32px;
    width: 32px;
    text-align: center;
    border: 1px solid #EEE;
    background: #EEE;
    border-radius: 0;
}

.condition .form-control2:focus+span.input-group-addon {
    background: #CCC;
}

.condition span i {
    font-size: 16px;
}

.condition label.input-group-addon {
    border: 0;
    min-width: 50px;
    text-align: right;
    border-radius: 0;
    background: none;
    font-size: 12px;
}

.condition .input-group input.txt:focus {
    border: 1px solid #676767;
}

.condition .btn-group {
    padding: 0;
}

.condition button {
    padding: 0;
    line-height: 34px;
    padding-left: 10px;
    text-align: left;
    border-radius: 0;
    background: #EEE;
    border: 1px solid #EEE;
}

.condition button i {
    font-style: normal;
    font-size: 12px;
    float: left;
}

.condition button span {
    float: right;
    line-height: 34px;
    font-size: 16px;
    padding-right: 10px;
}

.condition .uwForm {
    padding-left: 20px;
}

.condition a {
    border-radius: 17px;
}

.cond {
    float: right;
    padding: 0;
    width: 274px;
}

.condL {
    width: 400px;
}
.condXL {
    width: 400px;
}
.condXXL {
    width: 80%;
    float: right;
    display: table-cell;
}
.condL>div {
    padding: 0;
}
.condXXL>div {
    float: right;
    padding: 0 10px 0 0;
}
.condXXL>div.subtype {
    padding: 0;
}
.condXXL>div button {
    width: 100%;
}
.condXXL>div .btn-group {
    width: 45%;
}
.condXXL>div .input-group-btn-full .btn-group {
    width: 100%;
}
.condXXL>div .input-group-btn-full .btn-group span {
/*    float: left;*/
}
.condXXL>div .input-group-btn-full .btn-group b {
/*    float: right;*/
}
.condXXL>div:first-child {
    padding-right: 0;
}
.condXXL>div.subtype {
    display: none;
}

.cond .input-group-addon {
    border: 0;
    line-height: 34px;
    padding: 0;
    background: none;
    padding-right: 20px;
}

.cond .input-group-btn {
    border-right: 1px solid #CCC;
}
.condXXL .input-group-btn {
    border-right: 0;
}

.condL>div>.input-group-btn {
    border-right: 0;
}

.cond button,
.cond input {
    border-radius: 0;
    box-shadow: none;
}

.cond:not(.follow-cond) input:not([type=checkbox]) {
    border-left: 0;
    width: 170px;
}

.cond input:focus {
    box-shadow: none;
    border: 1px solid #CCC;
    border-left: 0;
}

.cond button {
    padding: 0;
    line-height: 32px;
    padding-left: 10px;
    background: #CCC;
}

.cond button i {
    font-size: 14px;
    font-style: normal;
    min-width: 70px;
    display: inline-block;
    text-align: left;
    float: left;
    overflow: hidden;
}

.cond button span {
    font-size: 14px;
    min-width: 34px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}

.cond .dropdown-menu {
    min-width: 100%;
}

.cond .input-group-btn {
    border: 0;
}

.cond .ipt input {
    border-left: 1px solid #CCC;
    width: 100%;
}

.datetime input {
    border: 1px solid #CCC;
    border-right: 0;
    background: #EEE;
}
.datetime .input-group-addon {
    background: #eee;
    border: 1px solid #CCC;
    border-left: 0;
    border-radius: 0;
    line-height: 1;
    padding-right: 12px;
}

/*.datetime input:hover,*/
.datetime input:active,
.datetime input:focus {
    border: 1px solid #CCC;
    border-right: none;
}

/* :start ---------- UW Tool Bar ---------- */
.uw-tool-bar {
    margin-bottom: 10px;
}
.uw-tool-bar .uw-tool-cell-right {
    float: right !important;
}
.uw-tool-bar .uw-tool-cell-right>.button {
    width: 100%;
}
/* :end   ---------- UW Tool Bar ---------- */


/* datetimepicker */

.dtp {
    margin-top: 0;
}

[class*=" datetimepicker-dropdown"]:before,
[class*=" datetimepicker-dropdown"]:after {
    content: none;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background: #00C2F3;
}

.datetimepicker td,
.datetimepicker th {
    border-radius: 0;
}

.form_datetime {
    position: relative;
    display: table;
    border-collapse: separate;
}
.form_datetime input {
    width: 100%;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    padding-left: 10px;
}
.form_datetime .add-on {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    position: relative;
    padding: 0 5px;
    line-height: 22px;
    background: #EEE;
    border-radius: 0;
    vertical-align: middle;
}
.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {
    font-size: 16px;
    width:16px;
    height: 16px;
    top: 2px;
}


/* Icon Font */

.uwFont {
    position: relative;
    top: 0px;
    font-family: "uw-icon";
    font-style: normal;
    font-size: 24px;
    text-rendering: auto;
    font-variant: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-left,
.icon-arrow-right {
    position: relative;
    top: 0px;
    font-family: "uw-icon";
    font-style: normal;
    font-size: 24px;
    text-rendering: auto;
    font-variant: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-arrow-left:before {
    content: "\e905";
}
.icon-arrow-right:before {
    content: "\e906";
}
.uwFontBear:before {
    content: "\e935";
}
.uwFontDOB:before {
    content: "\e934";
}

/* User: Username */

.uwFontUser:before {
    content: "\e900";
}


/* Lock: Password */

.uwFontLock:before {
    content: "\e901";
}


/* Menu: Menu Button */

.uwFontMenu:before {
    content: "\e902";
}


/* Arrow Down */

.uwFontArrowDown:before {
    content: "\e903";
}


/* Arrow Up */

.uwFontArrowUp:before {
    content: "\e904";
}


/* Arrow Left */

.uwFontArrowLeft:before {
    content: "\e905";
}


/* Arrow Right */

.uwFontArrowRight:before {
    content: "\e906";
}


/* Home */

.uwFontHome:before {
    content: "\e907";
}


/* Calendar */

.uwFontCalendar:before {
    content: "\e908";
}


/* Client */

.uwFontClient:before {
    content: "\e909";
}


/* Fee */

.uwFontFee:before {
    content: "\e90a";
}


/* Drug */

.uwFontDrug:before {
    content: "\e90b";
}


/* Result */

.uwFontResult:before {
    content: "\e90c";
}


/* Report */

.uwFontReport:before {
    content: "\e90d";
}


/* Management */

.uwFontMng:before {
    content: "\e90e";
}


/* Add */

.uwFontAdd:before {
    content: "\e90f";
}


/* Checkbox: Off */

.uwFontCheck:before {
    content: "\e910";
}


/* Checkbox: On */

.uwFontCheckOn:before {
    content: "\e911";
}


/* Radio: Off */

.uwFontRadio:before {
    content: "\e912";
}


/* Radio: On */

.uwFontRadioOn:before {
    content: "\e913";
}


/* Close */

.uwFontClose:before {
    content: "\e914";
}


/* Sort Dwon */

.uwFontSortDown:before {
    content: "\e915";
}


/* Sort Up */

.uwFontSortUp:before {
    content: "\e916";
}


/* Sort */

.uwFontSort:before {
    content: "\e917";
}


/* Edit */

.uwFontEdit:before {
    content: "\e918";
}


/* Popup Success */

.uwFontSuccess:before {
    content: "\e919";
}


/* Clock */

.uwFontClock:before {
    content: "\e91a";
}


/* Printer */

.uwFontPrinter:before {
    content: "\e91b";
}


/* Delete */

.uwFontDelete:before {
    content: "\e91c";
}


/* Remind */

.uwFontRemind:before {
    content: "\e91d";
}

/* Consultation */
.uwFontConsultation:before {
    content: "\e91e";
}

/* Back */
.uwFontBack:before {
    content: "\e91f";
}

/* Picture Delete */
.uwFontPicDelete:before {
    content: "\e920";
}

/* Picture Delete */
.uwFontUpload:before {
    content: "\e926";
}

/* Picture Delete */
.uwFontVip:before {
    content: "\e92f";
}

.uwFontLab:before {
    content: "\e92b";
}

/* Status bar */
.status-bar {
    width: 120px;
    height: 120px;
    position: fixed;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.5);
    background: rgba(0,0,0,.4);
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    line-height: 120px;
    text-align: center;
    color: white;
    font-size: 1.8rem;
    display: none;
}
.table-status-bar {
    position: fixed;
    /* top: 181px !important; */
    font-size: 1.5rem;
    height: 50px;
    line-height: 45px;
    margin-top: auto;
    top: auto;
    bottom: 50%;
    background: rgba(182, 190, 193, 0.74);
    border: 1px solid rgb(182, 190, 193);
}

/* CIS Admin */


/* CIS Utility */

.CIS-wrap.blur {
    filter: blur(20px);
}

.CIS {
    width: 100%;
    min-height: 100%;
    /*overflow: hidden;*/
    display: table;
    position: absolute;
    z-index: 1;
}
.CIS:after {
    display: block;
    content: '';
    clear: both;
}


/* Header */

.CIS > header {
    width: 100%;
    /*height: 68px;*/
    background: #FFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px 0 10px;
}

.CIS  > header .logo {
    background: url(/images/meihe_logo.png) left center no-repeat;
    background-size: auto 60%;
    width: 154px;
    height: 68px;
    font-size: 0;
    text-indent: -10000px;
    float: left;
}

/*.CIS header .logo:before {
    
}*/

.CIS  > header .menu_btn {
    color: #676767;
    line-height: 68px;
    float: left;
    width: 16px;
}

.CIS  > header .menu_btn span {
    font-size: 16px;
}

.CIS  > header .client_infor,
.CIS  > header .client_history {
    float: left;
}

.CIS  > header .client_infor {
    padding-left: 20px;
    padding-top: 10px;
}

.CIS  > header .client_infor p {
    margin-bottom: 5px;
    color: #999;
}

.CIS  > header .client_infor p:last-child {
    margin-bottom: 0;
}

.CIS  > header .client_infor p em {
    font-style: normal;
    padding-left: 10px;
}

.CIS  > header .client_infor p em.Male {
    color: #00C2F3;
}

.CIS  > header .client_infor p em.Female {
    color: #ef3d55;
}

.CIS  > header .client_history {
    padding-left: 30px;
    padding-top: 10px;
/*    padding-top: 19px;*/
}

.CIS  > header .client_history button {
    height: 26px;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 10px;
    border: 0;
    background: #00C2F3;
    color: #FFF;
    font-size: 1.3rem;
    line-height: 18px;
    padding-top: 3px;
}
.CIS  > header .client_history button.fast-done {
    line-height: 22px;
    padding-right: 20px;
}
.CIS  > header .client_history button.already-done {
    background: gray;
}
.CIS  > header .client_history button.already-done i {
    font-size: 1rem;
    padding-left: 2px;
}
.CIS  > header .client_history p {
    font-size: 1.3rem;
    padding-top: 5px;
}

.CIS  > header .client_history button:hover {
    background: #00CCFF;
}

.CIS  > header .client_history button.btn-default.active,
.CIS  > header .client_history button.btn-default:active,
.CIS  > header .client_history button.open>.dropdown-toggle.btn-default {
    color: #FFF;
    background: #00ADD9;
}

.CIS  > header .client_history span {
    font-size: 16px;
    top: 2px;
    margin-right: 10px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default:active:focus,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus {
    /* color: #FFF;
    background: #00ADD9; */
}

.CIS header .client_history button span {
    font-size: 16px;
}

.CIS header .user {
    float: right;
}

.CIS header .user .user_infor {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

.CIS header .user .user_infor p {
    margin-bottom: 5px;
    text-align: right;
}

.CIS header .user .user_infor p:last-child {
    margin-bottom: 0;
}

.CIS header .user .user_infor p a {
    display: none;
}

.CIS header .user .user_face {
    float: right;
    /*    padding-right: 20px;*/
    padding-top: 10px;
    border: 0;
}

.CIS header .user .user_face button {
    border: 0;
}
.CIS header .user .user_face button:before {
    content: '\e909';
    font-size: 3.6rem;
    float: left;
    border-radius: 100%;
    background: #ccc;
    overflow: hidden;
    color: #FFF;
    padding: 3px;
}

.CIS header .user .user_face button:hover {
    background: #EFEFEF;
    box-shadow: none;
}

.CIS header .user .user_face button:focus {
    background: #FFF;
    box-shadow: none;
}

.CIS header .user .user_face button span {
    padding-top: 10px;
    padding-left: 5px;
}

.CIS header .user .user_face .dropdown-menu {
    min-width: inherit;
}

.CIS header .user .user_face.open button {
    background: #EFEFEF;
    box-shadow: none;
}

.CIS header .user .user_face button:active {
    background: #FFF;
    box-shadow: none;
}

/*.CIS header .user .user_face img {
    border-radius: 20px;
    width: 40px;
    height: 40px;
}*/



/* Side Menu */

.CIS>div {
    min-height: 100%;
    display: table-row;
    width: 100%;
    /*overflow: hidden;*/
    float: left;
    background: #EEF1F5;
    margin-top: 68px;
    table-layout: fixed;
}

.CIS>div:after {
    display: block;
    content: '';
    clear: both;
}

.CIS aside {
    width: 180px;
/*    width: 15%;*/
    min-height: 100%;
    background: #364150;
/*    float: left;*/
    margin-right: 0px;
    color: #FFF;
    display: table-cell;
    vertical-align: top;
}

.CIS aside ul {
    list-style: none;
    padding: 0;
}

.CIS aside ul>li {
    height: 38px;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    padding-left: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    position: relative;
}
/*
.CIS aside ul>li:not(.visible) {
    display: none;
}
*/

.CIS aside ul>li.current {
    color: rgba(255, 255, 255, 1);
    /*background: url(../images/arrow_left.svg) right center no-repeat #00C2F3;*/
    background: #00C2F3;
    background-size: 4%;
}

.CIS aside ul>li.current:after {
    content: "";
    width:0; 
    height:0; 
    border-top:8px solid transparent;
    border-bottom:8px solid transparent; 
    border-right:8px solid #EEF1F5; 
    position: absolute;
    top: 10px;
    right: 0;
}

.CIS aside ul>li:hover:not(.current) {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    color: rgba(255,255,255,1);
}

.CIS aside ul>li span {
    font-size: 16px;
    margin-right: 10px;
    top: 2px;
}

.CIS aside ul>li i {
    font-size: 16px;
    float: right;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-right: 10px;
}

.CIS aside ol {
    list-style: none;
    padding: 0;
    display: none;
}

.CIS aside ol li {
    height: 30px;
    line-height: 30px;
    padding-left: 50px;
    color: rgba(255, 255, 255, 0.7);
    cursor: default;
}

.CIS aside ol li:hover:not(.current) {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255,255,255,1);
}

.CIS aside ol li.current {
    background: rgba(255, 255, 255, 0.25);
}

.CIS>div div.main {
    padding: 0 20px 0 20px;
    display: table-cell;
    height: 100%;
    width: 85%;
    vertical-align: top;
}
/* .CIS>div div.main.loading:before {
    content: 'Loading...';
    text-align: center;
    margin: 0 auto;
    padding-top: 100px;
    font-size: 2.2rem;
}
.CIS>div div.main.loaded:before {
    display: none;
} */
.CIS>div div.main>div {
    width: 100%;
}
.CIS>div div.main.loading>div {
    opacity: 0;
}
.CIS>div div.main .sploading {
    display: none;
}
.CIS>div div.main.loading .sploading {
    display: block;
}

.CIS>div div.main nav {
    font-size: 12px;
    color: #676767;
    /* padding-bottom: 10px;
    border-bottom: 1px solid #D2D6DE; */
    padding-top: 8px;
    margin-bottom: 8px;
}

.CIS>div div.main nav span {
    font-size: 16px;
    top: 2px;
}

.CIS>div div.main nav .label {
    font-style: normal;
    background: rgba(0,194,243,.7);
}

.CIS>div div.main div.table>section {
    position: relative;
    /*    overflow: hidden;*/
}

.CIS>div div.main div.table {
    background: #FFF;
    padding: 10px;
    width: 100%;
}
.CIS>div div.main div.table.with-bottom {
    margin-bottom: 100px;
}

.CIS>div div.main div.detail {
    background: #FFF;
}

.CIS>div div.main div.calendar {
    background: #FFF;
    padding: 25px 20px;
}

.CIS>div div.main div.table h2 {
    font-size: 14px;
    font-weight: bold;
    color: #00C2F3;
    /* padding-bottom: 15px; */
    margin: 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #D2D6DE;
    line-height: 26px;
    display: table;
    width: 100%;
}
.CIS>div div.main div.table h2>em {
    font-style: normal;
    float: left;
}

.CIS>div div.main div.table h2>a,
.CIS>div div.main div.table h2>.btn,
.CIS>div div.main div.table h2 a.chkbox {
    float: right;
    font-size: 14px;
    color: #676767;
    font-weight: normal;
    margin-left: 20px;
}

.CIS>div div.main div.table h2>.btn.important, 
.CIS>div div.main div.table h2>a.important {
    color: #FFF;
}

.CIS>div div.main div.table h2>.btn:hover, 
.CIS>div div.main div.table h2>a:hover {
    text-decoration: none;
}

.CIS>div div.main div.table h2>.btn span, 
.CIS>div div.main div.table h2>a span,
.CIS>div div.main div.table h2 .chkbox span {
    font-size: 16px;
    /*    color: #CCC;*/
    margin-right: 10px;
}

.CIS>div div.main div.table h2>.btn span.add, 
.CIS>div div.main div.table h2>a span.add {
    display: inline-block;
    border: 1px solid #CCC;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 28px;
}

.CIS>div div.main div.table h2>.btn span.round, 
.CIS>div div.main div.table h2>a span.round {
    display: inline-block;
    border: 1px solid #CCC;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    padding: 0;
}

.CIS>div div.main div.table h2>.ipt-group {
    float: right;
    height: 34px;
    padding: 0;
}
.CIS>div div.main div.table h2>.ipt-group input {
    border-radius: 0;
    height: 30px;
}
.CIS>div div.main div.table h2>.ipt-group input:hover,
.CIS>div div.main div.table h2>.ipt-group input:active,
.CIS>div div.main div.table h2>.ipt-group input:focus {
    outline: none;
    box-shadow: none;
    color: #333;
    border: 1px solid #676767;
}

.CIS>div div.main .table table,
.popup table {
    font-size: 12px;
    width: 100%;
}

.CIS>div div.main .table table caption .btn {
    float: right;
    padding: 3px 12px;
}
.CIS>div div.main .table table thead td,
.popup table thead td {
    background: #EEF1F5;
    border-color: #E7ECF1;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}
.CIS>div div.main .table table thead td {
    line-height: 1.5;
    padding: 5px;
}

.CIS>div div.main div.table table thead.sort td.cursor,
.CIS>div div.main dd.table table thead.sort td.cursor {
    cursor: pointer;
}

.CIS>div div.main div.table table thead.sort td b,
.CIS>div div.main dd.table table thead.sort td b {
    display: table-cell;
    padding-right: 10px;
    white-space: pre-wrap;
    width: 100%;
}

.CIS>div div.main div.table table thead.sort td span,
.CIS>div div.main dd.table table thead.sort td span {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    /*float: right;*/
/*    line-height: 36px;*/
    color: #CCC;
}

.CIS>div div.main div.table table thead.sort td span.uwFontSortUp,
.CIS>div div.main div.table table thead.sort td span.uwFontSortDown,
.CIS>div div.main dd.table table thead.sort td span.uwFontSortUp,
.CIS>div div.main dd.table table thead.sort td span.uwFontSortDown {
    color: #00C2F3;
}

.CIS>div div.main div.table table thead.sort td:hover span,
.CIS>div div.main dd.table table thead.sort td:hover span {
    color: #00C2F3;
}

.CIS>div div.main .table table tbody tr.disabled td,
.popup table tbody tr.disabled td {
    background: #DDD;
    color: #AAA;
}

.CIS>div div.main .table table tbody td,
.popup table tbody td {
    border-color: #E7ECF1;
    padding: 5px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: normal;
    word-break: break-all;
    /*    font-size:2em;*/
    /*    line-height: 1.5;*/
}

.popup table:not(.edit-dentistry) tbody tr:hover {
    background: #00E2F3;
    color: #FFF;
}


/* Table Edit Mode */

.CIS>div div.main .table table tbody td input:not(.lab_result_outer_input) {
    border: 0;
    box-shadow: none;
    height: inherit;
    line-height: inherit;
    padding: 0;
}

.CIS>div div.main .table table tbody td input::-webkit-input-placeholder {
    color: #CCC !important;
}

.CIS>div div.main .table table tbody td input:-moz-placeholder {
    color: #CCC !important;
    /* Mozilla Firefox 4 to 18 */
}

.CIS>div div.main .table table tbody td input::-moz-placeholder {
    color: #CCC !important;
    /* Mozilla Firefox 19+ */
}

.CIS>div div.main .table table tbody td input:-ms-input-placeholder {
    color: #CCC !important;
    /* Internet Explorer 10+ */
}

.CIS>div div.main .table table tbody td>a {
    line-height: inherit;
}
.CIS>div div.main .table table tbody td b,
.CIS>div div.main .detail .row.row-edit-body b {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    -ms-flex-wrap: wrap;
    min-height: 1.42857143em;
    height: 1.42857143em;
}
.CIS>div div.main .table table tbody td b.row-2 {
    -webkit-line-clamp: 3;
    height: 4.5em;
    background: #EEE;
}
.CIS>div div.main .table table tbody td a.td-hide-4 {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    -ms-flex-wrap: wrap;
    min-height: 1.42857143em;
    height: 4.5em;
}

.CIS>div div.main .table table tbody td>a.disable span {
    color: #CCC;
}

.CIS>div div.main .table table tbody td>a.rdobox span {
    top: 2px;
}

.CIS>div div.main .table table tbody td button.table-delete,
.CIS>div div.main .table table tbody td button.table-vaccine,
.CIS>div div.main .table table tbody td button.table-upload,
.CIS>div div.main .table table tbody td button.table-merge,
.CIS>div div.main .table table tbody td button.table-add,
.CIS>div div.main .table table tbody td button.table-vaccine-edit,
.CIS>div div.main .table table tbody td button.table-set-private,
.CIS>div div.main .table table tbody td button.table-print-setting {
    background: none;
    font-size: 1.2rem;
    padding-left: 20px;
    padding-top: 2px;
}
.CIS>div div.main .table table tbody td button.table-set-private:before {
    content: "\e90f";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-delete:before {
    content: "\e91c";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-print-setting:before {
    content: "\e90e";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td p>a {
    line-height: 28px;
}
.CIS>div div.main .table table tbody td p>button {
    float: right;
}
.CIS>div div.main .table table tbody td button.table-upload:before {
    content: "\e926";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-vaccine:before {
    content: "\e933";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-vaccine-edit:before {
    content: "\e918";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-delete:hover,
.CIS>div div.main .table table tbody td button.table-delete:active,
.CIS>div div.main .table table tbody td button.table-delete:focus,
.CIS>div div.main .table table tbody td button.table-merge:hover,
.CIS>div div.main .table table tbody td button.table-merge:active,
.CIS>div div.main .table table tbody td button.table-merge:focus {
    box-shadow: none;
    outline: none;
}
.CIS>div div.main .table table tbody td button.table-add:hover,
.CIS>div div.main .table table tbody td button.table-add,
.CIS>div div.main .table table tbody td button.table-add:focus {
    box-shadow: none;
    outline: none;
}
.CIS>div div.main .table table tbody td button.table-edit {
    background: none;
    font-size: 1.2rem;
    padding-left: 20px;
}
.CIS>div div.main .table table tbody td button.table-edit:before {
    content: "\e918";
    font-size: 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6rem;
}
.CIS>div div.main .table table tbody td button.table-skin-test {
    background: none;
    font-size: 1.2rem;
    padding-left: 0;
}
.CIS>div div.main .table table tbody td button.table-edit:hover,
.CIS>div div.main .table table tbody td button.table-edit:active,
.CIS>div div.main .table table tbody td button.table-edit:focus {
    box-shadow: none;
    outline: none;
}

.CIS>div div.main .table table tbody td button.table-set-private:hover,
.CIS>div div.main .table table tbody td button.table-set-private:active,
.CIS>div div.main .table table tbody td button.table-set-private:focus {
    box-shadow: none;
    outline: none;
}

/* Detail Contents */

.CIS>div div.main div.detail div.detail-contents {
    padding: 10px;
    /*overflow: hidden;*/
}
.CIS>div div.main div.detail div.detail-contents:before {
    display: block;
    content: '';
    clear: both;
}
.CIS>div div.main div.detail div.detail-contents:after {
    display: block;
    content: '';
    clear: both;
}
.CIS>div div.main div.table.detail div.detail-contents {
    padding-left: 0;
    padding-top: 0;
}

.CIS>div div.main div.detail div.detail-contents>.col {
    padding: 0;
}
.CIS>div div.main div.detail div.detail-contents>.col.margin {
    padding: 0 10px 0 0;
}
.CIS>div div.main div.table.detail div.detail-contents>.col {
    padding-right: 0;
}

.CIS>div div.main div.detail div.detail-contents dl {
    border: 1px solid #00C2F3;
    margin-bottom: 10px;
}

.CIS>div div.main div.detail div.detail-contents dl>dt {
    background: #00C2F3;
    /*height: 38px;*/
    line-height: 26px;
    padding: 0 10px;
    color: #FFF;
}

.CIS>div div.main div.detail div.detail-contents dl.temp {
    border: 1px solid slategrey;
}
.CIS>div div.main div.detail div.detail-contents dl.temp>dt {
    background: slategrey;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>i {
    font-style: normal;
}

.CIS>div div.main div.detail div.detail-contents dl.warning {
    display:block !important;
    border-color: #8a6d3b;
}
.CIS>div div.main div.detail div.detail-contents dl.warning>dt {
    background: #fcf8e3;
}
.CIS>div div.main div.detail div.detail-contents dl.warning>dt>i {
    color: #8a6d3b !important;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>button,
.CIS>div div.main div.detail div.detail-contents dl>dt>a {
    float: right;
    text-align: center;
    /* width: 40px; */
    margin-left: 10px;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>a>span {
    font-size: 1.8rem;
    /*    top: 2px;*/
    line-height: 26px;
    color: #FFF;
    /* margin-right: 10px; */
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn {
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
    border: 1px solid #FFF;
    margin-top: 2px;
    margin-left: 10px;
    background: none;
    color: #FFF;
    font-size: 1.2rem;
}
.CIS>div div.main div.detail div.detail-contents dl#DRUG_DL>dt>.btn {
    padding: 0 15px;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn:hover {
    background: #FFF;
    color: #00C2F3;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn:active {
    background: #FBFCFD;
    color: #00C2F3;
    box-shadow: none;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn span {
    font-size: 1rem;
    line-height: 16px;
    margin-right: 6px;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn:hover span {
    color: #00C2F3;
}

.CIS>div div.main div.detail div.detail-contents dl>dt>.btn:active span {
    color: #00C2F3;
}

.CIS>div div.main div.detail div.detail-contents dl.warning>dt>.btn {
    border: 1px solid #8a6d3b;
    color: #8a6d3b;
}
.CIS>div div.main div.detail div.detail-contents dl.warning>dt>.btn:hover,
.CIS>div div.main div.detail div.detail-contents dl.warning>dt>.btn:active {
    background: #FBFCFD;
    color: #8a6d3b;
}

.CIS>div div.main div.detail div.detail-contents dl>dd {
    padding-right: 20px;
    padding-left: 0px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd.drug,
.CIS>div div.main div.detail div.detail-contents dl>dd.expenses,
.CIS>div div.main div.detail div.detail-contents dl>dd.fee {
    padding-right: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) {
    padding-top: 10px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) h2 {
    font-size: 1.4rem;
    padding-left: 20px;
    margin-top: 5px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .text {
    font-size: 1.4rem;
    padding-left: 20px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row {
    margin: 0;
    padding: 0 0 2px 0;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row[data-for=audlt] {
    display: none;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row.row-edit-head {
    padding: 0;
    margin-bottom: 10px;
    background: #EEE;
    font-size: 1.2rem;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div {
    padding: 0;
    padding-left: 20px;
    float: left;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row-edit>div {
    padding-left: 10px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table):not(.drug):not(.expenses):not(.fee):not(.nurse) .row>div:nth-child(odd) {
    color: #999;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table):not(.nurse) .row>div:nth-child(even) {
    color: #333;
    padding-left: 10px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd.table {
    padding: 10px;
    margin-bottom: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table {
    width: 100%;
    margin: 0 0 5px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td {
    padding-left: 20px;
    padding-bottom: 5px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: normal;
    word-break: break-all;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td:last-child {
    /*    padding-right: 20px;*/
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table tr>td:nth-child(odd) {
    color: #999;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table tr>td:nth-child(even) {
    color: #333;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td em,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div em {
    font-style: normal;
    font-size: 14px;
    color: #00C2F3;
    font-weight: normal;
    letter-spacing: 1px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td em span,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div em span {
    font-size: 1.6rem;
    margin-left: 2px;
    color: #00C2F3;
}

.CIS>div div.main div.detail div.detail-contents dl.edit {
    display: none;
}


/* Table Width */

.tb_label {
    width: 22%;
}

.tb2_label {
    width: 64%;
}

.tb_cots {
    width: 28%;
}

.tb_cots3 {
    width: 78%;
}

.tb3_label {
    width: 13%;
}

.tb3_cots {
    width: 20%;
}

.tb3_cots3 {
    width: 87%;
}

.tb3_cots2 {
    width: 53%;
}

.tb3_cots button i {
    /*min-width: 9em;*/
    max-width: 9em;
}

.tb3_cots button i.short {
    width: 3em;
}

.tb4_label {
    width: 8%;
}

.tb4_cots {
    width: 17%;
}


/*
.tb4_cots:before {
    content: " ";
}
*/

.tb4_cots2 {
    width: 42%;
}

.tb4_cots3 {
    width: 92%;
}

.tb4_cots button i {
    width: 6em;
}


/* Filter Area */
.filter_area {
    margin-bottom: 10px;
    display: none;
    margin-right: -5px;
}
.filter_area>.search {
    padding-right: 5px;
    margin-bottom: 10px;
}
.filter_area>.search input {
    border-radius: 0;
    height: 26px;
}
.filter_area>.search input:hover,
.filter_area>.search input:active,
.filter_area>.search input:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #333;
}
.filter_area>.search .combo-select {
    width: 150px;
}
.filter_area>.search .combo-select input {
    height: 26px;
    border: 1px solid #CCC;
}
.filter_area>.search .combo-select .combo-arrow {
    font-size: 14px;
    min-width: 26px;
    line-height: 26px;
}
.filter_area>.search .combo-select .combo-arrow:before {
    line-height: 26px;
}
.filter_area>.search .input-group-btn .btn {
    border-radius: 0;
    min-width: 100px;
    text-align: left;
}
.filter_area>.search .input-group-btn .btn i {
    font-style: normal;
}
.filter_area>.search .input-group-btn .btn span {
    float: right;
    font-size: 1.8rem;
}
.filter_area>.search .form-horizontal {
    margin-bottom: 10px;
    /* padding-right: 15px; */
}
.filter_area>.search_result {
    max-height: 400px;
    overflow-y: auto;
}
.filter_area>.search .form-horizontal>div {
    padding-left: 0;
    padding-right: 10px;
}
.filter_area>.search .form-horizontal>button {
    background: #00c2f3;
    color: #FFF;
}
.filter_area>.search .form-horizontal>button:hover,
.filter_area>.search .form-horizontal>button:active,
.filter_area>.search .form-horizontal>button:focus {
    outline: none;
}
.filter_area>.search .form-horizontal>.input-group {
    float: left;
}
.filter_area>.search .switch span {
    padding: 2px 12px;
}
.filter_area .block {
    float: left;
    font-size: 1.2rem;
    padding: 0 5px 5px 0;
    /*margin-right: 5px;*/
    /*margin-bottom: 5px;*/
    cursor: pointer;
}
.filter_area .block>.inner {
    background: #CCC;
    color: #333;
    padding: 5px;
    /*height: 80px;*/
}
.filter_area .block-package>.inner {
    background: rgb(107,142,35);
    color: #FFF;
}
.filter_area .block:not(.active):hover>.inner {
    background: rgba(0,194,243, 0.2);
}
.filter_area .block.block-package:hover>.inner {
    background: rgba(107,142,35, 0.6);
    color: #FFF;
}
.filter_area .active>.inner,
.filter_area .block:active>.inner,
.filter_area .block:focus>.inner {
    background: #00c2f3;
    color: #FFF;
}
.filter_area .block.block-package:active>.inner {
    background: #00c2f3;
    color: #FFF;
}
.filter_area .block:active>.inner {
    color: #FFF;
}
.filter_area .block>.inner p {
    margin: 0;
}
.filter_area .block>.inner p em {
    font-style: normal;
}
.filter_area .block>.inner p.chinese,
.filter_area .block>.inner p.info,
.filter_area .block>.inner p.lot,
.filter_area .block>.inner p.facture {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 1.5em;
}
.filter_area .block>.inner p.name {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3em;
}
.filter_area .block>.inner p.drugs {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 4.4em;
}

.filter_area .block>.inner p.row-1 {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.5em;
}
.filter_area .block>.inner p.row-2 {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 4em;
}
.filter_area .block>.inner p.row-3 {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 4.4em;
}
.filter_area .block>.inner p.row-4 {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 6em;
}
/*.filter_area .block.IDC9>.inner {
    background: #026C99;
    color: #FFF;
}
.filter_area .block.CPT4>.inner {
    background: #017DB2;
    color: #FFF;
}
.filter_area .block.OTC>.inner {
    background: #00a65a;
    color: #FFF;
}*/

/* Edit Table Form */

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td input,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div input {
    height: 22px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td input,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .combo-arrow {
    line-height: 23px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group {
    margin-bottom: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div {
    position: relative;
    line-height: 22px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row.row-edit>div {
    /*line-height: inherit;*/
    /*display: table-cell;
    vertical-align: middle;*/
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div.title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    line-height: 28px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div>.fold {
    color: #333;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div>.fold span{
    font-size: 1.8rem;
    top: 2px;
    float: left;
    line-height: 22px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div>.fold em {
    font-size: 1rem;
    line-height: 28px;
    font-style: normal;
    float: left;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div b.unit,
.popup b.unit {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    color: #ccc;
    line-height: 28px;
    height: 28px;
    font-weight: normal;
    font-size: 1.2rem;
}
.popup b.unit {
    top: 3px;
    right: 20px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td textarea,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div textarea {
    border-radius: 0;
    border: 1px solid #AAA;
    box-shadow: none;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td button,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div button {
    width: 100%;
    height: 22px;
    line-height: 22px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div button.btn-tb-edit {
    padding: 0 12px;
    background: #00C2F3;
    color: #FFF;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div button.fee-btn {
    height: auto;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group-btn button {
    border-right-color: #EEF1F5;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group-btn button.bootstrap-touchspin-down {
    border-right: 0;
    border-color: #AAA;
    line-height: 14px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group-btn button.bootstrap-touchspin-up {
    border-color: #AAA;
    line-height: 14px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td button span,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div button span {
    width: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div button.dropdown-toggle span {
    position: absolute;
    right: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td .input-group-addon,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group-addon {
    padding: 0 5px;
    line-height: 28px;
    background: #EEE;
    border-radius: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td .input-group-addon i,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .input-group-addon i {
    font-size: 16px;
    top: 2px;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td .dropdown-menu,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .dropdown-menu {
    min-width: 100%;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td .rdo-group,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .rdo-group {
    padding: 0;
}

.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) table td .rdo-group a.rdobox,
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row>div .rdo-group a.rdobox {
    line-height: 28px;
    color: #333;
}

.CIS>div div.main div.detail div.detail-contents dl.edit dd:not(.table) table tr>td:nth-child(odd),
.CIS>div div.main div.detail div.detail-contents dl.edit dd:not(.table) .row>div:nth-child(odd) {
/*    padding-top: 4px;*/
}

.CIS>div div.main div.detail div.detail-contents>div.table {
    padding-top: 0;
    padding-left: 0;
}
.CIS>div div.main div.detail div.detail-contents>div.timeline {
    padding-right: 20px;
}


/* Page */

.CIS>div div.main div.page,
.popup div.page {
    border-bottom: 0;
    overflow: hidden;
}

.CIS>div div.main div.page>ul,
.popup div.page>ul {
    float: right;
    border-radius: 0;
    margin: 10px 0 0;
}

.CIS>div div.main div.page>ul a,
.popup div.page>ul a {
    border-radius: 0;
    border-color: #E7ECF1;
    color: #333;
    /*    padding: 4px 10px*/
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.CIS>div div.main div.page>ul a.add {
    /*    padding: 4px 8px;*/
}

.CIS>div div.main div.page>ul a.first,
.CIS>div div.main div.page>ul a.last,
.popup div.page>ul a.first,
.popup div.page>ul a.last {
    width: 48px;
}

.CIS>div div.main div.page>ul a.prev,
.CIS>div div.main div.page>ul a.next,
.popup div.page>ul a.prev,
.popup div.page>ul a.next {
    width: 60px;
}

.CIS>div div.main div.page>ul a.add span {
    font-size: 12px;
    top: 0;
    color: #676767;
}

.CIS>div div.main div.page>ul .active a,
.CIS>div div.main div.page>ul li:not(.disabled):hover a,
.popup div.page>ul .active a,
.popup div.page>ul li:hover a {
    border-color: #00C2F3;
    background: #00C2F3;
    color: #FFF;
}

.CIS>div div.main div.page>ul a span,
.popup div.page>ul a span {
    font-size: 16px;
    top: 2px;
}

.CIS>div div.main div.page .infor,
.popup div.page .infor {
    color: #999;
    font-size: 14px;
    float: left;
    margin: 10px 0 0;
}

.popup div.page {
    margin-bottom: 20px;
}

/* Refresh */
.refresh {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 80px;
    text-align: center;
    color: #999;
    font-size: 1.8rem;
    z-index: -1;
}


/* Navigation Tabs */

.tabbar {
    /*height: 65px;*/
    /*border-bottom: 1px solid #E7ECF1;*/
    border-bottom: 5px solid rgba(0,194,243,0.1);
    position: relative;
}

.tabbar>ul {
    /*position: absolute;*/
    /*left: 0;
    top: 0;*/
    /*height: 61px;*/
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}

.tabbar>ul>li {
    float: left;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    border-top: 2px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.tabbar>ul>li:first-child {}

.tabbar>ul>li:hover {
    border-top: 2px solid #00C2F3;
}

.tabbar>ul>li>a {
    color: #676767;
    /*color: #aaa;*/
}

.tabbar>ul>li>a:hover {
    text-decoration: none;
}

.tabbar>ul>li:first-child.active {
    border-top: 2px solid #00C2F3;
    /*border-bottom: 1px solid #FFF;*/
    /*border-left: 1px solid #FFF;*/
    border-left: 1px solid rgba(0,194,243,0.1);
    border-right: 1px solid #E7ECF1;
    background: rgba(0,194,243,0.1);
}

.tabbar>ul>li:not(:first-child).active {
    border-top: 2px solid #00C2F3;
    /*border-bottom: 1px solid #FFF;*/
    border-left: 1px solid #E7ECF1;
    border-right: 1px solid #E7ECF1;
    background: rgba(0,194,243,0.1);
}

.tabbar>ul>li.active a {
    color: #00c2f3;
}

.tab-btn {
    float: right;
    /* padding-top: 15px; */
    padding-right: 0;
    margin-bottom: 5px;
    /*overflow: hidden;*/
}
.tab-btn:after {
    content: '';
    clear: both;
    display: block;
}

.tab-btn a {
    float: right;
    line-height: 26px;
    border-radius: 15px;
    padding: 0 15px;
    margin-left: 10px;
}

.tab-btn a span {
    font-size: 16px;
    /* line-height: 26px; */
    top: 2px;
    margin-right: 10px;
}
.tab-btn a[role=button]:not(.btn) {
    color: #676767;
}
.tab-btn a[role=button]:not(.btn):hover {
    text-decoration: none;
}
.tab-btn a[role=button]:not(.btn) .add {
    border: 1px solid #CCC;
    border-radius: 14px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    display: inline-block;
}

.tab-btn a.hidden {
    display: none;
}

.tab-btn label {
    line-height: 26px;
    padding-left: 15px;
}

.tab-btn .ipt-group {
    float: right;
    padding: 0;
}

.tab-btn .ipt-group input {
    border-radius: 0;
    
}
.tab-btn .ipt-group input:active,
.tab-btn .ipt-group input:focus,
.tab-btn .ipt-group input:hover {
    outline: none;
    box-shadow: none;
    border: 1px solid #333;
}
.tab-btn .condition_filter_area {
    float: right;
    margin-left: 10px;
}
.tab-btn .condition_filter_area .date {
    max-width: 180px;
    border-radius: 4px;
}
.tab-btn .condition_filter_area .date input {
    border-radius: 4px 0 0 4px;
}
.tab-btn .condition_filter_area .date .input-group-addon {
    border-radius: 0 4px 4px 0;
}
.tab-btn .condition_filter_area>span {
    float: right;
}
.tab-btn .condition_filter_area>input {
    border-radius: 4px;
}
.tab-btn .condition_filter_area .dt-button{
    background: #00CCFF;
    color: #FFF;
    margin:0;
    border: 0;
    text-decoration: none;
    user-select: none;
    outline: none;
}
.tab-btn .condition_filter_area .dt-button span{
    margin: 0;
    font-size: 12px;
    line-height: 26px;
}

.tab-btn .multiselect-container a {
    width: 100%;
    padding: 0 10px;
    margin: 0;
}
.tab-btn .multiselect-container a label {
    padding: 3px 0;
}
.tab-btn .condition_filter_area input {
    height: 26px;
}
.tab-btn .condition_filter_area .combo-select input {
    padding: 0 12px;
    border: 1px solid #999;
    line-height: 26px;
    height: 26px;
    border-radius: 3px;
}
.tab-btn .condition_filter_area .combo-select .combo-arrow {
    min-width: 26px;
    line-height: 26px;
    height: 26px;
}
.tab-btn .condition_filter_area .combo-select .combo-arrow:before {
    line-height: 26px;
}
.tab-btn .condition_filter_area .btn {
    padding: 3px 12px;
}

.detail-contents .table-button-area {
    padding-right: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}
.detail-contents .table-button-area a {
    float: right;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 15px;
    margin-left: 10px;
}
.detail-contents .table-button-area a span {
    font-size: 16px;
    line-height: 30px;
    top: 2px;
    margin-right: 10px;
}

.tab-btn .condition_filter_area .date .input-group-addon {
    padding: 3px 8px;
}


/* User List */

#USERLIST>div div.main div.table table tbody td.username {
    color: #00C2F3;
}


/* Pat New */

#PAT_NEW .input-group.c_dtp3 {
    padding: 0;
    float: left;
    margin-bottom: 0;
}

#PAT_NEW .input-group.c_dtp3 input {
    background: #E7ECF1;
}

#PAT_NEW .input-group.c_dtp3 input:focus {
    border: 1px solid #E7ECF1;
}

#PAT_NEW .input-group.c_dtp3 span.input-group-addon {
    background: #E7ECF1;
    border-radius: 0;
}

#PAT_NEW .input-group.c_dtp3 span.input-group-addon i {
    font-size: 14px;
    color: #333;
}

#PAT_NEW .btn-group.pdm {
    padding: 0;
}

#PAT_NEW .btn-group.pdm button {
    border-radius: 0;
}

#PAT_NEW .form-group>div.cots {
    padding-right: 0;
    padding-left: 0;
}

#PAT_NEW .uwForm.withBorder {
    /*    width:45%;*/
}

#PAT_NEW label {
    padding-right: 20px;
}

#PAT_NEW label+div+div {
    padding: 0;
    line-height: 31px;
    padding-left: 20px;
    padding-top: 3px;
    color: #EF3D55;
    font-size: 14px;
}

#PAT_NEW ul {
    width: 100%;
}

#POP_PAT_NEW.popup>div a#CREATE {
    width: inherit;
}


/* PAT LIST */

#PAT_DETAIL {
    /*    display: none;*/
}

#PAT_DETAILS_EXTERNAL,
#PAT_DETAILS_MEDICAL {
    display: none;
}

.detail-contents:not(.active) {
    display: none;
}


/*Print*/
#PRINT_TAG_TBL {
    width: 10.5cm;
    height: 2.5cm;
    position: fixed;
    left: 0.2cm;
    top: 0.05cm;
    font-family: Arial;
    font-size: 13px;
    line-height: 140%;
}
#PRINT_TAG_TBL td:last-child {
    padding-left: 0.3cm;
}
/*
#PRINT_TAG_TBL {
    position: relative;
    width: 10.5cm;
    height: 2.5cm;
    background: #FFF;
}
#PRINT_TAG_TBL1 {
    position: absolute;
    left: 0.2cm;
    top: 0.05cm;
    height: 2.5cm;
    width: 5cm;
    text-align: left;
    font-family: Arial;
    font-size: 13px;
    line-height: 40%;
}

#PRINT_TAG_TBL2 {
    position: absolute;
    left: 5.5cm;
    top: 0.05cm;
    height: 2.5cm;
    width: 5cm;
    text-align: left;
    font-family: Arial;
    font-size: 13px;
    line-height: 40%;
}
*/

/* Consult */
#CONSULT_DETAIL>span {
    font-size: 24px;
    color: #00c2f3;
    float: left;
    margin-right: 10px;
}
#CONSULT_DETAIL .contents {
    margin-left: 34px;
}
#CONSULT_DETAIL .contents .question .cots {
    color: #29333d;
    font-size: 18px;
    margin-bottom: 14px;
}
#CONSULT_DETAIL .contents .pics img {
    width: 33px;
    height: 33px;
    margin-right: 4px;
}
#CONSULT_DETAIL .contents .reply {
    margin-top: 20px;
}
#CONSULT_DETAIL .contents .reply .cots {
    padding: 14px;
    font-size: 14px;
}
#CONSULT_DETAIL .contents .reply.patient .cots {
    background: #eef1f5;
}
#CONSULT_DETAIL .contents .reply.doctor .cots {
    background: #e5f9fe;
}
#CONSULT_DETAIL .contents .reply.doctor .cots .btn {
    background: #00C2F3;
    color: #FFF;
    padding: 3px 12px;
}
#CONSULT_DETAIL .contents .reply.doctor .cots .btn:active,
#CONSULT_DETAIL .contents .reply.doctor .cots .btn:focus,
#CONSULT_DETAIL .contents .reply.doctor .cots .btn:hover {
    outline: 0;
    box-shadow: none;
}
#CONSULT_DETAIL .contents .reply.doctor .cots .temp {
    background: #BBB;
    color: #FFF;
    padding: 3px 12px;
    border-radius: 4px;
    line-height: 1.4;
    display: inline-block;
}
#CONSULT_DETAIL .contents .reply .pics{
    margin-top: 20px;
}
#CONSULT_DETAIL .contents .reply.patient .cots:before {
    content: "用户追问：";
    color: #00c2f3;
}
#CONSULT_DETAIL .contents .reply.doctor .cots:before {
    content: "乐仁妇儿回答：";
    
}
#CONSULT_DETAIL .contents .reply p.infor,
#CONSULT_DETAIL .contents .question p.infor{
    font-size: 12px;
    color: #999;
    padding-top: 20px;
}

#CONSULT_DETAIL .contents .question p.encounter{
    font-size: 12px;
    color: #999;
}

#CONSULT_DETAIL .submit,
#CONSULT_DETAIL .reopen {
    border-top: 1px solid #e7ecf1;
    padding-top: 15px;
    margin-top: 20px;
}
#CONSULT_DETAIL .submit .wrap {
    border: 1px solid #e7ecf1;
    padding: 15px 10px 5px;
    border-bottom: 0;
}
#CONSULT_DETAIL .submit textarea {
    border: 0;
    border-bottom: 1px solid #e7ecf1;
    width: 100%;
    height: 100px;
}
#CONSULT_DETAIL .submit .act,
#CONSULT_DETAIL .reopen .act {
    border: 1px solid #e7ecf1;
    border-top: 0;
    overflow: hidden;
}
#CONSULT_DETAIL .reopen .act {
    border: 0;
}
#CONSULT_DETAIL .submit .act .upload {
/*    float: left;*/
}
#CONSULT_DETAIL .submit .act .uwForm,
#CONSULT_DETAIL .reopen .act .uwForm {
/*
    float: right;
    padding-right: 10px;
*/
    padding-left: 40%;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
#CONSULT_DETAIL .submit .act .uwForm>div {
    padding: 0 10px 0 0;
}
#CONSULT_DETAIL .submit .act .uwForm>div:last-child {
    padding: 0;
}
#CONSULT_DETAIL .submit .act .uwForm>div .btn {
/*    width: 100%;*/
}

#CONSULT_DETAIL #SAVE.noactive {
    background: #CCC;
    color: #666;
}
#CONSULT_DETAIL #CLOSE {
/*    margin-right: 50px;*/
    background: #ffb6b6;
    color: #aa3939;
    border: 0;
}
#CONSULT_DETAIL .replying {
    margin-top: 20px;
    display: none;
}

/* Upload */
.upload {
    padding: 0 10px;
    overflow: hidden;
    background: #FFF;
}
.upload .files {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.upload .files.horizontal img {
    height: 100%;
    top: 0;
    left: 0;
}
.upload .files.vertical img {
    width: 100%;
    top: 0;
    left: 0;
}
.upload .files img {
    position: absolute;
}
.upload .files a {
    position: absolute;
/*
    right: -8px;
    top: -8px;
*/
/*
    right: 5px;
    top: 5px;
*/
    left: 0;
    bottom: 0;
    z-index: 1000;
/*    color: #8f99a3;*/
    color: #FFF;
/*    text-shadow: 0px 0px 3px rgb(255,255,255);*/
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: rgba(235, 155, 155, 0.5);
    text-align: center;
/*    border-radius: 9px;*/
}

.upload .files a span {
    font-size: 1.8rem;
    line-height: 24px;
}
.upload .fileinput-button {
    border-radius: 0;
    width: 34px;
    height: 34px;
    border: 2px solid #dbe5ef;
    background: #FFF;
    text-align: center;
    padding: 0;
/*    padding-top: 10px;*/
    margin-right: 10px;
    margin-bottom: 10px;
}
.upload.upload-btn {
    padding-top: 6px;
    padding-left: 0;
}
.upload.upload-btn .fileinput-button {
    border-radius: 11px;
    width: inherit;
    height: 22px;
    border: 0;
    background: #00c2f3;
    text-align: center;
    padding: 0 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.upload .fileinput-button i,
.upload .fileinput-button span {
/*    display: block;*/
}
.upload .fileinput-button i {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #c2ccd6;
/*    margin-bottom: 5px;*/
}
.upload.upload-btn .fileinput-button i {
    color: #FFF;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 22px;
}
.upload .fileinput-button span {
    font-size: 1.3rem;
    color: #8f99a3;
}
.multi-files {
    list-style: none;
    padding: 5px 0;
}
.multi-files>li {
    width: 100%;
    display: block;
    overflow: hidden;
}
.upload.upload-btn .fileinput-button+span,
.multi-files span {
    font-size: 1.4rem;
    color: #333;
    float: left;
    line-height: 24px;
    margin-right: 6px;
    display: none;
    cursor: pointer;
    padding: 0 4px;
    border-radius: 4px;
}
.multi-files span {
    display: inline-block;
}
.upload.upload-btn .fileinput-button+span:hover,
.multi-files span:hover {
    background: #00a65a;
    color: #FFF;
}
.upload.upload-btn .fileinput-button+span+a,
.multi-files a {
    font-size: 1.6rem;
    color: #676767;
    float: left;
    line-height: 24px;
    display: none;
}
.multi-files a {
    display: inline-block;
}
.popup section label+div .form-upload+span+a:hover {
    color: #00c2f3;
    text-decoration: none;
}

/* Picture Show */
.picshow {
    position: fixed;
    left: 0;
    top: 0;
}
#PICSHOW {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    text-align: center;
    display: none;
    z-index: 9999;
}
#PICSHOW>div {
    width:80%;
    margin: 0 auto;
    padding: 25px;
    background: #FFF;
    position: relative;
}
#PICSHOW>div>img {
/*    width: 100%;*/
}
#PICSHOW>div>a {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 5px;
    top: 5px;
/*    background: #FFF;*/
/*    border-radius: 10px;*/
}
#PICSHOW>div>a span {
    font-size: 2.2rem;
    color: #29333d;
}


/* Search List */
/* List */
.list-area {
    position: relative;
}
.list {
    position: absolute;
    /*left: 0;
    top: 0;*/
    background: #FFF;
    z-index: 999;
    display: none;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
    min-width: 600px;
}
.list ul.list-group {
    margin-bottom: 0;
}
.list li.list-group-item {
    border-radius: 0;
}
.list li.list-group-item.add {
    padding: 5px;
}
.list li.list-group-item.add>div{
    padding: 0;
}
.list li.list-group-item.add>div>div {
    padding: 0 5px 0 0;
}
.list li.list-group-item.add>div>div:last-child {
    padding: 0;
}
.list li.list-group-item.add h4 {
    padding: 0;
    font-size: 1.6rem;
}
.list li.list-group-item.nopat {
    text-align: center;
}
.list li.list-group-item:not(.add) em {
    font-style: normal;
}
.list li.list-group-item:not(.add) span {
    color: indianred;
}
.list ul.list-group .row {
    margin-bottom: 0;
    margin: 0;
}
.list ul.list-group .row>div {
    padding: 0 5px;
}
.list ul.list-group button {
    padding: 0;
    text-align: center;
}
.list ul.list-group button.btn-can {
    background: #00C2F3;
    color: #FFF;
}
.list ul.list-group button.btn-warning {
    background: #ffd6a6;
    color: #FFF;
}

/* Time Picker */
.bootstrap-timepicker-widget table tr:hover {
    background: none !important;
    color: #333 !important;
}
.bootstrap-timepicker-widget table td {
    padding: 5px !important;
    width: 20px !important; 
    height: 22px !important;
}
.bootstrap-timepicker-widget table tr td:first-child,
.bootstrap-timepicker-widget table tr td:last-child {
    width: 50px !important;
}
.bootstrap-timepicker-widget table td a {
    padding: 0;
}

.spinner {
    margin: 0;
    width: 34px;
    height: 34px;
    padding-top: 14px;
    text-align: center;
/*    display: none;*/
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.5);
}

.spinner > div {
    width: 6px;
    height: 6px;
    background-color: rgba(200, 200, 200, 1);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loading-refresh {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.sploading {
    margin: 200px auto 0;
    width: 100px;
    text-align: center;
    display: block;
}

.sploading > em {
    width: 18px;
    height: 18px;
    background-color: #00C2F3;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.sploading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sploading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.sploading i {
    display: block;
    font-size: 1.4rem;
    font-style: normal;
    margin-top: 5px;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.pct-lg-8 {width:8%;}
.pct-lg-10 {width:10%;}
.pct-lg-15 {width:15%;}
.pct-lg-20 {width:20%;}
.pct-lg-22 {width:22%;}
.pct-lg-25 {width:25%;}
.pct-lg-28 {width:28%;}
.pct-lg-30 {width:30%;}

.pct-md-8 {width:8%;}
.pct-md-10 {width:10%;}
.pct-md-15 {width:15%;}
.pct-md-20 {width:20%;}
.pct-md-22 {width:22%;}
.pct-md-25 {width:25%;}
.pct-md-28 {width:28%;}
.pct-md-30 {width:30%;}

.big_name {
    font-weight: bold;
    font-size: 1.4rem;
}
.big_name .label {
    padding: 0 .6em .1em;
}
.lightName {
    font-size: 1.2rem;
    opacity: 0.8;
}

.minus {
    color: red;
}
.minus:before {
    content: "(";
}
.minus:after {
    content: ")";
}

.nullify {
    color: red;
}

.block_tooltip {
    text-align: left;
}
.block_tooltip em {
    font-style: normal;
}

/* invisible */
.no-show {
    display: none;
}
.no-hidden {
    overflow: visible !important;
}

/* VIP Card */
.vip_card_infor {
    font-size: 1.4rem;
}
.vip_card_infor span {
    color: #00C2F3;
}
.transfer-infor {
    margin: 10px 0;
}
.transfer-infor span {
    display: block;
    line-height: 24px;
}
.transfer-infor em {
    font-style: normal;
    display: inline-block;
    width: 150px;
}
.transfer-infor a {
    color: #00C2F3;
}

/* Editor */
.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.visit-disease h1,
.visit-disease h2,
.visit-disease h3 {
    font-size: 18px;
    font-weight: bold;
}
.cke_editable h4,
.cke_editable h5,
.cke_editable h6,
.visit-disease h4,
.visit-disease h5,
.visit-disease h6 {
    font-size: 14px;
    font-weight: bold;
}
.cke_editable p,
.visit-disease p {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0;
}
.visit-disease h3:not(:first-child) {
    margin-top: 20px;
}
.visit-disease {
    color: #333 !important;
}

.visit-disease .section-area {
    overflow: hidden;
}
.visit-disease .section-area>div {
    float:left;
    margin-right: 20px;
    /* margin-bottom: 20px; */
}
.visit-disease .section-area>div>div {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}
.visit-disease .section-area>div em {
    float: left;
    font-size: 1.2rem;
    font-style: normal;
}
.visit-disease .section-area>div em.level-1 {
    padding-left: 20px;
}
.visit-disease .section-area>div em.level-2 {
    padding-left: 40px;
}
.visit-disease .section-area>div span {
    float: right;
    font-size: 1.2rem;
    margin-left: 40px;
}
.visit-disease .consent {
    display: inline-block;
    margin-top: 15px;
    margin-right: 15px;
}
.visit-disease .consent img {
    height: 100px;
}

/* Multi select */
#select_template+div li:not(.multiselect-filter) input {
    display: none;
}

/* Drug */
.CIS>div div.main div.detail div.detail-contents dl>dd:not(.table) .row.row-edit-body>div .dropdown-menu {
    max-height: 150px;
}


/* Flash */
@-webkit-keyframes twinkling{	/*透明度由0到1*/
	0%{
		background: rgba(240,230,140,0);				/*透明度为0*/
	}
	50%{
		background:#f2dede;				/*透明度为1*/
	}
    100%{
		background:rgba(240,230,140,0);				/*透明度为1*/
	}
}
.row-alert {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.all_highlight{
    display: table-cell;
    /*display: none;*/
	-webkit-animation: twinkling 3s infinite ease-in-out;
    /*float: left;*/
    /*height: 30px;*/
    /* line-height: 3rem; */
    padding: 5px;
    /*display: inline-block;*/
    /*width: 100%;*/
    font-weight: 900;
    font-size: 1.6rem;
    vertical-align: top;
    color: red;
}
.all_cards {
    display: table-cell;
    /* line-height: 3rem; */
    padding: 5px;
    width: 50%;
    font-weight: 900;
    font-size: 1.6rem;
    vertical-align: top;
}
.text-large {
    font-size: 1.8rem;
}

.uwrow {
    width: 100%;
    line-height: 28px;
}
.uwrow.uwrow-margin {
    width: auto;
    margin-left: -5px;
    margin-right: -5px;
}
.uwrow:before {
    display: table;
    content: " ";
}
.uwrow:after {
    display: table;
    content: " ";
    clear: both;
}
.uwcol {
    float: left;
    padding: 0 5px;
    min-height: 1px;
}
.uwcol-pc-1 {
    width: 4.166666666%;
}
.uwcol-pc-2 {
    width: 8.333333333%;
}
.uwcol-pc-3 {
    width: 12.5%;
}
.uwcol-pc-4 {
    width: 16.66666666%;
}
.uwcol-pc-5 {
    width: 20.83333333%;
}
.uwcol-pc-6 {
    width: 25%;
}
.uwcol-pc-7 {
    width: 29.16666666%;
}
.uwcol-pc-8 {
    width: 33.33333333%;
}
.uwcol-pc-9 {
    width: 37.5%;
}
.uwcol-pc-10 {
    width: 41.66666666%;
}
.uwcol-pc-11 {
    width: 45.83333333%;
}
.uwcol-pc-12 {
    width: 50%;
}
.uwcol-pc-13 {
    width: 54.16666666%;
}
.uwcol-pc-14 {
    width: 58.33333333%;
}
.uwcol-pc-15 {
    width: 62.5%;
}
.uwcol-pc-16 {
    width: 66.66666666%;
}
.uwcol-pc-17 {
    width: 70.83333333%;
}
.uwcol-pc-18 {
    width: 75%;
}
.uwcol-pc-19 {
    width: 79.16666666%;
}
.uwcol-pc-20 {
    width: 83.33333333%;
}
.uwcol-pc-21 {
    width: 87.5%;
}
.uwcol-pc-22 {
    width: 91.66666666%;
}
.uwcol-pc-23 {
    width: 95.83333333%;
}
.uwcol-pc-24 {
    width: 100%;
}

.no-padding-left {
    padding-left: 0 !important;
}

.border-right {
    border-right: 1px solid #CCC;
}

/* Tooltip */
.uwTooltip {
    position: absolute;
    /* background: rgba(245,245,112,0.9);
    color: #333;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    z-index: 9999;
    max-width: 200px;
    padding: 5px; */
    background: white;
    color: #333;
    box-shadow: 2px 6px 20px rgba(0,0,0,.15);
    z-index: 9999;
    max-width: 200px;
    padding: 20px;
    border-radius: 10px;
}
.uwTooltip:before {
    /* content: ''; */
    position: absolute;
    left: -8px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-right: 8px solid rgba(245,245,112,0.9);
    border-top: 8px solid rgba(0,0,0,0);
    border-bottom: 8px solid rgba(0,0,0,0);
}
.uwTooltip.bottom:before {
    top: unset;
    bottom: 8px;
}
.uwTooltip.right:before {
    left: unset;
    right: -8px;
    border-right: none;
    border-left: 8px solid rgba(245,245,112,0.9);
    border-top: 8px solid rgba(0,0,0,0);
    border-bottom: 8px solid rgba(0,0,0,0);
}
.uwTooltip span,
.uwTooltip em {
    font-style: normal;
}

/* Select */
#ptsource+ul,#BASE_INSP_COMPANY_SELECT+ul,#BASE_INSS_COMPANY_SELECT+ul,#BASE_PAT_FROM_SELECT+ul {
    max-height: 115px;
}

.red-dot {
    position: relative;
}
.red-dot:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #aa3939;
    position: absolute;
    right: 5px;
    top: 5px;
}

#quickadd_pat_sex {
    padding-left: 10px;
}

/*.dropdown {
  position: relative;
}*/
/*.dropdown-toggle:focus {
  outline: 0;
}*/
.dropdown-menu-uw {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  overflow-y: scroll;
  max-height: 150px;
}
.dropdown-menu-uw.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu-uw .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu-uw > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu-uw > li > a:hover,
.dropdown-menu-uw > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu-uw > .active > a,
.dropdown-menu-uw > .active > a:hover,
.dropdown-menu-uw > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu-uw > .disabled > a,
.dropdown-menu-uw > .disabled > a:hover,
.dropdown-menu-uw > .disabled > a:focus {
  color: #777;
}
.dropdown-menu-uw > .disabled > a:hover,
.dropdown-menu-uw > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu-uw {
  display: block;
}

.biling {
    margin-right: 10px;
    color: #00c2f3;
}

/* Write */
#WRITE {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    background: #FFF;
    -webkit-user-select: none;
    cursor: default;
}
#WRITE canvas {
    /*width: 100%;*/
}

#WRITE a {
    position: fixed;
}
.write-close {
    right: 10px;
    top: 10px;
    border-radius: 100%;
    color: #333;
}

.write-insert {
    right: 50px;
    top: 10px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #333;
    padding: 1px 6px;
}

.write-clear {
    right: 100px;
    top: 10px;
    border: 1px solid #333;
    border-radius: 8px;
    color: #333;
    padding: 1px 6px;
}
#WRITE a:hover {
    text-decoration: none;
    color: #AAA;
}
.clear-block {
    position: fixed;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px dotted #CCC;
    background: #FFF;
}

#ST_DRUG i {
    max-width: 35em !important;
    overflow: hidden;
}

/* Massage Center */
.msg-alert {
    position: relative;
    margin-right: 16px;
    border: 0;
    background: none;
    padding: 0;
}
.msg-alert em {
    display: none;
    /*width: 16px;*/
    height: 16px;
    border-radius: 4px;
    background: #f39c12;
    color: #FFF;
    position: absolute;
    left: 12px;
    top: -6px;
    text-align: center;
    font-style: normal;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding: 0 2px;
}

[data-disabled=disabled],
input[disabled] {
    cursor: not-allowed !important;
}

.combo-select {
    border: none !important;
    margin-bottom: 0 !important;
    color: #333;
    font-size: 1.4rem;
    /* background: #CCC; */
}
.combo-select input {
    color: #333;
}
.login .combo-select {
    border: none !important;
    margin-bottom: 0 !important;
    color: #333;
    font-size: 1.4rem;
    background: #fff;
}
.combo-select:hover{
    /* color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; */
}
.combo-select.combo-open {
    /* background: #00ADD9; */
}
.login .combo-select.combo-open {
    background: transparent;
}
.combo-select.combo-open input,
.combo-select.combo-open .combo-arrow:before {
    /*color: #FFF !important;*/
}
.login .combo-select.combo-open input,
.login .combo-select.combo-open .combo-arrow:before {
    color: #333;
}

.combo-select [data-disabled=disabled]+.combo-arrow, [data-toggle="false"]>.uwFontArrowDown {
    display: none;
}
.popup section label+div button[data-toggle="false"], [for="ADD_PAT_FACILITY"]+div .combo-select input[disabled="disabled"], .popup section .input-group:not(.bootstrap-touchspin) input[disabled="disabled"]{
    background-color: #eee;
    color: #999;
}
#POP_NEW_EVENT [data-name="NEW_PAT"] .datetime input {
    background: initial;
}
.combo-arrow {
    font-size: 14px;
    min-width: 34px;
    line-height: 32px;
}
.combo-arrow:before {
    border: 0;
    font-family: "uw-icon";
    content: "\e903";
    color: #333;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-size: 1.4rem;
    font-weight: normal;
    text-rendering: auto;
    font-variant: normal;
    display: inline-block;
    line-height: 34px;
    -webkit-font-smoothing: antialiased;
    right: 0;
}
.combo-open .combo-arrow:before {
    border-top: none;
    border-bottom: none;
}
.ipt-group .combo-select .combo-input {
    border: 1px solid #CCC !important;
    height: 34px;
    width: 100% !important;
    border-left: 1px solid #CCC !important;
    background: transparent;
}

.input-check-error {
    border-color: red !important;
}

.btn-area {
    margin-bottom: 10px;
    padding: 0 15px 0 0 !important;
}
.btn-area .btn {
    border: 1px solid #00c2f3;
    border-radius: 4px;
    color: #00c2f3;
    padding: 5px 10px;
    float: right;
    margin-left: 10px;
}
.btn-area .btn:active {
    box-shadow: none;
}
.button-group-area .btn {
    margin-left: 0 !important;
    /*margin-right: 10px;*/
}
.button-group-area .btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.button-group-area .btn.lock:first-child {
    border-right: 0 !important;
}
.button-group-area .btn:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.button-group-area .btn.lock:last-child {
    border-left: 0 !important;
}
.btn-follow {
    /*display: none;*/
    float: left !important;
}
.btn-follow.lock {
    border: 1px solid #CCC !important;
    color: #CCC !important;
}
.follow-up-block {
    display: none;
}
.follow-up-block .cke_wysiwyg_div {
    color: #000 !important;
}

/* Follow up */
.rv-contents {
    color: #333 !important;
}
.row.border-bottom {
    border-top: 1px solid #ccc;
    margin-left: 20px !important;
}

/* Reference Price */
.ref {
    color: crimson;
}

/* For Alert Body */
.alert-body {
    text-align:left !important;
    margin-bottom:5px !important;
}
.alert-body.wrong textarea {
    color: #EF3D55 !important;
    border: 1px solid #EF3D55 !important;
}
.alert-body textarea {
    width: 100%;
}
.alert-body span {
    color: #EF3D55 !important;
    font-size: 1.8rem !important;
}

.confirm input {
    background: #CCC;
}

/* Panel for Table */
.panel-heading a {
    float: right;

    /*color: #333;*/
    font-size: 1.4rem;
}
.panel-util {
    padding: 15px 15px 0;
}
.panel-body .uwrow {
    margin-bottom: 5px;
}
.panel-util .uwrow.high {
    height: 74px !important;
}
.panel-body .uwcol,
.panel-util label {
    line-height: 34px;
}
.panel-util .text {
    line-height: 34px;
}
.panel span.uwFont:not(.checkbox) {
    position: relative;
    display: block;
    height: 34px;
}
.panel span.uwFont input,
.panel .date,
.panel span.uwFont textarea {
    border: 1px solid #FFF !important;
    border-radius: 0;
    font-size: 1.4rem;
    color: #666;
    background: none !important;
}
.panel span.uwFont textarea {
    padding: 0;
    box-shadow: none;
    resize: none;
    line-height: 34px;
    /*height: 68px;*/
}
.panel span.uwFont.focus input,
.panel span.uwFont.focus textarea {
    border: 1px solid #8a6d3b !important;
    padding: 0 5px !important;
}
.panel .date.focus {
    border: 1px solid #8a6d3b !important;
    padding-left: 5px !important;
}
.panel span.uwFont .combo-input {
    height: 34px !important;
    border-radius: 0;
}
.panel span.uwFont.focus-select .combo-select {
    border: 1px solid #8a6d3b !important;
}
.panel span.uwFont:not(.checkbox):before {
    content: "\e918";
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1.4rem;
    color: #00C2F3;
}
.panel span.uwFont.focus:before {
    color: #8a6d3b;
}
.panel .combo-arrow {
    display: none;
}
.panel ul {
    font-size: 1.4rem;
}
.panel-footer {
    /*background: #fcf8e3;*/
}
.panel-footer {
    text-align: right;
    background: none;
}
.panel-footer .btn {
    border-radius: 17px;
    margin-left: 10px;
}
.panel-footer .btn-submit {
    color: #FFF;
    background: #00C2F3;
    border: 0;
}
.assay-head {
    border-bottom: 1px solid #CCC;
    font-weight: bold;
}
.panel .date .input-group-addon {
    border: 0;
    height: 32px !important;
    background: none;
    color: #00C2F3;
    font-size: 1.4rem;
}
.panel .date input {
    border: 0;
    height: 32px !important;
    background: none;
}

.panel.panel-lock span.uwFont:before,
.panel.panel-lock .input-group-addon {
    opacity: 0 !important;
}
.panel.panel-lock .btn-submit,
.panel.panel-lock .btn-confirm {
    display: none;
}
.panel .alert label {
    margin: 0;
}

/* Package for coupon */
.pkg-section {
    /*padding-left: 20px;*/
    margin-bottom: 20px;
    cursor: pointer;
}
.pkg-section .row .label {
    padding: 6px 12px;
    color: #FFF !important;
}
.pkg-section .row .label-info {
    background-color: #5bc0de !important;
}
.pkg-section .row .label-muted {
    background-color: lightgray !important;
}
.pkg-section .row .text-danger {
    color: #a94442;
}
.pkg-section .row .text-warning {
    color: #8a6d3b;
}
.pkg-section .row .text-success {
    color: #3c763d;
}
.pkg-section .row .used,
.pkg-section .row .used span {
    color: lightgray !important;
}
.pkg-items {
    display: none;
    border-top: 1px dotted lightgray;
}

#ASSAY_TBL .tag-label .label {
    padding: 0 .6em .1em;
}
#ASSAY_TBL .tag-label .label-info {
    background-color: #3c763d;
}


/* Dentistry */
.choseTooth {
	
}
.dentistry-title {
    text-align: center !important;
    font-size: 1.8rem !important;
}
.choseTooth p {
    float: left;
    position: relative !important;
}
/*.choseTooth .block {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	opacity: .3;
	left: 0;
	top: 0;
}*/
.choseTooth svg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.choseTooth svg polygon {
    fill: palevioletred;
    fill-opacity: 0;
}
.choseTooth svg polygon.hover {
    fill-opacity: .3;
}
.choseTooth svg polygon.on {
    fill: mediumseagreen;
    fill-opacity: .6;
}

.block.lu1 {
    left: 190px;
    top: 60px;
    width: 35px;
    height: 35px;
}

.block.ru1 {
    left: 225px;
    top: 60px;
    width: 35px;
    height: 35px;
}

.block.ld1 {
    left: 185px;
    top: 350px;
    width: 30px;
    height: 30px;
}

.block.rd1 {
    left: 220px;
    top: 350px;
    width: 30px;
    height: 30px;
}

.block.on {
	background: lightcoral;
}

/* for dentistry */
.cke_show_border td {
    border: 1px dotted #e3e3e3 !important;
}
.edit-dentistry {
    width: 100%;
}
.edit-dentistry td {
    vertical-align: middle !important;
    padding-bottom: 0 !important;
}
.edit-dentistry.cke_show_border td {
    line-height: 34px !important;
}
.edit-dentistry .num {
    
}
.edit-dentistry .sub {
    padding: 0 !important;
}
.edit-dentistry .comments {
    
}
.edit-dentistry .edit-sub-dentistry {
    
}
.edit-dentistry .row {
    display: block;
    padding-bottom: 0 !important;
}
.edit-dentistry .teeth {
    margin: 0 !important;
    padding-left: 0 !important;
    /*float: left;*/
}
.edit-dentistry .lu {
    border-right: 2px solid #333 !important;
    border-bottom: 2px solid #333 !important;
    /*left: 0;
    top: 0;*/
}
.edit-dentistry .ru {
    border-bottom: 2px solid #333 !important;
    /*right: 0;
    top: 0;*/
}
.edit-dentistry .ld {
    border-right: 2px solid #333 !important;
    /*left: 0;
    bottom: 0;*/
}
.edit-dentistry .rd {
    /*right: 0;
    bottom: 0;*/
}
.edit-dentistry .edit-sub-dentistry {
    width: 100%;
    height: 68px;
    margin: 0 auto !important;
}
.edit-dentistry .teeth {
    width: 50%;
    height: 34px;
    text-align: center;
}
.edit-dentistry:not(.cke_show_border) .edit-sub-dentistry {
    width: auto !important;
    height: inherit;
}
.edit-dentistry:not(.cke_show_border) .teeth {
    height: 5px;
    width: auto;
    min-width: 5px;
    padding: 0 !important;
}
.edit-dentistry:not(.cke_show_border) .teeth span {
    padding: 0 5px;
    color: #333;
}
.edit-dentistry:not(.cke_show_border) .sub {
    width: 8%;
}
/*.edit-dentistry:not(.cke_show_border) .edit-sub-dentistry {
    display: table;
    min-width: 10px;
    min-height: 10px; 
}
.edit-dentistry:not(.cke_show_border) .teeth {
    display: table-cell;
    min-width: 5px;
    min-height: 5px;
    text-align: center;
}*/

/*.edit-dentistry .teeth {
    padding-left: 10px !important;
}
.edit-dentistry.cke_show_border .teeth {
    width: 50% !important;
}
.edit-dentistry .edit-sub-dentistry {
    margin: 0 !important;
    position: relative;
    width: 100%;
}
.edit-dentistry .edit-sub-dentistry .teeth {
    display: block;
    position: absolute;
}
.edit-dentistry:not(.cke_show_border) .edit-sub-dentistry {
    width: none !important;
}
.edit-dentistry:not(.cke_show_border) .teeth {
    min-height: 10px !important;
    min-width: 10px !important;
}*/

.edit div[data-field-id=gestational_age]:before {
    content: '周';
    position: absolute;
    left: 40%;
}
.edit div[data-field-id=gestational_age]:after {
    content: '天';
    position: absolute;
    left: 88%;
}

.billing-remark {
    
    /*padding-bottom: 0 !important;*/
}
.billing-remark textarea {
    background: none;
    width: 99%;
}
.billing-remark .billing-note-label {
    padding-top: 4px !important;
    padding-left: 10px !important;
}
/* Edit/Preview mode */
.preview-mode {
    border: 0 !important;
    resize: none;
}
.expense-remark {
    border: 1px solid transparent !important;
    padding-left: 20px;
}
.billing-remark .billing-note-text:before {
    content: "\e918";
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 1.4rem;
    color: #00C2F3;
}
.edit-mode {
    border: 1px solid #333 !important;
    background: lightgoldenrodyellow !important;
}

/* dentistry */
.uw-dentistry span {
    white-space:nowrap;
}
/* Upload Image */
.upload-image a {
    margin-bottom: 3px;
    height: 150px;
}
.upload-image a img {
    height: 100%;
}
.upload-image button {
    font-size: 1.4rem;
    line-height: 14px !important;
    width: 100%;
}
.upload-image .file-block {
    padding-left: 0 !important;
    padding-right: 5px !important;
}
.upload-image .file-block a.file {
    height: 100px;
    text-align: center;
    padding-top: 30px;
}
.upload-image .file-block a span {
    font-size: 4.2rem;
}

.health-edit,
.visit-image-edit {
    display: none;
}
.health-preview a.edit span:before,
.visit-image-preview a.edit span:before {
    /*top: 0;*/
    font-size: 1.8rem !important;
}
.visit-image-preview a.edit span:before {
    color: #8a6d3b !important;
}
.health-edit .panel-heading,
.health-preview .panel-heading,
.visit-image-edit .panel-heading,
.visit-image-preview .panel-heading  {
    line-height: 26px;
    padding: 0 15px;
}
.health-edit .panel-heading button,
.visit-image-edit .panel-heading button {
    float: right;
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
    border: 1px solid #00c2f3;
    margin-top: 4px;
    margin-left: 10px;
    background: none;
    color: #00c2f3;
}
.visit-image-edit .panel-heading button {
    border: 1px solid #8a6d3b;
    color: #8a6d3b;
}
.visit-image-edit .panel-heading button:active {
    background: #8a6d3b !important;
    color: #FFF;
}
.upload-image.small .file-block {
    width: 50px;
    /*height: 50px;*/
}
.upload-image.small .file-block a {
    height: 50px;
}
.upload-image.small .file-block a.file {
    height: inherit;
    padding-top: 5px;
}
.upload-image.small .file-block a span {
    font-size: 1.4rem;
    padding-right: 0 !important;
    vertical-align: inherit !important; 
}
.upload-image.small .progress {
    width: 100%;
    height: 3px;
    margin-bottom: 0;
}

#SELECT_CONSENT {
    line-height: 34px;
    height: 34px;
    padding: 0;
}

/* Works Template */
.words-insert-text.dragging {
    z-index: 9999;
    background: #00C2F3;
    color: #FFF;
    display: inline-block;
    font-style: normal;
    min-width: 150px;
    cursor: pointer;
}
.disease-editor {
    display: table;
    padding: 20px 10px !important;
    position: relative;
}
.advice_history_edit {
    display: table-cell;
    width: 70%;
    position: relative;
    padding-right: 20px;
}
.advice_history_edit-arrow {
    display: none;
    width: 25px;
    /* height: 50px; */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: lightcoral;
    color: white;
    position: absolute;
    top: 0;
    cursor: pointer;
    padding-top: 5px;
    padding-left: 2px;
    padding-bottom: 5px;
}
.advice_history_edit-arrow:after {
    content: '片语';
    display: block;
    /*width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-left: 5px solid #999;*/
}
.advice_history_edit-arrow.toLeft {
    display: block;
    right: -7px;
    padding-left:4px;
}
.advice_history_edit-arrow.toLeft:after {
    /*border: 5px solid transparent;
    border-right: 5px solid #999;*/
}
.works-template {
    display: table-cell;
    width: 30%;
    vertical-align: top;
    padding: 0 0 0 10px;
}
.works-template .btn-group {
    margin-bottom: 5px;
    width: 100%;
}
.works-template .wrap {
    /*border: 1px solid #999;*/
}
.works-template .wrap input {
    /* margin-bottom: 10px; */
}
.works-template .wrap .input-group-addon {
    padding: 0 12px;
}
.works-template .wrap .input-group-addon .chkbox {
    line-height: 1;
}
.works-template .wrap .words-area {
    padding: 5px 0;
    margin-right: -3px;
    background: white;
}
.works-template .wrap .words-area span {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    background: lightblue;
    padding: 2px 5px;
    border-radius: 6px;
    cursor: pointer;
}
.works-template .wrap .words-area span:hover {
    background: lightcoral;
    color: white;
}
.works-template .wrap .library-area {
    /* padding: 5px 0 10px 0; */
}
.works-template .wrap .library-area p {
    margin: 0;
}
.works-template .wrap .library-area span {
    font-size: 1.6rem;
    background: #666;
    color: white;
    padding: 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.works-template .wrap .library-area span.active {
    background: rgb(190, 144, 87);
}
.works-template .wrap .library-area span:not(.active):hover {
    background: rgb(78, 78, 78);
}
.words-insert .btn {
    float: right;
}
.words-insert .btn,
.words-insert .btn:hover,
.words-insert .btn:active,
.words-insert .btn:focus {
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    box-shadow: none;
    outline: none;
}
.words-insert span {
    font-size: 1.2rem;
    min-width: auto;
    padding: 3px;
}
.words-insert span:empty {
    display: inline-block;
}
.words-insert em {
    font-style: normal;
    cursor: pointer;
}
.works-template .input-group {
    width: 100%;
}
.works-template .input-group-btn {
    vertical-align: top;
}
.works-template .input-group-btn span {
    font-size: 1.2rem;
}

/* For Editor */
.words-plugin .form-group {
    width: 100%;
    margin-bottom: 20px;
}
.words-plugin label {
    font-size: 1.8rem;
}
.words-plugin input:not([type=checkbox]) {
    border: 1px solid #999;
    width: 100%;
    line-height: 34px;
    font-size: 1.4rem;
    padding: 0 10px;
    box-sizing: border-box !important;
}
.words-plugin input[type=checkbox] {
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    margin: 0;
    -webkit-appearance: checkbox !important;
}
.words-plugin .v-middle {
    vertical-align: middle;
}
.words-plugin textarea {
    border: 1px solid #999 !important;
    width: 100% !important;
    height: 100px !important;
    padding: 10px !important;
    font-size: 1.4rem !important;
    box-sizing: border-box !important;
}
/* QR Code */
.qrcode .thumbnail {
    position: relative;
    width: 40px;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}
.qrcode .thumbnail span {
    position: absolute;
    top: -2px;
    right: -10px;
    font-size: xx-small;
    color: rgba(255, 0, 0, 0.7);
    transform: scale(.7) rotate(30deg);
    background: transparent;
    border: 1px solid;
    border-radius: 3px;
}
.qrcode .thumbnail img {
    width: 100%;
}
.qrcode .thumbnail .caption {
    font-size: 1.2rem;
    margin: 0;
    text-align: center;
    padding: 5px;
}

.row-show {
    display: table-row !important;
}
.row-hide {
    display: none;
}

/* Pull down search list */
.pulldown-search-list {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    z-index: 9000;
    /* max-width: 400px; */
    max-height: 200px;
    overflow-y: auto;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pulldown-search-list a {
    cursor: pointer;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pulldown-search-list a:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}
.pulldown-search-list a:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}
.pulldown-search-list:visible {
    display: block;
}

/* Questionnaire */
.question section {
    padding: 0;
}
.question .question-body {
    padding-top: 20px;
}
.question .question-body h4 {
    background: rgb(153,212,201);
    color: white;
    position: relative;
    margin: 0;
    padding: 20px 40px 20px 130px;
}
.question .question-body h4 em {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: rgb(40,167,153);
    color: white;
    position: absolute;
    left: 40px;
    top: -30px;
    font-style: normal;
    text-align: center;
    line-height: 60px;
    font-size: 1.2rem;
}
.question .question-body h4 em i {
    font-size: 3.6rem;
    font-style: normal;
}
.question .question-body .choose-bar {
    margin: 60px auto 80px;
    width: 400px;
    position: relative;
}
.question .question-body .choose-bar .choose-bar-inner {
    width: 100%;
    position: absolute;
    left: -6px;
    top: -155%;
}
.question .question-body .choose-bar:before {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 1px;
    background: #EFEFEF;
}
.question .question-body .choose-bar span {
    margin-right: 25%;
    display: block;
    width: 0;
    float: left;
    cursor: pointer;
}
.question .question-body .choose-bar span:last-child {
    margin-right: 0;
}
.question .question-body .choose-bar span em {
    font-style: normal;
    position: relative;
    top: -25px;
    visibility: hidden;
}
.question .question-body .choose-bar span:hover em {
    visibility: visible;
}
.question .question-body .choose-bar span.on em {
    color: mediumseagreen;
    visibility: visible;
}
.question .question-body .choose-bar span i {
    font-style: normal;
    color: #CCC;
    position: relative;
    padding-top: 16px;
}
.question .question-body .choose-bar span i:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #CCC;
    position: absolute;
    left: 1px;
    right: 0;
    top: -4px; 
}
.question .question-body .choose-bar span.on i:before {
    background: mediumseagreen;
}
.question .question-done {
    padding-top: 20px;
    display: none;
}
.question .question-done h4 {
    background: rgb(223,114,104);
    color: white;
    text-align: center;
    margin: 0;
    padding: 20px 40px;
    line-height: 2rem;
}
.question .question-done h4 em {
    font-style: normal;
}
.question .question-done p {
    padding: 30px 60px;
}
.question .question-done .panel {
    margin: 30px 60px 0;
}
.question .infor {
    float: left;
    line-height: 36px;
}
.question .infor .label {
    background: #777;
    color: white;
    margin-left: 20px;
}
.question .uwForm .btn {
    display: none;
}
.ophtha-chart {
    /*width: 80%;*/
    height: 500px;
    margin: 0 auto 20px;
}

.new-visit-combo h5 {
    margin: 0;
    padding: 10px 0;
}

.n-list em {
    font-style: normal;
}

.popup-sort-area span {
    margin-bottom: 5px;
    display: block;
    padding: 6px;
    cursor: pointer;
}

.detail-contents .edit input[type=checkbox].checkbox-normal {
    -webkit-appearance: checkbox !important;
    vertical-align: middle;
    height: 18px !important;
    position: static;
    opacity: 1;
    width: auto;
    margin-left: 0;
}

.highrisk:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/images/highrisk.png') no-repeat;
    background-size: 100%;
}

/* .highrisk {
    padding-left: 50px !important;
    background: url('/images/highrisk.png') no-repeat 20px center;
    background-size: 40px 40px;
} */

.current-new-pid {
    position: absolute;
}

/* basic : insurance */
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table {
    margin: 0;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd {
    padding-left: 20px;
}

.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td {
    padding: 0;
    color: #333 !important;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell {
    line-height: 33px;
    color: #333;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell span {
    display: inline-block;
    line-height: 20px;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell input {
    color: #333;
    padding: 0 5px;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell .el-radio__inner {
    border: 1px solid #CCC;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell .el-radio__label {
    padding-left: 0;
    color: #333;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell .el-textarea {
    margin: 5px 0;
}
.CIS>div div.main div.detail div.detail-contents dl.insurance-items>dd:not(.table) table td .cell .el-textarea textarea {
    padding: 0 5px;
    color: #333;
}
.CIS>div div.main div.detail div.detail-contents dl.edit-insurance-items>dd:not(.table) table td {
    padding-top: 10px;
}

/* Screen */
@media screen and (max-width: 1200px) {
    .tabbar{
        height: auto;
        border-bottom: 0;
        /*overflow: hidden;*/
    }
    .tabbar:after {
        content: '';
        display: block;
    }
    .tabbar>ul {
        float: none;
        position: static;
        padding: 5px 10px;
    }
}

@media screen and (max-width: 1024px) {
    .uwcol-pad-1 {
        width: 4.166666666%;
    }
    .uwcol-pad-2 {
        width: 8.333333333%;
    }
    .uwcol-pad-3 {
        width: 12.5%;
    }
    .uwcol-pad-4 {
        width: 16.66666666%;
    }
    .uwcol-pad-5 {
        width: 20.83333333%;
    }
    .uwcol-pad-6 {
        width: 25%;
    }
    .uwcol-pad-7 {
        width: 29.16666666%;
    }
    .uwcol-pad-8 {
        width: 33.33333333%;
    }
    .uwcol-pad-9 {
        width: 37.5%;
    }
    .uwcol-pad-10 {
        width: 41.66666666%;
    }
    .uwcol-pad-11 {
        width: 45.83333333%;
    }
    .uwcol-pad-12 {
        width: 50%;
    }
    .uwcol-pad-13 {
        width: 54.16666666%;
    }
    .uwcol-pad-14 {
        width: 58.33333333%;
    }
    .uwcol-pad-15 {
        width: 62.5%;
    }
    .uwcol-pad-16 {
        width: 66.66666666%;
    }
    .uwcol-pad-17 {
        width: 70.83333333%;
    }
    .uwcol-pad-18 {
        width: 75%;
    }
    .uwcol-pad-19 {
        width: 79.16666666%;
    }
    .uwcol-pad-20 {
        width: 83.33333333%;
    }
    .uwcol-pad-21 {
        width: 87.5%;
    }
    .uwcol-pad-22 {
        width: 91.66666666%;
    }
    .uwcol-pad-23 {
        width: 95.83333333%;
    }
    .uwcol-pad-24 {
        width: 100%;
    }
    
    .tabbar>.tab-btn {
        margin-top: 0;
    }

    

    /*.CIS>div div.main .table table thead {
        float: left;
        display: block;
    }
    .CIS>div div.main .table table thead tr {
        display: block;
        width: 100%;
    }
    .CIS>div div.main .table table thead td {
        display: block;
        float: none;
        width: 100%;
        line-height: 1.5em;
        border-bottom-width: 1px;
        border-right-width: 1px;
    }
    .CIS>div div.main .table table thead td:not(:first-child) {
        border-top-width: 0;
    }
    .CIS>div div.main .table table tbody {
        position: relative;
        display: block;
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
    }
    .CIS>div div.main .table table tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .CIS>div div.main .table table tbody tr td {
        display: block;
        float: none;
        line-height: 1.5em;
        border-bottom-width: 1px;
        border-left-width: 0;
    }
    .CIS>div div.main .table table tbody td:not(:first-child) {
        border-top-width: 0;
    }
    .CIS>div div.main .table table tbody tr td:after {
        content: " ";
        line-height: 1.5em;
    }*/
}

@media screen and (min-width: 415px) and (max-width: 950px) {
    .CIS header .client_history button {
        padding-left: 8px;
        padding-right: 8px;
    }
    .CIS header .client_history button.fast-done {
        padding-right: 8px;
    }
    .CIS header .client_history button span {
        margin-right: 0;
    }
}

@media screen and (max-width: 950px) {
    .CIS header .logo {
        width: 124px;
    }
    .CIS header .menu_btn span {
        font-size: 22px;
        top: 5px;
    }
    .CIS>div div.main div.table h2>a span.add {
        width: 24px;
        height: 24px;
        line-height: 22px;
        top: 4px;
    }
    .CIS aside {
        /*display: none;
        position: absolute;
        left: 0;
        top: 68px;
        z-index: 1000;*/
/*        overflow-y: scroll;*/
    }
    .CIS header {
        z-index: 1001;
    }
    .CIS header .user {
        position: absolute;
        right: 0;
        top: 0;
    }
    .CIS header .user .user_face {
        display: none;
    }
    .CIS header .user .user_infor p a {
        display: inline;
        margin-left: 10px;
    }
    .CIS header .client_infor {
        /*padding-right: 40%;*/
        padding-left: 0;
    }
    .CIS header .client_infor p:last-child {
        /*width: 50%;*/
        display: none;
    }
    .CIS header .client_history {
        /*float: right;*/
        padding: 0;
    }
    .CIS header .client_history .btn-group,
    .CIS header .client_history p {
        /*float: right;*/
    }
    .CIS>div div.main {
        padding: 0 5px;
    }
    .CIS>div div.main nav {
        display: none;
    }
    .CIS>div div.main>div.table {
        padding: 10px;
        margin-bottom: 0;
    }
    .uwForm {
        padding: 0;
    }
    .uwForm label {
        padding: 0;
    }
    /*
    #LOGIN header {
        background: url(../images/logo@1x.png) #FFF center center no-repeat;
        background-size: auto 50%;
    }
*/
    .cond {
        width: 200px;
    }
    .cond button i {
        min-width: 40px;
    }
    /*Popup*/
    .popup {
        width: 90%;
    }
    .popup h3 {
        margin-bottom: 10px;
    }
    .popup section {
        padding: 0 5px 5px;
    }
    .popup section .row {
        margin-bottom: 0;
    }
    .popup section .row>label,
    .popup section .row>div {
        margin-bottom: 5px;
    }
    .popup .uwForm {
        padding: 5px;
    }
    
    /* Search List */
    .list {
        right: 0;
    }
    .list li.list-group-item.add>div>div:nth-child(3) {
        padding-right: 0;
    }
    
    /*Table*/
    .tb3_label {
        width: 44%;
    }
    .tb3_cots {
        width: 56%;
    }
    .tb3_cots3 {
        width: 56%;
    }
    .tb3_cots2 {
        width: 56%;
    }
    .tb3_cots button i {
        width: 6em;
    }
    .tb4_label {
        width: 44%;
    }
    .tb4_cots {
        width: 56%;
    }
    .tb4_cots3 {
        width: 56%;
    }
    .tb4_cots button i {
        width: 6em;
    }
    
    .CIS>div div.main div.table {
        padding: 5px;
    }
    .CIS>div div.main div.table h2:after,
    .CIS>div div.main div.detail .tabbar:after {
        clear: both;
    }
    
    .condXL {
        width: 100%;
    }
    .condXL>div {
        padding: 0;
    }
    .condXXL {
        width: 100%;
        display: table-cell;
        height: auto;
    }
    .condXXL>div {
        padding: 0 5px 0 0;
    }
    .condXXL>div button {
        width: 100%;
    }
    .condXXL>div.type, .condXXL>div.subtype {
        float: left;
        margin-top: 10px;
    }
    .condXXL>div.subtype {
        float: right;
    }
    .CIS>div div.main div.table h2 {
        padding-top: 10px;
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .CIS>div div.main div.table h2.mobile {
/*        height: 80px;*/
    }
    
    .cond .input-group-btn {
        border-right: 0;
    }
    
    #CONSULT_DETAIL>span {
        display: none;
    }
    #CONSULT_DETAIL .contents {
        margin: 0;
    }
    #CONSULT_DETAIL .submit .act {
/*        padding-bottom: 10px;*/
    }
    #CONSULT_DETAIL .submit .act .uwForm,
    #CONSULT_DETAIL .reopen .act .uwForm {
        padding-left: 10px;
    }
    #CONSULT_DETAIL .submit .act .uwForm .btn {
/*        width: 80px;*/
    }
    #CONSULT_DETAIL .submit .act .uwForm .btn#CLOSE {
        margin-left: 0;
    }
    
    .CIS>div div.main div.table>section {
        margin: 0;
    }
    .CIS>div div.main div.table>section .form-group>div {
        padding-right: 0;
    }
    .uwForm label {
        text-align: left;
    }
    
    
    
    /* Tab change */
    
    
    .tabbar>.tab-btn {
        float: none;
        /*overflow: hidden;*/
        padding: 0 5px 5px 10px;
        margin-top: 0;
    }
    .tabbar>.tab-btn div {
        margin-top: 5px;
    }
    .tabbar>ul>li {
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
    }
    .CIS>div div.main div.detail div.detail-contents {
        padding: 0px 0 20px 10px;
    }
    .CIS>div div.main div.detail div.detail-contents>.col {
        padding: 0 10px 0 0;
    }
    .table-responsive {
        border: 0;
    }
    
    .chart {
        width: 90%;
    }
    #GrowthChart {
        padding-right: 0;
    }
    
    
    .pct-sm-8 {width:8%;}
    .pct-sm-10 {width:10%;}
    .pct-sm-15 {width:15%;}
    .pct-sm-20 {width:20%;}
    .pct-sm-22 {width:22%;}
    .pct-sm-25 {width:25%;}
    .pct-sm-28 {width:28%;}
    .pct-sm-30 {width:30%;}
    
    .pct-xs-8 {width:8%;}
    .pct-xs-10 {width:10%;}
    .pct-xs-15 {width:15%;}
    .pct-xs-20 {width:20%;}
    .pct-xs-22 {width:22%;}
    .pct-xs-25 {width:25%;}
    .pct-xs-28 {width:28%;}
    .pct-xs-30 {width:30%;}
    
    
    /* For plugins */
    #settle-div>form>div {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1300px) {
    .col-sl-1 {
        width: 8.333333333%;
    }
    .col-sl-2 {
        width: 333333333%;
    }
    .col-sl-3 {
        width: 333333333%;
    }
    .col-sl-4 {
        width: 333333333%;
    }
    .col-sl-5 {
        width: 333333333%;
    }
    .col-sl-6 {
        width: 333333333%;
    }
    .col-sl-7 {
        width: 333333333%;
    }
    .col-sl-8 {
        width: 333333333%;
    }
    .col-sl-9 {
        width: 333333333%;
    }
    .col-sl-10 {
        width: 333333333%;
    }
    .col-sl-11 {
        width: 333333333%;
    }
    .col-sl-12 {
        width: 333333333%;
    }
}

@media screen and (min-width: 768px) and (max-width: 950px) {
/*@media screen and (max-width: 768px) {*/

    .CIS aside {
        /*width: 180px;
        min-height: 100%;
        background: #364150;
        margin-right: 0px;
        color: #FFF;
        display: table-cell;
        position: static;*/
    }
    
    .CIS>div div.main {
        padding: 0 10px 0 10px;
        display: table-cell;
        height: 100%;
        width: 90%;
    }
    .CIS>div div.main>div {
        width: 100%;
    }
    
    .CIS header .client_infor {
        padding-left: 20px;
        padding-top: 10px;
    }

    .CIS header .client_infor p:last-child {
        margin-bottom: 0;
        display: inline-block;
    }

    .CIS header .client_history {
        padding-left: 30px;
        padding-top: 10px;
    /*    padding-top: 19px;*/
    }
    .CIS header .client_history p {
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/*
    .CIS>div div.main {
        padding: 0 20px 0 20px;
    }
    .CIS header {
        height: 136px;
    }
    .CIS>div {
        margin-top: 136px;
    }
    .condXXL {
        width: 100%;
        display: table-cell;
        height: auto;
    }
    .condXXL>div {
        padding: 0 5px 0 0;
    }
    .condXXL>div button {
        width: 100%;
    }
    .condXXL>div.type, .condXXL>div.subtype {
        float: left;
        margin-top: 10px;
    }
*/
    /*
    #LOGIN header {
        background: url(../images/logo@2x.png) #FFF center center no-repeat;
        background-size: auto 50%;
    }
*/
}
@media screen and (max-width: 768px) {
    .uwcol-padmini-1 {
        width: 4.166666666%;
    }
    .uwcol-padmini-2 {
        width: 8.333333333%;
    }
    .uwcol-padmini-3 {
        width: 12.5%;
    }
    .uwcol-padmini-4 {
        width: 16.66666666%;
    }
    .uwcol-padmini-5 {
        width: 20.83333333%;
    }
    .uwcol-padmini-6 {
        width: 25%;
    }
    .uwcol-padmini-7 {
        width: 29.16666666%;
    }
    .uwcol-padmini-8 {
        width: 33.33333333%;
    }
    .uwcol-padmini-9 {
        width: 37.5%;
    }
    .uwcol-padmini-10 {
        width: 41.66666666%;
    }
    .uwcol-padmini-11 {
        width: 45.83333333%;
    }
    .uwcol-padmini-12 {
        width: 50%;
    }
    .uwcol-padmini-13 {
        width: 54.16666666%;
    }
    .uwcol-padmini-14 {
        width: 58.33333333%;
    }
    .uwcol-padmini-15 {
        width: 62.5%;
    }
    .uwcol-padmini-16 {
        width: 66.66666666%;
    }
    .uwcol-padmini-17 {
        width: 70.83333333%;
    }
    .uwcol-padmini-18 {
        width: 75%;
    }
    .uwcol-padmini-19 {
        width: 79.16666666%;
    }
    .uwcol-padmini-20 {
        width: 83.33333333%;
    }
    .uwcol-padmini-21 {
        width: 87.5%;
    }
    .uwcol-padmini-22 {
        width: 91.66666666%;
    }
    .uwcol-padmini-23 {
        width: 95.83333333%;
    }
    .uwcol-padmini-24 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .CIS aside {
        display: none;
        position: absolute;
        left: 0;
        top: 68px;
        z-index: 1000;
/*        overflow-y: scroll;*/
    }
    .CIS header {
        padding-bottom: 10px;
    }
    .CIS header .client_infor {
        width: 100%;
        /*padding-right: 40%;*/
        padding: 0;
    }
    .CIS header .client_infor p:last-child {
        /*width: 50%;*/
        display: none;
    }
    .CIS header .client_history {
        /*float: right;*/
        padding: 0;
    }
    
    
    
}

@media screen and (max-width: 414px) {
    .uwcol-phone-1 {
        width: 4.166666666%;
    }
    .uwcol-phone-2 {
        width: 8.333333333%;
    }
    .uwcol-phone-3 {
        width: 12.5%;
    }
    .uwcol-phone-4 {
        width: 16.66666666%;
    }
    .uwcol-phone-5 {
        width: 20.83333333%;
    }
    .uwcol-phone-6 {
        width: 25%;
    }
    .uwcol-phone-7 {
        width: 29.16666666%;
    }
    .uwcol-phone-8 {
        width: 33.33333333%;
    }
    .uwcol-phone-9 {
        width: 37.5%;
    }
    .uwcol-phone-10 {
        width: 41.66666666%;
    }
    .uwcol-phone-11 {
        width: 45.83333333%;
    }
    .uwcol-phone-12 {
        width: 50%;
    }
    .uwcol-phone-13 {
        width: 54.16666666%;
    }
    .uwcol-phone-14 {
        width: 58.33333333%;
    }
    .uwcol-phone-15 {
        width: 62.5%;
    }
    .uwcol-phone-16 {
        width: 66.66666666%;
    }
    .uwcol-phone-17 {
        width: 70.83333333%;
    }
    .uwcol-phone-18 {
        width: 75%;
    }
    .uwcol-phone-19 {
        width: 79.16666666%;
    }
    .uwcol-phone-20 {
        width: 83.33333333%;
    }
    .uwcol-phone-21 {
        width: 87.5%;
    }
    .uwcol-phone-22 {
        width: 91.66666666%;
    }
    .uwcol-phone-23 {
        width: 95.83333333%;
    }
    .uwcol-phone-24 {
        width: 100%;
    }
    
}

@media screen and (max-width: 414px) {
    .uwcol-phone-1 {
        width: 4.166666666%;
    }
    .uwcol-phone-2 {
        width: 8.333333333%;
    }
    .uwcol-phone-3 {
        width: 12.5%;
    }
    .uwcol-phone-4 {
        width: 16.66666666%;
    }
    .uwcol-phone-5 {
        width: 20.83333333%;
    }
    .uwcol-phone-6 {
        width: 25%;
    }
    .uwcol-phone-7 {
        width: 29.16666666%;
    }
    .uwcol-phone-8 {
        width: 33.33333333%;
    }
    .uwcol-phone-9 {
        width: 37.5%;
    }
    .uwcol-phone-10 {
        width: 41.66666666%;
    }
    .uwcol-phone-11 {
        width: 45.83333333%;
    }
    .uwcol-phone-12 {
        width: 50%;
    }
    .uwcol-phone-13 {
        width: 54.16666666%;
    }
    .uwcol-phone-14 {
        width: 58.33333333%;
    }
    .uwcol-phone-15 {
        width: 62.5%;
    }
    .uwcol-phone-16 {
        width: 66.66666666%;
    }
    .uwcol-phone-17 {
        width: 70.83333333%;
    }
    .uwcol-phone-18 {
        width: 75%;
    }
    .uwcol-phone-19 {
        width: 79.16666666%;
    }
    .uwcol-phone-20 {
        width: 83.33333333%;
    }
    .uwcol-phone-21 {
        width: 87.5%;
    }
    .uwcol-phone-22 {
        width: 91.66666666%;
    }
    .uwcol-phone-23 {
        width: 95.83333333%;
    }
    .uwcol-phone-24 {
        width: 100%;
    }
    
}

@media screen and (max-width: 375px) {
    .uwcol-phonexs-1 {
        width: 4.166666666%;
    }
    .uwcol-phonexs-2 {
        width: 8.333333333%;
    }
    .uwcol-phonexs-3 {
        width: 12.5%;
    }
    .uwcol-phonexs-4 {
        width: 16.66666666%;
    }
    .uwcol-phonexs-5 {
        width: 20.83333333%;
    }
    .uwcol-phonexs-6 {
        width: 25%;
    }
    .uwcol-phonexs-7 {
        width: 29.16666666%;
    }
    .uwcol-phonexs-8 {
        width: 33.33333333%;
    }
    .uwcol-phonexs-9 {
        width: 37.5%;
    }
    .uwcol-phonexs-10 {
        width: 41.66666666%;
    }
    .uwcol-phonexs-11 {
        width: 45.83333333%;
    }
    .uwcol-phonexs-12 {
        width: 50%;
    }
    .uwcol-phonexs-13 {
        width: 54.16666666%;
    }
    .uwcol-phonexs-14 {
        width: 58.33333333%;
    }
    .uwcol-phonexs-15 {
        width: 62.5%;
    }
    .uwcol-phonexs-16 {
        width: 66.66666666%;
    }
    .uwcol-phonexs-17 {
        width: 70.83333333%;
    }
    .uwcol-phonexs-18 {
        width: 75%;
    }
    .uwcol-phonexs-19 {
        width: 79.16666666%;
    }
    .uwcol-phonexs-20 {
        width: 83.33333333%;
    }
    .uwcol-phonexs-21 {
        width: 87.5%;
    }
    .uwcol-phonexs-22 {
        width: 91.66666666%;
    }
    .uwcol-phonexs-23 {
        width: 95.83333333%;
    }
    .uwcol-phonexs-24 {
        width: 100%;
    }

}

.drug_charge_unit {
    position:absolute;
    right:0;
    top:0;
}