:root {
    --timeAnimation: 0.36s;
    --timeTransition: 0.36s;
}

@keyframes showOut {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes showOpacity {
    from {
        display: none;
        opacity: 0;
    }
}

html {
    font-family: Helvetica, Arial, sans-serif;
}


table {
}

    table > tbody > tr:hover > td {
        background-color: #f2f2f2;
    }

    table > tbody > tr > td.word-wrap {
        word-wrap: anywhere;
    }

tr.no-bgcolor-hover > td:hover {
    background-color: unset;
}

.aspNetDisabled,
.aspNetDisabled > label {
    color: #999;
}

select.aspNetDisabled {
    color: #999 !important;
}

.ui-widget-overlay {
    animation: showOpacity 0.24s ease;
}

.loadingoverlay {
}

.divHeader {
    padding: 5px 12px;
    height: 45px;
    background-color: #E8E8E8;
}

.divHeader_Label {
    margin-top: 5px;
    float: left;
}

.divHeader_Buttons {
    float: right;
}

span.divider {
    display: block;
    width: 100%;
    border: 0;
    height: 0.1em;
    background-color: #999;
}

.dropdown-menu .divider {
    margin: 6px 0;
}

.dropdown-menu .dividerBold {
    height: 2px;
    margin: 6px 0;
    background-color: #1967b2;
}

.dropdown-menu > li > a {
    padding: 0 10px;
    padding-top: 4px;
    cursor: pointer
}

.dropdown-menu .icon {
    padding-right: 5px;
}

.no-resize {
    resize: none
}

/*Margin Style*/
.m-0 {
    margin: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.m-10 {
    margin: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.m-50 {
    margin: 50px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.m-30 {
    margin: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

/*Padding Style*/
.p-0 {
    padding: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.p-15 {
    padding: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.p-10 {
    padding: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.p-5 {
    padding: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.p-30 {
    padding: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.bkav-legend {
    width: auto;
    border-bottom: none;
    padding-right: 10px;
    padding-left: 10px;
    color: #2069af;
    font-family: helvetica, arial, sans-serif;
    font-size: 17px;
}

#inputForm > tbody > tr:hover > td {
    background-color: unset;
}

.tablefullWidth {
    width: 100%;
}

    .tablefullWidth > tbody > tr:hover > td {
        background-color: unset;
    }

table.no-bgcolor-hover > tbody > tr:hover > td,
table.rblPeriod > tbody > tr:hover > td,
table.tblUser > tbody > tr:hover > td,
table.tblFilter > tbody > tr:hover > td,
table.tableMain > tbody > tr:hover > td,
table.checkbox > tbody > tr:hover > td,
.table-condensed > tbody > tr:hover > td,
.table-filter > tbody > tr:hover > td,
#pnReadFileExcel table > tbody > tr:hover > td,
table#rblMethod > tbody > tr:hover > td,
table#rblType > tbody > tr:hover > td,
table#rblTypeExport > tbody > tr:hover > td,
table#inputForm > tbody > tr:hover > td {
    background-color: unset;
}

.popover {
    z-index: 100;
}

.ClickHere {
    font-weight: bold !important;
    color: blue !important;
    cursor: pointer !important;
}

.fixed_botton {
    position: absolute;
    bottom: 15px;
}