body {
    margin: 0;
    padding: 0;
    background: #1d1f1f;
}

    body.static {
        overflow: hidden;
    }

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.cursor {
    cursor: pointer
}

div.pdfviewer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    border: 1px solid #b6b6b6;
}


div.pdfviewer > div.image {
    border-right: 1px solid #b6b6b6;
}

div.pdfviewer > div.image img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

div.pdfviewer {
	margin: 12px 0;
}

div.pdfviewer > div {
	padding: 10px 20px;
}

a.btn i.fa.v5-star {
    width: 19px;
    height: 16px;
    background-position: 0 0;
    padding: 0;
    margin: 2px 0 0 -2px;
    float: left;
}
div.pdfviewer a.btn {
    padding: 0 12px;
    line-height: 32px;
}

.fixed-header {
    position: fixed;
}

.page-heading {
    position: fixed;
    top: 68px;
}

.wrapper-content {
    margin-top: 180px;
}

.relative {
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.ibox-content .redtext {
    color: #ed5565 !important;
}

#AjaxLogOn {
    z-index: 2052;
}


input[type=text], input[name=password], textarea {
    -webkit-appearance: none;
    border-radius: 3px;
    height: 36px;
}

input[type=submit], input[type=button] {
    -webkit-appearance: none;
    border-radius: 3px;
    cursor: pointer;
}

textarea, select {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    resize: none;
}

input[type=text], input[name=password] {
    border: 1px solid #b6b6b6;
    background: #fff;
}

.innerlabelwrapper {
    position: relative;
}

    .innerlabelwrapper .innerlabel {
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 7px;
        padding: 0 3px;
        transition: all .1s ease;
        color: #999;
    }

.date-time.innerlabelwrapper.focus .innerlabel,
.date-time.innerlabelwrapper.active .innerlabel,
.date-time.innerlabelwrapper input[type=text]:focus + .innerlabel {
    top: -7px;
    left: 7px;
    padding: 0 3px;
    font-size: 10px !important;
    z-index: 4;
    line-height: 1;
}

.innerlabelwrapper.focus .innerlabel,
.innerlabelwrapper.active .innerlabel,
.innerlabelwrapper input[type=text]:focus + .innerlabel {
    top: -6px;
    left: 7px;
    padding: 0 3px;
    font-size: 10px !important;
    z-index: 4;
    line-height: 1;
}

    .innerlabelwrapper.focus .innerlabel::before,
    .innerlabelwrapper.active .innerlabel::before,
    .innerlabelwrapper input[type=text]:focus + .innerlabel::before {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        z-index: -1;
    }

.innerlabelwrapper {
    background-color: #fff;
}

    .innerlabelwrapper > input[type=text] {
        background: transparent !important;
        position: relative;
        z-index: 2;
    }

.btn-group.innerlabelwrapper {
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    position: relative;
    padding: 15px;
    display: flex !important;
}

    .btn-group.innerlabelwrapper .innerlabel {
        top: -7px;
    }

.filter-options .form-group.inline .radio {
    margin: 9px 0 0 0;
}

.filter-options div.radio {
    text-align: left !important;
}

div.radio > input {
    display: none;
}

    div.radio > input + label {
        position: relative;
        padding-left: 25px;
    }

        div.radio > input + label::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 18px;
            width: 18px;
            border: 1px solid #e5e6e7;
            border-radius: 50%;
            background-color: #fff;
            z-index: 1;
        }

    /*div.radio > input + label::after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            margin: 4px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background-color: #e5e6e7;
            z-index: 2;
        }*/

    div.radio > input:checked + label::after {
        background-color: #41accc;
    }

div.radio.green > input + label::before {
    border: 1px solid #167a66;
}

div.radio.yellow > input + label::before {
    border: 1px solid #f5ab5f;
}

div.radio.red > input + label::before {
    border: 1px solid #ed5565;
}

div.radio.blue > input + label::before {
    border: 1px solid #41accc;
}

div.radio.green > input:checked + label::after {
    background-color: #167a66;
}

div.radio.yellow > input:checked + label::after {
    background-color: #f5ab5f;
}

div.radio.red > input:checked + label::after {
    background-color: #ed5565;
}

div.radio.blue > input:checked + label::after {
    background-color: #41accc;
}

ul.circles {
    margin: 0;
    padding: 0;
    line-height: 39px;
}

.dd-item ul.circles {
    line-height: 39px;
}

ul.circles li {
    display: inline-block;
    list-style: none;
    width: 10px;
    height: 10px;
    background: #e5e6e7;
    border-radius: 50%;
    margin: 0 2px;
}

    ul.circles li.green {
        background-color: #167a66;
    }

    ul.circles li.yellow {
        background-color: #f5ab5f;
    }

    ul.circles li.red {
        background-color: #ed5565;
    }

    ul.circles li.blue {
        background-color: #41accc;
    }

* {
    font-size: 12px;
    line-height: 16px;
    outline: none;
}

html, body {
    color: #333;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #000;
        text-decoration: none;
    }

    a.blue {
        color: #337ab7;
    }

.sitewidth {
    max-width: 1200px;
    margin: 0 auto;
}

#wrapper {
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.wrapper-content {
    background: rgba(243,243,244,0.80);
    margin-right: -15px;
    margin-left: -15px;
    padding: 30px;
    padding-bottom: 0;
    display: block;
    width: 1200px;
    min-height: calc(100vh - 180px);
}

#right-panel-sticky-wrapper {
    height: auto !important;
}

.table {
    display: table;
    width: 100%;
}

    .table .cell {
        display: table-cell;
    }

.pageBaseA .wrapper-content {
    position: relative;
    z-index: 1;
}

.pageBaseD .col-lg-4 #actions .nestable-menu {
    display: none;
}

.pageBaseA .wrapper-content .row .col-lg-4 .ibox-title {
    background: #f7f7f7;
}

.pageBaseE .wrapper-content .row .col-lg-4 .ibox-title {
    background: #f7f7f7;
}

.pageBaseA .col-lg-8 {
    width: 66.66666667% !important;
    float: left !important;
}

.pageBaseA .col-lg-4 {
    width: 33.33333333% !important;
    float: left !important;
}

.pageBaseA .col-lg-6 {
    width: 50% !important;
    float: left !important;
}

.ibox-title .nestable-menu {
    float: right;
    margin: -7px 0 0 0;
}

    .ibox-title .nestable-menu a.btn {
        padding: 5px 10px !important;
    }

    .ibox-title .nestable-menu span.label {
        background: none;
        line-height: 20px;
        color: #999;
    }

.dd-list .newitem * {
    background-color: #fff;
}

.dd-list .newitem .dd-item-wrapper div.dd-item-name {
    width: 100%;
    text-align: right;
    font-weight: 600;
}

.newitem .dd-item-name i {
    margin-right: 3px;
}

.page-heading {
    height: 112px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    background: rgba(0,0,0,0.90) !important;
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
    z-index: 5;
}

    .page-heading .col-lg-8 {
        height: 65px;
    }

    .page-heading h2 {
        color: #fff;
        margin-top: 0;
        line-height: 1.25em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .page-heading .breadcrumb {
        background: none;
        padding-top: 0px;
    }

    /*
.page-heading .breadcrumb span{ color: #d1d1d1; }
.page-heading .breadcrumb a{ color: #ddd; }
.page-heading .breadcrumb li:last-child a{ color: #ddd; }
.page-heading .breadcrumb *{ display: inline-block; }

.page-heading .breadcrumb>li+li:before { padding: 0 7px 0 4px; color: #d1d1d1; content: ">"; }
*/

    .page-heading .breadcrumb {
        background: none;
        padding-top: 9px;
    }

        .page-heading .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "|\00a0";
        }

        .page-heading .breadcrumb > li:last-child:not(:first-child) {
            color: #39879e;
        }

        .page-heading .breadcrumb > li {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            max-width: 250px;
        }

        .page-heading .breadcrumb a:hover {
            color: #fff;
        }

.abscenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0;
}

.video-frame {
    max-width: 505px;
    margin: 0 auto;
}

    .video-frame video {
        vertical-align: middle !important;
    }

