img {
    max-width: 100%;
}

/* Login Page */

html, body, .login-page, .login-content {
    /* height: 100%; */
}

.login-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 30px;
    position: relative;
    z-index: 5;
}

.login-style1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: bottom right;
    z-index: 2;
}

.login-page {
    position: relative;
}

.login-copyright {
    color: white;
}

.login-style3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-style2 {
    position: absolute;
    top: 0;
    left: 12%;
    bottom: 0;
    right: 58%;
    z-index: 3;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.login-input-panel {
    margin-right: 14%;
    width: 100%;
    max-width: 565px;
    /* background: red; */
    /* border-left: 3px solid #eb7920; */
}

.login-box label {
    border: 1px solid transparent;
    border-left: 5px solid #dd4311;
    background: white;
    box-shadow: 0 7px 30px #00000026;
    padding: 16px 17px;
    transition: .15s;
}

.login-box label {
    display: block;
    margin-bottom: 0;
}

span.login-label-span {
    display: block;
    color: #c0c0c0;
    text-transform: uppercase;
    transition: .15s;
}

.login-txt-input {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0 !important;
    font-weight: bold;
    font-size: 20px;
    background: transparent;
}

.login-btn-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 31px;
}

.login-btn {
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #676767 !important;
    cursor: pointer;
    opacity: .8;
}

    .login-btn:hover {
        opacity: 1;
    }

    .login-btn span {
        margin-right: 23px;
    }

.login-box label:focus-within {
    border-color: #dd4311;
    background: #fcfcfc;
}

    .login-box label:focus-within .login-label-span {
        color: #213e97;
        transition: .3s;
    }

@media (max-width: 1199px) {
    .login-input-panel {
        margin: 0;
    }

    .login-content {
        align-items: center;
        padding: 20px;
    }

    .login-style3 {
        /* display: none; */
        background-position: center;
    }

    .login-style1, .login-style2 {
        display: none;
    }

    .login-copyright {
        color: #494949;
        font-weight: bold;
    }

    .login-logo-img {
        width: 224px;
    }
}

/* home */

.cms-logo {
    height: 45px;
}

.desk {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 0 1px #f0f0f0;
}

.header-section {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    padding-right: 10px;
    background: white;
}

.head-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input {
    position: relative;
}

.search-txtbox {
    min-width: 330px;
    background: #f6f6f6;
    border: 0;
    outline: 0 !important;
    padding: 10px 30px;
    border-radius: 90px;
}

    .search-txtbox::placeholder {
        color: #9a9fa5;
    }

.search-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: 70px;
    background: linear-gradient(45deg, #3c9fec, #1f4198);
    color: white !important;
    border-radius: 90px;
}

    .search-btn svg {
        width: 100%;
        height: 100%;
        padding: 9px;
    }

.head-btn svg {
    width: 50px;
    height: 50px;
    padding: 13px;
}

.head-btn {
    display: inline-block;
    color: #9299a9;
    border-radius: 6px;
}

.username-style {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.username-bg {
    height: 40px;
    width: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.102);
    margin-right: 15px;
}

.username-text {
    color: #2e353d;
    font-size: 18px;
    font-weight: 500;
}

.logo-container {
    padding: 17px 0;
}

.help-content {
    padding: 0 10px;
}

.head-btn:hover, .other-content-menu:hover .head-btn {
    background: #f6f6f6;
    color: #e86327;
}

.search-txtbox:hover, .search-txtbox:focus {
    background: #f0f0f0;
}

