.form-control.change-status option{background-color: #fff !important; color: #000;}



.app-menu.navbar-menu { background: #38563f;}

.app-menu.navbar-menu .navbar-brand-box{ background: #ffffff;padding: 13px 10px;}

.app-menu.navbar-menu .navbar-brand-box .logo-lg img{width: 200px;height: 85px;object-fit: contain;}

.app-menu.navbar-menu .navbar-nav .nav-link{color: #fff;}

.app-menu.navbar-menu .navbar-nav .nav-link.active {color: #c3eb95;}

.app-menu.navbar-menu .navbar-nav .nav-sm .nav-link.active{ color: #c3eb95;}

.page-content .bg-primary .avatar-title {background: #725cef;}

.page-content .bg-info .avatar-title {background-color: #64c3f7;}

.page-content .bg-danger .avatar-title {background-color: #ff9984;}

.page-content .bg-success  .avatar-title {background-color: #66f3aa;}

.head-logo img{ width: 200px;}

.form-head{justify-content: space-between;}


/* New css */

.pagination.listjs-pagination {
    margin-top:0 !important;
}

.camera-modal{background: #000000c9;}

.camera-modal #cameraStream {    width: 100%;
    height: 500px;
    border-radius: unset;
    object-fit: cover;
}

.camera-modal .modal-body{padding: 0;}


.camera-modal .modal-body::after{    position: absolute;
    content: "";
    height: 60px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: #000000a8;
}

.camera-modal .modal-dialog{ max-width: 400px;}

.camera-modal .modal-content {position: relative;    border: unset;    background: unset;}

.camera-modal .modal-header { position: absolute; top: 0; left: 0;   z-index: 2; background: #000000a8; width: 100%;    border-radius: unset;}

.camera-modal #captureBtn{    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -15%);
    z-index: 3;
    margin: 0 !important;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

.camera-modal .modal-title{color: #d8d8d8;}

.camera-modal .btn-close{filter: invert(1);}

/* Profile Capture */

#registercameraModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#registercameraModal>div {
    background: unset;
    padding: 0;
    border-radius: 8px;
    position: relative;
    max-width: 400px;
    width: 100%;
}


.profile-capture video{    width: 100%;
    height: 500px;
    border-radius: unset;
    object-fit: cover;
}

.profile-capture .cap-btn{      position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: #000000a8;
}

.profile-capture .btn.btn-danger{    position: absolute;top: 5px; right: 5px;}

.profile-capture .profile-capture{position: relative;}

.profile-capture .profile-capture::after{position: absolute;
    content: "";
    height: 60px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: #000000a8;
}

.profile-capture .btn.btn-success{    border-radius: 50%;
    width: 45px;
    height: 45px;    line-height: 10px;
}

#documents-container .document-row{    padding: 15px;
    margin-top: 15px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #ededed;    position: relative;
    padding-right: 60px;
}
#documents-container .document-row:nth-child(1){border-top: unset;}

#documents-container .document-row .remove-btn{position: absolute;right: 15px;top: 50%;  transform: translate(-50%, -50%);}

.modal-header.bg-primary.text-white.rounded-top-4{padding: 15px !important;}

.modal-header.commission-header{ padding: 15px !important;}