.dotout {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.stat small.stats-label {
    cursor: pointer;
}

    .stat small.stats-label:hover {
        color: #1ab394;
    }

    .stat small.stats-label.active {
        color: #1ab394;
    }

.open .dropdown-menu {
    display: block !important;
}

.charts {
    height: 60px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

    .charts div {
        opacity: 0;
        transition: all 0.3s ease;
        position: absolute;
        width: 100%;
    }

        .charts div:first-child {
            opacity: 1;
        }

.btn .caret {
    margin-left: 10px;
}

div.list .list-item {
    margin: 5px 0 10px 0;
    border: 1px solid #7e7e7e;
    height: 41px;
    position: relative;
    background: #f1f1f1;
    line-height: 39px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    div.list .list-item div.icons {
        height: 39px;
        top: 0;
        right: 0;
    }

        div.list .list-item div.icons .edit {
            border-left: 1px solid #b6b6b6;
        }

    div.list .list-item div.name a {
        font-size: 14px;
        display: block;
        line-height: 39px;
        padding: 0 15px;
        font-weight: 600;
    }

        div.list .list-item div.name a i.fa {
            margin-right: 7px;
            position: relative;
            top: 0px;
        }

        div.list .list-item div.name a:hover {
            background: #b7d9e4;
        }

.btn-active {
    background: #41accc !important;
    color: #fff !important;
    border-color: #41accc !important;
}

    .btn-active * {
        color: #fff;
    }

    .btn-active:hover {
        color: #fff;
        border-color: #41accc !important;
    }

/*
.page-heading .tools{ margin-top: 36px; text-align: right; }
.page-heading .tools .btn{ font-size: 14px; padding: 6px 12px; margin: 0 0 0 3px; background: none; color: #e1e1e1; border-color: #777; }
.page-heading .tools .btn-active{ border: 1px solid #6ca3b3; background: #b7d9e4; }
.page-heading .tools .btn-active *{ color: #333; }
.page-heading .tools .btn.out-line{ background: none!important;;  }
.page-heading .tools .btn.out-line:hover{ background: #222!important; }
.page-heading .tools .btn-primary{ border: 1px solid #6ca3b3; background: #6ca3b3;  }
.page-heading .tools .btn-white:hover{ background: #222; }
.page-heading .tools .btn span{ font-size: 13px; margin: 0 0 0 7px; font-weight: 600; }
*/

.page-heading div.tools {
    position: absolute;
    right: 15px;
    bottom: -7px;
}

    .page-heading div.tools span.vline {
        margin: 0;
        width: 1px;
        border-left: 1px solid #373936;
        height: 18px;
        position: relative;
        top: -2px;
        left: -2px;
    }

.page-heading div.tools {
    padding-right: 15px;
}

    .page-heading div.tools a {
        display: inline-block;
        width: 50px;
        text-align: center;
    }

        .page-heading div.tools a span {
            display: inline-block;
            margin-left: 0;
            position: relative;
            top: -4px;
            margin-left: 5px;
            font-size: 13px;
        }

    .page-heading div.tools i.fa {
        cursor: pointer;
    }

    .page-heading div.tools a {
        color: #f9f9f9;
        cursor: pointer;
    }

        .page-heading div.tools a:hover {
            color: #3aabcc;
        }

        .page-heading div.tools a.selected:after {
            content: "";
            display: block;
            width: 100%;
            height: 4px;
            background: #338ba2;
            position: absolute;
            top: 100%;
            margin-top: 16px;
        }

.page-heading div.savexit {
    position: absolute;
    right: 15px;
    bottom: -7px;
}

    .page-heading div.savexit span.vline {
        margin: 0;
        width: 1px;
        border-left: 1px solid #373936;
        height: 18px;
        position: relative;
        top: -5px;
        left: -2px;
    }

.page-heading div.savexit {
    padding-right: 15px;
}

    .page-heading div.savexit a {
        display: inline-block;
        margin-left: 30px;
    }

        .page-heading div.savexit a span {
            display: inline-block;
            margin-left: 0;
            position: relative;
            top: -4px;
            margin-left: 5px;
            font-size: 13px;
        }

    .page-heading div.savexit i.fa {
        cursor: pointer;
    }

    .page-heading div.savexit a {
        color: #f9f9f9;
        cursor: pointer;
    }

        .page-heading div.savexit a:hover {
            color: #3aabcc;
        }

.page-heading div.info {
    color: #d1d1d1;
    float: right;
    height: 65px;
    padding-top: 49px;
}

    .page-heading div.info * {
        color: #d1d1d1;
    }

    .page-heading div.info a:hover {
        color: #fff;
        cursor: pointer
    }

    .page-heading div.info > a:nth-child(n+2):before {
        padding: 0 5px;
        color: #d1d1d1;
        content: "|\00a0";
    }

    .page-heading div.info > a.offline:before {
        display: none !important;
    }

    .page-heading div.info > a.offline:first-child {
        display: none !important;
    }


.flot-legend {
    height: 10px;
    width: 10px;
    padding: 0;
    display: inline-block;
}

.sticky-wrapper {
    height: auto !important;
}

.is-sticky #newobjects {
    z-index: 20;
    margin-top: 0 !important;
}

.sticky-this {
    z-index: 20;
    width: 100% !important;
    max-width: 360px;
    position: fixed !important;
}

.nestable-menu i.fa {
    margin-right: 7px;
}

/*.ibox-content > .form-group:last-child {
	margin-bottom: 0;
}*/

.ibox-content .table.settings th:last-child {
    text-align: right;
}

.ibox-content .table.settings td:last-child {
    text-align: right;
}

.fa-toggle-on {
    cursor: pointer;
    color: #1ab394;
    font-size: 14px;
    transition: all 0.3s ease;
}

.fa-toggle-off {
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.capture {
    margin-left: -5px;
    margin-right: -5px;
    height: 405px;
    overflow: hidden;
    border: 1px solid #d9dde0;
    overflow: hidden;
}

    .capture span.download {
        text-align: center;
        display: table-cell;
        width: 328px;
        height: 403px;
        vertical-align: middle;
    }

        .capture span.download > i.fa {
            font-size: 70px;
            color: #dedede;
        }

    .capture .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(0,0,0,.05) !important;
    }

    .capture .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0,0,0,.4) !important;
    }


div.scroller {
    display: block;
    position: relative;
    min-height: 200px;
    max-height: 420px;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

    div.scroller span.download {
        text-align: center;
        display: block;
        width: 100%;
        min-height: 200px;
        position: relative;
        border: 1px solid #d9dde0;
        padding: 64px 0;
    }

        div.scroller span.download > i.fa {
            font-size: 70px;
            color: #dedede;
        }

span.download i.fa:hover {
    color: #3aabcc !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

div.scroller span.notavailable {
    text-align: center;
    display: table-cell;
    width: 330px;
    height: 200px;
    min-height: 200px;
    border: 1px solid #d9dde0;
    padding: 20px;
    vertical-align: middle;
}

div.scroller img {
    position: absolute;
}

#newobjects .ibox-content.newobjectcontent {
    height: calc(100vh - 300px)
}

    #newobjects .ibox-content.newobjectcontent.mCustomScrollbar {
        padding: 0;
    }

        #newobjects .ibox-content.newobjectcontent.mCustomScrollbar .dd.newobject {
            padding: 8px 15px;
        }

.ibox-tools {
    float: right;
}

#newobjects .ibox-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.4);
}

#newobjects .ibox-content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,.75);
}

.ibox-tools.open {
    z-index: 20;
}

.table.settings tr td:last-child {
    text-align: right;
}

.table.settings .btn {
    padding: 3px 6px;
    font-size: 10px;
}

.table.settings th:first-child {
    padding-left: 0;
}

.table.settings th:last-child {
    padding-right: 0;
}

.table.settings td:first-child {
    padding-left: 0;
}

.table.settings td:last-child {
    padding-right: 0;
}

.multi-select .btn {
    border: 1px solid #5e5e5e !important;
}

.ibox-title .fa-file-text-o {
    margin-right: 10px;
}

.dropdown-menu .table.settings {
    margin: 0;
}

    .dropdown-menu .table.settings th {
        padding: 8px;
    }

    .dropdown-menu .table.settings td {
        padding: 8px;
    }

        .dropdown-menu .table.settings td div.btn-group {
            white-space: nowrap;
        }

        .dropdown-menu .table.settings td div .btn {
            display: inline-block !important;
            float: none;
            margin-left: -4px;
        }

.ibox-content h5 {
    font-size: 13px;
}

    .ibox-content h5 i {
        margin-right: 7px;
    }

div.dropdown-toggle {
    display: inline-block;
    position: relative;
}


.nestable-menu button .fa-expand {
    margin: 0;
}

.nestable-menu button .fa-compress {
    margin: 0;
}

