/*
 * --- CONSOLE --- 
 */
.nuimg-console {
/*    display:inline-block;*/
    color:#fff;
    background-color:#000;
    padding:2px;
}
.nuimg-console .clearboth {
    clear:both;
}

/*
 * --- FORM --- 
 */

.nuimg-feedback {
    display:none;
    color:#fff;
    border:3px solid;
    padding:10px 10px 10px 20px;
    list-style:square;
    margin:10px 0;
}
.nuimg-feedback.ko {
    background-color:#f00;
}
.nuimg-feedback.visible {
    display:block;
}


/*
 * --- LIST --- 
 */

table.nuimg-items {
    border-collapse:collapse;
/*    width:100%;*/
    text-align:left;
    color:#000;
}

table.nuimg-items thead {
    background-color:#666;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

table.nuimg-items,
table.nuimg-items > * > tr > th,
table.nuimg-items > * > tr > td
{
    border: 1px solid #ddd;
}

table.nuimg-items > * > tr > th,
table.nuimg-items > * > tr > td
{
    /*height: 24px;*/
    padding:4px;
    vertical-align:top;
    text-align:left;
}
table.nuimg-items > * > tr > th {
    padding-left:8px;
}


/*
 * --- ITEM --- 
 */

table.nuimg-items > tbody > tr + tr {
        border-top:2px solid #666;
}
table.nuimg-items > tbody > tr:nth-child(odd) {
    background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAACBJREFUGFdj/P//PwMDw+XLlxkuXboE5ID4QAzi/P8PADGIFlhmNzmAAAAAAElFTkSuQmCC) left top repeat;
}
table.nuimg-items > tbody > tr:nth-child(even) {
   background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAB5JREFUGFdjuHTp0n8wYARiBgaGy5cvMwBZIOH//wFPQhZYPmTt9gAAAABJRU5ErkJggg==) left top repeat;        
}

table.nuimg-items > tbody > tr:nth-child(odd) > * {
    background-color: rgba(240,240,255,0.5);
}
table.nuimg-items > tbody > tr:nth-child(even) > * {
    background-color: rgba(240,255,240,0.5);
}

table.nuimg-items > tbody > tr:hover > .cell-edit {
    background-color: rgba(255,255,100,0.5);
}

table.nuimg-items > tbody > tr.nuimg-item[data-published="0"] > * {
    background-color:rgba(125,125,125,0.5) !important;
}



.nuimg-item button {
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #aaa;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    background-color: #dcb;
    height: 26px;
    line-height: 24px;
    color: #000;
    text-transform: none;
    font-weight: bold;
    display: inline-block;
    padding: 0 5px;
    position: relative;
}
.nuimg-item button:hover {
    background-color: #ddd;
    color:inherit;    
}
.nuimg-item button[disabled] {
    cursor: default;
    /*color: #666;*/
    opacity:0.5;
}

/*
 * --- ITEM > POSITION ---
 */ 

.nuimg-items .cell-move {
    width:66px;
}
.nuimg-items.only-one-item .cell-move {
    display:none;
}
.nuimg-items .move-wrapper {
    width:66px;
}
.nuimg-items [data-move] {
    text-align:center;
    width:30px;
    position:relative;
    text-indent:-9999px;
}
.nuimg-items [data-move]::before {
    content:'';
    position:absolute;
    left:5px;
    top:3px;
    display:block;
    width:18px;
    height:18px;
background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iW1t3aWR0aDoxOHB4XV0iIGhlaWdodD0iW1toZWlnaHQ6MThweF1dIiBmaWxsPSJbW2ZpbGw6IzAwMF1dIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMS40NzkgMzEuNDc5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40NzkgMzEuNDc5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI2LjQ3NywxMC4yNzRjMC40NDQsMC40NDQsMC40NDQsMS4xNDMsMCwxLjU4N2MtMC40MjksMC40MjktMS4xNDMsMC40MjktMS41NzEsMGwtOC4wNDctOC4wNDcNCiB2MjYuNTU1YzAsMC42MTktMC40OTIsMS4xMTEtMS4xMTEsMS4xMTFjLTAuNjE5LDAtMS4xMjctMC40OTItMS4xMjctMS4xMTFWMy44MTNsLTguMDMxLDguMDQ3Yy0wLjQ0NCwwLjQyOS0xLjE1OSwwLjQyOS0xLjU4NywwDQogYy0wLjQ0NC0wLjQ0NC0wLjQ0NC0xLjE0MywwLTEuNTg3bDkuOTUyLTkuOTUyYzAuNDI5LTAuNDI5LDEuMTQzLTAuNDI5LDEuNTcxLDBMMjYuNDc3LDEwLjI3NHoiLz48L3N2Zz4=) left top;
}
.nuimg-items [data-move="down"]::before {
    transform:rotate(180deg)
}
@media screen and (max-width:540px) {
.nuimg-items .cell-move {
    width:auto;
}
.nuimg-items .move-wrapper {
    width:auto;
}
.nuimg-items [data-move] {
    display:block;
    margin:16px 0;
}
}


