/* Add here all your css styles (customizations) */

@media (max-width: 575.98px) {
	
.btn-block-xs {
  display: block;
  width: 100%;
}
	
}

/* ------------------- */
/* --- Header --- */
/* ------------------- */

.section-border-top {
	padding-bottom: 15px;
	padding-top: 17px;
	border-top: 1px solid #D4D4D4;
}


/* Header: Fade in shadow on scroll when supported */
@supports (animation-timeline: scroll()) {
  header {
    animation: scroll-shadow linear both;
    animation-timeline: scroll();
    animation-range: 0ex 5ex;
  }

  @keyframes scroll-shadow {
    from {
      box-shadow: none;
    }

    to {
      box-shadow: var(--shadow);
    }
  }
}


/* ------------------- */
/* --- BACKGROUNDS --- */
/* ------------------- */

.bg-size-cover {
	background-size: cover;
}

.bg-pos-center {
	background-position: center;
}

.bg-pos-y-center {
	background-position-y: center;
}

.bg-login {
	background-color: #f7f7f7;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-footer {
	background-color: #007a89 !Important;
}

/* ------------ */
/* --- TEXT --- */
/* ------------ */

.text-nowrap {
	white-space: nowrap !important;
}





/* --------------- */
/* ---- TEXT ----- */
/* --------------- */

.text-white {
	color: white !important;
}


/* ---------------------------- */
/* ------ SOCIAL ICONS -------- */
/* ---- fix para iconmoon ----- */
/* ---------------------------- */

.icoon-center-align {
	position: absolute;
	left 50%;
	vertical-align: text-top !important;
	vertical-align: top !important;
}


.social-fa {
  display: inline-grid;
  justify-items: center;
  align-items: center;	
}


/* ------------ */
/* --- MISC --- */
/* ------------ */

.mw-400 {
	max-width: 400px;
}

.mw-500 {
	max-width: 500px;
}


.alpha-25 {
	opacity: 0.25;
}

.alpha-50 {
	opacity: 0.5;
}

.alpha-75 {
	opacity: 0.75;
}

.line-height-12 {
	line-height: 12px;
}

.line-height-14 {
	line-height: 14px;
}

.line-height-16 {
	line-height: 16px;
}

.line-height-normal {
	line-height: normal;
}

.menu-toggler-mov {
	position: absolute;
	bottom: 10px;
}

.menu-toggler {
	position: absolute;
	bottom: 22px;
	margin-right: 15px;
}

.initiallyHidden {
	display: none;
}

