/* Outlines */
    
.form-control:focus {
    outline:none; 
    border: 1px solid var(--color-secondary);
    -webkit-box-shadow: 0px 0px 5px var(--color-secondary);
    box-shadow: 0px 0px 5px  var(--color-secondary);
}

/* /Outlines */

.btn-group-custom-filter > .btn {
    background-color: #fff;
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}

.btn-group-custom-filter > .active,
.btn-group-custom-filter > .btn:active,
.btn-group-custom-filter > .active:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-white);
}

.btn-group-custom-status > .btn {
    background: url(../images/arrow-cloud-transparent.png) no-repeat right;
}
.btn-group-custom-status > .btn.status-no-bg {
    color: #000;
}


.btn-group-custom-status > .btn:hover {
    background: url(../images/arrow-cloud-hover.png) no-repeat right;
    color: #fff;
}

.btn-group-custom-status > .active,
.btn-group-custom-status > .btn:active {
    background: url(../images/arrow-cloud-active.png) no-repeat right;
}

.pull-right > .btn-primary, .pull-right > .btn-primary:hover,
.pull-right > .btn-primary:active,
.btn-bar-header > .btn-primary,
.btn-bar-header > .btn-primary:hover,
.btn-bar-header > .btn-primary:active,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.pull-right > .btn-group > .btn-primary,
.pull-right > .btn-group > .btn-primary:hover,
.pull-right > .btn-group > .btn-primary:active {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-white)
}

tr.request-response, div.request-response {
    background-color: #c9302c !important;
    color: #fff;
}

tr.selected {
    background-color: var(--color-secondary) !important;
    color: #fff;
}

tr.new_record {
    background-color: darkred !important;
    color: #fff;
}

tr.selected a,
tr.request-response a {
    color: #fff;
    text-decoration: underline;
}

.btn-group-custom-status > .btn:not(.status-no-bg) {
    color: #fff;
}

@media (max-width: 490px) {
    
    .btn-group-custom-status > .btn {
        background-color: #fff;
    }
    
}