@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "variables";

$theme-colors: (
        "primary": $primary,
        "danger": $danger,
        "secondary": $secondary,
        "success": $success,
        "info": $info,
        "warning": $warning,
        "light": $light,
        "dark": $dark,
);

$verticals: (
        "top": top,
        'middle': middle,
        'bottom': bottom,
);

@each $class, $value in $verticals {
    .vertical-#{$class} {
        vertical-align: $value !important;
    }
}

@import "~bootstrap/scss/utilities/borders";
@import "~bootstrap/scss/card";
//@import "~bootstrap/scss/dropdown";
@import "~bootstrap/scss/utilities/overflow";
@import "timeline";

.text-initial {
    text-transform: initial !important;
}

.text-none {
    text-transform: none !important;
}

.text-inherit {
    text-transform: inherit !important;
}

.header-dropdown {
    .dropdown-menu {
        top: 30px !important;
        left: auto !important;
    }
}

.dropdown-custom {
    .dropdown-menu {
        top: 25px !important;
    }

    a {
        cursor: pointer;
    }
}

.block-header h2 small a {
    color: #fff;
}

.content, .menu {
    text-transform: capitalize;
}

/*.sidebar .menu .list {
    .header {
        &::before {
            content: "";
        }
    }

    .ml-menu li a {
        &::before {
            content: "";
        }
    }
}*/

.has-danger {
    &:after {
        content: '';
    }

    .form-control {
        border-color: $danger;
    }
}

h1, h2, h3, h4 {
    margin-bottom: 0;

    &, .pagination {
        margin-top: 0;
    }
}

.bg {
    &-secondary {
        background-color: #6c757d !important;
    }
}

.card {
    margin-bottom: 0;

    .card-body {
        min-height: 0;
    }
}

.table td, .table th {
    vertical-align: middle;
}

.pagination {
    margin-bottom: 0;
}

.show > .btn.dropdown-toggle {
    &, &:hover {
        color: #fff;
    }
}

.star {
    i {
        font-size: 1.5em;
        flex: 0 0 2em;
        cursor: pointer;
        margin-left: -15px;

        &:hover {
            content: "\ece2";
        }
    }
}

.library-thumbnail {
    .card img {
        height: 90%;
    }

    h5 {
        font-size: 1.2em;
    }
}

.dropzone .fallback input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    right: 0;
    opacity: 0;
}

.map-wrapper {
    width: 100%;
    height: 350px;
}

.img-content {
    position: relative;
    min-height: 250px;

    & .img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;

        &:hover {
            background-color: rgba(0, 0, 0, .3);
        }

        & button {
            display: none;
            margin: auto;
        }
    }
}