/* Custom DionWeb Branding for osTicket Login Page */
#brickwall,
#background {
    background-image: url('../../../vc/set_sell.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#loginBox:after {
    background-color: rgba(26, 58, 110, 0.85) !important;
}
#logo a {
    display: block;
    text-decoration: none;
    height: 80px;
}
#logo a img {
    max-height: 60px !important;
    max-width: 250px !important;
    height: auto !important;
    width: auto !important;
}
.dionweb-logo {
    font-family: 'Arial Black', 'Impact', 'Helvetica Neue', sans-serif !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    background: linear-gradient(135deg, #1A3A6E 0%, #4A7BA7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-transform: uppercase !important;
    display: block !important;
    margin: 0 auto !important;
    text-decoration: none !important;
}
#loginBox {
    box-shadow: 0 0 50px 5px rgba(26, 58, 110, 0.5), 0 0 5px -1px rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(26, 58, 110, 0.3) !important;
}
input:focus {
    border: 1px solid #FF6B4A !important;
    box-shadow: 0 0 4px #FF6B4A !important;
    outline: none;
}
button[type=submit], 
input[type="submit"], 
.primary.button {
    background-color: #FF6B4A !important;
    color: #ffffff !important;
    border: none !important;
}
button[type=submit]:hover, 
input[type="submit"]:hover, 
input[type="submit"]:active {
    background-color: #FF5733 !important;
    box-shadow: 0 0 0 2px rgba(255, 107, 74, 0.7) inset !important;
}
h3 {
    color: #f0f0f0 !important;
}
#company .content {
    background-color: rgba(26, 58, 110, 0.9) !important;
}