a.x {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

    a.x i {
        padding: 10px;
    }

.flot-chart {
    margin-bottom: 0 !important;
}

.note-editor {
    border: 1px solid #E7EAEC;
    min-height: 0;
    margin: 0;
}

    .note-editor .note-editable a {
        padding: 0;
        text-decoration: underline;
    }

.form-group {
    margin: 12px 0;
}

.info-row .form-group {
    margin: 0px;
}

.form-group label {
    font-weight: 600;
}

.info-table > label {
    font-weight: 300;
    display: block;
    border-bottom: 1px solid #d9dde0;
    padding: 0 5px 5px 5px;
    margin: 0;
    font-size: 10px;
    color: #999;
}

    .info-table > label + a {
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 2;
        cursor: pointer;
    }


.form-group.table {
    display: table;
    width: 100%;
    /*padding-top: 7px;*/
}

    .form-group.table label {
        float: left;
        line-height: 24px;
        margin: 0;
    }

        .form-group.table label small {
            display: block;
            color: #aaa;
            font-weight: normal;
            line-height: 1em;
        }

    .form-group.table > div {
        float: right;
    }

.guide {
    width: 100%;
    padding: 15px;
    border: 1px solid #b6b6b6;
    background: #f7f7f7;
}


.image-selector {
    width: 100%;
    height: 230px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .image-selector .image {
        display: block;
        padding: 0;
        width: 230px;
        height: 230px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        background: #f7f7f7;
    }

        .image-selector .image div.table-cell {
            display: table-cell;
            height: 230px;
            width: 230px;
            text-align: center;
            vertical-align: top;
        }

        .image-selector .image img {
            max-width: 198px;
            height: auto;
            max-height: 198px;
            z-index: 1;
        }

    .image-selector .text {
        width: 480px;
        padding: 15px;
        height: 230px;
        position: absolute;
        top: 0;
        right: 480px;
        z-index: 2;
        background: #fff;
        transition: all 0.3s ease;
    }

    .image-selector .guide {
        width: 480px;
        padding: 15px;
        height: 230px;
        position: absolute;
        top: -1px;
        right: -1px;
        background: #f7f7f7;
        z-index: 1;
        transition: all 0.3s ease;
    }

    .image-selector span.cancel.noimage {
        display: none;
    }

    .image-selector.True .dropzone {
        display: none;
    }

    .image-selector.True .dz-image {
        display: block;
    }

    .image-selector.True .guide {
        right: 479px;
    }

    .image-selector.True .text {
        right: 0 !important;
    }

    .image-selector .guide .help {
        text-align: center;
        margin-bottom: 20px;
        display: block;
    }

    .image-selector .text .form-group {
        margin: 0 0 15px 0;
    }

        .image-selector .text .form-group:last-child {
            margin-bottom: 0;
        }

    .image-selector .dropzone .dz-message {
        margin-left: -15px;
        padding: 10px 40px;
    }

    .image-selector .note-toolbar {
        display: none;
    }

    .image-selector .note-editable {
        background: #fff;
        min-height: 0;
    }

    .image-selector .text label {
        font-weight: normal;
    }

    .image-selector textarea {
        padding: 8px 12px;
    }

    .image-selector .dropzone {
        height: 230px;
        display: block;
        position: relative;
        border: 1px dashed #b6b6b6;
        padding: 15px;
        top: -1px;
    }

        .image-selector .dropzone:hover {
            border-color: #41accc;
            cursor: pointer;
        }

    .image-selector .dz-drag-hover {
        border-color: #41accc;
        cursor: pointer;
    }

.image-selctor .info-table .line span:nth-child(2) {
    float: right;
    color: #000;
    max-width: 190px;
    text-align: right;
}

.simple-file-selector .image-selector .dropzone {
    height: 230px;
    /*	display: block;*/
    position: relative;
    border: 1px dashed #b6b6b6;
    padding: 15px;
    top: 0px;
}

.image-selector .x i {
    padding-left: 1px;
}

.dropzone.True {
    display: none;
}

.dz-image.True {
    display: block;
}

#preview-template {
    display: none;
}

.preview-template {
    display: none;
}

.dropzone .dz-message {
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px 40px;
}

.dropzone .dz-progress {
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dropzone .dz-error-message {
    display: none;
}

.dz-error {
    opacity: 0.4;
}

.dropzone .dz-file-types {
    display: none;
}

.dz-image {
    height: 100%;
    display: none;
    position: relative;
    border-right: 1px solid #b6b6b6;
}

    .dz-image .x,
    .dropzone .cancel,
    .dropzone .x {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        min-width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: rgba(0,0,0,0.25);
        color: #fff;
        cursor: pointer;
        padding: 0 5px;
    }

    .dz-image > img,
    .dz-image > i {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.dropzone .dz-upload {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 24px;
    width: 0;
    line-height: 24px;
    text-align: right;
    padding-right: 10px;
    color: #fff;
    background: linear-gradient(to bottom, #666, #444);
    -webkit-transition: width 10ms ease-in-out;
    -moz-transition: width 10ms ease-in-out;
    -ms-transition: width 10ms ease-in-out;
    -o-transition: width 10ms ease-in-out;
    transition: width 10ms ease-in-out;
}

.tree-selector {
    display: table;
    width: 100%;
    position: relative;
}

    .tree-selector .input {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

        .tree-selector .input input {
            border-right: 0;
            border-radius: 3px 0 0 3px;
        }


    .tree-selector .buttons {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
    }

        .tree-selector .buttons .btn {
            height: 34px;
        }

        .tree-selector .buttons button {
            border-radius: 0;
            background-color: #fff;
            font-size: 12px;
            line-height: 30px;
            padding: 0 12px;
            display: inline-block;
            white-space: nowrap;
            border-left: 0;
        }

            .tree-selector .buttons button:hover {
                background-color: #e6e6e6;
                border-color: #5e5e5e;
            }

            .tree-selector .buttons button:focus {
                border-color: #5e5e5e;
            }

            .tree-selector .buttons button:nth-child(n+2) {
                display: none;
            }

    .tree-selector.prefield span.prefield {
        border: 1px solid #b6b6b6;
        border-right: 0;
        background: #fff;
        display: table-cell;
        padding: 9px 0 0 12px;
        border-radius: 3px 0 0 3px;
        font-size: 13px;
    }

    .tree-selector.prefield .input input[type=text]:focus {
        border-color: #b6b6b6 !important;
    }

    .tree-selector.prefield .input input[type=text] {
        border-top: 1px solid #b6b6b6 !important;
        border-bottom: 1px solid #b6b6b6 !important;
        border-left: none !important;
        border-radius: 0;
        padding-left: 0;
    }




/* CHOSEN PLUGIN */
.chosen-container {
    width: 100% !important;
}

    .chosen-container * {
        font-size: 13px;
    }

.chosen-container-multi .chosen-choices, .chosen-container-single .chosen-single {
    background: #ffffff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    cursor: pointer;
    height: auto !important;
    min-height: 36px !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.chosen-container-single .chosen-single {
    background: #ffffff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    cursor: pointer;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 9px 12px;
    position: relative;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #41accc;
    background: none !important;
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-container-single .chosen-single {
    border: 1px solid #41accc;
    background: none !important;
    box-shadow: 0 1px 0 #fff inset;
    border-radius: 3px;
}

.chosen-container .chosen-drop {
    border: 1px solid #41accc;
}

.chosen-container .chosen-results li.highlighted {
    background: #ececec !important;
    color: #333;
}

.info-table .chosen-container-single .chosen-single {
    width: 200px;
    padding: 6px 12px;
}

    .info-table .chosen-container-single .chosen-single div b {
        height: 24px;
        margin: 2px 0 0 0;
    }

.ajour-step select[name=LemmaOperator] + .chosen-container-active.chosen-with-drop .chosen-drop {
    position: relative;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 15px;
}

    .checkbox label {
        cursor: pointer;
        padding-left: 30px;
        position: relative;
        padding-top: 2px;
    }

    .checkbox input[type=checkbox] {
        display: none;
    }

        .checkbox input[type=checkbox]:disabled + label {
            opacity: .25;
        }


        .checkbox input[type=checkbox] + label:before {
            border: 1px solid #e5e6e7;
            border-radius: 3px;
            background: #fff;
        }

        .checkbox input[type=checkbox] + label:before {
            content: "";
            display: block;
            height: 18px;
            width: 18px;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
        }

        .checkbox input[type=checkbox]:checked + label:before {
            content: "";
            display: block;
            font-family: "FontAwesome";
            content: "\f00c";
            cursor: pointer;
            font-size: 14px;
            padding: 0 0 0 2px;
            color: #41accc;
        }

    .radio label {
        cursor: pointer;
        padding-left: 30px;
        position: relative;
        padding-top: 2px;
    }

    .radio input[type=radio] {
        display: none;
    }

        .radio input[type=radio] + label:before {
            border: 1px solid #e5e6e7;
            border-radius: 3px;
            background: #fff;
        }

        .radio input[type=radio] + label:before {
            content: "";
            display: block;
            height: 18px;
            width: 18px;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
        }

        .radio input[type=radio]:checked + label:before {
            content: "";
            display: block;
            font-family: "FontAwesome";
            content: "\f00c";
            cursor: pointer;
            font-size: 14px;
            padding: 0 0 0 2px;
            color: #41accc;
        }

    .checkbox input[type=radio] {
        display: none;
    }

        .checkbox input[type=radio] + label {
            font-weight: 600;
            padding-left: 20px;
            padding-top: 1px;
        }

            .checkbox input[type=radio] + label:before {
                content: "";
                display: block;
                border: 1px solid #e5e6e7;
                background: #fff;
                content: "";
                border-radius: 0;
                height: 16px;
                width: 16px;
                position: absolute;
                top: 0;
                left: 0;
            }

        .checkbox input[type=radio]:checked + label:before {
            content: "";
            display: block;
            background: #6ca3b3;
            border: none;
            font-family: "FontAwesome";
            content: "\f00c";
            cursor: pointer;
            font-size: 10px;
            padding: 0 0 0 3px;
            color: #fff;
        }

    .checkbox.out-line input[type=radio] + label {
        font-weight: 300;
        padding-left: 25px;
    }

        .checkbox.out-line input[type=radio] + label:before {
            border: 1px solid #e5e6e7;
            border-radius: 3px;
            background: #fff;
        }

        .checkbox.out-line input[type=radio] + label:before {
            content: "";
            display: block;
            height: 18px;
            width: 18px;
            cursor: pointer;
            position: absolute;
            top: -1px;
            left: 0;
        }

    .checkbox.out-line input[type=radio]:checked + label:before {
        content: "";
        display: block;
        font-family: "FontAwesome";
        content: "\f00c";
        cursor: pointer;
        font-size: 14px;
        padding: 0 0 0 2px;
        color: #41accc;
    }

.nestable-menu .checkbox {
    margin: 6px 0 0 17px !important;
}

.inline .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 30px;
}

.inline .radio {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 30px;
}

.modal-content .modal-step:not(:first-child) {
    display: none;
}

.modal-body {
    overflow: visible !important;
}

    .modal-body.scroll {
        overflow: auto !important;
        height: calc(100vh - 220px);
    }

.note-editor .note-dropzone {
    opacity: 0 !important;
}

.ibox-content {
    border: none;
    padding: 10px 20px !important;
}

    .ibox-content > div.tablecontainer {
        margin: 10px 0;
    }

.site-home {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: 600;
    margin: 0 0 5px 5px;
}

.jstree-icon.fa-file-text {
    color: #1ab394;
}

.jstree-icon.fa-folder {
    color: #e4d480 !important;
    font-size: 14px;
}

.jstree-disabled .jstree-icon.fa-file-text {
    color: #f8ac59 !important;
}

#jstree_site .jstree-anchor {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#jstree_site li[disabled=true] a {
    opacity: 0.5;
}
/*Redactor*/
.redactor-styles p,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles hr,
.redactor-styles ul,
.redactor-styles ol,
.redactor-styles pre,
.redactor-styles table,
.redactor-styles figure,
.redactor-styles address {
    margin-bottom: 0 !important;
}

.redactor-toolbar.redactor-toolbar-fixed {
    top: 180px !important;
    background: rgba(255, 255, 255, 0.97);
}

.redactor-styles div {
    font-size: 13px;
    line-height: 18px;
}


/*Summernote*/
.note-editable.panel-body h1 {
    font-weight: 500;
    font-size: 24px;
    margin: 0;
}

.note-editable.panel-body h2 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.note-editable.panel-body h3 {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}

.note-editable.panel-body h4 {
    font-weight: 500;
    margin: 0;
}

.note-editable.panel-body p {
    margin: 0;
}

.note-editable.panel-body a {
    text-decoration: underline
}

.note-dimension-picker * {
    font-size: 18px;
}

.note-editor.note-frame {
    border-color: #b6b6b6 !important;
}

    .note-editor.note-frame .note-editing-area .note-editable {
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
    }

.panel-default > .panel-heading {
    background: #f7f7f7;
    border-color: #d9dde0 !important;
}

.note-editable.panel-body {
    font-size: 13px;
    line-height: 1.5em;
    color: #000;
}

    .note-editable.panel-body * {
        font-size: 13px;
        line-height: 1.5em;
        color: #000;
        font-size: inherit;
    }

.note-editable p {
    margin: 0 !important;
}

textarea.editable {
    display: none;
}

.link-dialog.in .modal-header {
    padding: 30px 15px;
    text-align: center;
}

.link-dialog.in .modal-title {
    font-size: 26px;
}

.link-dialog.in .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.link-dialog.in .modal-header .close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.link-icons {
    display: table;
    margin: 0 auto;
}

    .link-icons div {
        display: table-cell;
        padding: 20px 25px;
        text-align: center;
    }

        .link-icons div span {
            display: block;
            height: 100%;
        }

            .link-icons div span h4 {
                margin: 10px 0 0 0;
            }

            .link-icons div span i {
                font-size: 70px;
                color: #e2e3e3;
                cursor: pointer;
            }

            .link-icons div span:hover i {
                color: #1ab394;
            }

.redactor-modal {
    display: none !important
}

.redactor-toolbar {
    z-index: 3 !important
}

.connect-previous {
    margin-top: -25px;
    position: relative;
}

    .connect-previous:before {
        content: "";
        display: block;
        width: 702px;
        height: 1px;
    }

.fixed-width a {
    min-width: 30px;
    text-align: center;
}

.design-layout .layout {
    position: relative;
}

    .design-layout .layout span {
        display: block;
        padding: 15px 0 0 0;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .design-layout .layout .designcontrolupload {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 2;
        background: rgba(0,0,0,0.8);
        padding: 3px 5px;
    }

    .design-layout .layout i.fa {
        margin-right: 7px;
    }
/*
.design-layout .layout .fa-picture-o { color: #fff; cursor: pointer; }
.design-layout .layout .fa-picture-o:hover { color: #1ab394; }
*/

.popover {
    z-index: 2052 !important
}

.slick-slider {
    margin: 0 !important;
}

.slick-next {
    right: 5px !important;
}

.slick-prev {
    left: 5px !important;
    z-index: 2;
}

.slick-wrapper .design-layout .layout span {
    padding: 15px 0 0 5px;
    text-align: left;
}

.toggle-layout-text {
    float: right;
    margin-top: -22px;
    position: relative;
    z-index: 2;
}

    .toggle-layout-text a .fa {
        margin: 0 0 0 7px !important;
        font-size: 8px;
        position: relative;
        top: -1px;
    }

    .toggle-layout-text + .info-table {
        border-top: 1px solid #d9dde0;
        margin: 0 -15px !important;
        margin-top: 16px !important;
        padding: 0 15px;
        display: none;
    }

        .toggle-layout-text + .info-table div span:first-child {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            width: 290px;
        }

.input .readonly {
    position: relative;
}

    .input .readonly span.x {
        position: absolute;
        top: 1px;
        right: 0px;
        z-index: 2;
        line-height: 34px;
        width: 34px;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
        display: none;
    }

        .input .readonly span.x.hasvalue {
            display: block;
        }

        .input .readonly span.x:hover {
            transition: all 0.3s ease;
            background: #e6e6e6;
        }

.CodeMirror * {
    font-family: "Courier New", Courier, monospace;
}

.codemirror.ButtonPanel {
    position: absolute;
    top: 0;
    right: 15px;
}

.modal.in {
    padding-right: 0 !important;
}

.jumbotron {
    background: #fff !important;
    border-radius: 3px;
}

    .jumbotron .h1, .jumbotron h1 {
        font-size: 40px;
    }


.modules {
    text-align: center; /*background: rgba(243,243,244,0.80); */
    margin-right: -15px;
    margin-left: -15px;
    padding: 20px 0;
}
/*
.modules a{ 
 display: inline-block; color: #dddddd; font-size: 30px; width: 65px; line-height: 63px; border: 1px solid #716f6b; border-radius: 5px; text-align: center;
 background: rgba(80,89,91,0.5); margin: 0 10px; position: relative; transition: all 0.3s ease;
}
.modules a:hover{ background: rgba(58,171,204,0.75); transition: all 0.3s ease; }
.modules a:hover span{ display: block; }
*/

.search-inner-close {
    position: absolute;
    font-size: 18px;
    z-index: 10;
    color: #9a9a9a;
    top: 25px;
    right: 70px;
    cursor: pointer;
    display: none;
}

.smartsearch .search-inner-close:before {
    width: 18px;
}

.smartsearch .search-inner-close:hover:before {
    background: url('/layout/css/svg/x-inv-on.svg') no-repeat;
    background-size: 100% 100%;
}

.ibox {
    position: relative;
}

.is-sticky .filler {
    display: block;
}


div.icons:focus {
    z-index: 10;
}

div.icons {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 39px;
    z-index: 2;
    background: #f1f1f1;
}

    div.icons a {
        font-size: 14px;
    }

    div.icons .edit {
        width: 38px;
        line-height: 39px;
        text-align: center;
        display: inline-block;
        float: left;
        cursor: pointer;
    }

    div.icons span.info {
        text-align: left;
        padding: 0 10px;
        float: left;
        line-height: 39px;
    }

    div.icons a {
        color: #676a6c;
    }

        div.icons a:hover {
            color: #333;
        }

    div.icons .actions {
        height: 39px;
        border-left: 0;
        width: 0;
        display: none;
    }

        div.icons .actions span {
            color: #676a6c;
            font-weight: normal;
            font-size: 14px;
            border-color: #7e7e7e;
        }

            div.icons .actions span:last-child i.fa {
                border-right: 0 !important;
            }

            div.icons .actions span:hover {
                color: #333;
                cursor: pointer;
            }

            div.icons .actions span i.fa-desktop {
                font-size: 12px;
            }

                div.icons .actions span i.fa-desktop:before {
                    position: relative;
                    top: 1px;
                }

.ibox-tools.edit.open {
    background: #b7d9e4;
}

div.icons {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


    div.icons .dropdown-toggle {
        position: relative;
        z-index: 3;
        margin: 0;
        width: 37px;
        line-height: 39px;
        display: block;
    }

    div.icons .dropdown-menu {
        width: 200px;
        margin-top: 0;
        margin-right: -1px;
        border: 1px solid #7e7e7e;
        box-shadow: none !important;
        z-index: 1;
        line-height: 16px;
    }

.ibox .dd-item .ibox-tools.open > .dropdown-menu {
    margin-top: 8px;
    z-index: 999;
    margin-right: -50px;
}


.dd-item .dropdown-menu {
    background: rgba(255,255,255,1) !important;
    border: 1px solid #ddd;
}

    .dd-item .dropdown-menu:after, .dd-item .dropdown-menu:before {
        bottom: 100%;
        left: 66%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .dd-item .dropdown-menu:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .dd-item .dropdown-menu:before {
        border-color: rgba(126, 126, 126, 0);
        border-bottom-color: #7e7e7e;
        border-width: 11px;
        margin-left: -11px;
    }

.info-table .dropdown-menu {
    min-width: 200px;
    max-width: 340px;
    margin-top: -7px;
    margin-right: 10px;
    border: 1px solid #ddd;
    box-shadow: none !important;
    z-index: 1;
    line-height: 16px;
    border-radius: 3px;
}

.info-table .line .dropdown-menu:after, .info-table .line .dropdown-menu:before {
    bottom: 100%;
    right: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-table .line .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f9f9f9;
    border-width: 11px;
    margin-left: -11px;
}

.info-table .line .dropdown-menu:before {
    border-color: rgba(126, 126, 126, 0);
    border-bottom-color: #7e7e7e;
    border-width: 11px;
    margin-left: -11px;
}

.info-table .line .dropdown-menu .line {
    display: block;
    padding: 11px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 340px;
}


label .dropdown-menu.info {
    min-width: 200px;
    max-width: 340px;
    margin-top: -15px;
    border: 1px solid #ddd;
    box-shadow: none !important;
    z-index: 1;
    line-height: 16px;
    border-radius: 3px;
    padding: 10px 15px;
    right: auto;
    left: 0;
}

    label .dropdown-menu.info:after, label .dropdown-menu.info:before {
        bottom: 100%;
        left: 50px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    label .dropdown-menu.info:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f9f9f9;
        border-width: 11px;
        margin-left: -11px;
    }

    label .dropdown-menu.info:before {
        border-color: rgba(126, 126, 126, 0);
        border-bottom-color: #7e7e7e;
        border-width: 11px;
        margin-left: -11px;
    }


div.icons .dropdown-menu .table {
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    width: 100%;
    margin: 0;
}

    div.icons .dropdown-menu .table div.cell:nth-child(1) {
        padding: 7px 8px;
        white-space: nowrap;
        display: table-cell;
        vertical-align: middle;
    }

    div.icons .dropdown-menu .table div.cell:nth-child(2) {
        padding: 0 8px;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

        div.icons .dropdown-menu .table div.cell:nth-child(2) .onoffswitch {
            margin-top: 5px;
        }

div.icons .dropdown-menu .onoffswitch .onoffswitch-inner span.before,
div.icons .dropdown-menu .onoffswitch .onoffswitch-inner span.after {
    height: 18px;
    line-height: 16px;
    font-size: 10px;
}

div.icons .dropdown-menu .dropdown-item {
    margin-top: -1px;
    position: relative;
    z-index: 1;
}

    div.icons .dropdown-menu .dropdown-item:hover {
        z-index: 2;
    }

    div.icons .dropdown-menu .dropdown-item:first-child {
        margin-top: 0;
    }

div.icons .dropdown-menu .line {
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    padding: 7px 8px;
}

    div.icons .dropdown-menu .line:hover {
        background: #f8f8f8;
        cursor: pointer;
        border-color: #999;
    }

    div.icons .dropdown-menu .line i.fa {
        width: auto !important;
        line-height: 1em !important;
        border: 0 !important;
        display: inline-block !important;
        float: right;
    }

div.icons a:hover {
    background: #f8f8f8;
}

div.icons > span:hover {
    background: #f8f8f8;
}

.sitetree-wrapper {
    position: absolute;
    background: rgba(0,0,0,0.90);
    width: 260px;
    margin-left: 15px;
    top: 100%;
    display: none;
    opacity: 0;
}

#sitetree span.offline {
    opacity: 0.4;
}

.sitetree-wrapper.show {
    opacity: 1;
}

.sitetree-wrapper #sitetree {
}

.sitetree-wrapper h3 a {
    padding: 0;
    color: #fff;
}

.sitetree-wrapper a {
    font-size: 12px;
    padding: 1px 10px 0 23px;
    display: inline-block;
}

.sitetree-wrapper * {
    color: #d1d1d1;
}

    .sitetree-wrapper *:hover {
        color: #fff;
    }

.sitetree-wrapper a.selected span {
    color: #39879e;
    font-weight: 600;
}

.sitetree-wrapper .dd-item {
    text-align: left;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 1em;
    min-height: 0;
    font-size: 12px;
}

.sitetree-wrapper h3 {
    background: rgba(0,0,0,0.3)
}

.sitetree-wrapper h3 {
    font-size: 12px;
    line-height: 45px;
    padding: 0 30px;
    margin: 0;
}

.sitetree-wrapper ol {
    padding-left: 0 !important;
}

    .sitetree-wrapper ol a {
        font-size: 12px;
        display: block;
        padding: 11px 10px 11px 30px;
        border-top: 1px solid #333;
    }

.sitetree-wrapper button {
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    text-align: left;
    width: 30px;
    line-height: 38px;
    padding-top: 12px;
}

    .sitetree-wrapper button:before {
        padding: 0px 0 0 1px;
        line-height: 12px;
    }

    .sitetree-wrapper button[data-action=expand]:before {
        padding: 0 0 0 1px;
        margin-top: -7px;
    }

    .sitetree-wrapper button[data-action=collapse]:before {
        padding: 0 0 0 1px;
        margin-top: -8px !important;
    }

.sitetree-wrapper ol ol button {
    left: 18px;
}

.sitetree-wrapper ol ol ol button {
    left: 36px;
}

.sitetree-wrapper ol ol ol ol button {
    left: 54px;
}

.sitetree-wrapper ol ol ol ol ol button {
    left: 72px;
}

.sitetree-wrapper ol ol ol ol ol ol button {
    left: 90px;
}

.sitetree-wrapper ol ol a {
    padding-left: 48px;
}

.sitetree-wrapper ol ol ol a {
    padding-left: 66px;
}

.sitetree-wrapper ol ol ol ol a {
    padding-left: 84px;
}

.sitetree-wrapper ol ol ol ol ol a {
    padding-left: 102px;
}

.sitetree-wrapper ol ol ol ol ol ol a {
    padding-left: 120px;
}

.sitetree-wrapper ol li a:hover {
    background: rgba(51,51,51,0.5);
}

.sitemap-toggler, .rightmenu-toggler {
    position: absolute;
    background: #3aabcc;
    left: 30px;
    bottom: -16px;
    z-index: 40;
    color: #fff;
    cursor: pointer;
}

.rightmenu-wrapper {
    right: 30px;
    margin-top: 0;
    width: 260px;
    position: absolute;
    top: 112px;
    display: none;
}

.rightmenu-toggler {
    left: initial;
    right: 30px;
}

    .sitemap-toggler i.fa, .rightmenu-toggler i.fa {
        width: 34px;
        line-height: 31px;
        text-align: center;
    }

    .sitemap-toggler div:last-child, .rightmenu-toggler div:last-child {
        display: none;
        width: 34px;
        line-height: 31px;
        text-align: center;
    }

.design-layout {
    width: 330px;
    height: 262px;
    overflow: hidden;
}

.ibox-subtitle {
    background: #f7f7f7;
    border-bottom: 1px solid #d0d1d3;
    padding: 7px 15px;
    text-align: right;
    display: table;
    width: 100%;
    position: relative;
}

    .ibox-subtitle ul.tabs {
        padding: 10px 0 6px 0;
    }

        .ibox-subtitle ul.tabs li.selected:after {
            bottom: -16px;
        }

    .ibox-subtitle .multi-select-options,
    .ibox-subtitle .filter-options .form-group {
        margin: 8px 0;
    }

        .ibox-subtitle .multi-select-options > a {
            margin-right: 12px;
        }

    .ibox-subtitle .onoffswitch-wrapper div.left {
        line-height: 22px;
        margin-right: 10px;
    }

    .ibox-subtitle .onoffswitch-wrapper .onoffswitch {
        float: left;
    }
    .ibox-subtitle .btn {
        padding: 0 12px;
        display: inline-block;
        line-height: 32px;
    }
.dashed-line {
    border-bottom: 1px dashed #e9e9e9;
    margin: 12px 0;
}

.filter-options .dashed-line {
    border-bottom: 1px dashed #e9e9e9;
    margin-bottom: 10px;
    margin-top: 10px
}

.filter-options .form-group.count {
    font-size: 12px;
    text-align: right;
    padding: 10px
}

.line-extended {
    border-bottom: 1px solid #e9e9e9;
    margin: 20px -20px;
}

.form-group.selector-wrapper {
    width: 300px;
    float: left;
}

.form-group.target {
    width: 100px;
    float: right;
}

.tree-selector .btn {
    height: 36px;
    border-color: #b6b6b6;
    line-height: 24px;
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 12px;
}

    .tree-selector .btn + .btn {
        margin-left: -4px;
    }

    .tree-selector .btn:hover {
        background: #e6e6e6;
        border-color: #b6b6b6;
        z-index: 2;
    }

.tree-selector input[type=text] {
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


.ibox-content.enlarged {
    padding: 15px 15px 20px 15px;
}

.settings span.label {
    background: none;
    line-height: 22px;
    color: #999;
    padding: 0;
    margin-right: 8px;
}

.active-languages {
    text-align: center;
}

.table.settings.active-languages .btn {
    cursor: default !important;
    opacity: 1;
    border: 1px solid #b6b6b6;
    color: #333;
    padding: 6px 8px 5px 8px;
    font-size: 12px;
}

.active-languages .btn-primary,
.active-languages .btn-primary:hover,
.active-languages .btn-primary:active,
.active-languages .btn-primary:focus {
    background: #b7d9e4 !important;
    border: 1px solid #b6b6b6;
    opacity: 1;
}

.active-languages .info-table .line span:last-child a {
    cursor: pointer
}

.pb0 {
    padding-bottom: 0;
}

.sitetree-scroller {
    height: 547px;
    max-height: 547px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

.btn.select {
    background: #f7f7f7;
}

#nestable i.fa-thumbs-up {
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    display: none;
    background: #b7d9e4;
    height: 39px;
    line-height: 39px;
}

#nestable[data-type=brick] i.fa-thumbs-up {
    width: 32px;
}

#nestable[data-type=node] i.fa-thumbs-up {
    width: 23px;
    left: 2px;
}

a.btn-primary i.fa-thumbs-up {
    color: #fff;
    padding-left: 12px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    background: #6ca3b3;
    display: none;
}

.sk-spinner-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.5);
}

.sk-spinner-fading-circle.sk-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
}

.websites {
    width: 100%;
    display: table;
}

.website {
    float: left;
    width: 340px;
    margin: 0 20px 20px 0;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

    .website .obs {
        position: absolute;
        top: 15px;
        right: 10px;
        z-index: 2;
        color: #fff !important;
        font-size: 40px;
        line-height: 30px;
        font-weight: bold;
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    }

.websites .website:nth-child(2n) {
    margin-right: 0;
}

.website:hover .preview a:before {
    opacity: 1;
    transition: all 0.3s ease;
}

.website:hover span.hover {
    opacity: 1;
    transition: all 0.3s ease;
}

.website .preview a {
    display: block;
}

    .website .preview a:before {
        content: "";
        display: block;
        background: rgba(0,0,0,0.60);
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.3s ease;
        border-radius: 3px;
    }

.website .preview {
    height: 190px;
    overflow: hidden;
    position: relative;
}

    .website .preview img {
        height: 190px;
        width: 340px;
    }

.website span.hover {
    position: absolute;
    top: 71px;
    z-index: 2;
    color: #fff !important;
    text-align: center;
    width: 100%;
    opacity: 0;
    font-size: 30px;
}

.website .name {
    position: absolute;
    bottom: 0;
    line-height: 32px;
    padding: 0 5px 0 15px;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,0.80) !important;
    z-index: 2;
}

    .website .name a i.fa-globe {
        margin-right: 7px;
    }

    .website .name * {
        color: #fff;
    }

.website .website-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

    .website .website-icons i.fa {
        line-height: 14px;
        width: 32px;
        border-left: 1px solid #666
    }

    .website .website-icons a.edit {
        display: inline-block;
        line-height: 32px;
        width: 32px;
    }

.website a:hover {
    color: #6ca3b3;
}

    .website a:hover * {
        color: #6ca3b3;
    }

.saved {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .saved i.fa {
        font-size: 100px;
        color: #000;
        opacity: 0.8;
    }

    .saved span {
        display: block;
        width: 100px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -50px 0 0 -50px;
        line-height: 0;
    }

.disabled {
    position: relative;
    cursor: default !important;
}

.table.disabled:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,.7);
    z-index: 1;
    top: 0;
    left: 0;
}

.line.disabled:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,.7);
    z-index: 1;
    top: 0;
    left: 0;
}

