.newPost-main{
    max-width: 1500px;
    margin:30px 30px;
    border-radius: 30px;
    background-color: white;
    border: 1px solid #d6d6d6;
}


.newPost-header{
    font-size : 18px;
    font-weight : 600;
    color: black;
}

.newPost-title{
    font-size : 16px;
    font-weight : normal;
}

.newPost-text{
    text-align: center;
    padding:0px;
    width: 100%;
}

.newPost-header-sec{
    background-color: white;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-bottom: 1px solid #d6d6d6;
}

.form-text{
    font-size: 13px;
    font-weight : normal;
}

.data-field{
    border-radius: 6px;
    border:solid 1px #d6d6d6;
    width: 100%;
    height : 48px;
    margin : 0px;
    padding: 10px;
}

.fa-bars {
    margin-right: 10px;
}

.important-field{
    margin : 15px 0px;
    width:100%;
}

.select2-container--default{
    margin:0px;
}

.searchUserResultSec{
    width:100%;
    height:auto;
    background-color: white;
    border-radius:5px;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left:0px;
    top: 75px;
    z-index:1000;
}

.searchUserResultLine{
    padding:5px 10px;
    height:50px;

}

.searchUserResultLine:hover{
    background-color: #e0e0e0;
}

.userResultImg{
    width:40px;
    height:40px;
    border-radius: 50%;
}

.userChosenSec{
    border-radius: 5px;
}

.userChosenSec{
    background-color: white;
    border-radius : 5px;
    height:100%;
}

#searchUserSec{
    position: relative;
}


@media screen and (min-width : 1020px) and (max-width: 10000px){
    .filter-section{
        width:20%;
    }

    #searchUserSec{
        width:40%;
    }
    #searchUserChosen{
        width:20%;
    }
}


@media screen and (min-width : 820px) and (max-width: 1020px){
    .filter-section{
        width:20%;
    }
    #searchUserSec{
        width:40%;
    }

    #searchUserChosen{
        width:20%;
    }
}


@media screen and (min-width : 450px) and (max-width: 820px){
    .filter-section{
        width:30%;
    }
    #searchUserSec{
        width:50%;
    }
    #searchUserChosen{
        width:20%;
    }
}


@media screen and (max-width: 450px){
    .filter-section{
        width:100%;
    }
    #searchUserSec{
        width:100%;
    }
    #searchUserChosen{
        margin : 10px 0px;
        width:100%;
    }
}