.left-menu {
    width: 70px;
    background: linear-gradient(to bottom, #283d80, #2897e9);
    border-right: 4px solid #f39e33;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.341);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    position: fixed;
    top: 79px;
    bottom: 0;
    z-index: 3;
    left: 0;
}

.body-section {
    /* display: flex; */
    min-height: 100%;
}

.left-menu-item {
    display: flex;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    perspective: 500px;
}

    .left-menu-item svg {
        color: white;
        width: 25px;
        fill: white;
    }

    .left-menu-item:not(:first-child):before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 18px;
        height: 1px;
        background: white;
        margin: auto;
    }

    .left-menu-item.active {
        background: linear-gradient(45deg, #f3b53e, #ea6626);
        box-shadow: 0 4px 13px rgba(255, 255, 255, 0.569);
    }

        .left-menu-item.active:before, .left-menu-item.active + .left-menu-item:before {
            display: none;
        }

    .left-menu-item:not(.active):hover {
        background: rgba(0, 0, 0, 0.259);
    }

.left-menu-infobox {
    position: absolute;
    top: -70px;
    left: calc(100% + 8px);
    background: white;
    width: 244px;
    border: 1px solid #e2e2e2;
    color: black;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.051);
    transform: rotateY(36deg);
    transform-origin: left;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.infobox-icon {
    height: 106px;
    background: linear-gradient(45deg, #283d80, #2897e9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-bottom: 4px solid #f39e33;
}

    .infobox-icon svg {
        height: 45px;
        width: 100%;
    }

.infobox-body {
    padding: 15px 20px;
    background: linear-gradient(to bottom, #e1e1e1, white);
    background-size: 100% 13px;
    background-repeat: no-repeat;
}

.infobox-ttl {
    font-size: 16px;
    color: white;
    text-align: center;
    /* font-weight: bold; */
    margin-top: 6px;
}

.infobox-desc {
    height: 76px;
    overflow: hidden;
    color: #464646;
}

.left-menu-item:hover .left-menu-infobox {
    opacity: 1;
    visibility: visible;
    transform: inherit;
}

.main-content {
    padding-top: 79px;
    padding-left: 70px;
    height: 100%;
}

.multi-col-content {
    display: flex;
    min-height: calc(100vh - 79px);
}

.col-settings {
    background: linear-gradient(to bottom,#f3f3f3, white);
    width: 320px;
    box-shadow: 0 0 50px #00000008;
    background-size: 100% 264px;
    background-repeat: no-repeat;
    position: fixed;
    top: 79px;
    left: 70px;
    bottom: 0;
    background-color: white;
    height: 100%;
    overflow: auto;
    z-index: 2;
}

.col-setting-ttl {
    padding: 35px;
    /* text-transform: uppercase; */
    font-weight: bold;
    color: #223c87;
    /* font-size: 18px; */
}

    .col-setting-ttl span {
        display: block;
        position: relative;
    }

        .col-setting-ttl span:after {
            content: "";
            position: absolute;
            bottom: -16px;
            left: 0;
            right: 0;
            background: linear-gradient(to left, #3391d9,#2a477f);
            height: 3px;
            border-radius: 5px;
        }

.col-content {
    width: 100%;
    position: relative;
    padding-bottom: 63px;
}

.col-content-copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
    color: #707070;
}

.col-settings + .col-content {
    margin-left: 320px;
}

.other-content-menu {
    position: relative;
}

.other-drop {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    width: 210px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 13px 19px rgba(0, 0, 0, 0.17);
    padding: 5px;
    border-radius: 5px;
    transform: scale(.7);
    transform-origin: top right;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.other-item {
    display: block;
    text-decoration: none !important;
    color: black;
    padding: 10px;
    border-radius: 5px;
}

    .other-item:hover {
        background: #f7f7f7;
        color: #e86226;
    }

.other-content-menu:hover .other-drop {
    opacity: 1;
    visibility: visible;
    transform: inherit;
}

.col-container {
    margin: 40px 32px;
    margin-bottom: 0;
    transition: .2s;
}

.col-content.menu-active .content-header + div {
    padding-top: 48px;
}

.col-content {
    background: rgb(243, 245, 249);
}

.col-settings-data {
    margin: 0 35px;
    height: auto;
}


/* submenu btn*/

.sub-extend {
    position: absolute;
    top: 100%;
    z-index: 222;
    right: 0;
    background: white;
    width: 180px;
    /* padding: 2px; */
    box-shadow: 0 9px 15px #00000021;
    font-size: 16px;
    transform: scaleY(0);
    transform-origin: top;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    /* border-radius: 3px; */
    overflow: hidden;
}

.submenu-icon svg {
    height: 36px;
    width: 36px;
    padding: 9px;
    fill: #7a7a7a;
}

.submenu-icon {
    border-radius: 3px;
    cursor: pointer;
}

.submenu {
    display: inline-flex;
    position: relative;
}

    .submenu:hover .submenu-icon {
        background: #e5e5e5;
    }

.e-grid .e-content, .e-grid .e-content td,
.e-grid .e-gridcontent,
.e-grid .e-headercell, .e-grid .e-detailheadercell {
    overflow: visible !important;
    white-space: inherit !important;
}


.sub-extend a {
    display: block;
    text-decoration: none;
    padding: 11px;
    color: #212529;
    border: 1px solid white;
    position: relative;
    padding-left: 33px;
    font-size: 14px;
    text-align: left;
}

    .sub-extend a:hover {
        background: #213e970d;
        border-color: #213e9736;
    }

.submenu:hover .sub-extend {
    opacity: 1;
    visibility: visible;
    transform: inherit;
}

tr.e-columnheader th {
    /* background: #223c87 !important; */
    color: #3eb0ff;
    padding: 12px 10px !important;
    /* border-bottom: 4px solid #f39e33 !important; */
    font-weight: bold !important;
    font-size: 16px !important;
    /* color: white; */
}

.e-grid {
    border-radius: 7px;
    /* overflow: hidden; */
    box-shadow: 0 0 50px #0000001a;
}

.e-gridpager.e-control.e-pager.e-lib {
    background: #f9f9f9;
}

.sub-extend a svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 35px;
    padding: 10px;
    fill: #212529;
}

.ebuilder-form {
    /* max-width: 800px; */
    margin: auto;
    background: white;
    box-shadow: 0 0 50px #0000001a;
}

.ebuilder-ttl {
    color: #3eb0ff;
    font-size: 18px;
    /* text-align: center; */
    padding: 11px 40px;
    font-weight: 500;
    /* border-bottom: 1px solid #e5e5e5 !important; */
    /* background: #223c87; */
    position: relative;
    color: #28468a;
    border-bottom: 3px solid #28468a;
}

.form-block {
    padding: 40px;
}

    .form-block .col-btn {
        width: auto;
        margin: auto;
    }

.validation-summary-valid {
    display: none;
}


.form-block input, .form-block textarea {
    height: auto !important;
    padding: 10px !important;
    font-size: 16px !important;
}

.col-collapse {
    position: fixed;
    top: 87px;
    left: 360px;
    background: #b5b5b5;
    height: 30px;
    width: 45px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    display: block;
    padding: 6px;
    z-index: 3;
    background: #213e97;
    width: 30px;
}

.col-collapse-icon {
    display: flex;
    height: 100%;
    width: 100%;
    transform: rotate(85deg);
}

    .col-collapse-icon svg {
        fill: white;
        height: 100%;
        width: 100%;
    }

.col-collapse:hover {
    background: #f6b463;
}

.col-collapsed .col-settings {
    /* width: 0; */
    transform: translateX(-100%);
    visibility: hidden;
}

.col-collapsed .col-content {
    width: 100%;
    margin-left: 0;
}

.col-collapsed .col-collapse {
    left: 70px;
    border-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.col-collapsed .col-collapse-icon {
    transform: rotate(275deg);
}

.col-settings, .col-collapse, .col-collapse-icon, .col-content {
    transition: .3s;
}

.col-btn {
    display: block;
    text-decoration: none;
    color: #1e1e1e;
    position: relative;
    padding: 5px;
    padding-left: 50px;
    /* font-size: 14px; */
    margin-bottom: 30px;
}

    .col-btn svg {
        height: 32px;
        width: 32px;
        border-radius: 2px;
        border: 1px solid #e0e0e0;
        padding: 7px;
        position: absolute;
        top: 0;
        left: 0;
        color: #1e1e1e;
        fill: #1e1e1e;
    }

    .col-btn:not(:last-of-type):after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        height: 1px;
        background: #e0e0e0;
    }

    .col-btn:hover, .col-btn.active {
        color: #3eb0ff;
    }

.e-grid .e-rowcell {
    padding: 10px 15px !important;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background: #f7f8fd;
}

.e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
    margin: 0;
}

.e-grid .e-filtermenudiv {
    margin: -26px -7px;
}

.e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
    margin: -35px 21px -29px 0;
}

.e-filtermenudiv.e-icons.e-icon-filter.e-filtered:before, .e-grid .e-icon-ascending::before, .e-grid-menu .e-icon-ascending::before, .e-grid .e-icon-descending::before, .e-grid-menu .e-icon-descending::before {
    color: #f39e33;
}

.ebuilder-data-box {
    display: flex;
    font-size: 14px;
    position: relative;
}

.ebuilder-data-ttl {
    /* width: 30%; */
    width: 275px;
    font-weight: 500;
    /* background: #f8f9fb; */
    /* border-right: 1px solid #e5e5e5; */
}

.ebuilder-data-ttl, .ebuilder-data-val {
    padding: 5px 40px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    min-height: 57px;
    display: flex;
    align-items: center;
}

.ebuilder-data-val {
    width: calc(100% - 275px);
}

.ebuilder-data-box:nth-child(odd) {
    /* background: #f8f9fb; */
}

    .ebuilder-data-box:nth-child(odd) .ebuilder-data-ttl {
        /* background: #f1f2f5; */
    }

.ebuilder-data-box:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    width: 4px;
    background: #28468a;
    z-index: 2;
    opacity: 0;
}

.ebuilder-data-box:hover:before {
    opacity: 1;
}

.ebuilder-data-box:hover {
    background: #f3f3f3;
}

    .ebuilder-data-box:hover .ebuilder-data-ttl {
        color: #28468a;
    }

.ebuilder-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: white;
    border-radius: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    line-height: 2px;
}

    .ebuilder-badge svg {
        margin-right: 7px;
        height: 15px;
        width: 15px;
    }

    .ebuilder-badge.ebuilder-success {
        color: #05b160;
        fill: #05b160 !important;
    }

    .ebuilder-badge.ebuilder-danger {
        color: #ff0017;
        fill: #ff0017;
    }

