@charset "UTF-8";


* {
    scrollbar-width: auto;
    scrollbar-color: #2b75ff #f2f2f2;
}

::-webkit-scrollbar {
    background-color: #2b75ff;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #2b75ff5e;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #2b75ff;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
}

/*::-webkit-scrollbar-thumb:hover {*/
/*    background-color: var(--col-third);*/
/*}*/

::-webkit-scrollbar-track {
    background: #f2f2f2;
}

::-webkit-scrollbar-track:hover {
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: var(--col-third);
    background-color: var(--col-main);
}

.form-text-style {
    font-family: 'Roboto', sans-serif;
}

.doc-list-view-grid-container {
    display: grid;
    grid-template-columns: 0.3fr 2.4fr 0.3fr;
    grid-template-rows: 1fr;
    grid-template-areas:
		"doc-list-left-free-space doc-list-view-wrapper doc-list-right-free-space";
}

.doc-list-left-free-space {
    text-align: center;
    grid-area: doc-list-left-free-space;
}

.doc-list-right-free-space {
    text-align: center;
    grid-area: doc-list-right-free-space;
}

.doc-list-view-wrapper {
    /*display: grid;*/
    /*grid-template-columns: 1fr;*/
    /*grid-template-rows: 1fr;*/
    grid-area: doc-list-view-wrapper;
}

.doc-list-view-container {
    /*overflow: auto;*/
    /*scroll-snap-align: end;*/
}

.disabled {
    color: #d2d2d2;
}

.doc-list-view-doc-element {
    display: grid;
    grid-template-columns: auto auto 1.6fr 0.8fr 0.5fr 0.5fr 0.4fr 0.3fr 0.5fr;
    grid-template-rows: 1fr;
    grid-template-areas:
		"doc-list-view-doc-icon doc-list-view-doc-shared doc-list-view-doc-name doc-list-view-doc-author doc-list-view-user-permission doc-list-view-last-edit doc-list-view-cells doc-list-view-size doc-list-view-last-edit-me";
    /*background: var(--col-main);*/
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*border-bottom: 1px var(--col-third) solid;*/
    margin: 0px 1px 0px 1px;
    /*border-radius: 0px;*/
    overflow: hidden;
    white-space: nowrap;
    outline: none;

}


.doc-list-view-doc-element:first-child {
    /*margin-top: 20px;*/
}

.doc-list-view-doc-element-selectable {
    cursor: pointer;
}

.doc-list-view-doc-element-selectable:hover {
    border-radius: 4px;
}

.doc-list-view-doc-element-selected {
    background: var(--col-second);
}

.doc-list-view-doc-icon {
    grid-area: doc-list-view-doc-icon;
}

.doc-list-view-doc-shared {
    grid-area: doc-list-view-doc-shared;
}

.doc-list-view-doc-name {
    grid-area: doc-list-view-doc-name;
    padding-left: 10px;
    padding-right: 25px;
    display: flex;
    align-items: center;
}

.doc-list-view-text-overflow {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-list-view-text-padding {
    padding-left: 10px;
}

.doc-list-view-last-edit {
    grid-area: doc-list-view-last-edit;
}


.doc-list-view-doc-author {
    grid-area: doc-list-view-doc-author;
}

.doc-list-view-user-permission {
    grid-area: doc-list-view-user-permission;
}

.doc-list-view-element-border {
    border-bottom: 1px var(--col-third) solid;
}

.doc-list-view-last-edit-me {
    grid-area: doc-list-view-last-edit-me;
}

.doc-list-view-cells {
    grid-area: doc-list-view-cells;
}

.doc-list-view-size {
    grid-area: doc-list-view-size;
}

.doc-list-title-row {
    background: white;
    border: none;
    font-weight: 600;
}

.doc-list-author-selector-container {
    background: white;
    width: 127px;
    border-radius: 4px;
    padding: 8px;
}

.doc-list-trash-bin-element {
    display: grid;
    grid-template-columns: 40px 1fr 0.5fr 0.9fr 0.6fr;
    grid-template-rows: 1fr;
    grid-template-areas:
		"doc-list-trash-bin-icon doc-list-trash-bin-name doc-list-trash-bin-author doc-list-trash-bin-binned-date doc-list-trash-bin-delete-date";
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px 1px 0px 1px;
    overflow: hidden;
    white-space: nowrap;
    outline: none;
}

.doc-list-trash-bin-icon {
    grid-area: doc-list-trash-bin-icon;
}

.doc-list-trash-bin-name {
    grid-area: doc-list-trash-bin-name;
}

.doc-list-trash-bin-author {
    grid-area: doc-list-trash-bin-author;
}

.doc-list-trash-bin-binned-date {
    grid-area: doc-list-trash-bin-binned-date;
}

.doc-list-trash-bin-delete-date {
    grid-area: doc-list-trash-bin-delete-date;
}

.doc-list-trash-bin-context-menu-container {
    border-radius: 4px;
    padding: 8px;
    display: flex;
    background: white;
    flex-direction: column;
}

.doc-list-trash-bin-context-menu-element {
    display: inline-flex;
    justify-content: flex-start;
    height: 40px;
    line-height: 40px;
    border-radius: inherit;
    align-items: center;
    padding: 0 12px 0 6px;
}

.doc-list-trash-bin-context-menu-element-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
}

.doc-list-trash-bin-context-menu-element-title {
    margin-left: 8px;
}

.doc-list-trash-bin-message-container{
    height: 50px;
    background: #d3d3d373;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.doc-list-trash-bin-message{
    margin: 4px 14px;
}
.doc-list-trash-bin-message-button{
    text-align: center;
    margin: 6px 6px;
    padding: 10px;
    border-radius: 4px;
}
.doc-list-trash-bin-message-button:hover{
    background: #d3d3d373;
}
.doc-list-trash-bin-message-button:active{
     background: #d3d3d3bf;
 }