/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --lightest-pink: rgba(251, 210, 235);
    --light-pink: rgb(253, 86, 176);
    --deep-pink: rgb(244, 60, 127);
    --lightest-pink-rgb: 251, 210, 235;
    --light-pink-rgb: 253, 86, 176;
    --deep-pink-rgb: 244, 60, 127;

    --light-orange: rgb(255, 148, 122);
    /* --deep-orange: rgb(255, 148, 122); */
    --light-orange-rgb: 255, 148, 122;
    /* --deep-orange-rgb: 255, 148, 122; */

    --light-blue: rgb(181, 233, 255);
    --deep-blue: rgb(98, 116, 210);
    --light-blue-rgb: 181, 233, 255;
    --deep-blue-rgb: 98, 116, 210;

    --light-indigo: rgb(191, 131, 255);
    /* --deep-indigo: rgb(191, 131, 255); */
    --light-indigo-rgb: 243, 232, 255;
    /* --deep-indigo-rgb: 191, 131, 255; */

}

::selection {
    background-color: var(--deep-blue);
}

body {
    background: radial-gradient(circle, #6cd8ff 0%, #02b1f4 100%);
    background-attachment: fixed;
}

input[type=number],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.bhd-bg-pink {
    background-color: rgba(var(--light-pink-rgb), .15);
}
.bhd-bg-orange {
    background-color: rgba(var(--light-orange-rgb), .15);
}
.bhd-bg-blue {
    background-color: rgba(var(--deep-blue-rgb), .1);
}
.bhd-bg-indigo {
    background-color: rgba(var(--light-indigo-rgb), 1);
}

.bhd-logo {
    display: block;
    margin: auto;
    height: 140px;
    width: auto;
    object-fit: contain;
}
.bhd-logo.logo-stacked {
    position: relative;
        bottom: -60px;
    z-index: 2;
}

.bhd-sidebar {
    background-color: var(--bs-white);
    padding-right: 5px !important;
}
.bhd-sidebar .nav-link {
    display: block;
    border-radius: 0 1.5rem 1.5rem 0 !important;
    padding: 1rem .5rem 1rem 2rem !important;
}
.bhd-sidebar .nav-link > span {
    font-weight: 700;
}
.bhd-sidebar .nav-link.active {
    background-image: linear-gradient(to left, var(--deep-pink), var(--light-pink));
    box-shadow: 1px 3px 5px rgba(var(--deep-pink-rgb), .5);
    color: #fff !important;
}

.bhd-page-wrapper {
    padding: 1rem;
    border-radius: 2.5rem 0 0 0;
    min-height: 100vh;
}

.bhd-form-wrapper {
    /* max-width: 768px; */
    margin: 0 auto;
}

.bhd-form input,
.bhd-form select,
.bhd-form textarea {
    border-color: rgba(237, 241, 243, 1);
    border-radius: 10px;
    padding: 10px 12px;
    resize: vertical;
}

.file-upload > label > span,
.bhd-form input::-webkit-input-placeholder,
.bhd-form select :disabled,
.bhd-form textarea::-webkit-input-placeholder {
    color: #999;
    font-size: 0.9375rem;
    padding-left: 9px;
}

.bhd-form .select2-container--default .select2-selection--single,
.bhd-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.bhd-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.bhd-form .select2-container--default .select2-selection--multiple,
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 45px;
    padding-left: 9px;
    border-color: rgba(237, 241, 243, 1) !important;
    border-radius: 10px
}

.bhd-form .is-invalid .select2-container--default .select2-selection--single,
.bhd-form .is-invalid .select2-container--default .select2-selection--single .select2-selection__arrow,
.bhd-form .is-invalid .select2-container--default .select2-selection--single .select2-selection__rendered,
.bhd-form .is-invalid .select2-container--default .select2-selection--multiple,
.bhd-form .is-invalid .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.bhd-form .select2-container--default .select2-selection--single .select2-selection__arrow b,
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    border: 0 none;
    left: unset;
    top: 22%;
    right: 30px;
    margin: unset;
}
.form-label-select::before,
.bhd-form .select2-container--default .select2-selection--single .select2-selection__arrow b::before,
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__arrow b::before {
    content: '\f078';
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AAAAAA;
    border: 1px solid #AAAAAA;
    border-radius: 50%;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
}
.form-label-select::before {
    background-color: var(--bs-white);
    position: absolute;
        bottom: 30px;
        right: 23px;
}
.input-group-text,
.form-control:focus,
.form-control:focus-visible,
.form-control:focus-within {
    outline: 0;
    box-shadow: unset;
    border-color: rgba(237, 241, 243, 1);
}

