@font-face {
    font-family: amiri;
    src: url(font/Amiri-Regular.ttf);
  }
  @font-face {
    font-family: amiri-bold;
    src: url(font/Amiri-Bold.ttf);
  }

/* sider navbar css over write start */
.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.selected > a, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.selected > a {
    color: #fff;
    font-weight: 700;
}
.sidebar.sidebar-style-2 .nav .nav-item .selected > a {
    background: rgba(199,199,199,.2);
}
/* sider navbar css over write end */


/* bootstrap modal customize start */
.modal-content {
    background: #202940;
}
.modal-header {
    border-bottom: 1px solid rgba(181,181,181,.1)!important;
}
.modal-content .close {
  color: #fff;
}
.modal-content .close:not(:disabled):not(.disabled):focus, .modal-content .close:not(:disabled):not(.disabled):hover {
    color: #fff;
}
.modal-footer {
    border-top: 1px solid rgba(181,181,181,.1)!important;
}
/* bootstrap modal customize end */



/* bootstrap modal nic edit customize start */
.modal-content .nicEdit-main {
    height: 400px !important;
    width: 100% !important;
    overflow-y: scroll !important;
}
/* bootstrap modal nic edit customize end */


/* bootstrap form control customize start */
.form-control[readonly] {
    background-color: #1a2035 !important;
    border-color: #2f374b !important;
}
/* bootstrap form control customize start */


/* image table preview for dropzone edit form start */
#imgtable .trdb {
    display: inline-block;
    position: relative;
    margin-right: 15px;
}

#imgtable .trdb button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 5px;
}

#imgtable .trdb td {
    padding: 0px !important;
}
/* image table preview for dropzone edit form end */
/* add by diab */
:root {
    --main-color: #F2F4F4;
  }

.modal-footer>:not(:last-child) {
    margin-right: 0!important;
}
.modal-footer{
    justify-content: space-between;
}
.edit_pages .modal-footer {
    justify-content: center;
}
.edit_pages .modal-footer button {
    padding: 0.6rem 4.9rem;
}
.form-group{
    margin-bottom: 0!important;
}

.sidebar[data-background-color=dark2] .nav>.nav-item a {
    direction: rtl;
    font-family: 'amiri';
}
.sidebar .nav>.nav-item a p, .sidebar[data-background-color=white] .nav>.nav-item a p {
    font-size: 17px!important;
    font-family: 'amiri-bold';

}
.sidebar[data-background-color=dark2] .user .info a>span{
    font-family: 'amiri';
}
.info span {
    font-family: 'amiri-bold';
}

.sidebar .nav>.nav-item a .expenses .caret, .sidebar[data-background-color=white] .nav>.nav-item a .expenses .caret {
    margin-left: auto;
    margin-right: 15px;
    transition: all .5s;
    color: #8d9498;
}
.expenses{
    color: #b9babf!important;

}
.nav_exp span{
    color: #b9babf!important;

}
.sidebar .nav_exp, .sidebar[data-background-color=white] .nav_exp {

    border-bottom: 1px solid #d2d6dc;
}
.modal-header .close {
    margin: -1rem -1rem -1rem 0!important;
}
.modal-title{
    color: white;
    font-size: 25px;
}
 .modal-body .form-check label,.modal-body .form-group label{

    color: white!important;
}
.btn-footer {
    background:#f25961!important;
    border-color: #f25961!important;
    color: white!important;
}
.container{
    background-color: white;
    padding: 2% 3%;
    border: 1px solid #8d9498;
}
.logo-header .logo {
    color: #575962;
    height: auto!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    font-family: 'amiri-bold';
}

.sidebar .nav>.nav-item a i, .sidebar[data-background-color=white] .nav>.nav-item a i {
    color: black;
    margin-right: 0!important; 
    width: 34px!important;
    text-align: right!important;

}
.main-panel {
    /* background-image: url(/img/te2.jpg); */
    background-size: cover;
    background-position: center;
}
.main-header{
    background-color:var(--main-color)!important;
}
.logo-header[data-background-color=dark2] {
    background: var(--main-color)!important;
}
.navbar-header[data-background-color=dark] {
    background: var(--main-color)!important;
}
.sidebar[data-background-color=dark2] {
    background: var(--main-color)!important;
}
.back{
    border: 1px solid gray;
    margin-right: 7px;
    
}
.back:hover{
    background-color: #1572e8;
    color: white;
    border-color: #1572e8 ;
}
.x-scroll{
    overflow-x: scroll;
}
.logo-header[data-background-color] .navbar-toggler .navbar-toggler-icon {
    margin-top: 36px;
}

.numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-stats .col-stats{
    justify-content: center;
}
p.card-category {
    font-family: 'amiri-bold'!important;
    font-size: 20px;
}
h4.card-title {
    font-family: 'amiri';
    font-size: 24px;
}
.container>h1{
    font-family: 'amiri-bold';
}
.table thead th {
    font-weight: bolder;
    font-family: 'amiri-bold';
    text-align: center;
    font-size: 18px;
}
.table tbody td {
    font-family: 'amiri';
    font-size: 16.5px;
}



/* leen */
@media screen and (max-width: 991px){
.page-inner {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
   }

   .scroll-lef::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #3f83f8;
    box-shadow: inset 0 0 6px rgb(21 114 232);
}
.scroll-lef::-webkit-scrollbar:horizontal {
    height: 10px;
}
.scroll-lef {
    overflow-x: scroll;
    margin-bottom: 25px;
}
.scroll-lef::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}
.scroll-lef::-webkit-scrollbar {
    width: 10px;
}   
.btn-success {
    width: 65px;
} 
.btn-danger {
    width: 65px;
}
.serach-btn {
    display: flex;
    align-items: center;
    padding: 8px;
    margin-right: 8px;
}
.searchForm {
    margin-bottom: 25px;
    border-bottom: 1px solid #1572e8;
    padding-bottom: 5px;
}
.searchForm .fa-search{
    padding-left: 6px;

}
.searchP label {
    margin-left: 9px;
}

@media screen and (max-width: 767px){
    .searchP{
        width: 50%;
    }
    .serach-btn{
        margin: 0 auto;
        width: 200px;
        justify-content: center;
        align-items: center;

    }
    .dashTitle{
        text-align: center;
    }
    .table thead th {
        font-size: 15px;
    }
    .logo-header{
        padding-left: 50px!important;
    }
}

.logo-header .navbar-toggler{
    position: absolute!important;
    left:20px;
    top: -18px;
}