﻿/*jqueryui datepicker 버튼이미지 스타일지움*/
button.ui-datepicker-trigger{
    border:none;
    background-color:transparent;

}
.cursor {
    cursor: pointer;
}
/*asp checkbox or radio list 그룹*/
.inputgroupcustom {
    display:flex;
    margin:0;
    padding:0;
}

.inputgroupcustom li{
    list-style:none;

}
    .inputgroupcustom li {
        /*border: 1px solid #c6c6c6;
        border-left:none;*/
        padding: 5px;
        align-items: center;
        white-space: nowrap;
        display:flex;
        align-items:center;
    }

    .inputgroupcustom label {
        /*border: 1px solid #c6c6c6;
        border-left:none;*/
        padding: 3px;
        white-space: nowrap;
    }

    span label{
        padding:3px;
    }
.inputgroupcustom.customcol, .inputgroupcustom.customcol2, .inputgroupcustom.customcol3, .inputgroupcustom.customcol4, .inputgroupcustom.customcol5 {
    flex-wrap: wrap;
}
    
    .inputgroupcustom.customcol li {
        
    }

    .inputgroupcustom.customcol2 li {
        flex: 0 1 50%;
        width: 0;
    }

    .inputgroupcustom.customcol3 li {
        flex: 0 1 33%;
        width: 0;
    }

    .inputgroupcustom.customcol4 li {
        flex: 0 1 25%;
        width: 0;
    }

    .inputgroupcustom.customcol5 li {
        flex: 0 1 20%;
        width: 0;
    }

.sortlink:after {
    content: " \f0dc";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
table.tblStyle th .sortlink, table.tblStyle th .underbarlink {
    -webkit-text-decoration-color: RGBA(0, 0, 0, 0.25) !important;
    text-decoration-color: RGBA(0, 0, 0, 0.25) !important;
    --bs-link-underline-opacity: 0.25;
    text-underline-offset: 0.25em !important;
}

    table.tblStyle th .sortlink:hover, table.tblStyle th .underbarlink:hover {
        -webkit-text-decoration-color: RGBA(0, 0, 0, 1) !important;
        text-decoration-color: RGBA(0, 0, 0, 255) !important;
        --bs-link-underline-opacity: 1;
        text-underline-offset: 0.25em !important;
    }

table.tblStyle th .sortlink, table.tblStyle th .underbarlink, table.tblStyle th .link {
    color: #000;
}

/*부트스트랩 link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover 합침*/
.underbarlink {
    -webkit-text-decoration-color: RGBA(13,110,253,0.25) !important;
    text-decoration-color: RGBA(13,110,253,0.25) !important;
    --bs-link-underline-opacity: 0.25;
    text-underline-offset: 0.25em !important;
    cursor:pointer;
}

    .underbarlink:hover {
        -webkit-text-decoration-color: RGBA(13,110,253,1) !important;
        text-decoration-color: RGBA(13,110,253,1) !important;
        --bs-link-underline-opacity: 1;
    }

    .underbarlink:active, .underbarlink:visited {
        -webkit-text-decoration-color: #551a8b !important;
        text-decoration-color: #551a8b !important;
        color: #551a8b;
    }

.link {
    color: #0d6efd;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    cursor: pointer;
}
    .link:hover {
        color: #0d6efd;
        -webkit-text-decoration: none !important;
        text-decoration: none !important;
    }
    .link:active, .link:visited {
        color: #551a8b;
    }
        /*버튼 스타일*/
        .btn {
        border-radius: 3px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        padding: 2px 6px;
        text-align: center;
    }

    .btn:active {
        opacity: .5;
    }

.btn-0 {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

    .btn-0:hover,
    .btn-0:active {
        background-color: #fff;
        background-position: 0 0;
        color: #000;
    }

.btn-1 {
    background: #97cbbf;
    border: 1px solid #97cbbf;
    color: #fff;
}

    .btn-1:hover,
    .btn-1:active {
        background-color: #fff;
        background-position: 0 0;
        color: #97cbbf;
        border-color: #97cbbf;
    }

.btn-2 {
    background: #df946c;
    border: 1px solid #df946c;
    color: #fff;
}

    .btn-2:hover,
    .btn-2:active {
        background-color: #fff;
        background-position: 0 0;
        color: #df946c;
        border-color: #df946c;
    }

.btn-3 {
    background: #8baddb;
    border: 1px solid #8baddb;
    color: #fff;
}

    .btn-3:hover,
    .btn-3:active {
        background-color: #fff;
        background-position: 0 0;
        color: #8baddb;
        border-color: #8baddb;
    }

.btn-4 {
    background: #d986b4;
    border: 1px solid #d986b4;
    color: #fff;
}

    .btn-4:hover,
    .btn-4:active {
        background-color: #fff;
        background-position: 0 0;
        color: #d986b4;
        border-color: #d986b4;
    }

.btn-5 {
    background: #d87079;
    border: 1px solid #d87079;
    color: #fff;
}

    .btn-5:hover,
    .btn-5:active {
        background-color: #fff;
        background-position: 0 0;
        color: #d87079;
        border-color: #d87079;
    }
