@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

* {
	box-sizing: border-box;
	
}
body {
    background-color: #f8fafb !important;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
}

html {
    overflow-x: hidden;
}

@font-face {
	font-family: "satoshi";
	src: url("/fonts/satoshi/Satoshi-Regular.otf");
}


@font-face {
	font-family: "satoshi-bold";
	src: url("/fonts/satoshi/Satoshi-Bold.otf");
}

@font-face {
	font-family: "satoshi-medium";
	src: url("/fonts/satoshi/Satoshi-Medium.otf");
}

@font-face {
	font-family: "satoshi-black";
	src: url("/fonts/satoshi/Satoshi-Black.otf");
}




@font-face {
  font-family: "SegoeUI";
  src: url("/fonts/Segoe/segoeuithis.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SegoeUI";
  src: url("/fonts/Segoe/segoeuithibd.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SegoeUI";
  src: url("/fonts/Segoe/segoeuithisi.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}




/* @font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'satoshi-bold';
	src: url("../fonts/roboto-condensed/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "RobotoCondensed Regular";
	src: url("../fonts/roboto-condensed/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
	font-family: Satoshi;
	src: url("../fonts/Proxima-Nova/ProximaNova-Regular.otf") format("truetype");
}

@font-face {
	font-family: "proxima-nova-bold";
	src: url("../fonts/Proxima-Nova/ProximaNova-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "proxima-ex-bold";
	src: url("../fonts/Proxima-Nova/Proxima\ Nova\ Extrabold.otf") format("truetype");
} */

/* header start */

/* -----------------------------------
   THEME COLOR SETUP
   ----------------------------------- */


  /* ------------------------------------
   Theme Color Variables
------------------------------------ */

:root {
  --theme-color:rgb(23, 99, 207);
  --theme-color-rgb: 250, 131, 46;

  --bs-primary: var(--theme-color);
  --bs-primary-rgb: var(--theme-color-rgb);
}


body .text-theme {
  color: var(--theme-color) !important;
   outline-color:var(--theme-color) !important;
  border-color:var(--theme-color) !important;
}

body .text-theme-main {
  color: var(--theme-color) !important;
  outline-color:var(--theme-color) !important;
  border-color:var(--theme-color) !important;
}

body .text-primary,
body .text-primary * {
  color: var(--theme-color) !important;
   outline-color:var(--theme-color) !important;
  border-color:var(--theme-color) !important;
}

body .bg-theme {
  background-color: var(--theme-color) !important;
}

body .bg-primary,
body .badge.bg-primary,
body .alert-primary {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}


body .btn-primary,
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active,
body .profile-avatar {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
  border-color:var(--theme-color) !important;

  
}

body .active-sidebar {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}

.light-grn-pill {
    background-color: #e9f8ef;
    color: #28bd66 !important;
    font-weight: 200 !important;
}



.sub-header {
	background: #211430;
}

.sub-header p {
	color: #FFF;
	text-align: center;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
	;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	margin: 0px;
	width: 80%;
}

.sub-header p a {
	color: #05a34f;
	text-decoration: none;
}

.sub-header {
	background: #211430;
	position: relative;
	padding: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub-header ul.social-icon {
	display: flex;
	gap: 20px;
	list-style: none;
	margin-bottom: 0px;
	padding: 0px;
	width: 10%;
	justify-content: right;
}

.sub-header a {
	color: #fff !important;
}

.top-nav {
	padding: 20px 0px !important;
}


li.nav-item a:hover {
	color: #05a34f;
	transition: 0.4s ease;
}

a.nav-link.active {
	color: #05a34f;
}
.menu a:hover {
    text-decoration: none;
}
.nav-link:focus,
.nav-link:hover {
	color: #05a34f;
}

.top-nav #navbarSupportedContent {
	justify-content: end;
}

.top-nav .container-fluid {
	max-width: 1350px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.profile-img {
	border-radius: 50%;
	display: flex;
	align-items: center;
	padding: 0px !important;
}

.top-nav .navbar-nav {
	align-items: center;
	margin-left: 20px;
}

.navbar-brand img {
	width: 350px;
}

.nav-link {
	color: #110d0d;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-size: 14px;
}

.top-nav .navbar-nav {
	width: 90%;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: end;
	margin-left: 0px;
}

.login.nav-link {
	border-radius: 68px;
	border: 2px solid #fff;
	color: #fff;
	padding: 12px 25px !important;
	display: inline-block;
}

.nav-item.dropdown {
	display: flex !important;
	align-items: center;
}

.profile-dropdown {
	margin-right: 20px;
}

.top-nav .dropdown-toggle::after {
	position: relative;
	left: 9px;
}

/* header end */

/*  home page css  */

.hero-banner-text h1 {
	color: #000;
	font-family: 'satoshi-bold';
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	margin: auto;
}

.hero-banner-text {
	max-width: 605px;
	margin: auto;
	padding: 75px 0px 15px;
}

.hero-banner-text p {
	color: #000;

	font-family: 'satoshi-medium';
	font-size: 20px;
	font-style: normal;
	margin-top: 20px;
}

.comman-btn {
	border-radius: 68px !important;
	background: #05a34f !important;
	color: #FFF !important !important;
	text-align: center;
	font-family: 'satoshi-medium';
	font-size: 14px;
	font-style: normal;
	border: none;
	padding: 12px 25px !important;
	text-decoration: none;
	display: inline-block !important;
}
.storage-card .small.text-muted {
    color: hsl(215 15% 45%) !important;
}
.document-titelss h3 {
	font-family: 'satoshi-bold';
}

.navbar-brand {
	margin: 0px !important;
}

.comman-btn:hover {
	background: #211430 !important;
	color: #FFF !important !important;
	transition: .5s ease;
}

.bg-section .comman-btn:hover {
	background: #211430 !important;
	color: #FFF !important;
	transition: .5s ease;
}

.hero-banner-text .comman-btn {
	margin-top: 17px;
}

.hero-banner-img {
	text-align: center;
}

.hero-banner {
	position: relative;
	z-index: 0;
	background: url(/img/background-shape.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

/* .hero-banner::before {
    content: url(/img/background-shape.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
} */
h2.tittle-h2 {
	color: #000;
	font-family: 'satoshi-bold';
	font-size: 42px;
	font-style: normal;
}

.logo-slider {
	margin-top: 50px;
}

.home-second-section {
	padding-bottom: 75px;
}

.logo-slider .slick-slide {
	text-align: center;
	display: flex !important;
	justify-content: center;
}

.home-third-section {
	padding: 60px 0px;
	background: #F7F7F7;
	background-image: url(/img/bg-vector.png);
	background-repeat: no-repeat;
	background-position-y: 32px;
	background-position-x: right;
}

.home-third-section h2 {
	max-width: 630px;
}

.home-third-section p {
	color: #000;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	margin-right: 40px;
	margin-top: 6px;
}

.home-third-section .col-md-4 {
	display: flex;
	justify-content: end;
	align-items: end;
}

.info-card {
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.10);
	padding: 30px 29px;
}

.info-card p {
	margin: 0;
	color: #000;
	font-family: Satoshi;
	font-size: 17px;
}

.info-card-setion {
	display: flex;
	gap: 22px;
	margin-top: 40px;
	justify-content: center;
	flex-wrap: wrap;
}

.info-card img {
	margin-bottom: 15px;
}

.info-card.info-card-1 {
	width: 28.5%;
}

.info-card.info-card-2 {
	width: 38.5%;
}

.info-card .comman-btn {
	margin-top: 20px;
}

.shape-bg {
	background-image: url(/img/shape-bg.png);
	width: 100%;
	padding: 55px 0px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.home-forth-section {
	background: #F7F7F7;
}

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

.client-text p {
	margin-top: 124px;
	color: #FFF;
	font-family: Satoshi;
	font-size: 16.5px;
	font-style: italic;
}

.client-text h4 {
	color: #FFF;
	font-family: 'satoshi-bold';
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
}

.client-text span {
	color: #FFF;
	font-family: Satoshi-medium;
	font-size: 16px;
	font-style: normal;
}

.slider-for,
.slider-right {
	width: 48%;
}

.client-img img {
	object-fit: contain;
	margin: auto;
	height: 130px;
}

.slider-nav button.slick-prev.slick-arrow {
	font-size: 0;
	border: none;
	background: url(/img/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 35px;
	background-color: #00000052;
	border-radius: 5px;
	position: absolute;
	top: -78px;
	left: 85%;
}

button.slick-next.slick-arrow {
	font-size: 0;
	border: none;
	background: url(/img/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 35px;
	background-color: #00000052;
	border-radius: 5px;
	position: absolute;
	top: -78px;
	left: 95%;
	transform: rotate(180deg);
}

.client-img {
	margin: 0px 10px;
	display: flex !important;
	align-items: center;
	height: 159px !important;
	background: #fff;
	border-radius: 10px;
}

.slick-list {
	padding: 0px !important;
}

.slider-right h2 {
	color: #FFF;
	font-family: Satoshi;
	font-size: 37px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
}

.slider-nav {
	margin-top: 42px;
}

.client-img.slick-slide.slick-active {
	opacity: .5;
}

.client-img.slick-slide.slick-current.slick-active {
	opacity: 1;
}

.slider-for::before {
	content: "";
	background: url(/img/before-icone.png);
	height: 110px;
	width: 110px;
	position: absolute;
	top: -10px;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.management-title {
	max-width: 700px;
	margin: auto;

}

.management-title p {
	color: #000;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	margin-top: 6px;
}

.menagement-card {
	display: flex;
	gap: 25px;
	align-items: center;
	margin-bottom: 50px;
}

.menagement-card .card-bottom {
	display: flex;
	gap: 11px;
	align-items: center;
}

.menagement-card-right h3 {
	font-family: 'satoshi-black';
	font-size: 24px;
	font-style: normal;
}

.menagement-card-right p {
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.card-bottom-text h6 {
	font-family: Roboto-Medium;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
}

.card-bottom-text p {
	margin: 0px;
}

.menagement-card-right span {
	font-family: 'satoshi-bold';
	font-size: 14px;
	font-style: normal;
}

.menagement-card-left img {
	border-radius: 10px;
}

.fifth-section-home {
	max-width: 1272px;
	margin: auto;
	padding: 45px 0px;
}

.menagement-wrapper {
	margin-top: 35px;
}

.bg-common-section {
	background: #211430;
	padding: 50px 0px 60px;
	position: relative;
}

.bg-common-section h2 {
	color: #FFF;
	font-family: 'satoshi-bold';
	font-size: 42px;
	font-style: normal;
}

.border-btn {
	border: 1.5px solid #FFF;
	border-radius: 68px;
	color: #FFF;
	text-align: center;
	font-family: 'satoshi-medium';
	font-size: 15px;
	font-style: normal;
	padding: 12px 25px;
	text-decoration: none;
	display: inline-block;
	min-width: 159px;
}

.bg-common-section::before {
	content: "";
	width: 100%;
	position: absolute;
	height: 10px;
	background: linear-gradient(270deg, #05a34f -2.36%, #574D86 100%);
	bottom: 0px;
}

.last-section img {
	width: 100%;
}

.last-section p {
	color: #000;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	margin-top: 6px;
}

.last-section {
	padding: 75px 0px;
	backdrop-filter: blur(3.5px);
	max-width: 1366px;
	margin: auto;
	padding: 112px 0px;
	background: #F7F7F7;
	background-image: url(/img/bg-vector.png);
	background-repeat: no-repeat;
	background-position-y: 16px;
	background-position-x: 32%;
	background-size: 451px;
}

.border-btn:hover {
	border-color: #05a34f;
	color: #05a34f;
}

/* home page css end */
/* solution page */
.solution-first-section {
	background: linear-gradient(255deg, rgba(87, 77, 134, 0.40) 0%, rgba(228, 238, 241, 0.00) 9.36%);
	padding: 25px 0px;
	position: relative;
}


.hero-banner-text span {
	color: #574D86;
	font-family: 'satoshi-bold';
	font-size: 14px;
	font-style: normal;
	display: inline-block;
	margin-bottom: 10px;
}

.solution-first-section .container {
	background: url(http://127.0.0.1:8000/img/shape-bg-2.png);
	background-size: 63%;
	background-repeat: no-repeat;
	background-position: right;
}

.solution-first-section .hero-banner-text {
	padding-top: 0px;
}

.solution-second-section {
	padding: 7px 0px 20px;
}

.solution-fourth-section {
	padding: 60px 0px 40px;
}

.ul-style {
	list-style: none;
	padding: 0px;
}

.ul-style li {
	color: #000;
	font-family: 'satoshi-medium';
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	background: url(/img/cropped-fab-boraent.png);
	background-repeat: no-repeat;
	padding-left: 46px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.container-fluid {
	max-width: 1400px !important;
}

.solution-fourth-section h2 {
	margin-bottom: 15px;
}

.rl-section img {
	width: 100%;
	border-radius: 20px;
}

.p-style {
	color: #000;
	font-family: Satoshi;
	font-size: 20px;
	font-style: normal;
	margin-top: 6px;
}

.solution-sixth-section {
	padding: 55px 0px;
}

.bg-section {
	background: linear-gradient(262deg, #05a34f 0%, #574D86 78.1%);
	padding: 55px 0px;
}

.bg-section img {
	width: 95%;
	border-radius: 15px;
	box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.24);
}

.bg-section h2,
.bg-section p {
	color: #fff;
}

.bg-section .comman-btn {
	color: #05a34f !important;
	background-color: #FFF !important;
}

/* solution page end */

/* login */
.login-titel {
    color: #1d2530;
    font-weight: 700;
    font-family: 'satoshi-black';
    font-size: 24px;
    line-height: 32px;
    margin: 0px;
    letter-spacing: -0.6px;
    text-align: center;
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.p-3.rounded-full.bg-primary\/10 {
    background: #1763cf1a;
    border-radius: 50%;
	    padding: 12px !important;
}
.login-form p {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #627084;
    font-weight: 400 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.login-form {
    border-radius: .75rem;
    padding: 1.5rem;
    /* box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.10); */
    max-width: 28rem;
    margin: auto;
    background: #fff;
    border: 1px solid #dadfe7;
}
.col-md-12.email-input input {
    padding: 8px 12px 8px 40px;
    height: auto !important;
    background: #f8fafb;
	    font-size: 14px;
		margin-bottom:5px;
}


.col-md-12.email-input svg {
    position: absolute;
    top: 41px;
    z-index: 999 !important;
    left: 28px !important;
    width: 16px;
    color: #627084;
}

.col-md-12.email-input {
    position: relative;
}
.login-page,
.change-password {
	padding: 80px 0px;
	background: #f1f4f7;
}

.art-submit-btn a {
	color: #05a34f;
}

.art-submit-btn a:hover {
	color: #211430;
}
.col-md-12.email-input input::placeholder {
    font-size: 14px;
}
.art-submit-btn input {
    padding: 10px !important;
    height: auto !important;
    font-size: 14px;
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
	 font-weight: 500;
}
.art-submit-btn button{
	width:100%;
	font-size: 14px;
}
a.forgot-text.text-end,.back-login-btn a {
    text-align: center !important;
    color: #627084 !important;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	text-decoration: none;
}
a.forgot-text.text-end:hover,.back-login-btn a:hover {
    color: #1763cf !important;
}
.col-md-12.email-input label {
    color: #1d2530 !important;
    font-size: 14px;
	    margin-bottom: 7px;
}
.col-md-12.email-input input:focus {
 
    border: 1px solid #e0e5eb !important;
    outline: 2px solid #1763cf;
    outline-offset: 2px;
}
input#password::placeholder,#password-confirm::placeholder{
	font-size:25px !important;
	position: relative;
	top:-3px;
}
.login-page {
    height: 100vh;
    display: flex;
    align-items: center;
}
.art-submit-btn p {
	font-size: 17px;
	line-height: 27px;
	color: #000;
	font-weight: 500;
	font-family: 'satoshi-bold';
	text-align: center;
}

input[type="submit"]:hover {
	background-color: #211430;
}

input[type="submit"] {
	/*border: none;
	width: 162px;
	height: 53px;
	border-radius: 8px;
	background-color: #05a34f;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	font-family: 'satoshi-bold';*/
	width: 152px !;
	border-radius: 10px !important;
	background-color:  var(--theme-color) !important;
	color: #FFF !important;
	text-align: center;
	font-family: 'satoshi-medium';
	font-size: 15px;
	font-style: normal;
	border: none;
	padding: 12px 25px !important;
	text-decoration: none;
	display: inline-block !important;
}

a.blk-text:hover {
	color: #211430;
}

a.blk-text {
	font-size: 17px;
	line-height: 43px;
	color: var(--theme-color) !important;
	font-family: 'satoshi-bold';
	font-weight: 600;
	text-align: right;
	text-decoration: none;
	display: flex;
	justify-content: end;
}

.art-submit-btn {
	display: flex;
	justify-content: center;
}

/* user page */

input {
	width: 100%;
	height: 48px !important;
	border-radius: 8px !important;
	border: 1px solid #979797;
	outline: none;
	padding: 10px;
}

#custom-button {
	padding: 9px 38px;
	border-radius: 5px;
	background-color: var(--theme-color) !important;
	border: none;
	color: #fff;
	font-family: 'satoshi-bold';
	font-size: 13px;
}

#custom-button:hover {
	background-color: #211430;
	transition: 0.4s ease;
}

#custom-text,
.custom-text {
	margin-left: 10px;
	font-size: 10px;
	color: #000000;
	font-family: Satoshi;
	font-size: small;
}

.upload-image {
	display: flex;
	align-items: center;
}

.user-img {
	height: 75px;
	border-radius: 50%;
}

label {
	font-size: 14px;
	color: #3d3d3d;
font-family: "satoshi-medium";
	margin: 5px 0px;
}

.user-account h1 {
	font-size: 29px;
	color: #211430;
	font-weight: 700;
	font-family: 'satoshi-bold';
	margin-bottom: 30px;
}

.upload-image {
	padding-bottom: 10px;
}

.sub-btn input[type="submit"] {
	width: 132px;
	height: 35px;
	border-radius: 4px;
	background-color: #05a34f;
	border: none;
	font-size: 14px;
	color: #ffffff;
	font-family: 'satoshi-bold';
	text-align: center;
	line-height: normal;
}

.sub-btn input[type="submit"]:hover {
	background-color: #211430;
	transition: 0.4s ease;
}

.Search-btn input[type="submit"] {
	width: auto;
	height: auto;
	padding: 7px 50px;
	border-radius: 4px;
	background-color: #05a34f;
	border: none;
	font-size: 13px;
	color: #ffffff;
	font-family: "RobotoCondensed Regular";
	text-align: center;
}

.Search-btn input[type="submit"]:hover {
	background-color: #211430;
	transition: 0.4s ease;
}

.sub-btn {
	margin-top: 35px;
	display: flex;
	justify-content: center;
}

.user-account {
	padding: 0px 0px;
}

.user-account form.search {
	padding-top: 25px;
	padding-bottom: 15px;
}

.col-md-6.Search-btn {
	padding-left: 0px;
}

/* user page end*/
/* admin-calendar */
.admin-calendar-page {
	padding: 85px 0px;
}

.admin-calendar-page h1,
.msg-page-sec h2,.for-index-design h1{
	font-size: 30px;
	color: #1d2530;
    font-weight: 600;
	margin-bottom: 25px;
	font-family: "SegoeUI", sans-serif;
}

input[type="search"] {
	background: url(../img/Search-icon.png);
	background-repeat: no-repeat;
	padding-left: 50px;
}

input[type="search"] {
	background: url(../img/Search-icon.png);
	background-repeat: no-repeat;
	padding-left: 39px;
	background-position: 13px;
	font-size: 13px;
}

.emoji-mart-search input[type="search"] {
	background-image: none;
}

input[type="search"]::placeholder {
	color: #627084;
	font-size: 13px;
}

/* :root {
	--font1: "Nova Round", cursive;
	--font2: "Margarine", cursive;
	--color1: rgb(68, 91, 222, 1);
	--weekHeaderBGColor: rgb(68, 168, 222);
	--todayTextColor: rgba(234, 43, 187);
	--dayActiveColor: rgb(68, 91, 222, 0.9);
	--dayHoverColor: rgba(222, 216, 68, 0.3);
	--borderColor: rgba(0, 0, 0, 0.1);
	--fullDayHeight: 6rem;
	--transitionTime: 300ms;
} */

.admin-calendar-page .mainheader {
	margin: 15px 0px;
	margin-bottom: 5px;
}

.admin-calendar-page textarea {
	width: 100%;
	height: 100px;
	border-radius: 5px;
	border: 1px solid #979797;
	outline: none;
}

.admin-calendar-page button.btn.btn-primary {
    padding: 11px 15px !important;
    border-radius: 10px !important;
    border: none;
    font-size: 13px;
    color: #ffffff;
    height: 41px;
	font-family: "satoshi-medium";
}


.admin-calendar-page button.btn.btn-primary:hover {
	background-color: #1d77ee;
	transition: 0.4s ease;
}

.admin-calendar-page .week {
	padding-bottom: 45px;
}

.admin-calendar-page .btn-primary:focus {
	box-shadow: none;
}

.Sync-Calendar {
	align-items: center;
	display: flex;
}

.add-section {
	padding: 0;
}

.Sync-Calendar a {
	font-size: 13px;
	color: #ffffff !important;
	font-family: 'satoshi-bold';
	text-decoration: none;
	padding: 7px 0px;
	border-radius: 5px;
	background-color: #05a34f;
	border: none;
	text-align: center;
}

.Sync-Calendar a:hover {
	background-color: #211430;
	transition: 0.4s ease;
	color: #fff !important;
}

.admin-calendar-page select {
    border-radius: 5px;
    border: 1px solid #ced4da !important;
    outline: none;
    border-radius: 10px !important;
    background-color: transparent;
    padding: 5px 11px !important;
}
.calendar-wrapper {
	height: calc(var(--fullDayHeight) * 8);
	width: 70em;
	box-sizing: content-box;
	display: flex;
	position: relative;
}

.calendar {
	position: absolute;
	transform: initial;
	font-family: 'satoshi-bold';
	display: inline-grid;
	grid-template:
		"M M M M M M M"
		"W W W W W W W"
		"Days Days Days Days Days Days Days";
}

/*Headings*/
#admin-calendar .display.month {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	font-family: "proxima-nova-bold";
}

.display.week div {
	text-align: center;
}

.display.week {
	font-size: 11px;
	grid-area: W;
}

/* Individual Units*/

.week {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(7, 1fr);
}

.header.week {
	border-top: 1px solid var(--borderColor);
}

.calendar .row {
	display: flex;
	flex-flow: row nowrap;
}

.days {
	width: 100%;
	grid-area: Days;
	grid-auto-rows: var(--fullDayHeight);
}

.day {
	cursor: pointer;
	position: relative;
	border-collapse: collapse;
	border-bottom: 1px solid #efefef;
}

.day.today {
	color: var(--todayTextColor);
}

.day.today:before {
	content: "";
	position: absolute;
	background-color: var(--color1);
	filter: hue-rotate(40deg);
	height: 5px;
	width: 5px;
	border-radius: 50%;
	top: 4px;
	right: 5px;
	z-index: -1;
}

.display.week.header {
	border: 1px solid #efefef;
	padding: 15px 0;
}

.days.week {
	border: 1px solid #efefef;
}

.day:not(:nth-child(7n + 0)) {
	border-right: 1px solid #efefef;
}

.day.active {
	background-color: rgba(205, 245, 240, 0.8509803921568627);
}

.blank.day {
	background-color: rgba(30, 30, 30, 0.2);
	color: hsl(240, 20%, 50%);
	filter: grayscale(0.5);
	opacity: 0.4;
}

.day:hover,
.day:active,
.blank.day:hover,
.blank.day:active {
	background-color: grey;
}

.day.active-date {
	background-color: rgba(58, 56, 116, 0.1);
}

/* mini class styling*/
.mini .days {
	grid-auto-rows: min-content;
}

.calendar-wrapper.mini {
	width: 100%;
	overflow-y: hidden;
}

.mini .week {
	grid-auto-columns: fit-content(0.5rem);
	grid-auto-rows: fit-content(0.5rem);
}

.mini .day {
	text-align: right;
	font-size: 11px;
	padding: 10px;
	width: 115px;
	height: 95px;
}

/*UI Components*/

.calendar .mainheader {
	grid-area: M;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	text-transform: uppercase;
}

.calendar .arrow {
	line-height: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	margin: 7px;
}

.calendar .arrow.left {
	margin-right: 100px;
}

.calendar .arrow.right {
	margin-left: 100px;
}

.calendar .arrow.left:after {
	content: url("../img/left-Triangle.png");
}

.calendar .arrow.right:after {
	content: url("../img/right-Triangle.png");
}

/* Animations */

.anim-slide-left-in {
	animation: kfSlideLeftIn var(--transitionTime) linear;
}

.anim-slide-left-out {
	animation: kfSlideLeftOut var(--transitionTime) linear;
}

.anim-slide-right-in {
	animation: kfSlideLeftOut var(--transitionTime) linear reverse;
}

.anim-slide-right-out {
	animation: kfSlideLeftIn var(--transitionTime) linear reverse;
}

@keyframes kfSlideLeftIn {
	0% {
		opacity: 0;
		transform: translate(100%);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes kfSlideLeftOut {
	0% {
		opacity: 1;
		transform: translate(0);
	}

	100% {
		opacity: 0;
		transform: translate(-100%);
	}
}

/*For Demo formatting*/

#input-date {
	height: 10em;
}

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

.meeting-cards {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.monthlt-meeting {
	padding: 20px;
	border-radius: 10px;
	background: #f7f7f7;
	margin-top: 30px;
	padding-bottom: 100px;
}

.meeting-titel h3 {
	font-size: 15px;
	color: #211430;
	font-family: 'satoshi-bold';
}

.meeting-time {
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	font-family: "Roboto";
}
.meeting-data-card p {
    font-size: 14px;
    color: #627084 !important;
    font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    margin-bottom: 0;
}
.uplode-btn h6 {
    font-weight: 600;
    color: #1d2530 !important;
    font-size: 16px !important;
    margin-bottom: 2px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.meeting-data-titel {
	display: flex;
	align-items: center;
}
.meeting-data-card.member-sml-design label {
    margin-bottom: 7px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
}
.meeting-data-card.member-sml-design input.comman-btn {
    padding: 10px 17px !important;
    width: auto !important;
    margin-right: auto !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
}
.meeting-data-titel h3 {
	font-size: 17px;
	color: #211430;
	font-weight: 500;
	font-family: 'satoshi-bold';
	margin: 0px;
	max-width: 225px;
	width: 225px;
}

.description {
	/* display: flex; */
	margin: 15px 0px;
}

.meeting-data-time p {
	text-align: center;
}

.meeting-data-time {
	margin: auto;
}

.description h4 {
	font-size: 17px;
	color: #000000;
	/*font-weight: bold;*/
	font-weight: normal;
	font-family: "satoshi-bold";
	margin-right: 20px;
}

.meeting-data-card {
	border-left: 2px solid #979797;
	padding-left: 20px;
}



.location h4 {
	font-size: 17px;
	color: #000000;
	/*font-weight: bold;*/
	font-weight: normal;
	font-family: "satoshi-bold";
	margin-right: 36px;
}

.pop-up-form .modal-header {
	border: none;
	padding-bottom: 0;
}


.pop-up-form .modal-footer {
	border-top: none;
	padding: 8px 50px;
	justify-content: center;
	padding-bottom: 50px;
}

.pop-up-form label {
    font-size: 16px;
    color: #1d2530;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    display: block;
    text-align: left;
    font-weight: 500;
}

/* .pop-up-form .btn-primary {
	width: 100% !important;
	background-color: #05a34f !important;
	margin: 0px;
} */

.pop-up-form h5 {
	font-size: 20px;
	color: #002241;
	font-weight: 700;
	font-family: 'satoshi-bold';
}

/* .pop-up-form button.btn-close {
	background: url(../img/X.png);
	position: relative;
	opacity: 1;
	background-repeat: no-repeat;
	left: 60px;
	bottom: 66px;
	left: 0px;
	bottom: 0px;
	box-shadow: none;
} */

.pop-up-form button.btn-close {
    /* background: url(../img/X.png); */
    position: relative;
    opacity: 1;
    background-repeat: no-repeat;
    left: 17px;
    bottom: 0px;
    font-size: 10px;
    box-shadow: none;
    color: #1d2530ba !important;
    top: -22px;
    opacity: 0.7;
}

.modal-dialog {
	/* max-width: 500px; */
	margin: 3.75rem auto;
}

/*admin-calendar  end */
/* document page*/

.document-search {
	width: 80%;
}

.top-document {
	display: flex;
	justify-content: space-between;
}

.document-card {
	margin-top: 25px;
	max-width: 250px;
	border-radius: 17px;
	filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.1));
	background-color: #fbfbfb;
	padding: 25px 15px;
	padding-bottom: 10px;
}

.edit-text {
	padding-top: 10px;
}

.document-titel h3 {
	font-size: 22px;
	line-height: 22px;
	color: #000000;
	font-weight: 700;
	font-family: 'satoshi-bold';
}

.document-titel h3::after {
	content: url(../img/Oval.png);
	position: absolute;
	right: 20px;
	top: 20px;
}

.document-text p {
	font-size: 15px;
	color: #000000;
	font-family: Satoshi;
	min-height: 90px;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.document-btn a {
	border: 2px solid #000000;
	text-decoration: none;
	font-size: 13px;
	color: #211430;
	font-weight: 700;
	font-family: 'satoshi-bold';
	text-align: center;
	padding: 7px 67px;
}

.document-btn a:hover {
	color: #fff;
	background: #211430;
	transition: 0.5s ease;
}

.pagenation ul {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
}

.pagenation .page-item {
	width: 18px !important;
	height: 17px !important;
	text-align: center;
}

.pagenation ul li:hover {
	border-radius: 5px;
	background-color: rgba(6, 207, 180, 0.10196078431372549);
}

.pagination {
	margin-top: 50px;
	font-size: 14px;
	color: #000000;
	font-family: "satoshi-bold";
	gap: 10px;
	display: flex;
	align-items: center;
}

span.page-link {
	font-size: 14px;
	color: #000000;
	font-family: "satoshi-bold";
	border: none;
	padding: 0PX;
	width: 18px;
	height: 17px;
}

.page-item.active .page-link {
	color: #fff;
	border-radius: 100%;
	background-color: var(--theme-color) !important;
	border: none;
	text-align: center;
	padding: 2px;
	width: 25px;
	height: 25px;
}

button.page-link {
	border: none;
	font-size: 14px;
	color: #000000;
	font-family: "satoshi-bold";
	width: 18px;
	height: 17px;
	text-align: center;
	padding: 0;
}

.admin-calendar-page button#custom-button {
	margin-left: 0px;
}

/* document page end*/
/* admin user page */

.search_div {
	position: relative;
}

.search_div button {
	position: absolute;
	right: 8px;
}

.add-user-btn {
	text-align: right;
	padding-right: 0;
}

.add-user-btn .btn-primary {
	width: 100px !important;
}

.search_div input[type="search"] {
	/*padding-right: 92px;*/
}

.search_div button {
	position: absolute;
	right: 5px;
	top: 4px;
	border-radius: 3px;
	background-color: #00d7b2;
	border: none;
	padding: 13px 35px;
	font-size: 10px;
	line-height: 0;
	color: #ffffff;
	font-weight: 700;
	font-family: 'satoshi-bold';
}

.user-card-inner input {
	width: 75%;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: "satoshi-bold";
}

.user-card-inner label {
	width: 25%;
}

.user-card-inner {
	display: flex;
	margin-top: 10px;
	justify-content: space-between;
}

.user-card {
	border-radius: 17px;
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
	background-color: #f9f9f9;
	padding: 30px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.user-text {
	text-align: right;
	margin-top: 10px;
}

.user-text a {
	font-size: 13px;
	color: var(--theme-color) !important;
	font-weight: 400;
	text-align: right;
	margin-top: 10px;
	text-decoration: underline !important;
	cursor: pointer;
}

span.del {
	color: var(--theme-color) !important;
}

.user-page .pagenation {
	margin-top: 10px;
}

.user-popup .modal-footer {
	display: block !important;
}

.user-popup button.btn.btn-primary {
    /* height: 34px; */
    border-radius: 5px;
    outline: none;
    border: none;
    box-shadow: none;
    font-size: 13px;
    color: #ffffff;
    background: #26cf64 !important;
    border-radius: 30px !important;
    font-size: 18px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
    font-weight: 500;
	width:100% !important;
	    padding: 13px !important;
		

}
.user-popup button.btn.btn-primary {
    background: var(--theme-color) !important;
    font-size: 16px !important;
    padding: 14px 20px !important;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    border-radius: 10px !important;
}
.modal-header.model-heading,.modal-body {
    padding: 0px !important;
}
.user-popup button.btn.btn-primary.dlt {
	background-color: #6c757d !important;
	margin-left: 20px;
}

/* admin-messages */
.name-div h3 {
	font-size: 15px;
	color: #000000;
	font-family: "satoshi-bold";
	margin: 0;
}

.inbox-top {
	margin-bottom: 25px;
}

.massage-contener {
	border-radius: 2px;
	background-color: #f9f9f9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	margin-bottom: 10px;
}

.massage-contener .section1 {
	display: flex;
	width: 20%;
	align-items: center;
	justify-content: space-around;
}

.massage-contener .section2 {
	width: 80%;
	text-align: center;
}

.img-div {
	border-radius: 50%;
	height: 43px;
	width: 43px;
}

.massage-contener .section2 p {
	font-size: 15px;
	color: #000000;
	font-family: Satoshi;
	margin: 0;
}

.inbox-page .pagenation {
	margin-top: 10px;
}

.name-div {
	min-width: 54%;
}

/* chat */
.chat_g_section {
	display: flex;
}

.chat_g_section .left_g {
	width: 30%;
}

.chat_g_section .right_g {
	padding: 0px 15px;
	width: 70%;
}

.active_chat {
	padding: 20px 35px;
	display: flex;
	border-radius: 10px;
	align-items: center;
	margin-bottom: 15px;
	background-color: #f8f8f8;
	gap: 15px;
}

.active_chat h5 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: "satoshi-bold";
	margin: 0;
}

.active_chat img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.chats_all_person {
	padding: 20px 20px 35px 35px;
	height: 500px;
	border-radius: 10px;
	background-color: #367588;
	overflow: auto;
}

.chats_all_person {
	padding: 25px 30px 35px 35px;
	height: 500px;
	border-radius: 10px;
	background-color: #f6f6f6;
	overflow: auto;
}

.search_chat {
	padding-bottom: 30px;
}

.search_chat input::placeholder {
	font-size: 17px;
	color: #000000;
	font-weight: 500;
	font-family: Satoshi;
}

.search_chat input {
	padding: 10px 30px;
	border: 0px;
	width: 100%;
	background-position: 5px;
	background-repeat: no-repeat;
	font-size: 17px !important;
	font-weight: 500;
	font-family: Satoshi;
}

.chat_persons_card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.chat_persons_card h5 {
	font-size: 17px;
	color: #000000;
	font-weight: 500;
	font-family: Satoshi;
	margin: 0px;
	margin-left: 15px;
}

.chat_persons_card .img_person_g {
	display: flex;
	align-items: center;
}

.img_person_g img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.chat_persons_card .dot_g,
.grey-text.offline {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #979797;
	display: block;
}

.grey-text.online {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #cc1d17;
	display: block;
}

.message-left-column .chat-user-details .d-t-div {
	top: 0px;
	display: block !important;
	right: 0%;
}

.chat_persons_card .dot_g.active {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #cc1d17;
}

.app_chat_g {
	padding-top: 25px;
}

.app_chat_g a {
	padding: 7px 35px;
	display: block;
	text-align: center;
	font-size: 17px;
	color: #367588;
	font-weight: bold;
	border-radius: 8px;
	background-color: #ffffff;
	border: 1px solid rgba(54, 117, 136, 0.23);
}

.sender_message {
	padding-bottom: 30px;
	display: flex;
	justify-content: flex-end;
}

.card_message_g {
	padding: 15px 100px 20px 15px;
	position: relative;
	border-radius: 8px;
	max-width: 500px;
	height: auto;
	background-color: #f6f6f6;
}

.card_message_g:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: 23px;
	bottom: -17px;
	border-top: 0px solid transparent;
	border-right: 30px solid #f6f6f6;
	border-bottom: 20px solid transparent;
}

.card_message_g .img_name {
	display: flex;
	align-items: center;
}

.card_message_g .img_name h5.sender_name,
.card_message_g h5.reciver_name {
	font-size: 17px;
	color: #000000;
	font-weight: 500;
	margin: 0px;
	margin-left: 20px;
	font-family: "satoshi-bold";
}

.img_name img {
	width: 40px;
	border-radius: 50%;
	height: 40px;
}

.card_message_g h5.reciver_name {
	margin: 0px;
	margin-right: 20px;
}

.card_message_g .s_r_message {
	padding-top: 10px;
	font-size: 14px;
	color: #000000;
	font-family: Satoshi;
	margin: 0px;
}

.reciver_message {
	display: flex;
	justify-content: flex-start;
}

.reciver_message .card_message_g {
	padding: 15px 15px 20px 53px;
	background-color: rgba(255, 160, 0, 0.1607843137254902);
	text-align: right;
}

.reciver_message .card_message_g:after {
	border-right: 0;
	right: auto;
	left: 17px;
	border-top: 0px solid transparent;
	border-left: 30px solid #fff0d6;
	border-bottom: 20px solid transparent;
}

.reciver_message .card_message_g .img_name {
	justify-content: right;
}

.chat_messages_section {
	padding: 50px;
	height: 540px;
	overflow: auto;
}

.msg_sender_g {
	position: relative;
}

.msg_sender_g .btn_g {
	padding: 6px 44px;
	position: absolute;
	top: 14px;
	right: 10px;
	background-color: #ffa000;
	border: none;
}

.detail_text input.textall_input,
input.textall_input,
.textall_input {
	padding: 20px 15px;
	width: 100%;
	border: 0px;
	border-radius: 8px;
	background-color: #f7f8fa;
	height: 64px;
}

.description_textarea {
	height: 295px;
}

a.btn_g,
.btn_g {
	padding: 10px 20px;
	border-radius: 8px;
	background-color: #c2b06f;
	border: 1px solid #c2b06f;
	display: inline-block;
	font-size: 17px;
	color: #ffffff;
	font-family: "circular std medium 500";
	text-align: center;
}

.view-document h3 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	font-family: "satoshi-bold";
}

.voter-name h3 {
	font-size: 18px !important;
}

.view-document h2 {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	/* font-weight: 700; */
	font-family: 'satoshi-medium';
}

.view-document p {
	font-size: 16px;
	color: #000000;
	font-family: 'satoshi-medium';
}

.vote-check {
	display: flex;
	margin-bottom: 20px;
	flex-direction: column;
}

.vote-check label {
	display: flex;
	align-items: center;
}

.vote-check input {
	display: none;
}

.vote-check label {
	display: inline-block;
	padding-right: 50px;
	cursor: pointer;
}

.vote-check label span {
	position: relative;
	line-height: 22px;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 700;
	font-family: 'satoshi-bold';
}

.vote-check label span:before,
.vote-check label span:after {
	content: "";
}

.vote-check label span:before {
	border: 2px solid #979797;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	position: relative;
}

.vote-check label span:after {
	background: #00d7b2;

	position: absolute;
	top: -2px;
	left: 0px;
	transition: 300ms;
	opacity: 0;
	border: 2px solid #979797;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
}

.vote-check label input:checked+span:after {
	opacity: 1;
}

.Comments-section {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.com-img {
	width: 20%;
	display: flex;
	justify-content: center;
}

.com-img img {
	width: 43px;
	height: 43px;
	border-radius: 50%;
}

.com-text {
	width: 80%;
	margin-top: 10px;
}

.com-text p,
.com-text h3 {
	margin: 0px;
}

.view-document .Sync-Calendar {
	margin-bottom: 30px;
}

h3.doc-des {
	margin-top: 20px;
}

.commment {
	position: relative;
}

button.sen-btn {
	position: absolute;
	right: 13px;
	border-radius: 5px;
	background-color: #fca508;
	font-size: 13px;
	color: #ffffff;
	font-family: "Roboto";
	outline: none;
	border: none;
	padding: 8px 20px;
	padding-left: 36px;
	background-image: url(/img/paper-airplane.png);
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: 14px;
	bottom: 20px;
}

.sen-btn {
	position: absolute;
	right: 13px;
	border-radius: 5px;
	background-color: #fca508;
	font-size: 13px;
	color: #ffffff;
	font-family: "Roboto";
	outline: none;
	border: none;
	padding: 8px 20px;
	padding-left: 36px;
	background-image: url(/img/paper-airplane.png);
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: 14px;
	bottom: 20px;
}

button.sen-btn:hover {
	background-color: #211430;
	transition: 0.4s ease;
	color: #fff !important;
}

.commment textarea {
	font-size: 13px;
	color: #000000;
	font-weight: 700;
	font-family: 'satoshi-bold';
	min-height: 110px;
	padding: 10px;
	margin-top: 30px;
}

.commment textarea::placeholder {
	color: #000000;
}

.admin-document .uplode-btn {
	margin-bottom: 25px;
}

.voters-section {
	display: flex;
	align-items: center;

	padding: 8px;
}

.voter-inner {
	display: flex;
	align-items: center;

	width: 25%;
}

.voters-section .vote-check label {
	padding-right: 30px;
}

.voters-section .vote-check label span:before {
	width: 20px;
	height: 20px;
}

.voters-section .vote-check label span::after {
	width: 20px;
	height: 20px;
	top: 1px;
}

.voters-section h3,
.voters-section .vote-check {
	margin: 0;
}

.voter-name {
	width: 50%;
}

.voter-img img {
	width: 40px;
	height: 40px;
}

.voters-section.bg-gray {
	background: #f9f9f9;
}

.vote-count {
	margin-bottom: 30px;
}

.notification-box {
	width: 100%;
	border-radius: 2px;
	background-color: #f9f9f9;
}

.notification-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 35px;
	margin-bottom: 10px;
}

.notification-box p {
	font-size: 14px;
	color: #000000;
	font-family: Satoshi;
	margin: 0px;
}

.notification-box a {
	font-size: 13px;
	color: #05a34f;
	font-weight: 400;
	font-family: "Roboto";
	text-align: right;
	cursor: pointer;
}

.notification-box a:hover {
	color: #211430;
	transition: 0.4s ease;
}

.hearder-image {
	width: 37px;
	height: 37px;
	border-radius: 50%;
}

.admin-image {
	width: 77px;
	height: 77px;
	border-radius: 50%;
}

.login-form.user-form.adminform {
	padding: 35px 30px 45px;
}

#addUserModal span.text-danger {
	margin-left: 25%;
	justify-content: center;
}

#updateUserModal span.text-danger {
	margin-left: 25%;
	justify-content: center;
}

.buttonupdated {
	position: relative;
}

.selectDocument {
	position: absolute;
	border: none;
	width: 50%;
}

#filename {
	position: absolute;
	position: absolute;
	margin-left: 38%;
	margin-top: -6%;
}

a.document-btn {
	border: 2px solid #000000;
	text-decoration: none;
	font-size: 13px;
	color: #211430;
	font-weight: 700;
	font-family: 'satoshi-bold';
	text-align: center;
	padding: 7px 18px;
	width: 100%;
}

.form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
	height: 23px !important;
	width: 23px !important;
	border-radius: 5px !important;
}

.documenttitle {
	margin-bottom: 30px;
}

span.select2-container.select2-container--default.select2-container--open {
	z-index: 1111 !important;
}


.message-left-column .chat-message-block {
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

.message-left-column .chat-name-circle {
	margin-bottom: 5px;
}

.message-left-column .chat-message-block .chat-user-details {
	padding-left: 20px !important;
	text-align: left;
}

.message-left-column .d-t-div {
	display: none !important;
}

.message-left-column input[type="search"] {
	font-weight: 500;
}

.search-jobs {
	flex-direction: column;
}

.jobs-box .candidate-job-block .new-tag {
	position: absolute;
	right: 0px;
	top: 0;
}

.jobs-box .candidate-job-block {
	padding-top: 20px;
}

.search-jobs>.seach-input-box {
	width: 100%;
}

.search-jobs .sort-by-div {
	width: 100%;
	text-align: left;
}

.iconboxsnd {
	padding-top: 40px;
	padding-bottom: 40px;
}

.iconboxsnd:before {
	left: 34%;
	top: 0%;
}

.slick-prev {
	left: -18px;
}

.iconboxsnd:after {
	right: 32%;
	top: 82% !important;
}

.startusing {
	padding-top: 50px;
}

.bannertxt h1 {
	font-size: 35px;
	line-height: 45px;
}

.hero_banner {
	padding: 50px 0px 50px;
}

.worksection {
	padding-top: 40px;
	padding-bottom: 40px;
}

.hirecontent {
	padding: 20px 0px 0px 0px;
}

.hire_better {
	padding-bottom: 50px;
}

.dreamjob {
	padding: 50px 0px;
}

ul.joblist {
	text-align: center;
	padding-left: 0px;
	margin-bottom: 0px;
}

.joblist li {
	padding: 13px 20px;
	margin-bottom: 10px;
}

.bannerimg {
	margin-top: 40px;
}

.filter-sidebar {
	padding-right: 0px !important;
}

.candidate-listing-sec {
	padding-bottom: 30px !important;
}

body footer#footer {
	padding-top: 45px;
	padding-bottom: 40px;
}

.white-bg-bordered {
	padding-top: 30px !important;
	padding-bottom: 25px !important;
}

.candidate-sign-up {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.candidate-details-white-box .candidate-img-div {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	min-width: 60px;
}


.chat-btn-design {
	font-size: 14px;
	background-color: #1799B5;
	border: none;
	font-weight: 400;
	color: #fff;
	padding: 10px 15px;
	border-radius: 7px;
}

.chat-buttons {
	padding: 15px 0px;
	text-align: right;
}

.chat-hdr-about p strong {
	color: #333;
	font-weight: 400;
}

.chat-btn-design img {
	position: relative;
	bottom: 1px;
	margin-right: 3px;
	filter: brightness(0) invert(1);
}

.message-screen-blocks>div {
	/*background: rgba(234, 237, 247, 0.5);*/
	background: transparent;
	display: flex;
	flex-direction: row;
	height: 500px;
}

.message-left-column .nav-item.active {
	/*background: #3a3874;*/
	background: #f6f6f6;
}

.message-screen-blocks .message-right-column {
	/*width: 72%;*/
	width: 70%;
	margin-left: 2%;
}

.message-right-column {
	position: relative;
}

.message-screen-blocks .message-left-column {
	width: 28%;
	/*background: #f6f6f6;*/
	height: 100%;
}

.message_search_user {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: #f8f8f8;
}

.message-screen-blocks .message-left-column ul {
	height: 310px;
	overflow: auto;
	background: #f6f6f6;
	display: block;
}

/* hide scrollbar but allow scrolling */
#chat_panel_container .message-left-column ul,
#chat_panel_container .message-right-column .tab-content {
	-ms-overflow-style: none;
	/* for Internet Explorer, Edge */
	scrollbar-width: none;
	/* for Firefox */
	overflow-y: scroll;
}

#chat_panel_container .message-left-column ul::-webkit-scrollbar,
#chat_panel_container .message-right-column .tab-content::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

/* //hide scrollbar but allow scrolling */

.chat-message-block {
	display: flex;
	flex-direction: row;
	position: relative;
	align-items: center;
}

.message-left-column .nav-item.active .name {
	color: #3a3874 !important;
}

.message-left-column .nav-link .name {
	color: #000 !important;
}

.uset_chat_box {
	position: relative;
}

.uset_chat_box .attchment_icons input {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 99;
	padding: 0px;
}

.uset_chat_box .react-emoji .react-input-emoji--placeholder {
	padding-left: 35px;
}

.uset_chat_box .btn.btn_send {
	position: absolute;
	right: 50px;
	top: 9px;
	background: #05a34f;
	color: #fff;
	border-radius: 6px;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 99;
	cursor: pointer;
}

.uset_chat_box .react-emoji .react-input-emoji--container {
	border-radius: 8px !important;
}

.red {
	font-size: 12px;
	color: red;
	display: block;
	font-weight: 600;
}

.inner-chat>div {
	width: 100%;
	background: #f6f6f6;
	border-radius: 15px;
	max-width: 70%;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	position: relative;
	float: right;
}

.inner-chat>div.other_user_messages::before {
	position: absolute;
	content: "";
	display: block;
	bottom: -7px;
	left: 18%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 10px solid #FFF0D6;
	margin: -10px 0 0 30px;
	transform: rotate(140deg);
}

.inner-chat>div.self_message::before {
	position: absolute;
	content: "";
	display: block;
	bottom: -5px;
	left: 70%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 10px solid #f6f6f6;
	margin: -10px 0 0 30px;
	transform: rotate(20deg);
}

.inner-chat>div.other_user_messages {
	background: #FFF0D6;
	float: left;
	position: relative;
}

.inner-chat>div.other_user_messages::before {
	content: "";
	position: absolute;
	background: url();

}

.inner-chat>div a {
	font-size: 14px;
	color: #000;
}

.attachment {
	width: 30px;
	display: inline-block;
	height: 30px;
}

.inner-chat .attachment {
	height: auto;
}

.inner-chat .file-att .attachment {
	display: block;
	text-align: right;
	width: 100%;
}

.alert-success.denger {
	color: red;
	background-color: #ff6e6e;
	border-color: #fe4c4c;
}

.attachment+.chat_time {
	display: inline-block !important;
	padding-left: 10px;
}

.inner-chat>div .chat_time {
	font-size: 13px;
	display: block;
	color: gray;
}

.self_message {
	margin-left: auto;
}

.chat_user_img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 15px;
}

.inner-chat {
	padding: 30px;
	overflow: hidden;
}

.inner-chat>div ul {
	list-style: none;
	padding: 0px;
}

.uset_chat_box .react-input-emoji--input {
	padding-left: 50px;
}

.uset_chat_box .attchment_icons {
	position: absolute;
	left: 26px;
	width: auto;
	top: 14px;
	cursor: pointer;
}

.chat-message-block .chat-name-circle img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	min-width: 50px;
}

.text-img-design {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	min-width: 50px;
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chat-message-block .chat-user-details .name {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0px;
	text-transform: capitalize;
	font-family: 'satoshi-bold';
}

.message_search input.form-control {
	background: transparent url(../img/Search-icon.png) 25px 50% no-repeat;
	border: none;
	font-size: 15px;
	padding: 27px 15px 27px 55px;
	height: auto !important;
	font-weight: 500;
}

.message_search input.form-control:focus {
	box-shadow: none;
}

.message_search {
	background: rgba(58, 56, 116, 0.05);
	margin-bottom: 0px;
	border-radius: 10px 10px 0px 0px;
}

.message-screen-blocks .message-left-column .nav-tabs {
	border: none;
}

.chat-message-block .chat-user-details p {
	font-size: 12px;
	margin-bottom: 0px;
	color: #666;
	font-weight: 400;
}

.chat-message-block .chat-user-details {
	position: relative;
	width: 100%;
	padding-left: 10px;
}

.d-t-div {
	position: absolute;
	right: 0;
	top: -8px;
}

.d-t-div .grey-text.time {
	font-size: 10px;
	color: rgba(15, 14, 14, 0.4);
}

.d-t-div .icn {
	font-size: 12px;
	position: relative;
	top: 1px;
	margin-right: 1px;
}

.message-left-column .nav-item {
	width: 100%;
	margin: 0px;
	padding: 8px 10px;
}

.message-left-column .nav-item .nav-link {
	border: none;
	border-radius: 0;
	padding: 11px;
	border-left: 2px solid transparent;
}

.message-left-column .nav-item .nav-link.active {
	background: #05a34f2e !important;
}

.message-left-column .nav-item .nav-link:hover,
.message-left-column .nav-item.active .nav-link {
	background: #05a34f2e !important;
}

.chat-box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-bottom: 2px solid #fff;
}

.chat-box-header .chat-hdr-left {
	display: flex;
	flex-direction: row;
}

.chat-box-header .chat-hdr-left img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	min-width: 32px;
}

.chat-hdr-about {
	padding-left: 10px;
}

.chat-hdr-about h6 {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 2px;
}

.chat-hdr-about p {
	font-size: 14px;
	margin-bottom: 0px;
	color: #666;
	font-weight: 400;
}

.directory-btn {
	font-size: 16px;
	color: #333;
}

.directory-btn .icn {
	color: #B55194;
	position: relative;
	top: 1px;
	margin-right: 2px;
}

.messages-date {
	text-align: center;
	margin-bottom: 0px;
	color: rgba(15, 14, 14, 0.4);
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 15px;
}

.chat-box-messages .chat-user-details h4.name {
	font-size: 14px;
}

.chat-box-messages .chat-user-details p {
	font-size: 14px;
}

.chat-hdr-right {
	padding-left: 15px;
}

.chat-box-messages {
	padding: 15px;
}

.message-list {
	margin-bottom: 20px;
}

.message-right-column {
	position: relative;
}

.message-right-column .tab-content {
	height: 400px;
	overflow: auto;
}

.chat-box-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f2f4f9;
	padding: 16px;
}

.chat-box-footer .form-control {
	width: 100%;
	max-width: 92%;
	background: #FFFFFF;
	box-shadow: 0px 2px 11px #E5EFF0;
	border-radius: 100px;
	border: none;
	color: rgba(102, 102, 102, 0.6);
	font-size: 14px;
	font-weight: 400;
	padding: 10px 15px 10px 40px;
	height: auto;
}

.user-img-name {
	display: flex;
	align-items: center;
}

.other_user_messages .user-img-name {
	flex-flow: row-reverse;
}

.other_user_messages .user-img-name p {
	margin-right: 20px;
}

.other_user_messages ul li p {
	text-align: right;
}

.self_message .det,
.other_user_messages .chat_time {
	display: none !important;
}

.user-img-name span img {
	border-radius: 50%;
}

.user-img-name p {
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	margin: 0px;
	margin-left: 0px;
	margin-left: 20px;
	font-family: 'satoshi-bold';
	text-transform: capitalize;
}

.inner-chat p a {
	padding-top: 10px;
	font-size: 14px;
	color: #000000;
	font-family: Satoshi;
	margin: 0px;
	text-decoration: none;
}

.attachment-icon input {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	cursor: pointer;
	opacity: 0;
}

.attachment-icon {
	position: absolute;
	left: 30px;
	top: 26px;
	color: rgba(102, 102, 102, 0.6);
	cursor: pointer;
}

.send-btn-msg {
	position: absolute;
	right: 16px;
	top: 17px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: #3a3874;
	color: #fff;
}

.message-screen-blocks>.message-left-column .nav.nav-tabs {
	border: none;
}

.msg-page-sec {
	padding: 85px 0px;
	background: #fff;
	margin-top: 1px;
}

.seen-text {
	color: #3a3874 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

header#header nav.navbar {
	padding-left: 0px;
	padding-right: 0px;
}

.form-side ul {
	padding-left: 0px;
	list-style: none;
}

.form-side ul a {
	color: #000;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e2e2;
}

.form-side ul li:last-child a {
	border: none !important;
}

.form-side ul a:hover {
	color: #3a3874;
	text-decoration: none;
}

.contact-manager-div.msg>a {
	background: #3a3874;
	border-radius: 8px;
	padding: 10px 15px;
}

.contact-manager-div.msg>a:hover {
	background-color: #116df6;
	color: #fff;
}

.edit-text .user-text {
	margin-left: 14px;
	cursor: pointer;
}

.edit-text .user-text:hover {
	color: #05a34f;
	transition: ease 0.4s;
}

/* .meeting-data-card a {
	font-size: 13px;
	color: #c92020 !important;
	color: #211430;
	font-weight: 400;
	text-align: right;
	margin-top: 10px;
	text-decoration: underline !important;
	cursor: pointer;
	text-transform: capitalize;
} */

.alert {
	margin-top: 20px;
}

.sidebar .nav-link p {
	cursor: pointer;
}

.error {
	color: red;
}

.btn-check:focus+.btn,
.btn:focus,
.btn:focus-visible {
	box-shadow: none;
}

a.document-btn:hover {
	border: 2px solid #05a34f;
	background: #05a34f;
	color: #fff;
}

.comnt-vote {
	max-height: 300px;
}

/* hide scrollbar but allow scrolling */
.comnt-vote {
	-ms-overflow-style: none;
	/* for Internet Explorer, Edge */
	scrollbar-width: none;
	/* for Firefox */
	overflow-y: scroll;
}

.comnt-vote::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

.calender-btn a {
	padding: 7px 9px;
	border-radius: 5px;
	background-color: #1976ed;
	border: none;
	font-size: 13px;
	color: #ffffff;
	/* font-weight: 700; */
	font-family: 'satoshi-bold';
	min-width: 85px !important;
	text-align: center;
	transition: 0.4s ease;
	text-decoration: none !important;
	display: inline-block;
}

.calender-btn.g-calnd a {
	background-color: #6c757d;
}

.calender-btn a:hover {
	background-color: #211430;
	transition: 0.4s ease;
}

.text-danger {
	text-align: left;
}

.who-can-vot {
	display: flex;
	flex-wrap: wrap;
}

.who-can-vot .form-check {
	width: 33.33%;
}

.pop-up-form .who-can-vot label {
	margin-left: 10px;
}

button.navbar-toggler {
	position: absolute;
	right: 15px;
	top: 25px;
}

.top-nav .dropdown-toggle::after {
	top: 3px;
}

.reset_pass .col-md-4.col-form-label.text-md-end {
	width: 100%;
	text-align: left !important;
}

/* footer section  */
footer {
	z-index: 3;
	position: relative;
	background: #fff;

}

.footer {
	padding: 45px 0px 40px;
}

.footer .social-icon {
	display: flex;
	list-style: none;
	gap: 20px;
	margin: 30px 0px 32px 30px;
}

.newsletter-wrapper label {
	color: #000;
	font-family: 'satoshi-medium';
	font-size: 16px;
	margin-bottom: 10px;
}

.sub-footer {
	background: #000;
	padding: 12px;
}

.sub-footer-inner {
	display: flex;
	justify-content: space-between;
	padding: 20px 35px 20px 0px;
	width: 91%;
	margin: auto;
}

.sub-footer p {
	color: #FFF;
	font-family: Satoshi;
	font-style: normal;
	line-height: normal;
	margin-bottom: 0;
}

.footer-menu {
	display: flex;

	gap: 89px;
}

.footer-menu ul {
	list-style: none;
	padding: 0;
}

.footer-menu ul li a {
	color: #000;
	font-family: satoshi-medium;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
}

.newsletter-form {
	position: relative;
}

.newsletter-form input {
	background: #F5F5F5;
	border: 1px solid #CDCACA;
	border-radius: 26px;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	height: 53px !important;
	width: 100%;
}

.newsletter-form button {
	border-radius: 68px;
	background: var(--theme-color) !important;
	color: #FFF;
	text-align: center;
	font-family: 'satoshi-medium';
	font-size: 15px;
	font-style: normal;
	border: none;
	padding: 10px 22px;
	position: absolute;
	right: 6px;
	top: 5px;
}

.footer-menu ul li {
	margin-bottom: 13px;
}

/* footer section */
a.forgot-text {
	color: var(--theme-color) !important;
	text-decoration: none;
	font-size: 15px;
}

.mobile-menu {
	display: none;
}

.log-btns {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-left: auto;
}
.change-password-wrap input {
    height: auto !important;
    background: #f8fafb;
    font-size: 14px;
    border: 1px solid #e0e5eb;
}
.profile-sec p {
    height: 80px;
    width: 80px;
    background: #1763cf1a;
    text-align: center;
    color: #1763cf;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.profile-sec svg {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #1763cf;
	padding: 4px;
	border-radius: 50%;
	color:#fff;
}

.profile-sec {
    position: relative;
}
.meeting-data-card.member-sml-design input {
    height: auto !important;
    background: #f8fafb;
    font-size: 14px;
    border: 1px solid #e0e5eb;
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.powered-badge {
    display: inline-block;
    padding: 8px 22px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #4e4e4e;
    border-radius: 10px;
    background: linear-gradient(to right, #e8f0ff, #ffece5);
    border: 1px solid #1763cf33;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	text-align: center;
}

.powered-badge span {
    font-weight: 600;
    color: #3a6fd9; /* Blue like in your image */
}
.table-responsive {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* RESPONSIVE */

@media (min-width:1200px) {
	.d-block.d-lg-none .nav-item.dropdown {
		display: flex !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.chats_all_person {
		padding: 25px 20px 35px 15px;
	}
}

@media (max-width:992px) {
	.d-block.d-lg-none .nav-item.dropdown {
		display: flex !important;
	}

	.usr-menu {
		position: absolute;
		right: 55px;
		top: 25px;
	}

	.usr-menu .nav-item.dropdown {
		padding: 0px 0px;
	}

	.sub-header {
		align-items: center;
		flex-direction: column;
		gap: 10px;
	}

	.desktop-menu-icone {
		display: none;
	}

	.log-btns {
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.mobile-menu {
		display: block;
	}

	.footer-menu {
		justify-content: space-between;
		padding-left: 0px;
		margin-top: 30px;
	}

	.footer-logo img {
		width: 230px;
		margin: auto;
	}

	.footer .social-icon {
		padding: 0px;
		justify-content: center;
	}

	.footer-logo {
		display: flex;
		justify-content: center;
	}
}

@media (max-width:991px) {

	.document-card {
		width: 100%;
	}

	.navbar-expand-lg>.container-fluid {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media (max-width:768px) {

	.btn-g-calender .col-md-2,
	.btn-g-calender .col-md-3 {
		width: auto !important;
	}

	.btn-g-calender .col-md-3 {
		margin-left: 15px;
	}

	.main-sidebar:before {
		position: absolute;
		content: "";
		width: 20px;
		height: 20px;
	}
}

@media (max-width:767px) {

	.login-form {
		border-radius: 26px;
		padding: 36px 27px 0px;
		box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.10);
		max-width: 500px;
		margin: auto;
		background: #fff;
	}

	.login-titel {
		font-size: 33px;
	}

	a.navbar-brand img {
		width: 163px;
	}

	.newsletter-wrapper {
		text-align: center;
	}

	.message-screen-blocks>div {
		display: block;
		height: auto;
	}

	.top-menu {
		padding: 0px 15px !important;
	}

	.sub-header p {
		font-size: 16px;
	}

	.message-screen-blocks .message-left-column {
		width: 100%;
		height: 500px;
	}

	.message-screen-blocks .message-right-column {
		width: 100%;
		margin-left: 0%;
		height: 500px;
		border-top: 5px solid #ccc;
		margin-top: 30px;
	}

	.calendar header .btn-next {
		right: 10%;
	}

	.calendar header .btn-prev {
		left: 10%;
	}

	.admin-calendar-page,
	.msg-page-sec,
	.user-account {
		padding: 25px 0px;
	}

	.log-btns .login.nav-link {
		padding: 7px 15px !important;
		font-size: 13px;
	}

	.log-btns .comman-btn {
		padding: 9px 9px !important;
		font-size: 13px;
	}

	.meeting-data-titel {
		display: block;
	}

	.description {
		flex-direction: column;
	}

	.location {
		flex-direction: column;
	}

	.meeting-data-titel h3 {
		max-width: 100%;
		width: 100%;
	}

	.meeting-data-time p {
		text-align: left;
	}

	.meeting-data-card p {
		word-wrap: break-word;
	}
}

@media (max-width:480px) {
	.navbar-brand img {
		width: 70%;
	}

	.usr-menu {
		top: 17px;
	}

	.modal-dialog {
		width: 90%;
	}

	.pop-up-form .modal-header {
		padding: 30px 20px;
	}

	.pop-up-form .modal-body {
		padding: 8px 20px;
	}

	.pop-up-form button.btn-close {
		bottom: 80px;
		left: 10px;
	}

	.add-user-btn {
		padding-right: 15px;
		margin-bottom: 15px;
	}

	.pop-up-form .modal-footer {
		padding: 8px 23px;
	}

	.inner-chat>div {
		max-width: 90%;
	}

	.user-popup button.btn.btn-primary {
		width: 122px !important;
	}
}

/* //RESPONSIVE */
/* //BOOTSTRAP */

.m-0 {
	margin: 0 !important
}

.mt-0,
.my-0 {
	margin-top: 0 !important
}

.mr-0,
.mx-0 {
	margin-right: 0 !important
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
	margin-left: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.mt-1,
.my-1 {
	margin-top: .25rem !important
}

.mr-1,
.mx-1 {
	margin-right: .25rem !important
}

.mb-1,
.my-1 {
	margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
	margin-left: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.mt-2,
.my-2 {
	margin-top: .5rem !important
}

.mr-2,
.mx-2 {
	margin-right: .5rem !important
}

.mb-2,
.my-2 {
	margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
	margin-left: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.mt-3,
.my-3 {
	margin-top: 1rem !important
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.mt-5,
.my-5 {
	margin-top: 3rem !important
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important
}

.p-0 {
	padding: 0 !important
}

.pt-0,
.py-0 {
	padding-top: 0 !important
}

.pr-0,
.px-0 {
	padding-right: 0 !important
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important
}

.pl-0,
.px-0 {
	padding-left: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.pt-1,
.py-1 {
	padding-top: .25rem !important
}

.pr-1,
.px-1 {
	padding-right: .25rem !important
}

.pb-1,
.py-1 {
	padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
	padding-left: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.pt-2,
.py-2 {
	padding-top: .5rem !important
}

.pr-2,
.px-2 {
	padding-right: .5rem !important
}

.pb-2,
.py-2 {
	padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
	padding-left: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.pt-3,
.py-3 {
	padding-top: 1rem !important
}

.pr-3,
.px-3 {
	padding-right: 1rem !important
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
	padding-left: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.pt-5,
.py-5 {
	padding-top: 3rem !important
}

.pr-5,
.px-5 {
	padding-right: 3rem !important
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
	padding-left: 3rem !important
}

.m-n1 {
	margin: -.25rem !important
}

.mt-n1,
.my-n1 {
	margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
	margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
	margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
	margin-left: -.25rem !important
}

.m-n2 {
	margin: -.5rem !important
}

.mt-n2,
.my-n2 {
	margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
	margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
	margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
	margin-left: -.5rem !important
}

.m-n3 {
	margin: -1rem !important
}

.mt-n3,
.my-n3 {
	margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
	margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
	margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
	margin-left: -1rem !important
}

.m-n4 {
	margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
	margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
	margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
	margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
	margin-left: -1.5rem !important
}

.m-n5 {
	margin: -3rem !important
}

.mt-n5,
.my-n5 {
	margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
	margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
	margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
	margin-left: -3rem !important
}

.m-auto {
	margin: auto !important
}

.mt-auto,
.my-auto {
	margin-top: auto !important
}

.mr-auto,
.mx-auto {
	margin-right: auto !important
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
	margin-left: auto !important
}

@media (min-width:576px) {
	.m-sm-0 {
		margin: 0 !important
	}

	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0 !important
	}

	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0 !important
	}

	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0 !important
	}

	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0 !important
	}

	.m-sm-1 {
		margin: .25rem !important
	}

	.mt-sm-1,
	.my-sm-1 {
		margin-top: .25rem !important
	}

	.mr-sm-1,
	.mx-sm-1 {
		margin-right: .25rem !important
	}

	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: .25rem !important
	}

	.ml-sm-1,
	.mx-sm-1 {
		margin-left: .25rem !important
	}

	.m-sm-2 {
		margin: .5rem !important
	}

	.mt-sm-2,
	.my-sm-2 {
		margin-top: .5rem !important
	}

	.mr-sm-2,
	.mx-sm-2 {
		margin-right: .5rem !important
	}

	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: .5rem !important
	}

	.ml-sm-2,
	.mx-sm-2 {
		margin-left: .5rem !important
	}

	.m-sm-3 {
		margin: 1rem !important
	}

	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem !important
	}

	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem !important
	}

	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem !important
	}

	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem !important
	}

	.m-sm-4 {
		margin: 1.5rem !important
	}

	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem !important
	}

	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem !important
	}

	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem !important
	}

	.m-sm-5 {
		margin: 3rem !important
	}

	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem !important
	}

	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem !important
	}

	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem !important
	}

	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem !important
	}

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

	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0 !important
	}

	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0 !important
	}

	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0 !important
	}

	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0 !important
	}

	.p-sm-1 {
		padding: .25rem !important
	}

	.pt-sm-1,
	.py-sm-1 {
		padding-top: .25rem !important
	}

	.pr-sm-1,
	.px-sm-1 {
		padding-right: .25rem !important
	}

	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: .25rem !important
	}

	.pl-sm-1,
	.px-sm-1 {
		padding-left: .25rem !important
	}

	.p-sm-2 {
		padding: .5rem !important
	}

	.pt-sm-2,
	.py-sm-2 {
		padding-top: .5rem !important
	}

	.pr-sm-2,
	.px-sm-2 {
		padding-right: .5rem !important
	}

	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: .5rem !important
	}

	.pl-sm-2,
	.px-sm-2 {
		padding-left: .5rem !important
	}

	.p-sm-3 {
		padding: 1rem !important
	}

	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem !important
	}

	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem !important
	}

	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem !important
	}

	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem !important
	}

	.p-sm-4 {
		padding: 1.5rem !important
	}

	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important
	}

	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem !important
	}

	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem !important
	}

	.p-sm-5 {
		padding: 3rem !important
	}

	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem !important
	}

	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem !important
	}

	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem !important
	}

	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem !important
	}

	.m-sm-n1 {
		margin: -.25rem !important
	}

	.mt-sm-n1,
	.my-sm-n1 {
		margin-top: -.25rem !important
	}

	.mr-sm-n1,
	.mx-sm-n1 {
		margin-right: -.25rem !important
	}

	.mb-sm-n1,
	.my-sm-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-sm-n1,
	.mx-sm-n1 {
		margin-left: -.25rem !important
	}

	.m-sm-n2 {
		margin: -.5rem !important
	}

	.mt-sm-n2,
	.my-sm-n2 {
		margin-top: -.5rem !important
	}

	.mr-sm-n2,
	.mx-sm-n2 {
		margin-right: -.5rem !important
	}

	.mb-sm-n2,
	.my-sm-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-sm-n2,
	.mx-sm-n2 {
		margin-left: -.5rem !important
	}

	.m-sm-n3 {
		margin: -1rem !important
	}

	.mt-sm-n3,
	.my-sm-n3 {
		margin-top: -1rem !important
	}

	.mr-sm-n3,
	.mx-sm-n3 {
		margin-right: -1rem !important
	}

	.mb-sm-n3,
	.my-sm-n3 {
		margin-bottom: -1rem !important
	}

	.ml-sm-n3,
	.mx-sm-n3 {
		margin-left: -1rem !important
	}

	.m-sm-n4 {
		margin: -1.5rem !important
	}

	.mt-sm-n4,
	.my-sm-n4 {
		margin-top: -1.5rem !important
	}

	.mr-sm-n4,
	.mx-sm-n4 {
		margin-right: -1.5rem !important
	}

	.mb-sm-n4,
	.my-sm-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-sm-n4,
	.mx-sm-n4 {
		margin-left: -1.5rem !important
	}

	.m-sm-n5 {
		margin: -3rem !important
	}

	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -3rem !important
	}

	.mr-sm-n5,
	.mx-sm-n5 {
		margin-right: -3rem !important
	}

	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -3rem !important
	}

	.ml-sm-n5,
	.mx-sm-n5 {
		margin-left: -3rem !important
	}

	.m-sm-auto {
		margin: auto !important
	}

	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto !important
	}

	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto !important
	}

	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto !important
	}

	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto !important
	}
}

