@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic&display=swap');


body, html {
    color: #252525;
    font-size: 15px;
}

.breadcrumb {
    font-size: 14px;
}
.btn {
    font-size: 15px;
}
[dir="rtl"] .page-title {
    padding-right: 0;
}
.form-control {
    height: 40px !important;
}
.select2-container--default .select2-selection--single{
    height: 40px !Important;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn, .input-sm {
    height: 40px;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 1.7;
}
.dataTables_wrapper .dataTables_filter input {
    margin-right: 0.5em;
    margin-left: 0;
}
div.dataTables_length select {
    height: 40px;   
}
.voyager .side-menu .navbar-header {
    background: #6d0e0f !important;
    border-color: #5c0001 !important;
}
.voyager .side-menu.sidebar-inverse .navbar {
    background-color: #5c0001 !important;
}
.voyager .side-menu.sidebar-inverse .navbar li>a:hover {
    color: #fff !important;
    background: #490001 !important;
}
.voyager .side-menu .navbar li>a {
    color: #ffffff !important;
}
.voyager .side-menu.sidebar-inverse {
    background: #400000 !important;
}
.login-button, .bar:before, .bar:after {
    background: #6d0e0f !important;
}

.voyager .pagination .active span, .voyager .pagination .active>a, .voyager .pagination .active>a:focus, .voyager .pagination .active>a:hover, .voyager .pagination .active>span:focus, .voyager .pagination .active>span:hover {
    background-color: #6d0e0f !important;
    border-color: #5c0001 !important;
}





.btn-link, .checkbox-inline, .checkbox label, .radio-inline, .radio label, label {
    font-weight: 500;
}

.table {
    color: #000000;
}

.table>tfoot>tr>th, .table>thead>tr>th {
    font-weight: 500;
    color: #000000;
}
.voyager .alert.alert-theme {
    background-color: #49b97f;
    color: #fff;
    border-color: #35a76c;
}
.btn.btn-theme {
    color: #fff;
    opacity: .9;
    background: #49b97f;
    border: 0;
    border-radius: 3px;
}
.voyager .side-menu .navbar-header{
    background: #222222;
    border-color: #222222;
}
.voyager .btn.btn-success {
    background: #49b97f;
    opacity: 1;
}
body.login .login-button{
    opacity: .9;
    text-transform: capitalize;
}
.btn.btn-primary {
    background: #5c0001;
}
.page-title {
    color: #5c0001;
}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-4{margin-left:1rem}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-4{margin-right:1rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.custom-page-content * {
    line-height: 2rem;
}
.custom-page-content .panel-heading{
    padding:12px;
}
.panel-heading+.panel-body {
    padding-top: 15px;
}
.container-balance{
    max-width: 1000px; margin:20px auto 0 auto;
}
.container-balance .panel-dark>.panel-heading {
    background-color: #49b97f;
    padding: 7px;
    border-bottom: 2px solid #1d9155;
}
.container-balance .panel-dark>.panel-heading a{
    color:#fff;
}
.container-balance a:focus, .container-balance a:hover {
    text-decoration: none !important;
}
input#schedule_datetime{height:44px}
.modal#formResult button.close {font-size: 3rem;}
.modal#formResult .modal-title {line-height: 3rem;color:#00a323;}
.modal#formResult .modal-body-success {line-height: 2rem; font-weight: 600;margin-bottom: 1rem}
.modal#formResult .modal-dialog .modal-header {
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
}
.voyager .btn-group-sm>.btn.btn-info, .voyager .btn.btn-sm.btn-info {
    background: #3f51b5;
}
.voyager .btn-info, .voyager .btn-dark {
    border: 0;
    border-radius: 3px;
}
.navbar-brand {
    font-size:13.5px;
}
.panel.widget h4 {
    font-size: 18px;
}
a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: auto;
    opacity: 0.5 !important;
}
.ps__rail-y{display: none !important;}

.language-selector {
    float: left !important;
}