.line.disabled:hover {
    border-color: #e7eaec !important;
    background: none !important;
}

.note-btn-group button[data-original-title=Paragraf] {
    padding: 7px 10px 6px 10px;
}

    .note-btn-group button[data-original-title=Paragraf] span {
        font-family: arial;
        font-weight: bold;
        display: block;
        font-size: 15px;
        line-height: 1em;
    }

.note-btn-group button[data-original-title=H3] {
    padding: 7px 10px 6px 10px;
}

    .note-btn-group button[data-original-title=H3] span {
        font-family: arial;
        font-weight: bold;
        display: block;
        font-size: 15px;
        line-height: 1em;
    }

.form-group {
    position: relative;
}

    .form-group div.redactor-styles {
        font-size: 13px;
        line-height: 1.42857143;
    }

label.error {
    color: #cc5965;
    display: inline-block;
    margin: 0;
    position: absolute;
    right: 0;
}

    label.error.left {
        color: #cc5965;
        display: inline-block;
        margin: 0;
        position: absolute;
        right: auto !important;
    }

    label.error + .chosen-container .chosen-default {
        border: 1px dotted #cc5965;
    }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px !important;
}

.loginscreen .animated,
body.modal-open .loginscreen .animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.loginscreen {
    position: absolute;
    width: 300px;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -222px;
    z-index: 3;
}

    .loginscreen .middle-box {
        padding: 0;
    }

    .loginscreen .text * {
        color: #fff;
    }

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    z-index: -1;
}

    .fixed.overlay:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(12,12,12,0.9);
        z-index: 1;
    }

    .fixed.overlay2:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(12,12,12,0.2);
        z-index: 1;
    }