/*
 * --- ITEM > EDIT <a href="">...</a> ---
 */ 

.nuimg-item .caption-wrapper {
/*    color:inherit !important;*/
    display:block !important;
    position:relative !important;
    min-height:70px !important;
    padding-left:80px !important;
    word-break:break-all;
}
.nuimg-item .caption-wrapper a {
    color:inherit !important;    
    text-decoration:none !important;
}
.nuimg-item a:hover span {
    text-decoration:underline !important;
}
.nuimg-item .caption-wrapper i {
    font-style:italic;
}

/*
 * --- ITEM > THUMBNAIL ---
 */ 

.nuimg-item .caption-wrapper img {
    position:absolute;
    top:0;
    left:0;
}

/*
 * --- ITEM > CAPTION ---
 */ 

.nuimg-items .caption-wrapper a .caption {
    position:relative;
    padding-left:16px;
}
.nuimg-items .caption-wrapper a .caption::before {
    content:'';
/*    outline:1px solid red;*/
    position:absolute;
    left:0;
    top:4px;
    display:block;
    width:12px;
    height:12px;
background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iW1t3aWR0aDoxOHB4XV0iIGhlaWdodD0iW1toZWlnaHQ6MThweF1dIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MjguODk5IDUyOC44OTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyOC44OTkgNTI4Ljg5OTsiPg0KPHBhdGggZmlsbD0iW1tmaWxsOiMwMDBdXSIgZD0iTTMyOC44ODMsODkuMTI1bDEwNy41OSwxMDcuNTg5bC0yNzIuMzQsMjcyLjM0TDU2LjYwNCwzNjEuNDY1TDMyOC44ODMsODkuMTI1eiBNNTE4LjExMyw2My4xNzdsLTQ3Ljk4MS00Ny45ODEgYy0xOC41NDMtMTguNTQzLTQ4LjY1My0xOC41NDMtNjcuMjU5LDBsLTQ1Ljk2MSw0NS45NjFsMTA3LjU5LDEwNy41OWw1My42MTEtNTMuNjExIEM1MzIuNDk1LDEwMC43NTMsNTMyLjQ5NSw3Ny41NTksNTE4LjExMyw2My4xNzd6IE0wLjMsNTEyLjY5YyAxLjk1OCw4LjgxMiw1Ljk5OCwxNi43MDgsMTQuODExLDE0LjU2NWwxMTkuODkxLTI5LjA2OSBMMjcuNDczLDM5MC41OTdMMC4zLDUxMi42OXoiLz48L3N2Zz4=) left top;
}


/*
 * --- ITEM > PUBLISH ---
 */ 
/*
table.nuimg-items > * > tr > *.publish {
    width:120px;
    text-align:left;
}
*/
.nuimg-item .published {
    display:block;
}
.nuimg-item .published label {
    display:block;
    min-height: 24px;
}
/*
.nuimg-item .published span {
    padding:4px;
}

.nuimg-console [data-published="1"] .published label:first-child span {
    background-color:#080;
    color:#fff;
}
.nuimg-console [data-published="0"] .published label+label span {
    background-color:#f80;
    color:#fff;
}
*/
[type="radio"][name="published"] + span {
    padding:4px;
}
            [type="radio"][name="published"][value="0"]:checked + span {
    background-color:#f80;
    color:#fff;
            }
            [type="radio"][name="published"][value="1"]:checked + span {
    background-color:#080;
    color:#fff;
            }




/*
 * --- ITEM > DELETE ---
 */ 

