youhk_test_repository/public/myapp/css/common.css

@charset "utf-8";

/* Form */
select { height:28px; padding:0 2px; color:#373737; border:1px solid #ccc; background:#fff; box-sizing: border-box}
select[disabled]{border-color:#c0c0c0; color:#666;}
/* select[disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666;} */
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {width:250px; height:28px; color:#373737; border:1px solid #ccc; background:#fff; text-indent:2px; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
textarea {width:100%; height:150px; font-size:12px; color:#373737; padding: 5px; border:1px solid #ccc; background:#fff; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%; box-sizing: border-box}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272; outline: none;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;}
textarea[readonly]{padding:2px 4px; font-size:14px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

input[type="date"] {width: 100% !important;}

input[type="checkbox"] ,
input[type="radio"] {
    display: inline-block;
    width: 14px; height: 14px;
    min-width: 15px;
    margin-right: 3px;
}

input[type="radio"] + label {
    margin-bottom: 0;
}

.form-post-title {
    text-align:center;
    display:table;
    width:100%;
    height:100%;
    margin: auto;
}

.form-post-img-div {
    display:table-cell;
    vertical-align:middle;
}

.form-post-img {
    max-width:100%;
    max-height:100%;
}

.thumb-nail-title {
    text-align:center;
    display:table;
    margin: auto;
}

.thumb-nail-img-div {
    display:table-cell;
    vertical-align:middle;
}

.setup-notice-info {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}

.tooltip-inner {
    padding: 5px 5px !important;
    width:100%;
    left:0 !important;
    right:0  !important;
}

.title-br {
    font-weight: 700;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.canvas:hover {
    cursor: url("../images/cursor/cursor.cur"), auto !important;
}

tbody input[type="text"] {
    width: 100% !important;
    /* min-width: 75px !important; */
}

.btn-groups {
    margin-top: -5px;
}

.btn-apply {
    background-color: #26a69a;
    border-color: #26a69a;
    color: white;
}

#sorder-sale .tb_warp {
    max-width: 1800px !important;
}


#modal-manual .nav-tabs li:first-child a {
    border-top-left-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}

#modal-manual .nav-tabs li:last-child a {
    border-top-right-radius:.25rem!important;
    border-bottom-right-radius:.25rem!important
}

#modal-manual pre, #modal-manual table pre {
    background-color:#F6F7F8;
    margin:10px auto; padding:16px;
    word-wrap: break-word;
    font-family: Menlo,Consolas,Monaco,monospace;
    font-size:14px;
    line-height:20px
}

#modal-manual pre code.hljs {
    padding: 3px 5px !important;
}

#api23e-key-pair-form .btn-danger {
    color: #fff;
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
}

.cache-refl-text {
    font-size: large;
}

.input-icon {
    cursor: pointer;
    right: 5px;
    top: 50%;
    transform: translatey(-50%);
}

.btn-copy {
    font-weight : 1400;
    font-family: "Font Awesome 5 Free";
    background-color : transparent;
    border : none;
    cursor : pointer;
    position : absolute;
    right : 5px;
    top : 50%;
    transform : translatey(-50%);
}
.btn-copy::before{
    font-size: 15px;
    content : "\f0c5";
}

.my-line-through {
    text-decoration-line: line-through;
}

fieldset.scheduler-border {
    border: 1px groove #ADFF2F !important;
    padding: 0 1.0em 1.0em 1.0em !important;
    margin: 0 0 1.0em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.1em !important;
    /* font-weight: bold !important; */
    text-align: left !important;
    width:auto;
    padding:0 5px;
    border-bottom:none;
}

table thead th,
table tbody td {
    /*padding-left: 8px !important;*/
    /*padding-right: 8px !important;*/
    /*padding-left: 1px !important;*/
    /*padding-right: 1px !important;*/
}

@media (min-width: 768px) {
    .w-md-100 {
        width:100% !important;
    }
    .w-md-80 {
        width:80% !important;
    }
}

#is-acc-slip-approved-switch:checked~.custom-control-label::before {
    background-color: #555 !important;
    border-color: #555 !important;
}

.tdicon{ width: 32px !important; }