.blend:before {
    mix-blend-mode: multiply;
}

.tools button.btn-white {
    opacity: 1;
    border-color: #333 !important;
}

.tools button i.fa {
    font-weight: 300 !important;
    color: #d1d1d1;
    font-size: 12px !important;
}

.tools button span {
    font-weight: 600 !important;
    color: #d1d1d1;
    font-size: 12px !important;
    padding: 0;
}

.tools div.icons {
    position: relative;
    display: inline-block;
    background: none;
    height: auto;
    top: 2px;
    left: 0;
    right: auto;
}

    .tools div.icons .dropdown-toggle {
        width: auto;
        line-height: 20px;
    }

    .tools div.icons.open .dropdown-toggle {
        background: rgba(51,51,51,0.9) !important;
        color: #fff;
        ;
    }

.tools a {
    position: relative;
}


    .tools a p {
        background: rgba(0,0,0,0.9) !important;
        position: absolute;
        top: 50px;
        left: 50%;
        padding: 10px 15px 11px 15px;
        display: block;
        color: #f9f9f9;
        border-radius: 3px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
        white-space: nowrap;
    }

        .tools a p:after, .tools a p:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .tools a p:after {
            border-color: rgba(0,0,0,0) !important;
            border-bottom-color: rgba(0,0,0,0.9) !important;
            border-width: 6px;
            margin-left: -6px;
        }

        .tools a p:before {
            border-color: rgba(0,0,0,0) !important;
            border-bottom-color: rgba(0,0,0,0.9) !important;
            border-width: 7px;
            margin-left: -8px;
        }

/*
.tools div.icons .dropdown-menu{  margin-right: 0px; margin-top: 10px; background: rgba(0,0,0,0.9); }
.tools div.icons .dropdown-menu h3{ background: rgba(0,0,0,0.9)}


.tools div.icons .dropdown-menu .line { border-color: #333; padding: 10px 15px 11px 15px; display: block;  }
.tools div.icons .dropdown-menu .line:hover { background: rgba(51,51,51,0.5);  }
.tools div.icons .dropdown-menu .table { border-color: #333; }

.tools div.icons .dropdown-menu-wrapper  { margin-top: 32px; }
.tools div.icons .dropdown-menu-wrapper .dropdown-menu { margin-top: 0; }
.tools div.icons .dropdown-menu  { border: none; margin-top: 32px; }
.tools div.icons .dropdown-menu { color: #d1d1d1; border-radius: 0!important;}
.tools div.icons .dropdown-menu .table div.cell:nth-child(1) { padding: 11px 15px 12px 15px; }
.tools div.icons .dropdown-menu .dropdown-item:nth-child(2){ border-top: none!important; }


.tools .dropdown-menu {
	background: rgba(0,0,0,0.9)!important;
	border: none!important;
}
.tools .dropdown-menu:after, .tools .dropdown-menu:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tools .dropdown-menu:after {
	border-color: rgba(0,0,0,0)!important;
	border-bottom-color: rgba(0,0,0,0.9)!important;
	border-width: 10px;
	margin-left: -10px;
}
.tools .dropdown-menu:before {
	border-color: rgba(0,0,0,0)!important;
	border-bottom-color: rgba(0,0,0,0.9)!important;
	border-width: 11px;
	margin-left: -11px;
}

*/

