::-webkit-scrollbar {
    width: 20px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

a.btn-primary i,
a.btn-secondary i {
    color: #fff;
}

.border-dashed-red {
    border: 1px dashed red;
}

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

.chat-scroll {
    min-height: 600px;
}

.chat-window {
    padding: 0;
}

.chat-window .chat-cont-right{
    width: 100%;
    max-width: unset;
    flex: unset;
}

@media only screen and (max-width: 991.98px) {
    .chat-window .chat-cont-right {
        position: unset;
    }
}

.action-button {
    box-shadow: 0 0 12px 0 rgba(55,73,72,.02);
    border: 0;
    height: 45px;
    min-width: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.action-button:hover,
.action-button:active {
    border: unset !important;
}

.action-button .icon {
    display: none;
}

.action-button .desc {
    display: block;
}

@media (max-width: 596px) {
    .action-button .icon {
        display: block;
    }
    .action-button .desc {
        display: none;
    }
}

.group-card:hover {
    box-shadow: 0 0 12px 0 rgba(55,73,72,.02);
}

.group-name-container {
    border-top: 1px solid #ff0080;
}

.ability-container {
    display: flex;
    align-items:center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.ability-container .role-card {
    width: 300px;
}

.ability-container .ability-card {
    width: 300px;
}

.ability-container .card {
    margin: 0.5em;
}

.rules {
    list-style-type: none;
    padding-left: 5px;
}


.facility {display: flex;align-items: flex-start;margin-bottom: 20px;justify-content: space-between;width: 100%;}
.facility .box {display: flex;flex-direction: column;justify-content: center;color: #000;align-items: center;text-align: center;max-width: 120px;margin-right: 4px;}
.facility .box i {font-size: 20px;}
.facility .box span {font-weight: 400;font-size: 13px;margin-top: 5px;line-height: normal;}

.rooms .facility {
    margin-bottom: 0;
    justify-content: center;
}

.rooms .facility .box {
    padding: 0 10px;
}

.room-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.border-left-light {
    border-left: 1px solid #e6e6e6;
}


@media (max-width: 596px) {
    .hidden-mobile {
        display: none;
    }
}
.event {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 23px;
    font-size: 12px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    /*background: #3d8eb9;*/
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#gallery a {
    padding: 10px;
}

.calendar-money {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 23px;
    font-size: 12px;
    /*left: calc(50% - 1.5px);*/
    content: " ";
    display: block;
}

.event.busy {
    /*background: #f64747;*/
}

#flatpicker-capacity {
    display: flex;
    align-items:center;
    justify-content: center;
}

#flatpicker-capacity .flatpickr-day {
    border: unset;
    border-radius: unset;
}

.font-sm {
    font-size: 14px;
}

.max-height-400 {
    max-height: 400px;
}