.ebuilder-label, .EBArticleFieldLabel {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 16px;
}

.form-group {
    display: block;
    margin-bottom: 1rem;
}

.treeviewIcon {
    width: 32px;
}

.ebuilder-form .e-grid {
    box-shadow: none;
}

.e-btn, .e-css.e-btn {
    font-size: 16px;
    padding: .375rem .75rem;
}

.acc-btn {
    padding: 5px 40px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    min-height: 57px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #212529 !important;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    padding-right: 50px;
}

    .acc-btn:before {
        content: "";
        position: absolute;
        height: 15px;
        width: 15px;
        /* background: red; */
        transform: rotate(45deg);
        border: 1px solid transparent;
        border-bottom-color: #424242;
        border-right-color: #424242;
        top: calc(50% - 11px);
        right: 24px;
        transition: .3s;
    }

    .acc-btn:hover {
        background: #f7f8fd;
    }

.acc-extend {
    display: none;
}

.acc-sub.open > .acc-btn:before {
    transform: rotate(225deg);
    margin-top: 10px;
}

.ebuilder-table {
    width: 100%;
}

    .ebuilder-table td, .ebuilder-table th {
        padding: .75rem;
        border-bottom: 1px solid #e5e5e5;
    }

.content-drop-menu {
    /* display: none; */
    opacity: 0;
    position: absolute;
    visibility: hidden;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, #f8f8f8, #fcfcfc);
    border: 1px solid #f09334;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: linear-gradient(to bottom, #fbfbfb,white);
    transition: .2s;
    height: 0;
    overflow: hidden;
}

.content-head-item svg {
    height: 20px;
    margin-right: 7px;
    fill: #213e97;
}

.content-header {
    background: white;
}

.content-header-menu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-right: 18px;
    position: relative;
}

.content-header-items {
    display: flex;
    flex-wrap: wrap;
}

.content-head-item {
    display: flex;
    text-decoration: none;
    padding: 11px 15px;
    justify-content: center;
    align-items: center;
    color: rgb(31, 61, 147);
    border-width: 5px 1px 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    position: relative;
    z-index: 2;
    transition: .2s;
}

.content-head-major-blocks {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: 35px; */
}

.content-drop {
    display: flex;
}

    .content-drop.opened > a {
        background: linear-gradient(to bottom, #f3f3f3, #fbfbfb);
        border-color: #f09334;
        color: #213e97;
        font-weight: bold;
    }

.content-head-item:hover {
    /* background: white; */
    border-color: #c5c5c5;
    border-bottom-color: transparent;
    color: rgb(31, 61, 147);
}

.arrow-item {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #f7f7f7;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .arrow-item span:before {
        content: "";
        position: relative;
        height: 13px;
        width: 13px;
        transform: rotate(45deg);
        border-top: 1px solid #bfc8d1;
        border-left: 1px solid #bfc8d1;
        top: 3px;
        transition: .2s;
    }

    .arrow-item span {
        display: flex;
    }

.col-content:not(.menu-active) .arrow-item span:before {
    transform: rotate(225deg);
    margin-top: -9px;
}

.content-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 35px;
}

.arrow-item:hover {
    background: #e5e5e5;
}

.content-drop.opened > a {
    border-bottom-color: transparent;
}

.content-drop.opened > .content-drop-menu {
    opacity: 1;
    visibility: visible;
    height: 48px;
}

.content-drop-item {
    text-decoration: none;
    color: rgb(33, 62, 151);
    padding: 11px;
    text-align: center;
    transition: .2s;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
}

    .content-drop-item:hover, .content-drop-item.active {
        color: #f09334;
        font-weight: bold;
    }

[data-hover-bold]:before {
    content: attr(data-hover-bold);
    height: 0;
    overflow: hidden;
    visibility: hidden;
    user-select: none;
    font-weight: bold;
}

[data-hover-bold] {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
}

.content-drop-item svg {
    height: 14px;
    margin-right: 5px;
    fill: #213e97;
    transition: .2s;
}

.content-drop-item:hover svg, .content-drop-item.active svg {
    fill: #f09334;
}

.content-drop-item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 13px;
    width: 1px;
    background: #959595;
    margin: auto;
}

.empty-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ebuilder-check-header {
    background: #f3f5f9;
    padding: 14px 15px;
    padding-left: 54px;
    text-transform: uppercase;
    font-weight: bold;
    color: #686868;
    position: relative;
    margin-bottom: 15px;
}

    .ebuilder-check-header:before {
        content: "";
        position: absolute;
        height: 27px;
        width: 27px;
        background: white;
        border-radius: 100%;
        left: 10px;
        top: 12px;
        border: 2px solid #f09334;
    }

