.projectImageListTable {
    border-collapse: collapse;
    width: 100%;
}

.projectImageListTable th {
    background-color: #C0C0C0;
    color: #FFFFFF;
    height: 30px;
    text-align: left;
    padding: 0 5px 0 10px;
    height: 30px;
}

.projectImageListTable tr {
    background-color: #e6e6e6;
    height: 30px;
    color: #333333;
    vertical-align: initial;
}

.projectImageListTable td {
    height: 30px;
    padding: 10px 5px 0 10px;
}


.projectImageListTable tr a, .projectImageListTable tr a:visited {
    text-decoration:none;
}

.projectImageListTable tr a:hover {
    text-decoration:underline;
}

.projectImageListTable .projectImageListTableImage a, .projectImageListTableSmallImage a, .projectImageListTable .projectImageListTableImage a:visited {
    color: #FFF;
}

.firstColumn a {
    color: #333;
}

.projectListTable .projectImageListTableSmallImage a, .projectImageListTableImage a:visited {
    color: #FFF;
}

.projectImageListTableImage{
    width: 50px;
}

.projectImageListTableSmallImage,.projectListTableCheckbox{
    width: 48px;
}

.projectImageListTableTitle{
    width: 407px;
}
.projectImageListTableLocation{
    width: 120px;
}
.projectImageListTableDate{
    width: 55px;
}
.projectImageListTableReactions{
    width: 75px;
}


.mainCategoriesListHeader{
    width: 255px;
}

.projectTypeImageCell{
    height: 50px;
    padding-top: 0;
    text-align: center;
    width: 65px;
}

expertImageCell{
    height:78px;
    text-align:center;
    width:78px;
}

.projectTypeSmallImageCell{
    height:27px;
    margin-left:12px;
    text-align:center;
    width:25px;
    padding-top:1px;
    padding-bottom: 4px;
}

.projectListTableTitle{
    width: 280px;
}

.projectListTableLocation{
    /* width: 40px;*/
}

.projectListScoreLocation{
    width: 200px;
}

.expertListScore{
    float: left;
    padding-top: 3px;
}

.expertListDescription{
    float:left;
    padding-left: 5px;
    padding-top: 5px;
}

.expertListProfile{
    height: 78px;
    width: 78px;
    background-color: #C0C0C0;
    float:left;
    margin-top: 5px;
}