@media (min-width:768px) {
	.m-md-0 {
		margin: 0 !important
	}

	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important
	}

	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important
	}

	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important
	}

	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important
	}

	.m-md-1 {
		margin: .25rem !important
	}

	.mt-md-1,
	.my-md-1 {
		margin-top: .25rem !important
	}

	.mr-md-1,
	.mx-md-1 {
		margin-right: .25rem !important
	}

	.mb-md-1,
	.my-md-1 {
		margin-bottom: .25rem !important
	}

	.ml-md-1,
	.mx-md-1 {
		margin-left: .25rem !important
	}

	.m-md-2 {
		margin: .5rem !important
	}

	.mt-md-2,
	.my-md-2 {
		margin-top: .5rem !important
	}

	.mr-md-2,
	.mx-md-2 {
		margin-right: .5rem !important
	}

	.mb-md-2,
	.my-md-2 {
		margin-bottom: .5rem !important
	}

	.ml-md-2,
	.mx-md-2 {
		margin-left: .5rem !important
	}

	.m-md-3 {
		margin: 1rem !important
	}

	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem !important
	}

	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem !important
	}

	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem !important
	}

	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important
	}

	.m-md-4 {
		margin: 1.5rem !important
	}

	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem !important
	}

	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important
	}

	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem !important
	}

	.m-md-5 {
		margin: 3rem !important
	}

	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important
	}

	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem !important
	}

	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem !important
	}

	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem !important
	}

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

	.pt-md-0,
	.py-md-0 {
		padding-top: 30 !important
	}

	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important
	}

	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important
	}

	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important
	}

	.p-md-1 {
		padding: .25rem !important
	}

	.pt-md-1,
	.py-md-1 {
		padding-top: .25rem !important
	}

	.pr-md-1,
	.px-md-1 {
		padding-right: .25rem !important
	}

	.pb-md-1,
	.py-md-1 {
		padding-bottom: .25rem !important
	}

	.pl-md-1,
	.px-md-1 {
		padding-left: .25rem !important
	}

	.p-md-2 {
		padding: .5rem !important
	}

	.pt-md-2,
	.py-md-2 {
		padding-top: .5rem !important
	}

	.pr-md-2,
	.px-md-2 {
		padding-right: .5rem !important
	}

	.pb-md-2,
	.py-md-2 {
		padding-bottom: .5rem !important
	}

	.pl-md-2,
	.px-md-2 {
		padding-left: .5rem !important
	}

	.p-md-3 {
		padding: 1rem !important
	}

	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important
	}

	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem !important
	}

	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important
	}

	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem !important
	}

	.p-md-4 {
		padding: 1.5rem !important
	}

	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem !important
	}

	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem !important
	}

	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem !important
	}

	.p-md-5 {
		padding: 3rem !important
	}

	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important
	}

	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem !important
	}

	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem !important
	}

	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important
	}

	.m-md-n1 {
		margin: -.25rem !important
	}

	.mt-md-n1,
	.my-md-n1 {
		margin-top: -.25rem !important
	}

	.mr-md-n1,
	.mx-md-n1 {
		margin-right: -.25rem !important
	}

	.mb-md-n1,
	.my-md-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-md-n1,
	.mx-md-n1 {
		margin-left: -.25rem !important
	}

	.m-md-n2 {
		margin: -.5rem !important
	}

	.mt-md-n2,
	.my-md-n2 {
		margin-top: -.5rem !important
	}

	.mr-md-n2,
	.mx-md-n2 {
		margin-right: -.5rem !important
	}

	.mb-md-n2,
	.my-md-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-md-n2,
	.mx-md-n2 {
		margin-left: -.5rem !important
	}

	.m-md-n3 {
		margin: -1rem !important
	}

	.mt-md-n3,
	.my-md-n3 {
		margin-top: -1rem !important
	}

	.mr-md-n3,
	.mx-md-n3 {
		margin-right: -1rem !important
	}

	.mb-md-n3,
	.my-md-n3 {
		margin-bottom: -1rem !important
	}

	.ml-md-n3,
	.mx-md-n3 {
		margin-left: -1rem !important
	}

	.m-md-n4 {
		margin: -1.5rem !important
	}

	.mt-md-n4,
	.my-md-n4 {
		margin-top: -1.5rem !important
	}

	.mr-md-n4,
	.mx-md-n4 {
		margin-right: -1.5rem !important
	}

	.mb-md-n4,
	.my-md-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-md-n4,
	.mx-md-n4 {
		margin-left: -1.5rem !important
	}

	.m-md-n5 {
		margin: -3rem !important
	}

	.mt-md-n5,
	.my-md-n5 {
		margin-top: -3rem !important
	}

	.mr-md-n5,
	.mx-md-n5 {
		margin-right: -3rem !important
	}

	.mb-md-n5,
	.my-md-n5 {
		margin-bottom: -3rem !important
	}

	.ml-md-n5,
	.mx-md-n5 {
		margin-left: -3rem !important
	}

	.m-md-auto {
		margin: auto !important
	}

	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important
	}

	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important
	}

	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important
	}

	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important
	}
}

