/* custom CSS */
/* Fixar så högerpanelen inte ligger över topnav och tar bort space ovanför fileview */
.template-5 .filedetail {
    top: 100px!important;
}
.template-5 .filedetail-1>.window {
    top:0!important;
}
.template-5 .fileview-1 {
    top: 100px;
}

/* Fix i högeråanelen med markerad fil */
.filedetail .file-info-container {
    padding: 1px 10px;
}
.filedetail .file-info-key-custom50,
.filedetail .file-info-key-51{
    display: none;
}
.filedetail .file-info-value-custom50 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.filedetail .file-info-value-51 {
    text-align: center;
    font-size: 14px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6edf5;
}
.filedetail-1>.window>.scroller>.content-single>.file-info>.file-info-container>.file-info-value>.file-info-category {
    display: block;
}

/* Fixar hur metadatan syns på tumnaglarna */
.produktnamn {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pris, .ibutik {
    display: block;
    font-size: 12px;
    line-height: 18px;
}

.bold {
    font-weight: 600;
}

/* Fixar knappfärgerna */
.button-1 {
    background: #e6edf5;
    border-color: #e6edf5;
    color: #0d4c90;
    stroke: #0d4c90;
    font-weight: 600;
}
.button-1:hover {
    background: #fff;
    border-color: #0d4c90;;
    color: #0d4c90;
    stroke: #0d4c90;
    font-weight: 600;
}
.button-2 {
    background: #0d4c90;
    border-color: #0d4c90;
    font-weight: 600;
}
.button-2:hover {
    background: #093361;
    border-color: #0d4c90;
    color: #fff;
    stroke: #fff;
}


/* Fixar tumnaglarna - blått ist. för svart/grått) --*/
.fileview .preview-container.marked,
.fileview .preview-container.marked:focus, 
.fileview .preview-container.marked:hover {
    background: #e6edf5;
    border-color: #0d4c90;
}

.fileview .preview-container.marked .preview-image,
.fileview .preview-container.marked:focus .preview-image, 
.fileview .preview-container.marked:hover .preview-image{
    background: #fff;
}

.fileview .preview-container .unmark,
.fileview .preview-container.marked .marker {
    background-color:#0d4c90;
}
.fileview .preview-container:hover .marker,
.fileview .preview-container:focus .marker {
    border-color:#0d4c90;
}


.fileview .preview-container:hover,
.fileview .preview-container:focus {
    outline: 1px solid #0d4c90;
}

.fileview .preview-container:hover .preview {
   background-color: #fff; 
}

/*Avstånd mellan tumnaglar + färgfix */
.fileview-1-subcomponent-1-1,
.fileview-1-subcomponent-2-1 {
    margin: 10px 0 0 10px;
    background-color: #fff;
}

.fileview .preview {
    background: #fff;
}
.fileview .info {
    background-color: #fff;
}
.fileview .content {
    background: #f4f4f4;
}

/* HÖGERMENYN */
.contextmenu-1[data-v-baf3ac54] {
    border:1px solid #0d4c90;
}
.contextmenu-1 .contextitem.contextitem-headline[data-v-baf3ac54] {
    background: #0d4c90;
    border:1px solid #0d4c90;
}

/* Fix i flödes-visningsläget */
.fileview-1-subcomponent-3 .image-options>.image-description .produktnamn {
    font-size: 14px;
    
}

/* Gör bakgrinden bakom markerad fil grå i högerpnelen */
.filedetail .preview-single, .filedetail-1 .preview-empty {
    background:#fff;
}