/*
    Overriding styles for different non-production environments (local/dev, QA, test, and staging)
*/


/* Themes for sg-manage. */

.sg-env-theme-sg-qa .sg-header {
    background-image: linear-gradient(115deg, #32a132 100px, black 2px, #13506d 102px) !important;
}
.sg-env-theme-sg-local .sg-header {
    background-image: linear-gradient(115deg, #28807e 100px, black 2px, #13506d 102px) !important;
}
.sg-env-theme-sg-staging .sg-header {
    background-image: linear-gradient(115deg, #6a5574 100px, black 2px, #13506d 102px) !important;
}
.sg-env-theme-sg-test .sg-header {
    background-image: linear-gradient(115deg, #a00000 100px, black 2px, #13506d 102px) !important;
}
.sg-env-theme-sg-user-test .sg-header {
    background-image: linear-gradient(115deg, #7591aa 100px, black 2px, #13506d 102px) !important;
}


/* Themes for sg-apply. */

.sg-env-theme-sg-qa #defaultheader-wrap {
    background-image: linear-gradient(115deg, #32a132 150px, #333 5px, #fff 155px) !important
}
.sg-env-theme-sg-local #defaultheader-wrap {
    background-image: linear-gradient(115deg, #28807e 150px, #333 5px, #fff 155px) !important
}
.sg-env-theme-sg-staging #defaultheader-wrap {
    background-image: linear-gradient(115deg, #6a5574 150px, #333 5px, #fff 155px) !important
}
.sg-env-theme-sg-test #defaultheader-wrap {
    background-image: linear-gradient(115deg, #a00000 150px, #333 5px, #fff 155px) !important
}
.sg-env-theme-sg-user-test #defaultheader-wrap {
    background-image: linear-gradient(115deg, #7591aa 150px, #333 5px, #fff 155px) !important
}

/* Themes for managerial site. */
.sg-env-theme-sg-local .sg-header.managerial-header {
    background-image: linear-gradient(115deg, #28807e 100px, black 2px, #fff 102px) !important;
}