/* Override your bootstrap variables here */

$font-family-sans-serif: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;

$border-radius-base: 2px;
$border-radius-large: 2px;
$border-radius-small: 2px;

/* This is needed for the glyphicons to work */

$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/" !default;

/* This is for enhancing the refresh glyph with animation */

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

/* custom class to modify cursor on hover event */
.custom-pointer {
    cursor: pointer;
}

.input-group-addon {
    &.btn-effect:hover {
        background-color: #ddd;
        cursor: pointer;
    }
}