html, body {width: unset;height:100%;font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
body {background-color:#fdfdfd;}
a, a:visited, a:link {text-decoration: none;color: inherit;}
table, td, th {border-collapse: collapse;border-spacing: 0;}
*:focus {outline: none;}
div, a, li, ul, input {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
button {
    cursor:pointer;
}
.none-select {
    -webkit-touch-callout: none;    /* iOS Safari */
    -webkit-user-select: none;      /* Safari */
     -khtml-user-select: none;      /* Konqueror HTML */
       -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;      /* Internet Explorer/Edge */
            user-select: none;      /* Non-prefixed version, currently */
}
input[type="button"] {cursor:pointer;}
/* warning input border */
input.error {border:1px solid #f00;}

/*  */
.float-right {float:right;}

.text-center {text-align:center;}
.text-right {text-align:right;}

/* font color */
.font-red {
    color:#fb6f6f !important;
}
.font-green {
    color:#4da232 !important;
}
.font-blue {
    color:#3a9df0 !important;
}
/* border color */
.border-red {
    color:#ce4545 !important;
}
.border-green {
    color:#7e6d18 !important;
}
.border-blue {
    color:#105c9b !important;
}

/* datatables */
div.dataTables_wrapper div.dataTables_filter input[type="search"] {
    padding: 0 15px;
    line-height: 30px;
}

div.dataTables_wrapper div.dataTables_length select {
    padding: 6px 15px;
}


/* Signin Page */
#sign-container {
    width:100%;height:100%;
    text-align:center;
}

#sign-wrap {
    display:inline-block;
    margin-top:50px;
    width:500px;
    border:1px solid #ddd;
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.2);
    padding:70px 0 30px;
}

#sign-wrap .logo {
    
}

#sign-wrap .sign-input {
    padding:5px 40px 0 ;
    text-align:left;
}

#sign-wrap .sign-input input {
    width:100%;
    height:40px;
    margin-bottom:5px;
    padding:10px 20px;
}
#sign-wrap .sign-input input.half {
    width:48%;
    margin-right:4%;
    display:inline-block;
}
#sign-wrap .sign-input input.name {
    width:32.5%;
    margin-right:0.5%;
}
#sign-wrap .sign-input input.last {
    margin-right:0;
    margin-bottom:0;
}

#sign-wrap .sign-input input.with-button {
    display:inline-block;
    width:310px;
}
#sign-wrap .sign-input input.error {
    border:1px solid #f00!important;
}

#sign-wrap .sign-input select {
    width: 50%;
    border: 1px solid #aaa;
    padding: 8px 20px;
    margin-bottom: 5px;
    margin-right: 2%;
}

#sign-wrap .sign-input button.with-input {
    float:right;
    border:0;
    height:40px;
    background-color:#3d8edf;
    color:#fff;
    padding: 0 20px;
    width:100px;
}

#sign-wrap .sign-buttons {
    padding:20px 40px 0;
}

#sign-wrap .sign-buttons a {
    display:block;
    line-height:30px;
    vertical-align:middle;
}

#sign-wrap .sign-buttons > div {
    display:inline-block;
    width:50%;text-align:left;
    vertical-align: top;
}
#sign-wrap .sign-buttons > div.right {text-align:right;}

#sign-wrap .sign-buttons button,
#sign-wrap .sign-buttons input[type='button'],
#sign-wrap .sign-buttons input[type='submit'] {
    border:0;
    min-width:100px;
    background-color:#3d8edf;
    color:#fff;
    padding:10px 20px;
    cursor:pointer;
}

#sign-wrap hr {
    border:0;
    border-top:1px solid #ddd;
    margin: 20px 0;
}

#sign-wrap .sign-lang {padding:20px 0 0 0;}
#sign-wrap .sign-lang a {margin-right:10px;}
#sign-wrap .sign-lang a:last-child {margin-right:0px;}

/* Layout */
body.with-sidebar {padding-left:70px;}
body.with-sidebar-extend {padding-left:225px;}

#footer {
    background-color: #fff;
    text-align:center;
    padding:50px 0;
    border-top:1px solid #ddd;
}

/* Custom elements */
.chart-switch-wrap {display:inline-block;}
.chart-switch {
    position: relative;
    display: inline-block;
    line-height:14px;
    padding-left:45px;
    font-size: 13px;
    cursor:pointer;
}

.chart-switch::after, 
.chart-switch input[type="checkbox"]::after {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    cursor:pointer;
}