.modal-footer .count-unit {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.btn-black {
    background-color: #141414 !important;
    border: solid 2px #141414 !important;
    color: #ffff !important;
}

.btn-black:hover {
    background:#2b2b2b !important;
}

/* input[type="checkbox"] {position: absolute; left: -5000%}
input[type="checkbox"] + label {font-weight: normal; margin-right: 10px; margin-bottom: 0;}
input[type="checkbox"] + label:before {background-color: white; content: ""; display: inline-block; width: 14px; height: 14px; border: 1px #a6a6a6 solid; margin: 0 5px 0 0; position: relative; border-radius: 0; box-sizing: border-box;}
input[type="checkbox"]:checked + label:before {background:url("/images/checkbox-checked.jpg") no-repeat;}

input[type="radio"] {position: absolute; left: -5000%}
input[type="radio"] + label {font-weight: normal; margin-right: 10px; margin-bottom: 0;}
input[type="radio"] + label:before {content: ""; display: inline-block; width: 14px; height: 14px; border: 1px #a6a6a6 solid; margin: 0 5px 0 0; position: relative; border-radius: 14px; box-sizing: border-box;}
input[type="radio"]:checked + label:before {background:url("/images/radio-checked.jpg") no-repeat; }

input[type=checkbox][disabled] + label:before,
input[type=radio][disabled] + label:before{background:#eaeaea; border-color:#726969; color:#666; -webkit-appearance:none;} */

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.hide {display:none}

thead {
    position: sticky;
    top: 0;
    /*z-index: 1;*/
}

.btn-group {
    /*z-index: 2;*/
}

thead input {
    opacity: 1;
}

.modal-dialog {
    max-width: 1024px;
}

.table-col, .table-row {
    width: 100%;
}

.card-header-item {
    min-width: 1px;
}

.px-import-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.view-switch i {
    color: #c3c4c7;
}

.view-switch button:hover i {
    color: #727272;
}

.view-switch button.active i {
    color: #2271b1 !important;
}

.border-demo {
    box-sizing: border-box;
    border: 3px solid #4a5bb9;
}

.is-wood {
    border: 20px solid #dca56b;
    border-image: url("//image.ibb.co/dgydgn/wood_frame.png") 50 64;
}

.is-gradient {
    border: 20px solid #f98b14;
    border-image: linear-gradient(-45deg, #00b9e9, #f98b14, #503370) 20;
}

.is-oriental {
    border: 30px solid #333;
    border-image: url("//image.ibb.co/nvJENS/pattern.png") 73 74 round;
}

.decimal {
    text-align: right;
    padding-right: 10px;
}

table th,
table td {
    overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;


	line-height: 1.2em;
	height: 3.6em;
}

#chief-complaint #canvasDiv1 {
    background: url('/images/eyetest.jpg') no-repeat 50%;
}

#modal-item-shortcut-input #shortcut-items button {
    height: 50px !important;
}

#genesis-type1 #frm {
    align-items: flex-end;
    margin-bottom: 10px;
}

#genesis-type1 .btn_wrap {margin-right:auto;}
#genesis-type1 .btn_wrap > div:first-child {margin-right:20px;}

.table-col, .table-row {width: 100%;}
.table-row {border-style: hidden;  box-shadow: 0 0 0 1px #ddd;  border-radius: 0.25rem;}

.table-col {table-layout: fixed;}
.table-col th {width: 150px; background-color:#f5f5f5; padding: 8px 15px; border: 1px #ddd solid; vertical-align: middle !important;}
@media screen and (min-width:100px) and (max-width:1200px) {
    .table-col th{width: auto;}
    /* input, select, input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {width: 100% !important} */
}
.table-col td { min-width:300px !important; padding: 8px 15px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid;}

.table-row th {
    text-align: center;
    padding: 8px 15px;
    background-color:#5c6bc0;
    color: #FFF;
    border-right: 1px #ccc solid;
    font-weight:400;
}

.table-row td {
    padding: 1px 5px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

.table-row td input {
    padding: 0 !important;
}

.table-row td:first-child {border-left: 1px #ddd solid;}

.nav-group-sub .nav-link { padding: .625rem 1.25rem .625rem 2.25rem;}

.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
    color: #fff;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: #007bff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    color: #fff;
}

.card-info:not(.card-outline) > .card-header {
    background-color: #17a2b8;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
    color: #fff;
}

.card-success:not(.card-outline) > .card-header {
    background-color: #28a745;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
    color: #fff;
}

/*210802 추가*/
.content, table {font-size:13px;}
.content > .row > div > .pt-2 {padding:0.625rem 0!important; margin-top:-1rem; margin-bottom:0!important;}
.radius-r0 {border-top-right-radius:0!important; border-bottom-right-radius:0!important;}
.radius-l0 {border-top-left-radius:0!important; border-bottom-left-radius:0!important;}

.table-row th, .table-row td {
    height:35px;
    box-sizing:border-box;
    vertical-align:middle;
    white-space: nowrap;
    text-align: center;
}
.table-row th:first-of-type {border-top-left-radius:0.25rem;}
.table-row th:last-of-type {border-top-right-radius:0.25rem;}

/*.table-row td:first-of-type {border-left:none;}
.table-row td:last-of-type {border-right:none;}
*/
.table-row tr:last-of-type td {border-bottom-left-radius:0.25rem; border-bottom-right-radius:0.25rem;}

.table-footer {background:#f8f8f8; }
/* #table-body input, #table-body input {height:100%;}g */
.table-footer label {width: auto!important; text-align: left!important;  color: #2b5080;  overflow: visible!important;}
.table-footer > div:first-of-type label {padding-left:0;}
.table-footer input { padding-right:10px; background:#f0f3f6 !important; font-weight:400; color:#212121; text-align:right;}
/* .table-footer input {padding-left:10px; padding-right:10px; background:#f0f3f6 !important; font-weight:400; color:#212121; text-align:right;} */

#auto-slip-no-btn.bg-white {background-color: #e6e6e6!important;}

@media (min-width: 1024px)
{
    .table-footer label {
        padding-right: 10px; padding-left: 30px;
    }

}
/*
0.25rem -> 4px
1.25rem -> 20px
*/


input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    margin: 0;
}