/*#region nCodeView */

textarea.ncodeview, textarea[data-role="ncodeview"] {
    display: none;
}

.ncodeview-editor {
    /*padding:5px;*/
    /*border:solid 5px #e8e9e8;*/
    /*border-bottom-left-radius:10px;*/
    /*border-bottom-right-radius:10px;*/
}

.ncodeview-buttons {
    background-color:#e8e9e8;
    padding-bottom:2px;
    border-bottom: solid 1px #bebebe;
}

.ncodeview-button-edit, .ncodeview-button-preview {
    color: #222;
    padding: 4px 5px 0 10px;
    cursor: pointer;
}

.ncodeview-button-edit:hover, .ncodeview-button-preview:hover {
    text-decoration: none;
    color: #808080;
}

.ncodeview-button-edit.active, .ncodeview-button-preview.active {
    text-decoration: underline;
}

.ncodeview-iframe {
    border: 1px solid #ebecee;
    width: 100%;
    min-height: 450px;
    box-sizing: border-box;
    height: 450px;
    display: inline;
}

/*#endregion */

/*#region nDialog */

.n-dialog.n-dialog-text .n-dialog-container {  /* If the dialog contains text */
}

.n-dialog.n-dialog-html .n-dialog-container {  /* If the dialog contains html */
}

.n-dialog .n-dialog-content-group {
}

.n-dialog .n-dialog-icon {
    float:left;
    font-size:2.5em;
    color:dimgray;
    clear:left;
}

.n-dialog.n-dialog-text .n-dialog-content {
    max-height: 200px;
    overflow:auto;
    font-size:1.1em;
}

.n-dialog.n-dialog-html .n-dialog-content {
}

.n-dialog .n-dialog-button-group {
    text-align:right;
    margin-top:10px;
}

.n-dialog .n-dialog-button-group button {
    margin-left:10px;
    min-width:80px;
}

.n-dialog .n-dialog-button-group button.k-state-disabled {
    pointer-events: none;
}

/*#endregion */

/*#region nNotification */

/*#endregion */

/*#region nTranslate */

.n-translate.error {
    background-color:#ff6a00;
    padding:2px 6px;
}

/*#endregion */

/*#region nTranslateGrid */
.n-translategrid .k-filtercell>span {
    padding-right: 40px;
}

.n-translategrid .k-filtercell>span>.k-button {
    padding:8px 8px;
}

.n-translategrid .k-grid-toolbar button {
    padding: 4px 9px;
    text-transform: none;
}

.n-translategrid .k-grid-toolbar .k-dropdown {
    width: 150px;
    margin: 0 9px;
}

    .n-translategrid .k-grid-toolbar .k-dropdown > span {
        height: 25px;
    }

        .n-translategrid .k-grid-toolbar .k-dropdown > span > span {
            margin-top: -4px;
        }

.n-translategrid .k-hierarchy-cell {
    padding-left: 6px;
}

