/**
 * @package     SP LMS
 * @subpackage  mod_splmscoursesearch
 *
 * @copyright   Copyright (c) 2010 - 2020 JoomShaper. All rights reserved.
 * @license     GNU General Public License version 2 or later.
 */

.mod-splms-course-search {
    position: relative;
}

.mod-splms-course-search .course-search-inner {
    position: relative;
}

.mod-splms-course-search .splms-course-search-icons {
    display: inline-block;
    position: absolute;
    font-size: 20px;
    top: 50%;
    right: 15px;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
}
.mod-splms-course-search .splms-coursesearch-input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    margin: 0;
    min-height: 30px;
    height: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.mod-splms-course-search .splms-course-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    z-index: 999;
}
.mod-splms-course-search .splms-course-search-results ul {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    margin: 0 15px;
    padding: 5px 0;
    list-style: none;
}
.mod-splms-course-search .splms-course-search-results ul li {
    display: block;
    padding: 5px 15px;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mod-splms-course-search .splms-course-search-results ul li:hover{
    background-color: #fafafa;
}
.mod-splms-course-search .splms-course-search-results ul li.splms-empty:hover{
    background-color: transparent;
}
.mod-splms-course-search .splms-course-search-results ul li a {
    color: #000;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mod-splms-course-search .splms-course-search-results ul li a:hover{
    opacity: .7;
}
.mod-splms-course-search .splms-course-search-results ul li .splms-keyword-highlight {
    background-color: #FFFFB8;
    color: #000;
    font-style: italic;
}