.chart-switch::after {
    top: -3px;
    width: 37px;
    height: 20px;
    border-radius: 10px;
    z-index: 1;
    cursor:pointer;

    -webkit-box-shadow: inset 2px 2px 8px -1px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 2px 2px 8px -1px rgba(0,0,0,0.6);
    box-shadow: inset 2px 2px 8px -1px rgba(0,0,0,0.6);
}

.chart-switch input[type="checkbox"]::after {
    content: '          Off';
    white-space: pre;
    line-height:23px;
    top:-5px;
    width:23px;
    height:23px;
    border-radius:20px;
    background-color:#f9f9f9;
    z-index:2;

    -webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.75);
}

.chart-switch input[type="checkbox"]:checked::after {
    content: '       On';
    left:16px;
    background-color: #59a0e6;
}

/* Sidebar */
#sidebar-wrap {
    width:70px;height:100%;
    background-color:#fff;
    border-right:1px solid #ddd;
    box-shadow: 5px 0px 15px rgba(50,50,50,0.1);
    position:fixed;
    top:0;left:0;
    z-index:10;
}

#sidebar-wrap.extend {
    width:225px;
}
#sidebar-wrap ul {
    list-style:none;
    margin:5px 0;padding:0;
    margin-bottom:10px;
}
#sidebar-wrap li {
    display:block;
    cursor:pointer;
    padding:10px 20px 10px 16px;
    line-height:42px;
}
#sidebar-wrap li:hover {
    background-color:#fafafa;
    color:#000;
}
#sidebar-wrap span {
    display:none;
    vertical-align:top;
}
#sidebar-wrap.extend span {
    display:inline-block;
}
#sidebar-wrap li i {
    font-size:25px;
    color:#777;
}
#sidebar-wrap li i.select {
    color:#59a0e6;
}
#sidebar-wrap li:hover i {
    color:#3d8edf !important;
}

#sidebar-wrap hr {
    margin: auto;
    width: 60%;
    border: 0;
    border-top: 1px solid #ddd;
}
#sidebar-wrap.extend hr {width:87.5%;}

#sidebar-wrap #extender {
    position: absolute;
    bottom: 0;
    border-top:1px solid #ddd;
    width:100%;
    padding:10px;
}
#sidebar-wrap #extender i {
    float: right;
    font-size: 20px;
    padding: 10px;
    cursor:pointer;
}

/* Top navigation bar*/
#top-navbar {
    height: 60px;
    padding-left: 20px;
    display: block;
    left: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.1);
    background-color:#fff;
}
#top-navbar .top-navbar-menu-wrap {
    float:left;
    list-style:none;
    margin:0;padding:0;
    height:60px;
}
#top-navbar .top-navbar-menu-wrap.right {
    float:right;
}
#top-navbar .top-navbar-menu {
    position: relative;
    display:inline-block;
    line-height:59px;
    padding:0 20px;
}
#top-navbar .top-navbar-menu.hover {
    cursor:pointer;
}

#top-navbar .top-navbar-menu.hover:hover {
    background-color: #fafafa;
}

#top-navbar .top-navbar-menu i {vertical-align: top;}
#top-navbar .top-navbar-menu i.icon-search {font-size: 24px;}
#top-navbar .top-navbar-menu i.icon-phone {font-size: 29px;}

#top-navbar .dropdown {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    left: 0;
    top: 59px;
    width: 127px;
    z-index:1;
}

#top-navbar .dropdown ul {
    list-style: none;
    margin:0;padding:0;
    line-height:36px;
}

#top-navbar .dropdown li {
    min-width: 125px;
    text-align: center;
}
#top-navbar .dropdown li:hover {
    background-color:#fafafa;
}

/* Container */
#container {position: relative;}

/* Content wraper */
#content-wrap {
    padding:20px;
}

#content-wrap .content-title {
    display:block;
    font-size:19px;
    font-weight:bold;
    margin: 10px;
}

.button-download {
    display: inline-block;
    height: 30px;
    border: 0;
    background-color: #59a0e6;
    color: #fff!important;
    padding: 0 10px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    font-size: 14px;
}

#content-wrap .quick-link-wrap {
    float:right;font-size:14px;margin-top:-5px;
}

#content-wrap .quick-link-wrap input[type="button"] {
    height: 30px;border: 0;background-color: #59a0e6;color: #fff;padding: 0 10px;
}

#content-wrap .quick-link-wrap input[type="button"]:hover {
    background-color: #3d8edf;
}

#content-wrap .quick-link-wrap a {
    display:inline-block;height: 30px;border: 0;background-color: #59a0e6;color: #fff;padding: 0 10px;
    vertical-align: top;line-height: 30px;
}

