@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
 --border: rgba(72,94,144,.16);
 --default: #ffffff;
 --border-d:#e1e5ed;
 --light-gray:#8392a5;
 --blue-t:#006b9d;
 --dark:#001737;
 --bg:#f4f8fb;
 --light-white:rgb(255 255 255 / 59%);
}

body,
.p-component {
  background: #f5f5ff;
  font-family: "DM Sans", sans-serif !important;
}

canvas {
  width: 100% !important;
  height: 100% !important;
}

header.theme-header nav {
 background: rgb(2,0,36) !important;
 background: linear-gradient(319deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 50%, rgb(2, 0, 36) 100%) !important;
  border-bottom: 1px solid var(--border-d);
}

header.theme-header nav .navbar-nav .nav-item .nav-link {
 padding: 0;
 display: flex;
 align-items: center;
 color: var(--light-white);
 text-transform: uppercase;
 font-weight: 500;
 font-size: 14px;
}
header.theme-header nav .navbar-nav .nav-item .nav-link i {
 color:var(--light-gray);
}
header.theme-header nav .right-sec-content .btn svg {
 color: var(--light-gray);
}

/* card */

.card{
 border: none !important;
 margin-bottom: 16px;

}

.card .card-header{
 background:var(--default);
 padding: 16px;
 padding-bottom: 0px;
 border-bottom: none;

}
.card .card-header h4{
 margin-bottom: 0px;
 text-transform: capitalize;
 font-weight: 500;
 font-size: 15px;
 letter-spacing: .5px;
 color:#020127;
 position: relative;
 margin-bottom: 0px;
 padding-bottom: 16px;
 border-bottom: 1px solid var(--border);

}

.card .card-header h4::before {

 content: "";
 position: absolute;
 left: 0;
 bottom: -1px;
 width: 30px;
 height: 1px;
 background: #006b9d;
 display: inline-block;

}


.card .card-body{
 padding: 16px;

}



/* Table */
.p-datatable .p-datatable-thead > tr > th {
 width: 100%;
 color:#020127;
 background-color:#eeeefa;
 font-weight: 600;
 font-size: 12px;
 font-family: "DM Sans", sans-serif !important;
 text-transform: uppercase;
 border: 1px solid  rgba(72, 94, 144, .16);
 padding: .571rem .857rem;
}

.p-datatable-tbody>tr>td {
padding: .571rem .857rem;
border: 1px solid  rgba(72, 94, 144, .16);
 color: #343434;
 font-size: 14px;
}
.p-datatable-tbody>tr>td .img-sec {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 4px;

}

/* Login */

.login-form {
  background-color: #fff;
  background-clip: initial;
  border: 1px solid rgba(72, 94, 144, .16);
  border-radius: .25rem;
  padding: 46px 20px;
}