@charset "utf-8";

@import url("fonts.css");

html, body { height:100%; }
body, form { margin:0px; }


/* scrollbar */
::-webkit-scrollbar { width:9px; height:9px; } /* width */
::-webkit-scrollbar-track {  background-color: transparent; } /* Track */
::-webkit-scrollbar-thumb {  background-color: #b5b5b5; border-radius:8px; } /* Handle */
::-webkit-scrollbar-thumb:hover {  background: #666; } /* Handle on hover */

.any-jqgrid-linkaction {
        COLOR:#333; font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif !important;
        TEXT-DECORATION:none; font-weight:700;
}
.any-jqgrid-linkaction:hover { TEXT-DECORATION:none; color:#b83b5f;}


button {font-size:11px !important; }
pre, xmp { margin:0px; }
pre { white-space:pre-wrap; word-break:break-all; }

button { margin:0px; }
button.space { margin-left:2px; }
select { margin:0px; height:26px; padding-bottom:3px; }
input[type="text"], input[type="password"], input[type="number"] { height:26px; font-size:13px; box-sizing:border-box; max-width:100%; }
input[type="text"].any-invalid, input[type="number"].any-invalid { background-color:#acacac; color:#FFF; }
div[any-text] { padding:0 !important; }

.require { color:#a72b2a !important; }

h1 { font-size:15px; margin:0px; padding:3px 0px 2px 22px; color:#333; font-weight:bold; letter-spacing:-0.5px; background:url(images/icon_title.png) no-repeat 0px 4px; }
h2 { font-size:13px; color:#000; font-weight:bold; margin:10px 0 0 0; padding:0 0px 5px 18px; background:url(images/icon_check.gif) no-repeat left top; }
h2.first { padding-top:0px;margin-top:3px; }
h2 span { display:normal; font-size:11px; color:#666; font-weight:normal; padding-left:10px; }

div[any-container=""] { margin:10px; }

div.buttons { text-align:right; }

div.page-header { margin-bottom:10px; height:33px; background:url("images/bg_title_underline.png") repeat-x bottom; }
div.page-header h1 { float:left; margin:-3px 0px 0px 0px; }
div.page-header .buttons { position:relative; top:-2px; margin-top:0 !important;  }
div.page-middle { display:inline-block; width:100%; padding-top:15px; padding-bottom:5px;position:relative; }
div.page-middle .unit,
div.page-middle .buttons { display:inline-flex; align-items:center; float:right; flex-grow:1; column-gap:2px; }
div.page-middle.first { padding-top:0px; }
div.page-middle h2 { padding-bottom:0px; display:inline-block; margin:0 !important; }
.page-middle-section { display:flex; align-items:center;}

div.page-footer-border { margin-top:10px; padding-top:5px; border-top:2px solid #c6cbd0; }
div.page-footer { padding-top:10px; }
div.page-space { padding-top:10px; }

div.grid-space { padding-top:10px; position:relative; display:table; width:100%; }
div.grid-space > div.buttons { padding-bottom:5px; }
div.grid-space > div.toggle-condition { position:absolute; top:0px; right:0px; margin-bottom:5px; border-top:none; padding-left:5px; cursor:pointer; }

div.layout { display:table; table-layout:fixed; width:100%; }
div.layout > div { display:table-cell; }
div.layout > div.nowrap { width:1px; white-space:nowrap; }

div.space > div { padding-left:2px; padding-right:2px; }
div.space > div:first-child, div.space2 > div:first-child { padding-left:0px; }
div.space > div:last-child, div.space2 > div:last-child { padding-right:0px; }

div.auto { table-layout:auto; }
div.auto2 { table-layout:auto; width:auto; }

table.layout { border:0px; border-spacing:0px; table-layout:fixed; width:100%; }
table.layout > tbody > tr > td { border:none; padding:0px; }
table.layout > tbody > tr > td.nowrap { width:1px; white-space:nowrap; }


table.space > tbody > tr > td { padding-left:2px; padding-right:2px; }
table.space2 > tbody > tr > td { padding-left:5px; padding-right:5px; }
table.space > tbody > tr > td:first-child, table.space2 > tbody > tr > td:first-child { padding-left:0px; }
table.space > tbody > tr > td:last-child, table.space2 > tbody > tr > td:last-child { padding-right:0px; }

table.view, table.list { border:1px solid #d8d8d8; border-collapse:collapse; border-spacing:0px; table-layout:fixed; width:100%; }
table.view > tbody > tr, table.list > thead > tr, table.list > tbody > tr, table.list > tfoot > tr { height:26px; color:#656565; }
table.view > tbody > tr > th, table.list > thead > tr > th, table.list > tbody > tr > th { border:1px solid #dbdbdb; font-weight:bold; text-align:center; }
table.view > tbody > tr > td, table.list > tbody > tr > td, table.list > tfoot > tr > td { border:1px solid #dbdbdb; color:black; background-color:#FFF; padding:3px 4px 3px 4px; }
table.view > tbody > tr > th { text-align:left; padding:3px 4px 3px 12px; }
table.list > thead > tr > th, table.list > tbody > tr > th { text-align:center; padding:3px 4px 3px 4px; }

table.view span.require { color:#ff6600; margin-left:-9px; margin-right:0px; float:left; }
table.list span.require { color:#ff6600; margin-left:0px; margin-right:1px; float:none; }

table.auto { table-layout:auto; }
table.auto2 { table-layout:auto; width:auto; }

span.link { color:#457A9F; cursor:pointer; }
span.link:hover { text-decoration:underline; }

input.any-search-readonly { background-color:#efefef; }

div.any-dsgrid-title {}
div.any-dsgrid-buttons {}
div.any-progressbar-label { font-weight:bold; text-shadow:1px 1px 0 #fff; }
div.any-page-progressbar { height:6px; }
div.any-page-progressbar .ui-progressbar-value { background:#ff0000; }

div.ellipsis, li.ellipsis, p.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.left_quick { height:17px;}
.left_quick .icon_img { display:inline-block; float:left; margin-right:2px; }
.ui-jqgrid tr.jqgrow td img { display:inline-block; padding:3px 0 0 0; margin:0; }
.hasDatepicker { width:90px !important; }
.ui-dialog .ui-dialog-titlebar { padding:.4em 1em .4em 1em; }

.layout_uibox {
    border:#ccc 1px solid; margin-bottom:10px; padding:10px; border-radius:2px;
    box-shadow:0px 2px 1px #eee; -moz-box-shadow:0px 2px 1px #eee;
    }
.layout_ui_top { border-bottom:solid 1px #ddd; margin-bottom:5px; padding-bottom:5px; }
.layout_ui_top h2 { display:inline-block; float:left; font-weight:600; font-size:13px; }
.space_bottom { margin-bottom:5px; }
.space_top { margin-top:5px; }

.page-control { display:inline-block; border-left:solid 2px #ccc; margin-left:8px; padding-left:4px; }
.page-control ul { list-style:none; margin:0;padding:0; }
.page-control li { display:inline-block; float:left; margin-left:5px; }

/* WorkflowDetail */
.subtitle { padding-bottom:0px; margin-bottom:3px; box-shadow:0px 1px 2px #ddd; -moz-box-shadow:0px 1px 2px #ddd; }
.subtitle > .title-area {
    height:24px; border:solid 1px #ccc; padding:3px 5px 3px 25px;
    background:#f7f7f7 url("images/icon_detailinfo.png") no-repeat 6px center !important;
    }
.subtitle > .title-area > .title-text { font-weight:bold; padding-top:3px; }
.subtail { height:24px; border:solid 1px #ccc; background:#f5f5f5; padding:3px 5px; }


#any_approval #div_history thead .ui-widget-header { background:#fbf3fa !important; }

button[onclick="javascript:fnSetHistoryGridHeight('+');"] .ui-button-text {
    font-size:18px !important; min-width:20px; padding:0px !important;
    position:relative; top:-2px; font-family:arial !important;
    }
button[onclick="javascript:fnSetHistoryGridHeight('-');"] .ui-button-text {
    font-size:22px !important; min-width:20px; padding:0px !important;
    position:relative; top:-6px; font-family:arial !important;
    }

/* any_grid : scroll bar */
.ui-jqgrid-bdiv::-webkit-scrollbar { width: 15px; height:15px !important; } /* width */
.ui-jqgrid-bdiv::-webkit-scrollbar-track {  background: transparent !important; } /* Track */
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb {  background: #eee; border-radius:10px; border:solid 1px #c1c1c1; } /* Handle */
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {  background: #dbdbdb; border:solid 1px #c2c2c2; } /* Handle on hover */