/* Popup wrapper */
#popup-wrap {
    display:none;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100;
    background-color:rgba(0,0,0,0.1);
    text-align: center;
}

#popup-wrap.force {
    background-color:rgba(0,0,0,0.1);
}

#popup-content-wrap {
    display:inline-block;
    margin:auto;
    background-color:#fff;
    width:auto;
    min-width:500px;
    min-height:200px;
    max-height:85%;
    margin-top:100px;
    z-index:101;
    position: relative;
    border:1px solid #555;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.1);
    text-align:left;
    overflow-y: auto;
}
#popup-content {
}

#popup-close-wrap {
    position: absolute;
    right:0;
    top:0;
    padding:20px;
    display:inline-block;
    cursor:pointer;
}
#popup-close-wrap i {
    font-size:17px;
    color:#777;
}

#popup-close-wrap:hover i {
    color:#000;
}

/*  popup content */
.popup-title {padding-left:10px;margin-bottom:20px;display:block;font-size:17px;font-weight:bold;}
.popup-subtitle {display:block;font-size:14px;margin:15px 0;font-weight:bold;text-align: center;}
.popup-row {padding:5px 10px;}
.popup-row label {padding:10px;display:inline-block;min-width:100px;text-align:right;}
.popup-row input[type="text"], .popup-row input[type="password"] {padding:5px 10px;width: 300px;line-height: 20px;}
.popup-row input[type="button"], .popup-row button {
    padding:5px 10px;
    margin-right:10px;
}
.popup-row.button-wrap {margin-top:15px;}

#popup-script {width: 720px;}
#popup-script .script-line {}

#popup-script table {box-sizing: border-box;border-collapse: collapse;}

#popup-script th,
#popup-script td {border:1px solid #ddd;padding:0 10px;}
#popup-script th {width:14%;background-color: #fafafa;padding:10px 10px;}
#popup-script td {width:36%;line-height:30px;padding:}
#popup-script td.colspan {width:80%;}
#popup-script td input[type="text"] {line-height:30px;padding:0 10px;}

#popup-script select {height:34px;padding:0 10px;width:190px;}


#popup-script .button {border:0;line-height:40px;padding:0 25px;background-color:#3d8edf;color:#fff;font-size:17px;}
#popup-script .button.upload-button {height: unset;line-height: unset;padding: 5px 10px;font-size: 13px;}
#popup-script .button:hover {background-color:#2c7ac9;}


#popup-script .file-list-wrap {border: 1px solid #ddd;overflow-y: auto;height: 100px;border-radius:5px;}
#popup-script .file-list {padding:5px 10px;border-radius:5px;}
#popup-script .file-list:hover {background-color: #fafafa;}
#popup-script .file-list .file-time {font-size:12px;color:#333;}
#popup-script .file-list .function {float:right;}
#popup-script .file-list .function span {margin-left:5px;cursor:pointer;font-size:17px;}
#popup-script .file-list .function a,
#popup-script .file-list .function span {color:#bbb;}
#popup-script .file-list .function a:hover,
#popup-script .file-list .function span:hover {color:#000;}



/* popup editor */
#popup-script .quill-editor {height:260px;}

#manager-info-result-wrap, .manager-info-result {display:none;}




/* */
.box-wrap {
    position: relative;
    display:inline-block;
    width:100%;
    padding:5px;
    vertical-align:top;
}
.box-wrap.half {
    width:50%;
}
.box-wrap.link {cursor:pointer;}

.box-inner {
    border:1px solid #ddd;
    background-color:#fff;
    box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.1);
    padding:15px 20px;
    min-height:50px;
    overflow: hidden;
}
.box-inner.red {background-color: #fb6f6f;}
.box-inner.blue {background-color: #3a9df0;}
.box-inner.yellow {background-color: #d8c561;}
.box-wrap:hover .box-inner {
    border:1px solid #aaa;
}

.box-wrap:hover .box-inner.red {border:1px solid #ce4545;}
.box-wrap:hover .box-inner.blue {border:1px solid #0b6cbb;}
.box-wrap:hover .box-inner.yellow {border:1px solid #7e6d18;}

.box-inner.close .box-content {
    display:none;
}

.box-inner .box-content > div.loading {
    height:200px;
    text-align:center;
    padding-top:70px;
}

.box-title {
    font-size:16px;
    font-weight:bold;
    display:block;
    padding-left:10px;
}
.box-subtitle {
    padding-left: 10px;
    line-height: 20px;
    margin-bottom:15px;
    display:block;
}
.box-inner-title {
    display:block;
    font-size:16px;
    font-weight:bold;
    margin: 15px 0 10px 10px;
}

.box-content {
    margin-top:15px;
}

.box-content .none {
    padding:0.8rem;
    color:#858585;
    text-align:center;
}

.box-controller-wrap {
    display: block;
    position: absolute;
    right:30px;
    top:21px;
}
.box-controller {
    display:inline-block;
    cursor:pointer;
}

.box-controller i {
    color:#999;
}
.box-controller:hover i {
    color:#000;
}

.box-wrap.box-1-2, .box-wrap.box-2-4 {
    width:50%;
}
.box-wrap.box-1-3 {
    width:33.3%;
}
.box-wrap.box-2-3 {
    width:66.6%;
}
.box-wrap.box-1-4 {
    width:25%;
}
.box-wrap.box-3-4 {
    width:75%;
}

@media (max-width: 1024px) {
    .box-wrap.box-1-2, .box-wrap.box-2-4,
    .box-wrap.box-1-3, .box-wrap.box-2-3,
    .box-wrap.box-1-4, .box-wrap.box-3-4 {
        width:50%;
    }
}

@media (max-width: 768px) {
    .box-wrap.box-1-2, .box-wrap.box-2-4,
    .box-wrap.box-1-3, .box-wrap.box-2-3,
    .box-wrap.box-1-4, .box-wrap.box-3-4 {
        width:100%;
    }
}


/* Patient List Table */
table {
    width:100%;
}
table.basic th, table.basic td {
    border: 1px solid #ddd;
}
table.basic th {
    background-color:#fafafa;
    padding: 10px 0;
}

table.basic.hover tr:hover {
    background-color:#fafafa;
}
table td.with-input,
.tab-content .tabs .patient-data td {
    padding:0!important;
    position: relative;
    height: 34px;
}
table td.with-input::after,
.tab-content .tabs .patient-data td::after {
    font-family: 'fontello';
    content: '\E814';
    position: absolute;
    right:10px;
    top: 11px;
    color:#ddd;
}
.tab-content .tabs .patient-data td.readonly::after {
    content: '';
}

table td.with-link {position: relative;cursor:pointer;}
table td.with-link::after {
    font-family: 'fontello';
    content: '\E815';
    position: absolute;
    right:10px;
    top: 11px;
    color:#ddd;
}

table td.with-input:hover::after,
table td.with-link:hover::after,
.tab-content .tabs .patient-data td:hover::after {
    color:#000;
}

table td.with-input input {
    width:100%;height:100%;padding-left:15px;
    border:1px solid rgba(0,0,0,0);
}



table td.with-input input:focus {
    border:1px solid #333;
}

#table-notification {}
#table-notification td i {cursor:pointer;}

/* dashboard */
#dashboard-summary {
    width:100%;
}
#dashboard-summary th {
    text-align:right;
    padding-right:15px;
    width:50%;
}
#dashboard-summary td {
    text-align:left;
    padding-left:15px;
}

.glucose-list {

}

.glucose-list td {
    text-align:center;
    padding:10px;
}
#glucose-list, #glucose-list td, #glucose-list th {
}
#glucose-list_filter {
}
#glucose-list img {
    vertical-align: middle;
    width: 50px;
    margin-right: 10px;
}

.notice-table {

}

.notice-table td {
    text-align:center;
    padding:10px;
}

.notice-table td i {
    font-size:18px;
}

.notice-table td.with-textarea {
    padding:0px;
}

.notice-table td.with-textarea textarea {
    width:100%;
    padding: 10px;
    border:0;
    overflow:hidden;
    resize:none;
    /*height:100%;*/
    border:1px solid #fff;
}

.notice-table td.with-textarea.focus textarea {
    border:1px solid #666!important;
}

.notice-table tr.notice-0:hover td, .notice-table tr.notice-0:hover td textarea {
    background-color:#fdfdff;
}
.notice-table tr.notice-1:hover td, .notice-table tr.notice-1:hover td textarea {
    background-color:#fffdfd;
}
.notice-table tr.notice-100:hover td, .notice-table tr.notice-100:hover td textarea {
    background-color:#fefffa;
}
.notice-table tr.notice-200:hover td, .notice-table tr.notice-200:hover td textarea {
    background-color:#fefbff;
}

.notice-table tr.notice.complete textarea {
    background-color:#fafafa!important;
    border:0!important;
}