@media (min-width:992px) {
	.m-lg-0 {
		margin: 0 !important
	}

	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important
	}

	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important
	}

	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important
	}

	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.mt-lg-1,
	.my-lg-1 {
		margin-top: .25rem !important
	}

	.mr-lg-1,
	.mx-lg-1 {
		margin-right: .25rem !important
	}

	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: .25rem !important
	}

	.ml-lg-1,
	.mx-lg-1 {
		margin-left: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.mt-lg-2,
	.my-lg-2 {
		margin-top: .5rem !important
	}

	.mr-lg-2,
	.mx-lg-2 {
		margin-right: .5rem !important
	}

	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: .5rem !important
	}

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem !important
	}

	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important
	}

	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem !important
	}

	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important
	}

	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem !important
	}

	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem !important
	}

	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important
	}

	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem !important
	}

	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important
	}

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

	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important
	}

	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important
	}

	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important
	}

	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.pt-lg-1,
	.py-lg-1 {
		padding-top: .25rem !important
	}

	.pr-lg-1,
	.px-lg-1 {
		padding-right: .25rem !important
	}

	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: .25rem !important
	}

	.pl-lg-1,
	.px-lg-1 {
		padding-left: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.pt-lg-2,
	.py-lg-2 {
		padding-top: .5rem !important
	}

	.pr-lg-2,
	.px-lg-2 {
		padding-right: .5rem !important
	}

	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: .5rem !important
	}

	.pl-lg-2,
	.px-lg-2 {
		padding-left: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem !important
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem !important
	}

	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem !important
	}

	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem !important
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important
	}

	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem !important
	}

	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem !important
	}

	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem !important
	}

	.m-lg-n1 {
		margin: -.25rem !important
	}

	.mt-lg-n1,
	.my-lg-n1 {
		margin-top: -.25rem !important
	}

	.mr-lg-n1,
	.mx-lg-n1 {
		margin-right: -.25rem !important
	}

	.mb-lg-n1,
	.my-lg-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-lg-n1,
	.mx-lg-n1 {
		margin-left: -.25rem !important
	}

	.m-lg-n2 {
		margin: -.5rem !important
	}

	.mt-lg-n2,
	.my-lg-n2 {
		margin-top: -.5rem !important
	}

	.mr-lg-n2,
	.mx-lg-n2 {
		margin-right: -.5rem !important
	}

	.mb-lg-n2,
	.my-lg-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-lg-n2,
	.mx-lg-n2 {
		margin-left: -.5rem !important
	}

	.m-lg-n3 {
		margin: -1rem !important
	}

	.mt-lg-n3,
	.my-lg-n3 {
		margin-top: -1rem !important
	}

	.mr-lg-n3,
	.mx-lg-n3 {
		margin-right: -1rem !important
	}

	.mb-lg-n3,
	.my-lg-n3 {
		margin-bottom: -1rem !important
	}

	.ml-lg-n3,
	.mx-lg-n3 {
		margin-left: -1rem !important
	}

	.m-lg-n4 {
		margin: -1.5rem !important
	}

	.mt-lg-n4,
	.my-lg-n4 {
		margin-top: -1.5rem !important
	}

	.mr-lg-n4,
	.mx-lg-n4 {
		margin-right: -1.5rem !important
	}

	.mb-lg-n4,
	.my-lg-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-lg-n4,
	.mx-lg-n4 {
		margin-left: -1.5rem !important
	}

	.m-lg-n5 {
		margin: -3rem !important
	}

	.mt-lg-n5,
	.my-lg-n5 {
		margin-top: -3rem !important
	}

	.mr-lg-n5,
	.mx-lg-n5 {
		margin-right: -3rem !important
	}

	.mb-lg-n5,
	.my-lg-n5 {
		margin-bottom: -3rem !important
	}

	.ml-lg-n5,
	.mx-lg-n5 {
		margin-left: -3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important
	}

	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important
	}

	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important
	}
}

