#PROFILE_BOX .mt-3 {
    margin-top: 1rem !important
}

#PROFILE_BOX .pt-5 {
    padding-top: 3rem !important
}

#PROFILE_BOX .card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

#PROFILE_BOX .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)
}

#PROFILE_BOX .card-body {
    -webkit-box-flex: 1;
    -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)
}

#PROFILE_BOX .card {
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: var(--bs-heading-color);
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(0, 0, 0, 0.09);
    --bs-card-border-radius: 2px;
    --bs-card-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04);
    --bs-card-inner-border-radius: calc(2px - 1px);
    --bs-card-cap-padding-y: 1.25rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-cap-bg: #fff;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.25rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    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)
}

#PROFILE_BOX .card>
#PROFILE_BOX .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

#PROFILE_BOX .card>
#PROFILE_BOX .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

#PROFILE_BOX .card>
#PROFILE_BOX .list-group {
    border-top: inherit;
    border-bottom: inherit
}

#PROFILE_BOX .list-group {
    --bs-list-group-color: var(--bs-gray-600);
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: 2px;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-gray-700);
    --bs-list-group-action-hover-bg: var(--bs-light);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-light);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0f6fec;
    --bs-list-group-active-border-color: #0f6fec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

#PROFILE_BOX .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

#PROFILE_BOX .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

#PROFILE_BOX .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

#PROFILE_BOX .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

#PROFILE_BOX .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

#PROFILE_BOX .list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

#PROFILE_BOX .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

#PROFILE_BOX .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

#PROFILE_BOX .btn {
    outline: 0
}

#PROFILE_BOX .btn-sm,
#PROFILE_BOX .btn-group-sm>
#PROFILE_BOX .btn {
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-border-radius: 2px
}

#PROFILE_BOX .avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

#PROFILE_BOX .avatar-xl {
    height: 5.125rem;
    width: 5.125rem
}

#PROFILE_BOX .me-3 {
    margin-right: 1rem !important
}

#PROFILE_BOX .avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#PROFILE_BOX .rounded {
    border-radius: var(--bs-border-radius) !important
}

#PROFILE_BOX .mb-0 {
    margin-bottom: 0 !important
}

#PROFILE_BOX .mb-3 {
    margin-bottom: 1rem !important
}

#PROFILE_BOX h5,
#PROFILE_BOX .h5 {
    font-size: 1.171875rem
}

#PROFILE_BOX h6,
#PROFILE_BOX .h6 {
    font-size: .9375rem
}

#PROFILE_BOX h6,
#PROFILE_BOX .h6,
#PROFILE_BOX h5,
#PROFILE_BOX .h5,
#PROFILE_BOX h4,
#PROFILE_BOX .h4,
#PROFILE_BOX h3,
#PROFILE_BOX .h3,
#PROFILE_BOX h2,
#PROFILE_BOX .h2,
#PROFILE_BOX h1,
#PROFILE_BOX .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: "
    Inter"
    ,
    sans-serif;
    font-weight: 700;
    line-height: 1.25;
    color: var(--bs-heading-color)
}

#PROFILE_BOX small,
#PROFILE_BOX .small {
    font-weight: 400
}

#PROFILE_BOX small,
#PROFILE_BOX .small {
    font-size: .875em
}

#PROFILE_BOX small {
    font-size: 80%
}

#PROFILE_BOX .mb-4 {
    margin-bottom: 1.5rem !important
}

#PROFILE_BOX .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}



#PROFILE_BOX .position-relative {
    position: relative !important
}


#PROFILE_BOX .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%
	
}

#PROFILE_BOX .input-group:not(.has-validation)>
#PROFILE_BOX :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
#PROFILE_BOX .input-group:not(.has-validation)>
#PROFILE_BOX .dropdown-toggle:nth-last-child(n+3),
#PROFILE_BOX .input-group:not(.has-validation)>
#PROFILE_BOX .form-floating:not(:last-child)>
#PROFILE_BOX .form-control,
#PROFILE_BOX .input-group:not(.has-validation)>
#PROFILE_BOX .form-floating:not(:last-child)>
#PROFILE_BOX .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#PROFILE_BOX .input-group-lg>
#PROFILE_BOX .form-control,
#PROFILE_BOX .input-group-lg>
#PROFILE_BOX .form-select,
#PROFILE_BOX .input-group-lg>
#PROFILE_BOX .input-group-text,
#PROFILE_BOX .input-group-lg>
#PROFILE_BOX .btn {
    padding: .8rem 1.5rem;
    border-radius: 2px
}

#PROFILE_BOX .input-group>
#PROFILE_BOX .form-control,
#PROFILE_BOX .input-group>
#PROFILE_BOX .form-select,
#PROFILE_BOX .input-group>
#PROFILE_BOX .form-floating {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

#PROFILE_BOX .progress,
#PROFILE_BOX .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-bg: rgba(0, 0, 0, 0.1);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

#PROFILE_BOX .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    -webkit-transition: var(--bs-progress-bar-transition);
    transition: var(--bs-progress-bar-transition)
}

