@import "~bootstrap-datepicker/dist/css/bootstrap-datepicker.css";
@import "~bootstrap-timepicker/css/bootstrap-timepicker.css";

/**
 * Your custom style
 */
// shrink elements on scroll
body.shrink {}

// sticky footer
@media (min-width: map-get($grid-breakpoints, "sm")) {
    html, body {
        height: 100%;
        min-height: 100%;
    }

    .wrapper {
        min-height: 100%;
        padding-top: $grid-gutter-height;
        padding-bottom: 2rem;
    }

    .site-footer {
        height: 2rem;
        margin-top: -2rem;
    }
}

// element col paddings
.col-block {
    padding: $grid-gutter-height / 4;
}

// rewrite btn opacity on hover
.btn {
    &:hover,
    &:focus {
        opacity: 1;
    }
}

// SS-messages
.message {
    @extend .alert;

    @extend .alert-info;
}

.message.required,
.message.error {
    @extend .alert;

    @extend .alert-danger;
}

// date-time fields
input.date,
input.time {
    &[readonly] {
        background-color: $white;
    }
}

.bootstrap-timepicker-widget,
.datepicker-dropdown {
    border: 1px solid #ced4da;
    box-shadow: 0 0 3px #999;
}

.bootstrap-timepicker-widget {
    .glyphicon {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
    }

    .glyphicon-chevron-up:before {
        content: "\f077";
    }

    .glyphicon-chevron-down:before {
        content: "\f078";
    }

    input {
        border: 1px solid #ced4da;
    }
}