@media (min-width:1200px) {
	.m-xl-0 {
		margin: 0 !important
	}

	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0 !important
	}

	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0 !important
	}

	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0 !important
	}

	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0 !important
	}

	.m-xl-1 {
		margin: .25rem !important
	}

	.mt-xl-1,
	.my-xl-1 {
		margin-top: .25rem !important
	}

	.mr-xl-1,
	.mx-xl-1 {
		margin-right: .25rem !important
	}

	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: .25rem !important
	}

	.ml-xl-1,
	.mx-xl-1 {
		margin-left: .25rem !important
	}

	.m-xl-2 {
		margin: .5rem !important
	}

	.mt-xl-2,
	.my-xl-2 {
		margin-top: .5rem !important
	}

	.mr-xl-2,
	.mx-xl-2 {
		margin-right: .5rem !important
	}

	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: .5rem !important
	}

	.ml-xl-2,
	.mx-xl-2 {
		margin-left: .5rem !important
	}

	.m-xl-3 {
		margin: 1rem !important
	}

	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem !important
	}

	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem !important
	}

	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem !important
	}

	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem !important
	}

	.m-xl-4 {
		margin: 1.5rem !important
	}

	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem !important
	}

	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem !important
	}

	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem !important
	}

	.m-xl-5 {
		margin: 3rem !important
	}

	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem !important
	}

	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem !important
	}

	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem !important
	}

	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem !important
	}

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

	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0 !important
	}

	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important
	}

	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0 !important
	}

	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0 !important
	}

	.p-xl-1 {
		padding: .25rem !important
	}

	.pt-xl-1,
	.py-xl-1 {
		padding-top: .25rem !important
	}

	.pr-xl-1,
	.px-xl-1 {
		padding-right: .25rem !important
	}

	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: .25rem !important
	}

	.pl-xl-1,
	.px-xl-1 {
		padding-left: .25rem !important
	}

	.p-xl-2 {
		padding: .5rem !important
	}

	.pt-xl-2,
	.py-xl-2 {
		padding-top: .5rem !important
	}

	.pr-xl-2,
	.px-xl-2 {
		padding-right: .5rem !important
	}

	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: .5rem !important
	}

	.pl-xl-2,
	.px-xl-2 {
		padding-left: .5rem !important
	}

	.p-xl-3 {
		padding: 1rem !important
	}

	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem !important
	}

	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem !important
	}

	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem !important
	}

	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem !important
	}

	.p-xl-4 {
		padding: 1.5rem !important
	}

	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem !important
	}

	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem !important
	}

	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem !important
	}

	.p-xl-5 {
		padding: 3rem !important
	}

	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem !important
	}

	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem !important
	}

	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem !important
	}

	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem !important
	}

	.m-xl-n1 {
		margin: -.25rem !important
	}

	.mt-xl-n1,
	.my-xl-n1 {
		margin-top: -.25rem !important
	}

	.mr-xl-n1,
	.mx-xl-n1 {
		margin-right: -.25rem !important
	}

	.mb-xl-n1,
	.my-xl-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-xl-n1,
	.mx-xl-n1 {
		margin-left: -.25rem !important
	}

	.m-xl-n2 {
		margin: -.5rem !important
	}

	.mt-xl-n2,
	.my-xl-n2 {
		margin-top: -.5rem !important
	}

	.mr-xl-n2,
	.mx-xl-n2 {
		margin-right: -.5rem !important
	}

	.mb-xl-n2,
	.my-xl-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-xl-n2,
	.mx-xl-n2 {
		margin-left: -.5rem !important
	}

	.m-xl-n3 {
		margin: -1rem !important
	}

	.mt-xl-n3,
	.my-xl-n3 {
		margin-top: -1rem !important
	}

	.mr-xl-n3,
	.mx-xl-n3 {
		margin-right: -1rem !important
	}

	.mb-xl-n3,
	.my-xl-n3 {
		margin-bottom: -1rem !important
	}

	.ml-xl-n3,
	.mx-xl-n3 {
		margin-left: -1rem !important
	}

	.m-xl-n4 {
		margin: -1.5rem !important
	}

	.mt-xl-n4,
	.my-xl-n4 {
		margin-top: -1.5rem !important
	}

	.mr-xl-n4,
	.mx-xl-n4 {
		margin-right: -1.5rem !important
	}

	.mb-xl-n4,
	.my-xl-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-xl-n4,
	.mx-xl-n4 {
		margin-left: -1.5rem !important
	}

	.m-xl-n5 {
		margin: -3rem !important
	}

	.mt-xl-n5,
	.my-xl-n5 {
		margin-top: -3rem !important
	}

	.mr-xl-n5,
	.mx-xl-n5 {
		margin-right: -3rem !important
	}

	.mb-xl-n5,
	.my-xl-n5 {
		margin-bottom: -3rem !important
	}

	.ml-xl-n5,
	.mx-xl-n5 {
		margin-left: -3rem !important
	}

	.m-xl-auto {
		margin: auto !important
	}

	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto !important
	}

	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto !important
	}

	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto !important
	}

	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto !important
	}
}


/* //BOOTSTRAP */
.right-side-main-new {
    margin: auto;
    width: 96%;
    padding-left: 23px;
    margin-top: 8px;
	    padding-bottom: 50px;
}
.ancor-txt{
	padding: 6px 10px;
    color: #000 !important;
	border-radius: 9px;
}
.ancor-txt:hover{

    background: #fa832e;
    color: #fff ! IMPORTANT;

}


.adminform label {
	margin: 14px 0px !important;
}

.adminform .sub-btn {
	margin-top: 10px;
}

.year {
	margin-left: 10px;
}

#addDocumentModal button.btn.btn-primary {
	width: 100% !important;
	background-color: #05a34f !important;
}

.add_document {
	margin-top: 10px;
	padding: 8px 0px !important;
}

.voters-section:nth-child(odd) {
	background: #f9f9f9;
}

.form-control:focus {
	border-color: none;
	box-shadow: none;
}

.reset_pass {
	padding: 80px 0px;
}

.reset_pass label {
	color: #211430;
}

.reset_pass .btn-primary {
	background-color: #fca508;
	border: none;
}

.reset_pass .card-header {
	background: transparent;
	border: 0;
	color: #000;
	font-size: 25px;
	text-align: center;
	font-family: 'satoshi-bold';
	margin-bottom: 0px;
}

.reset_pass .row.mb-3,
.reset_pass .col-md-6 {
	width: 100% !important;
}

.reset_pass .card {
	border-radius: 26px;
	padding: 50px;
	box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.10);
	max-width: 500px;
	margin: auto;
	background: #fff;
}

.reset_pass .col-md-6.offset-md-4 {
	margin-left: 0;
}

.reset_pass .btn.btn-primary {

	color: #FFF !important;
	text-align: center;
	font-family: 'satoshi-medium';
	font-size: 15px;
	font-style: normal;
	border: none;
	padding: 12px 25px !important;
	text-decoration: none;
	display: inline-block !important;
}

.reset_pass .btn.btn-primary:hover {
	background: #211430 !important;
	color: #FFF !important;
	transition: .5s ease;
}

.login-form .col-md-12 {
	margin-bottom: 10px;
	;
}

strong {
	font-weight: 500 !important;
}

.d-t-div .grey-text.time {
	z-index: 5;
	top: -2px;
	left: -63px;
	position: relative;
	font-size: 13px;
	color: #cc1d17;
	height: 20px;
	background-color: #cc1d1747;
	width: 20px !important;
	border-radius: 50%;
	padding: 5px 10px;
}