.ebuilder-list-error {
    padding-left: 54px;
    margin: 15px 0;
    color: #979797;
}

.ebuilder-check-header.is-ticked:before {
    background: #f09334;
}

.ebuilder-check-header:after {
    content: "";
    height: 12px;
    width: 7px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    position: absolute;
    top: 18px;
    left: 20px;
    transform: rotate(45deg);
}

.ebuilder-check-header.is-ticked {
    color: #f09334;
}

.ebuilder-list-error u {
    font-weight: bold;
}

.ebuilder-tab .e-tab .e-tab-header .e-toolbar-items {
    height: auto;
    /* padding: 10px; */
}

.ebuilder-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: auto;
}

.ebuilder-tab .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 7px 22px;
    height: auto;
    border-top: 2px solid #213e97 !important;
}

.ebuilder-tab {
    padding: 20px 0;
    overflow: hidden;
}

    .ebuilder-tab .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        /* border-top: 3px solid #213e97; */
    }

    .ebuilder-tab .e-tab .e-content > .e-item {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }

.copy-icon.text-right {
}
.copy-icon {
}
.copy-icon.text-right svg {
    fill: white;
    /* stroke: white; */
    width: 25px;
}
.copy-icon a {
    /*margin-bottom: 0;
    position: absolute;
    top: -12px;
    right: 0;*/
    font-size: 16px;
}

.image-collection-list {
    display: flex;
    flex-wrap: wrap;
}

.image-collection-box {
    width: 200px;
    position: relative;
    padding: 10px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.051);
    border-radius: 4px;
}

.image-collection-bg {
    padding-bottom: 59%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
    position: relative;
}

.image-collection-controls {
    position: absolute;
    top: 7px;
    right: 7px;
    transform: translateX(130%);
    transition: .3s;
}

.image-collection-delete svg {
    width: 27px;
    height: 27px;
    padding: 7px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 100%;
}

.image-collection-title {
    font-family: monospace;
    text-align: center;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 39px;
    font-size: 13px;
}

.image-collection-box:hover .image-collection-controls {
    transform: inherit;
}

.image-collection-box:hover {
    background: #e5f3ff;
    border-color: #b1dbff;
}

.image-collection-delete:hover svg {
    background: #2c7bbc;
    color: white;
}

.image-collection-list.emply-collection {
    display: block;
    text-align: center;
    padding: 68px 20px;
}

    .image-collection-list.emply-collection h5 {
        color: #707070;
    }

.image-collection-list.no-controls .image-collection-controls {
    display: none;
}

.imagecollection-listing-options {
    width: 100%;
    display: flex;
    /* justify-content: flex-end; */
    margin-bottom: 15px;
}

.imagecollection-option {
    display: flex;
    text-decoration: none;
    color: #8c8c8c;
    padding: 3px 0;
    justify-content: center;
    align-items: center;
    opacity: .8;
    margin-right: 21px;
    border-bottom: 3px solid #eeeeee;
    font-weight: bold;
}

    .imagecollection-option svg {
        height: 18px;
        margin-right: 5px;
        fill: #8c8c8c;
    }

    .imagecollection-option:hover {
        opacity: 1;
        color: black;
        fill: black;
    }

        .imagecollection-option:hover svg {
            fill: black;
        }

    .imagecollection-option.active {
        opacity: 1;
        color: black;
        border-color: black;
    }

        .imagecollection-option.active svg {
            fill: black;
        }

.image-collection-list[data-view='gallery'] .image-collection-box {
    padding: 0;
    margin: 0;
}

    .image-collection-list[data-view='gallery'] .image-collection-box .image-collection-title {
        display: none;
    }

    .image-collection-list[data-view='gallery'] .image-collection-box .image-collection-bg {
        padding-bottom: 81%;
        background-size: cover;
    }

.image-collection-list[data-view='list'] .image-collection-box {
    padding: 0;
    margin: 0;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .image-collection-list[data-view='list'] .image-collection-box .image-collection-title {
        width: calc(100% - 130px);
        margin: 0;
        padding: 10px;
        max-height: inherit;
        overflow: visible;
        display: block;
    }

    .image-collection-list[data-view='list'] .image-collection-box .image-collection-bg {
        padding-bottom: 81%;
        background-size: cover;
        width: 130px;
        padding: 0;
        height: 130px;
    }

.image-collection-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    opacity: 0;
}

.imagecollection-size {
    position: absolute;
    background: #858585;
    color: white;
    padding: 0px 12px;
    font-size: 13px;
    border-radius: 90px;
}

.article-status-content {
    display: flex;
    flex-wrap: wrap;
}

.article-version-tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    opacity: 0;
    visibility: hidden;
    transition: .1s;
    background: #000000a6;
    width: 169px;
    color: white;
    display: flex;
    flex-direction: column;
    padding: 7px 0px;
    border-radius: 4px;
    left: -38px;
}

.article-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* padding: 10px; */
    background: white;
    border-radius: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    /* line-height: 2px; */
}

    .article-button span:first-child {
        background: #eef0f4;
        padding: 11px;
        font-size: 12px;
        font-weight: bold;
        /* text-transform: uppercase; */
        color: #213e97;
    }

    .article-button span:last-child {
        padding: 0 10px;
    }

.article-version {
    position: relative;
}

    .article-version:hover .article-version-tooltip {
        opacity: 1;
        visibility: visible;
    }

.article-version-tooltip span {
    padding: 4px 10px;
}

.article-version-tooltip:before {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-top-color: #000000a6;
    bottom: -13px;
    left: calc(50% - 2px);
}

.pr-15 {
    padding-right: 15px;
}

.e-item > div:not(.p-4) {
    padding: 1.4rem;
}

.EBFieldHyperlinkContainer {
    display: flex;
}

.EBHyperlinkInputContainer {
    flex: 1 1 auto;
    padding-right: 10px;
}

.EBHyperlinkButtonContainer button {
    background: #213e97 !important;
    padding: 10px;
}
.k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > .k-table-th, .k-filter-row > td, .k-filter-row > .k-table-td {
    border: 0px !important;
}

.e-toolbar-item.e-template:not(.e-active) {
    background: #f9fafb;
    border: 1px solid #e7e7e7;
}