.n-translategrid .grid-btn {
    color: #41424d;
    padding: 10px;
    margin: -10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

.n-translategrid .k-detail-cell {
    padding: 0;
}

    .n-translategrid .k-detail-cell > div {
        border-top: none;
        border-right: none;
        border-bottom: none;
    }

.n-translategrid tr:last-child > td {
    border-bottom:solid 1px #e6e6e6;
}

/*#endregion */

/*#region nUpload */

input[data-role="nupload"] {
    opacity: 0; /*Can't use display:none becase the input element must be used*/
}

.n-upload {
    position: relative; /*Necesary to get kendo progress centered inside this div when thinking*/
}

    .n-upload .n-upload-upload-button { /*Upload button*/
        margin: 8px;
        padding: 5px 14px;
        text-transform: none;
    }

    .n-upload .k-dropzone {
        padding: 5px;
    }

    .n-upload > ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 5px 0;
        overflow-y: auto;
    }

        .n-upload > ul > li {
            position: relative;
            width: 100%;
            min-height: 40px;
            margin: 0;
            padding: 0;
            line-height: 1;
            color: #31323d;
            border-top: solid 1px #e6e6e6;
            transition: all 0.2s;
        }

            .n-upload > ul > li.error {
                background-color: #ffa2a2;
            }

            .n-upload > ul > li.success {
                background-color: #b6ffa4;
            }

            .n-upload > ul > li .n-upload-file-icon {
                position: absolute;
                font-size: 2.3em;
                left: 1px;
                top: -1px;
                padding: 4px 0 0 0;
                color: #565656;
            }

            .n-upload > ul > li .n-upload-extension {
                color: #565656;
                position: absolute;
                font-size: 0.75em;
                font-weight: bold;
                text-align: center;
                width: 21px;
                left: 6.5px;
                top: 18px;
                height: 15px;
                overflow: hidden;
            }

            /*View--------------------------*/
            .n-upload > ul > li > .n-upload-view > .n-upload-name {
                position: absolute;
                font-weight: bold;
                left: 35px;
                top: 2px;
                border: none;
                width: calc(100% - 200px);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .n-upload > ul > li > .n-upload-view > .n-upload-note {
                position: absolute;
                left: 35px;
                font-style: italic;
                top: 20px;
                border: none;
                height: 20px;
                width: calc(100% - 200px);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .n-upload > ul > li > .n-upload-view > .n-upload-saved {
                position: absolute;
                right: 92px;
                top: 2px;
                box-shadow: none;
                border: none;
            }

            .n-upload > ul > li > .n-upload-view > .n-upload-size {
                position: absolute;
                right: 92px;
                top: 20px;
            }

            .n-upload > ul > li > .n-upload-view > .n-upload-buttons {
                position: absolute;
                right: 2px;
                top: 0;
            }

                .n-upload > ul > li > .n-upload-view > .n-upload-buttons > button {
                    padding: 0 8px 0 2px;
                    width: 12px;
                    font-size: 18px;
                    border: none;
                    background-color: transparent;
                    height: 40px;
                }

            /*Upload--------------------------*/
            .n-upload > ul > li > .n-upload-upload > .n-upload-name {
                position: absolute;
                font-weight: bold;
                left: 35px;
                top: 2px;
                border: none;
                overflow: no-display;
            }

            .n-upload > ul > li > .n-upload-upload > .n-upload-status {
                position: absolute;
                font-weight: bold;
                right: 15px;
                top: 2px;
                border: none;
                overflow: no-display;
            }

            .n-upload > ul > li > .n-upload-upload > .n-upload-progress-bar {
                position: absolute;
                left: 35px;
                top: 25px;
                width: calc(100% - 50px);
                height: 5px;
                background: #555;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                padding: 1px;
                box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
            }

                .n-upload > ul > li > .n-upload-upload > .n-upload-progress-bar > span {
                    display: block;
                    height: 100%;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                    background-color: white;
                    box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
                    position: relative;
                    overflow: hidden;
                }

            /*Edit--------------------------*/
            .n-upload > ul > li > .n-upload-edit {
                height: 52px;
            }

                .n-upload > ul > li > .n-upload-edit label {
                    margin: 4px;
                }

                .n-upload > ul > li > .n-upload-edit > .n-upload-edit-name {
                    position: absolute;
                    left: 35px;
                    top: 0;
                    width: calc(100% - 65px);
                }

                .n-upload > ul > li > .n-upload-edit > .n-upload-edit-note {
                    position: absolute;
                    left: 35px;
                    top: 25px;
                    width: calc(100% - 65px);
                }

            .n-upload > ul > li .n-upload-edit-name span:before {
                content: '.';
            }

            .n-upload > ul > li .n-upload-edit-name span { /*Extension*/
                position: absolute;
                right: 7px;
                top: 7px;
                font-style: italic;
                pointer-events: none;
            }

            .n-upload > ul > li input {
                position: absolute;
                left: 45px;
                margin: 2px 5px 2px 10px;
                width: calc(100% - 60px);
                height: 18px;
            }


            .n-upload > ul > li > .n-upload-edit > button {
                position: absolute;
                right: 2px;
                top: 0;
                padding: 0 8px 0 2px;
                width: 15px;
                font-size: 18px;
                border: none;
                background-color: transparent;
                height: 52px;
            }


    .n-upload button:hover {
        color: darkgray;
    }

/*.n-upload .n-upload-dirty.n-upload-is-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    overflow: hidden;
    vertical-align: top;
}*/

/*#endregion */