.message-left-column .chat-message-block {
	position: relative;
}


.chat-user-details .online,
.chat-user-details .offline {
	display: none;
}

.user-text a {
	padding: 7px 20px;
	border-radius: 5px;
	background-color: #05a24f;
	border: none;
	font-size: 13px;
	color: #ffffff !important;
	/* font-weight: 700; */
	font-family: 'satoshi-bold';
	text-align: center;
	transition: 0.4s ease;
	text-decoration: none !important;
	display: inline-block;
	margin: 10px 10px 0px 0px;
}

.user-text.del a {
	background-color: #b33f3f !important;
}

.center-main {
	width: 55%;
	margin: auto;
}

a.wlogo {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}

.nav-item span.badge {
	width: 27px;
	height: 27px;
	border-radius: 50px !important;
	background: red !important;
}

.meeting-sec span.badge {
    font-weight: 500 !important;
}
.nav-item span.badge h4 {
	font-size: 15px !important;
	font-weight: 500 !important;
}


/* The side navigation menu */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	background-color: #fff;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* The navigation menu links */
.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	color: #000;
	font-family: Satoshi-medium;
	text-transform: capitalize;
	font-size: 15px;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover,
.offcanvas a:focus {
	color: #05a34f;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	z-index: 1;
	text-decoration: none;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left .5s;
	padding: 20px;
}

.top-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding-right: 13px;
	max-width: 1365px;
	margin: auto;
}

.navbar.navbar-expand-lg.top-nav {
	width: 100%;
}

span.menu-icon img {
	width: 34px;
	filter: invert(1);
}

/* ul.social-icon li:nth-child(2),ul.social-icon li:last-child {
    display: none;
} */

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 15px;
	}
}

.day.active-date {
	background-color: rgb(205 245 240 / 53%);
}

.chat-msg-count {
	z-index: 5;
	top: -2px;
	left: -63px;
	position: relative;
	font-size: 13px;
	color: #cc1d17;
	height: 20px;
	background-color: #cc1d1747;
	width: 20px !important;
	border-radius: 50%;
	padding: 9px;
}

.Comments-section.boards-comment {
	justify-content: start;
	gap: 29px;
	align-items: center;
}

.session-msg {
	display: none;
}

.register-form {
	max-width: 100% !important;
}

.register-form h1 {
	text-align: center;
	margin-bottom: 30px;
}

.register-form p {
	text-align: center;
}

.half-field div {
	width: 49%;
}

