.head-dashboard-box {
    height: 10%;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    height: auto;
}


.head-dashboard-box .head-component {
    display: inline;
}


.head-dashboard-box .search-container {
    position: relative;
    float: left;
}
.head-dashboard-box .search-container .search-input {
    width: 400px;
    display: inline;
    padding: 5px 30px;
    border-radius: 10px;
    margin-right: 15px;
}

.search-container .search-input:focus {
    outline-color: #6367ef;
}

.search-container i {
    left: 10px;
    position: absolute;
    top: 10px;
}

.item {
    width: 35%;
    display: inline-block;
    margin-left: 10px;
    float: right;
}