﻿.no-left-padding {
    padding-left: 0px !important;
}

.no-left-margin {
    margin-left: 0px !important;
}
.separator {
    border: none;
    width: 20px;
    text-align: center;
}

.img-collection .pager ul li a {
    width: auto;
    min-width: 22px;
}

.linkinactive {
    cursor: not-allowed;
}

#formLogin .has-error .help-block {
    position: absolute;
    left: 100%;
    color: #f00;
    text-align: left;
    font-size: 12px;
    top: 0;
    width: auto;
    min-width: 100px;
}

.container {
    padding: 0px 28px;
    background-color: #fff;
}

.reports {
    padding: 39px 0 20px 0;
}



.adv-search .selects .dropdown {
    max-height: 200px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.adv-search .categ-list .dropdown {
    max-height: 200px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.thumbhovercontainer {
    color: #FFFFFF !important;
}

    .thumbhovercontainer span {
        color: #FFFFFF !important;
    }

span.thumbname {
    display: block;
    padding-top: 9px;
    font-size: 24px;
    /*font-weight: bold;*/
    color: #585858;
    padding-bottom: 5px;
    text-align: left;
}

span.thumbauthor {
    display: block;
    padding-top: 2px;
    font-size: 16px;
    font-weight: bold;
    /*font-style: italic;*/
    color: #585858;
    padding-bottom: 10px;
    text-align: left;
}

.selectedfiltermark {
    background-color: #E2E8F8 !important;
    border: solid 1px #E2E8F8 !important;
}

li.deopdowninFilter {
    margin: 0px;
    height: 25px;
}

li.deopdowninFilter {
    margin: 0px;
    height: 25px;
}

li.deopdowninFilter {
    margin: 0px;
    height: 25px;
    font-size: 13px;
    line-height: 17px;
}

li.deopdowninFilter span.jcf-select {
    height: 25px;
}

li.deopdowninFilter span.jcf-select .jcf-select-text {
    display: block;
    padding: 0px;
    padding-left: 5px;
    margin-left: 0px;
    font-size: 13px;
    line-height: 17px;
    color: #000;
    border: none;
    background: #f8f8f8;
    border-radius: 1px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
}

.flag_no, .flag_nn {
    background: url("../images/flags/ico-nor.png") no-repeat 0px 0px transparent;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_en {
    background: url("../images/flags/ico-eng.png") no-repeat 0px 0px transparent;
    padding-left: 5px;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_de {
    background: url("../images/flags/ico-de.png") no-repeat 0px 0px transparent;
    width: 16px;
    height: 12px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_fr {
    background: url("../images/flags/ico-fr.png") no-repeat 0px 0px transparent;
    padding-left: 30px;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_da {
    background: url("../images/flags/ico-dk.png") no-repeat 0px 0px transparent;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_sv {
    background: url("../images/flags/ico-swe.png") no-repeat 0px 0px transparent;
    padding-left: 30px;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_zh {
    background: url("../images/flags/ico-zh.png") no-repeat 0px 0px transparent;
    padding-left: 30px;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.flag_es {
    background: url("../images/flags/ico-es.png") no-repeat 0px 0px transparent;
    padding-left: 30px;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 15px;
}

@media (min-width: 1024px) {
    .flag_no, .flag_nn {
        background: url("../images/flags/ico-nor.png") no-repeat 0px 0px transparent;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_en {
        background: url("../images/flags/ico-eng.png") no-repeat 0px 0px transparent;
        padding-left: 5px;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_de {
        background: url("../images/flags/ico-de.png") no-repeat 0px 0px transparent;
        width: 16px;
        height: 12px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_fr {
        background: url("../images/flags/ico-fr.png") no-repeat 0px 0px transparent;
        padding-left: 30px;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_da {
        background: url("../images/flags/ico-dk.png") no-repeat 0px 0px transparent;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_sv {
        background: url("../images/flags/ico-swe.png") no-repeat 0px 0px transparent;
        padding-left: 30px;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_zh {
        background: url("../images/flags/ico-zh.png") no-repeat 0px 0px transparent;
        padding-left: 30px;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }

    .flag_es {
        background: url("../images/flags/ico-es.png") no-repeat 0px 0px transparent;
        padding-left: 30px;
        width: 16px;
        height: 11px;
        position: absolute;
        top: 15px;
        left: 30px;
    }
}


.texts {
    padding-left: 25px;
    position: relative;
}

.distributioncontainer .checkboxes label {
    width: 40%;
}

.textareasmall {
    margin: 0 0 13px;
}

.tagrightsexplanation, .tagpriorityorderexplanation {
    margin-bottom: 10px;
}

.targrightcategory {
    width: 40%;
}

.text-en {
    background: url(../images/flags/ico-eng.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
}

.text-no {
    background: url(../images/flags/ico-nor.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.text-de {
    background: url(../images/flags/ico-de.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.text-fr {
    background: url(../images/flags/ico-fr.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.text-se, .text-sv {
    background: url(../images/flags/ico-swe.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.text-zh {
    background: url(../images/flags/ico-zh.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.text-da, .iext-dk {
    background: url(../images/flags/ico-da.png) no-repeat 10px 6px transparent !important;
    padding-left: 35px !important;
    background-color: #FFFFFF !important;
    font-size: 12px;
    line-height: 15px;
}

.tagrightscategories {
    margin-top: 15px !important;
}

#admininfoTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

#admininfoBody {
    padding: 10px;
    min-width: 200px;
}

.img-collection .images .icon-video {
    background: url("../images/ikoner_09.png") no-repeat 0 0 transparent !important;
    position: absolute;
    top: 12px;
    right: 16px;
    color: #cbcbcb;
    z-index: 2;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
}

.img-collection .images .icon-video:hover {
    color: #fff;
}

#videoPlayer {
    overflow-x: hidden;
    overflow-y: hidden;
}

#videoPlayerTitle {
    padding-bottom: 5px;
    padding-top: 5px;
}

#videoPlayerVersions {
    margin-bottom: 10px;
}

    #videoPlayerVersions label {
        padding-right: 20px;
    }

.icon-is-video, .icon-is-audio {
    z-index: 2;
}

#navcontainer {
    display: inline-block;
}

.editdocument ul.images li {
    max-width: none !important;
    width: 500px !important;
    float: left;
}

.loadingAdvSearch, .loadingLeftSide {
    opacity: 0;
}

.playableversions {
    padding: 10px;
    text-align: center;
    width: 80%;
}

.videoversionplay {
    display: inline-block !important;
    width: 30%;
}

.orderedversionscontainer {
    clear: both;
    display: block;
    margin-bottom: 40px;
}

.orderedversion {
    clear: both;
    display: block;
    padding: 5px;
    max-width: 600px;
}

.orderversionfield {
    vertical-align: bottom;
    padding-bottom: 8px;
}

.orderversioncurrent {
    background-color: #EBEBEB;
}

.orderedversionname {
    font-weight: bold;
    display: inline-block;
    width: 170px;
}

.orderedversionWH {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.orderedversiondpi {
    display: inline-block;
    width: 50px;
    text-align: right;
}

.orderedversionTYPE {
    display: inline-block;
    width: 50px;
    text-align: center;
}

.orderedversionSIZE {
    display: inline-block;
    width: 50px;
    text-align: right;
}

.orderedversionDWN {
    display: inline-block;
    padding-left: 10px;
}

.orderpriorityselect {
    margin-right: 10px;
}

.orderpriority {
    width: auto !important;
}

.documenthistorycontainer {
    display: block;
    clear: both;
    max-width: 615px;
    padding: 25px 5px;
}

    .documenthistorycontainer .header, .documenthistoryadd, .documenthistorytitle {
        display: inline-block;
    }

.documenthistorycontainerdynamic .row {
    width: 100%;
}

.documenthistoryadd {
    float: right;
}

.documenthistoryaddcontainer {
    margin-bottom: 30px;
}

.documenthistoryadd a {
    line-height: 35px;
    cursor: pointer;
}

.documenthistorytitle {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

.documenthistoryrest, .documentcommentrest {
    display: block;
    clear: both;
}

#newinternalcomment {
    width: 440px;
    display: inline-block;
}

.newinternaladd {
    width: 100px;
    vertical-align: bottom;
    cursor: pointer;
}

.documenthistoryrow {
    clear: both;
    display: block;
    margin-bottom: 10px;
    max-width: 535px;
}

.historyavatar {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.historyinfo {
    display: inline-block;
    max-width: 470px;
}

.htitle {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.hmore {
    float: right;
    cursor: pointer;
}

.selectFile {
    width: 440px;
}

.changedocumenttype {
    padding-left: 5px;
}

    .changedocumenttype span {
        width: 200px;
        padding-left: 5px;
        display: inline-block;
    }

.btnchangedocumenttype {
    margin-left: 0px;
}

.processoptionbtn {
    margin-left: 250px;
}

input.createversion {
    width: 300px;
    display: inline-block;
}

.cvsize {
    display: inline-block;
    width: 115px;
    text-align: right;
    padding-right: 10px;
}

.createnewversionbtn {
    margin-left: 10px;
}

input.mandatoryError, .tag-form .cat-options.mandatoryError {
    background-color: pink;
}
.mandatoryErrorConsent{
    background-color: pink !important;
}

.uploadcontainer {
    /* display:inline-block;
    max-width:500px;*/
    margin-bottom: 20px;
}

.tagassetscontent {
    margin: 5px;
    padding: 5px;
    background-color: #F5F5F5;
    border: solid 1px #C3C3C3;
}

.assetLabel {
    display: block;
    width: 33%;
    text-align: right;
    padding-right: 20px;
}

.assetValue {
    display: block;
    width: 66%;
    height: auto;
}

.tagassetsubfolders {
    margin-top: 10px;
}

.tagassetsubfolder {
    margin: 5px;
    padding: 5px;
    background-color: #F5F5F5;
    border: solid 1px #C3C3C3;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background-color: white;
}

.subfoldername {
    font-weight: bold;
    display: block;
    width: 70%;
    cursor: pointer;
}

    .subfoldername span {
        font-weight: bold;
    }

.subfoldersize {
    display: block;
    width: 20%;
    text-align: right;
    padding-right: 5px;
    cursor: pointer;
}

.targetfolderup {
    float: right;
    cursor: pointer;
}

#deleteAssetTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

#deleteAssetBody {
    padding: 10px;
    min-width: 200px;
}

.deletewarning {
    background-color: #cc4b4b !important;
    float: right;
}

.deleteactions span {
    font-weight: bold;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.deletecancel {
    background-image: none !important;
    position: relative;
    top: auto;
    right: auto;
    height: auto;
}

/*  Quick info config - START */
/*
.quickinfo {
    position: fixed;
    left: 25px;
    bottom: 10px;
    min-height: 50px;
    width: 392px;
    border: initial;
    border-radius: 2px;
    z-index: 100;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
}

.bordersuccess {
    border-left: solid 9px #74BA41;
}

.bordererror {
    border-left: solid 9px #CC4B4B;
}

.quickinfohover {
   
}

.quickinfosuccess {
    background: url(../images/notifications/green-circle.png) no-repeat 15px 15px transparent;
    width: 62px;
    height: 57px;
    display: inline-block;
    vertical-align: top;
}

.quickinfoerror {
    background: url(../images/notifications/red-circle.png) no-repeat 15px 15px transparent;
    width: 62px;
    display: inline-block;
    vertical-align: top;
    height: 57px;
}*/
/*  Quick info config - END  */
/*  Quick info config - START */
.quickinfo2 {
    position: fixed;
    right: 126px; /* To not be hidden by help button */
    bottom: 10px;
    min-height: 50px;
    width: 392px;
    border: initial;
    border-radius: 2px;
    z-index: 100;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
}

.bordersuccess {
    border-left: solid 9px #74BA41;
}

.bordererror {
    border-left: solid 9px #CC4B4B;
}

.quickinfohover {
    /*background:rgba(49,162,232,1);*/
}

.quickinfosuccess {
    background: url(../images/notifications/green-circle.png) no-repeat 15px 15px transparent;
    width: 62px;
    height: 57px;
    display: inline-block;
    vertical-align: top;
}

.quickinfoerror {
    background: url(../images/notifications/red-circle.png) no-repeat 15px 15px transparent;
    width: 62px;
    display: inline-block;
    vertical-align: top;
    height: 57px;
}

.quickinfomessage {
    font-weight: normal;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    width: 265px;
    height: auto;
}

.quickinfomessagecontainer2 {
    height: auto;
    vertical-align: top;
    display: table-cell;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: middle;
}

    .quickinfomessagecontainer2 span {
        vertical-align: middle;
        display: table-cell !important;
        padding-left: 0px;
        padding-right: 0px;
    }

.quickinfoclose {
    background: url(../images/notifications/x-close.png) no-repeat 19px 19px transparent;
    width: 50px;
    display: inline-block;
    vertical-align: top;
    min-height: 50px;
}

@media(min-width:2750px) {
    .quickinfosuccess {
        background: url(../images/notifications/green-circle-2x.png) no-repeat 15px 15px transparent;
        width: 80px;
        height: 80px;
        display: inline-block;
        vertical-align: top;
    }

    .quickinfoerror {
        background: url(../images/notifications/red-circle.png) no-repeat 15px 15px transparent;
        width: 62px;
        display: inline-block;
        vertical-align: top;
        height: 57px;
    }
}

/*  Quick info config - END  */

/*
.quickinfomessage {
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    width: 265px;
    height: auto;
}

.quickinfomessagecontainer {
    height: auto;
    vertical-align: top;
    
    padding-left: 0px;
    padding-right: 0px;
}

    .quickinfomessagecontainer span {
        vertical-align: top;        
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 14px;
        padding-bottom: 12px;
    }

.quickinfoclose {
    background: url(../images/notifications/x-close.png) no-repeat 19px 17px transparent;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    min-height: 50px;
}
*/
/* Quick info - END */



.radio-items li label input[type="radio"] {
    margin-right: 7px;
}

.radio-blue-label {
    display: inline;
    position: relative;
    margin-right: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-blue-label input[type="radio"] {
        opacity: 0;
    }

    .radio-blue-label .checkmark-blue:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radio-blue-label input:checked ~ .checkmark-blue:after {
        display: block;
    }


.checkmark-blue {
    left: 0px;
    top: 1px;
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #eee;
    display: inline-block;
    border-radius: 50%;
    box-shadow: inset 1px 1px 8px -3px #000;
}

.radio-blue-label input:checked ~ .checkmark-blue {
    background-color: #2196F3;
    border-color: #FFF;
    height: 19px;
    width: 19px;
    top: 0px;
    left: -2px;
    box-shadow: none;
}

    .radio-blue-label input:checked ~ .checkmark-blue:after {
        top: 5px;
        left: 5px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: white;
    }

    .radio-blue-label input:checked ~ .checkmark-blue:before {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

.radio-blue-label-nomargin {
    margin-right: 0px;
}



.operationcontainer {
    margin: 0 0 2px 2px;
}

.operationsall {
    display: table;
    width: 100%;
    padding: 5px;
    background: #f5f5f5;
}

.operationheader {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.operationrow {
    display: table-row;
    width: 100%;
}

    .operationrow > div {
        display: table-column;
        float: left;
    }

.operationreg {
    width: 20%;
}

.operationNoAssets {
    width: 12%;
    text-align: right;
}

.operationNoProcessedAndErrors {
    width: 20%;
    text-align: right;
}

.operationStatus {
    width: 15%;
    text-align: center;
}

.operationFileSize {
    width: 15%;
    text-align: right;
}

.operationLink {
    width: 15%;
    text-align: right;
}

.operationsuccess {
    /*color: #00FF00;*/
}

.operationerror {
    color: #FF0000;
}



.reports .tabset2 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.reports .tabset2 {
    margin: 0 -7px 10px;
    letter-spacing: -.32em;
    text-align: center;
}

.reports .tabset2 li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0 0 2px;
    margin: 0 7px;
    position: relative;
}

.reports .tabset2 li:before {
    height: 2px;
    content: "";
    position: absolute;
    top: auto;
    left: -9999px;
    right: -9999px;
    bottom: 0;
    background: #f4f2f2;
}

.reports .tabset2 li > a {
    padding: 7px 0;
    display: block;
    position: relative;
    color: #989898;
    -webkit-transition: none;
    transition: none;
    z-index: 9;
}

.reports .tabset2 li > a:after {
    height: 2px;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    background: #31a2e8;
    display: none;
}

.reports .tabset2 li > a:hover,
.reports .tabset2 li.active > a {
    color: #31a2e8;
}

.reports .tabset2 li > a:hover:after,
.reports .tabset2 li.active > a:after {
    display: block;
}

.reports .tabset li.active > a {
    font-weight: 600;
}

@media (min-width: 768px) {
    .reports .tabset2 {
        text-align: left;
        font-size: 15px;
        margin: 0 0 20px;
    }
}

.helpcontainer {
    text-align: center;
    margin: 20px;
}

.singleBaseName {
    padding-right: 20px;
    font-size:19px;
    line-height:24px;
}

.gotodetail {
    position: absolute;
    bottom: 10px;
    right: 11px;
    width: 20px;
    height: 20px;
    background: none;
    z-index: 3;
}
.img-collection .images label:hover .gotodetail {
    background: url('/images/icons/icon-i.svg') 0 0 no-repeat;
}

/* pool */
.currentpoolTitle {
    font-weight: normal;
}

.labelselectpool {
    line-height: 24px;
}

.poolselectlistcontent {
    background-color: #F7F7F7;
}

.poolcollapsedsmall {
    background: url("../images/folders/Subtraction3.png") 0 0 no-repeat;
    color: #585858;
}

.poolcollapsed {
    background: url("../images/folders/Subtraction3_2x.png") 0 4px no-repeat;
    color: #585858;
    background-size: auto 55%;
    padding-left: 20px;
}

.poolexpandedsmall {
    background: url("../images/folders/Subtraction1.png") 0 0 no-repeat;
    color: #585858;
}

.poolexpanded {
    background: url("../images/folders/Subtraction1_2x.png") 0 5px no-repeat;
    /*padding: 10px 0px 10px 25px;*/
    color: #585858;
    background-size: auto 40%;
    padding-left: 20px;
}

.poolcurrentsmall {
    background: url("../images/folders/Subtraction2.png") 0 0 no-repeat;
    color: #31A2E8;
}

.poolcurrent {
    background: url("../images/folders/Subtraction2_2x.png") 0 5px no-repeat;
    color: #31A2E8;
    cursor: not-allowed;
    background-size: auto 40%;
    padding-left: 20px;
}

@media (min-width: 480px) {
    .labelselectpool {
        padding: 10px 30px 10px 0px;
    }
}

.poolpadding {
    margin-left: 22px;
}

.poolrow {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.poolnosubfolders {
    background: none;
}

#mapdivcontainer {
    padding: 10px;
}

.mapactions {
    margin-top: 15px;
    margin-bottom: 10px;
}

@media(min-width: 350px) {
    #mapdivcontainer {
        width: 350px;
        height: 300px;
    }

    #map {
        width: 320px;
        height: 200px;
    }
}

@media(min-width: 768px) {
    #mapdivcontainer {
        width: 572px;
        height: 592px;
    }

    #map {
        width: 552px;
        height: 522px;
    }
}

.confirmDeleteDocument h1 {
    color: #FFFFFF;
}



/* mobile */
.appLoginError {
    color: #FF0000;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
}

.triggeredttags {
    padding: 0px;
    margin: 0px;
}

.triggeredttagsBtn {
    cursor: pointer;
}

@media (min-width: 480px) {
    #mtaggingContainer {
        padding: 26px 0;
    }

        #mtaggingContainer .tag-form {
            padding-left: 0px;
            background-color: transparent;
            width: 100%;
        }

            #mtaggingContainer .tag-form:before {
                padding-left: 0px;
                background-color: transparent;
                width: 100%;
                border: none;
                margin: 0px;
            }
}

@media (min-width: 1024px) {
    #mtaggingContainer {
        padding: 0px;
        margin: 0px;
    }

        #mtaggingContainer .tag-form {
            padding: 0px;
            margin: 0px;
            background-color: transparent;
            width: 100%;
        }

            #mtaggingContainer .tag-form:before {
                padding: 0px;
                background-color: transparent;
                width: 100%;
                border: none;
                margin: 0px;
            }
}

.filerow {
    border-bottom: solid 1px #e6e6e6;
    position: relative;
    height: 24px;
}

.filerowName {
    width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
    position: absolute;
    top: 0px;
}

.filerowSize {
    line-height: 24px;
    position: absolute;
    top: 0px;
    left: 50%;
    display: inline-block;
}

.filerowStatus {
    right: 0px;
    display: inline-block;
    line-height: 24px;
    position: absolute;
    top: 0px;
}

@media(min-width:350px) {
    .addAssetsThumbsContainer {
        width: 80px;
        max-height: 200px;
    }
}

@media(min-width:720px) {
    .addAssetsThumbsContainer {
        max-height: 300px;
        width: 300px;
    }
}


/* resizablelabel */
@media (min-width: 640px) {
    .resizablelabel {
        height: 158px !important;
    }
}


.resizablelabel {
    position: relative;
}

    .resizablelabel:before {
        content: "";
        display: block;
        padding-top: 100%; /* initial ratio of 1:1*/
    }

@media (min-width: 375px) {
    .resizablelabel {
        height: width !important;
    }
}

/* patterns */
label.csvSeparator {
    padding-left: 0;
    display: block;
    margin-top: 10px;
}

.csvSeparator span {
    display: inline-block;
    line-height: 18px;
    margin-right: 15px;
    padding-left: 5px;
    padding-right: 10px;
}

.csvSeparatorTitle {
    line-height: 28px !important;
    vertical-align: top;
    font-weight: bold;
}

#csvSeparator {
    display: inline-block;
}

.edit-post .form-box .btn {
    top: 0;
}

.btnUploadPatternFile {
    position: relative;
    height: 30px;
    right: auto;
    left: 0px;
    top: auto !important;
}

@media (min-width: 700px) {
    label.csvSeparator {
        padding-left: 20%;
        display: inline-block;
        top: 0px;
        margin-top: 0px;
    }

    .btnUploadPatternFile {
        position: absolute;
        top: 0px;
        right: 3px;
        left: auto;
        bottom: auto !important;
    }
}

.patternbox {
    width: 40%;
    display: inline-block;
    margin-left: 5%;
}

.patternlanguage {
    position: relative;
    display: block;
    clear: both;
    margin-left: 0px;
    margin-bottom: 40px;
}

.flag {
    left: 0px;
    padding-left: 0px;
}

    .flag span {
        padding-left: 30px;
        top: -1px;
        position: absolute;
        font-weight: bold;
    }

.mappingLabel {
    width: 25%;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
    float: left;
}

.mappingInput {
    width: 70%;
    display: inline-block;
}

.identifier {
    display: block;
    clear: both;
}

    .identifier > div > div > span {
        padding-left: 0px !important;
    }

.ridentifier {
    margin-top: 10px;
}

.rcatgory {
    margin-top: 10px;
}

.rmappingconfirmation {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 30px;
}

.btnMapPatternFile {
    width: 100%;
}

.patternsprocessing {
    padding-left: 0px;
}

.patternimportstatus, .patternimportstatusApply {
    padding-left: 0px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    min-height: 100px;
    padding-left: 2%;
}

.patternprocessingTitle, .patternprocessingTitleApply {
    font-weight: bold;
}

.patternprocessingStatusPercent, .patternprocessingStatusPercentApply {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 50px;
}

@media(min-width:500px) {
    .patternsprocessing, .patternsprocessingApply {
        padding-left: 20%;
    }

    .patternimportstatus, .patternimportstatusApply {
        padding-left: 2%;
    }

    .patternprocessingTitle, .patternprocessingTitleApply {
        font-size: 15px;
    }
}

.patterndefintionListStatus {
    display: block !important;
}

.definitionCsvName {
    font-weight: bold;
}

.definitionlistStatus {
    position: absolute;
    right: 10px;
    top: 15px;
    display: inline-block;
    z-index: 1000;
}

.definitionlistStatusItem {
    display: inline-block;
    padding-right: 10px;
    font-size: 15px;
    z-index: 1000;
}

.patternfileProcessed:before {
    position: absolute;
    top: -2px;
    left: auto;
    right: 15px;
    bottom: auto;
    font-family: icomoon;
    content: "";
    font-weight: normal;
    color: rgb(74, 147, 1);
}

.patternfileError {
    font-weight: bold;
    color: #cc4b4b;
    margin-right: 10px;
}

.targetforpatterns {
    width: 300px !important;
}

.pattern-form {
    position: relative !important;
    transform: none !important;
    border-style: none !important;
    padding-top: 0px !important;
    box-shadow: none !important;
    background: transparent !important;
}

.patternexplanation {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 24px;
}

.patternapplySelect {
    margin-top: 5px;
    clear: both;
    display: block;
    width: 100%;
    position: relative !important;
    text-align: left !important;
}

@media (min-width: 1024px) {
    .pattern-form .jcf-select {
        min-width: 190px;
    }
}

.patternscontainer {
    display: block;
    float: left;
    clear: both;
    margin-top: 10px;
    line-height: 24px;
    font-size: 15px;
}

.searchpatternrow {
    display: inline-block;
    clear: both;
    float: left;
}

.psearchcol {
    display: inline-block;
    margin-right: 30px;
}

.pdocumentcode {
    font-weight: bold;
    width: 100px;
    text-align: left;
}

.pnodocs {
    width: 40px;
    text-align: right;
}

.applyerror {
    font-weight: bold;
    color: #cc4b4b;
    margin-right: 20px;
}

.patternsprocessingApply {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5%;
}

.applypatternloader {
    color: #31a2e8 !important;
}

/* fullscreen */
#divFullscreen {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background-color: #000000;
    position: relative;
}

    #divFullscreen img {
        display: block;
        margin: auto;
    }

#divFullscreenTitle {
    position: absolute;
    z-index: 100;
    bottom: 0px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    display: table;
}

#divFullscreen a, #divFullscreen a:hover {
    color: white;
    font-size: 48px;
    bottom: 0px;
}

#divFullscreenTitle a, #divFullscreenTitle span {
    display: table-cell;
    vertical-align: middle;
}

.fullscreen-prev {
    float: left;
}

.fullscreen-next {
    float: right;
}
/* fullscreen - end */

/* mark current location */
#nav > ul > li.location {
    color: #fff;
   
}

    #nav > ul > li.location > a {
        color: #fff !important;
        background: #1C303B 0% 0% no-repeat padding-box;
        border: 1px solid #29404C;
        border-radius: 4px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
    }
@media (min-width: 1024px) and (max-width: 1099px) {
    #nav > ul > li.location > a {
        margin-top: 0;
    }
}
#nav > ul > li.location > a:after {
    /*background: #3387BA;*/
}

.adv-search .footer ul .location {
    background: #3387BA !important;
}

a.mainunselectall, a.mainunselectall:hover {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px !important;
    line-height: 18px;
    font-weight: 600;
    text-decoration: underline;
    border: none;
    padding: 0;
    background: none;
    color: #31a2e8;
    padding-left: 0px !important;
}

.adv-search .footer ul .mainunselectall, .adv-search .footer ul .mainunselectall:hover
{
    border: 0;
    color: white;
    margin-left:15px;
}

a.pendinginqueue, a.pendinginqueue:hover {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px !important;
    line-height: 18px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    padding: 0;
    background: none !important;
    color: #FFF; /*#31a2e8;*/
}


.nomoreassets {
    padding: 20px;
    font-size: 26px;
    font-weight: bold;
    color: #3387BA !important;
}

.alertstorage {
    color: #cc4b4b;
}

.tagDisabled {
    background-color: #B4B4B4 !important;
}

.buttonsPool {
    margin-bottom: 10px;
}

.search-items .usersearch, .search-items .collectionssearch, .search-items .templatessearch {
    min-width: 70px;
    font-size: 15px;
    line-height: 25px;
    cursor: pointer;
}

/*.export {
    display: none;
}*/

@media (min-width: 768px) {
    .search-items .usersearch, .search-items .collectionssearch, .search-items .templatessearch {
        min-width: 95px;
        font-size: 17px;
    }

/*    .export {
        display: inline-block;
        right: -100px;
        position: absolute;
        top: 0;
        line-height: 25px;
        font-size: 17px;
    }

    .export-fr {
        right: -120px;
    }*/
}

#documenthistorycontainer {
    clear: both;
}

/*** Navigation ****/


.img-collection .pager .heading {
    font-size: 15px;
    line-height: 22px;
}

.users #navcontainer {
    padding-top: 0px;
}

.colsortable {
    cursor: pointer;
}

.coveredlabel {
    height: 320px;
    background-position: center;
    background-size: cover;
}

.dropdown {
    z-index: 101 !important;
}

.img-collection .images dl a {
    overflow-wrap: break-word;
}

.notclickable, a.notclickable:hover, a.notclickable:visited {
    cursor: default;
    color: #000000 !important;
}

/* https://gist.github.com/afabbro/3759334 */
@media {
    video::-webkit-media-controls-play-button {
        cursor: pointer;
    }

    video::-webkit-media-controls-volume-slider {
        cursor: pointer;
    }

    video::-webkit-media-controls-mute-button {
        cursor: pointer;
    }

    video::-webkit-media-controls-timeline-container {
        cursor: pointer;
    }

    video::-webkit-media-controls-panel {
        cursor: pointer;
    }
}

/* detail doc-info adjustments */
.img-info dl {
    padding-left: 30px;
    padding-top: 1px;
    border-left: 1px solid #f0f0f0;
}

.list-unstyled-2 {
    padding-left: 30px !important;
    position: relative !important;
    padding: 0 !important;
    left: 0 !important;
    padding-left: 0px !important;
}

.gotodocuments {
    color: #31a2e8 !important;
}

    .gotodocuments:hover {
        color: #3387BA !important;
    }

.assets-form .schedule .slide {
    width: unset;
}

.assets-form .schedule .slide {
    width: unset;
}

.assets-form .flex-box .left-col {
    width: calc(100% - 333px);
}

/****************************************************/
/* ref. https://martinwolf.org/blog/2015/01/pure-css-savingloading-dots-animation */
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

    .saving span:nth-child(2) {
        /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
        animation-delay: .2s;
    }

    .saving span:nth-child(3) {
        /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
        animation-delay: .4s;
    }
/****************************************************/

@media (max-width: 500px) {
    .contact-freshdesk {
        clear: both !important;
        float: none !important;
        width: 100% !important;
    }
}

.btn-play {
    opacity: 0.5 !important;
    visibility: visible !important;
}

.img-collection .images label:hover .btn-play {
    opacity: 1 !important;
}


.vidothumblist .images label:hover .btn-minus {
    opacity: 1;
    visibility: visible;
}

.vidothumblist .images .btn-minus {
    width: 19px;
    height: 19px;
    color: #f00;
    font-size: 28px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 13px;
    left: 12px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

    .vidothumblist .images .btn-minus:before {
        content: "";
        position: absolute;
        top: -8px;
        left: -4px;
        right: auto;
        bottom: auto;
        font-family: "icomoon";
        content: "";
        font-weight: normal;
    }

    .vidothumblist .images .btn-minus:hover {
        color: #c00;
    }

.tr3td {
    width: 100%;
}

@media (min-width: 480px) {
    .tr3td {
        width: 33% !important;
    }
}

#deleteAssetConfirm {
    min-width: 220px;
}


.inactivesort {
    font-weight: 400;
}

.adv-search .adv-opener.lang_no:before {
    content: "Flere ";
}

.adv-search.active .adv-opener.lang_no:before {
    content: "Færre ";
}

.adv-search .adv-opener.lang_sv:before {
    content: "Fler ";
}

.adv-search.active .adv-opener.lang_sv:before {
    content: "Mindre ";
}

.adv-search .adv-opener.lang_da:before {
    content: "Flere ";
}

.adv-search.active .adv-opener.lang_da:before {
    content: "Mindre ";
}



.adv-search .adv-opener.lang_fr:before {
    content: "Plus ";
}

.adv-search.active .adv-opener.lang_fr:before {
    content: "Moins ";
}

.adv-search .adv-opener.lang_de:before {
    content: "Weitere ";
}

.adv-search.active .adv-opener.lang_de:before {
    content: "Weniger ";
}

.adv-search .adv-opener.lang_zh:before {
    content: "More ";
}

.adv-search.active .adv-opener.lang_zh:before {
    content: "Less ";
}

.adv-search .adv-opener.lang_es:before {
    content: "More ";
}

.adv-search.active .adv-opener.lang_es:before {
    content: "Less ";
}

.spTagLabel {
    width: 150px;
    text-align: right;
    padding-right: 10px;
    display: inline-block;
}

.clShowpadInfo {
    width: 150px !important;
}

.uploadsDocLabel {
    font-weight: 400;
    width: 110px;
    display: inline-block;
    vertical-align: top;
}

.uploadsDocData {
    display: inline-block;
    max-width: 300px;
}

.table-td-thumb .img-collection {
    padding: 0px !important;
}

@media (max-width: 767px) {
    .table-td-thumb .img-collection {
        padding-right: 10px !important;
    }
}

.price {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100px;
    display: inline-block;
    cursor: pointer;
}

.priceSave {
    float: right !important;
}

.priceCancel {
    float: left !important;
}

a.imglink, a.imglink:visited, a.imglink:hover {
    color: #31a2e8 !important;
}

.cat-form.no .switch:before {
    content: "På";
}

.cat-form.no .switch:after {
    content: "Av";
}

.cat-form.nn .switch:before {
    content: "På";
}

.cat-form.nn .switch:after {
    content: "Av";
}

.cat-form.sv .switch:before {
    content: "På";
}

.cat-form.sv .switch:after {
    content: "Av";
}

.cat-form.da .switch:before {
    content: "På";
}

.cat-form.da .switch:after {
    content: "Af";
}

.cat-form.de .switch:before {
    content: "On";
}

.cat-form.de .switch:after {
    content: "Off";
}

.cat-form.fr .switch:before {
    content: "On";
}

.cat-form.fr .switch:after {
    content: "Off";
}

.cat-form.es .switch:before {
    content: "En";
}

.cat-form.es .switch:after {
    content: "De";
}

.cat-upload-desc {
    margin-bottom: 32px;
}

.btn {
    text-transform: none;
}

.table-th {
    text-transform: none;
}

#addPermalinkUrl .error-box {
    margin-top: 3px;
    color: red;
}

.userTopMenuActice {
    color: #3387BA !important;
    font-weight: 600;
}

.gb_subscription {
    color: #75C041 !important;
}





.dashboard-back {
    display: block;
    padding: 0 0 0 18px;
    width: 94px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px;
    line-height: 1;
    margin: -4px 0 0;
    font-weight: 600;
}

@media (min-width: 768px) {
    .dashboard-back {
        font-size: 17px;
        width: 120px;
        margin: 4px 0 0;
        padding: 0 0 0 23px;
    }
}

.aDashboardShorter {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

label.addAsCover {
    padding-left: 50px;
    line-height: 30px;
    position: relative;
}

    label.addAsCover span {
    }

.versionEditName {
    float: right;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}

.versionEditName img {
    width: 16px;
}

.ftpCredentials {
    display: block;
    margin-bottom: 50px;
    max-width: 300px;
}

.ftpRow {
    display: block;
    min-width: 250px;
}

.ftpLabel {
    display: inline-block;
    width: 30%;
    font-weight: 400;
}

.ftpValue {
    display: inline-block;
    width: 60%;
    font-weight: 400;
}

.displayLinkAlbum {
    display: inline-block !important;
}

.displayLinkAlbumExtra {
    margin-right: 20px;
}

@media (max-width: 500px) {
    .displayLinkAlbum {
        display: block !important;
    }

    .displayLinkAlbumExtra {
        display: none !important;
    }
}

.aiTagSavedContainer {
    display: table;
}

.aiTagSaved {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}

.aiTagSaved img {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 10px;
    display: none;
}

.aiTagSaved span {
    cursor: pointer;
    color: #31a2e8 !important;
    background-color: #F5F5F5;
    text-align: center;
    display: block;
    padding: 2px 8px 0px 8px;
    border: solid 1px #31a2e8 !important;
    font-size: 14px;
    line-height: 18px;
}

.consentNotRequested {
    /*color: #000000;*/
}

.consentConsented {
    color: #74BA41;
}

.consentBlocked {
    color: #cc4b4b;
}

.consentSent {
    color: #31a2e8;
}

.waitingChangeFolder {
    position: relative;
}

.waitingChangeFolder span {
    position: absolute;
    top: 45px;
    font-size: 15px;
    left: 130px;
}

.coveredlabel {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.fullinfodecoration {
    border: 1px solid #eaeaea;
}

.fullinfodecoration, .fullinfodecoration:before {
    transition: box-shadow 0.4s ease;
    position: relative;
}

li.albumNameContainer {
    position: relative;
    padding-top: 5px;
}

.albumCounterLink, .albumCounterLink:hover, .albumCounterLink:visited {
    position: relative;
    vertical-align: text-bottom;
    font-size: 16px;
    line-height: 25px;
    color: #FFF;
    text-decoration: none;
}

@media (min-width: 768px) {
    .albumCounterLink, .albumCounterLink:hover, .albumCounterLink:visited {
        font-size: 20px;
    }
}

.albumCounter {
    top: -4px;
    right: -13px;
    background: #c00;
    width: 22px;
    height: 22px;
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 2px;
    text-align: center;
    border-radius: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    background: #31a2e8;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    margin-left: 10px;
    display: inline-block;
    vertical-align: text-bottom;
    width: 25px;
    height: 25px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.addAssetsToAlbum, .addAssetsToAlbum:hover, .btnAddAssetsToAlbum, .btnAddAssetsToAlbum:hover {
    background-image: url(../Content/images/add_to_album.png);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
}

.removeAssetsFromAlbum, .removeAssetsFromAlbum:hover {
    background-image: url(../Content/images/remove_from_album.png);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px !important;
}

.btnExitAlbums, .btnExitAlbums:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: solid 1px #D5D2D2;
    box-sizing: border-box;
    padding-left: 0px !important;
}

    .btnExitAlbums span {
        padding-left: 40px;
        font-weight: 600;
        padding-top: 7px;
    }

.btnExitAlbumsIcon {
    background-image: url(../Content/images/exit_album.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding: 2px;
    display: inline-block;
    margin-right: 12px;
    position: absolute;
    left: 11px;
    top: 8px;
}

.btnExitAlbumsIconInside {
    background-image: url("../Content/images/exit_album_inside.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
}

.tagAactionsContainer {
    height: 72px;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.tagAdeleteAlbum {
    display: table-cell;
    width: 50%;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
    position: relative;
}

.tagAcol {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.tagAsaveAlbum {
    margin-left: 10px;
    width: 100%;
    float: unset;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}


.btnDeleteAlbum, .btnDeleteAlbum:hover {
    position: relative;
    color: #31a2e8;
}

    .btnDeleteAlbum span {
        padding-left: 23px;
        font-weight: 600;
        padding-top: 7px;
        font-size: 17px;
        line-height: 22px;
    }

.btnDeleteAlbumIcon {
    background-image: url(../Content/images/delete_album.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    /* margin-right: 12px; */
    position: absolute;
    /* left: 11px; */
    top: 1px;
}

.btnDeleteAlbumIconInside {
    background-image: url("../Content/images/exit_album_inside.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
}

.tagAtitle {
    font-size: 28px;
    line-height: 36px;
    display: block;
    margin-top: 27px;
}

.tagAconditionsContainer {
    margin-top: 14px;
    display: table;
    width: 100%;
}

.tagAconditions {
    display: table-cell;
    width: 50% !important;
    vertical-align: middle;
}

    .tagAconditions label {
        margin-left: 2px !important;
    }

.tagAchangecover {
    display: table-cell;
    float: right;
    max-width: 50%;
}

.btnTagAchangeCover, .btnTagAchangeCover:hover, .btnTagAchangeCover:visited {
    background-color: #585858;
    cursor: pointer;
}

.tag-form .jcf-label .jcf-checkbox {
    top: 1px !important;
}

.tagAinfoContainer {
    margin-left: 100px;
    margin-right: 10px;
}

    .tagAinfoContainer ul {
        width: 100%;
        list-style: none;
    }

        .tagAinfoContainer ul li {
            display: inline-block;
            width: 29%;
            font-size: 12px;
            margin-right: 3%;
            vertical-align: text-top;
        }

            .tagAinfoContainer ul li span {
                display: block;
                width: 100%;
                font-size: 12px;
                line-height: 12px;
            }

span.tagAinfoLabel {
    font-weight: 600;
    line-height: 15px;
}

span.tagAinfoDate {
    font-style: italic;
}

.albumcover {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #31a2e8;
    color: #31a2e8;
    background-color: transparent;
    padding: 2px 5px;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    left: 11px;
    z-index: 3;
}

.albumcoverselected {
    color: #FFFFFF;
    background-color: #31a2e8;
}



.displayLinkAlbumFooter {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 17px;
    padding: 0 26px 0 0;
    margin: 0 0 10px;
}

.displayLinkAlbum:hover, .displayLinkAlbum :visited, .displayLinkAlbum:active {
    color: #FFF;
}

    @media (min-width: 768px) {
        .displayLinkAlbumFooter {
        float: right;
        margin: 8px 2px 0 0;
    }
}

.albumCounterLink {
    max-width: 480px;
    display: inline-block;
}

@media (min-width: 1024px) {
    .albumCounterLink {
        max-width: 518px;
    }
}

.createAlbumPopup {
    width: 491px;
    border: solid 1px #707070;
    padding: 18px;
}

.aHeader, .aTitle, .createAlbumName, .btnCreateAlbumPopup {
    display: block;
}

.aHeader {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}

.aTitle {
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    margin-top: 25px;
}

input.createAlbumName {
    font-size: 15px;
    line-height: 19px;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
}

.btnCreateAlbumPopup {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    margin-top: 27px;
    margin-bottom: 40px;
    max-width: 267px;
}

.createalbumFancyBox {
    box-shadow: 1px 1px 20px 0px rgba(136, 136, 136, 0.54);
}

    .createalbumFancyBox > .fancybox-skin {
        background-color: #FFFFFF;
        color: #585858;
    }

    .createalbumFancyBox > .fancybox-close {
    }

.closeFancyBox, #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../Content/images/close.png);
    position: absolute;
    top: 2px;
    right: -35px;
    width: 30px;
    height: 35px;
    cursor: pointer;
    z-index: 8040;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    display: block !important;
}

.isinalbum {
    border: solid 1px #31a2e8;
    color: #FFFFFF;
    background-color: #31a2e8;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    left: 11px;
    z-index: 3;
    width: 11px;
    height: 11px;
}

.aInfoFullInfoMain {
    margin-left: 12px;
    margin-top: 12px;
}

.fePublish {
    display: inline-block;
    margin-bottom: 50px;
    margin-left: 50px;
    padding: 20px;
    border: initial;
    border-radius: 2px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
}

    .fePublish h4 {
        margin-bottom: 30px;
    }

.btnSecond {
    margin-left: 30px;
}


.resizedThumb {
    max-width: 100% !important;
    max-height: 385px !important;
    width: auto !important;
}

@media (min-width: 1366px) {
    .resizedThumb {
        max-height: 360px !important;
        max-width: 480px !important;
    }
}

@media (min-width: 1440px) {
    .resizedThumb {
        max-height: 485px !important;
        max-width: 775px !important;
    }
}

@media (min-width: 1920px) {
    .resizedThumb {
        max-height: 660px !important;
    }
}

.metadata-container {
    width: 75% !important;
    display: inline-block;
}

.metadata-container-actions {
    width: 20% !important;
    display: inline-block;
    vertical-align: top;
}

.metadata-general-info {
    width: 100% !important;
    display: inline-block !important;
    vertical-align: top !important;
    border-left: none !important;
    padding-left: 0px !important;
    padding-right: 30px;
    &dt

{
    word-break: break-all;
}

}

@media (max-width: 1440px) {
    .metadata-general-info {
        width: 50% !important;
    }
}

@media (min-width: 1441px) {
    .metadata-general-info {
        width: 33% !important;
    }
}


/* AI */
.aiSuperContainer {
    display: inline-block;
    width: 290px;
}

@media (min-width: 890px) {
    .aiSuperContainer {
        float: right;
    }
}

@media (max-width: 858x) {
    .aiSuperContainer {
        margin-top: 20px;
    }
}

span.aiContainerTitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    display: block;
}

.img-info-ai {
    display: inline-block;
    width: auto !important;
}

.aiLoader {
    position: relative;
    clear: both;
    display: inline-block;
    padding-top: 25px;
    width: 100%;
}

.aiTabs {
    display: block;
    clear: both;
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 15px;
    line-height: 19px;
}

.aiTab {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

.aiImgLoader {
    width: 66px !important;
}

.aiInfoLoading {
    position: absolute;
    left: 75px;
    top: 25px;
}




    

.aiTagsContainer {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.aiTagsRow {
    display: block;
    margin-top: 5px;
}

.aiTagName, .aiTagConfidence, .aiTagType {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
}

.aiTagName {
    width: 200px;
}

.aiTagType {
    width: auto;
    min-width: 40px;
    max-width: 10%;
}

.aiTextsContainer .aiTagName {
    width: 150px;
}

.aiTextsContainer .aiTagConfidence {
    width: auto;
    max-width: 10%;
}

.aiTagConfidence {
    float: right;
    width: 36px;
    text-align: right;
}
.aiFaceFindSimilar{
    width:initial;
    text-align:left;
}
.hotSpot {
    position: absolute;
    background-color: transparent;
}

.hotSpotInside {
    border: solid 2px #3387ba;
    cursor: pointer;
}

#btnAiFacesSaveAndTagAll {
    float: right;
}

.aiTagChk {
    display: inline-block;
    padding-right: 10px;
}

.aTagAction {
    color: white !important;
    margin-top: 10px;
    margin-left: 20px;
}

.aiCancel, .aiCancel:hover, .aiCancel:visited {
    background-color: #E6E6E6 !important;
    color: #000000 !important;
    margin-right: 20px;
    margin-left: 0px;
}

.aiTagActions {
    display: block;
    clear: both;
}

#aiCurrentConfidence {
    /*padding-left: 10px;*/
    font-weight: bold;
    color: #31a2e8;
    position: absolute;
    top: 15px;
    left: -10000px;
    display: none;
}



form.ranger {
    position: relative;
    margin-top: 40px;
}

.aiFaceRow {
    width: 300px;
    display: block;
    margin-bottom: 9px;
}

.aiFacesActions {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

.aiFaceRow .aiTagConfidence {
    float: initial;
    display: inline-block;
    margin-left: 12px;
    margin-right: 3px;
}

.aiFace {
    width: 207px;
}

.aiFaceFindSimilar a label .icon-search {
    cursor: pointer;
}

.facesContainer {
    max-height: 305px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-top: 5px;
    display: block;
    margin-bottom: 39px;
}

.aiFaded {
    opacity: 0.5;
}

.aiFaceFindSimilarLeft {
    margin-left: 5px !important;
    margin-right: 0px !important;
}


.aiFacesTitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 9px;
}

input.aifacelink {
    font-size: 14px;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
}

#btnAiFacesSaveAndTagAll {
    border: solid 1px #31A2E8;
    color: #31A2E8;
    background: #fff;
}

.hidemeAlways {
    display: none !important;
    visibility: hidden !important;
}

.img-info-adjusted {
    margin-bottom: 0px !important;
}

.customscrollable {
    padding: 10px;
    padding-top:5px;
    overflow-y: auto;
    border: solid 1px #eaeaea;
    background-color: #ebebeb;
    /*cursor: url(images/icons8-mouse-scrolling-20.png), auto;*/
}
.customscrollableInput, .customscrollable > div.aiFaceRow > div.aiFace > input {
    width: 190px !important;
}
 .customscrollable > div.aiFaceRow > div.aiTagConfidence {
    margin-left:5px;
    width:36px;
    text-align:right;
}
.customscrollable > div.aiFaceRow > div.aiFaceFindSimilar {
    margin-left:5px;
    width:initial;
    text-align:left;
}
/*
.facesContainer::-webkit-scrollbar {
    width: 10px;
    opacity: 1;
}

.facesContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.facesContainer::-webkit-scrollbar-thumb {
    background-color: #ebebeb;
    outline: 1px solid #eaeaea;
}*/

/* AI-SLIDER */
.divRangeContainer {
    position: relative;
    width: 100%;
    display: block;
}
output {
    position: absolute;
    right: 0px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #31A2E8 !important;
}
.divRangeContainer input[type=range] {
    width: 245px;
    height: 5px;
    position: relative;
    cursor: pointer;
    background: #E6E6E6;
    
    -webkit-appearance: none;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #df7164), color-stop(15%, #F5D0CC));

    -moz-apperance: none;
    background-image: -moz-linear-gradient(left center, #DF7164 0%, #DF7164 15%, #F5D0CC 15%, #F5D0CC 100%);
}
input[type="range"]::-moz-range-track {
    border: none;
    background: none;
    outline: none;
}

input[type=range]:focus {
    outline: none;
    border: none;
}
/*
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: #df7164;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}

input[type=range]::-moz-range-thumb {
    -moz-appearance: none !important;
    background-color: #df7164;
    border: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}*/

.interfacePathList {
    display: block;
}
.interfacePath {
    display: inline-block;
    margin-right: 20px;
    color: #31a2e8;
}

/* notification alerts*/
.newAlertsContainer {
    /*position: absolute;
        top: 65px;
        right: 0px;*/
    overflow-x: hidden;
    overflow-y: auto;
    /*width: 30%;*/
    max-height: 70%;
    min-height: 200px;
    background-color: white;
    z-index: 10000;
    font-size: 15px;
    padding: 10px 15px 15px;
    text-align: left;
    max-width:480px;
    min-width:300px;
}



    .newAlertsContainer li {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px gray;
    }

.alertLabel {
    display: block;
    width: 100px;
}
.nobottomborder {
    border-bottom: none !important;
}

.newAlertsList {
    display: table;
    padding-left: 0px;
    list-style: none;
}

    .newAlertsList span {
        display: block;
    }

.alertLabel {
    font-weight: 800;
}

.alertMessage {
    font-size: 13px;
}
a.btn{
    cursor:pointer;
}
.previewassetDelete{
    max-width:600px !important;
    max-height:400px !important;
    height:initial !important;
}


.transparentcontainer {
    background: url(images/pattern60.gif) !important;
    z-index: -100;
    width:100%;
    height:100%;
}

.image-holder, .transparentcontainer {
    z-index: 0 !important;
}

.transparentli {
    position: relative;
}
.transparentlabel{
    position: absolute !important;
    top:0px;
}
.transparenttitle{
    margin-top: 7px;
}


.gdprCustomFilter{
    padding: 2px 20px;
}
.gdprPreviewContainer{
    display:inline-block;
}
   
.gdprCustomFilter > select, .gdprCustomFilter > div {
    display: inline-block;
}
.gdprCustomFilter > .jcf-select {
    margin-right: 10px;
    max-width: initial !important;
    width: 250px;
    display: inline-block;
}

@media (max-width: 1023px) {
    .gdprCustomFilter {
        font-size: 17px;
        position: absolute;
        top: 50px;
        right: 0px;
        display: inline-block;
        min-width: 500px;
        line-height: 25px;
        height: 25px;
    }

    .gdprPreviewContainer > label {
        display: block !important;
        left: 350px;
        position: absolute !important;
        top: 15px;
    }

    .gdprPreviewContainer > span {
        position: absolute;
        width: 50px;
        top: 5px;
        left: 300px;
    }
}
@media (max-width: 820px) {
    .gdprCustomFilter {
        display:none;
        visibility:hidden;
    }
}

.addAssetsToGdprItemsContainer {
    padding: 30px;
    font-size: 15px;
    max-width: 840px;
}

.aaTitle {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}

.aaNotRequired {
    display: block;
    margin-top: 10px;
    padding: 10px 0px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgb(242, 242, 242);
}

.aaItemsList {
    height:275px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
    clear:both;
}

.aaRow {
    display: inline-block;
    width: 40%;
    margin-left: 20px;
}
@media (max-width: 500px) {
    .aaRow {
        display: block;
        max-width: 350px;
        width: auto;
    }
}
.aaActions {
    margin-bottom: 20px;
}

.aaAction {
    float: initial;
    margin-right: 20px;
    display: inline-block;
    margin-top: 10px;
}
.aaExplanation{
    font-weight:400;
    margin-bottom:10px;
    display:block;
}
.aaItems .aaExplanation{
    margin-top:5px;
}
.aaNotRequiredContent{
    margin-left:20px;
}

/* ui - initial */
#ui-id-1, .ui-autocomplete, .ui-menu, .ui-widget {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
/* ui */

.ui-state-active {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    margin: 5px 0px 5px 0px !important;
}

/*
.ui-autocomplete {
    padding-bottom: 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 250px !important;
}
.ui-widget {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.ui-menu-item {
    overflow-x: hidden;
}

#ui-id-1, .ui-menu {
    overflow-x: hidden !important;
}
.ui-menu{
    width: auto !important;
}
.ui-menu-item {
    font-size: 14px;
    border-radius: 0px !important;    
    overflow-x: hidden;
    word-break:break-word;
    line-height:18px;
}
.ui-corner-all {
    border-radius: 0px !important;
}
.ui-widget-content {
    border: 0.5px solid #3387ba ;
    background: #ffffff;
    color: #585858 ;
}
*/
/* ui - end */

@media(min-width: 767px) and (max-width: 1130px) {
    .contextualhide {
        display: none;
        visibility: hidden;
    }
}
@media(min-width: 767px) and (max-width: 1023px) {
    .contextualhide2 {
        display: none;
        visibility: hidden;
    }
}
@media(min-width: 767px) and (max-width: 1010px) {
    .contextualhide3 {
        display: none;
        visibility: hidden;
    }
}
.listConsentActions{
    text-align:left !important;
}
.consentListContainer{
    overflow-x: hidden !important;
}

/* consent list of assets */
.consentRow {
    max-width: initial !important;
    width: 100% !important;
    min-height: 212px;
    vertical-align: middle;
    padding-top: 17px !important;
    border-bottom: solid 1px #BCBCBC;
    margin-bottom: 10px;
}

.consentDocInfo {
    display: inline-block !important;
    vertical-align: top;
    padding-left: 25.5px !important;
    height: 160px;
    width: 400px;
    border-right: solid 1px #BCBCBC;
    position: relative;
    margin: 0 0 7px;
    margin-left: 240px;
}

.consentDocName {
    display: block;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px;
}

.consentPersonNames {
    display: block;
    margin-bottom: 10px;
}

.consentUsages {
    display: block;
    margin-bottom: 10px;
}

.consentUploadBy {
    position: absolute;
    bottom: 0px;
}

.consentGdprStatusInfo {
    display: inline-block !important;
    vertical-align: top;
    padding-left: 25.5px !important;
    height: 160px;
    width: 204px;
    border-right: solid 1px #BCBCBC;
    position: relative;
    margin: 0 0 7px;
}

.consentConsented, .consentPending, .consentDisapproved {
    display: block;
    vertical-align: top;
    color: #31a2e8;
    margin-bottom: 5px;
}

.consentNumber {
    font-size: 28px;
    font-weight: 400;
    display: inline-block;
}

.consentType {
    font-size: 15px;
    font-weight: 400;
    margin-left: 7px;
    display: inline-block;
}

.consentGdprStatusGeneral {
    display: inline-block !important;
    vertical-align: top;
    padding-left: 25.5px !important;
    height: 100%;
    consentGdprStatusGeneral
}

.consentItem {
    display: inline-block;
    padding-right: 20px;
}

.consentStatusOption {
    font-size: 15px;
    margin-bottom: 12px;
}

.consentStatusText {
    padding-left: 20px;
    line-height: 19px;
}

.consentStatusDisapproved {
    color: #cc4b4b;
    font-weight: bold;
}
.transparentbackground {
    display: inline-block;
    align-content: space-around;
    background-image: url(images/pattern60.gif) !important;
    background-position: left;
    background-clip: content-box;
}

.consentDocInfoNoMargin{
    margin-left: initial;
}
@media (max-width: 690px) {
    .consentDocInfo {
        margin-left: 0px;
        display:block;
        margin-bottom:10px;
        display:block !important;

        margin-top:180px;
        margin-left:0px;
        border-right:none;
    }
}

/* gdpredit */
@media (min-width: 1024px) 
{
    .gdpr-tag-form {
        width: 663px;
    }

    .gdpr-tag-form .row .label {
            width: 199px;
    }
    
}
@media (min-width: 1024px) {
    .tag-section-gdpr .holder {
        width: calc(100% - 663px);
        float: left;
    }
}
@media (min-width: 1024px){
    .gdpr-tag-form .row {
        height:41px;
        margin-bottom:18px;
    }
    .gdpr-special-row {
        height: initial !important;
    }
    .gdpr-special-small-row{
        margin-bottom:5px !important;
    }
    .gdpr-special-small-row .input{
            height: 41px;
            padding-top: 9px;
    }
    .gdpr-tag-form .row .label {
        font: normal normal normal 18px/23px Source Sans Pro;
        letter-spacing: 0px;
        color: #6F6F6F;
        line-height: 41px !important;
    }


    .gdpr-tag-form div  .slide  .row  input[type="text"] {
        text-align: left;
        font: normal normal normal 20px/25px Source Sans Pro;
        letter-spacing: 0px;
        color: #000000;
        margin: 0;
        height: 41px;
    }

    .gdprul{
        padding-left:2px !important;
    }

    .gdpr-box{
        height:41px;
        margin-top:initial;
        vertical-align:middle;
    }

    

    .gdprul li {
        margin-top: 5px !important;
    }
    .gdprul li .radio-blue-label{
        text-align: left;
        font: normal normal normal 20px/25px Source Sans Pro;
        letter-spacing: 0px;
        color: #000000;
        line-height: 20px;
    }
}


.tag-section-gdpr .holder .img-collection .display {
    display: none;
    visibility: hidden;
    opacity: 0;
}


.dstatus0 {
    /*width:20px;*/
    height:20px;
    display:inline-block;
}
.dstatus1 {
    background-image: url("images/consent/grønn.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 15px;
}

.dstatus2 {
    background-image: url("images/consent/rød.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 18px;
}

.dstatus3 {
    background-image: url(images/consent/gul.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 15px;
}

.dstatus4 {
    background-image: url("images/consent/grønn.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 15px;
}

.dstatus8 {
    background-image: url("images/consent/expired.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 15px;
}

.dstatusX {
    background-image: url("images/consent/gul.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px;
    background-position-y: 0px;
    line-height: 15px;
}


.dstatuslarge0 {
    width: 24px;
    height: 24px;
    display:inline-block;
}
.dstatuslarge1 {
    background-image: url("images/consent/grønn.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatuslarge2 {
    background-image: url("images/consent/rød.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatuslarge3 {
    background-image: url(images/consent/gul.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatuslarge4 {
    background-image: url("images/consent/grønn.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatuslarge8 {
    background-image: url(images/consent/expired.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 22px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatuslargeX {
    background-image: url("images/consent/gul.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 25px;
    background-position-y: 0px;
    line-height: 17px;
}

.dstatustag0 {
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustag1 {
    background: url("images/consent/grønn.svg") no-repeat 0px 0px transparent;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustag2 {
    background: url("images/consent/rød.svg") no-repeat 0px 0px transparent;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustag3 {
    background: url("images/consent/gul.svg") no-repeat 0px 0px transparent;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustag4 {
    background: url("images/consent/grønn.svg") no-repeat 0px 0px transparent;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustag8 {
    background: url("images/consent/expired.svg") no-repeat 0px 0px transparent;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.dstatustagX {
    background: url("images/consent/gul.svg") no-repeat 0px 0px transparent;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 30px;
}
.consentcontainerTag {
    padding-left: 25px;
    position: relative;
}
.consentcontainerTag0 a {
    margin-left: -25px;
}

.consentcontainerSlide {
    padding-left: 5px !important;
}
.consentcontainerSlide .tagGdprNotRequired {
    display: inline-block;
    
    font-size:14px;
    line-height:18px;
}
.tagGdprNotRequired span .jcf-checkbox {
    top: -2px !important;
}

.tagPersonsTitle{
    font-size:14px;
    line-height:18px;
    display:block;
    margin-top:0px;
    margin-bottom:5px;
}
.tagPersons .cat-options .cat-opener{
    height:48px;

    font-size:15px;
    line-height: 19px;
}
.tagPersons .cat-options .cat-opener span.tagpersonName {
    font-size: 15px;
    line-height: 30px;
    font-weight:400;
    color: #31a2e8 !important;
}
.tagpersonConsentData {
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    display: block !important;
    margin-left: 20px;
    margin-top: 3px;
    width: 100% !important;
}
.tagpersonConsentDataFirst {
        margin-top: -5px;
}

.tagPersonsSearch{
    margin-top: 18px;
}

.tagPersonsSearch .aaSearch {
    display: inline-block;
    width: 270px;
    margin-bottom: 10px;
    height: 30px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.tagPersonsSearch .aaSearch label {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 11px;
    height: 11px;
}

.tagPersonsSearch .aaSearchInput {
    padding-left: 28px !important;
    padding-top: 8px !important;
}
input.aaSearchInput:focus {
    outline:none !important;
}
.aaOr{
    display:inline-block;
    width:85px;
}
.aaNew{
    display:inline;
}
.tagConsent_list_item_container{
    width:263px;
    font-size:14px;
    line-height:18px;
    overflow-y:hidden;
    min-height:57px;
    margin-top:5px;
    margin-bottom:5px;
}
.tagConsent_item {
    display: block;
    position: relative;
    height: auto;
    
    padding-left: 25px;
    padding-right: 5px;

    cursor:pointer;
    /*border-bottom: solid 1px #585858;*/
}
.tagConsent_item .image{
    position:absolute;
    
    right:15px;
    width:38px;
    height:auto;
}
.tagConsent_item .label{
    position: relative;
    margin-left:0px;
}
span.tagSelectName{
    /*position:absolute;
    left:0px;
    top:0px;*/
    display:block;
    width:180px;
    font-weight:400;
}
span.tagSelectConsent {
    font-size:12px;
    font-weight:normal;
    /*position: absolute;
    left: 0px;
    top: 38px;*/
    display: block;
}

.tagOptionHover{
    background-color: #31a2e8;
}
.tagPersonConsent, .tagAlbumRow{
    position: relative;
}
.tagPersonConsent {
    padding-left:10px;
}
.deleteTagPerson, .deleteTagAlbum {
    display: none;
    position: absolute;
    right: 50px;
    top: 15px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    z-index: 100;
}

.gdprConsentReasonContainer {
    margin-left: -3px;
    min-width: 195px;
}
-newGedprItemFiedName{
    width: 263px;
}
-newGedprItemFiedTelephone {
    width: 263px;
}
img.rounded{
    border-radius: 5px;
}

.add-newgdpritem.li{
    padding-left:0px;
}
.newGedprItemFiedName {
    width: 263.6px !important;
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 6.5px;
}

.newGedprItemFiedTelephone {
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: calc(100% - 271px) !important;
}
.newGedprItemFiedTelephone input{
    width:100% !important;
}
.newGedprItemFiedEmail  {
    display: block !important;
    width: 100% !important;
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.newGedprItemFiedName input, .newGedprItemFiedTelephone input, .newGedprItemFiedEmail input{
    padding-top: 6px;
    padding-bottom: 6px;
}
.newGedprItemFiedButton {
    width: 100% !important;
    display: block !important;
    text-align: right;
}

.sharepointtransferred {
    color: #31a2e8 !important;
    background: url(../images/quick_success.png) 7px 7px no-repeat #FFFFFF !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline:none;
    padding-left: 27px;
}
.sharepointREtransferrable {
    color: #FFFFFF!important;
    background: url(../images/quick_error_2.png) 7px 7px no-repeat #31a2e8 !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline: none;
    padding-left: 27px;
}
.sharepointprocessing {
    color: #31a2e8 !important;
    background: url(../images/ajax-loader.gif) 7px 7px no-repeat #FFFFFF !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline: none;
    padding-left: 27px;
}
.sharepointaccessinfo {
    width: 24px;
    margin-left: 10px;
}

.ftptransferred {
    color: #31a2e8 !important;
    background: url(../images/quick_success.png) 7px 7px no-repeat #FFFFFF !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline: none;
    padding-left: 27px;
}

.ftpREtransferrable {
    color: #FFFFFF !important;
    background: url(../images/quick_error_2.png) 7px 7px no-repeat #31a2e8 !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline: none;
    padding-left: 27px;
}

.ftpprocessing {
    color: #31a2e8 !important;
    background: url(../images/ajax-loader.gif) 7px 7px no-repeat #FFFFFF !important;
    background-size: 16px 16px !important;
    border: solid 1px #31a2e8 !important;
    outline: none;
    padding-left: 27px;
}





.style04 {
    width: 746px;
    padding:20px;
}

    .style04 > .text-wrap > .h2 {
        margin: 0 0 8px;
        font-size: 28px;
        line-height: 1.2857;
        display: block;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .style04 .form-group {
        margin: 0 0 24px;
    }

    .style04 .btn {
        width: 212px;
        padding-top: 8px;
        margin: 0 0 20px;
    }

    .style04 label {
        font-weight: 600;
        margin: 0 0 12px;
    }

    .style04 > a > i.icon-close {
        display: none;
        visibility: hidden;
    }
    .style04 .text-wrap {
        margin: 0 0 30px;
        font-size: 15px;
        line-height: 20px;
    }
#permalinkPopup .version-select-holder {
    margin-bottom: 30px;
}
.jcf-select-version-select{
    width:65%;
}
@media (max-width: 640px) {
    .style04 {
        padding: 33px 46px 24px;
        width: 600px;
    }

        .style04 .btn {
            margin: 0 0 35px;
        }
}

.btnspan{
    background-color: transparent !important;
    padding-left:0px !important;
    color: initial !important;
    font-weight:normal;
}

.warningcolor {
    color: #cc4b4b !important;
}

.recyclebindisabled {
    /*display:none;
    visibility:hidden;*/
    cursor: default !important;
    background-color: transparent !important;
    color: #D5D2D2 !important;
    border: solid 1px #D5D2D2 !important;
}

.recyclebinHeader {
    overflow: hidden;
    padding: 20px 9999px 0;
    margin: 0 -9999px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ececec;
    position: relative;
    text-align: left;
    padding-bottom: 20px;
    font-size: 15px;
}
.deletepermanentall, .deletepermanentall:hover {
    background: url('images/recyclebin/SVG/Group 2.svg') 15px 8px no-repeat transparent;
}
.deletewarning.deletepermanentall, .deletewarning.deletepermanentselected {
    border: 1px solid #cc4b4b;
}
.deletepermanentselected, .deletepermanentselected:hover {
    background: url('images/recyclebin/SVG/Group 2.svg') 15px 8px no-repeat transparent;
}
.deletepermanentselected.recyclebindisabled {
    background: url('images/recyclebin/Group 4.png') 15px 8px no-repeat transparent !important;
}

.restoreselected, .restoreselected:hover {
    background: url('images/recyclebin/SVG/Group 5.svg') 15px 8px no-repeat #31a2e8 !important;
    border: 1px solid #31a2e8;
}
.restoreselected.recyclebindisabled {
    background: url('images/recyclebin/Group 5.png') 15px 8px no-repeat transparent !important;
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
    .deletepermanentall, .deletepermanentall:hover, .deletepermanentselected, .deletepermanentselected:hover {
        background: url('images/recyclebin/Group 2@2x.png') 15px 8px no-repeat transparent;
    }

    .deletepermanentselected.recyclebindisabled {
        background: url('images/recyclebin/Group 4@2x.png') 15px 8px no-repeat transparent !important;
    }

    .restoreselected, .restoreselected:hover, .restoreselected.recyclebindisabled {
        background: url('images/recyclebin/Group 5@2x.png') 15px 8px no-repeat #31a2e8 !important;
    }
}

.recyclebinTitle {
    font-size: 32px;
    line-height: 40px;
    color: #000000;
}
.recyclebinExplanation {
    font-size: 16px;
    line-height: 20px;
    color: #585858;
}
.nodocumentsfound {
    font-size: 16px;
    padding-bottom: 100px;
    padding-top: 20px;
    min-height: 110px;
}

.originalcontainer{
    position: relative;
}
.originalcontainer strong{
    display:inline-block !important;
}
.downloadOriginalVersion {
    display: inline-block;
    position: absolute;
    right: 10px;
    font-size: 15px;
    line-height: 24px;
}

.format-list {
    position: absolute;
    right: 40px;
    list-style: none;
    display: inline-block;
}
.format-list li{
    position: relative;
	padding: 2px 3px 0px 2px !important;
    background-color: #31a2e8;
    color:#FFFFFF;
    height:initial !important;
    width:initial !important;
    font-size:15px;
}
.format-list li.jpg, .format-list li.jpeg{
    background-color: #92bbd5;
}
.format-list li.psd, .format-list li.pdf{
    background-color: #458abe;
}
.format-list li.tif, .format-list li.tiff{
    background-color: #92bbd5;
}
.format-list li.png{
    background-color: #f27265;
}
.format-list li.video{
    background-color: #f27265;
}

.coveredlabelcontainer .format-list {
    display: block;
    height: 14px;
    margin-bottom: 15px;
    padding-left: 0;
    position: initial;
}
.coveredlabelcontainer .format-list li {
    display: inline-block;
    font-size: 9px;
    height: 14px;
}
.coveredlabelcontainer .format-list li a {
    border-radius: 1px;
    color: #fff;
    font-size: 9px;
}
.img-collection .images dl dd {
    margin-bottom: 11px;
}


.traffichelper {
    display: block;
}
.traffichelper a {
    display: block;
    margin-left: auto;
    margin-right: 0px;
    width: 100px;
    margin-bottom: 50px;
}

.albumOptionsLabel {
    width: 200px !important;
}

.languageBody-de .aaNew a {
    width: 10px;
    margin-left: 0px;
}
.languageBody-de .tr3td {
    max-width: 100px;
    width: auto!important;
}
.languageBody-de .albumaccesstype-2 {
    height: initial !important;
}
.languageBody-de .albuminfosmall span.colDate,
.languageBody-de .albuminfosmall span.colNoAssets,
.languageBody-de .albumaccesstype-0,
.languageBody-de .albumaccesstype-1 {
    height: 30px !important;
    line-height: 30px;
}
.languageBody-de .liMenuPrivacy ul{
    width:260px !important;
}
.plupload_header{
    display:none;
    visibility:hidden;
    opacity:0;
}
.plupload_content{
    top: 0px !important;
}

.switch.disabled {
    filter: alpha(opacity=40);
    zoom: 1; /* Fix for IE7 */
    opacity: 0.4; /* Standard Syntax */
}

.jcf-select-confLevelAI {
    display: inline-block;
    vertical-align: top;
    margin: -5px 0px 0px 0px;
    width: 80px;
}
#thumbinfoForCollection {
    border: none;
}
#errorsInThumbs {
    color: #cc4b4b;
    cursor: pointer;
    font-weight: 600;
}

.uploadedDuplicatesInfo {
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}
    .uploadedDuplicatesInfo a, .uploadedDuplicatesInfo a:hover {
        text-decoration: underline;
        font-weight: 600;
        color: #31a2e8 !important;
    }
.poolselectedText {
    color: #585858 !important;
    cursor: auto !important;
}
.poolselectedLink {
    color: #31a2e8 !important;
    padding-left: 5px;
}
.duplicateIcon {
    position: absolute;
    bottom: 11px;
    right: 11px;
    width: 35px !important;
    height: 35px !important;
}

.loginmsi{
    cursor: pointer;
}

.mfa_disabled {
    color: #CCC;
}

#access_control_mfa {
    margin-top: 1em;
}

.infobox {
    background-color: #F5F5F5;
    border: solid 1px #C3C3C3;
    padding: 0.5em;
}

.infobox_hidden {
    display: none;
}

.liMenuPrivacy .liWithMenu ul {
    margin: -8px 15px 0 0;
    padding: 7px 10px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    position: absolute;
    top:0;
    right: 100%;
    display: none;
    background: #111E24;
    border: 1px solid #29404c;
}

.liMenuPrivacy .liWithMenu ul:before{
    width:15px;
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: auto;
    bottom: 0;
}

.liMenuPrivacy .liWithMenu ul:after{
    content: "";
    position: absolute;
    top: 10px;
    left: 100%;
    right: auto;
    bottom: auto;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #29404c;
}

.liMenuPrivacy .liWithMenu ul.hover {
    display: block;
}

.liMenuPrivacy .liWithMenu ul li a {
    display: block;
    padding: 5px 0;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liMenuPrivacy .liWithMenu {
    position: relative;
}

.configVideoHm {
    line-height: 18px;
    padding-bottom: 20px;
    padding-top: 8px;
}

.configVideoStatistics {
    margin-bottom: 20px !important;
    margin-top: 30px !important;
}

.configNoBorder {
    border-bottom: none !important;
}

.configVideoJpg {
    margin-top: 20px !important;
}

.configVideoMP4 {
    margin-top: 20px !important;
}

.configBorder {
    border-bottom: 1px solid #d8d8d8 !important;
}

#deleteUserFieldLabel{
    width:100%;
    font-size:16px;
    line-height:36px;
    font-weight: 600;
    text-align:center;
}

.versionEditName .txt, #assetscontainer .txt .txt {
    color: #31a2e8 !important;
    line-height: 20px;
    margin-left: 2px;
    vertical-align: top;
}

.txtdel {
    line-height: 20px;
    margin-left: 2px;
    vertical-align: top;
}

.tag-form-edit{
    min-width:initial!important;
    max-width:initial!important;
    width: 100%!important;
    margin: 0px !important;
    padding: 0px !important;
    z-index:0 !important;
}
.editbulk{
    padding-bottom: 0px!important;
}
.alttext-verified-by{
    text-align:left!important;
    font-size:14px;
}
.editbulkOption {
    color: #FFFFFF;
    margin-right: 20px;
    line-height: 36px;
    padding-left:2px;
}
.footer-edit-bulk {
    background-color: #FFFFFF;
}
.footer-edit-bulk ul li span {
    color: #585858 !important;
}

.row-text-info {
    margin-bottom: 15px;
    margin-top: -5px;
}
    .row-text-info span, .row-text-info .btn {
        float: right;
    }
@media (min-width: 1024px) {
    .textareasmall {
        font-size: 12px;
    }
}

.diHeader {
    display: block;
    width: 100%;
}

.diWithTextArea, .diWithFileUpload {
    display: inline-flex;
    width: 45%;
}

.diWithFileUpload {
    padding-left: 50px;
}

.diFileUploadExplanation {
    display: block;
    width: 100%;
    line-height: 24px;
}

.diExplanation {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px;
}

.diSelectLabel, .diSelectCombo {
    display: inline-flex;
    padding-right: 20px;
}

.fileInputDocInfo {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -1000px !important;
}
.btnUploadFile{
    margin-top: 15px;
}
#diTextAreaValues {
    height: 155px;
}
.diSelectDocumentInfoType {
    margin-bottom: 5px;
}
.aReplaceOriginal {
    white-space: nowrap;
}
