:root{
    /*--primary:#076931;
	#F7F5F3
#1DAA61
#E4E2E0
#A4A3A1
#090909
#FFFFFF

	#04441f
	
	*/
    --primary: linear-gradient(135deg, #134e5e, #076b32);
    --primary2: linear-gradient(135deg, #076b32, #134e5e);
    --bg:#f4f6f9;
    --card:#fff;
    --text:#333;
    --icon-bg:#35726a;
    --icon-txt:#fff;
}

@font-face {
  font-family: 'Tajawal';
  src: url('fonts/Tajawal-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Tajawal';
  src: url('fonts/Tajawal-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Tajawal';
  src: url('fonts/Tajawal-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Tajawal';
  src: url('fonts/Tajawal-Bold.ttf') format('truetype');
  font-weight: 700;
}

body.dark{
    --bg:#1e1e2f;
    --card:#2a2a3d;
    --text:#fff;
    --icon-bg:#fff;
     --icon-txt:#35726a;
}
body{
    margin:0;
    font-family:'Cairo',sans-serif;
    background:var(--bg);
    color:var(--text);
    transition:.3s;
    overflow-x:hidden;
}

/* ===== Overlay (Mobile) ===== */
.overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    pointer-events:none;
    transition:.3s;
    z-index:900;
}
.overlay.show{
    opacity:1;
    pointer-events:auto;
}

/* ===== Sidebar ===== */

.flex {
  display: flex;
}
.h-16 {
  height: 4rem;
}
.w-16 {
  width: 4rem;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.rounded-full {
  border-radius: 9999px;
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.h-12 {
  height: 3rem;
}
.w-12 {
  width: 3rem;
}
#sideTitle{margin-right:10px;text-align:center;transition:0.9s all;}

.sidebar{
    position:fixed;
    top:0;
    right:0;
    width:260px;
    height:100vh;
    background:var(--primary);
    color:#fff;
    transition:.35s ease;
    z-index:1000;
}
.sidebar a{color:#fff;text-decoration:none}

.sidebar.collapsed{
    width:80px;
}

/* Mobile */
@media(max-width:768px){
    .sidebar{
        right:-260px;
        width:260px;
    }
    .sidebar.open{
        right:0;
    }
    .sidebar.collapsed{
        width:260px;
    }
}

/* Header inside sidebar */
.sidebar-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 10px;
}
.close-btn{
    font-size:22px;
    cursor:pointer;
    display:none;
}
@media(max-width:768px){
    .close-btn{
        display:block;
    }
}

/* Search */
.search-box{
    padding:0 15px 15px;
}
.search-inner{
    background:#fff;
    border-radius:8px;
    display:flex;
    align-items:center;
    padding:6px 10px;
    gap:8px;
}
.search-inner input{
    border:none;
    outline:none;
    width:100%;
}
.sidebar.collapsed .search-box{
    display:none;
}
@media(max-width:768px){
    .sidebar.collapsed .search-box{
        display:block;
    }
}

.search-inner{background:none}
/* Menu */
.sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
	transition:0.9s all;
}
.sidebar li {
  padding: 7px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
 
}

.sidebar >ul>li {
  
  border-bottom: 1px solid #557964;
  transition:0.3s all;
}
.sidebar li:hover{
    background:rgba(255,255,255,.15);
}

.sidebar >ul>li:hover{
    /*border-right:5px solid #fff*/
}

.sidebar.collapsed li span{
    display:none;
}
@media(max-width:768px){
    .sidebar.collapsed li span{
        display:inline;
    }
}

/* Tooltip (Desktop only) */
.sidebar.collapsed li::after{
    content:attr(data-title);
    position:absolute;
    right:90px;
    background:#000;
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    font-size:14px;
    opacity:0;
    white-space:nowrap;
    transition:.3s;
}
.sidebar.collapsed li:hover::after{
    opacity:1;
}
@media(max-width:768px){
    .sidebar.collapsed li::after{
        display:none;
    }
}

/* Submenu */
.has-submenu{
    flex-direction:column;
    align-items:flex-start;
}
.submenu-header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.submenu{
    max-height:0;
    overflow:hidden;
    width:100%;
    padding-right:25px;
    transition:max-height .3s ease;
}
.has-submenu.open .submenu{
    max-height:500px;
	
}
.submenu li{
    padding:10px 20px;
    font-size:14px;
	 transition:0.5s all;
}

/* ===== Main ===== */
.main{
    margin-right:260px;
    padding:20px;
    transition:.35s;
	border-top: 5px solid #116340;
}
 .main-toggle{margin-right:260px !important}
.sidebar.collapsed ~ .main{
    margin-right:80px;
}
@media(max-width:768px){
    .main{
        margin-right:0;
    }
    .main-toggle{margin-right:0px !important}
}

/* ===== Header ===== */
.header{
    /*background:var(--card);*/
    background:var(--primary2);
    color:#fff;/*new*/
    padding:15px 20px;
    border-radius:10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.toggle-btn{
    font-size:22px;
    cursor:pointer;
}
.user{
    position:relative;
    cursor:pointer;
}
.user img{
    width:40px;
    border-radius:50%;
}
.dropdown{
    display:none;
    position:absolute;
    top:55px;
    left:0;
    background:var(--card);
    width:180px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
	z-index: 9;
}
.dropdown a{
    display:block;
    padding:12px;
    text-decoration:none;
    color:var(--text);
}
.dropdown a:hover{
    background:rgba(0,0,0,.05);
}
.user.active .dropdown{
    display:block;
}


/* ===== Cards ===== */
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin-top:25px;
}

 .card {
            background: var(--card);
            padding: 25px;
            border-radius: 15px;
            position: relative;
            overflow: hidden;
           
            animation: slideUp .8s ease;
            transition: .3s;
        }
		
.card,.card-table{
    background:var(--card);
    padding:20px;
    border-radius:15px;
    transition:.3s all;
	width:100%;
	border:0
}

.card-title{color:var(--text);}
.card-d:hover{
	 cursor: pointer;
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}
.card i,.card-table i{
    font-size:35px;
    color:var(--primary);
}

.card a,.card-table a{
    text-decoration:none;
	color:var(--text);
}

 

        .card i {
            font-size: 35px;
            color: var(--primary);
        }

        .card h2 {
            margin: 10px 0 0;
			line-height:1.1em
        }

        @keyframes slideUp {
            from {opacity:0; transform:translateY(30px);}
            to {opacity:1; transform:translateY(0);}
        }

/* ===== Table ===== */
table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
    background:var(--card);
    border-radius:15px;
    overflow:hidden;
}
th,td{
    padding:15px;
    text-align:center;
}
thead>tr,.table  .table-light>tr{background:var(--primary2);}
th{
    /*background:var(--primary);*/
    color:#fff;
}
.table thead th{background:none !important;}
tbody>tr:hover{
    background:rgba(0,0,0,.05);
}
td{color:var(--text) !important;}
.table-secondary>th{color:#fff !important;}
.dt-length label,.dt-search label,.display-6{color:var(--text)}

tbody td {
  padding: 15px;
  font-size: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* ===== Cards New Style ===== */
.card {
    color: #fff;
    border-radius: 18px;
}

.card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-text h2 {
    font-size: 38px;
    margin: 0;
    text-align: center;
    font-weight: 700;
}

.card-text p {
    margin: 5px 0 0;
    font-size: 16px;
    opacity: 0.9;
}

.card-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-icon i {
    font-size: 26px;
    color: #333;
}

/* ===== Gradient Backgrounds ===== */

.card-d:nth-child(1) {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.card-d:nth-child(2) {
    background: linear-gradient(135deg, #134e5e, #71b280);
}

.card-d:nth-child(3){
    background: linear-gradient(135deg, #41295a, #2f0743);
}

.card-d:nth-child(4) {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}





#dt-search-0{color:var(--text);}
.page-body form{margin-bottom:10px;}
.text-twitter .icon{color: var(--icon-bg) !important;}
.text-twitter .icon:hover,.text-success .icon:hover{color: #298072 !important;stroke-width: 2.3;}
/*.text-end,.form-label,div.dt-container .dt-paging .dt-paging-button{color:var(--text)!important}*/

/*form>.card{border-bottom: 1px solid #0f584e;
  border-top: 1px solid #0f584e;}*/
  
  form>.card{ 
  box-shadow: 1px 1px 7px #a1a1a1;}

.m-0{color:#fff;}
.m-0:hover{color:#ddd;}
.table thead th{background:none; color:#fff;}

.table-sort.asc,.dt-column-order{color:#fff}

.table thead th .table-sort:hover{color:#ddd;}

/*button.dt-paging-button{background:#116340 !important;}*/
button.current{background:#0a5754a8 !important;color:#fff !important;}
/*button.dt-paging-button{color:#333 !important;}*/

button.w-60,.card-body form button,.btn-primary,.btn-success{background:var(--primary2); transition:0.3s all;color:#fff!important;border-radius: 5px;}
button.w-60:hover,.card-body form button:hover,.btn-primary:hover,.btn-success:hover,.d-flex .btn-secondary:hover{background:#298072;}

.custom-btn-warning,.custom-btn-primary{background:var(--primary2)!important; transition:0.3s all;color:#fff!important;border:0px;}
.custom-btn-warning:hover,.custom-btn-primary:hover{background:#0a5754a8 !important;color:#fff !important;}

.text-end label,.mt-3,.my-2,.dt-info,.card-body,.form-btn a{color:var(--text)!important;text-decoration: none;}
td a,.text-end a,.text-secondary-fg{color:rgb(6,111,209)!important;transition:all 0.5s;}
td a:hover{color:#298072 !important;font-weight:bold;}
.text-end a:hover,.text-secondary-fg:hover{color:#298072 !important;font-weight:bold;}


.stat-hint-sub{color:var(--text)!important;}
.legend-btn{color: #fff!important;
  padding: 10px!important;
  border-radius: 10px;
}
.btn-outline-dark,.btn-outline-secondary{color:#fff;}

.report-table thead tr{background:none !important;}

table.report-table tfoot td{color:#333 !important}
.report-table  th,.btn-light{color:#333 !important;}
.report-table .total-col,.form-text{color: var(--text) !important;}

.report-header div{color: var(--text) !important;}

.summary-card {
  background: var(--bg)!important;
  color: var(--text)!important;
  border-top:1px solid #a1a1a1;
}

.filter-card {
  background: var(--bg)!important;
  color: var(--text)!important;
}

.div-custom{border-radius: 50%;
 
    background: var(--icon-bg) !important;
}
.div-custom i{color:var(--icon-txt);font-size: 45px;}

.card-header{background: var(--bg)!important;
  color: var(--text)!important;}
  
  
.table-striped tbody .table-danger td{color:#333!important;}

.table-striped > tbody > tr:nth-of-type(2n) > * {
  color:#333!important;
}

.no-print a:not(.btn-light,a.text-primary){padding: 6px;
color:#fff!important;
  background: #0b6142;
  border: 1px solid #0b6142;
  }
.no-printa a:not(.btn-light):hover{font-weight: bold;}


 
.text-center .border-dark{
    color: var(--text) !important;border-color: var(--text) !important;}
  
form .btn-danger{background:#cb2626!important;}
.btn-danger:hover{background:#9d0808!important;}

t{color:var(--text)!important;text-decoration: none!important;}
.text-secondary-fg:hover{font-weight:bold;text-decoration: none!important;}

fieldset .row-cards{margin:auto;}
.form-btn>.btn-pill{color:#fff!important;}
.text-primary,.d-flex .form-check-label{color:var(--text)!important;}

.table-title-bar{background: var(--primary2)!important;}

/*monthly_declarations*/
.btn-group > .btn{
 
  padding: 5px;
  background: #105554;
  color: #fff !important;
}
.btn-group > .btn:hover{
 
  padding: 5px;
  background:#fff ;
  color:#105554  !important;
  border:1px solid #105554;
}


.table tbody tr:nth-child(2n+1){background:none!important;}

.card-footer nav a,.card-footer nav span,.card-footer nav p{color:#333!important;}

.text-secondary,.form-control{font-weight:bold;}
.bg-transparent{background:var(--card)!important;}
.user .text-secondary{color:#cac0c0 !important}
/*/home/curelive/public_html/resources/views/dashboard/pending_insures/index_for_entity.blade.php*/

.add-btn{padding:10px;font-size:14px;}
 .d-flex .btn-secondary{
 
  padding: 10px;
  background: #105554;
  color: #fff !important;
}

.page-body form,.insures{background:var(--bg)!important;}

/*Nav Bar*/
.sidebar{
    display:flex;
    flex-direction:column;
   
}

/* منطقة الروابط */
.sidebar-menu{
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;
     font-weight: bold;
}

/* سكرول ناعم */
.sidebar-menu{
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.5) transparent;
}

/* Webkit */
.sidebar-menu::-webkit-scrollbar{
    width:6px;
}
.sidebar-menu::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.4);
    border-radius:10px;
}
.has-submenu.open .submenu{
    max-height:100vh;
}

.sidebar-menu{
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;

    /* إخفاء السكرول */
    scrollbar-width:none;        /* Firefox */
    -ms-overflow-style:none;     /* IE / Edge */
}

.sidebar-menu::-webkit-scrollbar{
    display:none;                /* Chrome / Safari */
}

.sidebar li.active{
    background:rgba(255,255,255,.25);
}

.sidebar li.active i{
    color:#fff;
}

.submenu li.active{
    font-weight:700;
}
.sidebar >div> ul > li {
  border-bottom: 1px solid #557964;
  transition: 0.3s all;
}

/*Nav Bar*/

.btn-pill{
padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
}