/* Categories explorer */

.tree-view-link {
    text-decoration: none;
    color: #264094;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    fill: #264094;
}

.main-content .e-treeview .e-text-content {
    padding-left: 37px;
}

.main-content .e-icons.e-icon-collapsible, .main-content .e-treeview .e-icon-collapsible, .main-content .e-treeview .e-icon-expandable {
    /* background: #e3e3e3; */
    color: #213e97;
    border-radius: 90px;
    height: 30px;
    width: 30px;
    margin: 0px 0 0 -24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.main-content .e-treeview .e-list-item .e-icons:hover {
    background: gainsboro !important;
}

.main-content .e-treeview .e-icon-collapsible::before, .main-content .e-treeview .e-icon-expandable::before {
    font-size: 24px;
}

.main-content .e-treeview .e-list-item.e-hover > .e-fullrow, .main-content .e-treeview .e-list-item.e-active > .e-fullrow {
    background: #ebeef3;
    border-color: #ebeef3;
}

.main-content .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
    background: #eff4fb;
    border-color: #eff4fb;
}

.main-content .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .main-content .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable,
.main-content .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible, .main-content .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
    color: #e86226;
}

.main-content .e-active > .e-text-content > .e-list-text > .list-content-icon > .tree-view-link {
    color: #e86226;
    fill: #e86226;
}

.tree-view-link svg {
    width: 22px;
    margin-right: 8px;
    fill: inherit;
}

.main-content .e-btn:hover .e-icons {
    color: #fff;
}

.ebuilder-iframe {
    width: 100%;
    min-height: 500px;
    height: calc(100vh - 233px);
}

.file-manager-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#FileManagerForm {
    flex: 1 1 auto;
}

div#fileManager {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

div#fileManager_layout {
    height: auto !important;
    flex: 1 1 auto;
}

div#fileManager_content {
    display: flex;
    flex-direction: column;
}

div#fileManager_largeicons {
    height: auto !important;
}

.file-manager-container .form-group {
    margin: 0;
    padding: 13px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #213E96 !important;
}

/* Cropper */

.crop-header {
    display: flex;
    flex-wrap: wrap;
    margin-right: 24px;
    justify-content: space-between;
    padding: 0 10px;
    padding-top: 10px;
    /*position: fixed;*/
    top: 4px;
    left: 0;
    right: 53px;
}

.crop-options {
    display: flex;
    flex-wrap: wrap;
}

.crop-item svg {
    height: 100%;
    width: 100%;
    padding: 8px;
}

.crop-item {
    width: 40px;
    height: 40px;
    /* border: 1px solid #e9e9e9; */
    border-radius: 1px;
}

    .crop-item:hover {
        box-shadow: inset 0 0 1px 1px #c1c1c1;
        background: white;
    }

.crop-ratio {
    display: flex;
    border-left: 1px solid #dee2e6;
    padding-left: 10px;
    margin-left: 10px;
}

.radio-item input {
    display: none;
}

.radio-item label {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #cdcdcd;
    border-right: 0;
    min-width: 47px;
    text-align: center;
}

.radio-item:last-child label {
    border-right: 1px solid #cdcdcd;
}

.radio-item label:hover {
    background: #eff1f5;
}

.radio-item input:checked + label {
    background: #213e97;
    color: white;
}

.crop-left-section {
    display: flex;
    margin-bottom: 10px;
}

.crop-right-section {
    display: flex;
    margin-bottom: 10px;
}

.crop-save-btn {
    display: flex;
    background: #979797;
    text-decoration: none;
    color: white !important;
    padding: 9px;
    border-radius: 4px;
}

    .crop-save-btn svg {
        height: 20px;
        fill: white;
        margin-right: 6px;
    }

    .crop-save-btn:hover {
        background: #838383;
    }

.crop-input input {
    padding: 7px !important;
    height: 40px !important;
}

.crop-overwrite {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
}

div#cropDialog_dialog-content {
    padding: 0;
    /* padding-top: 10px; */
    /*background: #4e4e4e;*/
}

#cropContainer .cropDialog {
    padding: 0 !important;
    padding-top: 20px !important;
}

.e-dialog .e-dlg-header-content {
    /*border-bottom: 0;*/
    /*padding: 12px 26px;*/
    /*position: absolute;*/
    /*bottom: 11px;*/
    /*right: 0px;*/
    /*Updated to fix the dialog*/
    border-bottom: 0;
    padding: 12px 26px;
    position: relative;
    bottom: 11px;
    right: 0px;
}

.file-manager-container .form-group label {
    width: 130px;
}

.ttl-icons {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 5px;
}

.ttl-icon svg {
    height: 100%;
    padding: 8px;
    fill: #666666;
}

.ttl-icon:hover {
    background: #eef0f4;
}

.ttl-icon {
    border-radius: 5px;
}

.in-fullscreen {
    overflow: hidden;
}

.elm-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
}

.in-fullscreen .ebuilder-iframe {
    height: calc(100% - 49px);
}

.in-fullscreen .fullscreen-btn {
    background: #f5f5f5;
}

    .in-fullscreen .fullscreen-btn svg {
        fill: white;
    }

.vertical-svg svg {
    transform: rotate(90deg);
}

.flip-item svg {
    padding: 11px;
}

.cropDialogContent {
    height: 100%;
    /* background: red; */
}

.e-fe-popup.e-dialog .e-image {
    object-fit: contain;
}

/* Logs */

.log-container {
    height: calc(100vh - 310px);
    overflow: auto;
    position: relative;
}

.log-box {
    background: black;
    color: white;
    font-family: monospace;
    padding: 1px 13px;
    min-height: 100%;
}

.log-info {
    color: #bdbdbd;
}

.log-block {
    margin-top: 10px;
    line-height: 18px;
    border-left: 5px solid #646464;
    padding-left: 14px;
}

.set-btns {
    display: flex;
    background: #f7f7f7;
    /* border-top: 1px solid #e3e3e3; */
}

