/**
 * Overrides for vendor styles
 *
 * @author n1474335 [n1474335@gmail.com]
 * @copyright Crown Copyright 2017
 * @license Apache-2.0
 */

/* Bootstrap */

button,
a:focus {
    outline: none;
    -moz-outline-style: none;
}

.btn-default {
    color: $btnDefaultFontColour;
    background-color: $btnDefaultBgColour;
    border-color: $btnDefaultBorderColour;
}

.btn-default:hover,
.btn-default:active,
.btn-default:hover:active {
    color: $btnDefaultHoverFontColour;
    background-color: $btnDefaultHoverBgColour;
    border-color: $btnDefaultHoverBorderColour;
}

.btn-default:focus {
    color: $btnDefaultFontColour;
    background-color: $btnDefaultBgColour;
    border-color: $btnDefaultHoverBorderColour;
}

.btn-success {
    color: $btnSuccessFontColour;
    background-color: $btnSuccessBgColour;
    border-color: $btnSuccessBorderColour;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:hover:active {
    color: $btnSuccessHoverFontColour;
    background-color: $btnSuccessHoverBgColour;
    border-color: $btnSuccessHoverBorderColour;
}

.btn,
.btn-lg,
.nav-tabs>li>a,
.form-control,
.popover,
.alert,
.modal-content,
.tooltip-inner,
.dropdown-menu {
    border-radius: 0 !important;
}

input[type="search"] {
    -webkit-appearance: searchfield;
    box-shadow: none;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.modal {
    overflow-y: auto;
}

.modal-content {
    background-color: $primaryBackgroundColour;
}

.modal-header,
.modal-footer {
    border-color: $primaryBorderColour;
}

.form-control {
    background-color: transparent;
}

code {
    border: 0;
    white-space: pre-wrap;
    font-family: Consolas, monospace;
}

pre {
    border-radius: 0 !important;
}

blockquote {
    font-size: inherit;
}

blockquote a {
    cursor: pointer;
}

optgroup {
    font-weight: bold;
}

.panel-body:before,
.panel-body:after {
    content: "";
}

.table-nonfluid {
    width: auto !important;
}

.popover,
.popover.right>.arrow {
    background-color: $popoverBackground;
    border-color: $popoverBorderColour;
}

.popover.right>.arrow:after {
    // border-color: $popoverBorderColour;
    border-right-color: $popoverBackground;
}


/* Bootstrap-switch */

.bootstrap-switch,
.bootstrap-switch-container,
.bootstrap-switch-handle-on,
.bootstrap-switch-handle-off,
.bootstrap-switch-label {
    border-radius: 0 !important;
}


/* Sortable */

.sortable-ghost {
    opacity: 0.6;
}


/* Bootstrap Colorpicker */

.colorpicker-element {
    float: left;
    margin-right: 15px;
}

.colorpicker-color,
.colorpicker-color div {
    height: 100px;
}