.half-field {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sub-header {
	padding: 18px !important;
	justify-content: center;
}

.footer-solutions {
	font-size: 18px;
	font-weight: 700;
}

.support-form h4 {
	color: #211430;
	font-weight: 700;
	font-family: 'satoshi-black';
	font-size: 39px;
	line-height: 45px;
	margin-bottom: 0px;
}

.support-form {

	border-radius: 26px;
	padding: 31px 24px 0px;
	box-shadow: 0px 14px 64px 0px rgba(0, 0, 0, 0.10);
	max-width: 66%;
	margin: auto;
	background: #fff;
}

.support-form .card {
	border: none !important;
}

select.form-control {
	font-size: 14px;
	padding: 12px;
}

.sub-header ul.social-icon {
	position: absolute;
	right: 40px;
}

header.header-color {
	background: #05a34f;
}

.footer-logo img {
	width: 100%;
}


.dropdown-threedot.menu-container {
	position: absolute;
	display: inline-block;
	left: 86%;
	top: 14px;
}

.dropdown-threedot .menu-button {
	font-size: 24px;
	cursor: pointer;
	border: none;
	background: none;
}

.dropdown-threedot .dropdown {
	display: none;
	position: absolute;
	right: -191px;
	top: -1px;
	background-color: #fff;
	border: 1px solid #ccc;
	min-width: 200px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 999999;
	height: 216px;
	overflow-y: scroll;
}

.dropdown-threedot .dropdown a {
	color: black;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-threedot .dropdown a:hover {
	background-color: #f1f1f1;
}

.dropdown-threedot .show {
	display: block;
}

.folders-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: start;
}

.mb-2.form-check label {
	padding-top: 5px;
	padding-left: 10px;
}

.backbtn-wrap {
	align-items: center;
	justify-content: space-between;
}

.backbtn-wrap a {
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 6px 40px;
	border-radius: 5px;
	margin-right: 59px !important;
}

.folders-wrap div {
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
	padding: 15px 25px 25px;
	width: 17%;
	text-align: center;
	border-radius: 12px;
	background-color: #05a34f1f;
}

.folders-wrap.mt-5 .delt-btn,
.crossbtn {
	background: #b33f3f !important;
	padding: 8px;
	color: #fff !important;
	border-radius: 5px;
}

a.edit-btn {
	background: #05a24f;
	padding: 8px;
	color: #fff !important;
	border-radius: 5px;
}

input.folder-text {
	margin: 20px 0px;
}

a.update-bttn {
	color: #fff;
	background: #0d6efd;
	padding: 8px;
	border-radius: 5px;
}

.folders-wrap.mt-5 p {
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 8px;
}

p.vote-count {
	display: inline;
}

a.csv-btn {
	padding: 7px 9px;
	border-radius: 5px;
	background-color: #000;
	border: none;
	font-size: 13px;
	color: #ffffff;
	display: inline-block;
	width: auto;
	font-weight: 600;
	text-decoration: none;
}

.upload-btn-wrap.col-md-5 {
	display: flex;
	gap: 20px;
	justify-content: end;
	align-items: center;
}

a.g-btn {
    background-color: #1976ed;
    padding: 8px 14px;
    color: #ffff;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
}

a.g-btn-edit {
	background-color: #05a34f;
	padding: 8px 21px 6px 21px;
	color: #ffff;
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;

}

.update-btn {
	background-color: #05a34f;
	padding: 10px 20px;
	color: #ffff;
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	border: none;
}

.update-btn:hover {
	background-color: #05a34f;
	padding: 10px 20px;
	color: #ffff;
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	border: none;
}

.edit-text {
	color: #1976ed;
	font-size: 25px !important;
	border-bottom: 0px !important;
}
.model-heading h5
 {
       opacity: 1 !important;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	
}
#createDocumentModal .model-heading h5,div#createEventModal .model-heading h5{
	background: linear-gradient(to right, var(--theme-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	color: transparent;
}
.main-edit-wrap {
	box-shadow: none !important;
}

.backbtan {
	background: #000;
	color: #fff;
	padding: 10px 46px !important;
}

.backbtan:hover {
	background: #000;
	color: #fff;
	padding: 10px 46px !important;
}

.user-checkbox-area {
	margin-left: 10px;
}

.selected-checkbox .form-check-input {
	position: relative;
	top: 3px;
}

.count-bg {
	background-color: #05a34f;
}

.count-bg h4 {
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 0pc;
}

label {
	color: #000;
}

.form-control {
	border: 1px solid #ced4da8a !important;
}

.back-btn {
	background: #000;
	text-decoration: none;
	color: #fff;
	padding: 13px 62px;
	border-radius: 33px;
}

.back-btn:hover {
	background: #000;
	text-decoration: none;
	color: #fff;
	padding: 13px 62px;
	border-radius: 33px;
}

input#selectAll {
	position: relative;
	top: 9px;
}

.calender-checkbox {
	margin-right: 14px;
	top: 4px;
	position: relative;
}

.modal-footer button.btn.btn-primary {
	padding: 10px 30px;
	border-radius: 5px;
	border: none;
	font-size: 15px;
	color: #ffffff;
	width: auto;
	border-radius: 30px;
}

.modal-footer.popup-footer button {
	height: auto !important;
}

.record-text {
	margin-top: 18px;
}


.selectall-text {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.export-btn {
	padding: 13px 9px !important;
}


button.import-btn {
	border: 1px solid #05a34f;
	padding: 12px 24px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	color: #05a34f;
	font-weight: 600;
}

/* ................. */


.folders-container {
	font-family: 'Inter', sans-serif;
}

.folder-card {
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	position: relative;
	overflow: hidden;
	border-radius: 0.75rem;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.folder-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.05);
	z-index: 99;
}

.folder-icon {
	width: 64px;
	height: 64px;
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
	transition: all 0.3s ease;
}

.folder-card:hover .folder-icon {
	transform: scale(1.05);
}

.folder-header {
	padding: 1.25rem;
	display: flex;
	justify-content: center;
	background: linear-gradient(to bottom right, var(--folder-color-start), var(--folder-color-end));
	border-radius: 10px 10px 10px 10px;
}

.folder-header-inner {
	background: #ebf0f4;
    padding: 20px;
}

.folder-body {
	padding: 1rem;
}

.folder-title {
	font-weight: 600;
	color: #374151;
	font-size: 0.95rem;
	margin-bottom: 0.25rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
}

.folder-edit-input {
	border: 1px solid #e5e7eb;
	border-radius: 0.375rem;
	padding: 0.375rem 0.75rem;
	font-size: 0.95rem;
	width: 100%;
	margin-bottom: 0.5rem;
	transition: border-color 0.2s ease;
}

.folder-edit-input:focus {
	border-color: #6366f1;
	outline: none;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
	
}

.folder-actions {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-top: 0.75rem;
	transition: opacity 0.3s ease;
	opacity: 0;
}

.folder-card:hover .folder-actions {
	opacity: 1;
}

.folder-btn {
	width: 35px;
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
}

.folder-btn:hover {
	transform: scale(1.1);
}

.btn-view {
	background-color: rgba(99, 102, 241, 0.1);
	color: #6366f1;
}

.btn-edit {
	/* background-color: rgba(16, 185, 129, 0.1); */
	color: #10b981;
}

.btn-delete {
	/* background-color: rgba(225, 29, 72, 0.1); */
	color: #e11d48;
}

.btn-save {
	background-color: rgba(16, 185, 129, 0.1);
	color: #10b981;
}

.btn-cancel {
	background-color: rgba(156, 163, 175, 0.1);
	color: #4b5563;
}

.folder-count {
	position: absolute;
	bottom: -8px;
	right: -8px;
	background-color: var(--folder-badge-color);
	color: white;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.folder-timestamp {
	font-size: 0.75rem;
	color: #6b7280;
}

.empty-state {
	text-align: center;
	padding: 3rem 1rem;
	color: #6b7280;
	background-color: rgba(243, 244, 246, 0.5);
	border-radius: 0.75rem;
	border: 2px dashed #e5e7eb;
}

.empty-state-icon {
	font-size: 2.5rem;
	margin-bottom: 1rem;
	color: #9ca3af;
}

.create-folder-card {
	border: 2px dashed #e5e7eb;
	transition: all 0.3s ease;
	cursor: pointer;
}

.create-folder-card:hover {
	border-color: #6366f1;
	background-color: rgba(243, 244, 246, 0.5);
}

.create-folder-icon {
	width: 48px;
	height: 48px;
	background-color: rgba(99, 102, 241, 0.1);
	color: #6366f1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.75rem;
	transition: all 0.3s ease;
}

.create-folder-card:hover .create-folder-icon {
	background-color: #6366f1;
	color: white;
}

.error-text {
	color: #e11d48;
	font-size: 0.75rem;
	margin-top: 0.25rem;
}

/* 3 dots */
/* Container for the 3-dot menu */
.dropdown-threedot {
	position: relative;
	display: inline-block;
}

/* 3-dot icon button */
.menu-button {
	background: transparent;
	border: none;
	font-size: 20px;
	color: #444;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
}

.menu-button:hover {
	background-color: #f0f0f0;
}

/* Dropdown menu container */
.dropdown-menu-custom {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	min-width: 160px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	z-index: 1000;
	overflow: hidden;
	padding: 6px 0;
}

/* Show class toggled by JS */
.dropdown-menu-custom.show {
	display: block;
}

/* Each item inside the dropdown */
.dropdown-item-custom {
	padding: 10px 16px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	display: block;
	transition: background-color 0.2s ease;
}

.dropdown-item-custom:hover {
	background-color: #f5f5f5;
}

/* end 3 dots */

.dropfolder-opt {
	overflow: visible !important;
}

.dropdown.show a:nth-child(even) {
	background: #f1f1f1;
}

.dropdown {
	position: relative;
	display: none;
	background: white;
	padding: 10px;
	border: 1px solid #ccc;
	z-index: 100;
}

.dropdown.show {
	display: block;
}

.close-dropdown {
	position: absolute;
	top: 2px;
	right: 5px;
	background: transparent;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #000;
}

.admin-calendar-page {
	position: relative;
}

/* .admin-calendar-page .page-back-btn {
	position: absolute;
	left: 20px;
	top: 27px;
} */

a.me-5.page-back-btn i {
    color: #fff !important;
    font-size: 26px;
    background: var(--theme-color) !important;
    padding: 6px 25px;
    border-radius: 35px;
}

.dropdown-threedot .dropdown {
	padding-top: 36px;
}

.folder-paginate ul {
	justify-content: center;
}

/* // */

.folders-container.mt-5 ul a {
	color: rgba(5, 163, 79, 1);
	font-size: 16px;
	font-family: 'satoshi-medium';
	text-transform: capitalize;
	font-weight: 300 !important;
}

.folders-container.mt-5 ul {
	color: rgba(5, 163, 79, 1);
	list-style: disc !important;
}

.folders-container.mt-5 .card {
	padding: 6px;
	width: 31.5% !important;
	border: 1px solid rgba(236, 236, 236, 1);
	box-shadow: 0px 4px 52px 0px rgba(220, 220, 220, 0.25);
}
/* .docPage{
	padding: 19px 10px;
} */
.folders-container.mt-5 .card-header {
	background: rgba(247, 247, 247, 1) !important;
	border-bottom: 0px;
	padding: 19px 10px 19px 63px;
	border-radius: 10px;
	color: rgba(0, 0, 0, 1);
	font-size: 20px;
	font-family: 'satoshi-bold';
	margin-bottom: 17px;
    background-image: url(/public/img/GroupIMG.svg) !important;
	background-repeat: no-repeat !important;
    background-position: left !important;
    background-position-x: 4% !important;
}

.folders-container.mt-5 .row {
	display: flex;
	gap: 25px !important;
	justify-content: start;
	width: 100%;
	margin-left: 4px;
}

.card-header li {
	display: flex;
}

.folders-container li {
	display: flex;
	justify-content: start;
	list-style: disc !important;
	margin-bottom: 15px;
	position: relative;
}

.actions a {
	font-size: 14px !important;
	height: 25px;
	width: 24px;
}

a.folder-btn.btn-delete {
	color: #e11d48 !important;
}

.folders-container li>div {
    width: 78% !important;
}
 
.folders-container li .actions {
    width: 20% !important;
    text-align: end;
}
 
.folders-container.mt-5 p 
 {
    padding-left: 28px;
}

/* .folders-container li::before {
    position: absolute;
    content: "";
    background: #198754;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: -16px;
    top: 8px;
} */
.back-button a {
    /* background: red; */
    color: #fff;
    font-size: 15px;
    
    color: #ffffff !important;
    font-family: 'satoshi-bold';
    text-decoration: none;
    padding: 7px 21px;
    border-radius: 5px;
    background-color: #05a34f;
    border: none;
    text-align: center;
    /* width: 136px; */
}
.back-button a:hover{
	background-color: #05a34f !important;
	 color: #ffffff !important;
}
.back-button i {
    margin-right: 4px;
}
 @media screen and (max-width:767px){

.folders-container.mt-5 .row {
	flex-wrap: wrap;
}
.folders-container.mt-5 .card {
	width:100% !important;
}
 }
 .create-document-btn {
    background: #16a856;
    border: none;
    box-shadow: none;
}
.eye-login-icon {
    position: absolute;
    background: transparent;
    border: none;
    padding: 0px;
      top: 16px;
    right: 11px;
}
.login-eye-wrap {
    position: relative;
}
.sub-folder-section {
    width: 31%;
    border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.main-folder-section {
    display: flex
;
    gap: 16px;
    flex-wrap: wrap;
    padding: 23px;
}
.sub-heading-top p {
    margin-bottom: 0px;
	padding-left:7px !important;
}
ul.document-list {
    padding-left: 36px;
    padding-top: 14px;
}
ul.document-list li::before {
    top: 8px;
    left: -20px;
}
.sub-heading-top {
    display: flex
;
    justify-content: space-between;
    background: #f2f4f9;
	font-weight:bold;
    padding: 10px;
    align-items: center;
    text-transform: capitalize;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.subfolder-actions i {
    color: #000;
}
ul.document-list li {
    display: flex
;
    justify-content: space-between;
    list-style: disc !important;
    margin-bottom: 15px;
    position: relative;
    padding-right: 15px;
}
.subfolder-actions {
    display: flex
;
    gap: 8px;
    padding: 0 0px 0px 15px;
} 
.document-section {
    display: flex;
    justify-content: space-between;
    padding: 0px 13px;
}
 
.dropdownFilters {
    display: flex;
    gap: 30px;
    width: auto !important;
}
 
.dropdownFilters>div {
    width: 69%;
    height: auto;
}

.dropdownFilters select {
    padding: 10px 10px !important;
    height: auto !important;
    font-size: 13px;
}

/* new css start here  */

.new-blade-design {
    padding: 24px !important;
    border: 1px solid #dadfe7;
    border-radius: 12px;
	background-color: #fff;
}
.sbg-styl {
    padding: 5px 7px;
    background-color: #1763cf1a;
    border-radius: 12px;
}
.sbg-styl svg {
    color: #1763cf;
}

.for-clr {
	color: #6c757d !important;
}



 .main-folder-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .main-folder-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

    .folder-count-div {
        position: relative;
    }

    span.count-items {
        background: #000;
        color: #fff;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        text-align: center;
        font-size: 11px;

    }

    .folders-container.mt-5 ul {
        color: #000;
        list-style: disc !important;

    }

    .folders-container.mt-5 ul a {
        color: #000;
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 300 !important;
    }

   .folder-header {
    background: #ebf0f4;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000 !important;
}

.folder-header h5 {
    color: #1d2530;
    font-size: 16px;
    font-family: "satoshi-medium";
}
    li.document-item {
        display: flex;
        justify-content: space-between !important;
    }

    .folders-container li>div {
        width: auto !important;
    }

    /* .folders-container li::before {
        position: absolute;
        content: "";
        background: #000;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        left: 15px;
        top: 23px;
    } */

    .main-folder-section {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .folder-title {
        display: flex;
        align-items: center;
        flex: 1;
    }

    /* .folder-title h5 {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: #000;
    } */

	.for-color-blk svg{
      color: #627084 !important;
	}

    .folder-title {
        color: #fff;
    }

    .folder-title i {
        font-size: 1.5rem;
    }

    .folder-actions {
        display: flex;
        gap: 8px;
        opacity: 1 !important;
        margin-top: 0px;
    }

    /* .folder-actions.folder-section i {
        color: #fff !important;
    } */

    .folder-actions .btn {
        color: white;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .folder-actions .btn:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
    }

    .subfolder-container {
        padding: 15px;
        display: flex;
        gap: 23px;
    }

    .subfolder-item {
        width: 33%;
        border-radius: 8px;
        margin-bottom: 12px;
        overflow: hidden;
        border: 1px solid #f2f2f2;
    }

    .subfolder-header-wrapper {
        background: #20ad5d;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: capitalize;
    }

    .subfolder-header {
        padding: 12px 15px;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: background 0.2s;
        flex: 1;
    }



    .subfolder-actions {
        display: flex;
        gap: 8px;
        padding: 0 15px;
    }

    .subfolder-name {
        font-weight: 500;
        color: #495057;
        flex: 1;
        padding-left: 11px;
    }

    .document-count {
        font-size: 0.75rem;
        margin-left: 10px;
    }

    .toggle-icon {
        transition: transform 0.3s;
        color: #6c757d;
    }

    .subfolder-header[aria-expanded="true"] .toggle-icon {
        transform: rotate(180deg);
    }

    .subfolder-content {
        background: white;
    }

    .document-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .document-item {
        padding: 10px 15px;
        border-bottom: 1px solid #f1f3f5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background 0.2s;
    }

    .document-item:last-child {
        border-bottom: none;
        padding-left: 24px;
    }



    .document-info {
        display: flex;
        align-items: center;
        flex: 1;
    }

    .document-info i {
        color: #6c757d;
    }

    .document-link {
        color: #212529;
        text-decoration: none;
        font-size: 0.9rem;
    }

    .document-link:hover {
        color: #198754;
        text-decoration: underline;
    }

    .document-actions {
        display: flex;
        gap: 8px;
    }

    .action-btn {
        padding: 4px 8px;
        border-radius: 4px;
        color: #6c757d;
        transition: all 0.2s;
        text-decoration: none;
    }

    .action-btn:hover {
        background: #e9ecef;
    }

    .btn-edit:hover {
        color: #0d6efd;
    }

    .btn-delete:hover {
        color: #dc3545;
    }

    .no-documents,
    .no-subfolders {
        text-align: center;
        padding: 20px;
        color: #6c757d;
        font-size: 0.9rem;
        margin: 0;
    }

    .folders-container.mt-5 .row {
        gap: 0px !important;
    }

	.folder-header-inner.folder-card i {
    font-size: 16px !important;
}

    @media (max-width: 768px) {
      .folder-title h5 {
        font-size: 12px;
        line-height: 18px;
    }

        .subfolder-name {
            font-size: 0.9rem;
        }

        .document-link {
            font-size: 0.85rem;
        }

        .folder-section {
            opacity: 1 !important;
        }
.mob-topbar.scrolled {
    position: fixed;
    top: 23px;
}

    }
/* new css end here  */


.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  list-style: none;
  font-size: 15px;
}



.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item a,.breadcrumb-separator.active a {
  color: #6c757d !important;
}

.breadcrumb .active{
  color: #627084  !important;
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}


  .position-relative {
        position: relative;
    }

    .select-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #000;
        font-size: 15px;
        pointer-events: none;
    }


	.for-style-event {

	}

	.events-title {
    width: 70% !important;
}

.meeting-data-time {
    width: 25%;
}

 .for-style-event .meeting-data-titel {
    justify-content: space-between;
}
.meeting-data-card {
    border-left: inherit !important;
    padding-left: 0px !important;
    border: 1px solid #dadfe7 !important;
    padding: 17px 22px 10px !important;
    border-radius: 12px;
    background-color: #ffffff;
}

a,button {
	cursor: pointer;
}
.folders-container.document-div .card{
	width:100%  !important;
}
.document-div  h5.mb-0.flex-grow-1 ,.card-body.d-flex.align-items-center.gap-3.document-sub-title{
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
}
.main-arrow-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

select.new-styl-slector {
    padding: 9px;
    font-size: 13px;
    background-color: transparent;
    height: 41px !important;
    border-radius: 7px !important;
    font-family: "satoshi";
}


li.breadcrumb-item {
    font-size: 15px;
	font-family: "satoshi";
}

@media screen and (max-width: 496px) {

.document-div h5.mb-0.flex-grow-1,.card-body.d-flex.align-items-center.gap-3.document-sub-title {
    font-size: 14px !important;
    line-height: 23px;
}
.folder-title {
    white-space: normal !important;
}
.folder-header {
    padding: 12px;
}
.document-search {
    width: 100%;
    margin-top: 13px;
}
.new-blade-design {
    padding: 12px !important;
}

.folder-card i {
    font-size: 15px !important;
}
.center-main {
    width: 90%;
}

.admin-calendar-page .page-back-btn {
    position: inherit !important;

}
.admin-calendar-page h1, .msg-page-sec h2 {
    font-size: 24px;
}
.folder-header-inner {
    padding: 16px;
}
.action-btn {
    padding: 2px 4px !important;
}
.btn-delete {
    background-color: #00000000 !important;
}
.admin-calendar-page button.btn.btn-primary {
    width: 100%;
}
a.csv-btn {
    width: 100%;
    text-align: center;
}

.search_div {
    margin-bottom: 25px !important;
}

table.table-bordered {
    overflow-x: scroll !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    width: 100%;
    margin: auto;
}

.custom-mobile-edit {
    padding: 4px 5px !important;
    font-size: 11px !important;
}

.dropdownFilters select {
    font-size: 12px;
}

.meeting-data-time {
    width: 100%;
}
.for-style-event {
    margin-top: 20px !important;
}

}




/* new css start here  */

.pagination .page-link {
	background-color: #f8fafb !important;
}

/* Sidebar Container */
.sidebar {
    width: 256px !important;
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
	background: #fff;
	border-right: 1px solid #e5e7eb;
	padding:24px 0 20px 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	    border-right: 1px solid #dadfe7;
		box-shadow: none !important;
}

/* Logo */
.logo h2 {
	margin-bottom: 2px;
	background: linear-gradient(to right, var(--theme-color), #fa832e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	 font-size: 24px !important;
    font-weight: 700;
   
    margin: 0;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.active-sidebar-logo {
	background: linear-gradient(to right, var(--theme-color), #fa832e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.logo h2 span {
	color: #000;
	font-weight: 700;
}

.logo p {
    margin-top: 1px !important;
    color: #627084 !important;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	margin-bottom: 32px;
}

/* Menu */
.menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0 24px !important;
}

.menu-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 15px 10px 26px;
	border-radius: 8px;
	color: #627084 !important;
	text-decoration: none;
	font-size: 15px;
	transition: 0.2s;
}

.menu-item i {
	font-size: 18px;
}

.menu-item:hover {
	background: #f1f5f9;
}

.menu-item.active-sidebar {
	color: #fff !important;
	font-weight: 500;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.menu-item {
    display: flex;
    align-items: center;
    gap: 20px !important;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px !important;
    padding: 10px 16px;
    border-radius: 10px;
    transition: all 0.3s 
ease;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.menu svg {
    width: 16px !important;
}
.menu-item.active-sidebar svg {
	color: #fff !important;
}
/* Profile */
.profile {
	background: #f1f5f9;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
}

.avatar {
	background: #2563eb;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.profile-info small {
	color: #6b7280;
	font-size: 13px;
}

.menu-item svg {
	width: 20px;
	color:#627084 !important;

}

.add-member {
	padding: 10px 20px;
	background-color: #1763cf;
	color: #fff !important;
	margin-top: 22px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}

.for-form-styl input {
	background-color: #f8fafb !important;
	border: 1px solid #e0e5eb;
	height: 42px !important;
	font-size: 14px;
}

.upload-csv {
	border-top: 1px solid #dadfe7;
}


.for-form-styl input[type="file"]::file-selector-button {
	background-color: #f8fafb !important;
	color: #000;
	padding: 10px 5px 10px 20px;
	font-weight: 600;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.new-styl {
	font-size: 15px;
}

.light-btn-styl {
	background-color: #f8fafb !important;
	border: 1px solid #e0e5eb;
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 8px;
	font-weight: 600;
}

.inner-member p {
	font-size: 14px;
	color: #627084;
}

#search-icon {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	left: 5px;
	position: relative;
}

.table-responsive td {
	padding: 22px 15px 22px 10px !important;
	font-size: 14px;
	color: #1d2532c7;
}

.table-responsive tbody {
	border-top: 1px solid #e0e5eb !important;
}

.badge-design {
	background-color: #1763cf;
	padding: 6px 10px;
	font-weight: 600;
}

.table-responsive th {
	font-weight: 500;
	font-size: 15px;
}

.new-btn-orng {
	border-radius: 12px;
	border: 1px solid #fa832e;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	padding: 7px 20px;
	font-weight: 500 !important;
	background-color: #fa832e;
}

.new-btn-orng:hover {
	color: #fff;
	background-color: #f96b06;
}



.stats-card {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	padding: 20px;
	transition: 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	min-height: 130px;
}
.stats-card-2 {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	padding: 20px;
	transition: 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	min-height: 130px;
}
.stats-card-2:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
	   transform: translateY(-10px);
}

.stats-card:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.stats-icon {
	background: linear-gradient(135deg, #1763cf33, #f9771a33);
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}

.stats-icon svg {
	color: #1763cf !important;
}

.stats-title {
    color: #627084;
    font-weight: 600;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.stats-number {
	font-size: 1.75rem;
	font-weight: 700;
	color: #111827;
}

.stats-info {
	font-weight: 400;
	font-size: 14px;
}

.text-green {
	color: #16a34a;
}

.text-red {
	color: #dc2626;
}

.inner-small-heading h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}


.notification {
	display: flex !important;
	align-items: center;
	gap: 12px;
	/* background: #fff; */
	padding: 12px 16px 20px 0px !important;
	max-width: 100%;
	border-bottom: 1px solid #dadfe7 !important;
}

.for-outer-styl .col-md-12:last-child .notification {
  border-bottom: 0px !important;
}

.icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: #ebf0f4;
	color: #10b981;
	flex-shrink: 0;
}

.text-wrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.title {
    font-size: 14px;
    font-weight: 600;
    color: #1d2530;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}


/* 
.time svg {
	width: 12px;
	height: 12px;
} */

.stats-icon-lower {
    background:#1763cf1a;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gray-pill {
    padding: 3px 13px 0px;
    background-color: #ebf0f4;
    font-size: 13px;
    line-height: 16px;
    height: 25px;
    color: #263140;
    font-weight: 600;
}
.inner-access-content p{
  font-size: 14px;
}

   .meeting-card {
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      padding: 20px;
      background-color: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      transition: all 0.3s ease;
    }
.meeting-card h5 {
	font-size: 25px !important;
}

    .meeting-card:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .icon-box {
      background-color: #eef4ff;
      color: #1763cf;
      border-radius: 12px;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
    }
    .badge-draft {
    background-color: #fff7e0;
    color: #f6bb09;
    font-weight: 400;
    border-radius: 3px;
    font-size: 11px;
    padding: 4px 10px;
}
  .edit-btn {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 9px 20px;
    font-size: 15px;
    /* width: 100%; */
    font-weight: 600;
    transition: 0.2s;
}
    .edit-btn:hover {
      background-color: #fa832e;
      border-color: #fa832e;
	  color: #fff;
    }
    .meeting-info {
      display: flex;
      align-items: center;
      color: #6b7280;
      font-size: 14px;
      margin-bottom: 6px;
      gap: 6px;
    }
    .meeting-info svg {
      width: 13px;
      height: 13px;
      stroke: #6b7280;
    }

.add-ajenda {
	padding: 10px 18px;
    border-radius: 12px;
    background-color: #3279D8;
    border: none;
    font-size: 15px;
    color: #ffffff;
	font-weight: 500;
}

.Sync-Calendar a {
	font-size: 13px;
	color: #ffffff !important;
	font-family: 'satoshi-bold';
	text-decoration: none;
	padding: 7px 0px;
	border-radius: 5px;
	background-color: #3279D8;
	border: none;
	text-align: center;
	/* width: 136px; */
	font-size: 16px;
}

.new-styl-btn {
	border-radius: 12px;
	border: 1px solid #e4dcdc;
	line-height: 28px;
	font-size: 16px;
	font-weight: 500 !important;
}

.new-btn-ipload {
	width: 200px !important;
	font-size: 15px !important;
}

.new-styl-btn:hover {
	background-color: #fa832e;
	color: #fff;
	border: 1px solid #fa832e;
}

.Sync-Calendar a:hover {
	background-color: #211430;
	transition: 0.4s ease;
	color: #fff !important;
}

.admin-calendar-page select {
	width: 100%;
	height: 34px;
	font-size: 13px;
	border-radius: 5px;
	border: 1px solid #979797;
	outline: none;
}

.calendar-wrapper {
	height: calc(var(--fullDayHeight) * 8);
	width: 70em;
	box-sizing: content-box;
	display: flex;
	position: relative;
}

.simple-btn-t-bg {
    font-size: 14px !important;
    padding: 6px 18px !important;
    height: 41px;
    border: 1px solid #e0e5eb !important;
    border-radius: 10px !important;
	font-family: "satoshi-medium";
	font-weight: 400;
}
.simple-btn-t-bg:hover {
	background-color: #fa832e !important;
	color: #fff !important;
	 border: 1px solid #fa832e !important;
}

.p-14 {
    font-size: 12px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.index-serch input[type="search"] {
	 background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>") no-repeat left 10px center !important;
  background-size: 16px;
    padding: 10px 10px 10px 39px;
    height: 41px !important;

    background-size: 23px !important;
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px !important;
}

.for-index-design p {
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
/* .for-visival-hght {
    height: 450px;
    overflow-y: scroll;
	overflow-x: hidden;
} */
.inner-access-content h4 {
    font-weight: 600;
    font-size: 24px !important;
    color: #1d2530 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.meeting-data-card h5 {
    font-size: 24px;
    color: #1d2530 !important;
    font-weight: 500 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.stats-card {
    margin-top: -10px;
}
.for-equal-stl p {
    color: #627084;
    font-size: 14px;
    margin: 6px 0px 0px 0px;
}
.btn-g-calender button {
    font-size: 14px !important;
    line-height: 0px;
    text-transform: capitalize;
}
.for-equal-stl p {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.btn-primary {
    padding: 11px 15px !important;
    border-radius: 10px !important;
    border: none;
    font-size: 14px !important;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    /* height: 41px; */
   
    font-weight: 500 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    text-transform: capitalize;
}

.bg-input-styl {
    background-color: #f8fafb !important;
    height: 40px !important;
    font-family: "satoshi";
}
.bg-input-styl::placeholder {
	font-size: 14px !important;
}

select.bg-input-styl {
    height: 36px !important;
}

.new-height-btn {
	height: 47px !important;
}

#srch{
    background-color: #f8fafb !important;
}

.member-sml-design {
	max-width: 75%;
}

.meeting-status {
    padding: 4px 14px;
    border-radius: 6px;   /* ← NOT ROUND, not capsule */
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

.status-upcoming {
    background-color: #0d6efd;  /* Blue */
}

.status-completed {
    background-color: #6c757d; /* Grey */
}
.vote {
    background: #ef4444 !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
    border-radius: 24px !important;
    text-transform: capitalize !important;
}
.inner-access-content h4 {
    font-weight: 600;
}

.completed-batch {
	padding: 5px 15px !important;
    background-color: #ebf0f4;
    border-radius: 4px;
}

.for-design-svg {
	position: relative;
    top: -4px;
}

.btn-cross .btn-close {
    position: absolute !important;
    right: 0;
    top: 5px;
    font-size: 12px;
}

.other-model-styl .simple-btn-t-bg {
    padding: 11px 37px !important;
    height: auto !important;
    text-decoration: none;
    color: #000;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-weight: 500;
}


.profile-card {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 10px 12px;
      border-radius: 12px;
      background: #ebf0f4; 
    }

    .profile-avatar {
      flex: 0 0 auto;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      overflow: hidden;
      display: inline-grid;
      place-items: center;
    }

    .profile-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Text area */
    .profile-info {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }

    .profile-name {
      font-size: 14px;
      font-weight: 600;
      color: #0f1724;
      line-height: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .profile-role {
      font-size: 12px;
      color: #56707f;
      line-height: 1;
    }

.profile-avatar h6 {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.meeting-data-card .lovel-design {
background-color: color-mix(in srgb, var(--theme-color) 25%, white) !important;
color: color-mix(in srgb, var(--theme-color) 70%, black) !important;
}

.meeting-data-card .ongoing-design {
background-color: color-mix(in srgb, #22c55e 20%, white) !important;
color: color-mix(in srgb, #16a34a 80%, black) !important;
}
.for-seting-design p {
    font-size: 14px;
    font-weight: 400;
    padding-top: 6px;
}

.setting-wdth-crd {
    max-width: 60%;
}

.alert-yes {
	background-color: #e9f8ef !important;
}

.custom-badge{
    display: inline-block;
    padding: 6px 18px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
}

.select-unique select {
    height: 40px !important;
    padding: 7px !important;
}
.choose-file-field {
    height: auto !important;
}
.file-card {
gap: 6px;
padding: 24px;
border-radius: 8px;
border: 1px solid #d5d9de;
/* cursor: pointer; */
font-size: 14px;
background: #ffffff;
}


.btn.download {
    background: #f8fafb;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    color: #1d2530;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    border-radius: 10px;
}
.btn.edit { 
    background: #f8fafb;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    color: #1d2530;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    border-radius: 10px;
}
.btn.delete { background: #ef4444;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    border-radius: 10px;
 }


/* Details panel */
.file-details {
    margin-top: 28px;
    background: #ebf0f4;
    padding: 14px;
    border-radius: 12px;
    display: flex;
    /* gap: 120px; */
}

.detail-box .label {
    font-size: 12px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.detail-box p {
    font-size: 14px !important;
    margin-top: 0px !important;
}
.detail-box.detailcreated-box {
    display: flex;
    align-items: center;
    gap: 14px;
}
.detail-box .label {
font-size: 14px;
color: #6a6c70;
display: block;
}


.detail-box p {
font-size: 15px;
margin: 6px 0 0;
color: #000;
}


/* Description section */
.description h4 {
margin-top: 28px;
margin-bottom: 12px;
font-size: 17px;
font-weight: 600;
}


.desc-box {
background: #ebf0f4;
border-radius: 12px;
padding: 18px;
color: #7c7e82;
font-size: 15px;
}
a.me-5.page-back-btn {
    font-size: 14px !important;
    text-decoration: none;
    color: #000;
	
	  padding: 10px 19px;
}
a.me-5.page-back-btn:hover {
    background: #fa832e;
    padding: 10px 19px;
    border-radius: 10px;
    color: #fff;
}
.file-header {
    display: flex;
    justify-content: space-between;
}
.document-main-heder {
    display: flex;
    gap: 15px;
	    align-items: center;
}
.file-info h2 {
    font-size: 24px;
    font-weight: 500;
    color: #1d2530;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.file-icon {
    background: #1763cf1a;
    padding: 16px;
    display: flex;
    border-radius: 9px;
}
.file-icon svg{
	color: var(--theme-color) !important;
}
span.folder {
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.detail-box {
    width: 50%;
}
.file-card .commment textarea {
    background: #f8fafb;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e5eb;
	    margin-top: 0px;
}
.file-card .description h1 {
    font-size: 24px;
    color: #1d2530;
    margin-bottom: 0px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
}
.file-card.mt-4 textarea::placeholder {
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 400;
    color: #1d2530;
}
.file-card .description {
    /* display: flex; */
    margin: 0px;
    margin-bottom: 16px;
}
.file-card.mt-4 button {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 13px;
    background: #1763cf;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 9px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.comment-box {
  
    background: #ebf0f4;
    border-radius: 12px;
    padding: 16px 16px 16px 27px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}


.comment-icon {
    font-size: 20px;
    margin-right: 20px;
  
    display: flex;
    align-items: center;
    padding-top: 2px;
    gap: 31px;
}


.comment-content {
flex: 1;
}


.comment-content h3 {
    font-size: 16px;
    margin: 0 0 6px 0;
    font-weight: 600;
    color: #000 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.comment-content p {
    margin: 0;
    font-size: 14px;
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.comment-date {
    font-size: 14px;
    color: #6c6e72;
    white-space: nowrap;
    margin-left: 20px;
    padding-top: 4px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.btn.download:hover,button.btn.edit:hover {
    background: #fa832e;
    color: #fff;
    border: 1px solid #e0e5eb;
}
button.btn.delete:hover {
    background: #ef4444;
    color: #fff;
}
.file-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.document-main-heder h3 {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
}
.edit-wrap input,.edit-wrap textarea ,.edit-wrap select{
    background: #f8fafb;
    font-size: 14px;
	    height: auto !important;
		    border-radius: 10px !important;
}
.edit-wrap input::placeholder ,.edit-wrap textarea::placeholder{
    font-size: 14px;
}
.document-upload {
    background: #ebf0f4 !important;
    border: 1px solid #dadfe7 !important;
}
.current-doc-wrap h6 {
    color: #1d2530 !important;
    font-size: 14px !important;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.current-doc-wrap p {
    font-size: 12px !important;
    color: #627084 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.file-card .create-document-btn {
    background: var(--theme-color) !important;
	border-radius: 10px;
}

.create-document-btn span {
    font-size: 14px;
    margin-left: 8px;
}
.create-document-btn {
    background: #1763cf !important;
}
a.btn.simple-btn-t-bg {
    background: #f8fafb !important;
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.replace-file-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8fafb;
    border: 1px solid #e0e5eb;
    color: #1d2530;
    padding: 7px 14px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
}

.replace-file-btn:hover {
    background: #e3ecff;
}
.document-upload {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.document-file-sec {
    gap: 16px;
}
.document-file-sec .file-icon {
    background: #1763cf1a;
    padding: 10px;
}
.document-file-sec .file-icon svg{
color: var(--theme-color) !important;
}
.replace-file-btn:hover {
    background: #fa832e;
    color: #fff;
}
a.btn.simple-btn-t-bg:hover {
    color: #fff !important;
    background: #fa832e !important;
}
#delete-btn button.btn.btn-primary {
    background: #ef4444 !important;
    padding: 8px 19px !important;
}
#delete-btn button.btn.btn-secondary {
    background: #f8fafb;
    color: #000;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    padding: 8px 18px;
    border-radius: 10px;
}
#delete-btn .modal-header h1 {
    font-size: 18px !important;
    color: #000;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
}
#delete-btn  .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
}
#delete-btn .modal-body {
    font-size: 14px;
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    padding-top: 5px;
}
#delete-btn  .modal-footer {
    border-top: 0px !important;
    padding-top: 0px;
}
#delete-btn  .modal-content {
    padding: 6px;
    border-radius: 14px;
}
div#delete-btn {
    /* display: flex !important; */
    align-items: center;
    justify-content: center;
    background: #0000009c;
}
div#delete-btn .modal-dialog {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0px;
}
.edit-file-icon {
    background: #1763cf1a;
    padding: 12px;
    display: flex;
    border-radius: 9px;
}
a.me-5.page-back-btn svg {
    margin-top: -2px;
    margin-right: 3px;
}
.edit-wrap label {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
    color: #1d2530;
}
textarea#description {
    height: 120px !important;
}
.meeting-sec p.text-secondary {
    min-height: 45px !important;
}
input.form-control.form-control-color.w-100 {
    height: auto !important;
}
span.file-size.text-dark {
	font-size: 14px;
}

.document-upload.p-4.border.border-2.border-dashed.rounded-3.bg-light.text-center.position-relative {
    justify-content: center;
}
div#createFolderModal,div#createDocumentModal,div#createEventModal ,div#createPollsModal,#viewEventModal ,#deleteUserModal,#updateSubFolderModal,#deleteDocumentModal,#deleteSubFolderModal,#deleteFolderModal,#updateFolderModal{
    background: #00000099;
}
.modal-content.add_doc.p-3 {
    padding: 27px !important;
    border-radius: 12px;
    background: #f8fafb;
}
div#createDocumentModal .modal-dialog.modal-lg.modal-dialog-scrollable ,div#createEventModal .modal-dialog.modal-lg.modal-dialog-scrollable,div#createPollsModal  .modal-dialog.modal-lg.modal-dialog-scrollable ,#viewEventModal  .modal-dialog.modal-dialog-scrollable,#updateSubFolderModal .modal-dialog.modal-dialog-scrollable,#deleteFolderModal .modal-dialog.modal-dialog-scrollable ,#editEventModal .modal-dialog.modal-dialog-scrollable{
    width: 672px !important;
	    max-width: 672px !important;
}
#updateFolderModal .modal-dialog.modal-dialog-centered {
	  width: 575px !important;
	    max-width: 672px !important;
}
.modal-body {
    margin-top: 36px;
}
div#createEventModal .modal-content,div#createPollsModal .modal-content{
    background: #f8fafb;
}
/* .modal-content.other-model-styl .modal-body {
    margin-top: 0px;
    padding: 24px !important;
	    background: #f8fafb;
} */
 #deleteUserModal .modal-content.p-3.other-model-styl p ,#deleteUserModal  .modal-content.p-3.other-model-styl p {
    font-size: 14px !important;
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.modal-content.other-model-styl{
	border-radius: 12px;
}
.main-edit-wrap label ,div#createEventModal label{
    font-size: 16px !important;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    font-weight:600;
	    color: #1d2530;
}
div#createDocumentModal select.form-control {
    font-size: 14px;
    padding: 12px;
    border-radius: 10px !important;
    background: #f8fafb;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	
}
div#createDocumentModal select.form-control:focus,div#createDocumentModal input:focus,div#createDocumentModal textarea:focus ,#createPollsModal input:focus , #createPollsModal textarea:focus,#updateFolderModal input:focus {
    outline: 2px solid ;
    outline-offset: 2px;
    border: 1px solid #00000040 !important;
    z-index: 999 !important;
    box-shadow: none !important;
	 outline-color:var(--theme-color) !important;
}
div#deleteUserModal .modal-dialog ,#deleteDocumentModal .modal-dialog,#deleteSubFolderModal .modal-dialog,#deleteFolderModal .modal-dialog {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0px;
}
div#createDocumentModal input,div#createDocumentModal textarea ,div#createEventModal input,div#createEventModal textarea,div#createPollsModal input,div#createPollsModal textarea{
	font-size: 14px;
    padding: 12px;
    border-radius: 10px !important;
    background: #f8fafb;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
div#createDocumentModal input::placeholder,div#createDocumentModal textarea::placeholder,div#createEventModal input::placeholder,div#createEventModal textarea::placeholder,div#createPollsModal input::placeholder,div#createPollsModal textarea::placeholder{
	font-size: 14px !important;
}
div#createDocumentModal .document-upload {
    background: #f4f7f8 !important;
    border: 2px dashed #e0e5eb !important;
    border-radius: 12px !important;
    height: 196px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

div#createDocumentModal .create-document-btn {
  
	  background: var(--theme-color) !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    font-weight: 600;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.document-upload svg {
    color: #627084;
}
div#createDocumentModal .create-document-btn:hover {
    background: #2474f5 !important;
}
div#createDocumentModal .btn-cross .btn-close {
    position: absolute !important;
    right: -12px;
    top: -7px;
    font-size: 9px;
}
div#createEventModal .position-relative.btn-cross .row {
    margin: 0px !important;
}
div#createEventModal .modal-body,#editEventModal .modal-body {
    margin-top: 0px;
    padding: 24px !important;
}
div#createEventModal .right-side-main-new.pt-0 {
    margin: 0px !important;
    padding: 0px 11px !important;
    width: 100% !important;
}
.selectall-sec {
    background: #ebf0f44d;
    border: 1px solid #dadfe7;
    border-radius: 10px;
}
.selectall-sec .form-check.mb-2 {
    padding: 10px 23px !important;
    border-bottom: 1px solid #dadfe7;
}
.custom-red-check {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 2px solid #d70000;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: 0.2s;
}

/* CHECKED STATE */
.custom-red-check:checked {
    background-color: #d70000 !important;
    border-color: #d70000;
}

/* WHITE CHECKMARK */
.custom-red-check:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0px;
    transform: rotate(45deg);
}

.form-check-input:focus {
    border: none !important;
    box-shadow: none !important;
}
div#createEventModal .selectall-sec input,.edit-calendar-sec .selectall-sec input  {
    padding: 0px !important;
    border-radius: 50% !important;
    height: 16px !important;
    width: 16px !important;
    margin-left: -8px;
    margin-top: 5px;
	 border-color:var(--theme-color) !important;
	     cursor: pointer;

}
.edit-calendar-sec input, .edit-calendar-sec select, .edit-calendar-sec textarea {
    background: transparent !important;
    border-radius: 10px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-size: 14px;
}
.form-check-input:checked[type=checkbox] {
    background: var(--theme-color) !important;
}
.form-check-input:checked[type=checkbox]::after {
  content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0px;
    transform: rotate(45deg);
}
#createEventModal  button.btn.btn-primary {
    padding: 10px 32px !important;
    height: auto !important;
    font-size: 14px;
	background-color: var(--theme-color) !important;
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-weight: 500;
}
#createEventModal .modal-footer.other-model-styl {
    border-top: 0px !important;
    margin-top: 16px;
    padding: 0px;
}
#createEventModal .btn-cross .btn-close {
    position: absolute !important;
    right: -14px;
    top: -8px;
    font-size: 10px;
    color: #000;
    opacity: 0.7;
}
div#createPollsModal .modal-body {
    margin-top: 0px !important;
}
div#createPollsModal  p.text-muted.mb-4 {
    font-size: 14px !important;
    color: #627084;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
}
div#createPollsModal  .modal-content {
    padding: 0px !important;
}
div#createPollsModal h5.modal-title.mb-0 {
    font-size: 18px;
    font-weight: 500;
}

div#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center {
    border-radius: 14px;
    border: none;
    padding: 3px 5px 4px;
    background: #ebf0f4;
}
div#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center li button {
    width: 100%;
    font-size: 14px;
    color: #627084 !important;
    font-weight: 600;
}
div#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center li {
    width: 50%;
    color: #fff;
    text-align: center !important;
}
div#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center li button.nav-link.text-black.active-sidebar {
    background: #fff !important;
    border: none;
    border-radius: 10px;
    width: 100%;
    color: #000 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
    font-weight: 500;
    font-size: 14px;
}

#createPollsModal p.fw-semibold.mb-0 {
    color: #627084;
    font-size: 14px;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-weight: 400 !important;
}

#createPollsModal button.btn.btn-primary {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #e0e5eb !important;
    font-size: 14px !important;
    padding: 7px 21px !important;
    /* line-height: 0px !important; */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
    height: auto;
}
#createPollsModal button.btn.btn-primary.createpoll {
    padding: 10px 32px !important;
    height: auto !important;
    font-size: 14px;
    background-color: var(--theme-color) !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-weight: 500;
    color: #fff !important;
}
#createPollsModal button.simple-btn-t-bg {
    background: transparent;
    padding: 10px 23px !important;
}
#createPollsModal button.btn.btn-primary:hover {
    background: #fa832e !important;
    color: #fff !important;
}
#createPollsModal .create-poll-sec {
    padding: 14px !important;
    border: 1px solid #dadfe7 !important;
    border-radius: 10px;
    margin-top: 8px;
}
#createPollsModal input.form-check-input.custom-red-check {
    padding: 0px !important;
    margin-top: 9px !important;
    border-color: var(--theme-color) !important;
    height: 15px !important;
    width: 15px !important;
}
#createPollsModal .d-flex.justify-content-end.mt-4.pt-3.pb-3.modal-footer.other-model-styl {
    border-top: 0px;
    padding: 0px !important;
    margin-bottom: 20px !important;
}
#createPollsModal button.btn.btn-primary.createpoll:hover {
    background: var(--theme-color) !important;
}
#createPollsModal .form-check label {
    margin: 3px 0px;
}
#createPollsModal .btn-cross .btn-close {
    position: absolute !important;
    right: 23px;
    top: 16px;
    font-size: 10px;
}
.folder-wrap button {
    width: 50% !important;
}
#createFolderModal button.btn.btn-primary {
    background: #1763cf1a !important;
    border: 2px solid #1763cf !important;
    border-radius: 10px !important;
    width: 50% !important;
    color: #1d2530 !important;
    font-size: 16px !important;
}
#createFolderModal button.btn.btn-outline-primary {
    border: 2px solid #dadfe7;
    border-radius: 11px;
    color: #000;
    font-size: 16px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    padding: 16px !important;
    font-weight: 500;
}
#createFolderModal input.form-control {
    height: 80px !important;
    font-size: 14px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    border: 1px solid #e0e5eb !important;
}
#createFolderModal button.btn.btn-outline-primary:hover {
    background: transparent;
    border: 2px solid #1763cf80;
}
#createFolderModal .modal-footer.add_document button {
    background: var(--theme-color) !important;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    padding: 12px;
    font-weight: 600;
    margin: 0px !important;
}
#createFolderModal .modal-body input, .modal-body select {
    background: transparent;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    padding: 8px 12px;
    border-radius: 8px !important;
}
#createFolderModal .modal-footer.add_document button:hover {
    background: var(--theme-color) !important;
    opacity: 0.9;
}
.main-edit-wrap .mb-4 {
    padding: 0px 4px;
}
#viewEventModal .modal-header h1

 {
    font-size: 24px !important;
    color: var(--theme-color) !important;
}
#viewEventModal .modal-body {
    margin-top: 0px !important;
}
#viewEventModal .modal-dialog.modal-dialog-scrollable h6 {
    font-size: 16px !important;
    color: #627084 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
#viewEventModal .modal-body p {
    font-size: 16px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
#viewEventModal .mb-3.event-details-member {
    padding: 15px;
    border: 1px solid #dadfe7;
    border-radius: 10px;
    background: #f5f8fa;
}
small.text-muted {
    font-size: 16px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
button.btn.btn-secondary.px-4 {
    background: transparent;
    border: 1px solid #e0e5eb;
    color: #000;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    padding: 9px 30px !important;
    width: auto !important;
    border-radius: 10px;
}
.modal-content {
    background: #f8fafb;
}
.staus-sec {
    display: flex;
    align-items: center;
    gap: 3px;
}
#viewEventModal span.badge.px-3.py-2.badge {
    background-color:  color-mix(in srgb, var(--theme-color) 26%, white) !important;
    color: var(--theme-color) !important;
}
.mb-3.event-details-member img {
    background-color:  color-mix(in srgb, var(--theme-color) 10%, white) !important;
    color: var(--theme-color) !important;
	padding: 9px;
}
.event-link:hover {
    text-decoration: underline;
}

.event-link {
    color: var(--theme-color) !important;
}
#viewEventModal .modal-dialog.modal-dialog-scrollable .modal-content {
    border-radius: 12px;
    background: #f8fafb;
}
button.btn.btn-secondary.px-4:hover {
    background: #fa832e;
	color:#fff;
}
label.form-label.fw-semibold {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1d2530;
}
input.form-control.form-control-lg {
    font-size: 14px;
    background: #f8fafb;
    padding: 10px 13px;
    height: auto !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    border-radius: 10px !important;
}
.meeting-data-card.setting-wdth-crd button {
    font-size: 14px !important;
    padding: 9px 14px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h6.m-0.fw-semibold {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
button.btn.simple-btn-t-bg.bg-input-styl.fw-semibold {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
thead.bg-light.text-muted th {
    color: #627084;
}
.modal-footer.p-2.d-flex.remove-modal button {
    width: auto !important;

}

.modal-footer.p-2.d-flex.remove-modal {
    display: flex !important;
    align-items: center;
 justify-content: end;
     padding: 0px !important;
}
#deleteUserModal .btn-primary,#deleteDocumentModal .btn-primary,#deleteSubFolderModal  .btn-primary,#deleteFolderModal .btn-primary{
    border-radius: 10px !important;
    height: auto !important;
    padding: 8px 18px !important;
    font-size: 16px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    background-color: var(--theme-color) !important;
}
h5#deleteUserModalLabel {
    font-size: 18px;
    color: #1d2530;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500 !important;
}
#deleteUserModal .other-model-styl .simple-btn-t-bg ,#deleteDocumentModal .other-model-styl .simple-btn-t-bg,#deleteSubFolderModal .other-model-styl .simple-btn-t-bg,#deleteFolderModal .other-model-styl .simple-btn-t-bg,{
    padding: 10px 20px !important;
    height: auto !important;
    text-decoration: none;
    color: #000;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-weight: 500;
}
.modal-content.p-4.other-model-styl p {
    color: #627084;
    font-size: 14px;
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
}
.meeting-data-card label {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    font-size: 14px;

    font-weight: 500;
}

.meeting-data-card input, .meeting-data-card select {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	    font-size: 14px;

}
.btn-g-calender div:last-child a {
    background: #f8fafb !important;
    color: #000 !important;
    border: 1px solid #e0e5eb !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 14px !important;
    font-weight: 500;
    line-height: 0px;
    padding: 20px !important;
}
.btn-g-calender div:last-child a:hover {
    background: #fa832e !important;
    color: #fff !important;
}
.sbg-styl-text-side p.mb-0.mt-1.text-muted.p-14 {
    font-size: 14px !important;
}
.sbg-styl-text-side p:empty {
    display: none;
}
.sbg-styl.me-2 svg {
    width: 20px;
    height: 20px;
}
#updateSubFolderModal .form-group input {
    font-size: 14px;
    background: transparent;
}
.breadcrumb-item.active {
    color: #627084 !important;
}
.right-side-main-new .input-group input::placeholder, .right-side-main-new select {
    font-size: 14px !important;
	  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
p.sub-doc.text-muted.p-14.mb-0 {
    font-size: 14px !important;
}.admin-calendar-page 
small.text-muted {
    color: #627084 !important;
    font-size: 14px;
    font-weight: 400;
}
#createDocumentModal .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    padding: 24px !important;
	    margin-top: 0px;
}
span.badge.bg-light.text-dark {
    background: transparent !important;
    border: 1px solid #dadfe7;
    border-radius: 14px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 600;
}
.model-heading.pb-2 h5 {
    font-size: 30px;
}
.edit-calendar-sec .selectall-sec label {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-size: 16px !important;
    font-weight: 500;
}
.edit-calendar-sec label {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color emoji";
    font-size: 16px;
    font-weight: 500;
}
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"]{

background-repeat: no-repeat;
}

.new-blade-design.mb-3 .p-14 {
    font-size: 14px !important;
}
.flatpickr-months .flatpickr-month {
    height: 50px !important;
}

.folder-link{ display: block; width: 100%; color: inherit; text-decoration:none ; }

.px-2_5 {
    padding-left: 14px;
    padding-right: 14px;
}

