/* Securepoint Firewall Branding and Terra Cloud Branding CSS */
.terra {
    --accent-color: #572280;
    --accent-light-color: #8456a8;
    --accent-dark-color: #2f1146;
}

html.hide-dialog-titlebar-buttons {
    background-color: #e74c3c;
}

html.default.hide-dialog-titlebar-buttons:not(.terra) {
    background: url("background-default.svg")no-repeat scroll 50% 0 #e74c3c;
    background-size: 100% auto;
}

html.default.unlicensed.hide-dialog-titlebar-buttons:not(.terra) {
    background: url("background-default-unlicensed.svg") repeat scroll 0 0 #e74c3c;
    background-size: 300px auto;
}

html.terra {
    background: url('background-terra.jpg') repeat scroll 0 0 var(--accent-color);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<branding-dir>/background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<branding-dir>/background.jpg', sizingMethod='scale')";
}

html.terra.unlicensed {
    background: url("background-terra-unlicensed.svg") repeat scroll 0 0 var(--accent-color);
    background-size: 300px auto;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="background.svg", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="background.svg", sizingMethod='scale')";
}

#branding-login-tile {
    background-color: var(--accent-color, #e74c3c);
    color: rgb(255, 255, 255);
    text-align: center;
    width: 125px;
    height: 125px;
    margin-left: auto;
}

.terra .logo-small  {
    background-image: url("logo-terra.svg") !important;
}

.terra #branding-appliance-image-container {
    display: block;
    background-image: url("default-appliance-terra.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.terra #branding-appliance-image-container svg {
    visibility: hidden;
}

.terra .custom-header-button,
.terra .save-button,
.terra .back-button {
    color: #572280;
    border: 1px solid #572280;
}

.terra .icon-save-and-restart {
    /* Colorize the icon black first and then mimic the targeted color */
    filter: brightness(0) saturate(100%) invert(11%) sepia(83%) saturate(3290%) hue-rotate(258deg) brightness(89%) contrast(89%);
}