/*
 * Sure Framework UX - Light Theme Stylesheet
 * (c) Copyright 2020-2021, Sure Microsystems Ltd
 *
 * Description: UX light theme framework styles
 *
 * Modification History
 * 04.02.2021 - Initial prototype
*/


/* Limitless 2.3 - Overrides & extensions */
/* -------------------------------------- */

body {
    background-color: #f0f0f0;
}

.btn-light {
    background-color: #fff;
}


/* Extended Styles - Extra custom styles to Limitless template */
/* ----------------------------------------------------------- */

/* Typeahead */
.typeahead__list {
    border-radius: .1875rem;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.1);
}

.typeahead__dropdown, .typeahead__list,
.typeahead__list > .typeahead__group:first-child,
.typeahead__list > .typeahead__group,
.typeahead__list > li,
.typeahead__list > li.typeahead__group + li.typeahead__item {
    border-color: #ddd;
}

.typeahead__list .typeahead__group > a, .typeahead__list .typeahead__group > a:hover,
.typeahead__list .typeahead__group > a:focus {
    color: #ccc;
    background-color: #455a64;
}


/* UX Styles - Sure framework styles */
/* --------------------------------- */

/* bg-light class colour */
.ux-modal-intro, .ux-modal-search, .ux-modal-footer, .popover {
    background-color: #fafafa !important;
}

/* Page Header */
.ux-page-header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

/* Modal */
.ux-modal-header {
    background-color: #455a64;
}

.ux-modal-intro {
    color: #777;
    border-color: rgba(0,0,0,.125);
}

.ux-modal-search {
    border-color: rgba(0,0,0,.125);
}
.ux-modal-search .form-control {
    background-color: #fff !important;
}

.ux-modal-footer {
    border-top: solid rgba(0,0,0,.125);
}

/* Table */
.table-hover.ux-table tbody tr:hover {
    /*background-color: rgba(0,0,0,.075);*/
    background-color: #f5f5f5;
}