body {
    min-height: 100vh;
    position: relative; 
    padding-bottom:70px;
}
div.footer {
    position: absolute;
    bottom: 0px;
}
div.header h2 {
    font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: none;
}
div.header button {
    margin: 0px 0px;
}
div.dark-row {
    background-color: #000;
    color: #fff;
    padding: 10px 15px 0px 15px;
}
div.green-row {
    background-color: #052c65;
    color: #fff;
    padding: 10px 15px 0px 15px;
}
div.user-name-text {
    line-height: 16px;
    font-size: 13px;
}
.navbar-nav .nav-link {
    font-size:14px;
}
.navbar-nav .nav-link.active {
    border-bottom: 2px solid purple;    
    color: purple;
}
.main-calendar .card.current-hour {
    border: 2px solid purple;
    margin-bottom: 0px;
}
.main-calendar .card.past-hour {
    border-left: 2px solid rgb(85, 85, 255);
    border-radius: 0px 2px 2px 2px;    
}
div.left-nav {        
    text-align: center;
}
div.right-nav {        
    text-align: center;
}
div.left-right-nav i.icon,
.navigation-calendar {
    font-size: 30px;
    display: block;
    cursor: pointer;
}
.navigation-calendar .container #refreshicon {
    color: #7925C7;    
}
.super-small {font-size: 13px; color: #000;}
div.logo-div {
    position: relative;
    min-height: 12px;
}
div.top-only-radius {
    border-radius: 12px 12px 0px 0px;
}
div.text-bg-title-custom {
    background-color: #052c65;
    color: #fff;
}
.orange-border-left {
    border-left:3px solid orange;
}
span.deleteMyselfButton,
span.deleteMyselfButtonNot {    
    cursor: pointer;
}
div.logo-div .congregation-name {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: -5px;
    opacity: 0.8;
    display: block;
    font-family: Arial;
    letter-spacing: 2px;
    margin-left: 0px;
    position: absolute;
    font-weight: bold;
}
.copy-to-clipboard {
    cursor: pointer;
}
.copy-to-clipboard-copied {
    color: gray;
    font-size: 11px;
}
span.daystatus {
    cursor: pointer;
}
.nav-link.active.button-app {    
    background-color: #fff;
    color: purple;
    border-radius: 0px;
    border-bottom: 3px solid purple;
}
.delete_hour_value,
.delete_exception_value {
   margin-left: 15px !important;
   margin-top: 5px;
   cursor: pointer;
   color: red;
}
.blur-this {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
nav.nav.button-app-links a  {
    color: #000;
    padding: 10px 0px;
    border-bottom: 0px solid gainsboro;
    --bs-border-radius: 0;
    --bs-border-radius-2xl: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-pill: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-xl: 0;
    --bs-nav-pills-border-radius: 0;
}

.main-calendar .add-person {
    font-size:25px;
    float:right;
}
.add-person {
    cursor: pointer;
}
.add-term-button {
    font-size: 33px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 6px;
    line-height: 39px;
}
.showOldCalendarDiv {
    text-align:center;
    padding:8px 0px;
    font-weight: bold;
    font-size:14px;
    display:none;
    cursor: pointer;
}
.locked-term-icon {
    font-size:27px;
    cursor: not-allowed;
    position: absolute;
    top: -1px;
    right: 7px;
}
.acceptDateButton {
    margin-left:5px;
}
span.empty {
    color: silver;
}
.main-calendar .card  {
    border-radius: none;
    margin-bottom: -1px;    
}
.btn-supersmall {
    --bs-btn-padding-y: .10rem; --bs-btn-padding-x: .3rem; --bs-btn-font-size: .70rem;
}
.float-right {
    float:right;
    display:block;
}
.alert {
    margin:15px 0px;
}
.changePerson .modal-body h6 {
    margin-bottom: 15px;
}
.person .change-person-button {
    display:none;
    transition: display 0.2s;
}
.person:hover .change-person-button {
    display:block;
    transition: display 0.2s;
}
.card-header .hour {
    font-weight: 700;
    font-size: 17px;
}
.settings h1 {
    /* margin:15px 0px 26px 0px; */
}
.max-with-200 {
    max-width:200px;
}
.max-with-150 {
    max-width:150px;
}
.hiddenIfMobile {
    display: block;
}
div.exception-icons-selector .col i {
    font-size:40px;
}
div.exception-icons-selector .col {
    text-align:center;
}
div.exception-icons-selector .col,
.bi.bi-share {
    cursor: pointer;
}
div.top-only-radius .bi.bi-share {
    color:white;
}
div.text-bg-primary.dayOff {
    background-color: #5555FF !important;
}
.bi.big-icon::before {
    font-size: 22px;      
    margin-left: 10px;
    color: red;
}
.card ul.disabled-day li div span {
    text-decoration: line-through;
}
div.icon-legend i.bi {
    font-size:25px;
    position:relative;
    top:4px;
}
i.future-day-button {
    cursor:pointer;
}
ul li.person div.text-box {
    max-height: 24px;
}
ul li.person div.text-box.unaccepted.admin-mode span.name {
    width: calc(100% - 94px);
}
ul li.person div.text-box.unaccepted span.name {
    width: calc(100% - 33px);
}
ul li.person div.text-box .acceptDateButton,
ul li.person div.text-box .change-person-button {
    position: relative;
    top: 3px;
}
ul li.person div.text-box span.name {    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
}
.get-hour-statistic {
    margin-left:10px;
    cursor: pointer;
}
div.accordion .exception-desc {
    margin-left:15px;
    margin-bottom:25px;
}
div.accordion-item.exception-term
{
    padding: 15px;
    margin-bottom: 15px;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    margin-top: 15px;
}
span.button-exception-edit {
    cursor: pointer;
    margin-right: 10px;
}
div.accordion-item.exception-term::first-of-type {
    margin-top: 0px;
}
#usersCounter {
    font-weight: lighter;
    color: gray;
}
@media only screen and (max-width: 800px) {
    .person .change-person-button {
        display:block;        
    }
  }

  @media only screen and (max-width: 767px) {
    .showOldCalendarDiv {        
        display:block;
    }
    .hiddenIfMobile {
        display:none;
    }
    body {
        padding-bottom:100px;
        min-height: 100vh;
    }
    .fixed-location-change {
        position: fixed;
        top: 0;
        z-index: 10;
        background: white;
        margin-top: 0rem !important;
        padding: 10px 0px;
    }
    
  }