.notice-table tr.notice-0:hover td textarea, 
.notice-table tr.notice-1:hover td textarea, 
.notice-table tr.notice-100:hover td textarea {border:1px solid #ddd;}

.notice-table textarea:focus {
    background-color:#fff !important;
}

.notice-table .icon-wrap {margin-left:10px;border-radius:50px;width: 25px;height: 25px;line-height: 25px;display: inline-block;cursor:pointer;}
.notice-table .icon-wrap:hover {background-color: #59a0e6;}
.notice-table .icon-wrap i {font-size:15px;}

.notice-table input[type="checkbox"] {width: 20px;height: 20px;}

.notice-table .script-content {min-width: 260px;text-align: left;}
.notice-table .script-content p {margin:0;}
.notice-table .script-content a {color:#0b6cbb;text-decoration: underline;}

/* patient list */

#patient-add-button-wrap {
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: -13px;
}

#patient-add-button-wrap #btn-add-patient {
    display: block;
    background-color:#fff;
    padding: 12px 20px;
    border: 1px solid #ddd;
    font-size: 16px;
}

#patient-add-button-wrap #btn-add-patient:hover {
    background-color: #4185c7;
    color:#fff;
    cursor:pointer;
}


#patient-list-table-wrap {

}

#patient-list-table td {
    text-align:center;
    padding:5px 0;
}
#patient-list-table th.patient-name {
    width: 15%;
}
#patient-list-table th.patient-code,
#patient-list-table th.patient-phone {
    width: 15%;
}
#patient-list-table th.patient-regist {
    width: 15%;
}
#patient-list-table th.patient-average {
    width: 30%;
}
#patient-list-table th.patient-measure {
    width: 10%;
}
#patient-list-table .no-name {
    color: #aaa;
}

/* patient detail */
.patient-detail-table {
    width:100%;
}

.patient-detail-table th, .patient-detail-table td {
    border:1px solid #ddd;
    padding:10px 0;
}
.patient-detail-table th {
    background-color:#fafafa;
    width:50%;
    text-align:right;
    padding-right:15px!important;
}
.patient-detail-table td {
    text-align:left;
    padding-left:15px;
}

.small-chart-wrap {
    display:inline-block;
    width:32.6%;
    text-align:center;
    margin-right:1%;
    vertical-align: top;
}
.small-chart-wrap.last {
    margin:0;
}

.small-chart {
    background-color:#eee;
    padding-top:90px;
    height:190px;
}

.small-chart-datatable {
    margin-top:10px;
    width:95%;
    margin: 10px auto 0;
}
.small-chart-datatable td {
    margin-top:10px;
    padding:5px 0; 
}

