@charset "UTF-8";
/*!
* Start Bootstrap - SB Admin v7.0.5 (https://startbootstrap.com/template/sb-admin)
* Copyright 2013-2022 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
*/
/* @import url(data-tables.css); */
@import url(bootstrap.min.css);
@import url(animate.min.css);
@import url(all.min.css);
@import url(bootstrap-icons.min.css);
@import url(odometer.min.css);
@import url(stellarnav.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
html,
body {
    height: 100%;
    font-family: 'Noto Sans', sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
/*    background: #f5f8f9;*/
    font-size: 14px;
}
a, a:hover, a:focus {text-decoration:none;transition:0.4s ease;cursor:pointer}
h1, h2, h3, h4, h5, h6 {color:#020202}
h1 {font-size: 30px;margin-bottom: 3px;font-weight: 600;}
h2 {font-size:24px;}
h3 {font-size:10px;}
h4 {font-size:18px;}
h5 {font-size:15px; font-weight: 600;}
.font_500 {font-weight:500}
.font_600 {font-weight:600}
ul {padding: 0;margin: 0;list-style-type: none;}
/*.body_animation:before {
	position:fixed;content:'';
	left:30%; top:30%; 
	height:500px;width:100%; 
  filter: blur(calc(250px / 5));opacity:.1;
  background: linear-gradient(rgb(158, 82, 57, 85%), rgb(252, 82, 57));
  animation: rotate_circle 50s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
@keyframes rotate_circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

*/
.body_animation {position:relative ;
 animation: colorchange 50s; 
    animation-timing-function: ease-in-out; 
    animation-iteration-count: infinite; 
    animation-play-state: running;	
}

@keyframes colorchange { 
    0% { background: #fff6ed; } 
    10% { background: #ecfaff; } 
    20% { background: #fff8fc; } 
    30% { background: #fff6ed; } 
    40% { background: #fbfbfb; }
    50% { background: #f6f8ff; } 
    60% { background: #f5fff3; } 
    70% { background: #fbfff6; }
    80% { background: #fafdfc; }
    90% { background: #fcf5ff; }
    100% { background: #fff0f7; }
}

sup {font-weight: 700; color: #df0303;}
.theme_btn.line_btn{color: #fff;background:linear-gradient(to right, #09b59f 0%, #09b59f 51%, #1a685e 100%);letter-spacing: .5px;line-height: inherit;border-radius: 0; font-weight: 500;transition-duration: 0.3s;padding: 7px 20px;transition-timing-function: ease-in-out;font-size: 14px;border-radius: 5px;background-size: 200% auto;} .theme_btn.line_btn:hover {color: #fff;background-position: right center;}

.fixed-top, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav, .sb-nav-fixed .sb-topnav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

#layoutAuthentication {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutAuthentication #layoutAuthentication_content {
  min-width: 0;
  flex-grow: 1;
}
#layoutAuthentication #layoutAuthentication_footer {
  min-width: 0;
}

#layoutSidenav {
  display: flex;
}
#layoutSidenav #layoutSidenav_nav {
  flex-basis: 250px;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
  z-index: 1038;
  transform: translateX(-250px);
}
#layoutSidenav #layoutSidenav_content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  flex-grow: 1;
  /*min-height: calc(100vh - 56px);*/
  margin-left: -250px;
}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
  transform: translateX(0);
}
/*
.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1037;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
} */

@media (min-width: 992px) {
  #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
  }
  #layoutSidenav #layoutSidenav_content {
    margin-left: 0;
    transition: margin 0.15s ease-in-out;
  }

  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
    transform: translateX(-250px);
  }
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
    margin-left: -250px;
  }
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
    display: none;
  }
}
.sb-nav-fixed .sb-topnav {
z-index: 1039; background:#f4f9e6; padding: 10px 0 }
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
  width: 250px;
  height: 100vh;
  z-index: 1038;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
  padding-top: 90px;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
  overflow-y: auto;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
  padding-left: 250px;
  top: 90px;
}

#layoutError {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutError #layoutError_content {
  min-width: 0;
  flex-grow: 1;
}
#layoutError #layoutError_footer {
  min-width: 0;
}

.img-error {
  max-width: 20rem;
}
.f_icon {background: #fff;border-radius: 50%;}

.nav .nav-link .sb-nav-link-icon,
.sb-sidenav-menu .nav-link .sb-nav-link-icon {
  margin-right: 0.5rem;
}

.sb-topnav {
  padding-left: 0;
  /* height: 56px; */
  z-index: 1039;
}
.sb-topnav .navbar-brand {
  /* width: 225px; */
  margin: 0;
}
.sb-topnav.navbar-dark #sidebarToggle {
  color: #3a1500;    box-shadow: none;font-size: 20px;
}
.sb-topnav.navbar-light #sidebarToggle {
  color: #fff;
}

.sb-sidenav {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: nowrap;
}
.sb-sidenav .sb-sidenav-menu {
  flex-grow: 1;
}
.sb-sidenav .sb-sidenav-menu .nav {
  flex-direction: column;
  flex-wrap: nowrap;
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading {
  padding: 10px 1rem 0.75rem;
  font-size: 0.8rem;
  font-weight: bold;letter-spacing:2px;
  text-transform: uppercase; border-top: 0;margin-top: 10px;
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading:first-child {margin-top:0}

.sb-sidenav .sb-sidenav-menu .nav .nav-link {
  display: flex;
  align-items: center;
padding: 10px 15px;
  position: relative;     z-index: 1;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-nav-link-icon {
  font-size: 0.9rem;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-sidenav-collapse-arrow {
  display: inline-block;
  margin-left: auto;
  transition: transform 0.15s ease;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.collapsed .sb-sidenav-collapse-arrow {
  transform: rotate(-90deg);
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
   margin-left:0;
  flex-direction: column;margin-bottom: 0;
}
.sb-sidenav .sb-sidenav-footer {
  padding: 10px 10px;
  flex-shrink: 0;
}
.sb-sidenav-dark {
  background-color: #fff;
  color: rgba(255, 255, 255); border-right: 2px dashed #f7f7f7; 
}
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-heading {
  color: rgb(209 61 17);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link {color: #070707;font-weight:500; font-size: 15px;}
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-nested .nav-link {font-weight:400;padding: 5px 10px;font-size: 14px;line-height: 1.3;padding-left:25px;color: #020202;transition:0.4s ease;}

.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-nested .nav-link:after {
	position: absolute;
	font-family: bootstrap-icons;
    content: '\F234';
    font-size: 13px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 6px;left:10px; 
}
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-nested .nav-link:hover:after {content: '\F231';}

.sb-sidenav-dark .sb-sidenav-menu .nav-link[aria-expanded="true"] {background: #f4f9e6; }
 
.sb-sidenav-dark .sb-sidenav-menu .nav-link[aria-expanded="true"] .sb-nav-link-icon {color: #0049b7;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link[aria-expanded="true"]:hover {color:/*#e0261c*/}
 
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color:#0f4d8f;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
  color: #d13d11;
}
/*
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
  color: #079d43;  
  background: #f4f9e6;
}
*/
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
    /* color: #fff;   */
  background: #f4f9e6;
}
 
 
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
  color: #0049b7;
}
.sb-sidenav-dark .sb-sidenav-footer {
  background: #d13d11;    color: #dbebee;
    font-weight: 500;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover .sb-nav-link-icon {color: #d13d11;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {color: #fff;}
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-nested .nav-link:hover {background: #007a6f;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:before {
position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #3a1500;
    content: "";
    opacity: 0;
    transform: scale(0.5);
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover:before {
    opacity: 1.0;
    transform: scale(1.0);
}
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-nested .nav-link:before {background: #007a6f;}



.sb-sidenav-light {
  background-color: #f8f9fa;
  color: #212529;
}
.sb-sidenav-light .sb-sidenav-menu .sb-sidenav-menu-heading {
  color: #adb5bd;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link {
  color: #212529;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color: #adb5bd;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
  color: #adb5bd;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link:hover {
  color: #0d6efd;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link.active {
  color: #0d6efd;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
  color: #0d6efd;
}
.sb-sidenav-light .sb-sidenav-footer {
  background-color: #e9ecef;
}
.sb-nav-fixed.sb-sidenav-toggled #sidebarToggle .fa-align-right:before {content: "\f036";}
.profile_right {position:relative;margin-left:auto;display: flex; align-items: center;}
.dataTable-wrapper .dataTable-container {
  font-size: 0.875rem;
}
.dataTable-wrapper.no-header .dataTable-container {
  border-top: none;
}

.dataTable-wrapper.no-footer .dataTable-container {
  border-bottom: none;
}

.dataTable-top {
  padding: 0 0 1rem;
}

.dataTable-bottom {
  padding: 0;
}

.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
  float: left;
}

.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
  float: right;
}

.dataTable-selector {
  width: auto;
  display: inline-block;
  padding-left: 1.125rem;
  padding-right: 2.125rem;
  margin-right: 0.25rem;
}

.dataTable-info {
  margin: 7px 0;
}

/* PAGER */
.dataTable-pagination a:hover {
  background-color: #e9ecef;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
  background-color: #0d6efd;
}

.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
}

.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
  opacity: 0.4;
}

.dataTable-pagination .pager a {
  font-weight: bold;
}

/* TABLE */
.dataTable-table {
  border-collapse: collapse;
}

.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
  vertical-align: top;
  padding: 0.5rem 0.5rem;
}

.dataTable-table > thead > tr > th {
  vertical-align: bottom;
  text-align: left;
  border-bottom: none;
}

.dataTable-table > tfoot > tr > th {
  vertical-align: bottom;
  text-align: left;
}

.dataTable-table th {
  vertical-align: bottom;
  text-align: left;
}

.dataTable-table th a {
  text-decoration: none;
  color: inherit;
}

.dataTable-sorter {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  padding-right: 1rem;
}

.dataTable-sorter::before,
.dataTable-sorter::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.2;
}

.dataTable-sorter::before {
  bottom: 4px;
}

.dataTable-sorter::after {
  top: 0px;
}

.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
  opacity: 0.6;
}

.dataTables-empty {
  text-align: center;
}

.dataTable-top::after,
.dataTable-bottom::after {
  clear: both;
  content: " ";
  display: table;
}

.btn-datatable {
  height: 20px !important;
  width: 20px !important;
  font-size: 0.75rem;
  border-radius: 0.25rem !important;
}
.dataTable-table > tbody > tr > td, .dataTable-table > tbody > tr > th, .dataTable-table > tfoot > tr > td, .dataTable-table > tfoot > tr > th, .dataTable-table > thead > tr > td, .dataTable-table > thead > tr > th {
    vertical-align: top;
    padding: 8px 10px;
}
.dataTable-table > tbody > tr > th, .dataTable-table > tfoot > tr > td, .dataTable-table > tfoot > tr > th, .dataTable-table > thead > tr > td, .dataTable-table > thead > tr > th {
    vertical-align: top;
    padding: 0.5rem 0.5rem;
}
.dataTable-table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.dataTable-table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.dataTable-table > tbody {
  vertical-align: inherit;
}
.dataTable-table > thead {
  vertical-align: bottom;
}
.dataTable-table > :not(:first-child) {
  border-top: 2px solid currentColor;
}
.caption-top {
  caption-side: top;
}
.dataTable-table > :not(caption) > * {
  border-width: 1px 0;
}
.dataTable-table > :not(caption) > * > * {
  border-width: 0 1px;
}
.dataTable-table > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.dataTable-wrapper .dataTable-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pagination, .dataTable-pagination ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link, .dataTable-pagination a {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link, .dataTable-pagination a {
    transition: none;
  }
}
.page-link:hover, .dataTable-pagination a:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus, .dataTable-pagination a:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link, .page-item:not(:first-child) .dataTable-pagination a, .dataTable-pagination .page-item:not(:first-child) a, .dataTable-pagination li:not(:first-child) .page-link, .dataTable-pagination li:not(:first-child) a {
  margin-left: -1px;
}
.page-item.active .page-link, .page-item.active .dataTable-pagination a, .dataTable-pagination .page-item.active a, .dataTable-pagination li.active .page-link, .dataTable-pagination li.active a {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.page-item.disabled .page-link, .page-item.disabled .dataTable-pagination a, .dataTable-pagination .page-item.disabled a, .dataTable-pagination li.disabled .page-link, .dataTable-pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link, .dataTable-pagination a {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link, .page-item:first-child .dataTable-pagination a, .dataTable-pagination .page-item:first-child a, .dataTable-pagination li:first-child .page-link, .dataTable-pagination li:first-child a {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link, .page-item:last-child .dataTable-pagination a, .dataTable-pagination .page-item:last-child a, .dataTable-pagination li:last-child .page-link, .dataTable-pagination li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link, .pagination-lg .dataTable-pagination a, .dataTable-pagination .pagination-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link, .pagination-lg .page-item:first-child .dataTable-pagination a, .dataTable-pagination .pagination-lg .page-item:first-child a, .pagination-lg .dataTable-pagination li:first-child .page-link, .pagination-lg .dataTable-pagination li:first-child a, .dataTable-pagination .pagination-lg li:first-child .page-link, .dataTable-pagination .pagination-lg li:first-child a {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link, .pagination-lg .page-item:last-child .dataTable-pagination a, .dataTable-pagination .pagination-lg .page-item:last-child a, .pagination-lg .dataTable-pagination li:last-child .page-link, .pagination-lg .dataTable-pagination li:last-child a, .dataTable-pagination .pagination-lg li:last-child .page-link, .dataTable-pagination .pagination-lg li:last-child a {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link, .pagination-sm .dataTable-pagination a, .dataTable-pagination .pagination-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:first-child .dataTable-pagination a, .dataTable-pagination .pagination-sm .page-item:first-child a, .pagination-sm .dataTable-pagination li:first-child .page-link, .pagination-sm .dataTable-pagination li:first-child a, .dataTable-pagination .pagination-sm li:first-child .page-link, .dataTable-pagination .pagination-sm li:first-child a {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link, .pagination-sm .page-item:last-child .dataTable-pagination a, .dataTable-pagination .pagination-sm .page-item:last-child a, .pagination-sm .dataTable-pagination li:last-child .page-link, .pagination-sm .dataTable-pagination li:last-child a, .dataTable-pagination .pagination-sm li:last-child .page-link, .dataTable-pagination .pagination-sm li:last-child a {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.card-header {font-weight:500;}
 
/*.login_view:before{ position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
	bottom:0;
    height: 100%;
    z-index: -1; background:#011c110f;
} */
.copyright_div {background:#1a685e;color:#fff;padding:10px 0;}
.copyright_div a{color:#fff}
.logo_inline {
    display: flex;
    position: relative;
    align-items: center; padding-left:10px;
}
.logo_img img {max-width:100px}
.logo_text {padding-left:12px;}
.login_view .logo_text {padding-left:0;}
.logo_text h2 {font-size:24px}
.logo_text h4 {font-size:14px}
.logo_text h5 {font-size:20px;margin-bottom:2px; color: #3a1500;font-weight: 600; }
.logo_text h6 {font-size:22px;color:#d13d11;margin-bottom:0}
.login_view .logo_text h2 {font-size: 20px; margin-bottom: 0px;}
h3.login_head {
position:relative;
/* background: #f3c74e;color: #fff;*/
    font-size: 20px;
    padding: 8px 0 10px;box-shadow: 0 5px 15px #ddd;
    border-radius: 30px;
    text-align:center;    margin-bottom: 15px;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu::-webkit-scrollbar {
  background-color: #f5f2ea;
  width: 7px;border-radius:10px;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
footer {position:relative;background:#d13d11;color:#fff}
footer a {color: #ffdd7e;}

h3.login_head:before {
    background: #7e7e7e;
    background: -webkit-gradient(linear, right top, left top, from(#7e7e7e), to(#fff));
    background: linear-gradient(to left, #cd8929 0%, #fff 100%);
    left: 15px;
}
h3.login_head:after {
    background: #7e7e7e;
    background: -webkit-gradient(linear, left top, right top, from(#7e7e7e), to(#fff));
    background: linear-gradient(to right, #cd8929 0%, #fff 100%);
    right: 15px;
}
h3.login_head:before, h3.login_head:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 20%;
}
.profile_right .navbar-nav .nav-link {color: #3a1500; font-weight: 500;}
.profile_right .navbar-nav .nav-link:hover {color: #d13d11;}
.navbar-dark .profile_right .navbar-nav .nav-link:focus {color: #d13d11;}

.navbar-expand .navbar-nav .dropdown-menu {top: 106%;box-shadow: 0 10px 40px 0 rgb(104 113 123 / 20%); border: 1px solid #e9edf4;}
.dropdown-menu {padding:0}
.user_profile_window {position: relative;padding: 15px 0;min-width: 260px;text-align: center;}


.profile_box {position:relative;padding:15px;box-shadow:0 5px 15px #ddd;height: 100%;background: #dbebee;}
.profile_pic {
width: 130px;
    height: 130px;
    padding: 5px;
    background: #e4fffa;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;box-shadow:0 5px 15px #ddd
}
.dashboard_windowcontrol .profile_pic {width: 120px;height: 120px;}
 
.profile_pic img {border-radius: 50%}
.profile_text h5 {font-size:14px;margin-bottom:0;    text-transform: uppercase;}
.profile_text p {font-size:14px;}
.dropdown-menu-arrow:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4;
}
.dropdown-menu-arrow.dropdown-menu-end:before, .dropdown-menu-arrow.dropdown-menu-end:after { left: auto;
    right: 18px;
}
.button_boxes {position:relative;text-align:center;border-top: 1px solid #ddd;padding: 5px 0 0;margin-top: 5px;}
.button_boxes a {padding: 3px 5px 3px;display:inline-block;font-size: 11px;border-radius: 3px;font-weight: 500;}
.button_boxes a:hover {background:#252221;color:#fff}
.user_guide_btn {background: #fbbb00;color: #242120;}
.password_btn {background: #398719;color: #fff;}
.logout_btn {background: #db3645;color: #fff;}
.max_h1 {font-size:200px;font-weight:700}
/* backtoup */
.progress-wrap {
    position: fixed;
    right: 15px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(119, 119, 119, 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: '\f062';
    font-family: "Font Awesome 6 Free";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #09b59f;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;font-weight: 900;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg path {fill: #fff; }
.progress-wrap svg.progress-circle path {
    stroke: #1a685e;
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.logo_box {
    padding:15px;
    position: relative;
	border-bottom: 1px solid rgb(206, 212, 218, 0.45);
    margin-bottom: 7px;
}
.logo_box a {display:block;max-width: 180px;margin: 0 auto;}
.tab_btn_control {position:relative;margin-bottom: 25px;}
.tab_btn_control .tab_btn {position: relative;display: inline-block;padding: 2px 25px;border: 2px solid #7dd0ff;border-radius: 3px;color: #279ddf;font-weight: 500;background: #e5f5ff;font-size: 18px;}
.tab_btn_control .tab_btn:hover {background: #1e5574;color:#fff;border-color:#1e5574}
.align_right {text-align:right}
.pagehead_buttons {margin-top:30px;}
.pagehead_buttons .tab_btn_control {text-align:right}
.login_form_box {margin-top:70px;} 
.onalign_view {position:relative;}
.onalign_view .card {position:relative;height:100%;    background: #f6fff1;
    border: 1px solid #007a6f}
.onalign_view .card.white_bg {background: #fff;}
/*
.onalign_view .card:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 2; 
}
.onalign_view .card:hover::before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s; 
}*/
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}




.card-header {font-weight: 500;}
.card-footer {position:relative;background: rgb(0 122 111);}
.avedan_btnlink {color:#fff;}
.avedan_btnlink a {position:relative;transition: 0.4s ease;font-weight: 600;display: inline-block;background: url(../images/btn_bg.gif);padding:5px 15px;color: #fff; 	font-size: 16px; transition-duration: 0.3s;transition-timing-function: ease-in-out; background-size: 200% auto; z-index: 1; border-radius: 15px;margin-right:15px;background-size: cover;}
.avedan_btnlink a:hover {
/* background:linear-gradient(to right, #09b59f 0%, #09b59f 51%, #1a685e 100%); */
background-position: right center;
}
 
@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.card-header {background: #007a6f;font-size: 18px;color:#fff}
.card-header i {color: #f4f9e6;}
.main_side_bg {position:relative; }
.main_side_bg:before {position:absolute;content:'';top:0;right:0;left:0;bottom:0; background:url(../images/bg5.png);  background-size:contain;background-attachment:fixed; opacity:.5;z-index:-1}








/* BG Color Div ==================================== */
.bg_yellow {background: #f9e379;}
.bg_pink {background: #f30ecc;}
.bg_darkblue {background: #0064ab;}
.bg_lightblue {background: #d0ebff;}
.bg_lightgreen {background: #b6dbaf;}
.bg_lightred {background: #ffa4a4;}
.bg_lightyellow {background: #f5e8a7;}
.bg_light {background: #fdfaef;}
.bg_lightpink {background: #ffbbe4;}
.bg_lightbrown {background: #edb780;}
.bg_offred {background:#ddbebe} 
.bg_redpink {background: linear-gradient(rgb(255 147 147), rgb(207 43 126))}
.bg_red {background: linear-gradient(rgb(249 146 129), rgb(253 48 48))}
.bg_green {background: linear-gradient(rgb(99 255 176), rgb(5 42 32))}
.bg_bluepink {background: linear-gradient(rgb(255 119 157), rgb(0 227 227))}
.bg_brown {background: linear-gradient(rgb(255 181 181), rgb(135 40 11))}
.bg_mangolight {background: linear-gradient(rgb(187 143 50), rgb(205 54 54))}
.bg_lightgreen2 {background: linear-gradient(rgb(24 104 86), rgb(104 135 11))}
.bg_rgb {background:linear-gradient(rgb(255 164 164), rgb(20 69 143))} 
.bg_purplemist {background: linear-gradient(rgb(175 152 203), rgb(139 23 187))}
.bg_greenmist {background: linear-gradient(#4caf50, #009688)}
.bg_bluemist {background: linear-gradient(rgb(36 89 169), rgb(23 179 187))}
.bg_redmist {background: linear-gradient(rgb(233 35 25), rgb(187 23 106))}
.bg_pinkmist {background:linear-gradient(rgb(108 50 90), rgb(223 45 185))}
.bg_yellowmist {background: linear-gradient(rgb(171 158 7), rgb(233 169 25))}
.bg_lightorange {background: linear-gradient(rgb(255 156 99), rgb(213 98 0))}
.bg_skyblue {background: linear-gradient(rgb(99 241 255), rgb(0 56 213))}


.bg_greenmist .statistics_box span.box_icon {background:rgb(2, 102, 28, 0.32)}
.bg_bluemist .statistics_box span.box_icon {background:rgb(2, 56, 102, 0.32)}
.bg_redmist .statistics_box span.box_icon {background:rgb(175, 12, 4, 0.32)}
.bg_pinkmist .statistics_box span.box_icon {background:rgb(137, 26, 112, 0.68)}
.bg_yellowmist .statistics_box span.box_icon {background:rgb(179, 125, 4, 0.89)}
.bg_lightorange .statistics_box span.box_icon {background:rgb(237 109 0)}
.bg_rgb .statistics_box span.box_icon {background:rgb(177 40 40)}
.bg_lightgreen2 .statistics_box span.box_icon {background:rgb(5 100 4)}
.bg_skyblue .statistics_box span.box_icon {background:rgb(7, 61, 184, 0.80)}
.bg_mangolight .statistics_box span.box_icon {background:rgb(129 19 17)}
.bg_brown .statistics_box span.box_icon {background:rgb(118 45 23)}
.bg_green .statistics_box span.box_icon {background:rgb(13 54 39)}
.bg_red .statistics_box span.box_icon {background:rgb(255 79 78)}
.bg_redpink .statistics_box span.box_icon {background:rgb(178 41 108)}
.bg_bluepink .statistics_box span.box_icon {background:rgb(219 35 77)}


/* BG Color Div ==================================== */
.statistics_box {position:relative;text-align:center }
.iconic_view img {margin-bottom: 10px;max-width: 50px;}
span.box_icon {
font-size: 30px;
    color: #fff;
    background: rgb(209 61 17);
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 50%;position:relative;overflow:hidden;
}
span.box_icon:before {
    position: absolute;
    top: 0;
    left: -100%; 
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 2;border-radius: 50%; 
}
.onalign_view .card:hover span.box_icon:before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s; 
}
.statistics_box h6 {
    background: rgb(255, 255, 255, 0.85);
    padding: 2px 10px;
    position: relative;
    font-weight: 500;
    border-radius: 2px;
    display: inline-block;
    font-size: 20px;    margin: 0 auto;box-shadow:0 5px 10px #ddd;
}
.onalign_view .statistics_box h4 {margin-bottom: 5px;font-size:18px;font-weight: 500;color:#3a1500;padding:0 10px;}
.onalign_view .card:after {content: '';position: absolute;bottom: -1px;left: 0;right: 0;width: 98%;height: 2px;background: #d13d11;transform: scale(0,1);transform-origin: center;transition: transform 500ms ease;border-radius: 5px;text-align: center;margin: 0 auto;}
.onalign_view .card:hover::after{transform:scale(1,1);transform-origin:center}
.onalign_view .card:hover {box-shadow: 0 5px 10px #eee;}
.dashboard_windowcontrol {position: relative;}
.first_trbg .table tbody tr:first-child {
    vertical-align: middle;
    font-size: 14px;
   /* background: #efffd6;*/
}
.first_trbg.last_td .table tbody tr:last-child td {background: #09b59f;color: #fff;font-weight: 500;}

.table tbody tr th {font-weight: 600;}
.first_trbg .table tbody tr th {font-weight: 600;}
.table {font-size:13px;width:100%; }
/* .first_trbg .table tbody tr td:first-child {font-weight: 600;} */
/* .table th {position: sticky;top: 0; }     */
.pd_cpation  .table th {top: -50px;}
footer {position:relative;padding: 10px 0;}
.loader_circle {left: 0;right:0; width: 50px; position: absolute; top: 45%; height: 50px;text-align:center}
.loader_bg {background-color: black; filter: alpha(opacity=60); opacity: 0.80; width: 100%; top: 0px; left: 0px; position: fixed; height: 100%;}
.loader_img {margin: auto; font-family: Trebuchet MS; filter: alpha(opacity=100); opacity: 1; font-size: small; vertical-align: middle; top: 45%; position: fixed; right: 45%; color: #275721; text-align: center;}

.step_heading {
    background: #ffcb0f;
    display: inline-block;
    padding: 7px 15px 5px;
    font-size: 18px;
    color: #020202;
    border-left: 5px solid #ff8e02;
    box-shadow: 0 10px 15px #eee;
    border-radius: 0 15px 15px 15px;
}

/*================== Tabs Design CSS ======================  */

.nav_tab .nav-tabs .nav-link {padding: 10px 30px;font-weight: 500;font-size: 16px;background: #f7f7f7;color: #111;border: 0;border-radius:0;margin-bottom: 5px; text-align:center;position:relative;margin-bottom:15px;border: 1px solid rgb(22, 21, 21, 0.23);}
.nav_tab .nav-tabs .nav-link.active {background:#1a685e;border:0;color:#fff;}
.nav_tab .nav-tabs {border: 0;}
.nav_tab .nav-tabs .nav-link.active:after, .nav_tab .nav-tabs .nav-link.active:before {
    content: '';
    height: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
}
.nav_tab .nav-tabs .nav-link.active:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1a685e;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
}
.tab_inner_control {position: relative;/*padding: 15px 0;*/}


/*================== Tabs Design CSS End ==================  */

/*=============== Collapse/Accordion Design CSS ===========  */
.accordion-button::after {content: "\f107";font-family:"Font Awesome 6 Free";background-image:none;font-size: 20px; font-weight: 600;}
.accordion-button:not(.collapsed)::after {content: "\f107";position: relative;right: 5px;}
.accordion-button {font-weight:500;font-size: 18px;background: #f2feff;    padding: 10px 15px;}  
.accordion-button:not(.collapsed) {color: #fff; background: #09b59f;box-shadow:none;}


/*=============== Collapse/Accordion Design CSS End ===========  */

.edition_btn_control {text-align:right}
.pd_cpation {padding-top:50px;position:relative}
.pd_cpation caption {position: absolute; top: 0; text-align: center; left: 0; right: 0;font-size: 15px;font-weight: 500; color: #cb0505;}
.table-responsive {max-height: 700px;}
.form-label {font-weight:500;margin-bottom: 5px;font-size: 14px;}
.mr_left15 label {margin-right: 20px;padding-left:5px;}
.mx_100px {max-width:100px}
hr {border-color: #524d4d;margin-top: 0;opacity: .15;border-radius: 15px;}
.first_trbg .table #chklablist tbody tr:first-child {background: transparent;}
.first_trbg .table #chklablist label {margin-left:5px;margin-right: 15px;}
.redtext {font-weight: 400;color: #cf0101;}
.greentext {font-weight: 400;color: #009d54;}
.redtext_s {font-weight: 500;color: #cf0101;font-size:10px;}
.greentext_s {font-weight: 500;color: #009d54;font-size:10px;}
.breadcrumb-item a {color: #025a4a; font-weight: 500;}
.points_list_box {position:relative;padding: 15px; border: 2px solid #09b59f;border-radius:5px;}
.points_list_box ul { margin: 0;padding: 0;}
.points_list_box ul li {
    padding: 0px 0px 10px 20px;
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;list-style-type:none;
}
.points_list_box ul li:before {
    /* display: inline-block; */
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    content: "\f192";
    top: 2px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #09b59f;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.points_list_box ul li:hover {padding-left:25px;}
.points_list_box ul li ul {margin-top:5px;}
.points_list_box ul li ul li {padding-left:15px;}
.points_list_box ul li ul li:before {content: "\f0da";font-weight: 600;}

.icon_a i {color: #14b8a3;}
.icon_a a {color: #00622c;font-weight: 500;position:relative;transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; box-shadow: 0px 5px 60px 0px rgb(0,0,0,0.2); padding: 5px 10px; border-radius: 15px;}
.icon_a a::after {
content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95%;
    height: 2px;    transform: scale(0,1);
    background: #14b8a3;
    transition: transform 500ms ease;right: 0; margin: 0 auto;
}
.icon_a a:hover::after{transform:scale(1,1);transform-origin:center}

.TableFixedHeader {width:100%;position:relative}
.TableFixedHeader th {position:sticky;top:0;background:#efffd6}

/* Custom Popup Edition ================================================= */ 

.custom_popup {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 38, 10, 0.75);
            z-index: 1111;
        }
        .popup_window {
               width: 600px;
    padding: 30px;
    background: #fff;
    margin: 15% auto;
    border-radius: 7px;
    text-align: center;
        }

        .redicon {    font-size: 80px; color: #bd0505; margin-bottom: 15px;}
        .greenicon {font-size: 80px; color: #009d1b; margin-bottom: 15px;}
        .highlight_h {
            display: inline-block;
            border: 1px solid #ddd;
            padding: 7px 15px;
            border-radius: 20px;
            position: relative;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    transition: 0.5s ease;color:#fff;
        }

        @-webkit-keyframes glowing {
  0% {background-color: #ec0024;}
  50% {background-color: #ff8d2a; }
  100% { background-color: #ec0024; }
}

@-moz-keyframes glowing {
  0% {background-color: #ec0024;}
  50% {background-color: #ff8d2a; }
  100% { background-color: #ec0024; }
}

@-o-keyframes glowing {
  0% {background-color: #ec0024;}
  50% {background-color: #ff8d2a; }
  100% { background-color: #ec0024; }
}

@keyframes glowing {
  0% {background-color: #ec0024;}
  50% {background-color: #009d1b; }
  100% { background-color: #ec0024; }
}

/* Custom Popup Edition ================================================= */

.form-control {
    font-size: 13px;
}
.form-select {
    font-size: 13px;
}

.form-control-lg, .form-select-lg {
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 5px;border-color: #1a2f205c;
}



.page_nav .breadcrumb.mb-4 {margin-bottom: 1rem!important;}
.btn-group-sm>.btn, .btn-sm {--bs-btn-padding-y: 0.15rem;--bs-btn-padding-x: 0.30rem;--bs-btn-font-size: 0.7rem;}






.tab_nav_box .tab-content {
    padding: 30px 15px;
    box-shadow: 0 5px 10px #eee;
    background: #fff;
}
.tab_nav_box .nav-tabs {border:0}
.tab_nav_box .nav-tabs .nav-link {border: 0;background: #f3f3f3;position:relative; height: 100%;color: #2e2e2e;   box-shadow: 0 1px 1px #ddd;text-align: center;display: inline-block; width: 33%; float: left; margin: .16%; font-size: 20px; font-weight: 600; padding: 15px 15px 10px;}
.tab_nav_box .nav-tabs .nav-link h3 {font-weight:400}
.tab_nav_box .nav-tabs .nav-item.show .nav-link, .tab_nav_box .nav-tabs .nav-link.active {color: #fff; background: #d13d11;    box-shadow: 0 1px 1px #fff;}
.tab_nav_box .nav-tabs .nav-item.show .nav-link, .tab_nav_box .nav-tabs .nav-link.active h3{font-weight:500}
.tab_nav_box .nav-tabs .nav-item.show .nav-link, .tab_nav_box .nav-tabs .nav-link.active .icon_style {color: #5a0000;}
.tab_nav_box .nav-tabs .nav-link.active:after, .tab_nav_box .nav-tabs .nav-link.active:before {
    content: '';
    height: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
}
.tab_nav_box .nav-tabs .nav-link.active:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #6810c9;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
}
.tab_nav_box .nav-tabs .nav-link.active:before {
    content: '';
    height: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
}
.icon_img {
	position:relative;
	display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 15px #ddd;    margin-bottom: 10px;
	}
	
.icon_img img {width:50px;}	
.dark_icon {color:#068325}	
.honers_img a {
position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f75353;
    border-radius: 50%;
    border: 5px solid #fff;
    top: 10%;
    right: 5px;padding-top: 8px
}
.honers_img a .bi {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.step_number {
    font-weight: 500;
    font-size: 18px;
    text-align: right;
    display: block;
}
.step_fname {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
}

.top_link_view {position: relative;}
.top_link_view a{    padding: 10px 15px;
    border: 1px solid #f4f9e6;
    border-radius: 5px;
    color: #040ba9;
    background: #fff;
    font-weight: 500;}
.top_link_view_select {display:flex;float:right;align-items:center;padding: 5px 15px;
    border: 1px solid #f4f9e6;
    border-radius: 5px;
    color: #0c1191;
    background: #fff;
    font-weight: 500;}
.top_link_view_select  label {display: block; width: 90%;margin-right:5px;}
.top_link_view_select .form-select-sm {height: 30px;border:0}









/* New CSS Edition ====================== */

.statistics_boxs_d2 {position:relative;    border: 1px solid #d13d11; padding: 15px; border-radius: 15px 15px 0 15px; -webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;height:100%;}
.statistics_boxs_d2.bdr_v2	{border-radius: 15px 15px 15px 0;}
.statistics_boxs_d2:hover {
    background: #ebfffc;
    transform: translateY(-7px);
    border-color: #d13d11;box-shadow:0 10px 15px #eee;
}	
.bdr_shape {display:flex;position:relative;align-items:center;margin-bottom:10px;}
/*.statistics_boxs_d2 h6 {
    background: rgb(255, 255, 255, 0.85);
    padding: 2px 10px;
    position: relative;
    font-weight: 500;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
} */
.bdr_shape .box_icon_d2 {
font-size: 30px;
    color: #6c43de;
    display: block;margin-right:10px;
    text-align: center;
    border-radius: 50%;position:relative; 
}
.bdr_shape h4 {margin-bottom: 5px;font-size:16px;font-weight: 500; width:50%;transition: all .5s ease-in-out;}
.bdr_shape h6 {padding: 5px;background: #f4f9e6;position: absolute;right: 0;font-weight: 600;font-size: 14px;transition: all .5s ease-in-out;}
.statistics_boxs_d2:hover .bdr_shape h6 {background:#d13d11;color:#fff}
.btn_style1 {
	position: relative;
	font-weight: 600;
	overflow: hidden;
	text-align: center;
	border-radius: 4px;
	padding: 3px 12px;
	display: inline-grid;
	text-transform: capitalize;
	color: #2b2b2b;
	background-color: #fff;font-size: 13px;    border: 1px solid #f4f9e6;
}
.btn_style1 .txt {position: relative;z-index: 1;}
.btn_style1:before {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	position: absolute;
	width: 20px;
	height: 20px;
	content: "";
	right: -10px;
	bottom: -10px;
	border-radius: 50%;
	z-index: 1;
	background-color: #794ab6;
}

.btn_style1 i {
	position: relative;
	z-index: 1;
	font-style: normal;
	display: inline-block;
	margin-left: 5px;
}

.btn_style1:hover {
	color: #fff;
}

.btn_style1:hover:before {
	width: 100%;
	height: 100%;
	right: 0px;
	bottom: 0px;
	border-radius: 0px;
}


.col_pd0 {padding:0}
.notice_flash {
  position: relative;
  bottom: 0;
  margin-bottom: 30px;
  width: 100%;
  background: #0b134c;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.notice_flash .notice_text {
  color: #fff;
  margin: 0;
  width: 100%;
  animation: marquee 10s linear infinite;
  display: inline-block;
  padding-right: 5%;
}
.notice_flash .notice_text span {font-weight:500}
.notice_flash .notice_text a {color:#fff;position:relative;font-weight: 600;}
.notice_flash .notice_text a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 0;
    background: #fff;
    content: "";
    height: 1px;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.notice_flash .notice_text a:hover:after {left: 0;width: 100%;}
.notice_flash .news_head {
  height: auto;position:relative;
  background: #ffb647;
  padding: 13px 30px 12px 30px;
  color: #020202;
  z-index: 1;
  display: block;text-transform: uppercase;overflow:hidden;
}
.notice_flash .news_head:after {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  animation: slide 5s infinite;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.8)),
    color-stop(99%, rgba(128, 186, 232, 0)),
    color-stop(100%, rgba(125, 185, 232, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
}
.tune_bg {background: #00a1ff70;color: #fff;border-radius: 30px;display: inline-block; padding: 2px 10px;font-size: 14px;}
.card-body table tr th, .card-body table tr td {vertical-align:middle}
.center_f {text-align:center;    padding: 5px;}
.veri-inner_table { border: 1px solid #e8e8e8;}
.veri-inner_table tr:nth-child(even) {background: #f7f7f7;}
.veri-inner_table tr:nth-child(odd) {background: #FFF}
.veri-inner_table th{
        font-size: 14px;
    color: #000000;
    font-weight: bold;
    border: 1px solid #f7f7f7;
    padding: 8px 25px;
    text-align: left;
}
.veri-inner_table  td 
{
    padding: 10px;
    border: 1px solid #F2F2F2;
    font-size: 14px;
}
.round-img {
border: 2px solid #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 20px #c3c3c3;
}


b, strong {
    font-weight: 700;
}
.table_line {border:1px solid #ddd;border-radius:7px;}
.table_line tr:last-child {border:0; }
.card {position:relative;/*height:100%*/}
.page_nav h1 {font-size:24px;}

.card-header.bg1 {background: #ffc3d3;}
.card-header.bg2 {background: #ffc369;}

/* New CSS Edition End ====================== */


.terms_window {position: relative;background: #fef8e4; padding:20px 25px;  text-align: justify;border-radius:2px;    height: 100%;max-height: 600px; overflow-y: auto;box-shadow: -5px 15px 10px #ddd;} 
.direction_list {position: relative;}
.direction_list ul li {
	position:relative;
    padding-left: 30px;
    padding-bottom: 10px;margin-bottom:0;
    font-size: 14px;
    text-align: justify; font-family: 'Noto Sans', sans-serif;
}
.direction_list ul li:before  {
font-size: 24px; width: 16px; height: 16px; line-height: 16px; position: absolute; top: 5px; text-align: center; background: #006337; border-radius: 30px;
content:'\F272';font-family: bootstrap-icons;left:0;-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;color:#fff;text-shadow: 0 2px #006337;
}
.direction_list ul li:hover:before {background:#006337;color:#fff;transform:scale(1.1)}
.headstyle_h4 {font-size: 18px; border: 1px solid #006337; border-bottom: 1px dashed #006337; padding: 7px 15px; border-radius: 20px; border-left: 5px solid #006337; }


.hr_grd {position:relative;display:block;margin: 15px 0 25px;height: 1px;}

.hr_grd:before {
    background: #7e7e7e;
    background: -webkit-gradient(linear, right top, left top, from(#7e7e7e), to(#fff));
    background: linear-gradient(to left, #ff8b38 0%, #fff 100%);
    left: 15px;
}
.hr_grd:after {
    background: #7e7e7e;
    background: -webkit-gradient(linear, left top, right top, from(#7e7e7e), to(#fff));
    background: linear-gradient(to right, #ff8b38 0%, #fff 100%);
    right: 15px;
}
    .hr_grd:before, .hr_grd:after {
        content: "";
        height: 2px;
        position: absolute;
        top: 0;
        width: 10%;
        
    }
.dashboard_windowcontrol .profile_box {position:relative;height:100%;background:#fff;padding:20px 10px;text-align:center}



.login_window {position: relative;background: #fcfcfc; padding:20px 25px;  text-align: justify;border-radius:2px;height:100%;box-shadow: 0 15px 10px #ddd;} 

.level_up {position:relative;margin-bottom:20px;}
    .level_up .form-label {
        position: absolute;
        top: -12px;
        left: 15px;
        background: #fff;
        padding: 2px 5px;
        box-shadow: 0 5px 10px #eeeeee30;
        border-radius: 2px;
        font-size: 14px;
    }


/*#=============== New Theme Edition Start ==================#*/

.sb-nav-fixed .sb-topnav {background:#fef8e4;border-color:#fff}
.sb-nav-fixed .sb-topnav:before {position:absolute;content:'';top:0;right:0;bottom:0;left:0;background:url(../images/dot_circle_bg.png);background-size: contain;opacity: .3; }
 
.logo_text h6 {color:#3d4340;font-weight: 500;font-size:18px}
.sb-topnav.navbar-dark #sidebarToggle {color: #dbebee;}
.profile_right .navbar-nav .nav-link {color:#fff;font-size: 18px;}
.navbar-dark .profile_right .navbar-nav .nav-link:focus, .profile_right .navbar-nav .nav-link:hover {color: #4ed8a5;}
.sb-sidenav-dark .sb-sidenav-footer, footer {background:#ff7644;}
.onalign_view .card {background:transparent}
footer a {color: #4ed8a5;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {color: #0c768a;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:before {background:#0c768a;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover .sb-nav-link-icon {color:#4ed8a5}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {position:relative;color:#4ed8a5;right:-10px;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link[aria-expanded="true"] {background: rgba(12,118,138,0.15)}

.shower_box {position:relative;border:1px solid #eeeeee73;padding: 20px 15px;border-radius: 5px 5px 0 0;box-shadow:0 2px 10px #eee;    background: #fff;}
.inner_flex {display:flex;align-items:center;margin-bottom:20px;}
.shower_icon {position:relative;width: 65px;height: 65px;line-height: 65px;display: block;text-align: center;border-radius: 3px;overflow:hidden;background: rgba(12,118,138,0.15);border-radius: 3px;color: #0c768a;font-size: 30px;}
.shower_icon img {margin-bottom: 10px;max-width: 60px;}
.shower_head {width:calc(100% - 65px)}
.shower_head h4 {font-size: 18px;font-weight: 500;color: #464646; padding: 0 10px;margin-bottom: 5px;}
.shower_icon:before {
    position: absolute;
    top: 0;
    left: -100%; 
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 2;border-radius: 50%; 
}
.shower_box:hover .shower_icon:before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s; 
}
.shower_num h6 {
    background: rgb(255, 255, 255, 0.85);
    padding: 2px 10px;
    position: relative;
    font-weight: 600;
    border-radius: 2px;
    display: inline-block;
    font-size: 24px;    margin: 0 auto;
	/* box-shadow:0 2px 5px #ddd; */
}
.card-header {background: #fff0ea; color: #760613; font-weight: 500; font-size: 18px;}
.card-header i {color: #f94a4a;}
/* .logo_img img {border-radius: 50%; } */
.horizental_view .sb-nav-fixed #layoutSidenav #layoutSidenav_nav {display:none}
.horizental_view .sb-nav-fixed #layoutSidenav #layoutSidenav_content {padding-left: 0; margin-left: 0;top:0}
.horizental_view .sb-topnav.navbar-dark #sidebarToggle {display:none}
.horizental_view .fixed-top, .horizental_view .sb-nav-fixed #layoutSidenav #layoutSidenav_nav, .horizental_view .sb-nav-fixed.sb-topnav {position:relative}
.horizental_view .profile_right .navbar-nav .nav-link {color: #fff;font-size: 16px;}
.horizental_view .logo_inline {padding-left:0}

.horizental_view .dashboard_windowcontrol {margin:0}
.horizental_view .sb-nav-fixed .sb-topnav {position: relative;}



.menu_control {position:relative;    background: #ff7644;
 box-shadow: 0 2px 3px rgb(0, 0, 0, 0.4);}
.stellarnav.dark ul ul li a {font-size:16px;color:#011009; font-weight: 400; border-bottom: 1px solid #eeeeee45;text-transform: capitalize;}
.stellarnav.mobile, .stellarnav.mobile.fixed {position: relative;}
.stellarnav.dark ul li ul, .stellarnav>ul>li ul {background:#fff;box-shadow:0px 2px 10px -7px}
.stellarnav>ul>li:hover ul {background:#fff;}
.stellarnav.mobile.dark ul {background: #0f6a7b;} 
.stellarnav.mobile.dark ul ul li a {color:#fff}
 
.stellarnav.dark, .stellarnav.dark ul ul {background: transparent;}
.stellarnav>ul>li>a {font-size: 16px;padding:15px 20px 15px 10px;text-transform: capitalize;font-weight: 600; } 
.stellarnav li.has-sub>a:after {border-top:6px solid #fef8e4} 
.stellarnav.dark ul ul li a:hover {background:#006337;color:#fff} 
.stellarnav li li.has-sub>a:after {border-left: 6px solid #011009;    right: -5px;}
.stellarnav li li.has-sub>a:hover::after {border-left: 6px solid #fff;}
.stellarnav li.drop-left li.has-sub>a:after { border-right: 6px solid #011009;}
.stellarnav.dark ul li.drop-left ul li a:hover::after { border-right: 6px solid #fff;}
.stellarnav li.drop-left li.has-sub>a:after {margin-left: 0px;right: unset;}
.stellarnav li.drop-left li.has-sub>a:hover::after {border-left:0}
.stellarnav.dark .menu-toggle span.bars span {background: #0c768a;}
.stellarnav.dark a.close-menu {color:#fff}
.stellarnav.dark.mobile a.menu-toggle, .stellarnav.dark.mobile li a.menu-toggle {color:#0c768a;font-weight:400}
.stellarnav li.drop-right ul li:last-child a, .stellarnav li.drop-left ul li:last-child a {margin-bottom: 0;}
.stellarnav>ul>li.active a, .stellarnav>ul>li.active a:focus {background: #4ed8a5;color: #020202;}
.stellarnav.dark a:hover, .stellarnav.dark li a:hover {background: #006337;color: #fff200;}
.select_list > li > a i {margin-right: 2px;color: #020202;}
.left_control .select_list > li > a {font-size:15px; }
.select_list > li > a.black_theme i {color: #f1f0ff;}
.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border-bottom: 0;
  display: block; 
}
.stellarnav.dark a, .stellarnav.dark li a {color: #fef8e4;}
.stellarnav.dark.mobile li a {color: #fef8e4;}
.stellarnav ul {text-align:left}
.stellarnav.dark a i, .stellarnav.dark li a i {color: #fff;padding-right:3px;}
.profile_right {justify-content: end;}
.stellarnav .icon-close:after, .stellarnav .icon-close:before {left: -5px}




.one_line_captcha {position:relative}
.captcha_img {
    position: absolute;
    top: 0;
    right: 40px;
}
    .captcha_img img {
        width: 100px !important;
        height: 30px;
    }
.absolute_refresh {
    position: absolute;
    right: 0;
    top: 0;
}
.exm_text {position:absolute;font-size:10px;color:rgb(209 61 17);font-weight:500}
.loader_control {position:relative;overflow:hidden}

.theme_bg {
    background: #fef8e4;
}

.selection_tabs {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
    .selection_tabs span {
        display: block;width:100%;
    }

    .selection_tabs span a {
        margin-right: 15px;
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        padding: 4px;
        border-radius: 3px;
    }
    .selection_tabs span:nth-child(1) a {
         background: #d0cd60;
        color: #272525;
    }
    .selection_tabs span:nth-child(2) a {
        background: #178c65;
        color: #fff;
    }
    .selection_tabs span:nth-child(3) a {
        background: #d0cd60;
        color: #272525;
    }



    .selection_tabs span:last-child a {
        margin-right: 0
    }


.master-nav-panel i {color:#0048a3}

legend {
    font-size: 15px;
    background: #52a47e;
    display: block;
    color: #fff;
    padding: 5px 15px;
    font-weight: 500;
    border-radius: 20px;
    margin-bottom: 15px
}
    legend h5 {
        color: #fff;
        margin-bottom: 0;
        font-weight: 500;
    }


    .page-title {
        opacity: 0.75;
        background: #ff7644;
        color: #fff;
    }

.first_tr_dnone tbody tr td:first-child {display:none}








.info_column .inner_column {
    position: relative;
    padding: 30px;
    background-color: #fef7e3;
    height: 100%;
}
.info_column h2 {
    margin-bottom: 40px;
}

.info_column .info_box {
    position: relative;
}

.info_column .info_box li {
        position: relative;
        font-size: 16px;
        padding-left: 80px;
        line-height: 1.7em;
        margin-bottom: 30px;
       
    }

  .info_column .info_box li .icon {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 60px;
            height: 60px;
            color: #0d2c40;
            font-size: 24px;
            line-height: 60px;
            text-align: center;
            border-radius: 3px;
            background-color: #ffc511;
        }

.info_column .info_box li strong {
            position: relative;
            display: block;
             
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 0;
        }

.info_column .info_box li a {
            position: relative;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
            
        }

  .info_column .info_box li a:hover {
                color: #000;
            }

.center_align {
    text-align: center;
    margin-bottom: 30px;
}

    .center_align h2 {
        font-size: 36px
    }




/* =================  Help Support Sticky  =================== */
.help_support_panel {
    position: fixed;
    z-index: 99999;
    top: 40%;
    left: -225px;
    transition: all 0.5s;
    display: inline-block;
}

    .help_support_panel:hover {
        left: 0px;
    }

.title_text {
    background: #006337;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 0px 5px 5px 0px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    height: 155px;
    border: 0;
}

    .title_text i {
        display: inline-block;
        padding-bottom: 2px;
    }

.help_support_panel .panel_content {
    display: inline-block;
    width: 220px;
    padding: 5px;
    font-weight: 400;
    background: #ffdf6c;
    float: left;
    color: #020202;
    font-size: 13px;
}

    .help_support_panel .panel_content span {
        display: block;
        padding: 0 5px;
        color: #070707;
        font-weight: 600;
        border-left: 2px solid #f10c0c;
        font-size: 13px;
        margin-bottom: 5px;
    }

.help_support_panel .title_text small {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-180deg);
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}

    .help_support_panel .title_text small i {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.help_support_panel hr {
    margin: 0 0 5px
}

.help_support_panel p {
    margin-bottom: 5px;
}

.white_bg {
    border: 1px solid #ddd;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 2px;
    border-radius: 5px;
    background: #fff;
    padding: 7px;
}

.panel_content a {
    text-decoration: none;
    color: #020202;
    position: relative
}

    .panel_content a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #2d8001;
        transform: scale(0,1);
        transform-origin: center;
        transition: transform 500ms ease;
    }

    .panel_content a:hover::after {
        transform: scale(1,1);
        transform-origin: center
    }
/* =================  Help Support Sticky  =================== */

.admin_profile {
    position: relative;
    box-shadow: 0px 10px 15px #eee;
    background: #fff;
    border-radius: 10px;overflow:hidden;
}
.admin_profile:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    background: #fa830f;
    height: 10%;
    border-radius: 10px 10px 0 0;
}

.profile_side {position:relative;    display: flex;
    padding: 10px 15px 10px;
    margin-bottom: 15px;
    border-radius: 0px;
    align-items: center;}
.profile_side:first-child {border-bottom: 2px solid #5da832;}
.profile_img {position: relative;width:150px; }
.profile_img img {border-radius: 50%;border: 5px solid #fffff3;box-shadow: 0 5px 5px #eee;}
.profile_text h4 {font-size:18px;    font-weight: 600;    text-align: center;}
/* .profile_text {padding:0 15px; width:calc(100% - 150px)} */
.profile_text p {margin-bottom:0;}
.profile_text p a { 
    padding: 4px 12px;
    border-radius: 5px;
    background: #002d19;
    color: #fff;
    font-size: 13px;
}
.profile_text p a:hover {color:#fff;background:#318700; }  





.count_box { position: relative;padding: 25px 15px;align-items: center; 
    background: #f1f1f1;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    border:1px solid #ddd;border-radius:7px;height:100%;
	/* min-height:200px; */
	}
.count_box .count_icon {font-size: 40px;color: #fff;transform: scale(1);transition: 0.35s;max-width:80px;margin:0 auto;margin-bottom:20px;}
.count_box .count_icon img {
box-shadow: 0 10px 10px #7878785c;
      border-radius:20px 20px 0;background:#fff;    padding: 10px;
}
 

.count_box:before {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    z-index: -1;
    content: "";
    height: 0;
    width: 100%;
    background: #0d924d;
    bottom: 1px;
    left: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
    transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
} 
.count_box:hover:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  height: 100%;bottom:0;
}
.count_box:hover:after {
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.count_box:hover {color:#fff}
.count_box:hover  .count_icon {transform: scale(1.2);}  
.count_box h5 {font-size:16px;text-align: center;margin-bottom:0;font-weight:600;    color: #010101; transition:0.3s ease; }
.count_box:hover h5 {color:#fff}
.count_box:hover a {color:#fff}
.subheading {color:#020202;transition: 0.3s ease;font-size:14px}
.count_box:hover .subheading {color:#ffeb3b;font-weight:500}





#preloader {
background-image: -webkit-linear-gradient( 70deg,rgb(32, 15, 1, 0.93) 0%,rgb(28, 19, 2, 0.88) 100%);
background-image: -o-linear-gradient(70deg,rgb(32, 15, 1, 0.93) 0%,rgb(28, 19, 2, 0.88) 100%);
background-image: linear-gradient(20deg,rgb(32, 15, 1, 0.93) 0%,rgb(28, 19, 2, 0.88) 100%);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
}
#status {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.common_section {
position:relative;
padding: 30px 0 50px;
}
.icon_view_box {text-align: center; padding: 15px;height:100%;    border-radius: 5px;}

.icon_view_box .media-body {margin-top: 10px;}
.row_gapping .row  {/* --bs-gutter-y: 0;--bs-gutter-x: 0; */}
.row_gapping .row .col-lg-4:nth-child(1) .icon_view_box {background: #e6f0ff;}
.row_gapping .row .col-lg-4:nth-child(2) .icon_view_box {background: #ddd7ee;}
.row_gapping .row .col-lg-4:nth-child(3) .icon_view_box {background: #e6f0ff;}
.row_gapping .row .col-lg-4:nth-child(4) .icon_view_box {background: #ddd7ee;}

.span_col span {
            flex: 0 0 auto;
    width: 33.33333333%;
}
.card-body label {
	padding-right: 10px;
    padding-left: 3px;
    vertical-align: text-bottom;
}

.card-body .radio_control table tr td {
position: relative;    border: 1px solid #ddd;
    padding: 10px;
    border-left: 0;
    border-right: 0;
}
.card-body .radio_control table tr td input[type="radio"] {
position: absolute;
top: 15px;
}
.card-body .radio_control table tr td label {
padding-left: 20px;
}

.custom_select {
            width: 30%;
            overflow: auto;
            text-align: right;
        }













 
/* ================== Responsive Media ================== */


@media (min-width:1500px) {
.dashboard_windowcontrol .profile_box { margin-bottom: 25px;}
}
@media (max-width:1400px) {
.count_box {padding: 25px 10px;}
.count_box .count_icon {max-width: 70px;}
.count_box h5 {font-size: 14px;}
.card-header {font-size: 16px;}
}


@media (max-width:1230px) {
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
padding-bottom: 50px;}
.stellarnav>ul>li>a {padding: 15px 10px 15px 10px;}
.stellarnav li.has-sub>a:after {margin-left: 3px;}
.profile_text h5 {font-size: 12px;}
}

@media (max-width:990px) {
.pagehead_buttons .tab_btn_control {text-align:center}
.align_right {text-align:center}
#layoutSidenav #layoutSidenav_nav {flex-basis: 300px;transform: translateX(-300px);}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {width: 300px;}
.logo_inline {padding-left: 0;  margin-bottom: 5px;}
.avedan_btnlink a {padding: 5px 7px;font-size: 13px;}
.breadcrumb.mb-4 {margin-bottom:0 !important}

}

@media (max-width:768px) {
.logo_text h5 {font-size: 18px;}.max_h1 {font-size:100px;}
.login_form_box {margin-bottom:50px;}
.login_form_box {margin-top:30px;} 
.btn {--bs-btn-line-height: 1.2;--bs-btn-font-size: 14px;}
h1 {font-size: 21px;}
.breadcrumb-item {font-size: 13px;}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {padding-top: 100px;}
.profile_right {padding-bottom:2px;}
.avedan_btnlink a {padding: 2px 10px 2px 5px;font-size: 13px;}
.notice_flash .news_head {padding: 5px 15px 5px 15px;}
.notice_flash .notice_text {padding: 5px;}
.logo_inline {padding-left: 0; margin-bottom: 5px;}
.logo_text h6 {font-size:14px}

}


@media (max-width:650px) {
.logo_text h6 { font-size: 12px;}
}


@media (max-width:590px) {
.sb-topnav {height:unset;}
.logo_text h6 { font-size: 14px;}
.logo_text {text-align: center;}
.navbar-expand {flex-wrap: wrap;}
.sb-topnav.navbar-dark #sidebarToggle {font-size:16px}
.profile_right .navbar-nav .nav-link {font-size: 16px;padding: 0;}
.dataTable-top > div:first-child {text-align: center;float: none;margin-bottom: 15px;}
.dataTable-top > div:last-child {text-align: center;float: none;}
.footer_control .d-flex {display: block !important;text-align: center;}
.edition_btn_control {margin-bottom: 15px;}
.icon_img img {width:30px;}	
.tab_nav_box .nav-tabs .nav-link {font-size: 14px;padding: 7px 5px 5px;}
.icon_img {width: 40px;height: 40px;line-height: 40px;}
.step_heading {padding: 7px 7px 5px; font-size: 13px;}
.step_number {font-size: 14px;}
.table {font-size: 13px;}
.center_clickhead {font-size: 16px;}
.dashboard_windowcontrol { }
h1 {font-size: 18px;}
.page_nav h1 {font-size:18px;}
.logo_inline {padding-left: 0;width: 100%;justify-content: center; border-bottom: 1px solid rgb(245, 248, 249, 0.39); margin-bottom: 5px;   padding-bottom: 5px;}

}
 
@media (max-width:350px) { 
.avedan_btnlink a {padding: 2px 5px 2px 2px;font-size: 12px;}
.navbar-expand .navbar-nav.me-3 {margin-right: 0 !important;}

}


@media (max-width: 1024px) {
.menu_control .container {max-width: 90%;}
}
@media (max-width: 990px) {
.stellarnav>ul>li>a {font-size: 15px; padding: 15px 15px 15px 0px;}
}

@media (max-width: 768px) {
.sb-topnav .container {max-width:90%;}
.stellarnav.dark a i, .stellarnav.dark li a i {
    color: #dbebee;
}
 
.stellarnav.dark ul ul li a {font-size:15px;}
.horizental_view .menu_control .container {
    max-width: 100%;
}
.horizental_view .stellarnav .menu-toggle {padding: 15px 0; }
.horizental_view .logo_inline {border-bottom: 0;margin-bottom: 0}
.horizental_view .sb-nav-fixed .sb-topnav {padding:5px 0 0}



}
@media (max-width: 570px) {
.sb-topnav .container {max-width:100%;padding: 0;}
.horizental_view .profile_right {
    position: absolute;
    right: 10px;
    top: 112%;
}
.horizental_view .profile_right .navbar-nav .nav-link {
    color: #0c768a;font-size:16px;
}
.sb-topnav.navbar-dark #sidebarToggle {position: absolute;
top: 70%;left: 15px;font-size: 20px;}




}



.headstyle_h4 i {padding-right:5px;color: #ff7644;}


/* Notification Window ==================== */
#popup_window {
    position: fixed;
    bottom: -50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    padding: 0;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    width: 100%;
    display: block;
    overflow: hidden;
}

.popup_content {
    /* display: inline-block;*/
    position: relative;
    padding: 0;
}

#popup_window .close_btn {
    font-size: 20px;
    top: 0;
    right: 0;
    position: absolute;
       width: 30px;
    height: 30px;
    line-height: 30px;
}

.notice_flash {
    position: relative;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: #006337;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .notice_flash .notice_text {
        color: #ff0;
        margin: 0;
        width: 100%;
        animation: marquee 10s linear infinite;
        display: inline-block;
        padding-right: 5%;
    }

        .notice_flash .notice_text a {
            color: #fff;
            position: relative
        }

            .notice_flash .notice_text a:hover {
                color: #fff;
            }

            .notice_flash .notice_text a:after {
                position: absolute;
                right: 0;
                bottom: 0;
                z-index: 9;
                width: 0;
                background-color: #fff;
                content: "";
                height: 2px;
                -webkit-transition: all 0.5s linear 0s;
                -moz-transition: all 0.5s linear 0s;
                -ms-transition: all 0.5s linear 0s;
                -o-transition: all 0.5s linear 0s;
                transition: all 0.5s linear 0s;
            }

            .notice_flash .notice_text a:hover:after {
                left: 0;
                width: 100%;
            }

    .notice_flash .news_head {
        height: auto;
        position: relative;
        background-color: #063978;
        padding: 13px 30px 12px 30px;
        color: #fff;
        z-index: 1;
        overflow: hidden;
        display: block;
        text-transform: uppercase;
    }

        .notice_flash .news_head:after {
            content: "";
            top: 0;
            transform: translateX(100%);
            width: 100%;
            height: 100%;
            position: absolute;
            animation: slide 5s infinite;
            background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
            background: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)) );
            background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
            background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
            background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
            background: linear-gradient( to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100% );
        }

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}


.loader_control img {width:100px;height:100px}

/*================== Notification Window ==================== */