html, body {
	position: relative;
	width: 100%;
	height: 100%;
	padding-left:10px;
	font-family: 'inter', sans-serif;
	background-color: var(--billing-page-bg, #f1f3f7);
}
/* 
body {
	color: #333;
	margin: 0;
	padding: 0;
} */

/* body {
	font-size: .875rem;
  }
   */
  /* .feather {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
  } */
  
  /*
   * Sidebar
   */
  
  .sidebar {
	/* position: fixed; */
	top: 0;
	bottom: 0;
	left: 0;
/*	z-index: 100;  Behind the navbar */
	padding: 0;
	/* box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); */
	 background-color:#fcfcfd !important;
  }
  
  .sidebar-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 48px; /* Height of navbar */
	height: calc(100vh - 72px);
	/*padding-top: .5rem;*/
	padding-top:10px;
	overflow-x: hidden;
	/* max-width: 240px; */
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	 background-color:#0909be !important;
  }
  
  /* .sidebar .nav-link {
	font-weight: 500;
	color: #333;
  }
  
  .sidebar .nav-link .feather {
	margin-right: 4px;
	color: #999;
  }*/
  
  /* .sidebar .nav-link.active {
	color: #007bff;
  } */
  /*
  .sidebar .nav-link:hover .feather,
  .sidebar .nav-link.active .feather {
	color: inherit;
  } */
  
  .sidebar-heading {
	font-size: .75rem;
	text-transform: uppercase;
  }
  
  /*
   * Navbar
   */
  
  /* .navbar-brand {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: 1rem;
	/* background-color: rgba(0, 0, 0, .25); 
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
  } */
      
  /*
   * Utilities
   */
  .border-top { border-top: 1px solid #e5e5e5; }
  .border-bottom { border-bottom: 1px solid #e5e5e5; }

  .bg-black {
	background-color: #080808;
   }
   
   .toast-container {
	   z-index: 2060 ! important;
   }

.risk-v {
	background-color: #d8292e;
	color: whitesmoke;
}
.risk-h {
	background-color: #ffa500;
}
.risk-m {
	background-color: #f8ea49;
}
.risk-l {
	background-color: #00833f;
	color: white;
}

.app-title{
	background: #009644;
	width: fit-content;
	padding: 8px 20px;
	border-radius: 20px;
	color: white;
	margin-bottom: 15px;
}

.app-title img{
	margin-top: -5px;
}

.app-title span{
	font-size: 16px;
}

.login-btn {
	background: #8000FF;
}
.login-bg{
	background: url('./assets/bg.jpg') no-repeat center center fixed;
	overflow: scroll;
}

.gradient-box {
 background-image: linear-gradient(to right, #005a28, #008a3e); 
 width: 100%;
    height: 48px;
    color: white !important;
    text-align: left;
    /* padding-top: 50px; */
    box-sizing: border-box;
	padding-left:15px;
	padding-top:15px;
	border-radius:12px;
	margin-top:15px;
	font-size: 14px;
	font-family:inter;
	font-style: semi-bold;
  }
  .h4class{
	 font-size: large;
  }
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  --billing-page-bg: #f1f3f7;
  --billing-card-bg: #f8fafb;
  --billing-accent: #005626;
  --billing-success: #00893d;
  --billing-card-radius: 20px;
  --billing-card-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  --billing-button-dark: linear-gradient(180deg, #1d1d1d 0%, #060606 100%);
  --billing-button-dark-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
  --billing-progress-track: #e6e9f1;
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}



.clsTableHeader{
 font-size: 12px;
 font-style: bold;
 font-family:'inter', sans-serif !important;
 color:#000000;

} 
.clsFntsize{
	  font-size:12px;
	  font-family: 'inter', sans-serif !important;
	font-feature-settings: 'liga' 1, 'calt' 1;
	font-style: regular;
	font-weight: 400;
	color:#7D7D7D;
  }
  .clsFntsizeLarge{
	  font-size:15px;
	font-family: 'inter', sans-serif;
	font-feature-settings: 'liga' 1, 'calt' 1;
	font-style: semi-bold;
	font-weight: 600;
  }
  .bd-highlight {
	font-size: large;
  }
  .card {
	 background-color: transparent;
	 border:0px;
  }
  legend {
    	  font-size: medium;  
}
.classbox {
	
	 height:150px; background-color:#fff;  text-align:center;
	 border-radius:15px;
	 margin:10px;
	 margin-top:25px; margin-bottom: 25px;
	 width:100%;

	 display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;

}
.btnShadow{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.container {
   margin-top:15px;
 }

thead.clstblHead {
	color:oklch(83.098% 0.00256 47.291) !important;
	border-radius:15px;

	border-radius:12px;
  border:0px solid red; width:820px; background-color:#fff; text-align:  align-center; 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* A common, subtle shadow effect */
	
}
thead.clstblHead tr th {
	 background-color: #fcfcfd !important;
	
}
tbody.clstbody tr td {
	 background-color:transparent !important;
	 font-size:18px;
}
tbody.clstbody tr{
	 background-color:#fff !important;
	  border-bottom:1px solid #fff !important;
}
tbody.clstbody tr:nth-child(even){
	 background-color:#f8f9fa !important;
}
tbody.clstbody tr:nth-child(odd){
	 background-color:#f8f9fa !important;
}

tbody.clstbody td.cell{
	 background-color:#fff !important;
}
tbody.clstbody td:even{
	 background-color:#f8f9fa !important;
}
tbody.clstbody td a {
	 font-size: 18px;
}
.flex-container {
  display: flexbox;
  justify-content: center; /* Centers items horizontally */
  align-items: center; /* Centers items vertically */
  height: 200px; /* Example height for vertical alignment */
}

.bgwhite {
	background-color: #fff !important;
	border-radius:15px;
}
.clsNavHeader{
background-color: #151515 !important; height:78px; 
border-radius:16px;
margin-right:15px;

}
.clsCardBody{
background-color: #fff !important;
border-radius:16px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* A common, subtle shadow effect */

}
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: normal;
}
.imgplaceholder {

     /* background-image: url('../assets/placheholder.jpg'); */
     background-image: url('./public/assets/image_placheholder.png');
     width:35px;
     height: 35px;
     background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   }
   .EssentialC{
	  background-image: url('./public/assets/Essential-C.png');
	  height:660px;
       width:300px;

   }
   .EnterpriseC{
	 background-image: url('./public/assets/Enterprise-C.png');
   }
   .ProC{
	 background-image: url('./public/assets/Pro-C.png') ;
	  background-repeat: no-repeat;
	 width:257px;
	 height:646px;
   }
   .ManageEnterpriseC{
	 background-image: url('./public/assets/Manage-Enterprise-C.png');
	  background-repeat: no-repeat;
	 width:259px;
   }
    

  tbody td{
     font-size:12px;
   }
   tbody tr td a {
     font-size:12px;
     height:20px;
   }
   thead {
    box-shadow: none;
   }
   thead th{
       font-size:12px;
       font-style: medium;
       font-weight: 500;
       color:#484848;
       border:0px;
       box-shadow: none;
   }
 .table-responsive {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }