/* 
Style Sheet for the search module.

Global color and styles should be placed in the design.css and index.css files.
This file is for unique layout changes for the search module.
-------------------------------------------------------
Copyright (c) 2018, Ranta Consulting Inc

Last Updated: BJ Nguyen
 */

/*////////////////////////////////////////////////////////////////////////////////*/

.glyphicon-search:before, .glyphicon-search {
    color: white;
    content: "\e003";
    width: 20px;
}

.search-container {
    float: right;
}

.search-table {
    border: 0px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.search-label-cell {
    display: none;
}

.search-field-cell {
    margin: 0;
    padding: 0;
}

.search-button-cell {
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0;
}
.search-label {
}

.search-field {
    border: none;
    min-height: 20px;
    margin: 0;
    /*padding-left: 5px;*/
    text-indent: 5px;
    width: 115px;
    background-color: rgba(199, 199, 199, 0.8);
}

input.search-field::-webkit-input-placeholder {
    color: #231f20;
    font-family: 'Myriad Pro';
    font-weight: 400;
}

input.search-field::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    font-family: 'Myriad Pro';
    font-weight: 400;
    color: #231f20;
}

input.search-field:-ms-input-placeholder { /* IE 10+ */
    color: #231f20;
    font-family: 'Myriad Pro';
    font-weight: 400;
}

input.search-field:-moz-placeholder { /* Firefox 18- */
    color: #231f20;
    font-family: 'Myriad Pro';
    font-weight: 400;
}

input.search-field:placeholder-shown {
    color: #231f20;
    font-family: 'Myriad Pro';
    font-weight: 400;
}

.search-button {
    padding: 6px;
    min-height: 20px;
}

.search-validation {
}