.settings-box {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    /* box-shadow: 1px 7px 12px #00000012; */
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.set-btn {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    color: #2e2e2e;
    padding: 10px 0;
}

    .set-btn svg {
        height: 15px;
        margin-right: 9px;
        fill: #2e2e2e;
    }

.set-ttl {
    background: #213e97;
    color: white;
    padding: 12px 15px;
}

.set-block {
    display: flex;
    justify-content: space-between;
    padding: 11px 25px;
    border-top: 1px solid #e9e9e9;
}

.set-body {
    flex: 1 1 auto;
}

.set-btn:hover {
    color: #2e2e2e;
    background: #ebebeb;
}

.set-block span:last-child {
    font-size: 12px;
    background: #f39e33;
    /* padding: 0px 9px; */
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    height: 24px;
    width: 24px;
}

.settings-box-container {
    height: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-shadow: 10px 10px 30px #0000000d;
}

.ebuilder-config-box {
    box-shadow: 10px 10px 40px #0000001f;
    /* padding-top: 17px; */
    position: relative;
    margin-top: 57px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #dbdbdb;
    border-top: 6px solid #cfcfcf;
}

.ebuilder-config-image {
    position: absolute;
    top: -27px;
    left: 25px;
    height: 50px;
    width: 50px;
    background: linear-gradient(45deg, #283d80, #2897e9);
    border-radius: 7px;
    box-shadow: 5px 5px #0000001f;
}

    .ebuilder-config-image svg {
        height: 100%;
        width: 100%;
        fill: white;
        padding: 13px;
        color: white;
    }

.ebuilder-config-name {
    padding: 10px 25px;
    font-size: 19px;
    font-weight: bold;
    color: #213e97;
    margin-top: 26px;
}

.ebuilder-config-btn {
    /* padding: 0px 25px; */
    /* padding-bottom: 23px; */
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.crop-image-size {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    padding-left: 20px;
}

    .crop-image-size span {
        /* background: #979797; */
        color: #979797;
        padding: 4px 10px;
        border-radius: 90px;
        box-shadow: 0 0 0 1px #979797, 5px 1px 10px #00000014;
    }

body:not(.in-fullscreen) .fullscreen-btn svg:nth-child(2) {
    display: none;
}

body.in-fullscreen .fullscreen-btn svg:nth-child(1) {
    display: none;
}

.in-fullscreen .fullscreen-btn svg {
    fill: #3eb0ff;
}

.fr-custom-buttons {
    display: flex;
    justify-content: flex-end;
}

    .fr-custom-buttons .fr-separator {
        display: none;
    }

    .fr-custom-buttons [data-title="Close"]:before {
        content: "";
        position: absolute;
        height: 13px;
        width: 1px;
        top: calc(50% - 6px);
        left: calc(50% - 1px);
        background: #333333;
        transform: rotate(45deg);
    }

    .fr-custom-buttons [data-title="Close"]:after {
        content: "";
        position: absolute;
        height: 13px;
        width: 1px;
        top: calc(50% - 6px);
        left: calc(50% - 1px);
        background: #333333;
        transform: rotate(-45deg);
    }

    .fr-custom-buttons [data-title="Close"] svg {
        opacity: 0;
    }

.in-fullscreen .fr-popup {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    right: 0;
    z-index: 999999;
}

.in-fullscreen .custom-layer {
    width: 100% !important;
    height: 100% !important;
}

.ebuilder-top-btn + .ebuilder-config-name {
    margin-top: 0;
}

.ebuilder-top-btn:nth-child(2) .set-btns {
    padding-left: 80px;
}

.e-input-group.form-control {
    padding: 0;
}



.log-id {
    color: #cccccc;
    font-weight: normal;
}

.log-info {
    font-weight: bold;
}

/* Mobile Version */

.mobl {
    display: none;
}

@media (max-width: 1199px) {
    .desk {
        display: none;
    }

    .mobl {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 16px #00000026;
        z-index: 10;
        background: white;
        height: 59px;
    }

    .left-menu {
        display: none;
    }

    .col-settings {
        /* display: none; */
        top: 59px;
        left: 0;
        transform: translateX(-100%);
        visibility: hidden;
    }

    a.col-collapse {
        /* display: none; */
        left: 0;
        transform: scalex(-1);
    }

    .main-content {
        padding-left: 0;
        padding-top: 59px;
    }

    .col-settings + .col-content {
        margin-left: 0;
        padding-bottom: 0;
    }

    .mobl-content {
        display: flex;
        justify-content: space-between;
    }

    .mobl-logo-img {
        height: 27px;
    }

    .mobl-logo {
        padding: 16px 14px;
    }

    .mobl-user-bg {
        padding-bottom: 100%;
        width: 30px;
        background-size: cover;
        border-radius: 100%;
        box-shadow: 0 1px 10px #00000038;
    }

    .mobl-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu-icon-style {
        position: relative;
        height: 50px;
        width: 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 14px;
    }

        .menu-icon-style span {
            width: 100%;
            height: 3px;
            background: #8d8d8d;
            border-radius: 9px;
        }

            .menu-icon-style span:last-child, .menu-icon-style span:first-child {
                width: 60%;
            }

    .mobl-user-img {
        margin-right: 10px;
    }

    .multi-col-content {
        min-height: calc(100vh - 59px);
    }

    .mobl-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #00000087;
        opacity: 0;
        visibility: hidden;
        transition: .4s;
    }

    .mobl-card {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background: white;
        width: 320px;
        box-shadow: 0 0 25px #00000069;
        transform: translateX(100%);
        visibility: hidden;
        transition: .4s;
    }

    .close-btn-icon {
        text-decoration: none;
        color: #8f8f8f;
        font-size: 33px;
        line-height: 28px;
        display: flex;
        padding: 11px;
    }

    span.close-btn-span {
        position: relative;
        bottom: 4px;
        color: #2880ce;
    }

    .close-btn {
        display: flex;
        justify-content: flex-end;
    }

    .mobl-menu-item {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #666666;
        /* padding: 7px 12px; */
        /* font-weight: bold; */
        /* border-top: 1px solid #2851976b; */
        height: 49px;
        font-size: 14px;
    }

        .mobl-menu-item svg {
            width: 50px;
            /* margin-right: 22px; */
            padding: 16px;
            fill: white;
            color: white;
            height: 100%;
            background: #213e97;
            background: linear-gradient(45deg, #283d80, #2897e9);
        }

        .mobl-menu-item .infobox-ttl {
            color: inherit;
            margin: 0;
            font-size: inherit;
            height: 100%;
            flex: 1 1 auto;
            text-align: left;
            display: flex;
            /* justify-content: center; */
            align-items: center;
            padding-left: 25px;
            border-top: 1px solid #ebebeb;
        }

    .mobl-left-menu-row {
        display: flex;
        flex-wrap: wrap;
        margin: 4px;
    }

    .mobl-col {
        width: 33.33%;
        padding: 4px;
    }

    a.mobl-menu-box {
        display: block;
        background: linear-gradient(45deg, #283d80, #2897e9);
        height: 100%;
        color: white;
        text-decoration: none;
        font-size: 12px;
        padding: 10px;
        /* border-radius: 4px; */
        box-shadow: 3px 3px 10px #0000001f;
        /* border-top: 4px solid #f39e33; */
    }

        a.mobl-menu-box svg {
            height: 19px;
            width: 100%;
            fill: white;
        }

        a.mobl-menu-box .infobox-ttl {
            font-size: inherit;
            line-height: 14px;
            height: 28px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

    .mobl-extended.opened .mobl-card, .mobl-extended.opened .mobl-overlay {
        visibility: visible;
        transform: inherit;
        opacity: 1;
    }

    .mobl-other .other-item {
        background: #f7f7f7;
        border-radius: 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .mobl-other {
        margin-top: 23px;
        border-top: 1px solid #e1e1e1;
        /* position: absolute; */
        bottom: 0;
        left: 0;
        right: 0;
    }

    .mobl-left-menu {
        margin-top: 12px;
    }

    .col-content-copyright {
        padding: 10px;
        font-size: 14px;
        position: static;
    }

    

    .main-content.mobl-menu-opened .col-settings {
        transform: inherit;
        visibility: visible;
    }

    .mobl-menu-opened .col-collapse {
        left: 291px;
        border-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background: rgb(243, 158, 51);
    }
}

.content-drop-menu.category-header-drop-menu {
    height: auto !important;
    padding-right: 0 !important;
    text-align: left;
}

.category-header-info-box {
    width: 100%;
    /* padding: 11px; */
    font-size: 13px;
    box-shadow: 0 0 50px #0000001a;
    background: #f9f4de;
}

.category-path {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
    /* background: white; */
    padding-right: 120px;
}

.path-sep {
    width: 32px;
    position: relative;
}

    .path-sep:before {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        border-top: 1px solid #213e97;
        border-right: 1px solid #213e97;
        transform: rotate(45deg);
        top: 8px;
        left: 10px;
    }

.path-displayname { /* font-weight: bold; */
    /* color: #2c2c2c; */
    /* border-bottom: 2px dotted; */
    /* padding-bottom: 1px; */
}

    .path-displayname:last-child {
        font-weight: bold;
        border-bottom: 0;
        color: #213e97;
    }

.category-path-container {
    position: relative;
}

.category-path-id {
    position: absolute;
    top: 6px;
    right: 12px;
    /* background: #f3f5f9; */
    color: #213e97;
    padding: 5px 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: bold;
}

.category-details {
    display: flex;
    justify-content: space-between;
    /* border-top: 1px solid #e5e4e5; */
    background: #f5edc9;
    background: #fffcef;
}

.category-data {
    width: 33.333%;
    padding: 10px 15px;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

    .category-data:not(:last-child) {
        /* border-right: 1px solid #e5e4e5; */
    }

    .category-data b {
        color: #213e97;
        margin-right: 10px;
    }

/* Edit Popup */

div#update_modal_dialog_dialog-header {
    margin-top: 10px;
    padding: 15px;
}

div#update_modal_dialog_dialog-content .h-25 {
    display: none;
}

div#update_modal_dialog_dialog-content label {
    font-size: 16px;
    margin-bottom: 10px;
}

div#update_modal_dialog_dialog-content {
    padding-top: 0;
}

    div#update_modal_dialog_dialog-content input {
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 19px;
    }

.col-content .col-container + .col-container {
    margin-top: 16px;
}

button[id*=imageReplace],
button[id*=insertFile] {
    display: none !important;
}

.fr-box.fr-code-view textarea.fr-code {
    min-height: 400px;
}

.e-icons.interaction + .e-list-text {
    padding-left: 0;
}

.order-box {
    display: flex;
    justify-content: space-between;
    padding: 6px 40px;
    align-items: center;
    border-top: 1px solid #dfdfdf;
}

.order-drop select {
    padding: 5px;
}

.dash-box {
    background: linear-gradient(45deg, #dbe9f6, white);
    position: relative;
    height: calc(100% - 10px);
    margin-bottom: 10px;
    box-shadow: 0 2px 5px 1px #00000008;
    padding: 18px;
}

    .dash-box > * {
        position: relative;
        z-index: 2;
    }

.dash-img {
    position: absolute;
    width: 70px;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .3;
    margin: 13px;
}

.dash-box.orang-dash-box {
    background: linear-gradient(45deg, #fcefe7, white);
}

.dash-box.bg-white {
    background: white;
}

.row.dash-row {
    --bs-gutter-x: 10px;
}

.lang-row-head {
    font-weight: bold;
    margin-top: 10px;
}

.row.lang-row {
    padding-top: 10px;
    position: relative;
}

    .row.lang-row:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 10px;
        right: 10px;
        height: 1px;
        background: #0000002e;
    }

div#fileManager_dialog tr:last-child td:last-child {
    overflow: visible;
    text-overflow: inherit;
    white-space: break-spaces;
    word-break: break-all;
}

.editorPermissionIcon {
    font-size: 0;
    height: 20px;
    width: 20px;
    background: #4caf50;
    border-radius: 100%;
    position: absolute;
    right: 11px;
    box-shadow: 0 0 0 3px #4caf5036;
}

    .editorPermissionIcon:before {
        content: "";
        position: absolute;
        height: 11px;
        width: 5px;
        border-bottom: 2px solid white;
        border-right: 2px solid white;
        transform: rotate(45deg);
        top: 3px;
        right: 7px;
    }

.fr-popup .fr-buttons {
    cursor: move;
}

a.left-menu-item.l-license > svg {
    width: 33px;
}

.left-menu-item.l-webparts > svg {
    width: 31px;
}

a.left-menu-item.l-templates > svg {
    widtdh: 30px;
}

.info-box-menu {
    display: flex;
}

.info-box-col {
    flex: 1 1 20%;
    width: 20%;
}

.info-box-menu-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    padding: 10px 6px;
    color: #878787;
    border-right: 1px solid white;
    height: 100%;
}

    .info-box-menu-item svg {
        height: 26px;
        color: inherit;
        width: 100%;
        margin-bottom: 6px;
    }

    .info-box-menu-item span {
        /* flex: 1 1 auto; */
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
        /* height: 33px; */
    }

    .info-box-menu-item:hover {
        background: whitesmoke;
        color: #213e97;
    }

.left-menu-item.l-webparts > svg path {
    stroke: white;
    stroke-width: 10px;
    stroke-miterlimit: 10;
}

.login-box-info h1 {
    font-size: 18px;
    color: #213e97;
}

.login-box-info p {
    color: #6e6e6e;
}

.login-box-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: .3;
    transform: translateY(-37%);
}

