.box,
.login-box-body {
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.3)
}
.box-s {
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.6)
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 4px !important;
}
@media (min-width: 992px) {
    .modal-lg {
        width: 85% !important;
    }
    .modal-md {
        width: 65% !important;
    }
}
.bg-blue-light {
    border-color: #3c8dbc;
}

.bg-purple-light {
    border-color: #605ca8;
}

.bg-green-light {
    border-color: #00a65a;
}

.bg-red-light {
    border-color: #dd4b39;
}

.bg-yellow-light {
    border-color: #f39c12;
}

.bguser-blue-light{ background-color: rgba(60, 141, 188, 0.3); }
.bguser-purple-light{ background-color: rgba(96, 92, 168, 0.3); }
.bguser-green-light{ background-color: rgba(0, 166, 90, 0.3); }
.bguser-red-light{ background-color: rgba(221, 75, 57, 0.3); }
.bguser-yellow-light{ background-color: rgba(243, 156, 18, 0.3); }

.btn-blue-light{border-color: #3c8dbc!important; background-color: #3c8dbc !important;}
.btn-purple-light{border-color: #605ca8!important; background-color: #605ca8 !important;}
.btn-green-light{border-color: #00a65a!important; background-color: #00a65a !important;}
.btn-red-light{border-color: #dd4b39!important; background-color: #dd4b39 !important;}
.btn-yellow-light{border-color: #f39c12!important; background-color: #f39c12 !important;}

.btn-blue-light,
.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a{
    background-color: #3c8dbc;
    color: #f9fafc;
}

.btn-purple-light,
.skin-purple-light .sidebar-menu>li:hover>a,
.skin-purple-light .sidebar-menu>li.active>a{
    background-color: #605ca8;
    color: #f9fafc;
}

.btn-green-light,
.skin-green-light .sidebar-menu>li:hover>a,
.skin-green-light .sidebar-menu>li.active>a{
    background-color: #00a65a;
    color: #f9fafc;
}

.btn-red-light,
.skin-red-light .sidebar-menu>li:hover>a,
.skin-red-light .sidebar-menu>li.active>a{
    background-color: #dd4b39;
    color: #f9fafc;
}

.btn-yellow-light,
.skin-yellow-light .sidebar-menu>li:hover>a,
.skin-yellow-light .sidebar-menu>li.active>a{
    background-color: #f39c12;
    color: #f9fafc;
}

/* data table */
.pagination li>a {
    padding: 3px 7px !important;
}
.table>thead>tr>th{
    vertical-align: middle;
}
.table>tbody>tr>td{
    vertical-align: middle;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.text-footer{font-size: 11px; color: #0000009f !important;}

.p-0 {padding: 0px;}
.p-1 {padding: 1px;} .p-2 {padding: 2px;}
.p-3 {padding: 3px;} .p-4 {padding: 4px;}
.p-5 {padding: 5px;} .p-6 {padding: 6px;}

.m-0 {margin: 0px;}
.m-1 {margin: 1px;} .m-2 {margin: 2px;}
.m-3 {margin: 3px;} .m-4 {margin: 4px;}
.m-5 {margin: 5px;} .m-6 {margin: 6px;}

.pt-0 {padding-top: 3px;}
.pt-1 {padding-top: 10px;} .pt-2 {padding-top: 15px;}
.pt-3 {padding-top: 20px;} .pt-4 {padding-top: 25px;}
.pt-5 {padding-top: 30px;} .pt-6 {padding-top: 35px;}

.pb-0 {padding-bottom: 3px;}
.pb-1 {padding-bottom: 10px;} .pb-2 {padding-bottom: 15px;}
.pb-3 {padding-bottom: 20px;} .pb-4 {padding-bottom: 25px;}
.pb-5 {padding-bottom: 30px;} .pb-6 {padding-bottom: 35px;}

.pl-0 {padding-left: 3px;}
.pl-1 {padding-left: 10px;} .pl-2 {padding-left: 15px;}
.pl-3 {padding-left: 20px;} .pl-4 {padding-left: 25px;}
.pl-5 {padding-left: 30px;} .pl-6 {padding-left: 35px;}

.pr-0 {padding-right: 3px;}
.pr-1 {padding-right: 10px;} .pr-2 {padding-right: 15px;}
.pr-3 {padding-right: 20px;} .pr-4 {padding-right: 25px;}
.pr-5 {padding-right: 30px;} .pr-6 {padding-right: 35px;}

.mt-0 {margin-top: 3px;}
.mt-1 {margin-top: 10px;} .mt-2 {margin-top: 15px;}
.mt-3 {margin-top: 20px;} .mt-4 {margin-top: 25px;}
.mt-5 {margin-top: 30px;} .mt-6 {margin-top: 35px;}

.mb-0 {margin-bottom: 3px;}
.mb-1 {margin-bottom: 10px;} .mb-2 {margin-bottom: 15px;}
.mb-3 {margin-bottom: 20px;} .mb-4 {margin-bottom: 25px;}
.mb-5 {margin-bottom: 30px;} .mb-6 {margin-bottom: 35px;}

.ml-0 {margin-left: 3px;}
.ml-1 {margin-left: 10px;} .ml-2 {margin-left: 15px;}
.ml-3 {margin-left: 20px;} .ml-4 {margin-left: 25px;}
.ml-5 {margin-left: 30px;} .ml-6 {margin-left: 35px;}

.mr-0 {margin-right: 3px;}
.mr-1 {margin-right: 10px;} .mr-2 {margin-right: 15px;}
.mr-3 {margin-right: 20px;} .mr-4 {margin-right: 25px;}
.mr-5 {margin-right: 30px;} .mr-6 {margin-right: 35px;}

.modal-content{
    border-radius: 8px !important;
}