.btn-detail{
    cursor:pointer;
}
.btn-jalur{
    cursor:pointer;
}
.btn-verifikasi{
    cursor:pointer;
}
.btn.btn-icon.btn-warning.icon-white i {
    color:#FFFFFF !important;
}
.modal-content{
    border :0px;
}

.w-10{
    width: 10% !important;
}

.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}


.w-75 {
    width: 75% !important;
}
.pointer{
    cursor:pointer !important;
}

div.dataTables_wrapper div.dataTables_processing {
    border-color: #1E9FF2;
}
.white{
    color:white !important;
}

.height-30{
    height:30px !important;
}
.height-38{
    height:38px !important;
}

/*.dataTables_wrapper .dataTables_scroll {*/
/*margin: 0 !important;*/
/*}*/

/*.dataTables_info{*/
/*    padding:20px  !important;*/
/*}*/

/*.dataTables_paginate{*/
/*    padding:20px !important;*/
/*}*/

.card.card-custom.card-stretch.gutter-b {
    height: calc(100% - 25px);
}
.card.card-custom.card-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.card.card-custom {
    -webkit-box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
    box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
    border: 0;
}
.gutter-b {
    margin-bottom: 25px;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 20px;
}

.card-margin{
    margin-bottom: 24px;
}

.progress.progress-xs .progress-bar {
    border-radius: 0.28rem;
}

/* Smooth transition */
.btn[class*="btn-light-"]{
    transition: all .2s ease;
    font-weight: 600;
    border: 1px solid transparent;
}

/* PRIMARY */
.btn-light-primary{
    background-color: #E1F0FF;
    color: #3699FF;
}
.btn-light-primary:hover{
    background-color: #009EF7; /* solid primary */
    color: #ffffff;
}

/* SUCCESS */
.btn-light-success{
    background-color: #E8FFF3;
    color: #50CD89;
}
.btn-light-success:hover{
    background-color: #50CD89;
    color: #ffffff;
}

/* DANGER */
.btn-light-danger{
    background-color: #FFF5F8;
    color: #F1416C;
}
.btn-light-danger:hover{
    background-color: #F1416C;
    color: #ffffff;
}

/* WARNING */
.btn-light-warning{
    background-color: #FFF8DD;
    color: #FFC700;
}
.btn-light-warning:hover{
    background-color: #FFC700;
    color: #ffffff;
}

/* INFO */
.btn-light-info{
    background-color: #EEF6FF;
    color: #7239EA;
}
.btn-light-info:hover{
    background-color: #7239EA;
    color: #ffffff;
}

/* DARK */
.btn-light-dark{
    background-color: #EFF2F5;
    color: #181C32;
}
.btn-light-dark:hover{
    background-color: #181C32;
    color: #ffffff;
}

/* Optional modern effect */
.btn-light-primary,
.btn-light-success,
.btn-light-danger,
.btn-light-warning,
.btn-light-info {
    transition: all 0.2s ease;
}

.btn-light-primary:hover,
.btn-light-success:hover,
.btn-light-danger:hover,
.btn-light-warning:hover,
.btn-light-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.btn-light-primary,
.btn-light-success,
.btn-light-danger,
.btn-light-warning,
.btn-light-info {
    font-weight: 600;
    border-radius: 6px;
}

/* LIGHT Backgrounds */
.bg-light-primary { background-color: #EFF6FF; }
.bg-light-success { background-color: #E8FFF3; }
.bg-light-info    { background-color: #EEF6FF; }
.bg-light-warning { background-color: #FFF8DD; }
.bg-light-danger  { background-color: #FFF5F8; }
.bg-light-dark    { background-color: #EFF2F5; }

/* TEXT color to use with light backgrounds (optional helpers) */
.text-light-primary { color: #3699FF; }
.text-light-success { color: #50CD89; }
.text-light-info    { color: #7239EA; }
.text-light-warning { color: #FFC700; }
.text-light-danger  { color: #F1416C; }
.text-light-dark    { color: #181C32; }

/* Hover light background helpers */
.bg-hover-light-primary:hover  { background-color: #D1E9FF; }
.bg-hover-light-success:hover  { background-color: #C1EEE6; }
.bg-hover-light-info:hover     { background-color: #DDEBFF; }
.bg-hover-light-warning:hover  { background-color: #FFEEC6; }
.bg-hover-light-danger:hover   { background-color: #FFDBE3; }
.bg-hover-light-dark:hover     { background-color: #D6DCE2; }