/* Used for programming */
.temp {color: #6d929b;} 
.temp2 {color: #df614a;} 
.temp-img {border: 0px solid #0FE1DE !important;}

/* Avatar for guests */
.guest-avatar {border: 2px solid #ffffff !important;}

.display-none {
	display: none;
}

.alpha-85 {
	opacity: 0.85;		
}

.cursor-default {
	cursor: default;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.u-badge-v1-kinky-my-galleries {
  /* position: relative; */
  min-width: 44px; /* 2.88571rem; */
  min-height: 1.28571rem;
  line-height: 1.28571rem;
  padding: 0.21429rem;
  right: 10px !important;	
}

.g-p-0 {
	padding: 0 !important;
}

.text-justify {
	text-align: justify;
}

.overflow-hidden {
	overflow: hidden;
}

.g-mt-minus-2 {
	margin-top: -2px !important;
}

/* Separator user logged */
.g-separator-logged-user {
	height: 0; 
	margin: 0.25rem 0; 
	border-top: 1px solid #e9ecef;
	overflow: hidden;
}

.g-report-separator-items {
	height: 10px; 
	margin: 0.35rem 0; 
	overflow: hidden; 
}

.g-brd-top-ea9 {
	border-top: 1px solid #e9ecef !important;
}

.g-text-right {
	text-align: right !important;
}
/* --------------- */
/* --- Buttons --- */
/* --------------- */

/* SweetAlert */
.swal2-background-gray {
background-color: #F2F2F2 !important;
}

/* When the logged user liked or unliked something */
.likes-selected {
	color:#a9e6e6 !important;
}

.likes-selected-dark {
	color:#1fbfd1 !important;
}

.comment-reply-admin-box {
	margin-top: -20px;
	border: 1px solid #eeeeee !important;
	border-top: 0px;
}

/* Growing button text */
.growing-button-text	span {
	max-width: 0;
	-webkit-transition: max-width 1s;
	transition: max-width 1s;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	object-fit: contain;
}
								
.growing-button-text:hover span {
	max-width: 7rem;
}

/* ------- */

.header-mt-submenu {
	margin-top: 33px;
}

.brd-left-replies {
	border-left: 2px solid #29d6e6!important;
}

.brd-left-repliesreply {
	border-left: 2px solid #909090!important;
}


.blur-box {
	background-color:#F4F4F4;
}

.blur-text {
   /* color: transparent; */
   color: #7E7E7E;
   opacity: 0.3;	
   text-shadow: 0 0 4px rgba(0,0,0,1);	
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.protect-img {
  pointer-events: none;
  }


/* ------------------ */
/* Fellow profile box */
/* ------------------ */

.fellow-profile-admin-box {
	margin-top: -20px;
	border: 1px solid #eeeeee !important;
	border-top: 0px;
	background-color: #ededed !important;
}

.fellow-profile-admin-box-xs {
	margin-top: -20px;
	border: 1px solid #eeeeee !important;
	border-top: 0px;
	background-color: #fff !important;
}

.text-off {
	color: #E5E5E5; /* white bg */ 
	color: #d0d0d0; 
}

.text-on {
	color: #629BA2; /* white bg */ 
	color: #006e7b;
}

.text-on:hover {
	color: #4FC9D8; /* white bg */  
	color: #ffffff;
}

.text-available {
	color: #B0B0B0; /* white bg */  
	color: #797c7c;
}

.text-available:hover {
	color: #629BA2; /* white bg */  
	color: #006e7b;
}

/* ------------------ */

.bg-textarea {
	background-color: #F7F7F7;
}

.dropdown-languages {
	padding: 5px !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.dropdown-languages li {
	padding: 5px 0 3px 5px !important;
	font-size: 12px;
	font-weight: 500;
	color: #727272;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;	
}


/* Three dots menu button */
@media (max-width: 575.98px) {
	
.dropdown-menu-button {
	background-color: #fff999;
	position: absolute;
	min-width: 50vw !important;
	left: -40px !important; 
}
	
.dropdown-menu {
  /* min-width: 13rem; */
  min-width: 50vw !important;	
}	
		
}

.dropdown-menu-button-box {
	padding: 15px 15px 25px 20px;
}

.dropdown-menu-button {
	background-color: #ffffff;
	position: absolute;
	/* left: -40px !important;  */
}

.dropdown-menu-button li {
	background-color: #ffffff;
	margin: 3px 0 3px 3px;
	min-height: 28px;
	width: 100%;
	
}

.dropdown-menu-button li:hover {
	/* background-color: #F5F5F5; */
}

.lng-selected {
	color: #727272;
	font-weight: 600;
	font-size: 12px;
}

/* --------------------------- */
/*  Report Profile near footer */
/* --------------------------- */

.report-warning-text-box {
	padding-left: 4vw;  
	padding-right: 4vw;
}

.report-warning-text {
	border-top: thin solid #eeeeee;
	padding-top: 10px;
	font-size: 12px;
}


/* --------------------------- */
/*  spinner */
/* --------------------------- */
			  

.spinner {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: #33cddb;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  
  animation: spin 1s ease infinite;
}

.spinner-btn {
  border: 3px solid rgba(0, 0, 0, .1);
  border-left-color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  
  animation: spin 1s ease infinite;
}

.mt-6 {
	margin-top: 6px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg); 
  }

  100% {
    transform: rotate(360deg);
  }
}

/* --------------------------- */
/*  flex */
/* --------------------------- */

.flex-gap-10 {
	gap: 10px 10px;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-grow-3 {
  flex-grow: 3 !important;
}

.flex-grow-4 {
  flex-grow: 4 !important;
}


/* --------------------------- */
/*  Paddings */
/* --------------------------- */

.p-0 {
	padding: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pt-5-px {
	padding-top: 5px !important;
}

.pb-5-px {
	padding-bottom: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

/* --------------------------- */
/*  Margins */
/* --------------------------- */

.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mt-5-px {
	margin-top: 5px !important;
}

.mt-10-px {
	margin-top: 10px !important;
}

.mb-5-px {
	margin-bottom: 5px !important;
}

.mb-10-px {
	margin-bottom: 10px !important;
}


/* --------------------------- */
/*  Font Size */
/* --------------------------- */

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

/* --------------------------- */
/*  Sticky Top */
/* --------------------------- */

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

@media (min-width:576px) {
    .sticky-sm-top {		
        position: sticky;
        top: 0;
        z-index: 1020;		
		
    }
}


@media (max-width:767.85px) {
    .sticky-md-top {
		--shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem;
        position: sticky;
        top: 0;
        z-index: 1020;
			
		/* Fall back to persistent shadow */
  		box-shadow: var(--shadow);			
    }
}

/*
@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}*/

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1800px) {
    .sticky-xxxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}





/* --------------- */
/* --- SideBAR --- */
/* --------------- */

/* --------------- */
/* blinking dot */
/* -------------- */

.live{
  height:4px;
  width:4px;	
  display:block;
  border-radius:50%;
  background-color:#B5F900;
  animation:pulse 2500ms infinite;
}

@keyframes pulse{
  0%{
    box-shadow:#B5F900 0 0 0 0;
  }
  75%{
    box-shadow:#B5F90000 0 0 0 8px;
  }
}


/* --------------- */
/* badge w/number   */
/* --------------- */

.wrapperBadgeNum {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 16px;
}

.BadgeNum {
    display: inline-block;
    min-width: 30px; /* pixel unit */
    padding: 5px 7px; /* pixel unit */
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    background: #E4E4E4;
    color: #2B7B9C;
	font-weight: bold;
}

.sidebar-hr-thin {
	margin: 4px 0 2px 0;
}

/* .sidebar-01 {
	max-width: 300px !important;
	background-color: #04737c !important;
	color: aliceblue;
	
}

.sidebar-user-info {
	background-color: #00434b; 
}

.sidebar-sub-menu {
 background-color: #00434b; 
	padding: 1rem;
	border-bottom: thin solid #43AAC9;
	border-top: thin solid #43AAC9;
} */

	.fa-caret-right {
    transition: all 0.3s ease;
 }
	.offcanvas-header.collapsed .fa-caret-right {
	  transform: rotate(180deg);
	}
		
	.offcanvas-header[aria-expanded="false"] .fa-caret-right {
      transform: rotate(0deg);
}				
		
	.offcanvas-header[aria-expanded="true"] .fa-caret-right {
      transform: rotate(90deg);
}


.app-sidebar-collapseborders {
	background-color: #00434b;
	border-bottom: thin solid #43AAC9;
	border-top: thin solid #43AAC9;		
			
}	

.app-sidebar-profile-topborder {
	background-color: #00434b;
/*	border-bottom: thin solid #43AAC9; */
	border-top: thin solid #43AAC9;		
			
}	

.app-sidebar-profile-icon {
	color: #44848e;			
}	

.app-sidebar-float-submenu-container {
    position: fixed;
    width: 270px;
    margin: 0;
    background: #fff999;
    z-index: 1020;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.app-sidebar-float-submenu-container .app-sidebar-float-submenu {
    padding: 9px 0 9px 0;
}

.app-sidebar-float-submenu-container .app-sidebar-float-submenu .active > a .menu-caret:before,
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .expand > a .menu-caret:before,
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .expanding > a .menu-caret:before {
    opacity: 1;
    transform: rotate(90deg);
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret {
    display: block;
    margin-left: auto;
    width: 20px;
    text-align: center;
    font-size: 0.75rem;
    border: none;
    font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-caret:before {
    content:  "\f0da"; 
/*	font-family:  Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important; */
    display: block;
    text-align: center;
    opacity: 0.5;
    transition: all 0.2s linear;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item {
    position: relative;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link {
    padding: 3px 20px 3px 15px;
    line-height: 18px;
    color: #fff999; /* var(--bs-app-sidebar-menu-submenu-link-color); */
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
}

.menu-profile-link {
    padding: 3px 20px 3px 15px !important;
}

.menu-profile-link:hover {
	color: #cff4fa !important;
}



.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link .menu-text {
    flex: 1;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:focus,
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:hover {
    background: 0 0;
    color: #ffffff;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-link:after {
    content: "";
    position: absolute;
    top: 11px;
    width: 11px;
    height: 2px;
    background: #cfd8dc;
    left: -11px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:before {
    content: "";
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #cfd8dc;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:after {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border: solid 1px #fff999;
    top: 11px;
    margin-top: -2px;
    z-index: 10;
    background: var(--bs-app-sidebar-bg);
    border-radius: 4px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:before {
    top: -11px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:first-child:last-child:before {
    height: 20px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item:last-child:before {
    bottom: auto;
    height: 13px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.has-sub > a:before {
    background: #cfd8dc;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active > .menu-link {
    background: 0 0;
    color: var(--bs-app-sidebar-component-color);
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active:after {
    border-color: var(--bs-app-theme);
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item .menu-submenu {
    padding: 0 0 0 15px;
    background: 0 0;
    position: relative;
    display: none;

}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu .menu-item.active.has-sub > .menu-submenu {
    display: block;

}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu > .menu-item:first-child:before {
    top: 11px;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu > .menu-item:first-child:last-child:before {
    height: 0 !important;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu-arrow {
    position: absolute;
    top: 20px;
    width: 28px;
    height: 2px;
    background: var(--bs-app-sidebar-float-submenu-grid-border-color);
    left: 0;
}
.app-sidebar-float-submenu-container .app-sidebar-float-submenu-line {
    position: absolute;
    top: 20px;
    width: 2px;
    background: var(--bs-app-sidebar-float-submenu-grid-border-color);
    left: 26px;
}
@keyframes appSidebarSubMenuSlideInRight {
    to {
        transform: translate3d(0, 0, 0);
    }
}
.app-sidebar {
    width: 270px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
/*    padding-top: 60px; */
    background: #44848e; /* #04737c; */
    z-index: 1010;
}
@media (max-width: 767.98px) {
    .app-sidebar {
        position: fixed;
        padding-top: 0;
 /*       left: -270px; */
        z-index: 1021;
    }
}
.app-sidebar .menu .menu-profile {
    padding: 20px;
    color: #ffffff;
    background: #00717e;
    overflow: hidden;
    position: relative;
	text-decoration: none !important;
}
.app-sidebar .menu .menu-profile .menu-profile-link {
    margin: -20px;
    padding: 20px;
    display: block;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none !important;
}
.app-sidebar .menu .menu-profile .menu-profile-link:hover .menu-profile-cover.with-shadow:before {
    opacity: 0.75;
}
.app-sidebar .menu .menu-profile .menu-profile-image {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    border-radius: 40px;
}
.app-sidebar .menu .menu-profile .menu-profile-image img {
    max-width: 100%;
    max-height: 100%;
}
.app-sidebar .menu .menu-profile .menu-profile-image.menu-profile-image-icon i {
    float: none;
    display: block;
    font-size: 36px;
    text-align: center;
    width: auto;
    margin: 0 auto -22px;
}
.app-sidebar .menu .menu-profile .menu-profile-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/bg-offcanvas.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.app-sidebar .menu .menu-profile .menu-profile-cover.with-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background-image: url(../images/bg-offcanvas.png);
/*    background: rgba(43, 2, 2, 0.85); /* Sidebar bg */
    transition: all 0.2s linear;
}
.app-sidebar .menu .menu-profile .menu-profile-info {
    font-size: 0.875rem;
    position: relative;
	text-decoration: none;
}
.app-sidebar .menu .menu-profile .menu-profile-info .small,
.app-sidebar .menu .menu-profile .menu-profile-info small {
    display: block;
    font-weight: 400;
    color: #CDCDCD;
    font-size: 0.8125rem;
    margin-bottom: -3px;
    line-height: 1;
}
.app-sidebar .menu .menu-header {
    margin: 0;
    padding: 15px 20px 5px;
    line-height: 20px;
    font-size: 13px;
    color: var(--bs-app-sidebar-menu-header-color);
    font-weight: 500;
}
.app-sidebar .menu .menu-divider {
    height: 1px;
    background-color: #51BAE0;
    margin: 10px 0;
}
.app-sidebar .menu .menu-caret {
    display: block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border: none;
    font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-left: auto;
}
.app-sidebar .menu .menu-caret:before {
    content: "\f0da";
    display: block;
    text-align: center;
    opacity: 0.5;
    transition: all 0.2s linear;
}
.app-sidebar .menu .menu-search {
    padding: 20px;
}
.app-sidebar .menu .menu-search + .menu-item {
    padding-top: 0;
}
.app-sidebar .menu .menu-search .form-control {
    background: 0 0;
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid rgba(var(--bs-app-sidebar-component-color-rgb), 0.2);
    color: var(--bs-app-sidebar-component-color);
    border-radius: 0;
}
.app-sidebar .menu .menu-search .form-control:focus {
    border-color: rgba(var(--bs-app-sidebar-component-color-rgb), 0.5);
    box-shadow: none;
}
.app-sidebar .menu .active:not(.closed):not(.closing) > a .menu-caret:before,
.app-sidebar .menu .expand > a .menu-caret:before,
.app-sidebar .menu .expanding > a .menu-caret:before {
    opacity: 1;
    transform: rotate(90deg);
}
.app-sidebar .menu .menu-item {
    position: relative;
}
.app-sidebar .menu .menu-item .menu-link {
    padding: 10px 20px;
    line-height: 20px;
    color: #fff; /* #a8c0c2; #cff4fa;  sidebar link color */
	font-size: 13px;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    font-weight: 300;
 /*   background: var(--bs-app-sidebar-menu-link-bg);  */
}
.app-sidebar .menu .menu-item .menu-link .menu-text {
    flex: 1;
}
.app-sidebar .menu .menu-item .menu-link .menu-badge {
    padding: 0 0.975em;
    background: var(--bs-app-sidebar-menu-badge-bg);
    color: #E7D91E;  /* Text BADGES */
    font-weight: var(--bs-app-sidebar-menu-badge-font-weight);
    font-size: 10px;
    border-radius: 8px;
}
.app-sidebar .menu .menu-item .menu-link .menu-label {
    padding: 0.35em 0.65em;
    font-size: 75%;
    font-weight: 500;
    color: #fff999;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--bs-app-theme);
    border-radius: 3px;
    margin-left: 5px;
}
.app-gradient-enabled .app-sidebar .menu .menu-item .menu-link .menu-label {
    background-image: var(--bs-gradient);
}
.app-sidebar .menu .menu-item .menu-link:focus,
.app-sidebar .menu .menu-item .menu-link:hover {
    background: var(--bs-app-sidebar-menu-link-hover-bg);
    color: var(--bs-app-sidebar-menu-link-hover-color);
}
.app-sidebar .menu .menu-item .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #034c52; /* icon color */
    width: 24px;
    height: 24px;
    border-radius: 0;
    margin-top: -2px;
    margin-bottom: -2px;
    margin-right: 10px;
}
.app-sidebar .menu .menu-item .menu-icon img {
    max-width: 100%;
    max-height: 100%;
}
.app-sidebar .menu .menu-item .menu-icon .iconify,
.app-sidebar .menu .menu-item .menu-icon [class^="ion-"],
.app-sidebar .menu .menu-item .menu-icon ion-icon {
    width: 22px;
    height: 22px;
    font-size: 22px;
    margin: -2px -2px;
}
.app-sidebar .menu .menu-item .menu-icon-img {
    margin-top: -2px;
    margin-bottom: -2px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.app-sidebar .menu .menu-item .menu-icon-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.app-sidebar .menu .menu-item .menu-submenu {
    padding: 10px 0 10px 0;
    margin: 0;
    position: relative;
    display: none;
	
	background-color: #00434b;
	border-bottom: thin solid #43AAC9;
	border-top: thin solid #43AAC9;		
			
	
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item {
    transform: translate3d(-100%, 0, 0);
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
    padding: 3px 20px 3px 20px;
    text-decoration: none;
    position: relative;
    line-height: 20px;
    color: #cff4fa;  /* #009eb1; SubMenu Links */
    font-weight: var(--bs-app-sidebar-menu-submenu-link-font-weight);
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:focus,
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:hover {
    color: #a8c0c2;
    background: var(--bs-app-sidebar-menu-submenu-link-hover-bg);
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item.active > .menu-link {
    background: 0 0;
    color: #a8c0c2;
}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-submenu {
    padding: 0 0 0 15px;
    background: 0 0;
}
.app-sidebar .menu .menu-item.active.has-sub > .menu-submenu {
    display: block;
}
.app-sidebar .menu .menu-item.active > .menu-link {
    position: relative;
    z-index: 10;
    color: #a8c0c2;
    background: var(--bs-app-theme);
}
.app-gradient-enabled .app-sidebar .menu .menu-item.active > .menu-link {
    background-image: var(--bs-gradient);
}
.app-sidebar .menu .menu-item.active > .menu-link .menu-badge {
    background: rgba(0, 0, 0, 0.65);
}
.app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: #034c52; /* icon color */
}
.app-sidebar .menu .menu-item.active > .menu-link .menu-label {
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
}
.app-sidebar .menu .menu-item.active > .menu-submenu > .menu-item,
.app-sidebar .menu .menu-item.expand > .menu-submenu > .menu-item {
    animation: appSidebarSubMenuSlideInRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}
.app-sidebar .menu .collapse > .menu-item {
    transform: translate3d(-100%, 0, 0);
}
.app-sidebar .menu .collapse.expand > .menu-item {
    animation: appSidebarSubMenuSlideInRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(2),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(2) {
    animation-delay: 45ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(3),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(3) {
    animation-delay: 60ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(4),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(4) {
    animation-delay: 75ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(5),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(5) {
    animation-delay: 90ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(6),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(6) {
    animation-delay: 105ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(7),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(7) {
    animation-delay: 120ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(8),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(8) {
    animation-delay: 135ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(9),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(9) {
    animation-delay: 150ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(10),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(10) {
    animation-delay: 165ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(11),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(11) {
    animation-delay: 180ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(12),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(12) {
    animation-delay: 195ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(13),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(13) {
    animation-delay: 210ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(14),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(14) {
    animation-delay: 225ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(15),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(15) {
    animation-delay: 240ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(16),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(16) {
    animation-delay: 255ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(17),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(17) {
    animation-delay: 270ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(18),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(18) {
    animation-delay: 285ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(19),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(19) {
    animation-delay: 0.3s;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(20),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(20) {
    animation-delay: 315ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(21),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(21) {
    animation-delay: 330ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(22),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(22) {
    animation-delay: 345ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(23),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(23) {
    animation-delay: 360ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(24),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(24) {
    animation-delay: 375ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(25),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(25) {
    animation-delay: 390ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(26),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(26) {
    animation-delay: 405ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(27),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(27) {
    animation-delay: 420ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(28),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(28) {
    animation-delay: 435ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(29),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(29) {
    animation-delay: 450ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(30),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(30) {
    animation-delay: 465ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(31),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(31) {
    animation-delay: 480ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(32),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(32) {
    animation-delay: 495ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(33),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(33) {
    animation-delay: 510ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(34),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(34) {
    animation-delay: 525ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(35),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(35) {
    animation-delay: 540ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(36),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(36) {
    animation-delay: 555ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(37),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(37) {
    animation-delay: 570ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(38),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(38) {
    animation-delay: 585ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(39),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(39) {
    animation-delay: 0.6s;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(40),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(40) {
    animation-delay: 615ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(41),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(41) {
    animation-delay: 630ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(42),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(42) {
    animation-delay: 645ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(43),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(43) {
    animation-delay: 660ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(44),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(44) {
    animation-delay: 675ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(45),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(45) {
    animation-delay: 690ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(46),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(46) {
    animation-delay: 705ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(47),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(47) {
    animation-delay: 720ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(48),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(48) {
    animation-delay: 735ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(49),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(49) {
    animation-delay: 750ms;
}
.app-sidebar .menu .collapse.expand > .menu-item:nth-child(50),
.app-sidebar .menu .menu-item > .menu-submenu > .menu-item:nth-child(50) {
    animation-delay: 765ms;
}
.app-sidebar .app-sidebar-content {
    position: relative;
}
.app-sidebar .app-sidebar-minify-btn {
    margin: 10px 0;
    padding: 5px 20px 5px 10px !important;
    background: var(--bs-app-sidebar-minify-btn-bg);
    color: var(--bs-app-sidebar-component-color);
    border-radius: 15px 0 0 15px;
}
.app-sidebar .app-sidebar-minify-btn i {
    margin: 0 !important;
    color: var(--bs-app-sidebar-component-color);
}
.app-sidebar .app-sidebar-minify-btn:focus,
.app-sidebar .app-sidebar-minify-btn:hover {
    background: var(--bs-app-sidebar-minify-btn-hover-bg);
}
.app-sidebar.app-sidebar-grid .menu > .menu-item + .menu-item {
    margin-top: -1px;
}
.app-sidebar.app-sidebar-grid .menu > .menu-item > .menu-link {
    border-top: 1px solid var(--bs-app-sidebar-grid-border-color);
    border-bottom: 1px solid var(--bs-app-sidebar-grid-border-color);
}
.app-sidebar.app-sidebar-grid .menu > .menu-item.expand > a,
.app-sidebar.app-sidebar-grid .menu > .menu-item.expanding > a {
    border-bottom-color: transparent;
}
.app-sidebar.app-sidebar-grid .menu > .menu-item.active > .menu-link {
    border-color: var(--bs-app-sidebar-component-active-bg);
}
.app-sidebar.app-sidebar-transparent {
    background: 0 0;
}
.app-sidebar.app-sidebar-transparent + .app-sidebar-bg {
    background: var(--bs-app-sidebar-bg-transparent);
    background-size: cover;
}
.app-sidebar.app-sidebar-transparent + .app-sidebar-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(55, 71, 79, 0.75);
}
.app-sidebar.app-sidebar-transparent .menu .menu-profile {
    background: rgba(0, 0, 0, 0.25);
}
.app-sidebar.app-sidebar-transparent .menu .menu-profile a:focus,
.app-sidebar.app-sidebar-transparent .menu .menu-profile a:hover {
    background: 0 0;
}
.app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover {
    background: 0 0;
}
.app-sidebar.app-sidebar-transparent .menu .menu-profile .menu-profile-cover.with-shadow:before {
    background: 0 0;
}
.app-sidebar.app-sidebar-transparent .menu .menu-profile.active {
    background: rgba(0, 0, 0, 0.25);
}
.app-sidebar.app-sidebar-transparent .menu .menu-submenu {
    background: rgba(0, 0, 0, 0.3);
}
.app-sidebar-bg {
    background: #44848e; /* #04737c; */
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    z-index: 1000;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767.98px) {
    .app-sidebar-bg {
        padding-top: 0;
 /*       left: -220px; */
        z-index: 1020;
    }
}
.app-sidebar-mobile-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    outline: 0;
    display: none;
}