.dash-link{
text-decoration: none
}


    .pricing-section {
        background: #f5f7fa;
        min-height: 100vh;
        padding: 60px 0;
    }
    
    .pricing-header {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .pricing-icon {
        width: 60px;
        height: 60px;
        background: #e3f2fd;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .pricing-icon svg {
        width: 30px;
        height: 30px;
        color: #2196F3;
    }
    
    .pricing-header h1 {
        font-size: 36px;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 10px;
    }
    
    .pricing-header p {
        color: #6c757d;
        font-size: 17px;
    }
    
    .plans-container {
        display: flex;
        gap: 30px;
        max-width: 1250px;
        margin: 0 auto;
        justify-content: center;
    }
    
    .plan-card {
        background: white;
        border-radius: 12px;
        padding: 30px 30px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        flex: 1;
        max-width: 450px;
        position: relative;
        transition: all 0.3s ease;
        border: 1px solid #e0e0e0;
        cursor: pointer;
    }
    
    .plan-card:hover:not(.selected) {
        background: #f0f8ff;
        border-color: #90caf9;
    }
    
    .plan-card.selected {
        border: 3px solid #2196F3;
        box-shadow: 0 4px 20px rgba(33, 150, 243, 0.15);
    }
    
.popular-badge {
    position: absolute;
    top: -18px;
    right: 35%;
    background: hsl(215 80% 45%);
    color: white;
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

	.popular-badge svg {
    stroke: #fff;
	height: 17px;
}
    .title-icon {
    background: hsl(215deg 80% 45% / 10%);
    border-radius: 50px;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
	margin-bottom: 20px;
}
.title-icon svg {
    height: 36px;
    width: 36px;
}
.billing-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background-color: #ebf0f480;
    padding: 10px;
}
.billing-toggle span
 {
    font-weight: 600;
}
.billing-toggle span.active {
    color: #1763cf;
}
span#labelAnnual small {
    background: rgb(220 252 231);
    padding: 5px 13px;
    margin-left: 8px;
    border-radius: 14px;
	display: none;
}
span#labelAnnual.active small{
display: inline-block;
}
    .plan-card h2 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 15px;
        color: #1a1a1a;
    }
    
    .plan-meta {
        color: #6c757d;
        font-size: 14px;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .plan-price {
        margin-bottom: 30px;
    }
    
    .plan-price .price {
        font-size: 42px;
        font-weight: 700;
        color: #2196F3;
    }
    
    .plan-price .period {
        color: #6c757d;
        font-size: 18px;
		font-weight: 400;
    }

	.for-wdth {
    max-width: 935px;
    margin: auto;
}
    
    .plan-features {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
    }
    
    .plan-features li {
        padding: 12px 0;
        color: #4a5568;
        display: flex;
        align-items: start;
        gap: 10px;
    }
    
    .plan-features li svg {
    color: #4a557b !important;
    min-width: 20px;
    margin-top: 2px;
}
   .plan-button {
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f8fafb;
    color: #1a1a1a;
}
    
    .plan-button:hover:not(.selected) {
        background: #ff7b3d;
        color: white;
        border-color: #ff7b3d;
    }
    
    .plan-button.selected {
        background: #2196F3;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-color: #2196F3;
    }
	.plan-card.selected {
    border-color: #1e66d0;
}

.plan-button.selected {
    background-color: #1e66d0;
    color: #ffffff;
    border-color: #1e66d0;
}

    
    .storage-section {
        max-width: 1200px;
        margin: 30px auto 0;
        background: white;
        border-radius: 12px;
        padding: 40px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        display: none;
    }
    
    .storage-section.show {
        display: block;
    }
    
    .storage-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 15px;
    }
    
    .storage-header svg {
        color: #2196F3;
    }
    
    .storage-header h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0;
    }
    
    .storage-description {
        color: #6c757d;
        margin-bottom: 25px;
    }
    
    .storage-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .storage-option {
    border: 3px solid #e0e0e0;
    border-radius: 13px;
    padding: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}
    
    .storage-option:hover {
        border-color: #b0b0b0;
    }
    
    .storage-option input[type="radio"] {
		accent-color: #0d6efd;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    
    .storage-option.selected {
        border-color: #2196F3;
        background: #f0f8ff;
    }
    
    .storage-option h4 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    
    .storage-option .badge {
    display: inline-block;
    background: #ebf0f4;
    color: #000;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}
    
    .storage-option .price {
        color: #2196F3;
        font-weight: 600;
        margin-top: 8px;
    }
    
    .total-cost {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        border-top: 2px solid #e0e0e0;
    }
    
    .total-cost .label {
        font-size: 16px;
        color: #6c757d;
    }
    
.total-cost .amount {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    display: flex;
    align-items: center;
}
    
    .continue-button {
        background: hsl(215 80% 45%);
        color: white;
        padding: 14px 40px;
        border-radius: 8px;
        border: none;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .continue-button:hover {
        background: #1976D2;
    }
    
    .sign-in-link {
        text-align: center;
        margin-top: 30px;
        color: #6c757d;
    }
    
    .sign-in-link a {
        color: #2196F3;
        text-decoration: none;
    }

p#totalPeriod {
    font-weight: 400;
    font-size: 17px;
    margin: 0px 0px 0px 6px;
    color: #627084;
    font-size: 16px;
}

#totalLabel {
	color: #627084;
    font-size: 15px;
}
.price .for-n-style {
    font-size: 13px;
    color: #627084 !important;
}
        .register-section {
            background: #f5f7fa;
            min-height: 100vh;
            padding: 60px 0;
        }

        .plan-summary-card {
            background: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            border: 1px solid #e0e0e0;
        }

        .plan-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

       .plan-label {
    color: #1763cf;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

        .inactive-badge {
            background: #f0f0f0;
            color: #6c757d;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 500;
        }

      .plan-summary-card h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1a1a1a;
}

        .plan-price {
            font-size: 30px;
            font-weight: 700;
            color: #2196F3;
            margin-bottom: 5px;
        }

      .plan-price small {
    font-size: 24px;
    color: #6c757d !important;
    font-weight: 400;
}

        .price-breakdown {
            color: #6c757d;
            font-size: 13px;
            margin-bottom: 25px;
        }

        .plan-features {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
        }

        
.plan-features li {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4a5568;
    font-size: 17px;
}

        .change-plan-btn {
            width: 100%;
            padding: 12px;
            border: 2px solid #e0e0e0;
            background: white;
            border-radius: 8px;
            font-weight: 600;
            color: #1a1a1a;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            text-align: center;
        }

        .change-plan-btn:hover {
            border-color: #2196F3;
            color: #2196F3;
        }

       .register-card {
    background: white;
    border-radius: 12px;
    padding: 40px 40px 20px 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

        .register-icon {
            width: 60px;
            height: 60px;
            background: #1763cf1a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }

        .register-icon svg {
            width: 28px;
            height: 28px;
            color: #1763cf;
        }

        .register-card h2 {
            font-size: 28px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px;
            color: #1a1a1a;
        }

        .trial-info {
            text-align: center;
            color: #6c757d;
            font-size: 16px;
            margin-bottom: 8px;
        }

        .card-required {
            text-align: center;
            color: #6c757d;
            font-size: 16px;
            margin-bottom: 25px;
        }

        .progress-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-bottom: 30px;
        }

        .progress-dot {
            width: 40px;
            height: 4px;
            border-radius: 10px;
        }

        .progress-dot.active {
            background: rgb(23, 99, 207);
        }

        .progress-dot.inactive {
            background: #e0e0e0;
        }

        .form-label {
            font-weight: 500;
            color: #1a1a1a;
            margin-bottom: 8px;
            font-size: 16px;
        }

        .form-control {
            padding: 12px 16px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        .form-control:focus {
            border-color: #2196F3;
            box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
            outline: none;
        }

        .input-icon {
            position: relative;
        }

       .input-icon svg {
    position: absolute;
    left: 14px;
    top: 24px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #6c757d;
}

        .input-icon .form-control {
            padding-left: 42px;
        }

        .benefits-box {
            background: #f8f9fa;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 25px;
        }

       .benefits-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1a1a1a;
}

        .benefits-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .benefits-list li {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 3px 0;
            color: #4a5568;
            font-size: 15px;
        }

        .benefits-list li svg {
            width: 18px;
            height: 18px;
            color: #2196F3;
            flex-shrink: 0;
        }

        .submit-btn {
            width: 100%;
            padding: 14px;
            background: rgb(23, 99, 207);
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .submit-btn:hover {
            background: #1976D2;
        }

        .sign-in-link {
            text-align: center;
            margin-top: 20px;
            color: #6c757d;
            font-size: 16px;
        }

        .sign-in-link a {
            color: #6c757d;
            text-decoration: none;

        }


		/* Base button (size fixed) */
.save-card-btn {
    min-width: 180px;
    height: 44px;
    padding: 0 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    border: none;
}

/* Disabled (empty fields) */
.save-card-btn.is-disabled {
    background-color: #8fb3e8; /* dull blue */
    color: #ffffff;
    opacity: 0.7;
    cursor: not-allowed;
}

/* Enabled (all fields complete) */
.save-card-btn.is-active {
    background-color: #2563eb; /* PRIMARY BLUE */
    color: #ffffff;
    opacity: 1;
    cursor: pointer;
}

/* While saving */
.save-card-btn.is-loading {
    pointer-events: none;
    opacity: 0.8;
}

/* BASE SAVE BUTTON (DISABLED STATE) */
.save-btn {
    padding: 11px 37px !important;
    height: auto !important;

    text-decoration: none;
    font-family: ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color emoji";
    font-weight: 500;

    border-radius: 8px;
    border: none;

    background-color: #c7d2fe; /* disabled blue */
    color: #fff;

    transition: background-color 0.2s ease;
}

/* ENABLED STATE (PRIMARY COLOR ONLY) */
.save-btn.is-enabled {
    background-color: #2563eb; /* primary */
}

/* IMPORTANT: prevent Bootstrap disabled styling */
.save-btn:disabled {
    opacity: 1 !important;
    cursor: not-allowed;
}

.storage-view{
	 border:1px solid #f5c2c7;
    background:#fff5f5;
    border-radius:12px;
    padding:16px 20px;
}

.storage-card {
    background: #e7f2ff;
    border: 1px solid #f5b5b5;
    border-radius: 12px;
    padding: 16px;
}

/* Billing Toggle */
.billing-toggle-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: #f5f7f9;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 14px;
    margin: 0 auto;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.billing-toggle-wrapper span {
    font-weight: 500;
    color: #6b7280;
}

.billing-toggle-wrapper span.active {
    color: #2563eb;
}

/* Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #cbd5e1;
    transition: .25s;
    border-radius: 24px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .25s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2563eb;
}

input:checked + .slider:before {
    transform: translateX(22px);
}

.feature-list li {
    color: #627084;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}
ul.feature-list span {
    position: absolute;
    left: 27px;
}
.feature-list {
    padding-left: 27px;
    list-style: none;
}

.own-btn-styl {
	padding: 12px 18px !important;
}


        .payment-card {
            background: #fff;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            height: 100%;
        }

       
        .inactive-badge {
            background: #ebf0f4;
            color: #000;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
        }

        .plan-summary-card h2 {
            font-size: 32px;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 16px;
        }

        .plan-price {
            /* font-size: 48px; */
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 8px;
        }

        .plan-price small {
            font-size: 18px;
            color: #6b7280;
            font-weight: 400;
        }

        .price-breakdown {
            color: #6b7280;
            font-size: 14px;
            margin-bottom: 24px;
        }

        .plan-features {
            list-style: none;
            padding: 0;
            margin: 24px 0;
        }

        .plan-features li {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            color: #4b5563;
            font-size: 15px;
			border-radius: 15px;
        }

        .plan-features li svg {
            color: #6366f1;
            flex-shrink: 0;
        }

        .change-plan-btn {
            display: inline-block;
            color: #6366f1;
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            margin-top: 16px;
            transition: color 0.2s;
        }

        .change-plan-btn:hover {
            color: #4f46e5;
        }

        .payment-card h3 {
            font-size: 24px;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 8px;
        }

        .icon-wrapper {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .progress-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-bottom: 24px;
        }

        .progress-dot {
            width: 40px;
            height: 4px;
            border-radius: 2px;
            background: #e5e7eb;
        }

        .progress-dot.active {
            background: #6366f1;
        }

        .email-display {
            background: #f9fafb;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            padding: 12px 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 24px;
            font-size: 14px;
            color: #6b7280;
        }

        .form-label {
            font-weight: 500;
            color: #374151;
            font-size: 16px;
            margin-bottom: 8px;
        }

        .stripe-input {
            padding: 14px 16px;
            border: 1px solid #d1d5db;
            border-radius: 10px;
            background: #fff;
            transition: border-color 0.2s;
        }

        .stripe-input:focus-within {
            border-color: #6366f1;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
        }

        .trial-box {
    background-color: #f3f7fc;
    border: 1px solid #1763cf33;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

        .trial-box strong {
            color: #0c4a6e;
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .trial-box ul {
            color: #0c4a6e;
            font-size: 14px;
            margin-top: 8px;
            margin-bottom: 0;
            padding-left: 20px;
        }

        .trial-box li {
            margin-bottom: 6px;
        }

        .security-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #f9fafb;
            padding: 12px 16px;
            border-radius: 10px;
            font-size: 16px;
            color: #6b7280;
            margin-bottom: 24px;
        }

        .btn {
            padding: 14px 24px;
            border-radius: 10px;
            font-weight: 600;
            font-size: 15px;
            border: none;
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-primary {
            background: #6366f1;
            color: white;
        }

        .btn-primary:hover:not(:disabled) {
            background: #4f46e5;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
        }

        .btn-primary:disabled {
            background: #d1d5db;
            cursor: not-allowed;
        }

        .btn-outline-secondary {
            background: white;
            border: 1px solid #d1d5db;
            color: #6b7280;
        }

        .btn-outline-secondary:hover {
            background: #f9fafb;
            border-color: #9ca3af;
        }

        .terms-text {
            text-align: center;
            font-size: 13px;
            color: #9ca3af;
            margin-top: 20px;
            line-height: 1.5;
        }
		 ul.list-styling{
         padding-left: 0px;
		 }
.list-styling svg {
	margin-right: 5px;
}
		.list-styling li{
       list-style: none;
	   font-size: 16px;
	   padding-left: 0px;
		}

.simple-texthvr:hover{
	color: #fff !important;
    background: #fa832e !important;
	border: 1px solid #fa832e !important;
}

.rnew-main {
    background-color: #ebf0f480;
    max-width: 31%;
    padding: 6px 15px;
    border-radius: 11px;
	color: #627084;
}

.rnew-main span {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 14px;
	color: #000000c7;
}
.plan-box {
	border-radius: 12px;
	border: 1px solid #1763cf1a;
	overflow: hidden;
}

.increase-font {
    font-size: 15px !important;
}

.storage-text {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 15px;
    color: #627084;
	margin-top: 20px;
}

.storge-option-boxes {
    border: 2px solid #dadfe7;
    border-radius: 12px;
    padding: 18px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.for-new-styl-box-main {
    border-radius: 14px !important;
    border: none !important;
    padding-bottom: 22px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.new-hide-border {
    border: none !important;
    background-color: transparent !important;
    padding: 6px 19px !important;
    height: 39px !important;
}

.badge-line-attach {
    position: absolute;
    top: -8px;
    border-radius: 30px !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 12px !important;
    font-weight: 500 !important;
    padding-bottom: 6px !important;
	    left: 73%;
}
.downgrade-text {
    left: 6%;
}
.for-new-admins {
    font-size: 14px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
span.month-txt {
    color: #7e8083 !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
}

ul.list-unstyled li {
	color: #7e8083 !important;
    font-size: 14px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.forboldness {
    font-weight: bold;
} 	
.forr-height {
	height: 38px !important;
}
.invoice-card {
    border: 1px solid #dadfe7;
    border-radius: 10px;
    padding: 16px 18px 10px;
    background: #fff;
}

.invoice-inner {
    gap: 20px;
}

.invoice-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #f3f6fb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #627084;
}

.invoice-label {
    font-size: 13px;
    color: #3e4752;
    margin-bottom: 4px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.invoice-id {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}

.invoice-amount {
    font-size: 14px;
    font-weight: 400;
    color: #000;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.price-text {
	font-weight: 500;
}

.status-badge {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
}

.status-badge.paid {
    background: #e8f7ee;
    color: #1ca35c;
    font-weight: 500;
}

.status-badge.cancelled {
    background: #fdecec;
    color: #d93025;
}

.status-badge.pending {
    background: #f1f3f5;
    color: #6c757d;
}

.status-badge.failed {
    background: #fdecec;
    color: #d93025;
}

.download-btn {
    border: 1px solid #e1e5eb;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.download-btn:hover {
    background: #f8fafc;
}

.invoice-meta {
    font-size: 12px;
    color: #7a869a;
    line-height: 1.4;
}

.download-btn {
    font-size: 13px !important;
    padding: 6px 18px !important;
    height: 38px;
    border: 1px solid #e0e5eb !important;
    border-radius: 10px !important;
    background-color: #f8fafb !important;
}
.download-btn:hover {
    background-color: #fa832e !important;
    color: #fff !important;
    border: 1px solid #fa832e !important;
}


.date-due {
	font-size: 14px;
    color: #627084;
}
  .date-due {
	font-size: 14px;
    color:  #627084;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}  

.text-foreground {
    color: #1d2530 !important;
}

.storage-details {
    padding: 16px;
    background-color: #ebf0f480;
    border: 1px solid #dadfe7;
    border-radius: 12px;
}
.addinal-text p {
    font-size: 14px;
	margin-bottom: 0px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
}

.monthly-txt p {
	color: #627084;
	margin-bottom: 0px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
}
.payment-btn {
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
}

.payment-method-box {
	border-radius: 12px;
}

.quick-txt {
    font-size: 12px;
    color: #3e4752;
}

.card-details {
	color: #627084;
	font-size: 14px;
}

.model-haed-text {
    font-size: 18px;
}
.for-design-similar {
	border: transparent !important;
	border-radius: 12px !important;
}

 .storage-card {
        transition: all 0.2s ease;
    }

    .storage-card:hover {
        border-color: #0d6efd !important;
        box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
        transform: translateY(-2px);
    }

    .radio-indicator {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        border: 2px solid #dee2e6;
        border-radius: 50%;
        background: white;
        transition: all 0.2s ease;
    }

    .radio-indicator::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0d6efd;
        transition: transform 0.2s ease;
    }

    .radio-indicator.active {
        border-color: #0d6efd;
    }

    .radio-indicator.active::after {
        transform: translate(-50%, -50%) scale(1);
    }
	
	 .plan-card {
        transition: all 0.2s ease;
    }

    /* Current Plan - Separated Box Style */
    .current-plan-box {
        background-color: #e7f2ff;
        border: 2px solid #d0e5ff !important;
    }

    /* Hover effect for non-current plans */
    .plan-card:not(.current-plan-box):hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    /* Selected Plan - Blue Border (only for non-current plans) */
    .selected-plan:not(.current-plan-box) {
        border: 3px solid #0d6efd !important;
        box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
        background-color: #ffffff;
    }
p.sign-in-link a {
    text-decoration: underline;
    color: #1763cf;
}

.text-lg.text-muted.text-decoration-line-through {
    font-size: medium;
}

.font-semibold {
    font-size: larger;
    font-weight: 600;
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}
.border.rounded.p-4.h-100.position-relative.plan-cards-box {
    border-radius: 12px !important;
}

.plan-cards-box.current-plan-box {
      background: #1763cf0d;
    border: 2px solid #1763cf4d !important;
}
.price-upgrade-sec {
    border-radius: 13px;
    padding: 16px 10px !important;
}
.storage-card.border.position-relative {
    border-radius: 13px !important;
    border: 2px solid #dadfe7 !important;
    background: transparent !important;
	    text-align: left !important;
		font-size: 14px !important;
		    padding: 10px !important;
}
.storage-card div {
    font-size: 14px !important;
    font-weight: 500 !important;
}
.text-primary.fw-semibold

 {
		 font-weight: 500 !important;
    font-size: 12px !important;
}
.text-primary.fw-semibold div{
	font-size: 10px !important; 
	 font-weight: 400 !important;
	 color:#000 !important;
}
.storage-card span {
    font-size: 12px !important;
    padding-left: 10px;
}
.storage-card.border.position-relative.selected-border {
    border: 2px solid #2863e3 !important;
  
}
span.text-lg.text-muted.text-decoration-line-through {
    color: #627084 !important;
    font-size: 18px !important;
    font-weight: 500;
}
.meeting-data-card svg {
    margin-top: 4px;
}

#timerMessage {
    text-align: left;
}
/* new css end here  */
.admin-calendar-page select.location-selectopt {
    padding: 11px !important;
    height: auto !important;
}



/* media s start here  */

@media screen and (max-width: 696px) {

    .admin-calendar-page h1, .msg-page-sec h2, .for-index-design h1 {
        font-size: 26px;
        margin-bottom: 5px !important;
    }

.inner-access-content h4 {
	font-size: 20px !important;
}
.inner-small-heading h4 {
    font-size: 18px;
}

.stats-card-2 .badge {
 text-align: left !important;
}

.storage-view {
    padding: 10px 12px;
}
#updateFolderModal .modal-dialog.modal-dialog-centered {
    width: auto !important;
    max-width: 100% !important;
}
    .pop-up-form .modal-header {
        padding: 30px 20px 6px;
    }
    .dropdownFilters {
        width: 95% !important;
        margin: 5px 0px 0px 13px;
        /* margin-top: 18px; */
    }

.search.document-search,
.index-serch .input-group {
    margin-bottom: 20px !important;
}
.for-visival-hght {
    height: auto;
}
    .user-popup button.btn.btn-primary {
        width: 100% !important;
    }
.user-popup button.btn.btn-primary {
    font-size: 15px !important;
    padding: 11px 20px !important;
}
  .mobile-column {
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}
  .mobile-column .btn {
    width: 100%;
}

#createFolderModal .modal-footer.add_document button {
   font-size: 16px;
    padding: 12px;
}
.right-side-main-new {
    width: 100%;
    padding: 13px !important;
}
div#createDocumentModal .modal-dialog.modal-lg.modal-dialog-scrollable, div#createEventModal .modal-dialog.modal-lg.modal-dialog-scrollable, div#createPollsModal .modal-dialog.modal-lg.modal-dialog-scrollable, #viewEventModal .modal-dialog.modal-dialog-scrollable, #updateSubFolderModal .modal-dialog.modal-dialog-scrollable, #deleteFolderModal .modal-dialog.modal-dialog-scrollable, #editEventModal .modal-dialog.modal-dialog-scrollable {
    width: 97% !important;
    max-width: 672px !important;
}
div#createDocumentModal .create-document-btn {
    justify-content: center;
}
.admin-calendar-page small.text-muted,span.file-size.text-dark {
    font-size: 12px;
}
#createFolderModal button.btn.btn-outline-primary {
    margin-bottom: 8px;
}
.meeting-data-card h5 {
    font-size: 18px;
}

.for-style-event {
  margin-top: 0px !important;
}
    .meeting-data-card {
        margin-top: 20px;
        padding: 17px 22px 20px !important;
    }
.staus-sec {
    flex-direction: column;
}
.model-heading.pb-2 h5 {
    font-size: 22px;
}
#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center li button,
#createPollsModal ul.nav.nav-tabs.mb-3.align-items-center li button.nav-link.text-black.active-sidebar {
    font-size: 13px !important;
}
.storage-card {
    margin-bottom: 15px;
}
.member-sml-design,
.setting-wdth-crd {
    max-width: 100%;
}

.rnew-main {
    max-width: 100%;
    display: flex;
    gap: 6px;
}
.meeting-data-card p {
    margin-top: 13px;
}

.other-model-styl .simple-btn-t-bg {
    padding: 8px 37px !important;
}
.new-blade-design {
    margin-top: 16px;
}

.table-responsive td {
    padding: 14px 15px 15px 10px !important;
    font-size: 14px;
    line-height: 22px;
}
.model-heading h5 {
    font-size: 20px;
}
.modal-content.add_doc.p-3 {
    padding: 20px !important;
}
#viewEventModal .mb-3.event-details-member {
    padding: 14px 15px;
}
.login-titel {
        font-size: 24px;
    }
.btn-primary {
    padding: 8px 12px !important;
}

.file-header {
    flex-direction: column;
}

.file-icon {
    padding: 10px;
}
.file-icon svg {
    width: 25px;
    height: 25px;
}
.file-info h2 {
    font-size: 16px;
}
.file-actions {
    justify-content: end;
	margin-top: 10px;
}
.btn {
    padding: 9px 22px;
}
.file-card .description h1 {
    font-size: 18px;
}
.comment-icon {
    margin-right: 9px;
    padding-top: 2px;
    gap: 20px;
}
.pricing-header h1 {
    font-size: 24px;
}
.pricing-header {
    margin-bottom: 30px;
}

.plans-container {
    flex-direction: column;
}
.plan-price .price {
    font-size: 26px;
}
.storage-section {
    padding: 20px;
}

.total-cost {
    flex-direction: column;
    gap: 20px;
	align-items: self-start;
}

.register-card {
    padding: 25px 25px 15px 25px;

}
.plan-summary-card h2 {
    font-size: 26px;
}
.register-card h2 {
    font-size: 22px;
}

.submit-btn {
    padding: 11px;
    font-size: 15px;
}
.plan-label {
    font-size: 15px;
}
.plan-price small {
    font-size: 16px;
}
.plan-price {
    font-size: 24px;
}

.security-badge {
    display: block;
}

.for-wdth {
   width: 100%;
}

.main-edit-wrap label, div#createEventModal label {
    font-size: 12px !important;
}
#createEventModal .selectall-sec input, .edit-calendar-sec .selectall-sec input {
    height: 10px !important;
    width: 10px !important;

}
.member-sml-design .body-inner svg {
    margin-top: -5px;
}

.meeting-data-card .body-inner p {
        margin-top: 6px;
    }
.folder-actions {
    margin-left: auto;
}

.pop-up-form button.btn-close {
    top: -12px;
}

.right-side-main-new {
 padding-top: 65px !important;
}

}


/* media s qury end here */


/* ============================================================
   SIDEBAR — Desktop styles
   ============================================================ */
.sidebar {
    width: 260px;
    background: #fff;
    min-height: 100%;
    padding: 30px 0 20px 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.logo { text-align: left; padding: 0 25px; }
.logo h2 { font-size: 22px; font-weight: 700; color: #444; margin: 0; }
.logo h2 span { color: #1976ed; }
.logo p { margin-top: 5px; color: #999; font-size: 14px; }
.menu { display: flex; flex-direction: column; gap: 5px; padding: 0 15px; width: 100%; }
.menu-item {
    display: flex; align-items: center; gap: 14px; color: #333;
    text-decoration: none; font-weight: 500; font-size: 15px;
    padding: 10px 16px; border-radius: 10px; transition: all 0.3s ease;
}
.menu-item svg { color: #444; }
.menu-item:hover { background: #f1f5ff; color: #1976ed; }
.menu-item.active-sidebar { background: var(--theme-color) !important; color: #fff !important; font-weight: 600; }
.menu-item.active-sidebar svg { stroke: #fff !important; color: #fff !important; }
.menu-item span { line-height: 1; }
.menu-item.logout-item { color: #e53935; }
.menu-item.logout-item:hover { background: #fdeaea; color: #e53935; }
.menu-item.logout-item:hover svg { stroke: #e53935; }

/* ============================================================
   MOBILE TOPBAR & SIDEBAR OVERLAY
   ============================================================ */

/* Hidden on desktop */
.mob-topbar,
.mob-overlay,
.mob-close-btn { display: none; }

/* Topbar base — fixed so it always spans full viewport width
   regardless of which column it's rendered inside */
.mob-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 56px;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #e8ecf0;
    box-shadow: 0 1px 6px rgba(0,0,0,0.07);
    display: none; /* shown only on mobile via media query */
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    /* Force GPU layer — prevents topbar from shifting during iOS scroll */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

/* Scrolled state — added by JS when user scrolls down, removed on scroll up */
.mob-topbar.scrolled {
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    opacity: 0.97;
}

.mob-topbar-brand {
    font-size: 16px;
    font-weight: 700;
    color: #1d2530;
}

.mob-hamburger {
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    color: #1d2530;
    display: flex;
    align-items: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.mob-hamburger:hover { background: #f4f6f9; }

/* Dark overlay backdrop */
.mob-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1000;
}
.mob-overlay.open { display: block; }

@media (max-width: 767.98px) {

    /* Show topbar */
    .mob-topbar { display: flex !important; }

    /* Push body content below the fixed 56px topbar */
    /* body { padding-top: 56px !important; } */

    /* col-md-10 also needs top padding to clear the topbar */
    .col-md-10 {
        padding-top: 16px !important;
    }

    /* Ensure right-side content has breathing room from topbar */
    /* .right-side-main-new {
        padding: 16px 16px 32px !important;
    } */

    /* Collapse sidebar column to zero */
    .col-md-2 {
        /* width: 0 !important;
        flex: 0 0 0 !important;
        max-width: 0 !important; */
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Content fills full width */
    .col-md-10 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        padding-top: 0 !important;
    }

    /* Sidebar slides in from left as fixed overlay */
    .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        width: 280px !important;
        min-height: unset !important;
        z-index: 1001;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
        overflow-y: auto;
        box-shadow: none;
    }

    .sidebar.mob-open {
        transform: translateX(0);
        box-shadow: 6px 0 32px rgba(0,0,0,0.15);
    }

    /* Close × button inside sidebar */
    .mob-close-btn {
        display: flex !important;
        position: absolute;
        top: 14px;
        right: 14px;
        background: #f4f6f9;
        border: none;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #5a6474;
        z-index: 10;
    }

    .mob-close-btn:hover { background: #e8ecf0; }

    /* .right-side-main-new { padding: 16px !important; } */

	.top-nav {
    padding: 20px 15px !important;
}

.new-mobile-page {
	margin: 15px !important;
}

}

#mobHamburger {
    width: 34%;
}

@media (min-width: 768px) {
    /* Reset body padding on desktop */
    body { padding-top: 0 !important; }
}

/* ── DARK MODE LOGO PROTECTION ── */
@media (prefers-color-scheme: dark) {
    /* Public header logo */
    .navbar-brand img {
        background: #ffffff;
        padding: 3px 8px;
        border-radius: 6px;
    }

    /* Sidebar org logo */
    .logo .header-image {
        background: #ffffff;
        padding: 4px;
        border-radius: 6px;
    }

    /* Email header logo (web preview) */
    .header-section img {
        background: #ffffff;
        padding: 4px 10px;
        border-radius: 6px;
    }
}