
.row-search-filters { /*Huong edit fitter search style 29.05.2019*/
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.row-search-filters{
    display:flex;
    display:-webkit-flex;
    align-items:center;
}
.issues-filters {
    width: 90%;
    margin: auto;
}

#filteredSearchIssues{
    padding: 0 10px;
}

.row-content-block.second-block {
    margin-top: -1px;
    margin-bottom: 0;
}

.row-content-block {
    margin-top: 0;
    padding-top: 16px;
    margin-bottom: 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    color: #2e2e2e;
}

.filtered-search-wrapper {
    display: flex;
}

    .filtered-search-wrapper .tokens-container {
        display: -webkit-flex;
        display: flex;
        flex: 1;
        -webkit-flex: 1;
        position: relative;
        margin-bottom: 0;
    }

    .filtered-search-wrapper .input-token:only-child, .filtered-search-wrapper .input-token:last-child {
        flex: 1;
        -webkit-flex: 1;
        max-width: inherit;
    }

    .filtered-search-wrapper .input-token {
        max-width: 200px;
        padding: 0;
    }

.filtered-search-box {
    position: relative;
    flex: 1;
    display: flex;
    width: 100%;
    min-width: 0;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

    .filtered-search-box .fa-times {
        right: 10px;
        color: #c4c4c4;
    }

    .filtered-search-box .form-control:focus, .filtered-search-box .common-note-form .md-area.is-focused, .common-note-form .filtered-search-box .md-area.is-focused, .filtered-search-box .search form:focus, .search .filtered-search-box form:focus, .filtered-search-box .search.search-active form, .search.search-active .filtered-search-box form, .filtered-search-box .form-control:hover, .filtered-search-box .filtered-search-box:hover, .filtered-search-box .search form:hover, .search .filtered-search-box form:hover {
        outline: none;
        border-color: transparent;
        box-shadow: none;
    }

    .filtered-search-box .form-control, .filtered-search-box .search form, .search .filtered-search-box form {
        position: relative;
        min-width: 200px;
        padding-right: 25px;
        padding-left: 0;
        height: 34px;
        line-height: inherit;
        border-color: transparent;
        background-color: white;
    }

.filtered-search-box-input-container .dropdown-menu, .filtered-search-box-input-container .dropdown-menu {
    max-width: 280px;
}

.filtered-search-box .clear-search {
    width: 35px;
    background-color: #fff;
    border: 0;
    outline: none;
    z-index: 1;
}

.filtered-search-box-input-container {
    flex: 1;
    position: relative;
    min-width: 0;
}

    .filtered-search-box-input-container .dropdown-menu, .filtered-search-box-input-container .dropdown-menu {
        max-width: 280px;
    }

.droplab-dropdown .dropdown-menu, .droplab-dropdown .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

    .droplab-dropdown .dropdown-menu li {
        cursor: pointer;
    }

    .droplab-dropdown .dropdown-menu .filter-dropdown-item .btn, .droplab-dropdown .dropdown-menu .filter-dropdown-item .project-buttons .stat-text, .project-buttons .droplab-dropdown .dropdown-menu .filter-dropdown-item .stat-text {
        text-overflow: ellipsis;
    }

        .droplab-dropdown .dropdown-menu .filter-dropdown-item .btn i,
        .droplab-dropdown .dropdown-menu .filter-dropdown-item .btn svg,
        .droplab-dropdown .dropdown-menu .filter-dropdown-item .project-buttons .stat-text i,
        .droplab-dropdown .dropdown-menu .filter-dropdown-item .project-buttons .stat-text svg,
        .project-buttons .droplab-dropdown .dropdown-menu .filter-dropdown-item .stat-text i,
        .project-buttons .droplab-dropdown .dropdown-menu .filter-dropdown-item .stat-text svg {
            margin-right: 8px;
        }

    .droplab-dropdown .dropdown-menu li > a, .droplab-dropdown .dropdown-menu li > button {
        text-align: left;
    }

.droplab-dropdown .dropdown-menu, .droplab-dropdown .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

    .droplab-dropdown .dropdown-menu li > a, .droplab-dropdown .dropdown-menu li > button {
        display: flex;
        margin: 0;
        text-align: left;
    }

    .droplab-dropdown .dropdown-menu .filter-dropdown-item .dropdown-light-content {
        font-size: 14px;
        font-weight: 400;
    }

    .droplab-dropdown .dropdown-menu .filter-dropdown-item .dropdown-user {
        display: flex;
    }

    .droplab-dropdown .dropdown-menu .filter-dropdown-item .dropdown-user-details {
        display: flex;
        flex-direction: column;
    }

        .droplab-dropdown .dropdown-menu .filter-dropdown-item .dropdown-user-details > span {
            white-space: normal;
            word-break: break-all;
        }

.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.filtered-search-wrapper .tokens-container {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    -webkit-flex: 1;
    position: relative;
    margin-bottom: 0;
}

.filtered-search-box .form-control:focus, .filtered-search-box .common-note-form .md-area.is-focused, .common-note-form .filtered-search-box .md-area.is-focused, .filtered-search-box .search form:focus, .search .filtered-search-box form:focus, .filtered-search-box .search.search-active form, .search.search-active .filtered-search-box form, .filtered-search-box .form-control:hover, .filtered-search-box .filtered-search-box:hover, .filtered-search-box .search form:hover, .search .filtered-search-box form:hover {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.filtered-search-box .form-control, .filtered-search-box .search form, .search .filtered-search-box form {
    position: relative;
    min-width: 200px;
    padding-right: 25px;
    padding-left: 0;
    height: 34px;
    line-height: inherit;
    border-color: transparent;
    background-color: white;
}

.form-control, .search form {
    border-radius: 2px;
    padding: 6px 10px;
    width: 100%;
}

.form-control, .search form, .search form {
    font-size: 14px;
    color: #2e2e2e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfdfdf;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-menu-toggle {
    padding-right: 25px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-menu-toggle {
    padding: 6px 8px 6px 10px;
    background-color: #fff;
    color: #2e2e2e;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
}

.filtered-search-button .dropdown-toggle-text {
    display: inline-block;
    color: inherit;
}

.filtered-search-button:hover, .filtered-search-button:focus {
    color: #2e2e2e;
    border-color: #73afea;
    outline: none;
}

.filtered-search-button:focus {
    outline: none;
}

.filtered-search-button, .dropdown-select-toggle-button {
    flex: 1;
    width: auto;
    border-radius: 0;
    border: 0;
    color: #707070;
    transition: color 0.1s linear;
}

.filtered-search-button {
    border-left: 1px solid #e5e5e5;
}

.filter-list-item {
    height: 35px;
    margin-top: 20px;
}

    .filter-list-item .search-result-desc {
        float: left;
        font-size: 15px;
        color: #676767;
    }

        .filter-list-item .search-result-desc #lastTextSearch {
            color: #24b799;
        }

    .filter-list-item .filter-items {
        float: right;
    }

        .filter-list-item .filter-items .filter-item {
            float: left;
            padding-left: 28px;
            height: 35px;
            padding-top: 5px;
        }

            .filter-list-item .filter-items .filter-item .active {
                border-bottom: 2px solid;
                color: #589FEF;/*MOD - Huong*/
            }

    .filter-list-item .filter-items, .btn-select-filter, .btn-select-more {
        background-color: transparent;
        color: #676767;
        border: unset;
        padding: 0 0 8px 0;
    }

.select-more-item {
    height: 30px;
    width: 100%;
    background-color: transparent;
    border: unset;
    text-align: left;
    padding: 0px 10px;
}

    .select-more-item:hover {
        background-color: #eaeaea;
    }

.active-select {
    background-color: #589FEF;/*MOD - Huong*/
}

@media only screen and (max-width: 768px) {
    .filtered-search-wrapper {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .filter-list-item .filter-items .filter-item {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .filter-list-item .filter-items .filter-item {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/*Huong edit fitter search style 29.05.2019*/
@media screen and (max-device-width:552px){
    .row-search-filters {
        display: block;
    }
    .check-filter-mobile{
        margin-top:8px;
        margin-left:3px;
    }
}

/*@media only screen and (max-device-width: 360) and (max-device-height: 640px) {
    .filter-list-item .filter-items .filter-item {
        padding-left: 3px;
        padding-right: 4px;
    }
}*/
