﻿
.access-denied .userback-button.userback-button-se {
    display: none !important;
}
#userback_button_container .userback-controls {
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.00) 100.08%), #1B1C1D !important;
    box-shadow: 0px 16px 120px 0px rgba(0, 0, 0, 0.90) !important;
    font-family: Urbanist !important;
    --colour-neutral-400: #CCC1C4 !important;
    --colour-neutral-700: #FFFFFF !important;
    --widget-button-text: #FFFFFF !important;
}
#userback_button_container .userback-controls::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(117.96deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 49.9%) border-box, linear-gradient(131.06deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100.08%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
#userback_button_container .userback-controls ubdiv.userback-controls-back:hover, 
#userback_button_container .userback-controls ubdiv.userback-controls-close:hover, 
#userback_button_container .userback-controls ubdiv.userback-controls-minimize:hover
{
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100.08%) !important;
}
#userback_button_container .userback-controls .userback-controls-header {
    background: none !important;
}
#userback_button_container .userback-controls .userback-controls-header .userback-controls-header-text {
    font-weight: normal !important;
}
#userback_button_container .userback-controls .userback-controls-header .userback-controls-header-text > img {
    height: 40px !important;
}
#userback_button_container .userback-controls .userback-controls-send-success {
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.00) 100.08%), #1B1C1D !important;
    font-family: Urbanist !important;
}
#userback_button_container .userback-controls .userback-controls-send-success ubspan {
    color: #FFF !important;
}
#userback_button_container .userback-controls .userback-controls-send-success p {
    color: #CCC1C4 !important;
}
#userback_button_container .userback-controls input[type=text], #userback_button_container .userback-controls input[type=email] {
    font-family: Urbanist !important;
    background: rgba(27, 28, 29, 0.80) !important;
    color: #FFF !important;
    border: 1px solid #666 !important;
}
#userback_button_container .userback-controls .userback-field-comment {
    background: none !important;
    color: #FFF !important;
    border: 1px solid #666 !important;
}
#userback_button_container .userback-controls .userback-field-comment textarea::placeholder {
    font-family: Urbanist !important;
    color: #CCC1C4 !important;
}
#userback_button_container .userback-controls .userback-field-comment textarea {
    font-family: Urbanist !important;
    background: rgba(27, 28, 29, 0.80) !important;
    color: #FFF !important;
}
#userback_button_container .userback-controls .userback-controls-attach-actions btn {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: #666 !important;
}
#userback_button_container .userback-controls .userback-controls-send,
#userback_button_container .userback-button .userback-button-content {
    font-family: Urbanist !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    background: linear-gradient(0deg, #D61F37 0%, #D61F37 100%), linear-gradient(335deg, rgba(255, 255, 255, 0.02) 7.94%, rgba(255, 255, 255, 0.04) 92.72%) !important;
    box-shadow: 0px -2px 16px 0px rgba(255, 255, 255, 0.16) inset, 0px 4px 4px 0px rgba(255, 255, 255, 0.13) inset, 0px 12px 36px 0px rgba(214, 31, 55, 0.24) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}
#userback_button_container .userback-controls .userback-controls-send:focus {
    outline: 0  !important;
}
#userback_button_container .userback-controls ubnav>ubdiv {            
    fill: #CCC1C4 !important;
    color: #CCC1C4 !important;
}