.dd-item .onoffswitch-inner > span.before {
    background-color: #41accc;
    color: #fff !important;
}

.dd-item .onoffswitch-switch {
    border-color: #41accc;
    background: #fff;
}

.dd-item .onoffswitch-label {
    border: 1px solid #41accc;
}

.tools .onoffswitch-inner span.before {
    background-color: #666 !important;
    color: #fff !important;
}

.tools .onoffswitch-label {
    border: 1px solid #666;
}

.tools .onoffswitch-inner span.after {
    background-color: #666 !important;
    color: #fff !important;
}

.tools .onoffswitch-switch {
    background: #ddd;
    border: 1px solid #666;
}

.onoffswitch .onoffswitch-inner span.before {
    background-color: #41accc;
    color: #fff !important;
}

.onoffswitch .onoffswitch-label {
    border: 1px solid #41accc;
}

.onoffswitch .onoffswitch-inner span.after {
    background-color: #fff;
}

.onoffswitch .onoffswitch-switch {
    background: #fff;
    border: 1px solid #41accc;
}
/*
.onoffswitch.notgray .onoffswitch-inner span.before { background-color: #41accc; color: #fff!important; }
.onoffswitch.notgray .onoffswitch-label { border: 1px solid #41accc; }
.onoffswitch.notgray .onoffswitch-inner span.after { background-color: #fff;  }
.onoffswitch.notgray .onoffswitch-switch { background: #fff; border: 1px solid #41accc; }
*/

#settings h3,
#settings h5 {
    padding: 0 15px;
    display: inline-block;
    font-size: 12px;
    line-height: 45px;
    border-bottom: 1px solid #333;
    margin: 0;
    color: #fff;
    display: none;
    float: none;
}

.dropdown-menu-wrapper .ibox.light {
    display: none !important;
}

.tools .table.disabled:before {
    background: rgba(0,0,0,0);
}

.tools .line.disabled:before {
    background: rgba(0,0,0,0);
}

.tools .line.disabled div {
    opacity: 0.5;
}

.tools .table.disabled .cell {
    opacity: 0.5;
}

.breadcrumb span.label {
    margin-right: 10px;
}

.breadcrumb .ucase i.fa {
    margin-right: 5px;
}

.breadcrumb * {
    margin-left: 0;
    color: #d1d1d1;
}

.breadcrumb a.ucase:hover {
    color: #fff;
}

.mini-tools .state1 {
    color: #318e2f;
    font-size: 10px;
}

.mini-tools .state2 {
    color: #f8ac59;
    font-size: 10px;
}

.mini-tools .state3 {
    color: #8e2f31;
    font-size: 10px;
}

.mini-tools .draftmode {
    display: none;
}

.mini-tools {
    position: absolute;
    top: 0px;
    right: 20px;
}

    .mini-tools * {
        font-size: 10px;
        text-transform: uppercase;
        color: #d1d1d1;
        display: inline-block;
    }

    .mini-tools a {
        color: #6ca3b3;
    }

        .mini-tools a:hover {
            color: #6ca3b3;
        }

    .mini-tools *.fa {
        margin-right: 5px;
    }

    .mini-tools span.splitter {
        border-left: 1px solid #333;
        width: 1px;
        margin: 0 7px;
        height: 12px;
        display: inline-block;
        position: relative;
        top: 2px;
    }


.tools .tab {
    background: rgba(0,0,0,0.9);
    position: absolute;
    top: 54px;
    right: 0;
    color: #d1d1d1;
    display: none;
    line-height: 30px;
    padding: 0 15px;
    white-space: nowrap;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .tools .tab * {
        font-size: 10px;
        text-transform: uppercase;
        color: #d1d1d1;
        display: inline-block;
    }

    .tools .tab a {
        color: #6ca3b3;
    }

        .tools .tab a:hover {
            color: #6ca3b3;
        }

    .tools .tab *.fa {
        margin-right: 5px;
    }

    .tools .tab span.splitter {
        border-left: 1px solid #333;
        width: 1px;
        margin: 0 7px;
        height: 12px;
        display: inline-block;
        position: relative;
        top: 2px;
    }

#draft-panel {
    display: none;
}

    #draft-panel i.fa-caret-left {
        color: #fff;
        font-size: 70px;
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -35px;
    }

    #draft-panel .guide {
        border: none;
        background: none;
        padding: 5px 15px;
    }

.image-selector.modal-image {
    height: 190px;
}

    .image-selector.modal-image .guide .wrapper {
        display: table-cell;
        width: 239px;
        height: 160px;
        text-align: center;
        vertical-align: middle;
        padding: 0;
    }

    .image-selector.modal-image .dropzone {
        width: 269px;
        height: calc(100% - 2px);
    }

    .image-selector.modal-image .image {
        width: 269px;
        height: 190px;
    }

        .image-selector.modal-image .image div.table-cell {
            width: 269px;
            vertical-align: middle;
            height: 190px;
        }


        .image-selector.modal-image .image img,
        .image-selector.modal-image .image i.mediaicon {
            max-width: 239px;
            height: auto;
            max-height: 159px;
            font-size: 45px;
            color: rgba(0,0,0,0.25)
        }

    .image-selector.modal-image .text {
        width: 269px;
        padding: 15px;
        height: 190px;
        position: absolute;
        top: 0;
        right: 269px;
        z-index: 1;
        transition: all 0.3s ease;
    }

    .image-selector.modal-image .guide {
        display: table-cell;
        vertical-align: middle;
        width: 269px;
        padding: 15px;
        height: 190px;
        position: absolute;
        right: 0;
        background: #f7f7f7;
        z-index: 2;
        transition: all 0.3s ease;
    }

    .image-selector.modal-image.True .guide {
        right: 269px;
    }

    .image-selector.modal-image.True .text {
        right: 0;
    }


.mCSB_scrollTools {
    z-index: 1;
}

.ibox-subtitle .row {
    margin: 0 -20px;
}

.ibox-subtitle .col {
    padding: 0 5px 0 0;
    text-align: left;
}

    .ibox-subtitle .col:first-child {
        padding-left: 20px;
    }

    .ibox-subtitle .col:last-child {
        padding-right: 20px;
    }

.ibox-subtitle .form-group {
    padding: 0;
    text-align: left;
}

    .ibox-subtitle .form-group * {
        font-size: 12px;
        line-height: 16px;
        outline: none;
    }

.form-group i.fa-search {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    color: #676a6c;
}

.form-group input.hasicon {
    padding-right: 35px;
}

.ibox .col .form-group a.btn {
    width: 100% !important;
}

.info-table .line {
    display: table;
    width: 100%;
    border-bottom: 1px solid #d9dde0;
    padding: 11px 5px;
}

    .info-table .line.selected {
        background: #f7f7f7;
        color: #000;
    }

        .info-table .line.selected span {
            font-weight: 600;
        }

    .info-table .line:last-child {
        border: none;
    }

    .info-table .line span:nth-child(1) {
        float: left;
        color: #333;
    }

    .info-table .line span:nth-child(2) {
        float: right;
        color: #000;
        max-width: 220px;
        text-align: right;
    }

    .info-table .line span:last-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .info-table .line.multiline span:last-child {
        white-space: normal;
        overflow: visible;
        text-align: left;
    }

    .info-table .line span.selected {
        font-weight: 600;
    }

    .info-table .line span i.fa-times {
        cursor: pointer;
        color: #666;
        padding: 0 4px;
        line-height: 16px;
    }

        .info-table .line span i.fa-times:hover {
            color: #000;
        }

.info-table.one-column .line {
    display: flex;
}

.menu-table a {
    display: block;
    border-bottom: 1px solid #d9dde0;
    padding: 11px 10px 11px 5px;
    font-size: 13px;
}

    .menu-table a span:nth-child(2) {
        float: right;
        color: #000;
        max-width: 220px;
        text-align: right;
    }

    .menu-table a.selected {
        font-weight: 700;
    }

    .menu-table a:last-child {
        border: none;
    }

.menu-table a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#nestable[data-type=brick] .dd-list .dd3-content a {
    width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-top: 12px;
    display: inline-block;
}

    #nestable[data-type=brick] .dd-list .dd3-content a i.v5-article {
        height: 12px;
        top: 2px;
    }

#nestable[data-type=node] .dd-list .dd3-content a {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-top: 12px;
    display: inline-block;
}

.table-control .dd3-content {
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: -1px 0 0 0;
    padding: 0 10px;
    border: 1px solid #bcbcbc;
}

.dd3-content.boldFont a {
    font-weight: bold !important;
}

.table-control .dd3-content {
    border-left: none;
    border-right: none;
}

    .table-control .dd3-content i.fa {
        margin-right: 10px;
        font-size: 14px;
        color: #656460;
    }

    .table-control .dd3-content a {
        font-size: 12px;
    }

    .table-control .dd3-content span {
        font-size: 12px;
        line-height: 39px;
        font-weight: 300;
        padding-right: 20px;
    }

        .table-control .dd3-content span.dimmed a {
            color: #999;
        }

        .table-control .dd3-content span.dimmed {
            color: #999;
        }

.table-control div.icons {
    background: none;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    right: 0;
    border-left: 1px solid #bcbcbc;
}

    .table-control div.icons .edit {
        border: none;
        margin-left: -1px;
    }

        .table-control div.icons .edit:hover > i.fa {
            line-height: 38px;
            transition: all 0.1s ease;
        }

    .table-control div.icons > .edit:first-child {
        margin-left: 0;
    }

    .table-control div.icons .edit .dropdown-toggle {
        width: 38px;
        line-height: 24px;
        display: inline-block;
        border-left: 1px solid #d9dde0;
    }

    .table-control div.icons .edit > i.fa {
        border-left: 1px solid #d9dde0;
        width: 38px!important;
        line-height: 24px;
        border-right: 1px solid #d9dde0;
    }

    .table-control div.icons > .edit:first-child i.fa {
        border-left: 0;
    }

    .table-control div.icons > .edit:nth-child(2) i.fa {
        border-right: 0;
    }

    .table-control div.icons .edit:last-child i.fa {
        border-right: 0;
    }

    .table-control div.icons .actions {
        float: right;
    }

        .table-control div.icons .actions .edit:hover {
            background: #f8f8f8;
        }

    .table-control div.icons .dropdown-menu .line {
        font-size: 12px;
        display: block;
    }

    .table-control div.icons > .edit:only-child i.fa {
        border: none;
    }

    .table-control div.icons span.edit.disabled {
        pointer-events: none;
        opacity: 0.15;
    }

.table-control[data-state=selecting] .table-header {
    width: auto;
}

.table-control .dd3-content span a i.fa {
    margin: 0;
    width: 24px;
}

.table-control .table-header-wrapper {
    position: relative;
}

.table-control .table-header {
    display: table;
    width: 100%;
    padding-left: 10px;
}