.login-box {
    position: relative;
}

.log-level {
    color: #03a9f4;
}
.Warning .log-level {
    color: #FFC819;
}
.Error .log-level {
    color: #e86223;
}
.Critical .log-level {
    color: red;
}

span.log-ip {
    /* color: white; */
}

.log-timestamp {
    color: white;
    font-weight: 800;
}

.log-block:hover {
    border-color: white;
    background: #303030;
}

.log-filter-item {
    padding: 10px;
    max-width: 300px;
}

/* Log Filters */

.log-filters-menu {
    display: flex;
}

.filter-reset-btn {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-sections {
    display: flex;
    padding: 10px;
}

.log-filters-section {
    display: flex;
    justify-content: space-between;
}

.logs-size-info {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.filter-size {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    padding: 0 17px;
    box-shadow: inset 0 0 0 1px #d7d7d7;
}

.filter-size-icon svg {
    height: 25px;
    color: #213e97;
    margin-right: 10px;
}

.logs-size-ttl {
    color: #213e97;
}

.log-container.loader:before {
    content: "Loading Logs...";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    color: white;
    font-weight: bolder;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: monospace;
}

.no-logs {
    display: flex;
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    height: 100%;
    padding: 30px;
    font-weight: bold;
    color: #b9b9b9;
}

    .no-logs span:first-child {
        color: red;
    }

.EBFieldContainer {
    position: relative;
}

.EBInputContainer input[type=text] {
    padding-right: 32px !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.EBInputContainer textarea {
    padding-right: 32px !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/*ChatGPT Integration*/
.singlelineTextChatGPTBtn {
    border: 0;
    background: white;
    position: absolute;
    bottom: 10px;
    right: 5px;
    z-index: 2;
}
.singlelineTextChatGPTBtn:hover {
    z-index: 3;
}

.singlelineTextChatGPTBtn svg {
    color: #e5e5e5;
}

.singlelineTextChatGPTBtn .dropdown-content {
    display: none;
    background: #FFF;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}

.singlelineTextChatGPTBtn:hover .dropdown-content {
    display: block;
    position: display: inline-block;
    padding: 0;
}

.singlelineTextChatGPTBtn .dropdown-content li {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px padding: 0;
    padding: 0;
    font-size: 15px;
    z-index: 10;
}

.singlelineTextChatGPTBtn .dropdown-content li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.singlelineTextChatGPTBtn .dropdown-content li a:hover {
    color: #e86223;
}

.ms-login {
    margin-right: 14%;
    width: 100%;
    max-width: 565px;
    text-align: right;
    margin-top: -6%;
}

    .ms-login a {
        text-decoration: none;
        display: inline-block;
        padding: 13px 16px;
        box-shadow: 0 0 4px 4px #eee;
        box-shadow: 0 7px 30px #00000026;
        color: #676767;
        border: 2px solid transparent;
        border-left: 5px solid #dd4311;
        background: #fff;
        padding-right: 20px;
        transition: 0.3s;
        position: relative;
    }

        .ms-login a img {
            width: 22px;
            margin-right: 6px;
            transition: 0.8s;
        }

        .ms-login a:hover {
            background: transparent;
        }

            .ms-login a:hover img {
                transform: rotateY(180deg);
                position: relative;
                z-index: 2;
            }

    .ms-login span {
        font-weight: 500;
        opacity: 0.9;
        position: relative;
        z-index: 2;
    }

    .ms-login:hover span {
        opacity: 1;
    }

@media (max-width: 1199px) {
    .ms-login {
        margin-right: 0;
    }
}

.ms-login a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    width: 0;
    height: 103%;
    background: linear-gradient(45deg, #f3b53e, #ea6626);
    opacity: 0.3;
    transition: 0.6s;
    z-index: 1;
}

.ms-login a:hover:before {
    width: 100%;
}
.k-window {
    top: calc(50% - 250px);
    left: calc(50% - 250px);
    max-width: 100%;
    max-height: 100%;
}

    .k-window .k-window-titlebar.k-hstack {
        background: linear-gradient(to right, #283d80, #2897e9);
        color: #fff;
    }

.k-window-iframecontent .k-content-frame {
    width: 500px;
}


span#urlToDisplay {
    background: #eee;
    padding-block: 8px;
    padding-inline: 15px;
    border: 1px solid #d6d6d6;
    color: #575757;
    width: 100%;
}

.EBHyperlinkButtonContainer button {
    border-color: #e86223;
    color: white;
    background-color: #e86223 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)) !important;
}


span#urlToDisplay {
    background: #eee;
    padding-block: 8px;
    padding-inline: 15px;
    border: 1px solid #d6d6d6;
    color: #575757;
    width: 100%;
}

#btnSelectArticle {
    border-style: solid;
    position: relative;
    transition: color 0.2s ease-in-out;
    background-color: #0078d4;
    border-color: #0078d4;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    padding-block: 5px;
    padding-inline: 8px;
    font-size: 16px;
    line-height: 1.5;
}

.popUp-footer {
    padding: 10px 25px;
    display: flex;
    border-top: 4px solid #f19d3d;
    justify-content: space-between;
    background: #efcfab24;
}

#btnSelectArticle:hover {
    background-color: #006cbf;
    border-color: #006cbf;
}

.siteTreeMenuContainer {
    height: calc(100% - 66px) !important;
}