/* add patient */
.patient-form-wrap {}
.add-patient-line {padding:0 10px;margin-bottom:5px;line-height:30px;}
.add-patient-line label.header {min-width:120px;display:inline-block;}
.add-patient-line input[type="text"],
.add-patient-line input[type="password"],
.add-patient-line input[type="number"],
.add-patient-line input[type="date"],
.add-patient-line input[type="email"] {padding:5px 10px;min-width:250px;}
.add-patient-line span {margin-left:10px;color:#000;}
.add-patient-line span.red {color:#a10000;}
.add-patient-line input[type="checkbox"] {margin-left:15px;}
.add-patient-line input[type="checkbox"]:first-child {margin-left:0;}
.patient-form-wrap input[type="button"],
.patient-form-wrap button,
.patient-form-wrap a.button {
    border: 1px solid #4185c7;
    background-color: #59a0e6;
    height: 32px;
    padding: 0 20px;
    line-height: 28px;
    color: #fff;
    display: inline-block;
}

#data-length-string, #preview-csv, #csv-submit-wrap {display:none;}
#submit-csv-upload.readonly {background-color: #c3c3c3;border:1px solid #a0a0a0;}

.patient-form-wrap .button-wrap div.right {float:right;padding-right: 10px;}

#preview-csv {margin-bottom:20px;}
#preview-csv th {background-color:#fafafa;}
#preview-csv th, #preview-csv td {padding:5px 10px;border:1px solid #ddd;}



/* 진단 메모 */
#write-diagnosis-wrap {}
#write-diagnosis-wrap textarea {border:1px solid #ddd;width: 100%;resize: none;padding: 10px;line-height: 24px;box-sizing: border-box;margin-bottom: 10px;height: 150px;}

#list-diagnosis-wrap {}
#list-diagnosis-wrap .list-diagnosis-box {padding: 10px; border: 1px solid #ddd;margin-bottom: 5px;}
#list-diagnosis-wrap .list-diagnosis-box:hover {border:1px solid #888;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap {font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    padding: 0 5px;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap span {font-size: 12px;
    color: #888;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap .button-wrap {float:right;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap .button-wrap input[type='button'] {border: 0;
    color: #fff;
    font-size: 13px;
    vertical-align: super;
    padding: 5px 10px;
    cursor:pointer;
}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap .button-wrap input[type='button'].button-modify {background-color: #fe7e13;margin-right:5px;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap .button-wrap input[type='button'].button-delete {background-color: #c72e2e;}
#list-diagnosis-wrap .list-diagnosis-box .title-wrap .button-wrap input[type='button'].button-delete:hover {background-color: #eb2121;}

#list-diagnosis-wrap .list-diagnosis-box .content-wrap{line-height: 22px;padding: 10px;}

/* 진단 메모 페이지네이션 */
.diagnosis-pagenation-wrap {text-align:center;line-height: 40px;}
.diagnosis-pagenation-item {display: inline-block;min-width: 20px;min-height: 20px;line-height: 20px;vertical-align: baseline;cursor:pointer;}
.diagnosis-pagenation-item:hover {background-color:#d1660f;color:#fff!important;}
.diagnosis-pagenation-item.active {font-weight:bold;font-size: 18px;color: #3d8edf;}
.diagnosis-pagenation-item.disable {font-size: 12px;color: #858585!important;cursor:default;background-color:unset;}
#write-diagnosis-button {
    border: 0;
    min-width: 100px;
    background-color: #3d8edf;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    float:right;
}

/* range */
.range-input-wrap {

}
.range-input-wrap .line {
    margin-bottom:12px;
}

.range-input-wrap label {
    min-width:150px;
    display:inline-block;
    padding-right:15px;
    text-align:right;
}

.range-input-wrap.livecare label {
    width:30%;
    padding-right:30px;
}

.range-input-wrap input[type="text"] {
    padding:5px 10px;
    width:80px;
}
.range-input-wrap.livecare input[type="text"] {
    width:150px;
}

.range-input-wrap span {
    font-size:12px;
    padding-left:10px;
}

.range-input-wrap input[type="button"] {
    border: 0;
    color:#fff;
    cursor: pointer;
    margin-right: 10px;
    padding: 10px 15px;
    background-color: #59a0e6;
}

.range-input-wrap input[type="button"]:hover {
    background-color:#3d8edf;
}

.range-input-wrap input[type="button"]:last-child {
    margin:0;
}

/* notice list */
.box-inner .col {display:inline-block;vertical-align: middle;}
.box-inner .col .notice-icon-wrap {width:100px;}
.box-inner .col .notice-icon-box {
    background-color: #fff;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 55px;
    border-radius: 5px;
}
.box-inner .col .notice-icon-box img {vertical-align: middle;}
.box-inner .col.notice-string {padding-left:20px;}
.box-inner .col.notice-string span {color:#fff;display:block;line-height: 1.9rem;font-size: 1.3rem;}
.box-inner .col.notice-string span strong {font-size:1.5rem;}
.box-inner .col.notice-string .string {}
.box-inner .col.notice-string .value {}

/* dashboard notice */
.dashboard-notice-list {border:1px solid #ddd;}
.dashboard-notice-list tr {border-bottom:1px solid #ddd;}
.dashboard-notice-list td {border:0;padding:10px;}
.dashboard-notice-list tr:hover {background-color: #fafafa;;}

/* dashboard chart controller */
#chart-controller {position:absolute;}
#chart-controller.dashboard {bottom:20px;right:30px;text-align:right;}
#chart-controller.dashboard input[type="button"] {width:100px;display:block;border:0;padding:10px;margin-bottom:10px;cursor:pointer;background-color:#59a0e6;color:#fff;}
#chart-controller.dashboard input[type="button"]:hover {background-color:#2776c5;}

/* notification detail */
.chart-range-input {width:230px;padding:5px 10px;margin:0 0 25px 10px;}
.chart-controlls input[type="button"] {height: 30px;border: 0;background-color: #59a0e6;color: #fff;padding:0 10px;}
.chart-controlls input[type="button"]:hover {background-color: #3d8edf;}
.chart-range-submit {width: 100px;}

/* datatables - meterial */
.mdl-button {min-width:40px;padding:0;}
.mdl-button.previous, .mdl-button.next {padding: 0 10px;}
#glucose-list_ellipsis {min-width:unset;}
@media (min-width: 840px){
    .mdl-grid {
        padding:0px;
    }
}

/* preferences */
.preferences-wrap {font-size:16px;line-height:35px;}
.preferences-wrap .label-title {display:inline-block;width:180px;padding-left:20px;}
.preferences-wrap label {cursor:pointer;}
.preferences-wrap input[type="text"], .preferences-wrap input[type="email"] {line-height: 28px;padding: 0 10px;}
.preferences-wrap input[type="button"] {margin-left:10px;height:32px;}
.preferences-wrap input[type="radio"] {margin-right:10px;margin-left:20px;}
.preferences-wrap select {width:140px;}
.preferences-wrap select.time {width:60px;}

.preferences-wrap.email-list-wrap {height:350px;overflow-y:auto;margin-top:15px;}

.preferences-wrap .email-list {}
.preferences-wrap .email-list tr {border:1px solid #ddd;}
.preferences-wrap .email-list td {padding:5px 10px;}
.preferences-wrap .email-list td:hover {background-color:#fafafa;}
.preferences-wrap .email-list .email-delete {cursor:pointer;float:right;}

/* footer patient search */
#searchPatientTable {width:640px;}
#searchPatientTable th, #searchPatientTable td {padding:5px 10px;}
#searchPatientTable th {background-color:#fafafa;}
#searchPatientTable tr {cursor:pointer;}
#searchPatientTable tr:hover {background-color:#fafafa;}
#searchPatientTable td {}

/* tabs */
.tab-controller {}
.tab-controller ul {padding:0;margin:0;list-style: none;border-bottom:1px solid #ddd;}
.tab-controller li {display:inline-block;border:1px solid #ddd;padding:5px 10px;min-width:100px;text-align:center;cursor:pointer;border-bottom:0;margin-left:-1px;}
.tab-controller li:first-child {margin:0;}
.tab-controller li.active {background-color:#3d8edf;color:#fff;border-color:#3d8edf;}
.tab-content {padding:5px 0;}

.tab-content .tabs {
    display:none;
}
.tab-content .tabs:first-child {
    display:block;
}

.tab-content .tabs .patient-data {

}

.tab-content .tabs .patient-data th,
.tab-content .tabs .patient-data td {
    border:1px solid #ddd;
    border-left:0;
    border-right:0;
}

.tab-content .tabs .patient-data th {
    background-color:#fafafa;
    line-height:30px;
    padding:7px 0;
    width:160px;
}

.tab-content .tabs .patient-data td {

}

.tab-content .tabs .patient-data td input[type="text"],
.tab-content .tabs .patient-data td input[type="password"] {
    border:0;
    width:100%;
    line-height:44px;
    padding:0 0 0 10px;
}

.tab-content .tabs .patient-data td input[type="text"].pending {
    background-color: #ffeded;
}

.tab-content .tabs .patient-data td input.password-reset-input,
.tab-content .tabs .patient-data td input.password-reset-submit {
    display:inline-block;
    width: unset;
}

.tab-content .tabs .patient-data td input.password-reset-input {
    width:150px;
}

.tab-content .tabs .patient-data td input.password-reset-submit {
    
}

.tab-content .tabs .patient-data td input[type="button"] {
    border: 0;
    padding: 8px 10px;
    margin-left: 10px;
    background-color: #59a0e6;
    color:#fff;
}

.tab-content .tabs .patient-data td input[type="button"]:hover {
    background-color: #3d8edf;
}

.tab-content .tabs .patient-data td select {
    height: 100%;
    width: calc(100% - 7px);
    border: 0;
    padding-left: 5px;
}

#draggable-popup {position:absolute;left:0;top:0;min-width:500px;max-height:700px;background-color:#fff;border:1px solid #bbb;overflow:hidden;border-radius:7px;z-index:100;-webkit-box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);-moz-box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);}
#draggable-popup-header {height:40px;cursor:all-scroll;padding:20px;}
#draggable-popup-header h5 {margin:0;}
#draggable-popup-header .close-wrap {position:absolute;right:0;top:0;height:40px;width:40px;;z-index:101;cursor:pointer;line-height: 40px;text-align: center;font-size: 20px;padding: 6px;}
.draggable-popup-content {padding:20px;}


/* 간호사 추가 페이지 */
#nurse-list {}
#nurse-list td {padding:0 10px;line-height:35px;}
#nurse-list td.center {text-align:center;}
#nurse-list input[type="button"] {
    border:0; background-color: #0b6cbb;color:#fff;
    padding:0 10px;line-height:25px;
}

#nurse-list input[type="button"].blue {background-color: #0b6cbb;}
#nurse-list input[type="button"].orange {background-color: #ce5e1e;}
#nurse-list input[type="button"].red {background-color: #b1162b;}

#manual-input-glucose{
    position: absolute;
    display:none;top:130px;background-color:#fff;min-width:400px;min-height:100px;padding:20px;border-radius:3px;text-align:left;
    left: calc(50% - 235px);
    border: 1px solid #bbb;
    border-radius: 7px;
    -webkit-box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);
    -moz-box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);
    box-shadow: 5px 5px 30px -1px rgba(0,0,0,0.46);
    z-index:100;
}
#manual-input-glucose .title {
    font-size:16px;font-weight:bold;
    margin-bottom:10px;
    display:block;
}
#manual-input-glucose i {
    font-size:16px;
}

#manual-input-glucose .form-wrap, #manual-input-glucose .input-wrap {
    padding:5px 0;
}

#manual-input-glucose label {
    display:inline-block;width:120px;
    text-align:right;padding-right:10px;
}

#manual-input-glucose input[type="text"], #manual-input-glucose input[type="number"], #manual-input-glucose select {
    width:300px;line-height:30px;height:30px;
}


#manual-input-glucose input[type="button"] {
    height: 30px;
    border: 0;
    background-color: #59a0e6;
    color: #fff;
    padding: 0 10px;
}

#manual-input-glucose input[type="button"]:hover {
    background-color: #3d8edf;
}

/* measurement csv table */
#measurement-csv-table {

}

#measurement-csv-table th {
    background-color:#fafafa;
    line-height:30px;
    border:1px solid #ddd;
}

#measurement-csv-table td {
    text-align:center;
    line-height:30px;
    border:1px solid #ddd;
}

#measure-help-wrap {
    position:fixed;
    width:600px;
    height:600px;
    left:calc(50% - 300px);
    top:100px;
    background-color:#fff;
    border:1px solid #ddd;
    padding:20px;
    box-shadow: 1px 2px 7px rgba(50, 50, 50, 0.3);
}

