.MyBtn {
    text-decoration: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 6px 24px 6px 24px;
    letter-spacing: 3px;
    cursor: pointer;
}


.MyBtn_Circle {
    text-decoration: none;
    font-size: 18px;
    font-weight: bolder;
    letter-spacing: 3px;
    cursor: pointer;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--Sierra-800, #0C5EA3);
}

.btn_icon_add {
    padding-left: 50px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background-color: #ffffff;
    background-size: 12%;
    background-image: url('icons/btn_add.png');
    background-repeat: no-repeat;
    background-position: 20px center; 
}

.btn_icon_remove {
    padding-left: 50px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background-color: #ffffff;
    background-size: 12%;
    background-image: url('icons/btn_close.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_icon_close {
    padding-left: 50px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background-color: #ffffff;
    background-size: 12%;
    background-image: url('icons/btn_close.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_icon_upload {
    padding-left: 50px;
    padding-top: 10px;
    color: #ffffff;
    border: 1px solid var(--Marigold-500, #EA9008);
    background-color: var(--Marigold-500, #EA9008);
    background-size: 25%;
    background-image: url('icons/btn_upload_1.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_icon_export {
    padding-left: 55px;
    color: #ffffff;
    border: 1px solid var(--Sierra-900,#115081);
    background-color: var(--Sierra-800, #0C5EA3);
    background-size: 13%;
    background-image: url('icons/btn_download.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}
6
.btn_icon_download {
    padding-left: 70px;
    color: #ffffff;
    border: 1px solid var(--Sierra-900,#115081);
    background-color: var(--Sierra-800, #0C5EA3);
    background-size: 20%;
    background-image: url('icons/btn_download.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_confirm {
    padding-left: 60px;
    color: #ffffff;
    border: 1px solid var(--Sierra-900,#115081);
    background-color: var(--Sierra-800, #0C5EA3);
    background-size: 14%;
    background-image: url('icons/btn_confirm.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_cancel {
    padding-left: 60px;
    color: #ffffff;
    border: 1px solid var(--Sierra-900,#115081);
    background-color: var(--Sierra-800, #0C5EA3);
    background-size: 14%;
    background-image: url('icons/btn_cancel.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_invalid {
    padding-left: 60px;
    color: #ffffff;
    border: 1px solid var(--Rose-900, #881337);
    background-size: 20%;
    background-image: url('icons/btn_invalid.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--Rose-800, #9F1239);
}


.btn_bg1 {
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
}

.btn_default {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 12px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: #ffffff;
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--Sierra-800, #0C5EA3);
    background-image: url('icons/btn_query.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

    .btn_default:hover {
        background: var(--Sierra-900,#115081);
        border: 1px solid var(--Sierra-900,#115081);
        background-image: url('icons/btn_query.png');
        background-repeat: no-repeat;
        background-position: 20px center;
    }

.topbtnarea .btn_default {
    float: right;
}


.btn_login {
    /*--border: medium double #FFFFFF;
    --width: 80px;*/
    border: none;
    padding: 7px 50px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 3px;
    color: #ffffff;
    border: 1px solid var(--Color-Sierra-900);
    background: var(--Color-Sierra-800);
}

    .btn_login:hover {
        background: var(--Color-Sierra-800);
        color: #ffffff;
    }

.linkbtn_default {
    color: var(--Color-Sierra-800);
    font-size: 14px;
    font-weight: bold;
}

    .linkbtn_default a :hover {
        color: var(--Color-Sierra-800);
        font-size: 14px;
        font-weight: bold;
    }


.btn_create {
    float: left;
    height: 50px;
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 16px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: #ffffff;
    border: 1px solid var(--Marigold-700, #B95900);
    background-image: url('icons/btn_create.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: var(--Marigold-500, #EA9008);
}


    .btn_create:hover {
        background-image: url('icons/btn_create.png');
        background-repeat: no-repeat;
        background-position: 20px center;
        background-color: var(--Marigold-500, #EA9008);
    }

.btn_reload {
    float: left;
    height: 50px;
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 10px 24px 16px 24px;
    padding-left: 60px;
    color: #ffffff;
    border: 1px solid var(--Marigold-700, #B95900);
    background-color: var(--Marigold-500, #EA9008);
    background-size: 20%;
    background-image: url('icons/btn_reload.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}


    .btn_reload:hover {
        border: 1px solid var(--Marigold-700, #B95900);
        background-color: var(--Marigold-500, #EA9008);
    }

.btn_delete {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 12px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: #ffffff;
    background: var(--Rose-800, #9F1239);
    border: 1px solid var(--Sierra-900, #115081);
    background-image: url('icons/btn_delete.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

    .btn_delete:hover {
        color: #ffffff;
        background: var(--Color-Rose-600,#e11d48);
        border: 1px solid var(--Color-Rose-600,#e11d48);
        background-image: url('icons/btn_delete.png');
        background-repeat: no-repeat;
        background-position: 20px center;
    }

.btn_reset {
    /*--border: medium double #FFFFFF;
    --width: 80px;*/
    border: none;
    padding: 7px 50px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 3px;
    background: #A6A6A6;
    color: #ffffff;
}

    .btn_reset:hover {
        background: #666666;
        color: #ffffff;
    }



.btn_clear {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 12px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/btn_clear.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

    .btn_clear:hover {
        color: var(--Sierra-900, #115081);
        background: var(--White, #FFFFFF);
        border: 1px solid var(--Sierra-900, #115081);
        background-image: url('icons/btn_clear.png');
        background-repeat: no-repeat;
        background-position: 20px center;
    }

.btn_backtolist { 
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 6px 24px 6px 24px;
    padding-left: 50px; 
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/btn_backtolist.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_history {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 6px 24px 6px 24px;
    padding-left: 50px; 
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/btn_history.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_save { 
    padding-left: 50px; 
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/btn_save.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_edit {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 12px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/btn_edit.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}


.btn_chart {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 12px 24px;
    padding-left: 50px;
    padding-top: 10px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    background: var(--White, #FFFFFF);
    background-image: url('icons/chart.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.btn_ChangeView, .btn_ChangeView_Active {
    /*--border: medium double #FFFFFF;
    --width: 80px;*/
    border: none;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 3px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #CDEBDF;
}

.btn_ChangeView_Active {
    background: #CDEBDF;
    color: #000000;
}

.btn_FVPage {
    font-size: 20px;
    padding: 8px 16px;
    padding-top: 4px;
    border-radius: 12px;
    margin: 3px;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    border: var(--Sierra-800, #0C5EA3);
    background-color: var(--Sierra-800, #0C5EA3);
}

.btn_PreviousPage {
    width: 20px;
    border: var(--Sierra-800, #0C5EA3);
    background-color: var(--Sierra-800, #0C5EA3);
    background-image: url('icons/btn_query.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}


.btn_DataPager_Numeric, .btn_DataPager, .btn_DataPager_Focus {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 13px;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    margin: 3px;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    background: var(--Slate-300, #CBD5E1);
}

.btn_DataPager_Focus {
    border: 1px solid #6c757d;
    color: var(--Slate-800, #1E293B);
    background-color: #ffffff;
    border: 1px solid var(--Slate-300, #CBD5E1)
}


.btn_toview, .btn_toview_active {
    /*--border: medium double #FFFFFF;
    --width: 80px;*/
    border: none;
    padding-right: 12px;
    padding-left: 12px;
    height: 30px;
    font-size: 14px;
    border-radius: 4px;
    margin: 3px;
    background: #ffffff;
    color: #009999;
    border: 1px solid #009999;
}

.btn_toview_active {
    background: #009999;
    color: #ffffff;
}

.btn_toview:hover {
    background: #009999;
    color: #ffffff;
}



.linkBtn {
    border: none;
    background-color: none;
    color: blueviolet;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}


.linkIconBtn {
    margin-right: 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bolder;
    padding: 16px 24px 18px 24px;
    color: var(--Sierra-900, #115081);
    border: 1px solid var(--Sierra-900,#115081);
    text-decoration: none;
}