.table_row {
    border:none;
    padding:6px 0px 0px 6px;
    padding-bottom:0;
    border-radius:10px;
    overflow: hidden;
    margin-top:10px;
    background-color: #FFFFFF44;
}
.table_row.not_approved {
    background-color: #EBB;
}


.primary_file {
    display:flex;
    padding-left:5px;
    margin-left:20px;
}

.prim_name {
    position:relative;
    left:-20px;
}

.prim_name, .secondary_name {
    flex:2;
}

.prim_size, .secondary_size {
    flex:1;
    text-align:right;
}


.placeholder {
    flex:1;
}

.date_added {
    flex:1;
    flex-basis:0px;
}

.secondary_files {
    margin-left:20px;
}

.secondary_file_row {
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    display:flex;
}

.secondary_file_row:nth-of-type(odd) {
    background-color:#00000011;
}

.main_upload_area .delete_btn {
	float:right;
	margin-right:3px;
}

.main_upload_area .delete_btn::before {
    content:'X';
    background-color:#00000044;
    display:flex;
    align-items:center;
    justify-content:center;
	 
    border-radius: 50%;
    font-size: 10px;
    width: 19px;
    height: 19px;
    margin: -2px 0px 5px 0px;
    cursor: pointer;	 
}

.main_upload_area .delete_btn:hover::before {
    background-color:#ff333388;
}


div.main_upload_area a {
    text-decoration: none;
    color:#000;    
}
div.main_upload_area a:hover {
    text-decoration: underline;
    color:#d9d9d9; 
}

.main_upload_area div, .main_upload_area a, .main_upload_area span {
	box-sizing:border-box;
}






a.sort_btn {
    float: right;
    background-color:#FFFFFF33;
    border:1px solid transparent;
    padding:3px 8px;
    color:#00000055;
    cursor:pointer;
}
a.sort_btn:hover {
    text-decoration:none !important;    
    border:1px solid #FFFFFF55;
}
a.sort_btn.dsc:after, a.sort_btn.asc:after {
    content: "\27A4"; /* down arrow */
    color:#00000055;
    font-size:14px;
    display: inline-block;
}
a.sort_btn.dsc:after {
  transform: rotate(90deg);
}
a.sort_btn.asc:after {
  transform: rotate(270deg);
}





.paging_container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top:15px;
}

span.prev_page, span.next_page {
    border:1px solid #FFFFFF55;
    border:1px solid transparent;
    background-color:#FFFFFF33;
    padding:3px 8px;
    cursor:pointer;
}

span.prev_page:hover, span.next_page:hover {
    border:1px solid #FFFFFF55;
}

span.prev_page.disabled, span.next_page.disabled {
    /*background-color:#00000033;*/
    border:none;
    background-color:#00000011;
    border:1px solid transparent;
    color:#666;
    cursor:default;
}

.page_list {
    text-align:center;
}

.page_size_container {
    font-size:12px;
    margin-top:20px;
}