/* #region sections */

html {padding-top: 70px;scroll-behavior:smooth;}
body {min-height:100vh;}
header, footer, main #page-body, .navbar {margin: 0 auto;}
.navbar.fixed-top {min-height: 70px;  background-color: rgb(63, 62, 62); color: #a7a7ac;}
.pghdr {font-family: 'serif';}
.banner {
  background: url("/images/header-bg.jpg") center no-repeat;
  background-size: cover;
  min-height: 150px;
}   
#panelmenu {max-width: 250px;}
.bg-blurred {display: inline-block;background: rgba(0, 0, 0, 0.1);}
footer {background-color: rgb(63, 62, 62); color: #ccc;} 

#topbtndiv {position: fixed;bottom: 15%;z-index: 1080;width:100%;}

.form-floating > label::after {background-color:transparent!important;}

/* #endregion */

/* #region modals */

.nmodal-content {background-color:rgb(82, 99, 81, 0.5);color: #DCDCDC;font-weight: lighter; backdrop-filter: blur(5px); }

/* #endregion */

/* #region buttons */

.btn:focus{box-shadow:none !important;}
.btn:hover {color:#ffc107!important;}
.btn-loc {background-color: #f0f5fb!important; color: #527091; font-size:0.8em;}
.btn.btn-warning:hover {color:#8707ff!important;}
.btn-nav {border-color:#a7a7ac!important;color:#a7a7ac;background-color: transparent;}
.btn-menu,.btn-menu:active {color: #fff;background-color: #a7a7ac;}
.btn-menu:hover {background-color: #959596!important;}
.btn-invisible,
.btn-invisible:active,
.btn-invisible:focus,
.btn-invisible:hover {box-shadow: none;border: none;background-color: Transparent;outline:none;}
.btn-light:hover,
.dropdown-item:hover {background-color:lemonchiffon;}
.clickable {cursor: pointer;}
.btn-match,
.btn-match:focus,
.btn-match:hover {
  color: #947e7e;
}
.btn-1 {background-color:#288f1fac;}
.btn-2 {background-color: #f8b2b2;}
.btn-3 {background-color:#def5e1;}
.btn-4 {background-color: #eadcf1;}
.btn-5 {background-color:#f0e1db;}
.btn-7 {background-color:#ceedef;}

/* #endregion */

/* #region general */
.hideempty div:not(:empty):before {
  display: inline;
  content: attr(data-label);
}

.shadow-dlg {box-shadow: 0 0.125rem 0.25rem rgba(244, 216, 184, 0.973);} 
/* --bs-box-shadow 0 0.125rem 0.25rem rgba(0,0,0,0.15) */

#loading {position: fixed;top:30%;left: 50%;right: auto;z-index: 999;}

a:hover,.clickable:hover{color:#ffc107!important;}

.evswadhyaya .fas, .ccode1 {color: #007bff;}
.evbhakti .fas,.ccode2 {color:#ffc107;}
.evmeetings .fas,.ccode3 {color:#dc3545;}
.evpanchang .fas,.ccode4{color: green;}
.evsocial .fas,.ccode5{color: rgb(128, 0, 128);}

.bgcode,
.bgcode0  {background-color: rgb(248, 242, 242);}
.bgcode1  {background-color: #eee5bd;}
.bgcode2  {background-color: #c9d7e6;}
.bgcode3  {background-color: #def5e1;}
.bgcode4  {background-color: #eadcf1;}
.bgcode5  {background-color: #f0e1db;}
.bgcode6  {background-color: #f5f1e2;}
.bgcode7  {background-color: #ceedef;}
.bgcode8  {background-color: #F1C358;}
.bgcode9  {background-color: #f0d699;}
.bgcode10 {background-color: #f4e4be;}
.bgcode11 {background-color: #f4ecd8;}

.fmt0  {background-color: #f3f1ec;}
.fmt1  {background-color: #E0DAB7; color:#707070; font-size: 1.2em; font-weight: bold; }
.fmt2  {background-color: #DBE8D8; color:#707070; font-size: 1.1em; font-weight: bold; }
.fmt3  {background-color: #fae5b5; color:#707070; font-weight: bold; font-style: italic;}
.fmt4  {background-color: #eaece9;}
.fmt5  {background-color: #8b9f86; color:#f3ebeb; font-size: 1.2em; font-weight: bold; }
.fmt6  {background-color: #DFDACD; color:#707070; font-size: 1.1em; font-weight: bold; }
.fmt7  {background-color: #FEEFDE; color:#707070; font-weight: bold; font-style: italic;}
.fmt8  {background-color: #e9f0f1;}
.fmt9  {background-color: #96858f; color:#f7f2f2; font-size: 1.2em; font-weight: bold; }
.fmt10 {background-color: #6d7993; color:#f7f2f2; font-size: 1.1em; font-weight: bold; }
.fmt11 {background-color: #9099a2; color:#f7f2f2; font-weight: bold; font-style: italic;}
.fmt12 {background-color: #e9e7e7;}
.fmt13 {background-color: #be8b96; color:#f7f2f2; font-size: 1.2em; font-weight: bold; }
.fmt14 {background-color: #ebd1b9; color:#3c3b3b; font-size: 1.1em; font-weight: bold; }
.fmt15 {background-color: #777676; color:#f7f2f2; font-weight: bold; font-style: italic;}
.fmt16 {background-color: #f1e6de;}
.fmt17 {background-color: #51658e; color:#f7f2f2; font-size: 1.2em; font-weight: bold; }
.fmt18 {background-color: #ffe9ac; color:#6b6a6a; font-size: 1.1em; font-weight: bold; }
.fmt19 {background-color: #92a7d1; color:#f7f2f2; font-weight: bold; font-style: italic;}
.fmt20 {background-color: #e0e0e0;}
.fmt21 {background-color: #a69383; color:#f7f2f2; font-size: 1.2em; font-weight: bold; }
.fmt22 {background-color: #c9c2ba; color:#8a7b6e; font-size: 1.1em; font-weight: bold; }
.fmt23 {background-color: #e0ddd7; color:#a69383; font-weight: bold; font-style: italic;}
.fmt24 {background-color: #efecec;}

.card          {color:#947e7e;}
.card-trans    {border-color: #E4E3DE; color:#947e7e!important;}
.card-fwbrown  {border-color: #C0635E;} .card-fwbrown .card-header {background-color: #C0635E; color:#F5F8F5;} .card-fwbrown .fas {color: #C0635E;}
.card-bluegray {border-color: #44698f;} .card-bluegray .card-header {background-color: #44698f; color:#F5F8F5;} .card-bluegray .fas {color: #44698f;}
.card-lavendar {border-color: #9a8194;} .card-lavendar .card-header {background-color: #9a8194; color:#F5F8F5;} .card-lavendar .fas {color: #9a8194;}
.card-creamcan {border-color: #F1C358;} .card-creamcan .card-header {background-color: #F1C358; color:#F5F8F5;} .card-creamcan .fas {color: #F1C358;}
.card-emarld   {border-color: #a8d383;} .card-emarld .card-header {background-color: #a8d383; color:#ffffff;} .card-emarld .fas {color: #a8d383;}
.card-Female .fas {color: #C0635E;} .card-Female td {color: #686464;}
.card-Male   .fas {color: #44698f;} .card-Male   td {color: #686464;}

.btn-fwbrown  {background-color: #C0635E!important;color: #F5F8F5; border:none;}
.btn-blue     {background-color: #44698f!important;color: #F5F8F5; border:none;}

.bg-black     {background-color: black;}
.bg-funds     {background-color: #E4E3DE;}
.bg-white     {background-color: #FFFFFF;}
.bg-snowdrift {background-color: #F5F8F5;}
.bg-capecode  {background-color: #484C4A;}
.bg-steelblue {background-color: #687b8f;}
.bg-lgreen    {background-color: #ccd5ae;}
.bg-ngreen    {background-color: #e9edc9;}
.bg-coral     {background-color: #bc4749;}
.bg-lav       {background-color: #a6808c;color:  white;}
.bg-emarld    {background-color: #a8d383!important;color:#ffffff;}
.bg-clear     {background-color: transparent;}

.textsz-sml   {font-size: 0.75em;}
.textsz-lrg   {font-size: 1.1em;}

.text-gatha    {color: #947e7e!important;}
.text-offwhite {color: #ccc;}
.text-steelblue {color: #527091;}
.text-purple   {color: rgb(81,65,145);font-size: 20px;padding-left: 30px;padding-right: 30px;}
.text-fwbrown  {color: #C0635E;}
.text-grey     {color: #adaaaa;}

.border-funds     {border-color: #5f4d4d;}
.border-steelblue {border-color: #527091;}
.border-lav       {border-color: #a6808c;}
.border-fwbrown   {border-color: #C0635E;}
.border-emarld    {border-color: #5FD28A;}


[data-bs-toggle="collapse"].collapsed .if-expanded {display: none;}
[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}    

/* .dropdown-menu  {background-color: #E4E3DE;} */
.dropdown-menu  {background-color: #fafafa;}

.classlogcolor.classaltloggedin {
  color:#e5a9f1;
}

.classlogcolor.classloggedin {
  color:rgb(62, 108, 233)
}

.classlogcolor.classregistered {
  color:rgb(59, 231, 37)
}


/* #endregion */

/* #region app specific*/

.teamimage {
  max-height: 150px;
}

thead th {
  color: #947e7e!important;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f5f5;
  color: #947e7e;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
  background-color: white;
  color:  #947e7e;
}

.primyes::after {
  content: " *";
  font-weight: bold;
}

.invisinput {
  width: 0px;
  height: 0px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background: transparent; 
  border:0px;
}

#calevslist,
.supgrp {
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid gray;
}

.calrowtithi,
.calrowevent,
.rowItem {
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  color: rgb(53, 52, 52);
  padding: 0.5em;
  padding-right: 1em;
  }

.calrowevent:hover,
.rowItem:hover {
  background-color:lemonchiffon ;
  }

.calrowhdr,
.rowItemHdr {
  color: black;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}

.evcancel {
  text-decoration: line-through;
}

.rowtoday {
  border-bottom: rgb(37, 36, 36);
}

.carousel-control-prev:hover,
.carousel-control-next:hover 
{
  color:#947e7e!important;
}

.pac-container:after {
  background-image: none !important;
  content: "data by Google";
  font-size:xx-small;
  padding-right: 5px;
}

.pac-container {
  z-index: 1060 !important;
}

/* #endregion */

/* #region animations*/

.opacity-0h5 {opacity:1!important;transition: opacity .25s ease-in-out!important;}
.opacity-0h5:hover {opacity:0!important;}

.animate-spin {animation: animate-spin 0.7s;}
 @keyframes animate-spin {0% {transform: rotate(0);} 100% {transform: rotate(360deg);}}


/* marquee - animation move from right to left*/

@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-110%, 0, 0); }
}
.animate-ticker { animation: tickerh linear 20s infinite; }
.animate-ticker:hover { animation-play-state: paused; }

/* Animated colorful text box */
.animate-color
{
  background-image: linear-gradient(
    -225deg,
    #3b5e9a 0%,
    #8c34e9 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* #endregion */