dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}

.w-btn-bluebg {
    display: inline-block;
    padding: 4px 8px;
    font-family: inherit;
    font-size: 14px;;
    font-weight: 400;
    line-height: 1.2;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: 1px solid #0d6efd;
    transition: none;
    background: #0d6efd;
}

.w-btn-bluebg:focus {
    border: 1px solid #0d6efd;
}

.w-btn-graybg {
    display: inline-block;
    padding: 4px 8px;
    font-family: inherit;
    font-size: 14px;;
    font-weight: 400;
    line-height: 1.2;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: 1px solid #606060;
    transition: none;
    background: #606060;
}

.w-btn-graybg:focus {
    border: 1px solid #606060;
}

.w-btn-grayline {
    display: inline-block;
    padding: 4px 8px;
    font-family: inherit;
    font-size: 14px;;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: 1px solid gray;
    transition: none;
    background: #fff;
    text-wrap: nowrap;
}

.w-btn-grayline-sm {
    display: inline-block;
    padding: 3px 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: 1px solid gray;
    transition: none;
    background: #fff;
}

.w-btn-grayline-xs {
    display: inline-block;
    padding: 2px 4px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: 1px solid gray;
    transition: none;
    background: #fff;
}


.w-btn-grayline:focus, .w-btn-grayline-sm:focus, .w-btn-grayline-xs:focus {
    border: 1px solid gray;
}