.table-control .dd3-content {
    display: table !important;
    width: 100%;
}

.table-control .table-header span {
    display: table-cell;
    font-weight: 600 !important;
    padding: 10px 0;
    padding-right: 20px;
    font-size: 12px;
}

.table-control[has-icon=true] .table-header span:first-child {
    padding-left: 24px;
}

.table-control .dd3-content {
    display: table !important;
    width: 100%;
}

    .table-control .dd3-content span {
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        min-height: 39px;
    }

.table-control .multi-select {
    display: none;
}

.table-control .table-header-wrapper .multi-select {
    border-right: none;
    text-align: center;
}

    .table-control .table-header-wrapper .multi-select .checkbox {
        margin-top: 7px;
    }

.table-control .multi-select {
    position: absolute;
    z-index: 2;
    width: 38px;
    height: 39px;
    top: 1px;
    border-right: 1px solid #bcbcbc;
    text-align: center;
}

    .table-control .multi-select .checkbox {
        margin: 10px 0 0 8px;
        display: inline-block;
        position: relative;
    }

.table-control[data-state=selecting] .table-header {
    padding-left: 53px;
}

.table-control[data-state=selecting] .dd3-content {
    padding-left: 53px;
}

    .table-control[data-state=selecting] .dd3-content:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.table-control[data-state=selecting] div.actions {
    width: 0 !important;
    display: none !important;
}

.table-control[data-state=selecting] .dd3-content.clicked {
    background: #fff !important;
}

.table-control[data-state=selecting] li.checked .dd3-content {
    background: #f8f8f8 !important;
}

    .table-control[data-state=selecting] li.checked .dd3-content.clicked {
        background: #f8f8f8 !important;
    }

.table-control[data-state=selecting] .dd3-content span:last-child {
    width: auto !important;
}

.dropdown-menu .ibox.light {
    display: none !important;
}

.ibox.light .ibox-content {
    padding: 20px;
    border-radius: 0 0 3px 3px;
}

.ibox.light .ibox-title {
    background: none !important;
    border-top: none !important;
    padding: 16px 15px 0 15px !important;
}

    .ibox.light .ibox-title h5 {
        margin: 0 !important;
        color: #333;
    }

.ibox.light.grey .ibox-title h5 {
    margin: 0 !important;
    color: #999;
}

.ibox-content > .info-table {
    margin: 10px 0px;
    position: relative;
}

.ibox.light {
    border-radius: 3px;
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 25px;
}

    .ibox.light .line {
        border-bottom: 1px solid #d9dde0;
        padding: 11px 5px;
        border-top: none !important;
    }

        .ibox.light .line:last-child {
            border: none;
        }

        .ibox.light .line a i.fa {
            float: left;
            width: 24px;
            height: 16px;
        }

.ibox.plain {
    margin-bottom: 25px;
}

    .ibox.plain .text {
        color: #626262;
        font-size: 14px;
        line-height: 1.5em;
    }

    .ibox.plain h3 {
        font-size: 30px;
        line-height: 1.25em;
        margin: 0;
        font-weight: normal;
        margin-bottom: .5em;
    }

    .ibox.plain h4 {
        font-size: 24px;
        line-height: 1.25em;
        margin: 0;
        font-weight: normal;
        margin-bottom: .5em;
    }

.ibox.plain {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
}

    .ibox.plain .btn {
        font-size: 12px;
        font-weight: 600;
    }

        .ibox.plain .btn i.fa {
            margin-right: 7px;
        }

    .ibox.plain .img-circle {
        border: 1px solid #ce5a28;
    }

.mCSB_scrollTools {
    z-index: 1;
}

a.btn i.fa.nopad {
    margin: 0 !important;
}

a.btn i.fa {
    margin-right: 7px;
}

.multi-select-options {
    text-align: left;
    display: none;
}

.ibox-subtitle .btn-xs {
    padding: 2px 10px;
}

/*
.modal-content .tabs{ text-align: center; }
.modal-content .tabs span.label{ position: relative; top: -1px; }
.modal-content .tabs .checkbox-wrapper{ display: inline-block; }
.modal-content .tabs .checkbox{ display: inline-block; margin-left: 17px!important; text-align: left; }
*/

.disabled-click {
    opacity: 0.5;
}

    .disabled-click::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }


.modal-content ul.tabs {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    z-index: 2;
    padding: 15px 20px;
    background: #f7f7f7;
    display: block;
}

.modal-content .ibox-subtitle ul.tabs {
    padding: 10px 0 6px 0;
    border: none;
}

ul.tabs {
    display: block;
    list-style: none;
    text-align: center;
    margin: 0;
    position: relative;
    padding: 2px 0 0 0;
}

    ul.tabs li {
        display: inline-block;
        font-size: 16px;
        padding: 0 10px;
        cursor: pointer;
        position: relative;
    }

        ul.tabs li.selected {
            font-weight: 600;
        }

.dropdown-menu.note-table {
    left: 0px !important;
    right: auto !important
}

ul.tab-content {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.tab-content li.group-tab {
        display: none;
    }

.ibox-subtitle .buttons {
    position: absolute;
    top: 12px;
    right: 20px;
}

    .ibox-subtitle .buttons .btn {
        padding: 4px 10px;
    }

/*.ibox-content .form-group:last-child{ padding-bottom: 10px; }*/
.ibox-content .info-table:last-child {
    margin-bottom: 0px;
}

.input-group i {
    width: 24px;
}

.input-group-addon {
    border: 1px solid #b6b6b6;
    background: #f8f8f8;
}

    .input-group-addon:hover {
        cursor: pointer;
        background: #e6e6e6;
    }

    .input-group-addon:last-child {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.modal-body {
    overflow: hidden;
}

    .modal-body form {
        display: block;
        min-height: 305px;
    }

    .modal-body.mCustomScrollbar {
        padding-right: 0;
    }

        .modal-body.mCustomScrollbar .mCSB_container {
            padding-right: 30px;
        }

.date-time {
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    display: table;
    width: 100%;
}

    .date-time .input-group {
        width: 50%;
        float: left;
    }

        .date-time .input-group * {
            background: none;
            border: none;
            cursor: pointer;
        }

.date {
    width: 100%;
    position: relative;
}

    .date input[type=text] {
        padding-left: 36px;
    }

    .date i.fa {
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 3;
        line-height: 0;
    }

.clockpicker {
    width: 100%;
    position: relative;
}

    .clockpicker input[type=text] {
        padding-left: 36px;
    }

    .clockpicker i.fa {
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 3;
        line-height: 0;
    }

.status-tab {
    position: absolute;
    top: 0;
    left: 50%;
    background: rgba(66,171,202,0.15);
    text-align: center;
    line-height: 28px;
    color: #d1d1d1;
    padding: 0 15px;
    border-radius: 0 0 3px 3px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swal2-modal .btn {
    margin: 0 5px;
}

.swal2-modal * {
    font-family: 'open sans', sans-serif;
}

.btn-blue {
    color: inherit !important;
    background: #41accc !important;
    color: #ffffff !important;
    border: 1px solid #d9dde0 !important;
}

/*.nestable-menu a.btn {
	padding: 2px 6px 2px 6px;*/
/*padding: 4px 10px 4px 10px;*/
/*}*/

.nestable-menu a.btn:hover {
    background: #f8f8f8;
}

.page-heading .v5-select * {
    color: #d1d1d1;
}

.page-heading .v5-select ul li {
    background: rgba(0,0,0,0.90) !important;
}

.modal-header .v5-select {
    position: absolute;
    left: 315px;
    bottom: 20px;
}

    .modal-header .v5-select ul {
        top: 100%;
        margin-top: 10px;
    }

.v5-select {
    display: inline-block;
    position: relative;
}

    .v5-select div {
        position: relative;
        padding-right: 17px;
        cursor: pointer;
        font-weight: 600;
    }

        .v5-select div b {
            font-weight: 600;
        }

    .v5-select span {
        font-weight: normal;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
    }

    .v5-select ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
        margin-left: -10px;
        position: absolute;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
    }

        .v5-select ul li {
            white-space: nowrap;
            padding: 9px 10px;
            cursor: pointer;
            background: #fff;
        }

            .v5-select ul li.selected {
                color: #000;
            }

            .v5-select ul li:hover {
                color: #000;
                background: #f7f7f7;
            }

.btn.on i {
    font-size: 14px;
    position: relative;
    top: 1px;
}

.btn.off i {
    font-size: 14px;
    position: relative;
    top: 1px;
}

.btn.on {
    color: #6ca3b3;
    width: 58px;
    text-align: left;
    font-size: 11px;
}

    .btn.on:after {
        content: "ON";
        display: inline-block;
    }

.btn.off {
    color: #999;
    width: 58px;
    text-align: left;
    font-size: 11px;
}

    .btn.off:after {
        content: "OFF";
        display: inline-block;
    }

.v5.btn-group {
    display: inline-block;
}

/*	.v5.btn-group .btn {
		background: #f7f7f7;
		color: #ccc;
	}*/

.ibox .col .form-group .v5.btn-group a.btn {
    width: auto !important;
}

.v5.btn-group .btn:hover {
    color: #333;
}

.v5.btn-group .btn.selected {
    background: #41accc;
    color: #ffffff;
    border-color: #41accc;
}

.btn-group .btn + .btn {
    margin: 0;
    border-left: 0;
}

.info-row label {
    line-height: 24px;
    margin: 0;
    opacity: 0.6;
    font-weight: 600;
}

.info-row .btn {
    padding: 2px 10px;
}

.info-row .form-group > label {
    margin-right: 10px;
}

.dropdown-toggle {
    cursor: pointer;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 2px 10px;
}

/*.modal .modal-content{ overflow: hidden; }*/

.half {
    display: table-cell;
    min-width: 160px;
}

.editby {
    color: #999;
}

    .editby em {
        color: #333;
        font-style: normal;
        font-weight: 600;
    }

#_loginForm .btn-primary {
    background: #4893a9;
    border-color: #4893a9;
}

.ibox-title h5 span.active-lcid {
    font-size: 14px;
}

.col-lg-4 .dotout .ibox-title h5 {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.col-lg-4 .info-table .line span:only-child {
    max-width: 310px;
}

.simple-image-selector {
    position: relative;
    overflow: hidden;
    width: 320px;
}

    .simple-image-selector .simple-wrapper {
        display: table;
        position: relative;
        width: 640px;
        left: -320px;
        transition: all 0.3s ease;
    }

    .simple-image-selector .image {
        width: 320px;
        display: table-cell;
        text-align: center;
        position: relative;
        padding: 20px 0;
        border: 1px solid #b6b6b6;
        border-radius: 3px 0 3px 3px;
    }

    .simple-image-selector img {
        max-width: calc(320px - 40px);
        height: auto;
        max-height: 180px;
        width: auto;
    }

    .simple-image-selector .select-file {
        width: 320px;
        display: table-cell;
        text-align: center;
        position: relative;
        padding: 20px 0;
        border: 1px solid #b6b6b6;
        border-radius: 3px 0 3px 3px;
    }

        .simple-image-selector .select-file .button-group {
        }

    .simple-image-selector .x {
        z-index: 10;
    }

    .simple-image-selector .cancel {
        display: none;
    }

    .simple-image-selector.hasContent .simple-wrapper {
        left: -320px;
        transition: all 0.3s ease;
    }

    .simple-image-selector.hasContent .cancel {
        display: block;
    }

    .simple-image-selector.hasContent .simple-wrapper.True {
        left: 0;
        transition: all 0.3s ease;
    }

.simple-wrapper .x, .simple-wrapper .cancel {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: rgba(0,0,0,0.25);
    color: #fff;
    cursor: pointer;
    padding: 0 5px;
}

.simple-wrapper .dropzone {
    height: 66px;
    display: block;
    position: relative;
    border: 1px dashed #b6b6b6;
    padding: 15px;
}

    .simple-wrapper .dropzone .dz-message {
        position: static;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 10px 0;
    }

.simple-file-selector {
    position: relative;
    overflow: hidden;
    width: 320px;
}

    .simple-file-selector .filename {
        padding: 20px 10px;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .simple-file-selector .image-selector .image div.table-cell {
        display: table-cell;
        height: auto;
        width: 230px;
        text-align: center;
        vertical-align: top;
    }

    .simple-file-selector .image-selector .guide {
        width: 100%;
    }

    .simple-file-selector .image-selector.True .guide {
        right: 320px;
    }

    .simple-file-selector .image-selector {
        height: 60px;
    }

        .simple-file-selector .image-selector .text {
            width: 100px;
            height: 58px;
        }

            .simple-file-selector .image-selector .text .file-icon {
                padding-top: 3px;
                text-align: center;
            }

                .simple-file-selector .image-selector .text .file-icon i {
                    font-size: 20px;
                    color: #999;
                }

        .simple-file-selector .image-selector .guide {
            width: 100px;
            height: 58px;
            text-align: center;
            padding: 15px 0;
        }

        .simple-file-selector .image-selector .image {
            width: 220px;
            height: 100%;
        }

        .simple-file-selector .image-selector .dropzone {
            height: 58px;
        }

.simple-file-upload .dropzone {
    height: 230px;
    display: block;
    position: relative;
    border: 1px dashed #b6b6b6;
    padding: 15px;
}

    .simple-file-upload .dropzone:hover {
        border-color: #41accc;
        cursor: pointer;
    }

    .simple-file-upload .dropzone .dz-message {
        margin-left: -15px;
        padding: 10px 40px;
        text-align: center;
    }

._commerceInfo .info-table input[type=text] {
    text-align: right;
    height: auto;
    padding: 3px 4px;
    margin-right: -5px;
    width: 80px;
}

._commerceInfo .info-table .commerceprice {
    margin: -4px 0;
}

.commerceprice .checkbox {
    text-align: left;
    display: inline-block;
    margin-bottom: 0;
}

    .commerceprice .checkbox label {
        border: none;
    }

._commerceInfo .info-table span {
    overflow: visible !important;
}

#ajourModal {
    z-index: 2051 !important;
}
    /*.node-editor .modal .modal-step.ajour-step {z-index:4000;}*/
    #ajourModal .ajour-step.noScroll .mCustomScrollBox {
        overflow: visible;
    }

        #ajourModal .ajour-step.noScroll .mCustomScrollBox .mCSB_container {
            overflow: visible;
        }

