html {
      background: linear-gradient(103.48deg, rgb(30, 13, 53) 9.67%, rgb(12, 11, 35) 50.51%, rgb(10, 12, 34) 90.33%);
}

body {
    background-color: transparent;
    position: relative;
}

header {
    position: sticky;
    top: 0;
    background: transparent;
    box-shadow:#333333 0 10px 10px;
    z-index: 99;
}
header svg {
    width: 150px;
}
main {
    padding-top: 2rem;
    padding-bottom: 2rem;

}
form {
    background: transparent;
    color: #ffffff;
    border-radius: 4px;
    padding: 1rem;
    box-shadow: #3b3b3b11 0 5px 15px;
}
textarea {
    resize: none;
    }

label{
    font-weight: bold;
    font-size: 0.9rem;
}

.btn-primary {
    color: #fff;
    background-color: #FF3D81;
    border-color: #FF3D81;
}
.btn-primary:hover {
    color: #fff;
    background-color: #CC3167;
    border-color: #CC3167;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FF3D81;
    border-color: rgb(255, 61, 129);
    box-shadow: inset 2px 4px 4px rgba(0, 0, 0, 0.18);
}
.btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 2px rgba(255, 61, 129, 0.5), inset 2px 4px 4px rgba(0, 0, 0, 0.18) !important;

}
.form-control:focus {
    color: #444;
    background-color: #fff;
    border-color: #CC3167;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 61 129 / 25%);
}




/* Calendar Styling */
.ui-widget-header {
    background: #ffffff;
    border-top: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-color:#E9E9E9;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
 color: red !important;   
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    background: rgba(255, 61, 129, 0.1) !important;  
    border: 0 none; 
    top:2px;
   }

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right:2px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-color: transparent;
    background-color: transparent;
    border-radius: 4px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: rgba(255, 61, 129, 0.22);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: rgba(255, 61, 129, 0.22);
    border-color: #FF3D81;
    color: #FF3D81;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color:#333333;
    border-color: #333;
}

.dateInput input {
    user-select: none;
}


.hidden-address-control{
    z-index:0;
    position:absolute;
    width:0rem;
    opacity:0;
    margin-top:-2rem;
    margin-right:1rem;
}
.address, .companies {
    padding:1rem;
    background-color: #efefef;
    border-radius: 4px;
}

.StyledReferralBadge-sc-5yap1m-0 {
 display:none !important;
}