.navbar-toggler-icon {
    background-image: url("../images/icon/open1.svg");
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

.lh-0 {
    line-height:0 !important;
}

.text-nowrap {
    text-wrap: nowrap
}

.mb-12px {
    margin-bottom: 12px;
}

.me-12px {
    margin-right: 12px;
}

.mb-14px {
    margin-bottom: 14px;
}

.mb-20px {
    margin-bottom:20px;
}

.mb-28px {
    margin-bottom:28px;
}

.mb-32px {
    margin-bottom:32px;
}

.py-46px {
    padding-top: 46px;
    padding-bottom: 46px;
}

.fs-13px {
    font-size:13px;
}

.fs-30px-26px {
    font-size:26px;
}

@media (min-width:1200px) {
    .fs-30px-26px {
        font-size:30px;
    }
}

.fs-30px-22px {
    font-size:22px;
}

@media (min-width:1200px) {
    .fs-30px-22px {
        font-size:30px;
    }
}

.fs-26px-22px {
    font-size:22px;
}

@media (min-width:1200px) {
    .fs-26px-22px {
        font-size:26px;
    }
}

.fs-16px-15px {
    font-size:15px;
}

@media (min-width:1200px) {
    .fs-16px-15px {
        font-size:16px;
    }
}

.fs-14px-13px {
    font-size:14px;
}

@media (max-width:576px) {
    .fs-14px-13px {
        font-size: 13px;
    }
}

.fc-gray {
    color: #616061
}

.fs-12px {
    font-size:12px;
}

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

.fs-15px {
    font-size:15px;
}

.fs-18px {
    font-size:18px;
}

.fs-18px-16px {
    font-size:16px !important;
}

@media (min-width:1200px) {
    .fs-18px-16px {
        font-size: 18px !important;
    }
}

.fs-19px {
    font-size:19px;
}

.fs-20px {
    font-size:20px;
}
.fs-24px {
    font-size:24px;
}
.calendar-date {
    font-size: 20px;
    line-height: 1
}

@media (max-width:576.98px) {
    .calendar-date {
        font-size: 18px;
    }
}

@media (min-width:1200px) {
    .calendar-date {
        font-size: 20px;
    }
}

.btn-calendar-next-box {
    width:69px;
}

 .btn-calendar-next {
     color: #333333;
     border: none;
     background-color: rgba(55, 125, 255, .1)
 }

.btn-calendar-next:hover,
.btn-calendar-next:focus {
    color: #333333;
     border: none;
    background-color: rgba(55, 125, 255, .1) !important;
}

 .btn-icon {
     position: relative;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: .875rem;
     font-weight: 600;
     width: 2.625rem;
     height: 2.625rem;
     padding: 0
 }

.flex-end {
    justify-content: end;
}

.taskcheck-list>div:not(:last-child) {
    margin-bottom: 24px;
}

.fc-333 {
    color: #333333
}

.fc-020202 {
    color: #020202
}

.fc-979797 {
    color: #979797
}

.floating-style-label {
    color: rgba(var(--bs-body-color-rgb), .65); font-size:14px;
    display:block;
    margin-bottom: 3px
}

.card {
    --bs-card-spacer-y: 1.3125rem;
    --bs-card-spacer-x: 1.3125rem;
    --bs-card-title-spacer-y: 0.25rem;
    --bs-card-border-width: 0.0625rem;
    --bs-card-border-color: #efefef;
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
    --bs-card-inner-border-radius: 0.6875rem;
    --bs-card-cap-padding-y: 16px;
    --bs-card-cap-padding-x: 21px;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.3125rem 1.3125rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.list-group-no-gutters .list-group-item {
    padding-right: 0;
    padding-left: 0
}

.bg-soft-primary {
    background-color: rgba(55, 125, 255, .1) !important
}

 .bg-soft-success {
     background-color: rgba(0, 201, 167, 1) !important
 }

 .bg-soft-danger {
     background-color: rgba(237, 76, 120, 1) !important
 }

 .bg-soft-info {
     background-color: rgba(9, 165, 190, 1) !important
 }

.bg-secondary-blue {
    background-color: #377DFF !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-secondary-success {
    background-color: #01a489 !important
}

.bg-soft-yellow {
    background-color: RGBA(245, 202, 153, var(--bs-bg-opacity, 1)) !important
}

.border-gray {
    border:1px solid #333333 !important;
}

.card-shadow {
    box-shadow: 0 .375rem .75rem rgba(140, 152, 164, .075);
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

/*
.list-group {
    --bs-list-group-item-padding-y: 12px;
    --bs-list-group-item-padding-x: 12px;
}
*/


.list-group-item {
    padding: 12px 8px;
    border:none;
}

.list-py-1>li:not(:first-child) {
    padding-top: .3125rem
}

.list-py-1>li:not(:last-child) {
    padding-bottom: .3125rem
}

.list-py-2>li:not(:first-child) {
    padding-top: .5rem
}

.list-py-2>li:not(:last-child) {
    padding-bottom: .5rem
}

.legend-indicator {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-color: #333333;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: 2px;
}

.legend-indicator-sm {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    background-color: #333333;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: 2px;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.white-nowrap {
    white-space:nowrap !important;
}

 .avatar {
     position: relative;
     display: inline-block;
     width: 2.625rem;
     height: 2.625rem;
     border-radius: .5rem
 }

 .avatar:not(img) {
     background-color: #fff
 }

 .avatar-img {
     max-width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: .5rem
 }

 .avatar-initials {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     width: 2.625rem;
     height: 2.625rem;
     font-size: .875rem;
     font-weight: 600;
     pointer-events: none;
     text-transform: uppercase;
     border-radius: .5rem
 }

 .avatar-circle {
     border-radius: 50%
 }

 .avatar-circle .avatar,
 .avatar-circle .avatar-img,
 .avatar-circle .avatar-initials {
     border-radius: 50%
 }

 .avatar-centered {
     display: -ms-flexbox;
     display: flex;
     margin-right: auto;
     margin-left: auto
 }

 .avatar-group {
     position: relative;
     z-index: 2;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center
 }

 .avatar-group .avatar:hover {
     z-index: 2
 }

 .avatar-group .avatar-circle .avatar-initials {
     border-radius: 50%
 }

 .avatar-group .avatar .avatar-img,
 .avatar-group .avatar .avatar-initials,
 .avatar-group .avatar-sm .avatar-img,
 .avatar-group .avatar-sm .avatar-initials,
 .avatar-group .avatar-xs .avatar-img,
 .avatar-group .avatar-xs .avatar-initials {
     border: 2px solid #fff
 }

 .avatar-group .avatar-lg .avatar-img,
 .avatar-group .avatar-lg .avatar-initials {
     border: 5px solid #fff
 }

 .avatar-group .avatar-xl .avatar-img,
 .avatar-group .avatar-xl .avatar-initials {
     border: 7px solid #fff
 }

 .avatar-group .avatar+.avatar {
     margin-left: -1rem
 }

 .avatar-group .avatar-xs+.avatar-xs {
     margin-left: -.6125rem
 }

 .avatar-group .avatar-sm+.avatar-sm {
     margin-left: -.875rem
 }

 .avatar-group .avatar-lg+.avatar-lg {
     margin-left: -1.5rem
 }

 .avatar-group .avatar-xl+.avatar-xl {
     margin-left: -2rem
 }

 .avatar-group .avatar,
 .avatar-group .avatar-initials {
     width: 2.625rem;
     height: 2.625rem
 }

 .avatar-group .avatar-initials {
     font-size: .875rem
 }

 .avatar-group .avatar+.avatar {
     margin-left: -1rem
 }

 .avatar-group-xs .avatar,
 .avatar-group-xs .avatar-initials {
     width: 1.53125rem;
     height: 1.53125rem
 }

 .avatar-group-xs .avatar-initials {
     font-size: .65625rem
 }

 .avatar-group-xs .avatar+.avatar {
     margin-left: -.6125rem
 }

 .avatar-group-sm .avatar,
 .avatar-group-sm .avatar-initials {
     width: 2.40625rem;
     height: 2.40625rem
 }

 .avatar-group-sm .avatar-initials {
     font-size: .875rem
 }

 .avatar-group-sm .avatar+.avatar {
     margin-left: -.875rem
 }

 .avatar-group-lg .avatar,
 .avatar-group-lg .avatar-initials {
     width: 3.36875rem;
     height: 3.36875rem
 }

 .avatar-group-lg .avatar-initials {
     font-size: 1rem
 }

 .avatar-group-lg .avatar+.avatar {
     margin-left: -1.5rem
 }

 .avatar-group-xl .avatar,
 .avatar-group-xl .avatar-initials {
     width: 4.921875rem;
     height: 4.921875rem
 }

 .avatar-group-xl .avatar-initials {
     font-size: 1.75rem
 }

 .avatar-group-xl .avatar+.avatar {
     margin-left: -1.5rem
 }

 .avatar-group-xxl .avatar,
 .avatar-group-xxl .avatar-initials {
     width: 7.875rem;
     height: 7.875rem
 }

 .avatar-group-xxl .avatar-initials {
     font-size: 2.625rem
 }

 .avatar-group-xxl .avatar+.avatar {
     margin-left: -2rem
 }

 .avatar.avatar-circle .avatar-status {
     bottom: -.19140625rem;
     right: -.19140625rem
 }

 .avatar.avatar-circle .avatar-sm-status {
     bottom: 0;
     right: 0
 }

 .avatar.avatar-circle .avatar-lg-status {
     bottom: -.284375rem;
     right: -.284375rem
 }

 .avatar-xss,
 .avatar-xss .avatar-initials {
     width: 1rem;
     height: 1rem
 }

 .avatar-xss .avatar-img {
     width: 1rem
 }

 .avatar-xss .avatar-initials {
     font-size: .65625rem
 }

 .avatar-xs,
 .avatar-xs .avatar-initials {
     width: 1.53125rem;
     height: 1.53125rem
 }

 .avatar-xs .avatar-img {
     width: 1.53125rem
 }

 .avatar-xs .avatar-initials {
     font-size: .65625rem
 }

 .avatar-xs.avatar-circle .avatar-status {
     bottom: -.19140625rem;
     right: -.19140625rem
 }

 .avatar-xs.avatar-circle .avatar-sm-status {
     bottom: -.1025390625rem;
     right: -.1025390625rem
 }

 .avatar-xs.avatar-circle .avatar-lg-status {
     bottom: -.284375rem;
     right: -.284375rem
 }

 .avatar-sm,
 .avatar-sm .avatar-initials {
     width: 2.40625rem;
     height: 2.40625rem
 }

 .avatar-sm .avatar-img {
     width: 2.40625rem
 }

 .avatar-postit,
 .avatar-postit .avatar-initials {
     width: 30px;
     height: 30px;
 }

 .avatar-postit .avatar-img {
     width: 30px;
 }

 .avatar-comment,
 .avatar-comment .avatar-initials {
     width: 38px;
     height: 38px;
 }

 .avatar-comment .avatar-img {
     width: 38px;
 }

 .avatar-sm .avatar-initials {
     font-size: .875rem
 }

 .avatar-sm.avatar-circle .avatar-status {
     bottom: -.19140625rem;
     right: -.19140625rem
 }

 .avatar-sm.avatar-circle .avatar-sm-status {
     bottom: -.08203125rem;
     right: -.08203125rem
 }

 .avatar-sm.avatar-circle .avatar-lg-status {
     bottom: -.35546875rem;
     right: -.35546875rem
 }

 .avatar-lg,
 .avatar-lg .avatar-initials {
     width: 3.36875rem;
     height: 3.36875rem
 }

 .avatar-lg .avatar-img {
     width: 3.36875rem
 }

 .avatar-lg .avatar-initials {
     font-size: 1rem
 }

 .avatar-lg.avatar-circle .avatar-status {
     bottom: -.11484375rem;
     right: -.11484375rem
 }

 .avatar-lg.avatar-circle .avatar-sm-status {
     bottom: .08203125rem;
     right: .08203125rem
 }

 .avatar-lg.avatar-circle .avatar-lg-status {
     bottom: -.177734375rem;
     right: -.177734375rem
 }

 .avatar-xl,
 .avatar-xl .avatar-initials {
     width: 4.921875rem;
     height: 4.921875rem
 }

 .avatar-xl .avatar-img {
     width: 4.921875rem
 }

 .avatar-xl .avatar-initials {
     font-size: 1.75rem
 }

 .avatar-xl.avatar-circle .avatar-status {
     bottom: .1435546875rem;
     right: .1435546875rem
 }

 .avatar-xl.avatar-circle .avatar-sm-status {
     bottom: .205078125rem;
     right: .205078125rem
 }

 .avatar-xl.avatar-circle .avatar-lg-status {
     bottom: .1184895833rem;
     right: .1184895833rem
 }

 .avatar-xxl,
 .avatar-xxl .avatar-initials {
     width: 7.875rem;
     height: 7.875rem
 }

 .avatar-xxl .avatar-img {
     width: 7.875rem
 }

 .avatar-xxl .avatar-initials {
     font-size: 2.625rem
 }

 .avatar-xxl.avatar-circle .avatar-status {
     bottom: .65625rem;
     right: .65625rem
 }

 .avatar-xxl.avatar-circle .avatar-sm-status {
     bottom: .765625rem;
     right: .765625rem
 }

 .avatar-xxl.avatar-circle .avatar-lg-status {
     bottom: .56875rem;
     right: .56875rem
 }

 .avatar-status {
     position: absolute;
     bottom: -.459375rem;
     right: -.459375rem;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     white-space: nowrap;
     text-align: center;
     vertical-align: baseline;
     border: .125rem solid #fff;
     width: 1.1484375rem;
     height: 1.1484375rem;
     line-height: 1;
     font-size: .65625rem;
     border-radius: 50%
 }

 .avatar-sm-status {
     bottom: -.2296875rem;
     right: -.2296875rem;
     width: .8203125rem;
     height: .8203125rem;
     font-size: .4375rem
 }

 .avatar-lg-status {
     width: 1.421875rem;
     height: 1.421875rem;
     font-size: .65625rem
 }

 .avatar-primary .avatar-initials {
     color: #fff;
     background-color: #377dff
 }

 .avatar-status-primary {
     color: #fff;
     background-color: #377dff
 }

 .avatar-secondary .avatar-initials {
     color: #fff;
     background-color: #71869d
 }

 .avatar-status-secondary {
     color: #fff;
     background-color: #71869d
 }

 .avatar-success .avatar-initials {
     color: #fff;
     background-color: #00c9a7
 }

 .avatar-status-success {
     color: #fff;
     background-color: #00c9a7
 }

 .avatar-info .avatar-initials {
     color: #fff;
     background-color: #09a5be
 }

 .avatar-status-info {
     color: #fff;
     background-color: #09a5be
 }

 .avatar-warning .avatar-initials {
     color: #000;
     background-color: #f5ca99
 }

 .avatar-status-warning {
     color: #000;
     background-color: #f5ca99
 }

 .avatar-danger .avatar-initials {
     color: #fff;
     background-color: #ed4c78
 }

 .avatar-status-danger {
     color: #fff;
     background-color: #ed4c78
 }

 .avatar-light .avatar-initials {
     color: #000;
     background-color: #f9fafc
 }

 .avatar-status-light {
     color: #000;
     background-color: #f9fafc
 }

 .avatar-dark .avatar-initials {
     color: #fff;
     background-color: #132144
 }

 .avatar-status-dark {
     color: #fff;
     background-color: #132144
 }

 .avatar-soft-primary .avatar-initials {
     color: #377dff;
     background-color: rgba(55, 125, 255, .1)
 }

 .avatar-status-soft-primary {
     color: #377dff;
     background-color: rgba(55, 125, 255, .1)
 }

 .avatar-soft-secondary .avatar-initials {
     color: #71869d;
     background-color: rgba(113, 134, 157, .1)
 }

 .avatar-status-soft-secondary {
     color: #71869d;
     background-color: rgba(113, 134, 157, .1)
 }

 .avatar-soft-success .avatar-initials {
     color: #00c9a7;
     background-color: rgba(0, 201, 167, .1)
 }

 .avatar-status-soft-success {
     color: #00c9a7;
     background-color: rgba(0, 201, 167, .1)
 }

 .avatar-soft-info .avatar-initials {
     color: #09a5be;
     background-color: rgba(9, 165, 190, .1)
 }

 .avatar-status-soft-info {
     color: #09a5be;
     background-color: rgba(9, 165, 190, .1)
 }

 .avatar-soft-warning .avatar-initials {
     color: #f5ca99;
     background-color: rgba(245, 202, 153, .1)
 }

 .avatar-status-soft-warning {
     color: #f5ca99;
     background-color: rgba(245, 202, 153, .1)
 }

 .avatar-soft-danger .avatar-initials {
     color: #ed4c78;
     background-color: rgba(237, 76, 120, .1)
 }

 .avatar-status-soft-danger {
     color: #ed4c78;
     background-color: rgba(237, 76, 120, .1)
 }

 .avatar-soft-light .avatar-initials {
     color: #f9fafc;
     background-color: rgba(249, 250, 252, .1)
 }

 .avatar-status-soft-light {
     color: #f9fafc;
     background-color: rgba(249, 250, 252, .1)
 }

 .avatar-soft-dark .avatar-initials {
     color: #132144;
     background-color: rgba(19, 33, 68, .1)
 }

 .avatar-status-soft-dark {
     color: #132144;
     background-color: rgba(19, 33, 68, .1)
 }

 .avatar.avatar-4x3 {
     width: 3.5rem;
     height: auto;
     border-radius: 0
 }

 .avatar.avatar-4x3 .avatar-img {
     width: 3.5rem;
     height: inherit
 }

 .avatar-xss.avatar-4x3 {
     width: 1.3333333333rem;
     height: auto;
     border-radius: 0
 }

 .avatar-xss.avatar-4x3 .avatar-img {
     width: 1.3333333333rem;
     height: inherit
 }

 .avatar-xs.avatar-4x3 {
     width: 2.0416666667rem;
     height: auto;
     border-radius: 0
 }

 .avatar-xs.avatar-4x3 .avatar-img {
     width: 2.0416666667rem;
     height: inherit
 }

 .avatar-sm.avatar-4x3 {
     width: 3.2083333333rem;
     height: auto;
     border-radius: 0
 }

 .avatar-sm.avatar-4x3 .avatar-img {
     width: 3.2083333333rem;
     height: inherit
 }

 .avatar-lg.avatar-4x3 {
     width: 4.4916666667rem;
     height: auto;
     border-radius: 0
 }

 .avatar-lg.avatar-4x3 .avatar-img {
     width: 4.4916666667rem;
     height: inherit
 }

 .avatar-xl.avatar-4x3 {
     width: 6.5625rem;
     height: auto;
     border-radius: 0
 }

 .avatar-xl.avatar-4x3 .avatar-img {
     width: 6.5625rem;
     height: inherit
 }

 .avatar-xxl.avatar-4x3 {
     width: 10.5rem;
     height: auto;
     border-radius: 0
 }

 .avatar-xxl.avatar-4x3 .avatar-img {
     width: 10.5rem;
     height: inherit
 }

 .avatar-uploader {
     cursor: pointer;
     display: inline-block;
     transition: .2s;
     margin-bottom: 0
 }

 .avatar-uploader-input {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: -1;
     opacity: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(19, 33, 68, .25);
     border-radius: 50%;
     transition: .2s
 }

 .avatar-uploader-trigger {
     position: absolute;
     bottom: 0;
     right: 0;
     cursor: pointer;
     border-radius: 50%
 }

 .avatar-uploader-icon {
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     color: #677788;
     background-color: #fff;
     border-radius: 50%;
     transition: .2s
 }

 .avatar-uploader:hover .avatar-uploader-icon {
     color: #fff;
     background-color: #377dff
 }

 .avatar-lg .avatar-uploader-icon {
     font-size: .65625rem;
     width: 1.3125rem;
     height: 1.3125rem
 }

 .avatar-xl .avatar-uploader-icon {
     font-size: .8125rem;
     width: 1.53125rem;
     height: 1.53125rem
 }

 .avatar-xxl .avatar-uploader-icon {
     width: 2.40625rem;
     height: 2.40625rem
 }

 .avatar-postit,
 .avatar-postit .avatar-initials {
    width:32px;
     height: 32px;
 }

.avatar-postit .avatar-img {
    width:32px;
}
 
.profile-cover {
  position: relative;
  height: 7.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}

.profile-cover-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #a9befb;
    border-radius: 0.75rem;
}


.profile-cover-avatar {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: .25rem solid #fff;
    margin: -6.3rem auto .5rem auto
}



@media (min-width:992px) {
    .profile-cover {
        height: 10rem
    }

    .profile-cover-img-wrapper {
        height: 10rem
    }

    .profile-cover-img {
        height: 10rem
    }
}

.w-100px {
    width: 100px;
}

@media (min-width:1921px) {
    .g-custom-5 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }
}