#filarkiv {
    z-index: 2052 !important;
}

#MediaArchiveModal .ajour-step[data-state='std'] .modal-header .mediaArchiveStdButtons {
    display: none;
}

#MediaArchiveModal .ajour-step[data-state='std'] .modal-header .mediaArchiveMediaButtons {
    display: block;
}

.mediaArchiveMediaButtons {
    display: none;
}

#MediaArchiveModal .ajour-step[data-state='std'] .mediaArchiveInfo {
    display: none;
}

#MediaArchiveModal .ajour-step[data-state='std'] .mediaGroupInfo {
    display: block;
}

.mediaGroupInfo {
    display: none;
}

.movetopagetoanotherpage {
    /*width: 260px !important;*/
}

    .movetopagetoanotherpage .dd-item {
        /*
		left: 80px;
		opacity: 0.60;
		text-align: right;
			*/
    }

        .movetopagetoanotherpage .dd-item .dd3-content a {
            /*
			font-size: 12px;
				*/
        }

#single-item.createbrick {
    width: auto;
    height: auto;
}

    #single-item.createbrick .layout {
        display: block;
        margin: 0;
        width: 360px;
    }

        #single-item.createbrick .layout .image {
            width: 360px;
            height: 237px;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }
/*#single-item.createbrick .layout .image img{width: auto; height:auto; max-height: 217px; max-width:360px; margin:auto; display:inline;}*/

#hide {
    overflow: hidden;
    height: 0;
}

.modal .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,.75);
}

.modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.4);
}

.modal .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.4);
}

.blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.redactor-box.redactor-styles-on .redactor-toolbar {
    padding: 16px 16px 0 16px !important;
}

.redactor-toolbar a.re-button-icon {
    padding: 8px 13px 5px 13px !important;
}

.table-control li div.description {
    display: none;
}

.table-control li.open div.description {
    display: block;
    background-color: #fff;
    padding: 15px;
}

.table-control .description p {
    margin: 0 !important;
}

.table-control.dd[data-state="moving"] .dd-handle {
    z-index: 3;
    height: 100%;
    width: 100%;
}

.helptext {
    margin: 5px;
}

    .helptext a {
        color: #247c97;
    }

div.pdfviewer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    border: 1px solid #b6b6b6;
}

div.pdfviewer > div.image {
    border-right: 1px solid #b6b6b6;
}

div.pdfviewer > div.image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

div.pdfviewer {
    margin: 12px 0;
}

div.pdfviewer > div {
    padding: 10px 20px;
}

@media (min-width: 768px) {
    .modal .modal-dialog {
        text-align: center;
        width: 100%;
    }

    #ajourSimpleModal.modal .modal-dialog {
        text-align: center;
        width: unset;
        display: inline-block;
    }

    #ajourSimpleModal.modal {
        text-align: center;
    }

    .modal .modal-content {
        display: inline-block;
    }

        .modal .modal-content .ajour-step {
            width: 600px;
            text-align: left;
        }

    .modal .ajour-step.medium {
        width: 885px;
    }

    .modal .ajour-step.small {
        width: 420px;
    }

    .modal .ajour-step.xsmall {
        width: 420px;
    }

        .modal .ajour-step.xsmall .modal-body form {
            min-height: 140px;
        }

    .modal .ajour-step.large {
        width: 1170px;
    }
}

@media only screen and (min-width : 1800px) {

    .sitemap-toggler, .rightmenu-toggler {
        display: none;
    }

    .sitetree-wrapper {
        display: block !important;
        margin-left: -295px;
        margin-top: 0;
        background: rgba(0,0,0,0.75);
        width: 260px;
    }

    .sitetree-scroller {
        height: 586px;
        max-height: 586px;
    }

    .rightmenu-wrapper {
        display: block !important;
        right: -280px;
        margin-top: 0;
        width: 260px;
        position: absolute;
        top: 100%;
    }

    /*
	
	#settings .dropdown-menu{ display: block; width: 260px; margin-right: -310px; margin-top: 32px; position: absolute; top: 100%; right: 0; }
	
	#settings h3,
	#settings h5{ display: block; text-align: left; }
	#settings .dropdown-toggle{ display: none; }
	#settings .dropdown-menu-wrapper{ display: block; width: 260px; margin-right: -310px; margin-top: 0; position: absolute; top: 100%; right: 0; }
	#settings .dropdown-menu-wrapper .dropdown-menu{ display: block; position: static; float: none; width: 100%; }

	.page-heading .tools div.icons{ height: 22px; }
	.tools div.icons .dropdown-menu{  margin-right: 0px; margin-top: 10px; }
	.tools div.icons .dropdown-menu h3{ background: rgba(0,0,0,0.3)}	
	.tools div.icons .dropdown-menu h5{ background: rgba(0,0,0,0.3)}	
	.tools  div.icons .dropdown-menu .table div.cell:nth-child(2) { padding: 0 15px;}

*/

    .dropdown-menu-wrapper .ibox.light {
        display: block !important;
        background: rgba(0,0,0,0.75) !important;
        border-radius: 0;
        margin-top: 40px;
    }

        .dropdown-menu-wrapper .ibox.light .line:hover {
            background: rgba(51,51,51,0.5) !important;
        }

        .dropdown-menu-wrapper .ibox.light .ibox-title {
            background: rgba(0,0,0,0.3);
            padding: 0 !important;
            min-height: 45px !important;
            line-height: 45px;
            border: none !important;
        }

        .dropdown-menu-wrapper .ibox.light .ibox-content {
            background: none !important;
            padding: 0;
        }

        .dropdown-menu-wrapper .ibox.light .line span {
            float: none !important;
            font-size: 12px;
            display: block;
            text-align: left !important;
            color: #d1d1d1 !important;
        }

            .dropdown-menu-wrapper .ibox.light .line span a {
                font-size: 12px;
                color: #d1d1d1 !important;
                display: block;
                padding: 10px 15px 11px 15px;
            }

        .dropdown-menu-wrapper .ibox.light .line:hover a {
            background: none;
            color: #fff !important;
        }

        .dropdown-menu-wrapper .ibox.light .line:last-child {
            border-bottom: 1px solid #333 !important;
        }

        .dropdown-menu-wrapper .ibox.light .line {
            border-color: #333;
            display: block;
            padding: 0;
        }
}

/*ipad only*/
@media (max-device-width: 1024px) {

    .modal .modal-body {
        height: 400px;
        overflow: auto !important;
    }

    #medias.modal .modal-body {
        height: 680px;
        overflow: auto !important;
    }

    #medias .modal-dialog {
        border-radius: 4px;
        overflow: hidden;
    }

    #filarkiv .modal-body {
        height: auto !important;
    }

    #file-manager-tree,
    #file-manager-upload-tree {
        height: 555px !important;
        min-height: 555px !important;
        max-height: 555px !important;
        overflow: scroll !important;
    }

    #file-manager-files {
        height: 555px !important;
        min-height: 555px !important;
        overflow: auto;
    }

    #dropzone-multi {
        height: 595px !important;
    }

        #dropzone-multi form {
            min-height: 578px !important;
        }

    #slick-shortcuts {
        width: 1100px;
    }
}

/*desktoponnly only*/
@media (min-device-width: 1025px) {

    .tools a:hover p {
        display: block;
    }
}

@media (max-width: 1430px) {
    .note-editor .open .dropdown-menu {
        right: auto !important;
    }
}
