span.date > input {
    font-size:12px;
}

.select2-container {
    width: 100%;
}

/* 내가 쓰던 테이블 */
.table-common {
    width: 100%;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    background: #FFF;
    border: 1px solid #D5D5D5;
}

    .table-common > thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
        background: #E9E9E9;
        background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
        background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
        background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
        background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
        background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
        border: 1px solid #D5D5D5;
    }

        .table-common > tr, .table-common > thead > tr, .table-common > tbody > tr, .table-common > tfoot > tr {
            height: 30px;
        }

            .table-common > tr > th, .table-common > thead > tr > th, .table-common > tbody > tr > th, .table-common > tfoot > tr > th {
                border-top: 0;
                border-left: 0;
                border-right: 1px solid #D5D5D5;
                border-bottom: 1px solid #D5D5D5;
                padding: 3px 5px 3px 5px;
                background-color: #EBEBEB;
                text-align: center;
                vertical-align: middle;
            }

    .table-common th.text-left {
        text-align: left;
    }

    .table-common > tr > td, .table-common > thead > tr > td, .table-common > tbody > tr > td, .table-common > tfoot > tr > td {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #D5D5D5;
        border-bottom: 1px solid #D5D5D5;
        padding: 3px 5px 3px 5px;
        vertical-align: middle;
    }


/* 내가 쓰던 모달 */

.modal-dialog {
    border-radius: 5px;
}

.modal-header {
    border-bottom: 1px solid #808080;
    border-radius: 3px 3px 0 0;
    background: #84b5d9; /* Old browsers */
    background: -moz-linear-gradient(top, #84b5d9 0%, #6ca6d2 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #84b5d9 0%,#6ca6d2 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #84b5d9 0%,#6ca6d2 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b5d9', endColorstr='#6ca6d2',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .modal-header .close {
        font-size: 18px;
    }

.modal-body {
    background-color: #fff;
}

.modal-footer {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #808080;
    padding: 5px;
}

    .modal-footer .btn {
        margin-left: 5px;
    }

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.blinking {
    animation: blinkingBackground 3s infinite;
}
@keyframes blinkingBackground {
    0% {
        background-color: #ffdddd;
    }

    50% {
        background-color: #ffddcc;
    }

    100% {
        background-color: #ffdddd;
    }
}