.vertical-text {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
-webkit-transform-origin: left top 0;
        transform-origin: left top 0;
}
.ce-bg-curvegrad{
  background-image: url('/assets/backgrounds/clubed_bgcurvegrad.svg');
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* aspect-ratio:  */
}
.ce-clickable {
    cursor: pointer;
}
.ce-btn-selected {
        background-color: rgba(25,135,84,0.5)!important;
        border-color:silver!important;
        color: #555555!important;
    }

.bg-ownchat {
    background-color: rgba(25,135,84,0.5)!important;
}
.bg-receivedchat {
    background-color: rgba(0,215,255,0.2)!important;
}
.ce-notset {
  position: relative;
  top:20px;
  left: -1px;
  height:0px;
  text-align: center;
  width: 48px;
  color: #6c757d;
  line-height:1rem;
}

.ce-notset-sm {
  position: relative;
  top:2px;
  left: -1px;
  height:0px;
  text-align: center;
  width: 30px;
  color: #6c757d;
}
.attend-present {
  background-color: rgba(80, 255, 80, 0.25) !important;
}
.attend-left {
  background-color: rgba(153, 155, 153, 0.5) !important;
}
.bg-muted {
    background-color:#6c757d!important;
}
.ce-cal-container {
    min-height: 50vh;
}
@media screen and (max-width:767px) { 
    .fc-toolbar.fc-header-toolbar {
        font-size: 60%
    }
}
.bootbox-close-button {
    border: none;
    background-color: transparent;
    color: silver;
    font-size: 22px;
}
.style1 {
  background-image: url("../assets/football-1.jpg");
  background-size: cover;
}
.ifta {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5px;
  border: 1px solid darkgray;
  border-radius: 3px;
  outline-width: 3px;
  outline-offset: -2px;
  background-color: #f0f0f031;
  -webkit-box-shadow: inset 0 0 2px #999999;
          box-shadow: inset 0 0 2px #999999;
}

.ifta > span {
  color: darkgray;
  font-family: sans-serif;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.ifta > input, .ifta > select,.ifta > textarea{
  border: none;
  outline: none;
  background: none;
  font-size: 16px;
}

.ifta:focus-within {
  outline-color: rgb(52, 98, 141);
  outline-style: auto;
}

.ifta:focus-within > span {
  font-weight: bold;
  color: rgb(52, 98, 141);
}

.special-font {
    font-family: Verdana, Geneva, sans-serif;}

.style2 {
    font-family: Verdana, Geneva, sans-serif;
}
.modal.note-modal{
    z-index:9999 !important;
}
.note-modal-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    height:auto !important;
}
.fc-theme-bootstrap5-shaded{
  background-color: var(--bs-body-bg);
}
.fc .fc-list-event:hover td{
  background-color: var(--bs-body-bg);
}

.tagify{
  --placeholder-color: var(--bs-gray-500) !important; 
  --input-color: var(--bs-body-color) !important; 
  --tag-text-color--edit: var(--bs-body-color) !important; 
  --tag-text-color: var(--bs-body-color) !important; 
  --tag-bg: var(--bs-body-bg) !important;
}
body {

    --tagify-dd-color-primary: rgb(53,149,246) !important; 
    --tagify-dd-text-color: var(--bs-body-color) !important;
    --tagify-dd-bg-color: var(--bs-body-bg) !important;
    --tagify-dd-item-pad: .3em .5em !important; 
    --tagify-dd-max-height: 300px !important;
}
.note-frame{
  color: var(--bs-body-color) !important
}
.note-editing-area{
  background-color: var(--bs-body-bg) !important;
}
.note-toolbar{
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}
.note-btn{
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}