/*
    ATLAS Intent Widget CSS
    Copyright (c) 2018 Canadian Tire Corporation
*/

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);

    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.autocomplete-suggestions.ios {
  position: fixed;
}

.autocomplete-suggestion {
    position: relative;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333;
    border-bottom: 1px solid #ccc;
    font-family: "Lato","Myriad Pro","Trebuchet MS",Ubuntu,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
    cursor: pointer;
}

.autocomplete-suggestion::after {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAjBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWNvcm4gdmVyc2lvbiA0LjUuODwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpDyBsAAAAA6ElEQVQYGW1ROw6CQBRkVzpqP42VhVFaCjrEE9jrCbyPhb1HsAbpCCQkJMbGqIl6BWgI4AxRAsSXTDK7M/ve7K4Iw3AqpdxnWbYxTfOtdEqWZbkDLFVVT57njTu6IouiWAMXCBNN09yuSfCE7/tDjHGAObrdhRC2YRhPapWBJI7jAXI4oDrwABY01QZsKFEU9THOBa1M6Gi3DF/THKYzODW3x81fcUye50esBwDHrGoDg7I9AurNoJKnm7fA8pamaRWQmgiCYMQrgs8oJkliW5b1oshSgQMwQ/srsITYem4+9RY4Ufz3Fx8dAHf96fgjYwAAAABJRU5ErkJggg==);
    width: 8px;
    height: 13px;
    background-color:transparent;
    background-repeat:no-repeat;
    overflow:hidden;
    position:absolute;
    top: 13px;
    right: 17px;
    display:block;content:''
}

.autocomplete-suggestion b {
    color: red;
}

.autocomplete-suggestion b.category {
    color: #333;
}

.autocomplete-suggestion .termin {
    color: #777;
    font-size: 0.95em;
}

.autocomplete-suggestion.selected {
    background: #c00;
    color: white;
}

.autocomplete-suggestion.selected b {
    color: white;
}

.autocomplete-suggestion.selected .termin {
    color: white;
    font-size: 0.95em;
}