#PROFILE_BOX input[type=text],
#PROFILE_BOX input[type=email],
#PROFILE_BOX input[type=url],
#PROFILE_BOX input[type=password],
#PROFILE_BOX input[type=tel],
#PROFILE_BOX input[type=range],
#PROFILE_BOX input[type=date],
#PROFILE_BOX input[type=month],
#PROFILE_BOX input[type=week],
#PROFILE_BOX input[type=time],
#PROFILE_BOX input[type=datetime],
#PROFILE_BOX input[type=datetime-local],
#PROFILE_BOX input[type=color],
#PROFILE_BOX input[type=number],
#PROFILE_BOX input[type=search],
#PROFILE_BOX textarea {
    color: #666;
    padding: 12px 16px
}

#PROFILE_BOX .form-control:focus {
    outline: none;
    border-color: #0f6fec
}

#PROFILE_BOX .form-control {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-gray-700);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #0f6fec;
	width: auto;
    flex-grow: 1;
}

#PROFILE_BOX .input-group>
#PROFILE_BOX :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px* -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#PROFILE_BOX .input-group .btn {
    margin-bottom: 0
}

#PROFILE_BOX .input-group .btn {
    position: relative;
    z-index: 2
}

#PROFILE_BOX button:not(:disabled),
#PROFILE_BOX [type=button]:not(:disabled),
#PROFILE_BOX [type=reset]:not(:disabled),
#PROFILE_BOX [type=submit]:not(:disabled) {
    cursor: pointer
}

#PROFILE_BOX .btn {
    outline: 0
}

#PROFILE_BOX .btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-family: ;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 2px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#PROFILE_BOX button,
#PROFILE_BOX [type=button],
#PROFILE_BOX [type=reset] {
    -webkit-appearance: button
}

#PROFILE_BOX button,
#PROFILE_BOX select {
    text-transform: none
}

#PROFILE_BOX input,
#PROFILE_BOX button,
#PROFILE_BOX select,
#PROFILE_BOX optgroup,
#PROFILE_BOX textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

#PROFILE_BOX button {
    border-radius: 0
}

#PROFILE_BOX button,
#PROFILE_BOX input[type=button],
#PROFILE_BOX input[type=reset] {
    color: #fff;
    line-height: 1.5;
    padding: 10px 20px;
    font-weight: 700;
    border: none;
    border-radius: 3px;
    background: #06C
}

#PROFILE_BOX button,
#PROFILE_BOX html input[type=button],
#PROFILE_BOX input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

#PROFILE_BOX button,
#PROFILE_BOX select {
    text-transform: none
}

#PROFILE_BOX button {
    overflow: visible
}

#PROFILE_BOX button,
#PROFILE_BOX input,
#PROFILE_BOX optgroup,
#PROFILE_BOX select,
#PROFILE_BOX textarea {
    font: inherit;
    margin: 0;
    color: #333;
    line-height: 1.5
}



#PROFILE_BOX button:not(:disabled),
#PROFILE_BOX [type=button]:not(:disabled),
#PROFILE_BOX [type=reset]:not(:disabled),
#PROFILE_BOX [type=submit]:not(:disabled) {
    cursor: pointer
}

#PROFILE_BOX .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f6fec;
    --bs-btn-border-color: #0f6fec;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d5ec9;
    --bs-btn-hover-border-color: #0c59bd;
    --bs-btn-focus-shadow-rgb: 51, 133, 239;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0c59bd;
    --bs-btn-active-border-color: #0b53b1;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0f6fec;
    --bs-btn-disabled-border-color: #0f6fec
}

#PROFILE_BOX .btn-primary-soft {
    color: #fff;
    background-color: #0f6fec !important
}

#PROFILE_BOX .btn-primary-soft:active,
#PROFILE_BOX .btn-primary-soft:hover,
#PROFILE_BOX .btn-primary-soft:focus {
    color: #fff !important;
    background-color: #0f6fec !important;
    border-color: #0f6fec !important
}

#PROFILE_BOX .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4f9ef8;
    --bs-btn-border-color: #4f9ef8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4386d3;
    --bs-btn-hover-border-color: #3f7ec6;
    --bs-btn-focus-shadow-rgb: 105, 173, 249;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3f7ec6;
    --bs-btn-active-border-color: #3b77ba;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4f9ef8;
    --bs-btn-disabled-border-color: #4f9ef8
}



#PROFILE_BOX .text-center {
    text-align: center !important
}



#PROFILE_BOX .loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  background: #f2f2f2;
  box-shadow: -24px 0 #f2f2f2, 24px 0 #f2f2f2;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
  33% {
    background: #f2f2f2;
    box-shadow: -24px 0 #FF3D00, 24px 0 #f2f2f2;
  }
  66% {
    background: #FF3D00;
    box-shadow: -24px 0 #f2f2f2, 24px 0 #f2f2f2;
  }
  100% {
    background: #f2f2f2;
    box-shadow: -24px 0 #f2f2f2, 24px 0 #FF3D00;
  }
}



#PROFILE_BOX .alert {
    --bs-alert-bg: #b10e0ebd;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: #fff;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}