.swal2-popup {
    font-size: 1.6rem !important;
}

table .btn {
    margin-bottom: 5px;
}

.dataTables_filter {
    margin-right: 5px;
}

/*depends on bootstrap of project*/
.dataTables_length, .dataTables_filter {
    margin: 0px !important;
    padding: 0px;
}

.dataTables_filter {
    min-width: 250px
}

.dataTables_info {
    padding: 0px;
}
/*ends of depends on bootstrap of project*/

#tblWbs thead th:nth-child(1), #tblWbs tbody td:nth-child(1) {
    display: none;
}

/*top scroll pada datatable*/
/*=================================*/
.large-table-container-3 {
    overflow-x: scroll;
    overflow-y: auto;
}

.large-table-container-3 table {
}

.large-table-fake-top-scroll-container-3 {
    overflow-x: scroll;
    overflow-y: auto;
}

.large-table-fake-top-scroll-container-3 div {
    /*background-color: red;*/ /*Just for test, to see the 'fake' div*/
    font-size: 1px;
    line-height: 1px;
}

/* ===================================================================================== */
.btnTag {
    margin-bottom: 5px;
    margin-right: 5px;
}

.order-card {
    min-height: 130px;
}

.icon {
    width: 52px;
    height: 52px;
}

/*Jquery toaster*/
.jq-toast-heading {
    text-align: left;
}

.jq-icon-info {
    background-color: #01c0c8;
    color: #ffffff;
}

.jq-icon-success {
    background-color: #00c292;
    color: #ffffff;
}

.jq-icon-error {
    background-color: #fb9678;
    color: #ffffff;
}

.jq-icon-warning {
    background-color: #fec107;
    color: #ffffff;
}


.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.white-box {
    background: #ffffff;
    padding: 25px;
    margin-bottom: 15px;
}

.success-box {
    padding: 25px;
    margin-bottom: 15px;
    color: white;
    background-color: #00c292; /* For browsers that do not support gradients */
}

.warning-box {
    padding: 25px;
    margin-bottom: 15px;
    color: white;
    background-color: #fec107; /* For browsers that do not support gradients */
}

.grey-box {
    padding: 25px;
    margin-bottom: 15px;
    color: white;
    background-color: #999999; /* For browsers that do not support gradients */
}

    .grey-box h3, .warning-box h3, .success-box h3 {
        color: white !important;
    }

.bottom-left {
    bottom: 0;
    left: 0;
    top: auto !important;
    right: auto !important;
}

.bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    top: auto !important;
    right: auto !important;
}

.bottom-right {
    bottom: 0;
    right: 0;
    top: auto !important;
    left: auto !important;
}

.top-left {
    top: 0;
    left: 0;
    bottom: auto !important;
    right: auto !important;
}

.top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: auto !important;
    right: auto !important;
}

.top-right {
    top: 0;
    right: 0;
    bottom: auto !important;
    left: auto !important;
}

/*STYLE for wordwrap */
.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}
/* End of STYLE wordwrap*/

/*STYLE Button Registrasi di page Customer*/
.btnReg {
    border-radius: 0px !important;
    background-color: white;
}

.btnLogin {
    border-radius: 0px !important;
}

@media (max-width: 801px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */
    .divHeadLogin {
        visibility: hidden;
    }
}
/* End of STYLE Button Registrasi di page Customer*/

/* QR Code Reader style*/
.qrcode-text-btn {
    display: inline-block;
    background: url(../../../images/icon_qr.svg) 50% 50% no-repeat;
    height: 1em;
    width: 1.7em;
    cursor: pointer
}

.qrcode-text-btn > input[type=file] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0
}
/* End of QR Code Reader style*/

/* Detail datatable dropdown style */
td.details-control {
    background: url('../../../Files/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../../../Files/details_close.png') no-repeat center center;
}
/* End of Detail datatable dropdown style */


@-webkit-keyframes pulseSubmit {
    0% {
        background-color: #68cefd;
    }

    50% {
        background-color: #0279b1;
    }

    100% {
        background-color: #68cefd;
    }
}

@keyframes pulseSubmit {
    0% {
        background-color: #68cefd;
    }

    50% {
        background-color: #0279b1;
    }

    100% {
        background-color: #68cefd;
    }
}