@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

.topnav {
    overflow: hidden;
    height:70px;
    display:flex;
    justify-content:space-between;
}

.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
}


.topnav .search-container {
    float: right;
}

.topnav input[type=text] {
    font-size: 17px;
}

.topnav .search-container button {
    float: right;
    margin-right: 16px;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.header {
    height:70px;
}


.search-container{
    height: 70px;
    display:flex;
    align-items:center;
}

.search-header {
    height:30px;
    border:1px solid #cccccc;
}

.container {
    max-width:1200px;
    margin: 0 auto;
    margin-top:30px;
}

.dm-san-pham {
    font-size:22px;
    font-weight:700;
    
}

p {
    margin-bottom:0;
}

#blazor-error-ui {
    display: none;
    z-index: 1000;
    width: 100%;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}