@import url('https://fonts.googleapis.com/css?family=Numans');
@import url('https://fonts.googleapis.com/css2?family=Roboto');

html, body {
    background-image: url('../pic/japan-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    font-family: 'Numans', sans-serif;
}

#DivLoadingOverlay {
    background: rgba(0,0,0, 0.7);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: none;
    position: fixed;
    z-index: 9998;
}

    #DivLoadingOverlay div {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

        #DivLoadingOverlay div i {
            color: #fff;
            margin-left: auto;
            margin-right: auto;
        }

.copyright {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 10px;
    color: #333;
    font-size: 10px;
    font-weight: bold;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}


.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 15px !important;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #9ba8b4;
    font-size: 13px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: -1px;
    float: right;
    height: 100% !important;
}

.select2-results__option--disabled {
    color: #DCDCDC !important;
}

.modal {
    z-index: 1101 !important;
}

.modal-backdrop {
    z-index: 1100 !important;
}

.select2-dropdown {
    z-index: 1101 !important;
}

.tooltip {
    z-index: 1102 !important;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1800px;
    }
}

table.dataTable.stripe tbody > tr.odd.selected,
table.dataTable.stripe tbody > tr.odd > .selected,
table.dataTable.display tbody > tr.odd.selected,
table.dataTable.display tbody > tr.odd > .selected {
    background-color: #acbad4;
    color: #fff !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: #b0bed9;
    color: #fff !important;
}

.txt-total-value {
    font-size: 30px;
    font-weight: bold;
}