/* ---------------------------------------- DOCS Styling ---------------------------------------- */



/* --------------- Header --------------- */

#docsHeaderBin{
    width: 100%;
}



/* --------------- Content --------------- */

/* ----- Main Container ----- */
#docsContentContainer{

    overflow-y: hidden;

    min-height: calc(100vh - 40px - 75px);
    max-height: calc(100vh - 40px - 75px);


    width: calc(100%);
    /* border: 1px solid red; */
}


/* ---------- Sidepanel ---------- */
#docLibrarySidepanel{
    overflow-y: scroll;

    width: calc(320px - 20px);
    min-height: inherit;

    padding: 0 10px;

    background-color: var(--secondary);
    /* border: 1px solid green; */
    /* border-right: 1px solid var(--primary_lite); */
}



/* ---------- Doc View Bin ---------- */
#viewDocEntryBin{

    overflow-y: scroll;

    width: calc(100% - 320px - 40px - 1px);
    max-height: calc(100vh - 40px - 40px - 75px - 2px);

    padding: 20px;

    /* border: 1px solid blue; */
}

#viewDocEntryBin .content{
    max-width: 800px;
}

#mainDocsImage{
    max-width: 1000px;
    margin-top: 0;
}

#docs_studio_paginate{
    display: flex;
    justify-content: space-between;

    width: calc(100%);
    height: 200px;

    /* border: 1px solid green; */
}
#docs_studio_paginate .previous{
    display: flex;
    align-items: center;

    width: calc(50% - 2px);
    height: inherit;
    /* border: 1px solid red; */
}
#docs_studio_paginate .next{
    display: flex;
    justify-content: end;
    align-items: center;

    width: calc(50% - 2px);
    height: inherit;
    /* border: 1px solid blue; */
}


.docs_studio_paginateBtn{
    text-align: center;
    text-decoration: none;

    width: 250px;
    height: 50px;

    line-height: 50px;

    color: var(--secondary);
    border: 1px solid transparent;

    transition: 0.2s ease-in-out;
}
.docs_studio_paginateBtn:hover{
    cursor: pointer;
    color: var(--secondary);
    background-color: #fefefe;
    border: 1px solid var(--secondary);
    box-shadow: 0 0 10px -5px gray;
}



