@import url("//fonts.googleapis.com/css2?family=Lexend:wght@100;200&family=Poppins:wght@300;400;500;600;700;800&display=swap");


body {background:#f3f2f7; color:#464255; font-family:Poppins;}
h1, h2, h3, h4, h5, h5 {}

.errors { color: red; }

.vh-100 {height:100vh !important;}
#navbarAdmin ul li {padding:0 .5rem;}
#navbarAdmin ul li a {padding:.5rem 1.5rem;
  background:#eceaf3; border-radius:10px;
}

#navbarAdmin  .dropdown ul li a  {background:none; border-radius:0;}
#navbarAdmin  .dropdown ul li a:hover  {background:#eceaf3;}
#navbarAdmin ul li a.active   {background:#464255; color:#fff;}

.btn, .fc-button, .form-select, .form-control  {border-radius:10px !important;}
.fc .fc-button-group {gap:5px;}
.fc .fc-scrollgrid-liquid {
  border-radius: 15px;
  overflow: hidden;
}
.fc .fc-button-group {
  border-radius: 10px;
  overflow: hidden;
}
.fc .fc-button-primary:disabled {background:#eceaf3;  border-color:#eceaf3; color:rgba(0,0,0, 0.65); }
.fc-timegrid-event-harness > .fc-timegrid-event {
  border-radius: 10px;
  padding: 2px 5px;
}

.btn-primary, .fc .fc-button-primary {background-color:#464255; border-color:#464255;}
.btn-outline-primary {background:#eceaf3; border-color:#eceaf3; color:rgba(0,0,0, 0.65); }
.btn-outline-primary:hover {border-color: #464255; background-color: #464255; color: #fff; opacity:.7;}
.btn-outline-primary.active {border-color: #464255; background-color: #464255; color: #fff; }

.btn-secondary {opacity:.7;}
.btn-secondary:hover {opacity:1;}

.btn-success {color:#00a389; background:#2ed6a326; border-color:#2ed6a326;}
.btn-danger {color:#ff5b5b; background:#ff5b5b26; border-color:#ff5b5b26;}

.dropdown a { color:#222; }

.card {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border-radius:18px;
    border-color:rgba(255,255,255,.2);
}
table a {text-decoration:none !important; color:#1e2b37;}
table a:hover {color:#0b5ed7;}


.card-on {  border: 2px solid #efefef;}
.card-on:hover {
    cursor: pointer;
    border: 2px solid #464255;
}
.card-on.selected {
    border: 2px solid #464255;
    background-color: #464255;
    color:#fff;
}
.card-on .img-circle, .table  .img-circle  {
    width:40px;
    height:40px;
    border-radius:50%;
}

.fc-daygrid-dot-event {
    align-items: flex-start !important;
}
.fc-daygrid-event {
    white-space: pre-wrap !important;
    background:rgba(0,0,0,.05);
    border: solid 1px #ccc;
    font-size:12px;
}
.fc-daygrid-event-dot {margin: 4px !important;}
.fc-daygrid-dot-event .fc-event-title {font-weight:400;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {font-weight: 900;}


@media (min-width: 768px) {
  .scrool {height:80vh !important; overflow-y:scroll; overflow-x:hidden;}
}

@media (max-width: 767px) {
  .vh-100 {height:auto !important;}

  #navbarAdmin ul li {padding: .15rem 0;}
  #navbarAdmin .dropdown {padding: .5rem;}

  .fc .fc-toolbar {display:block;}
  .fc-toolbar-chunk {text-align:center; padding:.15rem 0;}
  .fc .fc-button {padding: 0.15em 0.35em; font-size:.9rem;}

  .row {--bs-gutter-y: 0.25rem; --bs-gutter-x: 0.25rem;}
  .card-on .img-circle, .table  .img-circle {width:30px; height:30px;}
  .table td, .table td {font-size:.85rem;}

  .h2, h2 {font-size: calc(1.15rem + .9vw);}
  .h4, h4 {font-size: calc(1rem + .2vw);}

  .card-login {margin-top:15vh;}

  form img {max-width:100% !important; }
}


@media (min-width: 992px) {
      #filters {
        display: block !important;
      }
    }
    @media (max-width: 991.98px) {
      #filters {
        display: none;
      }
    }