/*Admin create and edit post */

    .buzz-container, .add-form {
        width: 1260px;
        position: relative;
    }

    .buzz-container .global-container {
        width: 1260px;
    }

    .buzz-container .global-container .content, .add-form .mainside{
        width: 940px;
    }

    .question-post-form legend {
        margin-bottom: 10px;
        font: 500 17px/20px 'Roboto Slab', serif;
    }

    .question-post-form input {
        border-radius: 0;
        margin-bottom: 20px;
        height: 40px;
    }

    .question-post-form .selectize-control .selectize-input {
        border-radius: 0;
        border: 1px solid #ccc;
    }

    .question-post-form .cd-form{
        margin-bottom: 10px;
    }

    .question-post-form .cd-form .cd-input {
        border-radius: 0;
        background-color: #fff;
    }

    .question-post-form .entry {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        position: relative;
        padding: 10px 10px 10px 50px;
    }

    .question-post-form .entryactions {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 40px;
        border-right: 1px solid #ccc;
    }

    .question-post-form .entryactions button{
        height: 40px;
        width: 40px;
        color: #fff;
        border-radius: 0;
        padding: 0;
        margin: 0;
        font-size: 20px;
        line-height: 40px;
    }

    .question-post-form .inpunting {
        position: relative;
    }

    .question-post-form .inpunting .createvideo, .createtweet, .createfacebookpost, .createinstagram, .createsoundcloud {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0 10px;
        height: 40px;
        font-size: 15px;
        line-height: 20px;
        border-radius: 0;
    }

    .question-post-form .entryactions .delete-entry {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .question-post-form .entry h3{
        font: 500 20px/20px 'Roboto Slab', serif;
        margin: 0 0 20px 0;
    }

    .question-post-form .entry .inpunting .order-number{
        display: none;
    }

    .question-post-form .entry div.inpunting {
        margin-bottom: 20px;
    }

    .question-post-form .entry div.ordering {
        height: 40px;
    }

    .question-post-form .entry .inpunting .item-media-placeholder, .preview-placeholder{
        text-align: center;
        padding: 40px 10px;
        font-size: 20px;
        color: #999;
        background-color: #fff;
        border: 1px dashed #aaa;
        cursor: pointer;
        position: relative;
    }

    .question-post-form .entry .inpunting .item-media-placeholder:hover, .preview-placeholder:hover{
        background-color: #efefef;
        border: 1px dashed #ca0404;
    }
    .question-post-form .entry .inpunting .item-media-placeholder input.uploadaimage , .preview-placeholder input.uploadaimage{
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 899!important;
    }

    .question-post-form .entry .thumbactions{
        text-align: center;
    }

    .question-post-form .entry .thumbactions a{
        cursor: pointer;
        margin-right: 10px; 
    }

    .question-post-form .entry .moredetail {
        text-align: center;
    }

    .question-post-form .entry .moredetail .up{
        display: none;
    }

    .question-post-form .entry .inpunting .item-media-placeholder .image-upload-actions, .preview-placeholder .image-upload-actions {
        z-index: 900!important;
        position: relative;
        margin-top: 5px;
        font-size: 17px;
    }

    .question-post-form .entry .inpunting .item-media-placeholder .image-upload-actions .getimageurl, .preview-placeholder .image-upload-actions .getimageurl {
        background-color: #ececec;
        padding:5px;
        color: #919191;
    }

    .question-post-form .entry .inpunting .item-media-placeholder .image-upload-actions .getimageurl:hover, .preview-placeholder .image-upload-actions .getimageur:hover {
        color: #ca0404;
    }

    .question-post-form #addnew a{
        display: inline-block;
        cursor: pointer;
        padding: 10px;
        color: #fff;
        background-color: #444;
        margin: 0 10px 10px 0px;
        font-size: 14px;
        line-height: 14px;

    }

    .buzz-container .global-container .sidebar, .add-form .sidebar {
        position: static;
        float: right !important;
        width: 300px;
    }

    .buzz-container .global-container .sidebar .selectize-input, .add-form .sidebar .selectize-input{
        border-radius: 0;
    }

    .buzz-container .global-container .sidebar .question-post-side-bar-form, .add-form .sidebar .question-post-side-bar-form{
        position: absolute;
        top: 0px;
        bottom: auto;
        width: 300px;
        background-color: #fff;
        padding: 0 10px 10px 10px;
    }

    .buzz-container .global-container .question-post-side-bar-form .sidebar-actions{
        height: 40px;
        width: 100%;
        text-align: center;
    }

    .buzz-container .global-container .question-post-side-bar-form .sidebar-actions .PostAction{
        padding: 0 10px;
        height: 40px;
        font-size: 15px;
        line-height: 20px;
        border-radius: 0;
    }

    .add-form .sidebar-actions{
        height: 40px;
        width: 100%;
        text-align: center;
    }

    .add-form .sidebar-actions .PostAction{
        margin-bottom: 10px;
        padding: 0 10px;
        height: 40px;
        font-size: 15px;
        line-height: 20px;
        border-radius: 0;
    }

    .add-form .sidebar-actions a{
        margin-right: 20px;
        padding: 0 10px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        border-radius: 0;
        color: #fff;
        background-color: #ca0404;
        display: inline-block;
    }

    .add-form .sidebar-actions a:hover{
        background-color: #db260a;
    }



    @media screen and (max-width: 1000px) {
        .buzz-container .global-container, .buzz-container, .add-form {
            width: 728px;
        }
        .buzz-container .global-container .content, .add-form .mainside, .add-form .mainside fieldset{
            width: 408px;
        }
    }
    
    @media (max-width: 1269px) and (min-width: 1001px) {
        .buzz-container .global-container, .buzz-container, .add-form {
            width: 970px;
        }
        .buzz-container .global-container .content, .add-form .mainside, .add-form .mainside fieldset{
            width: 650px;
        }
    }
    
    @media (min-width:1270px) {
        .buzz-container .global-container, .buzz-container, .add-form {
            width: 1120px;
        }
        .buzz-container .global-container .content, .add-form .mainside, .add-form .mainside fieldset{
            width: 820px;
        }
    }

    .question-post-form h1{
        font: 24px/24px "Roboto Slab", sans-serif;
        margin-bottom: 20px;
    }




/* TABS */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 0px;
    transition: 0.3s;
    color: #444;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #444;
    color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 30px;
    border: 1px solid #ccc;
    border-top: none;
}
.w50 {
    width: 49% !important;
}

.buzz-container, .add-form {
    margin: 30px auto;
}