body{
    font-family: 'SVN-Mona Sans';
    font-weight: 400
}
.navbar .navbar-other .navbar-nav > .nav-item .nav-link{
    white-space: nowrap
}
.dropdown-item{
    font-weight: 400
}
.main-cover .avatar-container{
    position: absolute;
    left:1rem;
    bottom:-2rem;
    background-size: cover;
}
.form-floating > .form-control ~ label.required::after{
    content:' *';
    color:red;
    position: static;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label.required::after{
    content:' *';
    color:red;
    position: static;
}
form .custom-file{
    position: relative;
}
form .custom-file input{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}
.form-floating > textarea.form-control{
    min-height: 8rem;
    line-height: 1.5rem;
    height: auto;
}
.content-editor{
    white-space: pre-line
}
.ui-widget{
    font-family: 'SVN-Mona Sans';
}
.ui-datepicker td a.ui-state-default{
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    width: 40px;
    font-size: 16px;
}
.ui-datepicker td a.ui-state-default.ui-state-highlight{
    font-weight: 700
}
.ui-widget select{
    font-family: 'SVN-Mona Sans';
    font-weight: 400;
    border: 1px solid #ccc;
    text-align: center;
}
.ui-widget select ~ select{
    border-left: none;
}
.ui-widget-content{
    z-index: 10!important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 8px;
    top:7px;
}
.ui-datepicker .ui-datepicker-next {
    right: 8px;
    top:7px;
}
.form-check .form-check-label{
    display: block;
    margin-left: -1.55rem
}
.form-check .form-check-label ~ .form-check-label{
    margin-left: 0;
    display: inline-block;
    padding-right: 45px;
}
.bg-cover{
    background-size: cover;
}
.select2-container .select2-selection--single{
    height: 52px;
    border-color:rgba(8, 60, 130, 0.07);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 52px;
    color:#60697b;
    padding-left: 1rem;
    font-size: .75rem;

}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 49px;
}
.select2-results__options{
    font-size: .75rem;
}
.select2-container--default .select2-results__group{
    font-size: .75rem;
    padding:0.5rem 1rem;
}
.select2-container--open .select2-dropdown{
    border-color:rgba(8, 60, 130, 0.07);
}
.select2-results__option{
    padding:0.5rem 1rem;
}
.select2-container--default .select2-results__option .select2-results__option{
    padding-left: 1rem;
}
.select2-container--default .select2-results > .select2-results__options{
    max-height: 300px;
}
.reaction-button{
    position: relative;
    cursor: pointer
}
.reaction-list{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 5px;

    box-shadow: 0 0 5px #ccc;
    border-radius: 40px;
    display: none;
}
.reaction-button:hover .reaction-list{
    display: flex;
}
z-10{
    z-index:10
}
z-20{
    z-index:10
}
z-30{
    z-index:10
}
z-40{
    z-index:10
}
z-50{
    z-index:10
}
z-n1{
    z-index:-1
}
z-99{
    z-index:999
}
.form-floating .tox .tox-edit-area::before{
    border-radius: 9px;
}
.collapse.in{
    display: block;
}
.datepicker .datepicker-days{
    padding:0 10px;
}
.form-floating table{
    width:100%;
}
.form-floating table .day{
    text-align: center;
    font-weight: 400;
    width: 40px;
    font-size: 16px;
    border: 1px solid #eaeaea;
    cursor: pointer
}
.form-floating table .day.weekend{
    background: rgb(245, 245, 246);
}
.form-floating table .day.active,.form-floating table .month.active,
.form-floating table .day:hover,.form-floating table .month:hover{
    background: rgb(160, 124, 197);
    color:#fff;
}
.form-floating table .month{
    width: calc(25% - 3px);
    margin:1px;
    display: inline-block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    border: 1px solid #eaeaea;
    cursor: pointer
}

.form-floating table th.next{
    text-align: right;
}
.form-floating table th.picker-switch{
    text-align: center;
}
.form-floating table thead tr+tr{
    text-align: center;
}
a[data-action="togglePicker"]{
    display: block;
    text-align: center;
    cursor: pointer;
    margin:10px 0;
}
.fa-clock-o:before{
    content:"\f017";
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}
.form-floating .bootstrap-datetimepicker-widget .picker-switch{
    display: none;
}
.form-floating .bootstrap-datetimepicker-widget .timepicker{
    margin-top: 10px;
}
.form-floating .bootstrap-datetimepicker-widget .list-unstyled{
    margin-bottom: 0;
}
.form-floating .bootstrap-datetimepicker-widget .timepicker-picker{
    text-align: center
}
.form-floating .bootstrap-datetimepicker-widget .hour,
.form-floating .bootstrap-datetimepicker-widget .minute{
    border: 1px solid #eaeaea;
    text-align: center;
    height: 40px;
    cursor: pointer
}
.form-floating .bootstrap-datetimepicker-widget .hour:hover,
.form-floating .bootstrap-datetimepicker-widget .minute:hover{
    background: rgb(160, 124, 197);
    color:#fff;
    cursor: pointer
}
.text-justify{
    text-align: justify;
}
.full-h-img img{
    height: 100%!important;
    object-fit: cover
}
.wall-event-item .post-category{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wall-event-item .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wall-event-item .post-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.editor img {
  max-width: 100%;
  height: auto;
  margin: 0.5rem auto;
  border-radius: 0.3rem;
}