@charset "utf-8";
/* CSS Document */
.validator_input_box {
    *padding-right: 3px;
    _padding-right: 5px
}

.validator_textarea_box {
    padding-right: 2px;
    *padding-right: 5px
}

.validator_t_wrap {
    position: absolute;
    max-width: 500px;
    _width: 300px;
    height: 0px;
    z-index: 900
}

.validator_tt_tbl td {
    border: none;
    padding: 0;
}

.validator_tt_tbl {
    min-width: 150px;
    max-width: 500px;
    padding: 0;
    margin: 0;
    border: none
}

.validator_tt_ttbl {
}

.validator_tt_btbl {
    padding-top: 9px
}

td.validator_tt_tl {
    width: 5px;
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_edge.gif) 0 0 no-repeat
}

td.validator_tt_tr {
    width: 5px;
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_edge.gif) -5px 0 no-repeat
}

td.validator_tt_bl {
    width: 5px;
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_edge.gif) 0 -5px no-repeat
}

td.validator_tt_br {
    width: 5px;
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_edge.gif) -5px -5px no-repeat
}

td.validator_tt_ct {
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_hline.gif) 0 0 repeat-x
}

td.validator_tt_cb {
    height: 5px;
    background: url(images/BITCommon/tooltip/tooltip_hline.gif) 0 -5px repeat-x
}

td.validator_tt_ml {
    width: 5px;
    background: url(images/BITCommon/tooltip/tooltip_vline.gif) 0 0 repeat-y
}

td.validator_tt_mr {
    width: 5px;
    background: url(images/BITCommon/tooltip/tooltip_vline.gif) -5px 0 repeat-y
}

.validator_tt_mc {
    background: #fff;
    vertical-align: top;
    padding: 0 3px;
}

.validator_tt_cnt {
    display: inline-block;
    float: left;
    padding: 3px 3px;
    word-break: break-all;
    overflow: hidden
}

.validator_tt_btn {
    float: right;
    padding-bottom: 4px;
    padding-left: 15px;
    text-align: right
}

.validator_tt_btm {
    width: 50px;
    height: 10px;
    margin-top: -1px;
    *margin-top: -1px;
    background: url(images/BITCommon/tooltip/tooltip_btm.gif) 20px 0 no-repeat
}

.validator_tt_top {
    position: absolute;
    width: 50px;
    height: 10px;
    margin-bottom: -1px;
    *margin-bottom: -1px;
    _margin-bottom: -2px;
    background: url(images/BITCommon/tooltip/tooltip_top.gif) 20px 0 no-repeat;
    *z-index: 100
}

.validator_btn_ttclose span {
    width: 20px;
    height: 18px;
    background: url(images/BITCommon/tooltip/btn_ttclose.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    text-indent: 999px
}

    .validator_btn_ttclose span:hover {
        background: url(images/BITCommon/tooltip/btn_ttclose_on.gif) 0 0 no-repeat;
        cursor: pointer
    }

input.validator_error {
    border: 1px dotted red;
}


.modalContainer {
    padding: 0 !important;
    position: absolute;
}
    /* jquery.ui.modal override */
    .modalContainer.ui-widget {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
        box-shadow: 3px 3px 6px #aaa
    }

    .modalContainer.ui-widget-content {
        background: rgb(255, 255, 255);
        color: rgb(51, 51, 51);
    }

        .modalContainer .ui-widget-content.modal a {
            color: rgb(51, 51, 51);
        }

    .modalContainer .ui-widget-header {
        color: rgb(51, 51, 51);
        border: 0px;
        background: #0E3D8A;
        font-weight: bold;
        border-radius: 0px;
    }

    .modalContainer .ui-dialog-title {
        font-size: 16px;
        color: #fff;
        font-family: 'Noto Sans Korean';
        font-weight: 400
    }

    .modalContainer .ui-dialog-content {
        overflow: hidden;
    }

    .modalContainer .ui-dialog-buttonpane {
        padding: 0 0 0 0
    }


    .modalContainer .ui-dialog-titlebar-buttonpane {
        margin-right: 15px;
    }

    /*button*/
    .modalContainer .ui-dialog-buttonpane button {
        border-radius: 5px;
        background: #0E3D8A;
        color: #fff;
        border: 0;
    }

    .modalContainer .ui-widget-header .ui-icon {
        background-image: url(images/jquery-ui-1.12.1.custom/ui-icons_ffffff_256x240.png) !important;
    }

    .modalContainer .ui-state-default, .modalContainer .ui-state-default, .modalContainer .ui-widget-header .ui-state-default {
        border: 0 !important;
        background: transparent !important;
    }

    .modalContainer .ui-dialog-titlebar-close {
        border: 0;
        background: transparent;
        right: .6em;
    }


    .modalContainer .modal-loader {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #5b5b5b url(Images/BITCommon/modal/loading_auto.gif?ver=200116) 50% 25% no-repeat;
        z-index: 9999;
        opacity: 0.6;
        background-size: 65px
    }

        .modalContainer .modal-loader .txt-area {
            margin-top: 15px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -98px;
            text-align: center
        }

            .modalContainer .modal-loader .txt-area > .big-text {
                color: #fff;
                font-weight: 500;
                font-size: 18px;
                line-height: 1.5;
                font-family: 'Noto Sans Korean';
            }

            .modalContainer .modal-loader .txt-area > .small-text {
                color: #fff;
                font-weight: 400;
                font-size: 14px;
                line-height: 1.3;
                font-family: 'Noto Sans Korean';
            }

table tbody tr td .ellipsis_td {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    table tbody tr td .ellipsis_td > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

span.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}