#measure-help-wrap h4 {
    margin-top:10px;
}

#measure-help-wrap table {
    width:100%;
}

#measure-help-wrap table th,
#measure-help-wrap table td {
    border:1px solid #ddd;
    line-height:26px;
}
#measure-help-wrap table th {
    background-color:#fafafa;

}
#measure-help-wrap table td {
    padding: 10px;
}

#measure-help-wrap code {
    background-color:#fafafa;
    border:1px solid #ddd;
    padding:0 5px;
    vertical-align: text-bottom;
}

.add-measure-line button,
.add-measure-line input[type="button"] {
    border: 1px solid #4185c7;
    background-color: #59a0e6;
    height: 32px;
    padding: 0 20px;
    line-height: 28px;
    color: #fff;
    display: inline-block;
}

#task-timer-menu {
    cursor:pointer;
}
#task-timer {
    width:300px;
    height:100px;
    border:1px solid #ddd;
    background-color:#fff;

    position:fixed;
    right:80px;
    top:50px;

    display:none;
    box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.1);
}

#task-timer .info-wrap {
    text-align:center;
    padding:15px 0 15px;
}
#task-timer .controller {
    display:block;
    padding:0px;
    text-align:center;
}

#task-timer .controller .icon-wrap {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 30px;
    padding-top: 3px;
    vertical-align: top;
    font-size: 18px;
    cursor:pointer;
}