.nuimg-items .delete {
    position:relative;
    padding-left:24px;  
}
.nuimg-items .delete::before {
    content:'';
    position:absolute;
    left:2px;
    top:3px;
    display:block;
    width:18px;
    height:18px;
background:transparent url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJbW2ZpbGw6IzAwMF1dIiB3aWR0aD0iW1t3aWR0aDoxOHB4XV0iIGhlaWdodD0iW1toZWlnaHQ6MThweF1dIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NzQuMjY2IDc3NC4yNjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc3NC4yNjYgNzc0LjI2NjsiPg0KCQk8cGF0aCBkPSJNNjQwLjM1LDkxLjE2OUg1MzYuOTcxVjIzLjk5MUM1MzYuOTcxLDEwLjQ2OSw1MjYuMDY0LDAsNTEyLjU0MywwYy0xLjMxMiwwLTIuMTg3LDAuNDM4LTIuNjE0LDAuODc1DQoJCQlDNTA5LjQ5MSwwLjQzOCw1MDguNjE2LDAsNTA4LjE3OSwwSDI2NS4yMTJoLTEuNzRoLTEuNzVjLTEzLjUyMSwwLTIzLjk5LDEwLjQ2OS0yMy45OSwyMy45OTF2NjcuMTc5SDEzMy45MTYNCgkJCWMtMjkuNjY3LDAtNTIuNzgzLDIzLjExNi01Mi43ODMsNTIuNzgzdjM4LjM4N3Y0Ny45ODFoNDUuODAzdjQ5MS42YzAsMjkuNjY4LDIyLjY3OSw1Mi4zNDYsNTIuMzQ2LDUyLjM0Nmg0MTUuNzAzDQoJCQljMjkuNjY3LDAsNTIuNzgyLTIyLjY3OCw1Mi43ODItNTIuMzQ2di00OTEuNmg0NS4zNjZ2LTQ3Ljk4MXYtMzguMzg3QzY5My4xMzMsMTE0LjI4Niw2NzAuMDA4LDkxLjE2OSw2NDAuMzUsOTEuMTY5eg0KCQkJIE0yODUuNzEzLDQ3Ljk4MWgyMDIuODR2NDMuMTg4aC0yMDIuODRWNDcuOTgxeiBNNTk5LjM0OSw3MjEuOTIyYzAsMy4wNjEtMS4zMTIsNC4zNjMtNC4zNjQsNC4zNjNIMTc5LjI4Mg0KCQkJYy0zLjA1MiwwLTQuMzY0LTEuMzAzLTQuMzY0LTQuMzYzVjIzMC4zMmg0MjQuNDMxVjcyMS45MjJ6IE02NDQuNzE1LDE4Mi4zMzlIMTI5LjU1MXYtMzguMzg3YzAtMy4wNTMsMS4zMTItNC44MDIsNC4zNjQtNC44MDINCgkJCUg2NDAuMzVjMy4wNTMsMCw0LjM2NSwxLjc0OSw0LjM2NSw0LjgwMlYxODIuMzM5eiIvPg0KCQk8cmVjdCB4PSI0NzUuMDMxIiB5PSIyODYuNTkzIiB3aWR0aD0iNDguNDE4IiBoZWlnaHQ9IjM5Ni45NDIiLz4NCgkJPHJlY3QgeD0iMzYzLjM2MSIgeT0iMjg2LjU5MyIgd2lkdGg9IjQ4LjQxOCIgaGVpZ2h0PSIzOTYuOTQyIi8+DQoJCTxyZWN0IHg9IjI1MS42OSIgeT0iMjg2LjU5MyIgd2lkdGg9IjQ4LjQxOCIgaGVpZ2h0PSIzOTYuOTQyIi8+DQo8L3N2Zz4=) left top no-repeat;   
}

    .nuimg-items .hide_caption {
     background-color: rgba(255,255,255,0.6);
    font-size: 80%;
    display: inline-block;
    padding: 0 3px;
    }

/*
table.nuimg-items .date-insert {
    background-color:olive;
    color:#fff;
    padding:3px;
    font-size:12px;
    font-family:monospace;
    display: inline-block;
}
table.nuimg-items .summary {
    font-style:italic;
}

table.nuimg-items td.has_thumbnail_1 div {
    min-height:50px;
    padding-right:52px;
    position:relative;

}
table.nuimg-items td.has_thumbnail_1 div .thumbnail {
    position:absolute;
    right:0;
    top:0;
}
table.nuimg-items .nth.published-0 {
    text-decoration: line-through;
    color:#999;
}
*/


@media screen and (max-width:540px) {
    table.nuimg-items {
        width:100%;
/*        border-top:2px solid #000;*/
    }
    table.nuimg-items thead {
        display:none;
    }
    .nuimg-items .cell-publish,
    .nuimg-items .cell-delete {
        display:block;
    }
    .nuimg-items .cell-delete {
/*        text-align:right;*/
        padding-left:5px;
    }
    }
@media screen and (max-width:440px) {
    .nuimg-items .cell-edit {
        display:block;
    }
    .nuimg-items .cell-publish,
         .nuimg-items .cell-delete {
        height:60px;
    }
    .nuimg-items .cell-publish {
       width:calc(100% - 97px);
        float:left;
        border:none;
    }
    .nuimg-items .cell-delete {
        text-align:right;
        float:right;
        border:none;
    width:80px;
    }

}



/*
 * --- EDITOR --- 
 */



            .nuimg-editor img {
                display:block;
                border:1px solid;
                margin-bottom:10px;
            }