.file-upload {
    flex: calc(100% - 50px) 0 0;
    width: calc(100% - 50px);
    position: relative;
}
.file-upload > input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}
.file-upload > a,
.file-upload > label {
    cursor: pointer;
    display: block;
    height: 45px;
    width: 100%;
    padding-left: 9px;
    border: 1px solid rgba(237, 241, 243, 1) !important;
    border-radius: 10px;
    transition: all .2s;
}
.file-upload > a:hover {
    background-color: rgba(var(--light-pink-rgb), .05);
    border-color: rgba(var(--deep-pink-rgb), .5) !important;
}
.file-upload > a span,
.file-upload > label span {
    color: #1A1C1EB2;
    line-height: 1.2;
}
.file-upload > a span > small,
.file-upload > label span > small {
    font-size: 10px
}
.file-upload > a .icon-browse,
.file-upload > label .icon-browse {
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    flex: 30px 0 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.bhd-form .select2-container:hover .select2-selection--single,
.bhd-form .select2-container:hover .select2-selection--multiple {
    appearance: none;
}
.bhd-form .select2-container--default .select2-selection--multiple {
    display: flex;
}
.bhd-form .select2-container--default .select2-selection--multiple::before {
    content: '';
    display: inline-block;
    height: 45px;
    width: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bhd-form .select2-container--default .select2-selection--multiple .select2-search--inline {
    padding-top: 5px;
}
.bhd-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-dark);
    line-height: 42px;
    font-size: 0.9375rem;
}
.select2-container--default .select2-search--inline .select2-search__field {
    color: var(--bs-dark);
    font-size: 0.9375rem;
}
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    position: relative;
    display: block;
    padding: 5px 0 0 0;
    z-index: 2;
}
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--colorOrange) !important;
    border-color: var(--colorOrange6) !important;
    color: var(--bs-white) !important;
    font-size: 0.9375rem;
}
.bhd-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: 0 none !important;
    color: var(--bs-white) !important;
}

.bhd-form button[type=submit] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), var(--deep-pink);
    box-shadow: 0px 1px 2px rgba(var(--deep-pink-rgb), 0.48), 0px 0px 0px 1px var(--deep-pink);
    border-radius: 10px;
    color: var(--bs-white);
    width: 100%;
    transition: all .2s;
}
.bhd-form button[type=submit]:hover {
    opacity: .85;
}
.bhd-form button[type=submit]:active,
.bhd-form button[type=submit]:focus {
    box-shadow: 0px 1px 20px rgba(var(--deep-pink-rgb), 0.48), 0px 0px 0px 1px var(--deep-pink);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), var(--deep-pink);
}

.btn-help {
    border-color: rgba(237, 241, 243, 1);
    border-radius: 10px;
    padding: 10px 15px;
    color: var(--deep-pink);
}
.btn-help:hover,
.btn-help:active,
.btn-help:focus-within,
.btn-help:focus {
    background-color: rgba(var(--light-pink-rgb), .15);
    border-color: var(--light-pink) !important;
    color: var(--deep-pink) !important;

}

.btn-main {
    background-color: var(--light-pink);
    color: #FFFFFF !important;
    width: 100%;
    border-radius: 25px !important;
    transition: all .2s
}
.btn-main:hover {
    background-color: var(--deep-pink);
    color: #FFFFFF
}


/* sm: phone - landscape */
@media (min-width: 576px) {
    .navbar-expand-sm.navbar-vertical {
        box-shadow: unset !important;
    }
}

/* md: tablet */
@media (min-width: 768px) {
}

/* lg: desktop */
@media (min-width: 992px) {
}

/* xl: wide */
@media (min-width: 1200px) {
}

/* super wide */
@media (min-width: 1440px) {
}