/*.navigation-menu #navigation-select, .navigation-menu span.select2 {*/
/*    display: none;*/
/*}*/
/*.navigation-menu .navigation-menu-icon {*/
/*    display: inline-block;*/
/*}*/
/*.columns, .columns:not(.is-desktop) {*/
/*    display: block;*/
/*}*/
.left-side, .middle-side, .right-side {
    flex: none;
    width: 100%;
}

.search-icon {
    margin-right: 1rem;
}
.search-field-wrapper {
    display: flex;
}
.navigation-menu {
    display: none;
}
.dashboard-filter {
    margin-left: 0;
}
.mobile-nav-bars {
    display: block;
}
/*.dashboard-wrap.columns .column {*/
/*    width: 48% !important;*/
/*}*/
nav, .dashboard-filter-side {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
.dashboard-filter-side {
    top: 71px;
}


.dashboard-wrap.columns .column {
    width: 48% !important;
}

.columns .middle-side, .columns .right-side {
    position: absolute !important;
    background-color: #fff;
    top: 71px; /* header height is 70px */
    width: 100%;
    height: 100%;
    left: 100%;
    transition: all 0.4s ease;
    z-index: 100;
}

.middle-side.active, .right-side.active {
    transform: translate(-100%, 0);
}
.fa-chevron-left.back {
    display: inline-block;
}

/*########## dashboard ############*/
.dashboard-quickview-container {
    width: 100%;
    padding: 5px;
    z-index: 1000;
    right: 0px;
}
/*filter btn*/
#select2-select2-social-account-results .search-icon {
    display: none;
}
/*########## publish ############*/
.hidden-container{
    display: none;
}

.content-wrap > .columns > .published-middle-container {
    height: 100%;
    top: 0px;
    width: 100%;
}

.published-middle-container .publish-middle-column {
    height: 100%;
}

.publish-middle-header {
    display: flex;
    padding: 0px 15px !important;
    z-index: 100;
}

.published-right-header {
    padding: 0px 7px;
}

.published-header.level{
    justify-content: space-between;
    display: flex;
    margin-bottom: 0px;
}

.published-header .level-left{
    margin: auto 0px;
    justify-content: flex-start;
}

.published-header .level-right{
    display: inline-block;
    margin: auto 0px;
}

.published-right-header{
    justify-content: space-between;
    display: flex;
}

.publish-middle-header .column-left{
    display: flex;
}

.publish-middle-status-dropdown-container {
    margin-left: 0rem;
}

#publish-agent-dropdown {
    align-self: end;
}

.publish-middle-agent-dropdown-container {
    width: auto;
}

#publish-header-title {
    overflow: hidden;
    margin-left: 1rem !important;
}

.publish-middle-status-dropdown-container  span{
    height: 2.3rem;
}

/*publish posts*/
.published-left-post {
    padding: 15px 5px;
}

.image img {
    height: 100%;
}

.publish-left-publish-task-footer {
    justify-content: space-between;
    display: flex;
}

.publish-left-publish-task-footer .level-right{
    margin-top: 0.4rem
}

.pb-social-media-accounts-container {
    height: 100%;
}


/*publish right*/
.publish-preview > div  {
    margin: auto;
}

/* buttons */
.mobile-btn{
    width: 12%;
    display: inline-block;
    cursor: pointer;
}
.exit-left-btn, .exit-mid-btn{
    max-width: 49px;
    max-height: 44px;
    background-color: #fff;
    color: #09B;
    border: none;
    font-size: 1rem;
}

.exit-mid-btn {
    margin-left: 0.3rem;
}

.preview-btn{
    height: 2.3rem;
    width: 2.3rem;
    border-width: 0px;
    border-radius: 0.2rem;
    background-color: #989a9d;
    color: #fff;
    margin: auto 0.5rem;
}
#publish-search-icon {
    position: absolute;
    top: 19%;
    right: -6px;
    font-size: 0.8em;
    padding: 0 0.5rem;
}

.publish-middle-form-container {
    position: sticky;
    bottom: 0%;
    background-color: #FFFFFF;
}


.field.is-grouped {
    justify-content: flex-end;
}

#publish-mid-controller {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    justify-content: space-around;
}

.publish-middle-form-container >.is-grouped > .has-icons-left {
    max-width: 55%;
}

#publish-mid-controller > button {
    min-width: 50%;
}
#publish-mid-controller > button:only-child {
    min-width: 100%;
}

.publish-middle-form-container label {
    font-size: 0.8rem;
    font-weight: 600;
}

@media only screen and (max-width: 550px) {

    .publish-middle-header .fa-chevron-left, .published-right-container .fa-chevron-left {
        font-size: 1.5rem;
    }

    .publish-middle-form-container .is-grouped{
        width: 100%;
        justify-content: space-between;
    }

        .publish-middle-attachment{
            overflow: hidden;
        }

        .publish-middle-attachment-wrapper {
            height: 100%
        }

        .publish-middle-status-dropdown-container {
            min-width: 25%;
        }
}

@media only screen and (max-width: 1200px) {
    .new-feature-text {
        display: none;
    }
}