@font-face {
    font-family: 'Yekan';
    src: url('../fonts/Yekan.woff') format('woff'),
        url('../fonts/Yekan.woff2') format('woff2'),
        url('../fonts/Yekan.ttf') format('ttf'),
        url('../fonts/Yekan.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: Yekan !important;
    direction: rtl !important;
    background-image: url('../img/pic4.jpg') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
}
jdp-container {
    z-index: 10000 !important;
}
/* home page*/
#main-content .container{
    background-color: #EBD9B4 !important;
    padding: 5px 40px 20px 40px;
    margin-top: 40px;
    margin-bottom: 40px;
    opacity: 0.9;
    border-radius: 5px;
}
.welcome-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #E8E4BD;
    background-color: #E8E4BD;
    opacity: 0.8;

}
.card-header {
    border: none;
}
/* login form */
.login-container {
    background-color: #F9EFDB;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.login-card {
    font-size: 15px;
    padding: 2rem;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.btn-login{
background-color: #EBD9B4 !important;
}
.login-card .btn-link{
font-size: 13px !important;
}
.login-card .form-control {
    border-radius: 0.5rem;
    border: solid 1px #EBD9B4;
}
.login-card #remember{
    border-radius: 0.1rem;
    border: solid 3px #EBD9B4;
}
/* dash-navbar */
.dash-navbar{
    background-color: #F9EFDB;
    border-bottom: 1px solid #EBD9B4;
    box-shadow: 1px 1px 10px #EBD9B4;

    color: #304242;
}
.badge{
    background-color: #EBD9B4; 
    color: #304242;
}
.badge-title{
    background-color: #F9EFDB;
    padding: 15px;
    margin: 10px;
    font-size: 20px;
}
.btn-logout{
    background-color: #EBD9B4 !important; 
    color: #304242;
}
/* sidebar */
#sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F9EFDB;
}
#sidebar ul {
    width: 100%;
    padding: 0;
}
#sidebar li {
    width: 100%;
    list-style: none;
    text-align: right;
}
#sidebar img.logo {
    max-width: 100%;
    height: auto;
}
.sidebar-controller{
    color: #304242;
    float: left;
}
#sidebar ul li{
    list-style: none;
    background-color: #EBD9B4;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
}
#sidebar ul li a{
text-decoration: none;
color: #304242;
}
.fa-icon{
    font-size: 25px;
}
/* dashboard */
.dashboard-content{
    min-height: 100vh !important;
    padding: 40px !important;
}
.dasboard-btn{
    background-color: #F9EFDB;
    color: #304242;
    width: 30vh;
}
.dasboard-btn .fa-icon{
    font-size: 15px;
}
.img-dashboard {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border: solid 5px #F9EFDB;
    border-radius: 5px;
}
.rect-img-dashboard {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: solid 5px #F9EFDB;
    border-radius: 5px;
}
/* tables */
#info-table{
    border: 1px solid #EBD9B4 !important;
}
.foba-row{
    background-color: #F9EFDB;
}
.btn-submit-form{
    background-color: #EBD9B4 !important;
    color: #304242;
}
#info-table_filter label input{
    background-color: #F9EFDB !important;
    border: none !important;
}
#info-table_filter,#info-table_length label select,.buttons-print,.paginate_button,#info-table_info, .buttons-excel{
    background-color: #F9EFDB !important;
    border: 3px solid #EBD9B4 !important;
    border-radius:0.5rem !important;
    padding: 5px;
    margin-bottom: 5px;
}
#info-table_info{
    margin-top: 5px;
}
.dt-search label{
    display: none !important;
}
.dt-paging-button.current{
    background-color: #F9EFDB !important;
    border: 3px solid #EBD9B4 !important;
    border-radius:0.5rem !important;
}
.fa-archive{
    color: #304242;
}
.fa-edit{
    color: #304242;
}
table.dataTable > tbody > tr.odd{
    background-color: #F9EFDB !important;
}
table.dataTable > tbody > tr.even{
    background-color: #EBD9B4 !important;
}
/* modal-dialog */
.modal-dialog .btn{
    background-color: #EBD9B4 !important;
    color: #304242;
    border: none;
}
.form-select{
    padding: 11px;
}
thead,tfoot{
    background-color: white;
}