/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#myaoaresearchapp {
    margin: auto;
    width: 90%;
    padding: 10px;
}

#myaoaresearchapp li:before {
    background: none;
}

#myaoaresearchapp .jss7 {
    margin: 0;
}

#myaoaresearchapp .jss4 {
    display: none;
}

#myaoaresearchapp .MuiPagination-ul > li  {
    color: blue;
    margin: 0px;
}

#myaoaresearchapp .MuiPaginationItem-page.Mui-selected {
    background-color:#336195;
    color: #fff;
}

@media (min-width: 769px) {
    #myaoaresearchapp input[type=email], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=text], input[type=url] {
        width: 100%; 
        border: none !important;
        background-color: #fff;
        color: #336195 !important;
        font-family: Proxima Nova;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: .4px;
        padding: 15px 5px;
        text-transform: uppercase;
    }
    #myaoaresearchapp .MuiSvgIcon-root MuiSvgIcon-colorPrimary  {
        color: 'black' !important;
    }
}

@media (max-width: 768px) {
    #myaoaresearchapp input[type=email], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=text], input[type=url] {
        width: 100% !important;
        border: none !important;
        background-color: #fff;
        color: #336195 !important;
        font-family: Proxima Nova;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: .4px;
        padding: 15px 5px;
        text-transform: uppercase;
        height: 0px;
    }
    #myaoaresearchapp input {
        padding-top: 25px;
    }
    #myaoaresearchapp input:focus {
        box-shadow: none;
    }
}

#myaoaresearchapp.MuiPaper-root .jss1 .MuiPaper-elevation1 .MuiPaper-rounded {
    height: 0px !important;
}

button.MuiButtonBase-root .MuiIconButton-root .jss2 .jss4 {
    display: none;
}

button.MuiButtonBase-root .MuiIconButton-root .jss2 .jss3 {
    display: none;
}


/* #myaoaresearchapp.MuiSvgIcon-root .MuiSvgIcon-colorPrimary {
    color: 'red' !important;
} */

.searchcontainer .MuiSvgIcon-root .MuiSvgIcon-colorPrimary {
    color: 'black' !important;

}

.alertmessages {
    color: red;
}

/* #myaoaresearchapp > div > div > section > div.searchcontainer > ul > ul > li:nth-child(1) > div:nth-child(1) > span > svg > path {
    color: '#fff' !important;

} */
/* .searchcontainer { 
    height: 500px;
    overflow-y: scroll;
} */