#task-timer .controller .icon-wrap.disabled {
    cursor:default!important;
    background-color: #ddd!important;
    color: #aaa!important;
    border:0!important;
}

#task-timer .controller .icon-wrap.active {
    cursor:default!important;
    background-color: #59a0e6!important;
    color: #fff!important;
    border:0!important;
}

#task-timer .controller .icon-wrap:hover {
    background-color:#fafafa;
    border-color:#888;
}

#task-timer .controller .icon-wrap i.icon-play {
    margin-left: 4px;
}
#task-timer .controller .icon-wrap i.chart-bar {
    margin-left: 2px;
}
#task-timer .controller .timer {
    display: inline-block;
    line-height:30px;
    font-size:30px;
    margin-left:20px;
    width: 90px;
    text-align: center;
    padding-top:4px;
}

#graph-title i {
    border:1px solid #ddd;
    border-radius: 50%;
    padding:5px;
    font-size:20px;
    margin-right:20px;
    cursor:pointer;
    padding-top:6px;
}
#graph-title i.active {
    background-color:#0b6cbb;
    color:#fff;
    border-color:#0b6cbb;
}

/* Admin */
#admin-password-wrap input[type="password"] {
    display:block;
    border:1px solid #666;
    line-height:30px;
    padding: 0 10px;
    width:100%;
    margin-bottom:10px;
}
#admin-password-wrap input[type="button"] {
    margin:0;
}