.boldExpertName{
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

.expertListTableLocation{
    width: 700px;
}
.projectListTableDate{
    width: 60px;
}
.personalProjectList .projectListTableDate{
    width: 60px;
}
.projectListTableReactions{
    width: 75px;
}

.personalProjectList .projectListTableReactions{
    width: 60px;
}

.projectListTable {
    border-collapse: collapse;
    width: 100%;
}

.projectListTable td
,.projectListTable th
{
    padding-left: 20px;
}
.projectListTable td+td
,.projectListTable th+th
{
    padding-left: 5px;
}

.projectListTable .dateColumn
{ width: 64px; }
.projectListTable .idColumn
{ width: 68px; }
.projectListTable .descriptionColumn
{ width: 230px; }
.projectListTable .amountColumn
{ width: 64px; }

.client .projectListTableId
, .expert .projectListTableId
{
    width: 30px;
}
.client .projectListTable .projectListTableTitle
,.expert .projectListTable .projectListTableTitle
{
    width: 340px;
}

.projectListTable th, .projectListTable td {
    padding-right: 5px;
    height: 30px;
}
.projectListTable th {
    background-color: #C0C0C0;
    color: #FFFFFF;
    height: 30px;
    text-align: left;
}
.projectListTable th.numeric {
    text-align: right; /* en hoe refactor je zoiets? --BCB */
}

.projectListTable tr {
    background-color: #e6e6e6;
    height: 30px;
    color: #333333;
}

.projectListTableCheckbox {
    width: 28px;
}

.adminProjectList th, .adminProjectList td {
    padding: 0px 3px 0px 3px;
}

.adminProjectList tbody {
    overflow: scroll;
}

.adminProjectList tr.highlighted {
    background-color: #FFCC99 !important;
}

.adminProjectList tr.on {
    background-color: rgb(250,250,250);
}

.adminProjectList tr.off {
    background-color: rgb(235,235,235);
}

.projectListRadioButtons {
    width: 10px; 
}

.projectTypeMedium {
    width: 45px;
    height: 45px; 
    padding-top: 3px;
}

.adminProjectList input {
    display: inline;
}

.relatedProjectTitle{
    text-decoration: underline;
    color: black; 
}

td.narrowCell {
    padding: 10px 0 0 0;
}

.projectListTableBudget {
    width: 120px;
}

.projectListTableStatus {
    width: 60px;
}

.editCell {
    display: none;
}

.editLink, .saveLink, .insertLink {
    text-decoration: underline;
    cursor: pointer;
    color: #008AD3;
}

.adminBottomActionsWrapper {
    margin-bottom: 20px;
    text-align: center;
}

.adminTopActionsWrapper {
    text-align: center;
}

.editCustomCommandLinkContainer {
    text-align: right;
}

table.editCustomCommand td {
    padding: 0 10px 5px 0;
}

table.editCustomCommand td:first-child {
    max-width: 250px;
    font-weight: bold;
}

table.editCustomCommand input {
    width: 500px;
}

table.editCustomCommand textarea {
    min-width: 500px;
    max-width: 500px;
    height: 100px;
}

.customCommandResults {
    margin-top: -20px;
}

.adminEditTextBox {
    width: 90px;
}

.adminEditTextArea {
    width: 150px;
    height: 20px;
}

.ccNavItem {
    display: inline-block;
    white-space: nowrap;
}

.ccEcexuteActionHeader .contentBoxTitle {
    white-space: nowrap;
}

.adminPageWrapper {
    min-width: 1010px; /* tablet optimalsiatie, zonder deze regel zijn de admin pagina's te smal op de tablet.'*/
    width: 95% !important;
}

.adminButtonWrapper {
    padding-top: 20px;
    width: 100%;
    text-align: center;
}

/* admin-table */

.adminTable {
    margin-bottom: 20px;
    border-collapse: collapse;
    width: 100%;
}

.adminTable th {
    background-color: rgb(200,200,200);
    color: #FFF;
    font-size: 14px;
    height: 30px;
    padding: 10px;
    text-align: center;
}

.adminTable tr {
    background-color: rgb(250,250,250);
    height: 30px;
    border-bottom: 1px solid #C0D0BB;
}

.adminTable td {
    xborder: 1px solid #474747;
    padding: 10px;
    width: 160px;
}

.adminTable tr td+td {
    width: auto;
}

.adminDashboardItem {
    display: inline-block;
    padding: 20px;
    margin: 0 20px 20px 0;
    width: 150px;
    background-color: rgba(242, 248, 248, 0.9);
    border: 1px solid #C8C8C8;
}

.adminDashboardItem h2 {
    height: 45px;
}

.adminDashboardCount {
    font-size: 40px;
    padding: 5px 0;
    text-align: center;
}

.adminDashboardLink {
    padding-top: 5px;
    text-align: center;
}

.portfolio-coverimage-admin img {
    max-height: 350px;
    max-width: 350px;
    
}
.portfolio-visual-admin  {
    max-height: 350px;
    max-width: 350px;
}

.portfolio-visual-admin img, .portfolio-visual-admin video, .portfolio-visual-admin audio  {
    max-width: 100%;
    max-height: 350px;
}

table.articleImageOverview {
    width: 100%;
}

table.articleImageOverview td {
    padding: 0 3% 20px 0;
    position: relative;
    vertical-align: top;
    word-break: break-word;
}

table.articleImageOverview td:first-child {
    width: 28%;
}

table.articleImageOverview img {
    max-width: 100%;
}

table.articleImageOverview td:last-child {
    width: 55%;
}

/* admin-notes */
.admin-notes {
    border: 0;border-bottom: 1px dashed #ccc;
    padding: 20px 0;
}

.admin-notes-row {
    margin-bottom: 8px;
}

.admin-notes-column-left {
    display: table-cell;
}

.admin-notes-label {
    font-weight: bold;
    float: left;
    vertical-align: top;
    width: 90px;
}

.admin-notes-value {
    margin-left: 90px;
}

.admin-notes-delete {
    text-align:right;
    padding-top:10px;
}

.admin-notes-delete a {
    color:#fff !important;
}

.admin #popupMessage {
    position: absolute !important;
}

.admin .lightBox {
    left: 5% !important;
    top: 5% !important;
    width: 90% !important;
}

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

    table.articleImageOverview td {
        display: inline-block;
    }

    table.articleImageOverview td:first-child {
        width: 60%;
    }
    
    table.articleImageOverview td:last-child {
        width: 100%;
    }

}

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

    table.articleImageOverview td:first-child {
        width: 100%;
    }
    

}

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

    .adminTable.hp {
        margin: 0 -20px;
        width: auto;
    }

    .adminTable td {
        display: inline-block;
    }

    .adminDashboardItem {
        box-sizing: border-box;
        width: 100%;
    }

}