/* -------- redk CUSTOMIZATION -------- */

.reference_number_error,
.fields_check_correct {
    background-size: 16px;
    background-position: 99%;
    background-repeat: no-repeat;
}

.reference_number_error {
    background-image: url("//theme.zdassets.com/theme_assets/958505/27918f9e0da44dd1e91a6034b28c24da853f1120.svg");
    border: 1px solid red;
}

.fields_check_correct {
    background-image: url("//theme.zdassets.com/theme_assets/958505/bb6f1d519ac2c77c133a9e08bcc50ccfb3096237.svg");
    border: 1px solid #DDDDDD;
}

#new_request input[name=commit]:disabled {
    background-color: #ccc;
    border: 1px solid #ccc;
}

/* -------- MESSAGES -------- */
.hc-error-msg,
.hc-warning-msg,
.hc-duplicate-ticket-msg {
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    margin-top: 20px;
    padding: .75rem 2.5rem .75rem 1.25rem;
}

.hc-error-msg {
    background-color: #f2dede;
    background-image: url("//theme.zdassets.com/theme_assets/958505/27918f9e0da44dd1e91a6034b28c24da853f1120.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 99%;
    border-color: #ebcccc;
    color: #a94442;
}

.hc-warning-msg,
.hc-duplicate-ticket-msg {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

.hc-duplicate-ticket-msg a {
    color: #ff6600;
    font-weight: bold;
}

/* -------- HIDE FORM ELEMENTS -------- */

.request_custom_fields_360000087360,
.request_custom_fields_360000087380,
.request_custom_fields_360000087400,
.request_custom_fields_360000090119,
.request_custom_fields_360000087420,
.request_custom_fields_360000101920,
.request_custom_fields_360000122980,
.request_custom_fields_45381569,
.request_custom_fields_26860249,
.request_custom_fields_360000152579 {
    display: none;
}

/* -------- LOADER -------- */

.loader {
    animation: spin 0.8s linear infinite;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #fe6501;
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin: 0;
    vertical-align: middle;
    width: 18px;
}

.loader_container {
    padding-top: 20px;
}

.loader_container em {
    display: inline-block;
    font-size: 0.75em;
    padding-left: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}