@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
body {background-color: rgb(246, 247, 249);font-weight: 500;font-size: 13px;font-family: "Open Sans", sans-serif !important;}

.navbar-top {
    padding-top: 49px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(87, 115, 235, 0.25);
    border-radius: 100px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(145, 177, 255);
    border-radius: 100px;
}

.BackgroundAnimation {
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.BackgroundAnimation li {
    position: absolute;
    display: block;
    list-style: none;
    background: rgb(208, 200, 233);
    bottom: -150px;
    animation: 25s linear 0s infinite normal none running fade-out-down;
}

@keyframes fade-out-down {
    0% {
        transform: translateY(0px) rotate(0deg);
        opacity: 1;
        border-radius: 100%;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 100%;
    }
}

.BackgroundAnimation li:nth-child(1) {
    left: 5%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
}

.BackgroundAnimation li:nth-child(2) {
    left: 10%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.BackgroundAnimation li:nth-child(3) {
    left: 90%;
    width: 15px;
    height: 15px;
    animation-delay: 4s;
}

.BackgroundAnimation li:nth-child(4) {
    left: 40%;
    width: 50px;
    height: 50px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.BackgroundAnimation li:nth-child(5) {
    left: 65%;
    width: 15px;
    height: 15px;
    animation-delay: 0s;
}

.BackgroundAnimation li:nth-child(6) {
    left: 75%;
    width: 80px;
    height: 80px;
    animation-delay: 3s;
}

.BackgroundAnimation li:nth-child(7) {
    left: 35%;
    width: 100px;
    height: 100px;
    animation-delay: 7s;
}

.BackgroundAnimation li:nth-child(8) {
    left: 50%;
    width: 20px;
    height: 20px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.BackgroundAnimation li:nth-child(9) {
    left: 20%;
    width: 10px;
    height: 10px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.BackgroundAnimation li:nth-child(10) {
    left: 85%;
    width: 100px;
    height: 100px;
    animation-delay: 0s;
    animation-duration: 11s;
}

.BackgroundAnimation {
    margin: 0px;
    padding: 0px;
}

.login-page {
    height: 100vh;
}

.slider-content p:nth-child(2) {
    font-weight: 600;
    font-size: 20px;
    color: rgb(108, 108, 108);
    text-align: center;
}

.slider-content p:nth-child(3) {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: rgba(4, 84, 142, 0.5);
}

.panel {
    min-height: 42px;
}

.form-group {
    display: inline-block;
    width: 100%;
}

label {
    text-align: left;
    font-weight: 500;
}

.navigation li {
    position: relative;
    display: block;
}

.form-group select.form-control, .form-group .btn-group button {
    border: 1px solid rgb(142, 142, 142);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    appearance: none;
    background-color: rgb(255, 255, 255);
    padding: 4px 12px;
    height: 35px !important;
    border-radius: 5px !important;
    color: rgb(77, 77, 77) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background-image: url("../../images/DesignStudio/SelectArrow.png") !important;
    margin: 0px !important;
    box-shadow: none !important;
}

.form-group .btn-group button .caret {
    display: none;
}

.slider-wrap {
    height: 100%;
    width: 100%;
}

.login-container .login_form_first {
    box-shadow: none;
    width: auto;
    height: auto;
    margin: 0px auto;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background-color: transparent;
    padding: 0px 10%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logo-title .flex {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.logo-title li svg path {
    fill: rgb(38, 50, 56);
}

.logo-title li svg {
    width: 100px;
    height: 100px;
}

.logo-title li span {
    font-family: Comfortaa;
    font-size: 56px;
    font-weight: 800;
    color: rgb(89, 200, 120);
}

.logo-title li p {
    font-weight: 700;
    font-size: 14px;
    color: rgba(32, 51, 86, 0.62);
    margin-top: 12px;
}

.circles {
    opacity: 0.75;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(89, 200, 120, 0.65);
    animation: 25s linear 0s infinite normal none running animate;
    bottom: -150px;
}

.circles li:nth-child(1) {
    left: 5%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 90%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0px) rotate(0deg);
        opacity: 1;
        border-radius: 0px;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button, .CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button, .login-cover {
    background: linear-gradient(rgb(189, 225, 255), rgb(243, 252, 255), rgb(255, 255, 255));
}

.login-container {
    background-position: left bottom, 100% center;
    background-size: 50%, 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.login-container .logo-title {
    position: absolute;
    top: 90px;
    left: 82px;
    z-index: 2;
}

.login-container .content-wrapper {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 0px;
    width: 100%;
}

.login-container .content {
    padding: 20px 0px;
}

.login-container .login_form_first {
    box-shadow: none;
    width: auto;
    height: auto;
    margin: 0px auto;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background-color: transparent;
    padding: 0px 10%;
}

.bg {
    background: url("../../images/Login_Images/front-end.svg") 40% 100% / 60% no-repeat;
    height: 408px;
    padding-top: 31px;
}

.login-container .login_form_first .LeftSide {
    background-image: url("../../images/Login_Images/logo3.png"), linear-gradient(to top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.27), rgba(255, 255, 255, 0.67), rgba(255, 255, 255, 0.47));
    height: inherit;
    width: 50%;
    border-radius: 12px;
    backdrop-filter: blur(81px);
    box-shadow: rgba(46, 68, 100, 0.12) 0px 7px 29px 0px;
    background-repeat: no-repeat;
    background-size: 122px, 100%;
}

.login-container .login_form_first .RightSide {
    float: right;
    background: none;
    position: relative;
    border-radius: 0px 10px 10px 0px;
    padding: 20px 75px;
    width: 50%;
}

.login-container .VerticalMiddle {
    display: table;
    float: right;
    width: 450px;
}

.login-container .VerticalMiddle .VerticalCenter {
    display: table-cell;
    vertical-align: middle;
}

.login_form_first .form-group {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.login-container .login_form_first .RightSide .form-group .LoginLabel {
    color: rgb(102, 109, 110);
    padding: 7px 0px;
    font-size: 14px;
    font-weight: 400;
}

.login-container .login_form_first::after {
    content: "";
    background: none;
}

.login-container .login_form_first .RightSide .content-group {
    padding: 0px;
}

.login-container .login_form_first .RightSide .form-group .BtnLogin {
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgb(64, 123, 255);
    padding: 10px 60px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    line-height: 20px;
}

.login-container .login_form_first .RightSide .content-group small {
    color: rgb(54, 57, 62);
    font-size: 34px;
}

.login-container .login_form_first .RightSide p {
    color: rgb(102, 109, 110);
}

.login-container .logo-title p {
    color: rgba(32, 51, 86, 0.62);
}

.login-container .login_form_first .RightSide .form-group input[type="text"] {
    background-image: url("../../images/user.svg");
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    height: 40px;
    padding: 5px 18px;
    color: rgb(7, 11, 58);
    letter-spacing: 0.5px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    font-size: 13px;
    display: block;
    width: 100%;
    border: 1px solid rgb(168, 216, 255);
}

.login-container .login_form_first .RightSide .form-group input[type="password"] {
    background-image: url("../../images/password.svg");
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    height: 40px;
    padding: 5px 18px;
    color: rgb(7, 11, 58);
    letter-spacing: 0.5px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    font-size: 13px;
    display: block;
    width: 100%;
    border: 1px solid rgb(168, 216, 255);
}

@media (min-width: 601px) {
    .navbar-fixed-top {
        position: fixed;
    }
}

input:-internal-autofill-selected {
    background-color: rgb(255, 0, 0) !important;
    border-radius: 8px !important;
    border: 0px !important;
}

.simplebar-scrollbar::before {
    display: none;
}

.CustomColClass {
    float: left;
}

.CustomConsoleMenu {
    perspective: 1700px;
    perspective-origin: 0px 50%;
    display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
}

.CustomConsoleMenu .CustomMenuView {
    transform-style: preserve-3d;
    position: relative;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px;
    border-radius: 10px;
}

.CustomConsoleMenu .CustomMenuView .CustomMiddleTable {
    display: table;
    width: 100%;
    height: 260px;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon {
    overflow: hidden;
    height: 100%;
    background-color: transparent;
    display: table-cell;
    vertical-align: middle;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon .iconAnimate {
    transition: transform 0.4s ease 0s;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon .iconAnimate i {
    border: 0px !important;
    font-size: 25px !important;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu {
    width: 65%;
    opacity: 0;
    backface-visibility: hidden;
    transform-origin: 0px 0px;
    transform: rotateY(-90deg);
    transition: transform 0.7s ease 0s, opacity 0.1s ease 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 260px !important;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu .CustomScroll {
    width: 100% !important;
    height: 100% !important;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu.CustomImgBg {
    background-size: 100%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group {
    display: block;
    height: 100%;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu .HoverTitle {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin: 0px auto;
    line-height: 18px;
    background-color: rgba(0, 0, 0, 0.11);
    padding: 10px 0px;
    border-radius: 10px 0px 0px;
    color: rgb(255, 255, 255) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group-item {
    padding: 9px 12px;
    line-height: 18px;
    font-weight: 500;
    font-size: 13px;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
    display: inline-block;
    font-size: 0px;
    margin: 0px auto 15px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0px auto;
    width: 35%;
    line-height: 20px;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 a {
    color: rgb(62, 79, 108) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon p {
    color: rgb(177, 175, 175);
    font-size: 12px;
    font-weight: 400;
    margin: 0px auto;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
}

.CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
    transform: translateX(165%) translateY(0%);
}

.CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon h4 {
    display: none;
}

.CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon p {
    display: none;
}

.CustomConsoleMenu .CustomMenuView:hover .CustomLoadMenu {
    opacity: 1;
    transform: rotateY(0deg);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
    border-radius: 10px 0px 0px 10px;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate i svg path {
    fill: rgb(38, 166, 154) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate i svg path {
    fill: rgb(41, 182, 246) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate i path {
    fill: rgb(156, 204, 101) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate i path {
    fill: rgb(239, 83, 80) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate i path {
    fill: rgb(255, 112, 67) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate i pathe {
    fill: rgb(102, 187, 106) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate i path {
    fill: rgb(141, 110, 99) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate i path {
    fill: rgb(126, 87, 194) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate i path {
    fill: rgb(171, 71, 188) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate i path {
    fill: rgb(236, 64, 122) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate i path {
    fill: rgb(92, 107, 192) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate i path {
    fill: rgb(120, 144, 156) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate i path {
    fill: rgb(136, 136, 136) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate i path {
    fill: rgb(66, 165, 245) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate i path {
    fill: rgb(38, 198, 218) !important;
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
    transform: translateX(0%) translateY(0%);
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon h4 {
    display: block;
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView .CustomMiddleTable::after {
    background-position: -35px -35px, 120% 133%;
    background-repeat: no-repeat;
    content: "";
    background-size: auto, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: -1;
    background-image: url("../../images/WorkareaBG.png"), url("../../images/WorkareaIconBG.png") !important;
}

.Knowledge .CustomInboxDesignO_G .page-header .page-title, .Ticket .CustomInboxDesignO_G .page-header .page-title, .Case .CustomInboxDesignO_G .page-header .page-title, .Similar .CustomInboxDesignO_G .page-header .page-title {
    padding: 11px 18px 11px 0px !important;
}

.Knowledge .page-header .heading-elements, .Ticket .page-header .heading-elements, .Case .page-header .heading-elements, .Similar .page-header .heading-elements {
    top: 102px !important;
}

.Knowledge .content, .Ticket .content, .Case .content, .Similar .content {
    padding-top: 65px !important;
}

@media only screen and (min-width: 320px) {
    .CustomColClass .col-md-3 {
        width: 100%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(190%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 65px;
        height: 65px;
        padding: 20px;
    }
}

@media only screen and (min-width: 600px) {
    .CustomColClass .col-md-3 {
        width: 50%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(170%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 60px;
        height: 60px;
        padding: 18px;
    }
}

@media only screen and (min-width: 800px) {
    .CustomColClass .col-md-3 {
        width: 33.3333%;
    }

    .CustomColClass2 .col-md-3 {
        width: 50%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(170%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 60px;
        height: 60px;
        padding: 18px;
    }
}

@media only screen and (min-width: 1000px) {
    .CustomColClass .col-md-3 {
        width: 25%;
    }

    .CustomColClass2 .col-md-3 {
        width: 50%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(170%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 60px;
        height: 60px;
        padding: 18px;
    }
}

@media only screen and (min-width: 1250px) {
    .CustomColClass .col-md-3 {
        width: 20%;
    }

    .CustomColClass2 .col-md-3 {
        width: 33.3333%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(135%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 55px;
        height: 55px;
        padding: 13px;
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 {
        width: 65%;
    }
}

@media only screen and (min-width: 1300px) {
    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(142%) translateY(0%);
    }
}

@media (min-width: 1250px) and (max-width: 1370px) {
    .CustomConsoleMenu .CustomMenuView .CustomLoadMenu {
        width: 70%;
    }
}

@media only screen and (min-width: 1370px) {
    .CustomColClass .col-md-3 {
        width: 25%;
    }

    .CustomColClass2 .col-md-3 {
        width: 33.3333%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(120%) translateY(0%);
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate {
        width: 65px;
        height: 65px;
        padding: 20px;
    }
}

@media only screen and (min-width: 1420px) {
    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(130%) translateY(0%);
    }
}

@media only screen and (min-width: 1600px) {
    .CustomColClass .col-md-3 {
        width: 20%;
    }

    .CustomColClass2 .col-md-3 {
        width: 25%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(150%) translateY(0%);
    }
}

@media only screen and (min-width: 1700px) {
    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        transform: translateX(145%) translateY(0%);
    }
}

@media only screen and (min-width: 1921px) {
    .CustomColClass .col-md-3 {
        width: 16.6667%;
    }
}

.CustomNavbarStrip {
    border: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    padding: 0px 8px;
    height: 47px !important;
}

.CustomNavbarStrip .navbar-brand {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 50px;
    padding: 0px;
}

.CustomNavbarStrip .navbar-brand .DoubleLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    gap: 10px;
}

.CustomNavbarStrip .navbar-brand .DoubleLogo span {
    font-size: 15px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}

.CustomNavbarStrip .navbar-header {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    width: 180px;
    min-width: 180px;
}

.CustomNavbarStrip .navbar-collapse {
    height: 47px !important;
}

.CustomNavbarStrip .navbar-collapse > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    height: 49px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a {
    margin: 6px 15px 6px 0px;
    color: rgb(255, 180, 0);
    font-weight: 500;
    display: inline-block;
    padding: 0px;
}

.CustomNavbarStrip ul .CustomToggleButton a span {
    float: left;
    display: block;
    position: relative;
    margin: 9px 0px;
    width: 15px;
    height: 2px;
    background: rgb(255, 255, 255);
    transition: all 0.2s ease-in-out 0s;
}

.CustomNavbarStrip ul .CustomToggleButton a span::before {
    position: absolute;
    background: rgb(255, 255, 255);
    height: 2px;
    content: " ";
    left: 0px;
    top: 6px;
    width: 20px;
    transition: width 0.2s ease-in-out 0s;
}

.CustomNavbarStrip ul .CustomToggleButton a span::before {
    position: absolute;
    background: rgb(255, 255, 255);
    height: 2px;
    content: " ";
    left: 0px;
    top: 6px;
    width: 20px;
    transition: width 0.2s ease-in-out 0s;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace {
    width: 160px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a {
    border: 0px;
    width: 100%;
    background-color: transparent;
    border-radius: 50px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li a {
    color: rgb(255, 180, 0);
    font-weight: 500;
    display: inline-block;
    padding: 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace a i.simple-icon-arrow-down {
    position: absolute;
    top: 50%;
    font-size: 0px;
    right: 12px;
    transform: translateY(-50%);
    background-image: url("../.../images/DesignStudio/SelectArrowWhite.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 8px;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {
    font-weight: 400;
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 15px;
    padding: 14px 10px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.3px;
    width: 100%;
    height: 40px;
    position: relative;
    text-align: left;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul {
    float: left;
    margin-top: 0px;
    z-index: 9;
    left: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
    min-width: 175px;
    padding: 7px 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li a {
    color: rgb(79, 94, 119);
    display: inline-block;
    padding: 7px 15px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    position: relative;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li a {
    color: rgb(255, 180, 0);
    font-weight: 500;
    display: inline-block;
    padding: 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li a {
    color: rgb(79, 94, 119);
    display: inline-block;
    padding: 7px 15px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li {
    border-bottom: 1px solid rgba(79, 94, 119, 0.15);
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li:last-child {
    border-bottom: 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a {
    margin: 6px 15px 6px 0px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a:hover {
    background-color: transparent;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.language-switch > a {
    padding: 4px 10px;
    background-color: transparent;
    color: rgb(255, 255, 255);
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin: 2.5px 10px;
    border: 2px solid rgb(255, 255, 255);
}

.CustomNavbarStrip a.navbar-brand img {
    margin-top: 0px;
    width: 125px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) {
    margin: 0px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child::after {
    border-right: 0px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a {
    padding: 5px 10px;
    line-height: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a:focus {
    background-color: transparent;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .langText {
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-right: 8px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .caret {
    background-image: url("../../images/BlueArrow.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 8px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .caret::after {
    font-size: 0px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a i {
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a:hover, .CustomNavbarStrip .navbar-collapse > ul:nth-child(2) li a:focus, .CustomNavbarStrip .navbar-collapse > ul:nth-child(2) li a:active {
    background-color: transparent;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child a {
    padding: 10px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child a i img {
    width: 20px;
    height: 20px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a span {
    padding: 0px;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a span.badge {
    padding: 1px 5px 0px 3px;
    top: -10px;
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background-color: rgb(240, 92, 83);
    border-color: rgb(240, 92, 83);
    right: -3px;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) {
    position: relative;
    margin: 0px 0px 0px 5px;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a {
    color: rgb(144, 149, 161);
    font-weight: 400;
    display: flex;
    padding: 0px 10px;
    font-size: 13px;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a, .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a:hover {
    background-color: transparent;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .UserImage img {
    width: 35px;
    height: 35px;
    max-height: 35px;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .caret {
    background-image: url("../../images/BlueArrow.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 6px;
    background-size: 10px;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .caret::after {
    font-size: 0px;
}

#ThemeOption {
    top: 50px;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {
    font-weight: 400;
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 15px;
    padding: 14px 10px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.3px;
    width: 100%;
    height: 40px;
    position: relative;
    text-align: left;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul {
    float: left;
    margin-top: 0px;
    z-index: 9;
    left: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
    min-width: 170px;
    padding: 7px 0px;
    top: 36px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a .CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a {
    margin: 0px;
    color: rgb(48, 48, 48);
    line-height: 12px;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a i {
    font-size: 11px;
    font-weight: bold;
    color: rgb(255, 180, 0);
}

.CustomNavbarStrip ul .CustomToggleButton a span {
    float: left;
    display: block;
    position: relative;
    margin: 9px 0px;
    width: 15px;
    height: 2px;
    background: rgb(255, 255, 255);
    transition: all 0.2s ease-in-out 0s;
}

.CustomNavbarStrip ul .CustomToggleButton a span::before {
    position: absolute;
    background: rgb(255, 255, 255);
    height: 2px;
    content: " ";
    left: 0px;
    top: 6px;
    width: 20px;
    transition: width 0.2s ease-in-out 0s;
}

.CustomNavbarStrip ul .CustomToggleButton a span::after {
    position: absolute;
    background: rgb(255, 255, 255);
    height: 2px;
    content: " ";
    left: 0px;
    top: -6px;
    width: 10px;
    transition: width 0.2s ease-in-out 0s;
}

.CustomNavbarStrip ul .CustomToggleButton a:hover span::after, .CustomNavbarStrip ul .CustomToggleButton a:hover span {
    width: 20px;
}

.CustomNavbarStrip ul.dropdown-menu {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
    min-width: 200px;
    padding: 7px 0px;
    margin-top: 16px;
}

.CustomNavbarStrip .dropdown-menu li a {
    padding: 10px 12px;
    width: 100%;
    position: relative;
    font-weight: 500;
    color: rgb(79, 94, 119);
    font-size: 14px;
    line-height: 20px;
    /* background: white; */
}

.CustomNavbarStrip .dropdown-menu li a:hover {
    background-color: rgba(112, 143, 254, 0.15);
}

.CustomNavbarStrip .dropdown-menu li.divider {
    margin: 0px;
}

.CustomNavbarStrip .dropdown-menu > li {
    margin-bottom: 0px;
}

.CustomSidebarStrip::after {
    border-right: 0px;
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a span {
    font-size: 13px;
    font-weight: 500;
    color: rgb(106, 114, 125);
    line-height: 12px;
    text-align: center;
}

.CustomSidebarStrip {
    background-color: rgb(21, 72, 126);
    box-shadow: rgba(150, 169, 225, 0.3) 0px 0px 10px;
    border-right: 1px solid rgba(2, 105, 55, 0.25);
}

.CustomSidebarStrip::after {
    border-right: 0px;
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0px;
}

.CustomSidebarStrip .navigation li {
    color: rgb(48, 48, 48);
    margin: 0px;
    position: relative;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop {
    padding: 2px 0px;
    display: none !important;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback {
    margin: 0px 5px;
    position: relative;
}

.SearchForDesktop {
    display: block;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback {
    margin: 0px 5px;
    position: relative;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback .form-control-feedback {
    right: auto;
    left: 0px;
    height: 32px;
    width: 25px;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback .form-control-feedback i {
    line-height: 30px;
    font-size: 14px;
    color: rgb(255, 152, 0);
    font-weight: 600;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback input[type="search"].SearchEmpty {
    border-radius: 0px;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    background-color: transparent;
    padding: 6px 5px 6px 7px;
    height: 32px;
    box-shadow: none;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    transition: all 0.5s ease 0s;
    color: rgb(0, 0, 0);
}

.changecolor-search {
    width: 100%;
}

.CustomSidebarStrip .navigation .navigation-header {
    padding: 0px;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a {
    min-height: 40px;
}



.CustomSidebarStrip .navigation .navigation-header a {
    min-height: 34px;
    line-height: 15px;
    position: relative;
    padding: 9px 15px;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    border: none !important;
}

.CustomSidebarStrip .navigation .navigation-header a span {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: rgb(24, 35, 54);
    text-transform: capitalize;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a::after {
    color: rgb(25, 90, 203);
    font-size: 16px;
    font-weight: 500;
}

.CustomSidebarStrip .navigation .navigation-header a::after {
    position: absolute;
    content: "";
    background-color: rgba(79, 94, 119, 0.4);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i {
    /* width: 47px; */
    margin: 0px;
    color: rgb(255 255 255);
    text-align: center;
    /* padding: 15px 0px; */
    font-size: 14px;
    position: relative;
}



.navigation li > .has-ul::after {
    width: 10px;
    background-repeat: no-repeat;
    color: transparent !important;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a::after {
    color: rgb(25, 90, 203);
    font-size: 16px;
    font-weight: 500;
}


.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation > li > a:hover::before, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation > li > a:focus::before, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation > li.active > a::before {
    opacity: 1;
    width: 96%;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a::before {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    content: "";
    position: absolute;
    width: 96%;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: -1;
    border-radius: 4px;
    border: 0px;
    transition: all 0.6s ease-in-out 0s;
    box-shadow: none;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a::after {
    font-size: 16px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.navigation li.active > .has-ul::after {
    background-image: url("../../images/SideArrow-white.png");
}

.navigation li > .has-ul::after {
    width: 10px;
    background-repeat: no-repeat;
    right: 18px;
    opacity: 0.5;
    color: transparent !important;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:focus, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a {
    background-color: rgb(6, 47, 90);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a span {
    color: rgb(255, 255, 255);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul {
    background-color: rgb(244, 245, 248);
    color: rgb(47, 44, 44);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0px !important;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li a {
    padding: 9px 20px 9px 35px;
    background: rgb(21, 72, 126);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active ul li a i {
    color: rgb(59, 97, 235);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i {
    width: 18px;
    margin: 2px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover {
    background-color: rgb(6, 47, 90);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a:hover {
    background-color: rgb(6, 47, 90) !important;
}

.navigation li > .has-ul::after {
    background-image: url("../../images/SideArrow.png");
    content: "/" !important;
}

.navigation li.active > .has-ul::after {
    background-image: url("../../images/SideArrow-white.png");
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
    height: auto;
    border: 0px;
}

.page-container {
    height: 100% !important;
}

.content-wrapper {
    padding-bottom: 0px;
}

.page-title {
    display: block;
    position: relative;
    padding: 11px 18px 11px 0px !important;
}

.zIndex {
    z-index: 3;
}

.input-group .form-control:first-child {
    height: inherit;
}

ropdown-menu {
    border-bottom: 1px solid var(--main-bgInfo-color);
    border-left: 1px solid var(--main-bgInfo-color);
    border-right: 1px solid var(--main-bgInfo-color);
}

.CustomFixed {
    width: 100%;
    position: fixed;
    z-index: 5;
}

.CustomFixed .page-header-content {
    background-color: rgb(255, 255, 255);
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 0px !important;
}

.CustomFixed .page-header-content .mainHeading {
    padding: 0px !important;
}

.CustomFixed .page-header-content .mainHeading h4 {
    font-size: 17px;
    font-weight: 400;
    color: rgb(44, 44, 44);
    line-height: 22px;
}

.CustomFixed .page-header-content .mainHeading h5 label {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    line-height: 16px;
}

.CustomFixed .page-header-content .mainHeading h5 span {
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 5px;
    padding: 3px 8px;
    border-radius: 4px;
}

#smartUIPageContainer .CustomFixed .heading-elements {
    background-color: transparent;
    position: fixed;
    top: 97px;
    margin-top: 0px;
    right: 6px;
}

#dvDesignStudioIfmContainer .CustomFixed .heading-elements {
    background-color: transparent;
    position: fixed;
    top: 97px;
    right: 10px;
    margin-top: 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements {
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    height: auto;
    background-color: transparent;
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    margin: 0px !important;
    top: 50% !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group {
    margin: 0px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group {
    width: 250px;
    margin: 0px;
    height: auto !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"] {
    height: 32px !important;
    border: 1px solid rgba(137, 148, 169, 0.53) !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgb(64, 64, 64) !important;
    padding: 0px 10px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: auto;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path {
    width: 17px;
    height: 17px;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path, .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg circle {
    fill: rgb(79, 93, 119);
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group {
    width: 100%;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group {
    width: 100%;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group button {
    text-align: left;
    background-position: 90% 50%;
    background-color: rgb(255, 255, 255);
    border-radius: 5px !important;
    height: 32px !important;
    border: 1px solid rgba(137, 148, 169, 0.53) !important;
    padding: 0px 12px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul {
    display: none;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group.open ul {
    display: block;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(79, 93, 119);
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li {
    display: inline-block;
    padding: 0px;
}

.heading-elements ul > li > a i svg {
    width: 16px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul {
    display: flex;
    padding: 0px;
    margin: 0px;
    flex-direction: row;
    place-content: center;
    flex-shrink: 0;
    gap: 25px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a i svg {
    width: 19px;
    height: 18px;
}

.mainCustomTable .panel {
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    border: 1px solid rgb(221, 221, 221) !important;
    box-shadow: none !important;
}

.mainCustomTable .panel-heading {
    border: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    float: left;
    width: 100%;
    margin: 0px;
    z-index: 1;
    padding: 7px 20px !important;
}

.mainCustomTable .panel-heading.filters {
    float: left;
}

.mainCustomTable .panel-heading .Group-GridActionBtn {
    display: flex;
    gap: 10px;
}

.mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    border-radius: 5px;
    line-height: 24px !important;
    color: rgb(59, 97, 235) !important;
    background-color: transparent !important;
    padding: 7px 10px !important;
    border: 3px solid rgb(235, 239, 253) !important;
}

.mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn.active {
    background-color: rgb(235, 239, 253) !important;
}

.mainCustomTable .panel-heading h5 {
    margin: 0px;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    display: inline-block;
    padding: 11px 0px;
}

.mainCustomTable .panel-heading h5 #lblRole, .mainCustomTable .panel-heading h5 #lblRole {
    font-size: 14px;
}

.mainCustomTable .panel-heading .heading-elements {
    background-color: inherit;
    position: absolute;
    right: 25px;
    height: 32px;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.mainCustomTable .panel-heading .heading-elements > ul {
    display: flex;
    align-items: center;
    height: 32px;
    gap: 10px;
    margin: 0px !important;
    padding: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li {
    float: left;
}

.mainCustomTable .panel-heading .heading-elements > ul > li[title="Search"] {
    height: 32px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 5px 10px;
    height: 32px;
    box-shadow: none;
    align-items: center;
    display: flex !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a i svg {
    width: 15px;
    height: 16px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a i img {
    width: 14px;
}

.objboxParent {
    height: auto !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 10px;
    padding: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a i {
    width: 40px;
    height: 32px;
    display: flex;
    padding: 0px;
    justify-content: space-around;
    align-items: center;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a i img {
    width: 18px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Filter ul.dropdown-menu {
    width: 290px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 6px 25px 15px;
    margin: 2px 0px;
    border: 1px solid rgb(223, 223, 223);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 10px;
    padding: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a i {
    width: 40px;
    height: 32px;
    display: flex;
    padding: 0px;
    justify-content: space-around;
    align-items: center;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a i img {
    width: 18px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu {
    width: 220px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 8px 12px;
    margin: 2px 0px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li {
    margin: 0px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li i img {
    width: 16px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a {
    font-size: 15px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 8px 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a:hover {
    background-color: rgb(240, 243, 253);
    border-radius: 8px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group {
    display: flex;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    padding: 5px 10px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
    box-shadow: none !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn i img {
    width: 17px;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn span {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    line-height: 17px;
    display: inline-block;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group {
    margin: 0px;
    height: 32px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"] {
    height: 32px !important;
    border-radius: 4px 0px 0px 4px !important;
    border-right: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"] ~ .input-group-btn {
    border-radius: 0px 3px 3px 0px;
    border: 1px solid rgb(229, 229, 229) !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"] ~ .input-group-btn a.btn {
    height: 30px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control {
    height: 32px;
    color: rgb(26, 26, 26);
    border-radius: 3px 0px 0px 3px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-bottom-color: rgb(229, 229, 229);
    border-left-color: rgb(229, 229, 229);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    border: 1px solid rgb(59, 97, 235);
    line-height: 14px;
    border-radius: 4px;
    padding: 7px 15px;
    height: 28px;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn a:hover {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group {
    background-color: transparent;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group input {
    height: 32px !important;
    border-radius: 3px 0px 0px 3px !important;
    border-right: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .input-group-btn {
    border-radius: 0px 3px 3px 0px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(142, 142, 142, 0.52) !important;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .input-group-btn a {
    height: 30px !important;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .dhxcombo_dhx_skyblue {
    height: 32px !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(142, 142, 142) !important;
    box-shadow: none !important;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .dhxcombo_dhx_skyblue .dhxcombo_input {
    border: 0px !important;
}

.mainCustomTable .panel-heading .heading-elements ul li .input-group-btn[title="Search"] .mainCustomTable .panel-heading .heading-elements ul li .input-group-btn {
    height: 32px;
    border-radius: 0px 3px 3px 0px;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-right-color: rgb(229, 229, 229);
    border-bottom-color: rgb(229, 229, 229);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
}

.mainCustomTable .panel-heading .heading-elements ul li .input-group-btn a {
    display: inline-block;
    padding: 5px;
    color: rgb(106, 114, 125);
}

.mainCustomTable .panel-heading .filters span {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
}

.mainCustomTable .panel-heading .filters span a {
    background-color: rgb(255, 255, 255);
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid rgb(201, 201, 201);
    color: rgb(154, 154, 154);
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}

.mainCustomTable .panel-heading .filters .FilterTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin-bottom: 15px;
}

.mainCustomTable .panel-heading .filters .FilterTitle label {
    color: rgb(61, 59, 59);
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin: 0px;
}

.mainCustomTable .panel-heading .filters .FilterTitle a {
    font-size: 15px;
    font-weight: 500;
    color: rgb(61, 59, 59);
    line-height: 15px;
    background-color: rgb(240, 243, 253);
    padding: 4px 18px;
    border-radius: 8px;
}

.mainCustomTable .panel-heading .filters span.RemoveFilter {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
    padding-top: 10px;
}

.mainCustomTable .panel-heading .filters span.RemoveFilter a {
    border: 0px;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    color: rgb(61, 59, 59);
    gap: 10px;
    padding: 4px 10px;
    background-color: rgb(253, 238, 237);
    height: 35px;
}

.mainCustomTable .panel-heading .filters span.RemoveFilter a label {
    margin: 0px;
    font-weight: 400;
}

.mainCustomTable .panel-heading .filters span.RemoveFilter a i img {
    width: 18px;
}

.mainCustomTable .panel-body {
    height: calc(-210px + 100vh);
    padding: 5px 10px !important;
}

.mainCustomTable div.gridbox .objbox {
    position: inherit;
    border-top: 0px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td {
    position: inherit;
    background-color: transparent !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    padding-left: 0px;
    color: rgb(255, 255, 255);
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
    font-weight: 500;
    font-size: 14px;
    color: rgb(26, 26, 26);
    text-align: left;
    padding: 0px 16px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .mainCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: rgb(245, 246, 248);
    background-image: none;
    position: inherit !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
    height: auto !important;
}

body:nth-of-type(1) .mainCustomTable div.gridbox_dhx_skyblue table.hdr tr {
    background-image: none !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    color: rgb(26, 26, 26);
    padding: 0px 12px;
    margin-bottom: 0px !important;
}

.mainCustomTable div.gridbox table.hdr td {
    vertical-align: inherit;
    padding: 0px !important;
    border: 0px !important;
    height: 45px !important;
}

.mainCustomTable .xhdr {
    height: 45px !important;
    border-radius: 0px !important;
}

.mainCustomTable .xhdr .hdr {
    height: 45px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td {
    font-weight: 500;
    border-width: 0px 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-bottom-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-bottom-color: initial !important;
    border-image: initial !important;
    border-left-style: solid !important;
    border-left-color: rgb(240, 240, 241) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child {
    border-left: 0px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:last-child {
    border-right: 0px !important;
}

.mainCustomTable .ev_dhx_skyblue td {
    border: 0px !important;
}

.mainCustomTable .ev_dhx_skyblue {
    background-color: rgb(255, 255, 255) !important;
}

.mainCustomTable .odd_dhx_skyblue {
    background: linear-gradient(to left, rgba(1, 192, 200, 0.08) 0%, rgba(61, 151, 204, 0.08) 100%) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj {
    border: 0px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-width: 0px 0px 1px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(240, 240, 241) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child {
    border-bottom: 0px !important;
}

.mainCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-width: 0px 0px 1px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(240, 240, 241) !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td {
    height: 45px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 40px;
    position: inherit;
    font-weight: 400;
    color: rgb(48, 48, 48);
    font-size: 13px !important;
    background-color: rgb(255, 255, 255) !important;
    padding: 0px 16px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a {
    font-weight: 500;
    color: rgb(59, 97, 235) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td ul.icons-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-pencil-square path {
    fill: rgb(59, 97, 235);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-trash path {
    fill: rgb(244, 67, 54);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-plus path {
    fill: rgb(43, 140, 21);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record svg path {
    fill: rgb(244, 67, 54);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal svg path {
    fill: rgb(59, 97, 235);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td ul.icons-list li {
    position: inherit;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i::before {
    display: none;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td {
    background-color: rgb(250, 250, 251) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .treegrid_cell a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(59, 97, 235) !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record {
    border-radius: 4px;
    padding: 10px 50px 10px 12px;
    line-height: 10px;
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(59, 97, 235);
    font-size: 13px;
    color: rgb(32, 32, 32);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b {
    top: 0px;
    padding: 5px 7px;
    background-color: rgb(59, 97, 235);
    border-radius: 0px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b span {
    font-size: 12px;
    border-radius: 100px;
    height: 18px;
    width: 18px;
    top: 0px;
    line-height: 16px;
    font-weight: 600;
    padding: 0px 3px;
    border: 0px;
    color: rgb(38, 40, 46);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img {
    margin: 0px auto;
    padding-right: 8px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover, .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover {
    box-shadow: none;
}

.mainCustomTable .panel-footer {
    border-radius: 0px;
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 8px;
    box-shadow: none;
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(229, 229, 229) !important;
}

.mainCustomTable .panel-footer div.pull-left {
    padding-top: 0px !important;
}

.mainCustomTable .panel-footer div select {
    border-color: transparent;
    background-color: transparent;
    border-radius: 25px 0px 0px 25px;
    font-weight: 500;
    font-size: 15px;
    color: rgb(117, 117, 117);
    appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 18px !important;
    height: 24px !important;
    padding: 1px 15px 4px 12px !important;
    background-image: url("../../images/DesignStudio/Pagination_SelectArrow.png") !important;
}

.mainCustomTable .panel-footer div select option {
    font-weight: 500;
    line-height: 16px !important;
    height: 23px !important;
}

.panel-footer ul {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 13px;
}

.mainCustomTable .panel-footer ul li {
    border-radius: 0px 25px 25px 0px;
    padding: 5px 10px;
    line-height: 16px;
    margin: 0px 0px 0px 15px;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    border-width: 0px 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-image: initial;
    background-color: transparent;
    border-left-style: solid;
    border-left-color: rgb(223, 223, 223);
    height: 24px !important;
}

.mainCustomTable .panel-footer ul li span {
    font-size: 14px;
    color: rgb(117, 117, 117);
    font-weight: 500;
}

.mainCustomTable .panel-footer ul li span[data-i18n="of"] {
    padding: 0px 5px;
}

.mainCustomTable .panel-footer ul li span label {
    margin-bottom: 0px;
}

.mainCustomTable .panel-footer ul.pull-right li {
    margin: 0px !important;
    border: 0px !important;
}

.mainCustomTable .panel-footer ul.pull-right > li[disabled], .mainCustomTable .panel-footer ul.pull-right > li[disabled] a {
    cursor: not-allowed;
}

.mainCustomTable .panel-footer ul.pull-right > li {
    border-radius: 0px;
    background: none;
    float: left;
    padding: 0px !important;
}

.mainCustomTable .panel-footer ul.pull-right > li a {
    padding: 0px 4px;
    line-height: 12px;
    opacity: 1;
    min-width: 0px;
    background-color: rgb(255, 255, 255);
    float: left;
    margin: 0px 3px;
    border-radius: 6px;
    height: 28px;
    width: 28px;
    border: 1px solid rgb(241, 241, 243) !important;
}

.mainCustomTable .panel-footer ul li a:hover, .mainCustomTable .panel-footer ul li a:focus {
    box-shadow: none !important;
}

.mainCustomTable .panel-footer ul li a i {
    color: rgb(149, 149, 149);
    padding: 5px 0px;
    font-size: 15px !important;
}

.mainCustomTable .odd_dhx_skyblue td {
    border: 0px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr {
    background-color: rgb(118, 214, 212) !important;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:first-child {
    font-weight: 400;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child {
    font-weight: 500;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(2) {
    color: rgb(48, 48, 48);
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(2) {
    color: rgb(76, 175, 80);
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(3) {
    background-color: rgb(247, 251, 255) !important;
    border: 0px !important;
    color: rgb(26, 26, 26) !important;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(3) {
    background-color: rgb(247, 251, 255) !important;
    border: 0px !important;
    color: rgb(59, 97, 235) !important;
}

.treegrid_cell {
    height: auto !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .treegrid_cell a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(59, 97, 235) !important;
}

.Lock svg path {
    fill: red;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a i svg {
    width: 19px;
    height: 18px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img {
    margin: 0px auto;
    padding-right: 8px;
}

.Lock svg {
    margin: 0px;
    display: inherit;
    width: 15px;
    vertical-align: middle;
}

.CommonMenuRight {
    width: calc(100% - 350px);
    float: left;
    transition: transform 0.5s ease 0s;
    background-color: rgb(255, 255, 255);
}

#validationSummaryFrame .CustomFixed {
    position: static;
    margin: 0px;
    border-bottom: 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements {
    height: auto;
    transform: translateY(-50%);
    position: absolute;
    top: 50% !important;
}

.CustomFixed.page-header .page-header-content .heading-elements {
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin: 0px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements ul {
    padding: 0px;
    margin: 0px;
    flex-direction: row;
    place-content: center;
    flex-shrink: 0;
    gap: 25px;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group {
    width: 100%;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group button {
    text-align: left;
    background-color: transparent;
    background-position: 90% 50%;
    border-radius: 5px !important;
    height: 32px !important;
    border: 1px solid rgba(137, 148, 169, 0.53) !important;
    padding: 0px 12px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul {
    display: none;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group.open ul {
    display: block;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 0px 14px;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(79, 93, 119);
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li {
    display: inline-block;
    padding: 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a:hover span {
    color: rgb(51, 170, 239);
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a i svg {
    width: 19px;
    height: 18px;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a i svg path {
    fill: rgb(79, 93, 119);
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a span {
    font-size: 13px;
    font-weight: 500;
    color: rgb(106, 114, 125);
    line-height: 12px;
    text-align: center;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li.CusDdown a {
    flex-direction: row !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul {
    display: block !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul li {
    width: 100% !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul li a {
    display: block !important;
}

.Custom-drop .dropdown-menu > .active > a, .Custom-drop .dropdown-menu > .active > a:hover, .Custom-drop .dropdown-menu > .active > a:focus {
    color: rgb(43, 44, 48) !important;
    background-color: rgb(222, 226, 229) !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group {
    margin-top: 0px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group {
    width: 250px;
    margin: 0px;
    height: auto !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"] {
    height: 32px !important;
    border: 1px solid rgba(137, 148, 169, 0.53) !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgb(64, 64, 64) !important;
    padding: 0px 10px !important;
    font-family: "Fira Sans", sans-serif !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: auto;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
    height: auto;
    border: 0px;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path {
    width: 17px;
    height: 17px;
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path, .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg circle {
    fill: rgb(79, 93, 119);
}

.CustomFixed.page-header .page-header-content .heading-elements .input-group input {
    height: 36px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group div.dhxcombo_dhx_skyblue, .CustomFixed.page-header .page-header-content .heading-elements .form-group div.dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 36px !important;
}

.CustomFixed.page-header .page-header-content .heading-elements .heading-form .bootstrap-select btn.dropdown-toggle {
    height: 36px;
    border: 0px;
    border-radius: 50px;
    background-color: rgb(235, 237, 243);
    font-size: 14px;
    font-weight: 400;
    color: rgb(64, 64, 64);
    padding: 0px 20px;
}

.DesignStudioToggle {
    width: 85px;
    height: 40px;
    display: flex;
    align-items: center;
    border-right: 1px solid rgb(194, 206, 249);
    padding-left: 5px;
}

.DesignStudioToggle div a.Non-Selected {
    display: block;
}

.DesignStudioToggle div a {
    padding: 0px 5px;
    display: inline-block;
}

.DesignStudioToggle div a.Selected {
    display: none;
}

.navbar-component.dstopmenu {
    background-color: rgb(255, 255, 255);
    min-height: 26px;
    border: 0px !important;
}

.navbar-component {
    border-radius: 0px;
    margin-bottom: 0px;
}

@media (min-width: 1275px) {
    .ForDefault {
        display: block;
    }
}

.DesignStudioCustomTable .panel {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 0px;
    border: 1px solid rgb(229, 229, 229) !important;
}

.DesignStudioCustomTable .panel-heading {
    border: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 10px 25px !important;
}

.DesignStudioCustomTable .mini-panel {
    align-items: center;
    gap: 6px;
    display: flex !important;
}

.filters {
    float: left;
}

.DesignStudioCustomTable .sub-heading {
    float: left;
    width: 100%;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner {
    display: flex;
    gap: 10px;
    background-color: rgb(237, 240, 255);
    width: calc(100% - 50px);
    margin: auto;
    padding: 0px 10px;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul {
    padding: 0px;
    display: flex;
    gap: 10px;
    margin: 0px;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li {
    padding: 10px 0px;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhxcombo_dhx_skyblue, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: 0px;
    margin: 0px;
    height: 32px !important;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal .top_level_text, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected .top_level_text {
    width: 150px;
    font-size: 12px;
    font-weight: 500;
    color: rgb(76, 76, 76);
    line-height: 32px;
    height: 32px !important;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 32px;
    background-color: transparent;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .CustomComboSelect {
    height: 32px;
    background-color: rgb(221, 221, 221);
    border-radius: 4px;
    border: 0px;
    margin: 0px;
}

.DesignStudioCustomTable .panel-heading h5 {
    margin: 0px;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    display: inline-block;
    padding: 11px 0px;
}

.DesignStudioCustomTable .panel-heading .heading-elements {
    background-color: inherit;
    position: absolute;
    right: 25px;
    height: 32px;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.DesignStudioCustomTable .objboxParent {
    height: auto !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch {
    position: relative;
    display: flex;
    align-items: center;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch {
    display: inline-block;
    position: relative;
    left: 0px;
    width: 100%;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label {
    cursor: pointer;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    color: rgb(76, 76, 76);
    text-align: center;
    padding: 0px 6px;
    margin: 0px;
    display: flex;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label input[type="checkbox"] {
    opacity: 0;
    width: 0px;
    height: 0px;
    display: none;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label input[type="checkbox"]:checked + .lever {
    background-color: rgba(139, 195, 74, 0.5);
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label .lever {
    margin: 0px;
    content: "";
    display: inline-block;
    position: relative;
    width: 35px;
    height: 11px;
    background-color: rgb(129, 129, 129);
    border-radius: 15px;
    transition: background 0.3s ease 0s;
    vertical-align: middle;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label b {
    width: 100%;
    float: left;
    padding: 0px;
    line-height: 12px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: rgb(139, 195, 74);
    left: 14px;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label .lever::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: rgb(255, 255, 255);
    border-radius: 21px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 1px;
    left: -5px;
    top: -3px;
    transition: left 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 5px 10px;
    height: 32px;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    display: flex !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a i img {
    width: 14px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Filter > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Filter ul.dropdown-menu {
    width: 290px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 6px 25px 15px;
    margin: 2px 0px;
    border: 1px solid rgb(223, 223, 223);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li ul li.TopIcon a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button {
    background-color: rgb(245, 246, 248);
    background-image: url("../../images/DesignStudio/SelectArrowSmall.png");
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: right center;
    height: 32px;
    padding: 0px 25px 0px 10px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button:hover, .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button:focus {
    background-color: rgb(245, 246, 248);
    box-shadow: none;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button .caret {
    display: none;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group .dropdown-menu {
    border: 1px solid rgb(221, 221, 221);
    margin: 0px;
    padding: 2px 0px;
    min-width: 125px;
    display: none;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon.btnWorkFlow .btn-group .dropdown-menu a:hover {
    border-radius: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon.btnWorkFlow .btn-group .dropdown-menu a {
    width: 100%;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group.open .dropdown-menu {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li {
    border-bottom: 1px solid rgb(221, 221, 221);
    width: 100%;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li a {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    border-radius: 0px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li:last-child {
    border-bottom: 0px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Delete > a {
    width: 40px;
    height: 32px;
    background-color: rgb(255, 237, 237);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Delete > a i svg path {
    fill: rgb(255, 35, 35);
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Save > a {
    background-color: rgb(59, 97, 234);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    height: 30px;
    padding: 4px 18px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu {
    width: 220px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 8px 12px;
    margin: 2px 0px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li {
    margin: 0px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li i img {
    width: 16px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a {
    font-size: 15px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 8px 5px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a:hover {
    background-color: rgb(240, 243, 253);
    border-radius: 8px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li .input-group {
    margin: 0px;
    width: 180px;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control {
    height: 32px;
    color: rgb(26, 26, 26);
    border-radius: 6px 0px 0px 6px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(227, 227, 227);
    border-bottom-color: rgb(227, 227, 227);
    border-left-color: rgb(227, 227, 227);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .input-group-btn {
    height: 32px;
    border-radius: 0px 6px 6px 0px;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-right-color: rgb(229, 229, 229);
    border-bottom-color: rgb(229, 229, 229);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
}

.DesignStudioCustomTable .panel-heading .heading-elements ul li .input-group-btn a {
    display: inline-block;
    padding: 5px;
    color: rgb(106, 114, 125);
}

.DesignStudioCustomTable .panel-heading .filters span {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
}

.DesignStudioCustomTable .panel-heading .filters span a {
    background-color: rgb(255, 255, 255);
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid rgb(201, 201, 201);
    color: rgb(154, 154, 154);
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}

.DesignStudioCustomTable .panel-heading .filters .FilterTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin-bottom: 15px;
}

.DesignStudioCustomTable .panel-heading .filters .FilterTitle label {
    color: rgb(61, 59, 59);
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin: 0px;
}

.DesignStudioCustomTable .panel-heading .filters .FilterTitle a {
    font-size: 15px;
    font-weight: 500;
    color: rgb(61, 59, 59);
    line-height: 15px;
    background-color: rgb(240, 243, 253);
    padding: 4px 18px;
    border-radius: 8px;
}

.DesignStudioCustomTable .panel-heading .filters span.RemoveFilter {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
    padding-top: 10px;
}

.DesignStudioCustomTable .panel-heading .filters span.RemoveFilter a {
    border: 0px;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    color: rgb(61, 59, 59);
    gap: 10px;
    padding: 4px 10px;
    background-color: rgb(253, 238, 237);
    height: 35px;
}

.DesignStudioCustomTable .panel-heading .filters span.RemoveFilter a label {
    margin: 0px;
    font-weight: 400;
}

.DesignStudioCustomTable .panel-heading .filters span.RemoveFilter a i img {
    width: 18px;
}

.DesignStudioCustomTable .panel-body {
    float: left;
    width: 100%;
    position: inherit;
    height: calc(-157px + 100vh);
    overflow: auto;
    padding: 0px 20px !important;
}

.modal-dialog .DesignStudioCustomTable .panel-body {
    height: calc(-379px + 100vh) !important;
}

.DesignStudioCustomTable div.gridbox .objbox {
    position: inherit;
    border-top: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td {
    position: inherit;
    background-color: transparent !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    padding-left: 0px;
    color: rgb(255, 255, 255);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
    font-weight: 500;
    font-size: 14px;
    color: rgb(26, 26, 26);
    text-align: left;
    padding: 0px 16px;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: rgb(245, 246, 248);
    background-image: none;
    position: inherit !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
    height: auto !important;
}

body:nth-of-type(1) .DesignStudioCustomTable div.gridbox_dhx_skyblue table.hdr tr {
    background-image: none !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    color: rgb(26, 26, 26);
    padding: 0px;
    margin-bottom: 0px !important;
}

.DesignStudioCustomTable div.gridbox table.row20px tr td a.edit-milestone-modal {
    background-color: rgb(248, 248, 249);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    padding: 12px 10px;
}

.DesignStudioCustomTable div.gridbox table.row20px tr td a i {
    font-size: 18px;
    color: rgb(59, 97, 235) !important;
}

.DesignStudioCustomTable div.gridbox table.row20px tr td a i svg {
    width: 17px;
    height: 17px;
}

.DesignStudioCustomTable div.gridbox table.row20px tr td a i::before {
    display: none;
}

.DesignStudioCustomTable div.gridbox table.hdr td {
    vertical-align: inherit;
    padding: 0px !important;
    border: 0px !important;
    height: 45px !important;
}

.DesignStudioCustomTable .xhdr {
    height: 45px !important;
    border-radius: 0px !important;
}

.DesignStudioCustomTable .xhdr .hdr {
    height: 45px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td {
    font-weight: 500;
    border-width: 0px 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-bottom-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-bottom-color: initial !important;
    border-image: initial !important;
    border-left-style: solid !important;
    border-left-color: rgb(240, 240, 241) !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child {
    border-left: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:last-child {
    border-right: 0px !important;
}

.DesignStudioCustomTable .ev_dhx_skyblue td {
    border: 0px !important;
}

.DesignStudioCustomTable .ev_dhx_skyblue {
    background-color: rgb(255, 255, 255) !important;
}

.DesignStudioCustomTable .odd_dhx_skyblue {
    background: linear-gradient(to left, rgba(1, 192, 200, 0.08) 0%, rgba(61, 151, 204, 0.08) 100%) !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj {
    border: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-width: 0px 0px 1px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(240, 240, 241) !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child {
    border-bottom: 0px !important;
}

.DesignStudioCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-width: 0px 0px 1px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(240, 240, 241) !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td {
    height: 45px;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 45px;
    position: inherit;
    font-weight: 500;
    color: rgb(48, 48, 48);
    font-size: 13px !important;
    background-color: rgb(255, 255, 255) !important;
    padding: 0px 16px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td {
    background-color: rgb(250, 250, 251) !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .treegrid_cell a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(59, 97, 235) !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record {
    border-radius: 4px;
    padding: 10px 50px 10px 12px;
    line-height: 10px;
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(59, 97, 235);
    font-size: 13px;
    color: rgb(32, 32, 32);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b {
    top: 0px;
    padding: 5px 7px;
    background-color: rgb(59, 97, 235);
    border-radius: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b span {
    font-size: 12px;
    border-radius: 100px;
    height: 18px;
    width: 18px;
    top: 0px;
    line-height: 16px;
    font-weight: 600;
    padding: 0px 3px;
    border: 0px;
    color: rgb(38, 40, 46);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img {
    margin: 0px auto;
    padding-right: 8px;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record, .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal {
    width: 42px;
    height: 42px;
    background-color: transparent;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    box-shadow: none;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover, .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover {
    box-shadow: none;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record i {
    width: 18px;
    height: 22px;
    font-size: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal i {
    width: 18px;
    height: 18px;
    font-size: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-trash svg path {
    fill: rgb(244, 67, 54);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-plus svg path {
    fill: rgb(43, 140, 21);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-code svg path {
    fill: rgb(205, 142, 18);
    stroke: rgb(205, 142, 18);
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-area-chart svg path {
    fill: rgb(59, 97, 235);
}

.DesignStudioCustomTable .panel-footer {
    border-radius: 0px;
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 8px;
    box-shadow: none;
}

.DesignStudioCustomTable .panel-footer::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: rgb(141, 147, 169);
    left: 0px;
    bottom: 0px;
}

.DesignStudioCustomTable .panel-footer div.pull-left {
    padding-top: 0px !important;
}

.DesignStudioCustomTable .panel-footer div select {
    border-color: rgb(59, 97, 235);
    border-radius: 25px 0px 0px 25px;
    font-weight: 500;
    line-height: 9px !important;
    height: 23px !important;
    padding: 1px 20px 4px 12px !important;
}

.DesignStudioCustomTable .panel-footer div select option {
    font-weight: 500;
    line-height: 16px !important;
    height: 23px !important;
}

.panel-footer ul {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 13px;
}

.DesignStudioCustomTable .panel-footer ul li {
    border-radius: 0px 25px 25px 0px;
    padding: 5px 10px;
    line-height: 12px;
    margin: 0px;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    border: 0px;
    background-color: rgb(59, 97, 235);
}

.DesignStudioCustomTable .panel-footer ul li span {
    font-size: 11.5px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.DesignStudioCustomTable .panel-footer ul li span label {
    margin-bottom: 0px;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li[disabled], .DesignStudioCustomTable .panel-footer ul.pull-right > li[disabled] a {
    cursor: not-allowed;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li {
    border-radius: 0px;
    background: none;
    float: left;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li a {
    padding: 0px 4px;
    line-height: 12px;
    opacity: 1;
    min-width: 0px;
    background-color: rgb(59, 97, 235);
    float: left;
    margin: 0px 2px;
    border-radius: 0px;
    height: 23px;
    border: 0px !important;
}

.DesignStudioCustomTable .panel-footer ul li a:hover, .DesignStudioCustomTable .panel-footer ul li a:focus {
    box-shadow: none !important;
}

.DesignStudioCustomTable .panel-footer ul li a i {
    width: 20px;
    height: 23px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
}

.DesignStudioCustomTable .odd_dhx_skyblue td {
    border: 0px !important;
}

.DesignStudioCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .DesignStudioCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr {
    background-color: rgb(118, 214, 212) !important;
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:first-child {
    font-weight: 400;
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child {
    font-weight: 500;
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(2) {
    color: rgb(48, 48, 48);
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(2) {
    color: rgb(76, 175, 80);
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(3) {
    background-color: rgb(247, 251, 255) !important;
    border: 0px !important;
    color: rgb(26, 26, 26) !important;
}

.DesignStudioCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(3) {
    background-color: rgb(247, 251, 255) !important;
    border: 0px !important;
    color: rgb(59, 97, 235) !important;
}

.DesignStudioCustomTable_Inner div.gridbox_dhx_skyblue.gridbox {
    border: 1px solid rgb(216, 224, 253);
    background-color: rgb(255, 255, 255);
}

.DesignStudioCustomTable_Inner div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: rgb(229, 235, 255);
}

.DesignStudioCustomTable .panel-footer {
    border-radius: 0px;
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 8px;
    box-shadow: none;
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(229, 229, 229) !important;
}

.DesignStudioCustomTable .panel-footer div.pull-left {
    padding-top: 0px !important;
}

.DesignStudioCustomTable .panel-footer div select {
    border-color: transparent;
    background-color: transparent;
    border-radius: 25px 0px 0px 25px;
    font-weight: 500;
    font-size: 15px;
    color: rgb(117, 117, 117);
    appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 18px !important;
    height: 24px !important;
    padding: 1px 15px 4px 12px !important;
    background-image: url("../../images/DesignStudio/Pagination_SelectArrow.png") !important;
}

.DesignStudioCustomTable .panel-footer div select option {
    font-weight: 500;
    line-height: 16px !important;
    height: 23px !important;
}

.panel-footer ul {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 13px;
}

.DesignStudioCustomTable .panel-footer ul li {
    border-radius: 0px 25px 25px 0px;
    padding: 5px 10px;
    line-height: 16px;
    margin: 0px 0px 0px 15px;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    border-width: 0px 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-image: initial;
    background-color: transparent;
    border-left-style: solid;
    border-left-color: rgb(223, 223, 223);
    height: 24px !important;
}

.DesignStudioCustomTable .panel-footer ul li span {
    font-size: 14px;
    color: rgb(117, 117, 117);
    font-weight: 500;
}

.DesignStudioCustomTable .panel-footer ul li span[data-i18n="of"] {
    padding: 0px 5px;
}

.DesignStudioCustomTable .panel-footer ul li span label {
    margin-bottom: 0px;
}

.DesignStudioCustomTable .panel-footer ul.pull-right li {
    margin: 0px !important;
    border: 0px !important;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li[disabled], .DesignStudioCustomTable .panel-footer ul.pull-right > li[disabled] a {
    cursor: not-allowed;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li {
    border-radius: 0px;
    background: none;
    float: left;
    padding: 0px !important;
}

.DesignStudioCustomTable .panel-footer ul.pull-right > li a {
    padding: 0px 4px;
    line-height: 12px;
    opacity: 1;
    min-width: 0px;
    background-color: rgb(255, 255, 255);
    float: left;
    margin: 0px 3px;
    border-radius: 6px;
    height: 28px;
    width: 28px;
    border: 1px solid rgb(241, 241, 243) !important;
}

.DesignStudioCustomTable .panel-footer ul li a:hover, .DesignStudioCustomTable .panel-footer ul li a:focus {
    box-shadow: none !important;
}

.DesignStudioCustomTable .panel-footer ul li a i {
    color: rgb(149, 149, 149);
    padding: 5px 0px;
    font-size: 15px !important;
}

.heading-elements > ul {
    display: flex;
    align-items: center;
    height: 32px;
    gap: 8px;
    margin: 0px !important;
    padding: 0px !important;
}

.GobalDFSToolBar {
    padding: 0px;
    background-color: rgb(249, 249, 249);
    width: 100%;
    float: left;
    border-right: 1px solid rgb(194, 206, 249);
    height: calc(-40px + 100vh);
    margin-top: 40px;
}

.GobalDFSToolBar ul.ToolBar {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar > li {
    float: left;
    list-style: none;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar li .page-header-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid rgb(194, 206, 249);
    background-color: rgb(255, 255, 255);
    width: 100%;
    padding: 0px 0px 0px 10px !important;
}

.GobalDFSToolBar ul.ToolBar li .page-header-content .PageName {
    font-size: 17px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu {
    background-color: rgb(255, 255, 255);
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    position: relative;
    letter-spacing: 0.5px;
    display: flex;
    width: 100%;
    line-height: 15px;
    padding: 10px 12px;
    align-content: center;
    gap: 10px;
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList.active a i, .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList:hover a ii {
    width: 25px;
    height: 25px;
    background-color: rgb(232, 237, 255);
    border-radius: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: rgb(16, 62, 229);
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a {
    font-size: 14px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    position: relative;
    letter-spacing: 0.5px;
    display: flex;
    width: 100%;
    line-height: 15px;
    padding: 10px 12px;
    align-content: center;
    gap: 10px;
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a i::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 100%;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: rgb(232, 237, 255);
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList.No_Border a i::after {
    display: none;
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList.active a span, .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList:hover a span {
    color: var(--main-Primary-color);
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a i {
    width: 25px;
    height: 25px;
    background-color: rgb(223, 224, 225);
    border-radius: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: rgb(106, 109, 120);
}

.GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList:hover a {
    background-color: rgb(240, 243, 255);
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group #ctnsearchdiv {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 6px;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group input[placeholder="Search"] {
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    background-color: rgb(249, 251, 252);
    color: rgb(158, 157, 157);
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-image: initial;
    border-radius: 3px 0px 0px 3px !important;
    border-right: 0px !important;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a {
    height: 40px;
    border-radius: 0px 3px 3px 0px;
    padding: 12px 9px;
    background-color: rgb(249, 251, 252);
    border: 0px !important;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a i {
    color: rgb(150, 175, 201);
}

.CustomTabStudio .nav-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(255, 255, 255);
}

.CustomTabStudio .nav-tabs li {
    width: 50%;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
}

.CustomTabStudio .nav-tabs li:first-child a {
    border-left: 0px !important;
}

.CustomTabStudio .nav-tabs li a {
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 0px !important;
}

.CustomTabStudio .nav-tabs li a span {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    color: rgb(77, 77, 77) !important;
    line-height: 14px !important;
}

.CustomTabStudio .nav-tabs li a i svg path {
    fill: rgb(79, 93, 119) !important;
}

.CustomTabStudio .nav-tabs li.active a {
    background-color: rgb(249, 249, 249);
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(194, 206, 249) rgb(194, 206, 249) transparent;
    border-image: initial;
}

.CustomTabStudio .nav-tabs li.active a span {
    color: rgb(59, 97, 235) !important;
}

.CustomTabStudio .nav-tabs li.active a i svg path {
    fill: rgb(59, 97, 235) !important;
}

.CustomTabStudio .nav-tabs li.active a::before {
    position: absolute;
    top: -2px;
    content: "";
    width: 100%;
    height: 3px;
    background-color: rgb(59, 97, 235);
    left: 0px;
}

.CustomTabStudio .tab-content .tab-pane {
    padding: 0px 12px;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 12.5px;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv .Action_Btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv .Action_Btn a {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 5px;
    width: 150px;
    display: inline-block;
    text-align: center;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv .Action_Btn .Action_Primary a {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    padding: 12px;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv .Action_Btn .Action_Secondary a {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 32, 32);
    color: rgb(97, 111, 135);
    padding: 11px 12px;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn {
    width: 100px;
    height: 100px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(59, 97, 235);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0px 5px;
    box-shadow: rgba(204, 202, 204, 0.2) 2px 2px 5px;
    flex-direction: column;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn i svg path {
    fill: rgb(79, 93, 119) !important;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn span {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    text-align: center;
    padding-top: 12px;
    line-height: 16px;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn:hover {
    background-color: rgb(245, 249, 255);
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn:hover span {
    color: rgb(59, 97, 235);
    font-weight: 500;
}

.CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn:hover i svg path {
    fill: rgb(59, 97, 235) !important;
}

.Primary-tab .nav-fill {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style: none;
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 0px !important;
}

.Primary-tab .nav-fill li {
    flex: 1 1 auto;
    text-align: center;
}

.nav-fill > li.active > a, .nav-fill > li.active > a:hover, .nav-fill > li.active > a:focus {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    line-height: unset !important;
}

.Primary-tab .nav-fill li i {
    display: flex;
    justify-content: center;
    padding: 0.4rem 0px;
    border-radius: 3px;
    border: 1px solid transparent;
}

.Primary-tab .nav-fill li.active i {
    background: rgba(13, 110, 253, 0.05);
    border: 1px solid rgba(13, 110, 253, 0.2);
    color: rgb(13, 110, 253);
}

.Primary-tab .nav-fill li i svg path {
    fill: rgb(79, 93, 119);
}

.Primary-tab .nav-fill li.active i svg path {
    fill: rgb(13, 110, 253);
}

.CustomComboSelect .dhxcombo_dhx_skyblue {
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    min-width: auto;
    border: 1px solid rgb(232, 232, 232);
    box-shadow: rgba(204, 202, 204, 0.3) 2px 2px 5px;
    width: 100% !important;
    height: 34px !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 33px;
    left: 0px;
    margin: 0px;
    padding-left: 8px;
    background-color: rgb(255, 255, 255);
    color: rgb(76, 76, 76);
    font-weight: 500;
    font-size: 12px !important;
    width: 100% !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    right: 0px;
    height: 33px;
    width: 16px;
    top: 0px;
    background: none;
    border: 0px !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-image: url("../../images/DesignStudio/SelectArrowSmall.png");
}

.p-0 {
    padding: 0px !important;
}

.pb-20 {
    padding-bottom: 20px;
}

.HV_10 {
    height: 10px !important;
}

.HV_20 {
    height: 20px !important;
}

.HV_30 {
    height: 30px !important;
}

.HV_40 {
    height: 40px !important;
}

.HV_50 {
    height: 50px !important;
}

.HV_60 {
    height: 60px !important;
}

.HV_70 {
    height: 70px !important;
}

.HV_80 {
    height: 80px !important;
}

.HV_90 {
    height: 90px !important;
}

.HV_100 {
    height: 100px !important;
}

.CommonLeft {
    width: 350px;
    float: left;
    transition: transform 0.5s ease 0s;
}

.CommonLeft.active {
    transform: translateX(-375px);
    display: none;
}

.CommonRight {
    float: right;
    transition: transform 0.5s ease 0s;
    background-color: rgb(249, 249, 249);
    height: calc(-40px + 100vh);
    margin-top: 40px;
    transform: translateX(0px);
    display: none;
}

.CommonRight.active {
    width: 320px;
    border-left: 1px solid rgb(194, 206, 249);
    display: block;
}

.CommonCenter {
    width: calc(100% - 350px);
    float: left;
    transition: transform 0.5s ease 0s;
}

.CommonCenter.LeftActive {
    float: left;
    width: calc(100% + 0px) !important;
}

.CommonCenter.RightActive {
    width: calc(100% - 670px);
    float: left;
}

.CommonCenter.RightActive.LeftActive {
    width: calc(100% - 320px);
    float: left;
}

.CommonMenuLeft {
    width: 350px;
    float: left;
    transition: transform 0.5s ease 0s;
}

.CommonMenuRight {
    width: calc(100% - 350px);
    float: left;
    transition: transform 0.5s ease 0s;
    background-color: rgb(255, 255, 255);
}

.DesignStuidoLeft .page-header {
    margin: 0px !important;
    border-bottom: 0px !important;
}

.DesignStuidoLeft .page-header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(250, 250, 250);
    padding: 0px !important;
    border-bottom: 1px solid rgb(194, 206, 249) !important;
    border-right: 1px solid rgb(194, 206, 249) !important;
}

.DesignStuidoLeft .page-header-content .page-title {
    width: 250px;
    height: 40px;
    padding: 0px !important;
}

.DesignStuidoLeft .page-header-content .page-title h4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    align-items: flex-start;
}

.DesignStuidoLeft .page-header-content .page-title h4 .MainPage {
    font-size: 17px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    line-height: 22px;
}

.DesignStuidoLeft .page-header-content .page-title h4 .ProcessName {
    font-size: 14px;
    font-weight: 400;
    color: rgb(121, 117, 117);
    line-height: 21px;
}

.DesignStuidoLeft .page-header-content .PageName {
    font-size: 17px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    padding-left: 10px;
}

.DesignStuidoRight .navbar {
    height: 40px;
    background-color: rgb(255, 255, 255);
    border-width: 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(194, 206, 249) !important;
}

.DesignStuidoRight .navbar .navbar-nav {
    display: flex;
    margin: 0px !important;
}

.DesignStuidoRight .navbar .navbar-nav li {
    flex-grow: 1;
}

.DesignStuidoRight .navbar .navbar-nav li:first-child a {
    padding: 9.5px 30px 9.5px 40px !important;
}

.DesignStuidoRight .navbar .navbar-nav li:first-child a::before {
    left: 8px;
}

.DesignStuidoRight .navbar .navbar-nav li a {
    color: rgb(48, 48, 48);
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background-color: rgb(249, 251, 255);
    padding: 9.5px 30px 9.5px 70px !important;
    border: 0px !important;
}

.DesignStuidoRight .navbar .navbar-nav li a::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    color: rgb(16, 62, 229);
    background-color: rgb(222, 229, 255);
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    text-align: center;
    padding: 3px 0px;
    font-weight: 600;
}

.DesignStuidoRight .navbar .navbar-nav li a::after {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 6px;
    left: 100%;
    transform: rotate(45deg);
    content: "";
    z-index: 2;
    background-color: rgb(249, 251, 255);
    border-right: 1px solid rgb(181, 181, 181);
    border-top: 1px solid rgb(181, 181, 181);
    margin-left: -13px;
}

.GobalDFSToolBar ul.ToolBar > #hideandshow {
    padding-right: 12px;
    width: auto !important;
}

.DesignStuidoRight .navbar .navbar-nav li:first-child a::before {
    content: "1";
}

.DesignStuidoRight .navbar .navbar-nav li:nth-child(2) a::before {
    content: "2";
}

.DesignStuidoRight .navbar .navbar-nav li:nth-child(3) a::before {
    content: "3";
}

.DesignStuidoRight .navbar .navbar-nav li:nth-child(4) a::before {
    content: "4";
}

.DesignStuidoRight .navbar .navbar-nav li:nth-child(5) a::before {
    content: "5";
}

.DesignStuidoRight .navbar .navbar-nav li:nth-child(6) a::before {
    content: "6";
}

.DesignStuidoRight .navbar .navbar-nav li.open {
    position: relative;
}

.DesignStuidoRight .navbar .navbar-nav li a.active::before {
    background-color: rgb(255, 255, 255);
}

.DesignStuidoRight .navbar .navbar-nav li a.active::after {
    background-color: rgb(194, 206, 249);
    border: 0px !important;
}

.DesignStuidoRight .navbar .navbar-nav li a.active {
    background-color: rgb(194, 206, 249);
    color: rgb(16, 16, 16);
}

.modal-dialog {
    position: fixed;
    width: 100%;
    margin: 45px auto;
    left: 0px;
    right: 0px;
}

.content-group-lg.CustomAccord {
    box-shadow: rgba(178, 178, 189, 0.2) 0px 7px 29px 0px;
    border-radius: 8px;
    padding: 10px;
}

.CustomAccord .panel {
    background-color: rgb(248, 249, 250);
    box-shadow: none;
    border-radius: 5px;
    margin: 0px;
    border: 0px !important;
}

.CustomAccord .panel .panel-heading {
    background-color: rgb(255, 255, 255);
    height: 48px;
    border-radius: 0px;
    padding: 10px 18px !important;
}

.CustomAccord .panel .panel-heading a {
    color: rgb(58, 75, 105);
    font-size: 17.5px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.CustomAccord .panel .panel-heading path {
    fill: rgb(59, 97, 235);
}

.CustomAccord .panel .panel-heading a span {
    font-size: 15px;
    font-weight: 500;
}

.CustomAccord .panel-collapse {
    border-radius: 12px;
}

.CustomAccord .panel .panel-body {
    display: flex;
    flex-flow: wrap;
    padding: 10px 18px !important;
    border: 0px !important;
}

.CustomAccord .panel .panel-body h6 {
    color: rgb(58, 75, 105);
    font-size: 14px;
    font-weight: 500;
    padding: 0px 22px 0px 18px;
    position: relative;
}

.CustomAccord .panel .panel-body h6::before {
    position: absolute;
    content: "";
    background-image: url("../../images/DesignStudio/ArrowLeft.png");
    width: 9px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.CustomTextarea {
    border: 1px solid rgb(201, 201, 201);
    background-color: rgb(252, 252, 253);
    display: inline-block;
}

.CustomForm {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.CustomForm .form-group {
    margin-bottom: 5px;
}

.CustomForm label {
    font-size: 14px;
    color: rgb(77, 77, 77);
    font-weight: 500;
}

.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2, .CustomModelDesignStudio .CustomFlex .MoveSelect_2 {
    flex-basis: 50%;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered {
    overflow: hidden;
    border: 1px solid rgb(221, 221, 221);
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel {
    margin: 0px !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-heading, .CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav {
    display: flex;
    flex-direction: row;
    background-color: rgb(243, 246, 249);
    height: 55px;
    align-items: center;
    border-bottom: 2px solid rgb(229, 229, 229);
    gap: 20px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li a {
    padding: 15px 0px;
    position: relative;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li.active a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: rgb(59, 97, 235);
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li a span, .CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-heading h6 {
    color: rgb(77, 77, 77);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li:hover a span {
    color: rgb(59, 97, 235);
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content {
    margin: 0px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel {
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading {
    display: flex;
    flex-direction: row;
    height: 55px;
    align-items: center;
    border-bottom: 1px solid rgb(221, 226, 241);
    margin-bottom: 10px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading h6 {
    font-size: 14px;
    font-weight: 500;
    color: rgb(77, 77, 77);
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements, .CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements {
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    height: auto;
    right: 10px;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button, .CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements button {
    background-color: transparent;
    box-shadow: none;
    font-size: 15px;
    color: rgb(77, 77, 77);
    padding: 5px 10px;
    margin: 0px;
    border-width: 0px 4px 0px 0px;
    border-top-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-right-style: solid;
    border-right-color: rgb(177, 192, 247);
    line-height: 12px;
    border-radius: 0px;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button:last-child, .CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements button:last-child {
    border: 0px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-body .containerTableStyle table tr td span {
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    padding: 5px 0px;
    font-size: 15px !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-body .containerTableStyle table tr {
    display: flex;
    flex-direction: row;
    border: 0px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel {
    padding: 0px !important;
    border: 1px solid rgb(221, 224, 237) !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav {
    height: auto;
    border: 0px;
    background-color: transparent;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group {
    margin: 0px;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group, .CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group .input-group-btn {
    display: flex;
    flex-direction: row;
    height: 40px;
    width: auto;
    align-items: center;
    justify-content: center;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group input {
    border: 1px solid rgb(142, 142, 142);
    color: rgb(26, 26, 26) !important;
    border-radius: 3px 0px 0px 3px !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group .input-group-btn a {
    padding: 12px 10px;
    border: 1px solid rgb(142, 142, 142);
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading {
    margin: 0px !important;
}

.CustomModelDesignStudio .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading h6 {
    padding: 0px 10px;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li {
    line-height: 18px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li span.ui-igtree-expander {
    border: 0px !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li span {
    vertical-align: middle;
    border: 1px solid rgb(118, 145, 243) !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    display: inline-block;
    line-height: 18px;
    padding: 0px 5px !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a:hover {
    text-shadow: none;
    background-color: transparent;
    border: 0px;
    padding: 0px 5px !important;
}

.CustomModelDesignStudio .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a.ui-state-active {
    background-color: transparent;
    text-shadow: none;
    border: 0px !important;
}

.CommonTabContent .CustomFlex .CopySelect_2, .CommonTabContent .CustomFlex .MoveSelect_2 {
    flex-basis: 50%;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered {
    overflow: hidden;
    border: 1px solid rgb(221, 221, 221);
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel {
    margin: 0px !important;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading, .CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav {
    display: flex;
    flex-direction: row;
    background-color: rgb(243, 246, 249);
    height: 55px;
    align-items: center;
    border-bottom: 2px solid rgb(229, 229, 229);
    gap: 20px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li a {
    padding: 15px 0px;
    position: relative;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li.active a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: rgb(59, 97, 235);
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li a span, .CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading h6 {
    color: rgb(77, 77, 77);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered ul.nav li:hover a span {
    color: rgb(59, 97, 235);
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content {
    margin: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .tab-pane {
    padding: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel {
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px !important;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading {
    display: flex;
    flex-direction: row;
    height: 55px;
    align-items: center;
    border-bottom: 1px solid rgb(221, 226, 241);
    margin-bottom: 10px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading h6 {
    font-size: 14px;
    font-weight: 500;
    color: rgb(77, 77, 77);
}

.CommonTabContent .CustomFlex .MoveSelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements, .CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements {
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    height: auto;
    right: 10px;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button, .CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements button {
    background-color: transparent;
    box-shadow: none;
    font-size: 15px;
    color: rgb(77, 77, 77);
    padding: 5px 10px;
    margin: 0px;
    border-width: 0px 4px 0px 0px;
    border-top-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-right-style: solid;
    border-right-color: rgb(177, 192, 247);
    line-height: 12px;
    border-radius: 0px;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-heading .heading-elements button:last-child, .CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-heading .heading-elements button:last-child {
    border: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-body .containerTableStyle table tr td span {
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    padding: 5px 0px;
    font-size: 15px !important;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .panel .panel-body .containerTableStyle table tr {
    display: flex;
    flex-direction: row;
    border: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel {
    padding: 0px !important;
    border: 1px solid rgb(221, 224, 237) !important;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav {
    height: auto;
    border: 0px;
    background-color: transparent;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group {
    margin: 0px;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group, .CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group .input-group-btn {
    display: flex;
    flex-direction: row;
    height: 40px;
    width: auto;
    align-items: center;
    justify-content: center;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group input {
    border: 1px solid rgb(142, 142, 142);
    color: rgb(26, 26, 26) !important;
    border-radius: 3px 0px 0px 3px !important;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading .navbar-nav li .heading-form .form-group .input-group .input-group-btn a {
    padding: 10px;
    border: 1px solid rgb(142, 142, 142);
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading {
    margin: 0px !important;
}

.CommonTabContent .CustomFlex .CopySelect_2 .tab-content-bordered .tab-content .DesignStudioCustomTable .panel .panel-heading h6 {
    padding: 0px 10px;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li {
    line-height: 18px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li span {
    vertical-align: middle;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    display: inline-block;
    line-height: 18px;
    padding: 0px 5px !important;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a:hover {
    text-shadow: none;
    background-color: transparent;
    border: 0px;
    padding: 0px 5px !important;
}

.CommonTabContent .CustomFlex .MoveSelect_2 .panel .panel-body .ui-widget .ui-igtree-collection li a.ui-state-active {
    background-color: transparent;
    text-shadow: none;
    border: 0px !important;
}

.CommonTabContent .CustomFlex .tab-content > .has-padding .panel .panel-body {
    padding: 0px;
}

.CommonTabContent .CustomFlex .tab-content .tab-pane {
    overflow: hidden;
}

@media (max-width: 1366px) and (min-width: 769px) {
    .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu > div > a {
        font-size: 13px !important;
    }

    .CustomTabStudio .nav-tabs li a {
        font-size: 13px !important;
    }

    .CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn span {
        font-size: 13px !important;
    }

    .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
        height: 37px !important;
    }

    .DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
        font-size: 13px !important;
        padding: 0px 10px !important;
    }

    .DesignStuidoRight .navbar {
        height: 33px;
    }

    .DesignStuidoRight .navbar .navbar-nav li a {
        line-height: 13px;
        font-size: 12px !important;
        white-space: nowrap !important;
        padding: 9.5px 19px 9.5px 44px !important;
    }

    .DesignStuidoRight .navbar .navbar-nav li a::before {
        width: 22px;
        height: 23px;
    }

    .DesignStuidoRight .navbar .navbar-nav li a::after {
        width: 24px;
        height: 24px;
        top: 4px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li .input-group {
        width: 150px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
        width: 34px;
        height: 31px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a svg {
        width: 16px;
        height: 16px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon > a svg {
        width: 16px;
        height: 14px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a {
        font-size: 13px !important;
        height: 27px !important;
    }

    .heading-elements > ul {
        height: 31px;
        gap: 2px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label b {
        font-size: 12px !important;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Save > a {
        width: 60px !important;
    }

    .DesignStudioCustomTable .panel-heading h5 {
        font-size: 15px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button {
        padding: 0px 18px 0px 11px;
        font-size: 11px !important;
    }

    #myDiagramDiv > div {
        overflow: visible !important;
    }

    .ui-helper-reset {
        overflow: visible !important;
    }

    .CommonLeft {
        width: 269px !important;
    }

    .CommonCenter {
        width: calc(100% - 269px) !important;
    }

    .CommonMenuLeft {
        width: 269px !important;
    }

    .CommonMenuRight {
        width: calc(100% - 269px) !important;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
        min-height: 45px;
    }

    .DesignStuidoRight .navbar .navbar-nav {
        display: flex;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span {
        font-size: 12px;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
        min-height: 36px;
    }

    .DesignStuidoLeft .page-header-content .page-title {
        width: 183px;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a {
        min-height: 35px;
    }

    .sidebar {
        width: 234px;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 .MainPage {
        padding-left: 5px !important;
    }

    .form-group div.dhxcombo_dhx_skyblue {
        min-width: 105px !important;
    }

    .GobalDFSToolBar {
        height: calc(-40px + 100vh);
        margin-top: 33px;
    }

    .form-group div.dhxcombo_dhx_skyblue input.dhxcombo_input {
        font-size: 12px;
    }

    .CustomTabStudio .nav-tabs li a {
        height: 35px;
    }

    .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a {
        padding: 6px 10px;
    }

    .GobalDFSToolBar ul.ToolBar li .page-header-content .PageName {
        font-size: 14px;
    }

    .CustomTabStudio .nav-tabs li a span {
        font-size: 13px;
    }

    .Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li a {
        font-size: 10px !important;
    }

    .login-container .login_form_first .LeftSide {
        height: 400px !important;
    }
}

#myDiagramDiv > div {
    overflow: visible !important;
}

.DesignStuidoLeft .page-header-content .page-title h4 .ProcessName {
    border-radius: 4px;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    background: none !important;
    color: rgb(25, 75, 255) !important;
}

.CustomTabStudio .nav-tabs li a i.Normal > svg {
    width: 17px !important;
    height: 24px !important;
}

.CustomTabStudio .nav-tabs li a i.Normal > svg path {
    fill: rgb(79, 93, 119) !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a i svg path {
    fill: rgb(79, 93, 119);
}

.heading-elements ul > li > a i svg {
    width: 12px;
}

.designstudiocustomtable .panel-heading .heading-elements > ul > .filter a i svg path {
    fill: rgb(255, 104, 16) !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > .Setting a i svg path {
    fill: rgb(59, 97, 235) !important;
}

.DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a i svg path:hover {
    fill: rgb(59, 97, 235) !important;
}

#myDiagramDiv {
    border: 0px;
    z-index: 0 !important;
}

.sidebar-content {
    height: calc(-100px + 100vh) !important;
}

.content {
}

.data-map {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
}

.data-map .form-group label {
    font-size: 12px;
}

.data-map li button {
    width: 120px;
    background: rgb(59, 97, 234);
    border-radius: 8px;
    height: 40px;
}

.CustomSuiteHeight {
    height: calc(-175px + 100vh);
}

.validation {
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled, div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
    width: 100%;
    background: transparent;
    height: auto;
    border: 0px !important;
}

.MultiCombo {
    padding: 0px;
}

.dhtmlxMenu_dhx_skyblue_Middle.dir_left div.align_left {
    float: none;
    display: flex;
}

.form-group textarea.form-control .dhtmlxMenu_dhx_skyblue_Middle {
    border-radius: 4px;
    background: rgb(59, 97, 234);
}

.MultiComboMax {
    width: 100%;
}

.panel-primary.panel-bordered {
    border: 0px !important;
}

.panel-primary > .panel-heading {
    background-color: rgb(235, 236, 237);
    border: 0px;
    padding: 6px 21px !important;
}

.panel-primary > .panel-heading .panel-title {
    color: rgb(50, 48, 48) !important;
}

.CustomSidebar .panel-group .panel .panel-heading {
    background-color: rgb(59, 97, 235) !important;
}

#sideBar {
    height: calc(-160px + 100vh);
}

.CustomTable .ui-widget-content {
    height: calc(-201px + 100vh);
    border: 0px;
    padding: 0px !important;
}

.myPaletteDiv div {
    height: auto !important;
}

.exe .heading-elements > ul > li.Save > a, .exe .heading-elements > ul > li.Save > a:hover, .exe .heading-elements > ul > li.Save > a:focus {
    background-color: rgb(59, 97, 234) !important;
    color: rgb(255, 255, 255) !important;
}

.exe .icon-checkmark-circle {
    left: 60%;
    color: rgb(59, 97, 235);
}

.exe .icon-calendar {
    left: 88%;
    color: rgb(59, 97, 235);
}

.CustomComboSelect select {
    margin: 0px auto;
    min-width: auto;
    line-height: 22px;
    padding: 0px 0px 0px 4.2px;
    font-weight: 500;
    font-size: 12px;
    width: 154px;
    outline: rgb(255, 255, 255) solid 0px;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 5px !important;
    border: 0px solid rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 3px !important;
}

#btnAddChannelRequest, #btnAddBinding {
    background: rgb(225, 225, 225);
    box-shadow: none;
    color: rgb(70, 70, 70);
    border-radius: 4px;
}

.CusBtn {
    padding: 8px 12px;
    font-size: 15px;
    color: rgb(97, 111, 135);
    font-weight: 500;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(142, 142, 142);
    width: 150px;
}

.CusSave {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    font-weight: 400;
}

.MultiTable .panel {
    border-radius: 8px;
    padding: 0px !important;
    margin: 0px !important;
}

.MultiTable .panel-body {
    padding: 0px !important;
    margin: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.MultiTable .objboxParent {
    height: auto !important;
}

.MultiTable #grdDeadlineMissed {
    height: auto !important;
}

.MultiTable .panel-body h5 {
    color: rgb(13, 15, 40);
    font-weight: 500;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    overflow: inherit;
    min-width: 150px;
    text-align: center;
    padding: 7px 5px 7px 8px !important;
    font-size: 12px !important;
    color: rgb(80, 80, 80) !important;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child, .RoleInbox.MultiTable .panel-body div.gridbox table.hdr td:first-child {
    border-radius: 12px 0px 0px 12px;
    min-width: 80px;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(2), .RoleInbox.MultiTable .panel-body div.gridbox table.hdr td:nth-child(2) {
    min-width: 80px;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:last-child {
    border-radius: 0px 12px 12px 0px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    color: rgba(72, 77, 86, 0.43) !important;
    font-size: 13px !important;
}

.MultiTable div.gridbox .objbox {
    background-color: transparent !important;
}

.CustomInboxDesign .panel-body #grdDeadlineMissed .objboxParent table, .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj {
    border-collapse: separate !important;
    border-spacing: 0px 7px !important;
    background-color: transparent !important;
}

.MultiTable .panel-body #grdDeadlineMissed table tbody tr {
    background: rgb(255, 255, 255) !important;
}

.CustomInboxDesign .panel-body #grdDeadlineMissed .xhdr table tbody tr {
    height: auto !important;
    background: transparent !important;
}

.MultiTable .panel-footer ul li > div {
    background: transparent !important;
    color: rgb(0, 0, 0) !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    width: 55px;
    margin: 0px;
    height: 45px !important;
    border-radius: 8px !important;
    border: 0px !important;
    background-color: rgb(255, 255, 255) !important;
}

.MultiTable .panel-footer .pull-right li {
    padding: 12px 20px !important;
    margin: 0px 20px !important;
    background: rgb(229, 231, 237) !important;
    border-radius: 8px !important;
}

.MultiTable .gridbox_dhx_skyblue {
    height: auto !important;
}

.MultiTable .panel-body table tbody .ev_dhx_skyblue, .MultiTable .panel-body table tbody .odd_dhx_skyblue {
    background: rgb(255, 255, 255) !important;
}

div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background: rgb(0, 0, 0) !important;
}

.MultiTable .dhxgrid_sort_desc, .MultiTable .dhxgrid_sort_asc {
    left: 995px !important;
    top: 14px !important;
}

.MultiTable .panel-footer {
    background: rgb(206, 209, 211);
}

.box-panel {
    background: rgb(255, 255, 255);
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid rgb(190, 252, 190);
    border-radius: 12px;
    box-shadow: rgb(208, 236, 216) 0px 4px 14px !important;
}

.box-panel .box-image {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

.box-panel .box-image img {
    width: inherit;
    height: 250px;
    border-radius: 8px 8px 0px 0px;
}

.box-panel .box-content h6 {
    font-size: 18px;
    font-weight: 500;
}

.box-panel .box-content p {
    color: rgb(157, 164, 167);
    padding: 13px 0px;
    margin: 0px;
    border-radius: 0px;
}

.box-panel .box-content .flex {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}

.box-panel .box-content .flex button {
    width: 50%;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 10px;
}

.box-panel .box-content .flex button:nth-child(1) {
    border: 1.5px solid rgb(156, 215, 163);
    color: rgb(0, 128, 0);
}

.box-panel .box-content .flex button:nth-child(2) {
    border: 1.5px solid rgb(255, 148, 148);
    color: rgb(255, 0, 0);
}

.box-panel .InstanceSearchBoxHeader {
    text-align: center;
    background: rgb(255, 169, 58);
    color: rgb(255, 255, 255);
    padding: 2px 4px;
    border-radius: 0px 0px 5px 5px;
}

.box-panel .InstanceSearchBoxHeader h5 {
    font-size: 24px;
    margin: 0px;
}

.box-panel .InstanceSearchLeft {
    padding: 10px 0px 0px;
}

.box-panel .InstanceSearchLeft .UserData {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

.box-panel .InstanceSearchLeft .UserData p {
    margin: 0px;
    padding: 0px;
}

.box-panel .InstanceSearchLeft .UserData a {
    font-size: 18px;
    font-weight: 500;
    color: rgb(89, 94, 114);
}

.box-panel .InstanceSearchRight .InstanceRight {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: rgb(237, 237, 237);
    padding: 10px;
    border-radius: 8px;
}

.box-panel .InstanceSearchRight .InstanceRight p {
    padding: 10px 20px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    width: 45%;
}

.box-panel .InstanceSearchRight .InstanceRight span {
    font-size: 18px;
    font-weight: 500;
    color: rgb(89, 94, 114);
}

.box-panel .InstanceProfile {
    text-align: center;
}

.box-panel .InstanceSearchRight .hPrcBy {
    margin: 0px 0px 10px;
    color: rgb(114, 109, 109);
    font-weight: 400;
    font-size: 19px;
}

.box-panel .InstanceRight p:nth-child(1) span {
    color: rgb(67, 205, 67);
}

.box-panel .InstanceRight p:nth-child(2) span {
    color: rgb(249, 182, 59);
}

.gradient {
    width: 100%;
    height: 250px;
    background: linear-gradient(360deg, rgb(255, 169, 58) -4%, rgba(255, 255, 255, 0.27) 15%, rgba(255, 255, 255, 0) 0%);
    position: absolute;
    z-index: 1;
}

#divCanvas .form-group, .CustomFormDesign .form-group .form-control, .CustomFormDesign .form-group .multiselect, .CustomFormDesign .form-group .dhxcombo_input, .CustomFormDesign .form-group .dhxcombo_select_button, .CustomFormDesign .form-group .bootstrap-select button, #divCanvas .form-control {
    text-align: left;
}

.modal {
    z-index: 10010;
    overflow: hidden !important;
}

.CustomModel {
    border: 0px;
    background-color: rgb(255, 255, 255);
    padding: 10px 15px;
    border-radius: 15px;
}

.CustomModel .CustomHeader.modal-header {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px !important;
}

.CustomModel .CustomHeader.modal-header::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 42px;
    border-radius: 4px;
    background-image: url("../../images/DesignStudio/ModalCommonIcon.png");
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: 19px;
}

.CustomModel .CustomHeader.modal-header h4 {
    font-size: 17px;
    color: rgb(77, 77, 77);
    font-weight: 500;
    line-height: 17px;
    margin: 0px;
    position: relative;
    padding-left: 70px;
}

.CustomModel .CustomHeader.modal-header .close {
    position: absolute;
    right: 1px;
    top: 0px;
    margin-top: 0px;
}

.close i {
    font-size: 16px;
    float: left;
    left: 3px;
    top: 0px;
}

.CustomModel .modal-body {
    padding: 0px;
}

.CustomModel .modal-body .content {
    padding: 10px !important;
}

.CustomModel .modal-footer {
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0px !important;
}

.CustomModel .modal-footer button {
    padding: 8px 12px;
    font-size: 15px;
    color: rgb(97, 111, 135);
    font-weight: 500;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(142, 142, 142);
    width: 150px;
}

.CustomModel .modal-footer button.CustomSucess {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    font-weight: 400;
}

.CustomModel .modal-footer .CustomDelete {
    background-color: var(--main-bgDanger-color);
    border-color: var(--main-bgDanger-color);
}

.CustomModel .modal-footer .Customvalidation {
    background-color: rgb(92, 107, 192);
    border-color: rgb(92, 107, 192);
}

.CustomModel .modal-footer .CustomImport {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
}

.CustomModel .modal-footer button i {
    font-size: 0px !important;
}

.CustomModel .form-group {
    margin-bottom: 21px;
    display: inline-block;
    width: 100%;
}

.CustomModel .control-label {
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin-bottom: 6px !important;
}

.CustomModel .tab-content > .has-padding .panel-body {
    padding: 0px;
}

.CustomModel .content-wrapper {
    z-index: 5;
    position: relative;
    background-color: rgb(255, 255, 255);
    padding-bottom: 0px;
}

.CustomModel .sidebar-secondary {
    z-index: 1;
}

.CustomModel .model-body input[type="checkbox"] {
    margin: 4px 7px 5px 0px !important;
    float: left !important;
}

.CustomFormDesign .CustomModel .BgGrid label {
    color: rgb(255, 255, 255);
    font-size: 10px;
    margin-bottom: 6px;
}

.modal-content {
    border-radius: 16px;
}

#mdlkeyelementpopup .e-list-parent {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

.e-list-parent .e-list-item {
    position: relative;
    width: initial;
}

.e-treeview .e-text-content, .e-treeview .e-fullrow {
    width: -webkit-fill-available;
}

#grdCommonDataElements {
    position: sticky;
    overflow-x: auto !important;
}

#grdCommonDataElements .xhdr, #grdCommonDataElements .objboxParent {
    position: static !important;
    width: fit-content !important;
}

#grdCommonDataElements .xhdr table, #grdCommonDataElements .objboxParent table {
    position: sticky;
    overflow: inherit;
}

.CustomModel .CustomHeader.modal-header::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 42px;
    border-radius: 4px;
    background-color: rgb(59, 97, 235);
    background-image: url("../../images/DesignStudio/ModalCommonIcon.png");
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: 19px;
}

.CustomModel .CustomHeader.modal-header h4 {
    font-size: 17px;
    color: rgb(77, 77, 77);
    font-weight: 500;
    line-height: 17px;
    margin: 0px;
    position: relative;
    padding-left: 70px;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: rgb(59, 97, 235) !important;
}

.DesignStudioCustomTable .SFix .form-group {
    margin: 0px !important;
}

.DesignStudioCustomTable .SFix .input-group-btn {
    height: 11px;
    border: 0px;
}

.DesignStudioCustomTable .SFix .btnSearchRights {
    border: 0px;
    background: rgb(59, 97, 235);
    height: 35px !important;
}

.DesignStudioCustomTable .SFix .input-sm {
    background: transparent;
    height: 40px !important;
}

.CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .SFix .heading-elements a {
    background-color: transparent !important;
}

#InfoEditor {
    background: rgb(243, 246, 255);
    color: rgb(8, 8, 8);
    font-size: 14px;
    font-weight: 700;
}

#flex-container {
    height: auto !important;
    min-height: auto !important;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteTen > a::before {
    background: url("../../images/SpritesImages/SmartLayout.png") center center / 32px no-repeat;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteTen11 > a::before {
    background: url("../../images/SpritesImages/css-file.png") center center / 32px no-repeat;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.SpriteTen11 svg {
    width: 44px;
    height: 43px;
    padding-top: 10px;
    top: 1px;
    position: absolute;
}

.ace_gutter-layer {
    background: rgb(228, 231, 241) !important;
}

#grdConnectionSettings table {
    table-layout: auto !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a {
    gap: 10px;
}

.modal-open .modal {
    top: 10px;
}

#mdlRoleAssign .CustomFlex {
    justify-content: space-between;
}

.CustomModelDesignStudio #mdlRoleAssign .CustomFlex .CopySelect_2, .CustomModelDesignStudio #mdlRoleAssign .CustomFlex .MoveSelect_2 {
    flex-basis: 50%;
    width: 50%;
    height: calc(-320px + 100vh);
}

#mdlRoleAssign .e-list-parent {
    grid-template-columns: 1fr 1fr !important;
    display: inline-block !important;
}

.C_Sa {
    padding: 5px 10px;
    border-radius: 3px;
    float: left;
    margin-top: 20px;
    margin-left: 22px;
}

.modal-content {
    box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 13px;
}

.modal-backdrop {
    background-color: rgb(255, 255, 255) !important;
}

#grdManageElements {
    height: auto !important;
}

#grdManageElements #grdManageElements_gridcontrol {
    width: fit-content !important;
}

#grdManageElements .e-content {
    height: auto !important;
}

.selectable {
    gap: 9px;
    width: 100%;
}

.selectable .rolediagram {
    width: auto;
    min-width: 200px;
    padding: 13px 32px;
    max-width: 100%;
}

.RoleInbox .panel-footer .pull-right li {
    margin: 0px 6px !important;
    padding: 3px 5px !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    height: 32px !important;
}

.MultiTable .panel-footer {
    border-radius: 8px;
}

.selectable {
    gap: 9px;
    width: 100%;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate i svg path {
    fill: rgb(38, 166, 154) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate i svg path {
    fill: rgb(41, 182, 246) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate i path {
    fill: rgb(156, 204, 101) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate i path {
    fill: rgb(239, 83, 80) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate i path {
    fill: rgb(255, 112, 67) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate i pathe {
    fill: rgb(102, 187, 106) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate i path {
    fill: rgb(141, 110, 99) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate i path {
    fill: rgb(126, 87, 194) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate i path {
    fill: rgb(171, 71, 188) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate i path {
    fill: rgb(236, 64, 122) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate i path {
    fill: rgb(92, 107, 192) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate i path {
    fill: rgb(120, 144, 156) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate i path {
    fill: rgb(136, 136, 136) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate i path {
    fill: rgb(66, 165, 245) !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate i path {
    fill: rgb(38, 198, 218) !important;
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
    transform: translateX(0%) translateY(0%);
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon h4 {
    display: block;
}

.CustomWorkArea .CustomConsoleMenu .CustomMenuView .CustomMiddleTable::after {
    background-position: -35px -35px, 120% 133%;
    background-repeat: no-repeat;
    content: "";
    background-size: auto, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: -1;
    background-image: url("../../images/WorkareaBG.png"), url("../../images/WorkareaIconBG.png") !important;
}

.ForMobile {
    display: none;
}

#testCaseTree .containerTableStyle table tr td table tr {
    height: 35px;
}

#testCaseTree .containerTableStyle table tr td table tr td .selectedTreeRow {
    border: 0px;
    border-radius: 2px;
    padding: 5px 10px !important;
    background-color: rgb(96, 125, 139) !important;
}

#testCaseTree .standartTreeImage::before {
    content: "";
    position: absolute;
}

#levelTreeContainer .panel, #dvIPComplexElements .panel {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px 0px !important;
}

.CustomToggleLeft .panel, .CustomToggleRight .panel {
    margin-bottom: 0px;
    background-color: rgb(255, 255, 255);
}

.CustomToggleLeft .panel .panel-heading {
    border-bottom: 1px solid rgb(215, 220, 237);
    height: 50px;
    text-transform: capitalize;
    margin: 0px;
    line-height: 20px;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
}

.CustomToggleRight .panel .panel-heading {
    border-bottom: 1px solid rgb(215, 220, 237);
    height: 50px;
    padding: 16px 20px !important;
}

.CustomToggleRight .panel .panel-heading h5 {
    text-transform: capitalize;
    line-height: 20px;
    margin: 0px;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.CustomToggleLeft .panel .panel-heading .heading-elements .CustomToggleRight .panel .panel-heading .heading-elements {
    height: auto;
    transform: translateY(-50%);
    right: 15px;
    background-color: inherit;
    position: absolute;
    top: 50%;
    margin: 0px !important;
}

.CustomToggleRight .panel .panel-heading.note-toolbar {
    padding: 7.5px !important;
    height: auto !important;
}

.CustomToggleRight .form-group .panel-heading.note-toolbar > .btn-group {
    margin-top: 0px !important;
    margin-right: 8px !important;
}

.CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group button {
    padding: 5px 25px 5px 5px;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    height: 34px !important;
    background-image: url("../../images/DesignStudio/SelectArrowSmall.png") !important;
}

.CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group.note-font button, .CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group.note-color button, .CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group.note-para button, .CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group.note-insert button, .CustomToggleRight .form-group .panel-heading.note-toolbar .btn-group.note-view button {
    margin-right: 6px !important;
}

.CustomToggleRight .CommonBTN {
    padding: 12px;
    font-size: 15px;
    color: rgb(97, 111, 135);
    font-weight: 500;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(142, 142, 142);
    width: 150px;
    box-shadow: none;
}

.CustomToggleRight .CommonBTN.CustomSucess {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    font-weight: 400;
}

.CustomToggleRight .panel .panel-body .tab-pane legend {
    font-size: 15px;
    font-weight: 500;
}

.CustomToggleRight .panel .panel-heading .heading-elements .CustomTopBtn {
    background-color: rgb(230, 241, 255);
    font-size: 15px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    line-height: 18px;
    border-radius: 10px;
    padding: 7px 18px 7px 7px;
    box-shadow: none;
    display: flex;
    gap: 10px;
    place-content: center;
    align-items: center;
}

.CustomToggleRight .panel .panel-heading .heading-elements .CustomTopBtn i img {
    width: 18px;
    height: 18px;
}

.CustomToggleRight .tabbable #tabEscalation {
    justify-content: flex-start;
}

#levelTreeContainer .panel {
    box-shadow: rgba(59, 97, 235, 0.15) 0px 0px 5px !important;
}

#levelTreeContainer .panel .panel-heading {
    height: 42px;
    background-color: rgba(59, 97, 235, 0.15);
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

#levelTreeContainer .panel .panel-heading .heading-elements {
    background-color: transparent;
}

#levelTreeContainer .panel .panel-heading .heading-elements a i {
    color: rgb(79, 94, 119) !important;
}

#levelTreeContainer .panel .panel-body {
    padding: 8px !important;
}

.AnimateSuite .CustomSuiteHeight {
    height: calc(-145px + 100vh) !important;
}

#dvSourceElemnts.AnimateSuite .panel, #dvDestinationElements.AnimateSuite .panel {
    padding: 0px !important;
    margin: 0px !important;
}

#dvSourceElemnts.AnimateSuite .panel, #dvDestinationElements.AnimateSuite .panel {
    border-radius: 0px;
    border: 1px solid rgb(229, 229, 229) !important;
    margin: 0px !important;
    box-shadow: rgba(59, 97, 235, 0.05) 0px 0px 8px !important;
}

#dvSourceElemnts.AnimateSuite .panel .panel-heading, #dvDestinationElements.AnimateSuite .panel .panel-heading {
    display: flex;
    flex-direction: row;
    height: 55px;
    align-items: center;
    border-bottom: 1px solid rgb(243, 246, 249);
    margin-bottom: 10px;
    background-color: rgb(243, 246, 249);
    font-weight: 500;
}

#dvSourceElemnts.AnimateSuite .panel .panel-heading h5, #dvDestinationElements.AnimateSuite .panel .panel-heading h5 {
    font-size: 15px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
}

#dvSourceElemnts.AnimateSuite .panel .panel-body, #dvDestinationElements.AnimateSuite .panel .panel-body {
    padding: 0px;
}

#dvSourceElemnts.AnimateSuite .CustomSuiteHeight {
    height: calc(-440px + 100vh) !important;
}

#dvDestinationElements.AnimateSuite .CustomSuiteHeight {
    height: calc(-440px + 100vh) !important;
}

.AdditionalCol {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 18px 0px 12px;
    justify-content: flex-start;
}

.AdditionalCol .CustomCheckbox {
    border: 3px solid rgb(235, 239, 253);
    padding: 7px;
    border-radius: 3px;
    width: 100px;
}

.AdditionalCol .CustomCheckbox label {
    padding-bottom: 0px !important;
}

.AdditionalCol .CustomCheckbox label::before {
    border: 2px solid rgb(59, 97, 235) !important;
}

.AdditionalCol .CustomCheckbox label::after {
    color: rgba(59, 97, 235, 0.6) !important;
}

.sidebar_width {
    background-color: transparent;
    border-right: 1px solid rgb(221, 221, 221);
    width: 350px !important;
}

.DocumentAlignmentLeft .sidebar-main, .DocumentAlignmentRight .sidebar-main {
    background-color: rgb(255, 255, 255);
}

.DocumentAlignmentLeft .CustomFixed, .DocumentAlignmentRight .CustomFixed {
    position: initial;
}

.DocumentAlignmentLeft .Docexpl, .DocumentAlignmentRight .Docexpl {
    padding-top: 0px !important;
}

.DocumentAlignmentLeft .Docexpl .content-detached .col-md-6, .DocumentAlignmentRight .Docexpl .content-detached .col-md-6 {
    width: 100%;
}

.DocumentAlignmentLeft .Docexpl .content-detached .tabbable .nav-tabs li a, .DocumentAlignmentRight .Docexpl .content-detached .tabbable .nav-tabs li a {
    background-color: transparent;
    border-bottom-color: transparent;
}

.DocumentAlignmentLeft .CustomFixed .border-top .breadcrumbCustom, .DocumentAlignmentRight .CustomFixed .border-top .breadcrumbCustom {
    text-align: center;
}

#jsPanelDocExp .CustomFixed {
    position: initial;
}

.DocumentAlignmentLeft, .DocumentAlignmentRight {
    width: 55%;
    float: left;
    position: relative;
    margin-top: 97px;
    background-color: rgb(255, 255, 255);
}

.DocumentLeft {
    width: 45%;
    float: left;
}

.DocumentRight {
    width: 45%;
    float: left;
}

.DocumentAlignmentLeft .DocForIspace, .DocumentAlignmentRight .DocForIspace, .jsPanel-content .DocForIspace {
    top: 0px;
}

.DocumentLeft .col-md-1, .DocumentLeft .col-md-2, .DocumentLeft .col-md-3, .DocumentLeft .col-md-4, .DocumentLeft .col-md-5, .DocumentLeft .col-md-6, .DocumentLeft .col-md-7, .DocumentLeft .col-md-8, .DocumentLeft .col-md-9, .DocumentLeft .col-md-10, .DocumentLeft .col-md-11, .DocumentLeft .col-md-12, .DocumentRight .col-md-1, .DocumentRight .col-md-2, .DocumentRight .col-md-3, .DocumentRight .col-md-4, .DocumentRight .col-md-5, .DocumentRight .col-md-6, .DocumentRight .col-md-7, .DocumentRight .col-md-8, .DocumentRight .col-md-9, .DocumentRight .col-md-10, .DocumentRight .col-md-11, .DocumentRight .col-md-12 {
    width: 100% !important;
}

.gantt_cal_light {
    border-radius: 0px;
    border: 0px;
    height: auto !important;
}

.gantt_cal_light .gantt_cal_ltitle {
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 0px;
    background-color: var(--main-modalBg-color);
    border-color: var(--main-modalBg-color);
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.gantt_cal_light .gantt_cal_ltitle .gantt_time {
    font-weight: 400 !important;
}

.gantt_cal_light .gantt_cal_larea {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(197, 197, 197);
    height: auto !important;
}

.gantt_cal_light .gantt_btn_set {
    margin: 12px 5px;
    float: right;
    padding: 5px 15px;
    border: 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    height: 32px;
    font-weight: 300;
}

.gantt_cal_light .gantt_btn_set.gantt_save_btn_set {
    background-color: rgb(76, 175, 80);
    border-color: rgb(76, 175, 80);
    text-shadow: none;
    margin-right: 15px;
}

.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set {
    background-color: rgb(255, 114, 0);
    border-color: rgb(255, 114, 0);
    text-shadow: none;
}

.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set {
    background-color: rgb(244, 67, 54);
    border-color: rgb(244, 67, 54);
    text-shadow: none;
}

.gantt_add, .gantt_grid_head_add, .gantt_grid_head_cell.gantt_grid_head_add {
    opacity: 1;
}

.noInstance {
    font-size: 30px;
    width: 55%;
    text-align: center;
    line-height: 40px;
    color: rgb(144, 144, 144);
    margin: 30px auto;
}

.selectInstance {
    text-align: center;
    margin: 50px 0px;
}

.selectInstance i {
    color: rgb(154, 154, 154);
    font-size: 120px !important;
}

.selectInstance p {
    font-size: 30px;
    width: 55%;
    text-align: center;
    line-height: 40px;
    color: rgb(144, 144, 144);
    margin: 5px auto 30px;
}

.CustomSidebarDFS {
    background-color: transparent;
    border-right: 1px solid rgb(221, 221, 221);
    transition: all 0.6s ease 0s;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.CustomSidebarDFS.sidebar {
    width: 300px;
    float: left;
}

.CustomFusionDFS {
    width: 100%;
    float: left;
    background-color: rgb(255, 255, 255);
}

.CustomFusionDFS.active {
    width: 100%;
}

.Business-sidebar .panel-heading {
    padding: 10px 25px !important;
}

.Business-sidebar .panel-body {
    padding: 0px 15px !important;
}

.Business-sidebar .CustomSidebar {
    padding: 0px;
}

.Business-sidebar .CustomSidebar .panel-group .panel {
    border-radius: 4px !important;
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-heading {
    border-radius: 4px;
    background-color: rgb(231, 234, 245) !important;
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-body {
    border: 0px;
    height: auto !important;
    padding: 0px !important;
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li {
    padding: 9px 0px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li a {
    display: flex;
    gap: 25px;
    font-size: 13px !important;
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li a svg {
    width: 18px;
    height: 18px;
    margin-left: 9px;
}

.Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li a svg path {
    fill: rgb(70, 96, 175);
}

.Business-sidebar .CustomSidebar .panel-group .panel h6.panel-title, .h6.panel-title {
    color: rgb(44, 49, 66);
}

.Business-sidebar .TopIcon span {
    background: rgba(102, 171, 22, 0.14);
    padding: 8px 21px;
    border-radius: 4px;
    font-weight: 500;
    color: rgb(94, 86, 86);
}

.Business-content .panel-body {
    height: auto;
}

.CustomSidebar {
    padding: 0px 10px;
}

.CustomExpressionBar .sidebar-content h6 {
    color: rgb(21, 21, 21);
}

.Business-content .tab-content > .active {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border: 0px !important;
}

.CustomToggleBtnDFS {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(92, 107, 192);
    border-bottom-color: rgb(92, 107, 192);
    border-left-color: rgb(92, 107, 192);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-radius: 0px 3px 3px 0px;
    text-align: center;
    position: absolute;
    left: 0px;
    z-index: 4;
    padding: 0px;
    background-color: rgb(92, 107, 192);
    top: 94px;
    color: rgb(255, 255, 255);
}

.CustomToggleBtnDFS:focus, .CustomToggleBtnDFS:hover {
    color: rgb(255, 255, 255);
}

.CustomToggleBtnDFS i {
    top: 10px;
    width: 16px;
}

.CustomExpressionContent ul li.active a.btn-primary {
    background-color: var(--main-bgPrimary800-color);
    border-color: var(--main-bgPrimary800-color);
}

.CustomExpressionContent ul li.active a.btn-info {
    background-color: var(--main-bgInfo800-color);
    border-color: var(--main-bgInfo800-color);
}

.CustomSidebar .panel-group {
    margin: 0px;
}

.CustomSidebar .panel-group .panel {
    border: 1px solid rgb(221, 221, 221);
}

.CustomSidebar .panel-group .panel .panel-heading {
    cursor: pointer;
}

.CustomSidebar .panel-group .panel .panel-body {
    padding: 10px;
}

.CustomSidebar .panel-group .panel .panel-body ul {
    padding: 0px;
    margin-bottom: 0px;
}

.CustomSidebar .panel-group .panel .panel-body ul li {
    padding: 8px 0px;
}

.CustomSidebar .panel-group .panel .panel-body ul li a {
    color: rgb(53, 53, 53);
    font-weight: 500;
}

.CustomSidebar .panel-group .panel .panel-body ul li a i {
    width: 20px;
}

.CustomSidebarDFS.active {
    margin-left: -300px;
}

.CustomExpressionContent.active {
    width: 100% !important;
}

#OutLookViewToggle {
    top: 0px;
    left: -8px;
    z-index: 9;
    transition: transform 0.5s ease 0s;
}

#OutLookViewToggle.active {
    transform: translateX(-675px);
}

#OutLookViewToggle .theme_switcher_outlook {
    width: 22px;
    height: 44px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border-right: 0px;
    border-radius: 0px 6px 6px 0px;
    text-align: center;
    position: absolute;
    right: -13px;
    top: 0px;
    z-index: 999;
    padding: 0px;
    background-color: rgb(0, 178, 225);
    color: rgb(255, 255, 255) !important;
}

#OutLookViewToggle .theme_switcher_outlook i {
    display: inline-block;
    position: relative;
    top: 15px;
    font-size: 16px !important;
}

#OutLookViewToggle #OutLookCollapse {
    position: relative;
    z-index: 60;
    transition: transform 0.5s ease 0s;
    text-align: left;
    display: inline-block;
}

.templateDefault, .templateCustom, .templateSave {
    display: inline-block;
    width: 100%;
}

#dvProjectDetails table {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

tr.DetailTable {
    background-color: rgb(241, 252, 254);
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 3px 0px;
    margin-bottom: 10px;
}

.DetailTable td:first-child {
    border-left: 0px;
}

.DetailTable td {
    padding: 15px 8px;
    font-size: 14px;
    border-left: 1px solid rgb(221, 221, 221);
}

.DetailTable .DetailTitle {
    font-weight: 500;
}

.CustomPanelStyle {
    border: 1px solid rgb(102, 183, 219) !important;
}

.CustomPanelStyle > .panel-heading {
    border-bottom: 1px solid rgb(102, 183, 219) !important;
    border-radius: 3px 3px 0px 0px !important;
    background: url("../../images/Blue_bg5.jpg") 50% center !important;
}

.CustomPanelStyle > .panel-heading h6 {
    color: rgb(3, 169, 244);
    font-size: 16px;
}

.CustomPanelStyle > .panel-heading .heading-elements .icons-list a.collapse2 {
    color: rgb(3, 169, 244);
}

.CustomPanelStyle_2 {
    border: 1px solid rgb(218, 218, 218) !important;
    border-radius: 2px !important;
}

.CustomPanelStyle_2 > .panel-heading {
    border-bottom: 0px;
    border-radius: 0px !important;
    background: url("../../images/Voilet_bg.png") 30% 60% no-repeat !important;
    color: rgb(255, 255, 255) !important;
}

.CustomPanelStyle_2 > .panel-heading h5 {
    font-size: 16px;
}

.CustomPanelStyle_2 > .panel-heading .heading-elements .icons-list a.collapse2 {
    color: rgb(3, 169, 244);
}

#frmAttribute .dhxform_base, #frmMSAttribute .dhxform_base {
    width: 100%;
}

#frmAttribute .dhxform_base .dhxform_item_label_left, #frmMSAttribute .dhxform_base .dhxform_item_label_left {
    width: 33%;
    float: left;
    clear: none;
    padding: 0px 10px;
    margin-bottom: 15px;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label {
    font-size: 14px;
    color: rgb(144, 144, 144);
    margin-bottom: 8px !important;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid rgb(221, 221, 221);
}

.ExecutionSummary {
    padding: 15px;
}

.ExecutionSummary .panel {
    border: 0px;
    box-shadow: none;
}

.ExecutionSummary .panel.CustomPanelStyle_2 .panel-heading {
    padding: 10px 20px !important;
}

.ExecutionSummary .panel .panel-heading {
    padding: 6px 2px !important;
}

.ExecutionSummary .panel .panel-heading h5 {
    font-size: 16px;
}

.ExecutionSummary .panel .panel-heading .heading-elements {
    height: 20px;
    top: 75%;
    right: 0px;
}

.ExecutionSummary .panel .panel-heading .heading-elements .CustomCheckbox {
    margin-right: 10px;
}

.ExecutionSummary .panel .panel-body {
    padding: 0px;
}

.ExecutionSummary .panel .panel-body .table-responsive table {
    border-collapse: separate;
    border-spacing: 0px 4px;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr, .ExecutionSummary .panel .panel-body .table-responsive tbody tr {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th {
    padding: 15px;
    background-color: rgba(2, 136, 209, 0.13);
    border: 0px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(47, 53, 56);
    position: relative;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    background: linear-gradient(90deg, rgb(2, 136, 209), rgb(3, 155, 229), rgb(41, 182, 246), rgb(79, 195, 247)) 0% 0% / 400% 400%;
    animation: 3s ease 0s infinite normal none running Animatesuite;
    right: 0px;
    top: 20%;
    bottom: 0px;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th:last-child::after {
    display: none;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th:first-child, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td:first-child {
    border-radius: 3px 0px 0px 3px;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th:last-child, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td:last-child {
    border-radius: 0px 3px 3px 0px;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td {
    padding: 7px 15px;
    background-color: rgba(2, 136, 209, 0.13);
    border: 0px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(43, 42, 42);
    position: relative;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    background: linear-gradient(90deg, rgb(2, 136, 209), rgb(3, 155, 229), rgb(41, 182, 246), rgb(79, 195, 247)) 0% 0% / 400% 400%;
    animation: 3s ease 0s infinite normal none running Animatesuite;
    right: 0px;
    top: 9px;
    bottom: 0px;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td:last-child::after {
    display: none;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td .text-success, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td .text-danger {
    font-weight: 500;
}

.CaseSummary .panel .panel-body .table-responsive table {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.CaseSummary .panel .panel-body .table-responsive thead tr, .CaseSummary .panel .panel-body .table-responsive tbody tr {
    box-shadow: none;
    position: relative;
}

.CaseSummary .panel .panel-heading {
    padding: 10px 20px !important;
}

.CaseSummary .panel .panel-heading .heading-elements {
    top: 67%;
    height: 25px;
}

.CaseSummary .panel .panel-heading .heading-elements h5 {
    margin: 0px;
}

.CaseSummary .panel .panel-body .table-responsive thead tr th {
    background-color: rgba(0, 188, 212, 0.72);
    padding: 14px 8px;
    color: rgb(255, 255, 255) !important;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td {
    background-color: rgb(242, 246, 250);
    padding: 12px 8px;
    font-weight: 500;
    color: rgb(64, 85, 107);
    font-size: 13px;
    letter-spacing: 0.5px;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td label {
    font-weight: 500;
    color: rgb(64, 85, 107);
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    width: 95px;
}

.CaseSummary .panel .panel-body .table-responsive thead tr th::after, .CaseSummary .panel .panel-body .table-responsive tbody tr td::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    background: linear-gradient(90deg, rgb(244, 67, 54), rgb(255, 99, 88), rgb(255, 127, 118), rgb(255, 158, 152)) 0% 0% / 400% 400%;
    animation: 3s ease 0s infinite normal none running Animatesuite;
    right: 0px;
    top: 10%;
    bottom: 0px;
}

.CaseSummary .panel .panel-body .table-responsive thead tr th::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    right: 0px;
    top: 20%;
    bottom: 0px;
    background-image: none;
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255) !important;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td:first-child::before {
    content: "";
    position: absolute;
    width: 2.5px;
    height: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(244, 67, 54, 0.65);
    z-index: 9;
    border-radius: 3px 0px 0px 3px;
}

#tblExecutionStatus .CustomPanelStyle .panel-heading {
    padding: 10px 20px !important;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td a {
    font-weight: 400;
    font-size: 14px;
    color: rgb(56, 177, 235) !important;
}

.CaseSummary .ElementColorAttr {
    height: 12px;
    width: 12px;
    margin-left: 5px;
    border: 1px solid rgb(153, 153, 153);
    margin-right: 5px;
    margin-top: 3px;
    display: inline-block;
}

.Result {
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.bg-danger-gradient {
    color: rgb(255, 255, 255);
    background: linear-gradient(231deg, rgb(198, 40, 40), rgb(229, 115, 115)) 0% 0% / 400% 400% !important;
    animation: 2s ease 0s infinite normal none running wizard !important;
}

.bg-success-gradient {
    color: rgb(255, 255, 255);
    background: linear-gradient(231deg, rgb(46, 125, 50), rgb(129, 199, 132)) 0% 0% / 400% 400% !important;
    animation: 2s ease 0s infinite normal none running wizard !important;
}

.CaseSummary h6.CaseTitle {
    position: relative;
    display: inline-block;
    margin: 0px;
}

.CaseSummary h6.CaseTitle i {
    top: 6px;
    left: 11px;
    color: rgb(255, 255, 255);
    z-index: 11;
    font-size: 15px;
}

.CaseSummary h6.CaseTitle span {
    margin: 0px 0px 0px 50px;
    top: 7px;
    position: relative;
    background-color: rgb(32, 104, 167);
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    z-index: 12;
    color: rgb(255, 255, 255);
}

.CaseSummary h6.CaseTitle::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    z-index: 10;
    background: linear-gradient(231deg, rgb(29, 90, 150), rgb(80, 160, 210)) 0% 0% / 400% 400% !important;
    animation: 2s ease 0s infinite normal none running wizard !important;
}

.CaseSummary h6.CaseTitle::after {
    content: "";
    position: absolute;
    background-color: rgb(113, 90, 224);
    width: 100%;
    height: 1px;
    left: 0px;
    top: 17px;
}

.SuiteChartResult {
    background-color: rgb(240, 243, 244);
    position: relative;
    color: rgb(91, 91, 96);
    border: 1px solid rgba(214, 226, 230, 0.3);
    margin: 15px 0px;
    border-radius: 2px;
}

.SuiteChartResult h4 {
    font-size: 20px;
    font-weight: 300;
    color: rgb(91, 91, 96);
    padding: 12px 15px 0px;
}

.SuiteChartResult h4 span {
    font-size: 17px;
    font-weight: 500;
    color: rgb(91, 91, 96);
}

.SuiteChartResult .content-group {
    border-radius: 5px;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    padding: 10px 8px;
    border-bottom: 1px solid rgb(210, 210, 210);
    margin-bottom: 5px !important;
}

.SuiteChartResult .content-group h6 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 0px;
}

.SuiteChartResult .content-group h6 span {
    color: rgb(85, 85, 85);
}

.c3-legend-item text {
    color: rgb(221, 221, 221) !important;
}

.c3-legend-item .c3-legend-item-tile {
    border-radius: 3px;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr.elementRow td {
    background-color: transparent;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr.elementRow td::before {
    display: none;
}

.elementRow > tr.MainRow td:first-child {
    background-color: transparent !important;
}

.elementRow > tr.MainRow td:first-child::before {
    content: "";
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    border-radius: 20px !important;
    background-color: rgb(53, 127, 185) !important;
    z-index: 99 !important;
    top: 8px !important;
}

.elementRow > tr.MainRow td:first-child span {
    margin-left: 20px;
    line-height: 12px;
    padding: 3px 8px;
    color: rgb(92, 121, 233);
    border-radius: 2px;
    position: relative;
    z-index: 95;
    top: -2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px;
    border: 1px solid rgb(234, 234, 234);
    font-weight: 500;
}

.elementRow > tr.MainRow td:first-child span::before {
    content: "";
    position: absolute;
    width: 160%;
    height: 1px;
    left: -21px;
    top: 10px;
    z-index: -1;
    background: linear-gradient(231deg, rgb(255, 152, 0), rgb(255, 87, 34)) 0% 0% / 400% 400% !important;
    animation: 2s ease 0s infinite normal none running wizard !important;
}

.elementRow > tr.MainRow td:first-child span::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 265%;
    left: -22px;
    top: -15px;
    z-index: -2;
    background: linear-gradient(231deg, rgb(255, 152, 0), rgb(255, 87, 34)) 0% 0% / 400% 400% !important;
    animation: 2s ease 0s infinite normal none running wizard !important;
}

@-webkit-keyframes wizard {
    0% {
        background-position: 0% 86%;
    }

    50% {
        background-position: 100% 15%;
    }

    100% {
        background-position: 0% 86%;
    }
}

@keyframes wizard {
    0% {
        background-position: 0% 86%;
    }

    50% {
        background-position: 100% 15%;
    }

    100% {
        background-position: 0% 86%;
    }
}

.CustomToggleBtn {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-radius: 0px 3px 3px 0px;
    text-align: center;
    position: absolute;
    left: 10px;
    z-index: 4;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    top: 4px;
}

.CustomToggleBtn i {
    top: 12px;
    width: 18px;
}

.CustomToggleLeft {
    width: 20%;
}

.CustomToggleRight {
    width: calc(80%);
}

.CustomProcessActivityBtn {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(33, 150, 243);
    border-bottom-color: rgb(33, 150, 243);
    border-left-color: rgb(33, 150, 243);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-radius: 0px 3px 3px 0px;
    text-align: center;
    position: absolute;
    left: 10px;
    z-index: 4;
    padding: 0px;
    background-color: rgb(33, 150, 243);
    top: 3px;
    color: rgb(255, 255, 255);
}

.CustomProcessActivityBtn:hover, .CustomProcessActivityBtn:focus {
    color: rgb(255, 255, 255);
}

.CustomProcessActivityBtn i {
    top: 10px;
    width: 16px;
}

.CustomPropertyToggle.active {
    margin-left: -260%;
    float: left;
}

.jsPanel.active {
    margin-left: -260%;
}

.CustomSmartUiToggle.active {
    width: 100%;
}

.IspaceMobile1 .breadcrumb-elements > li > a {
    padding: 5px 10px;
}

.page-title small::before {
    display: none;
}

.MainElements ul li {
    display: inline-block;
}

#dvUsrGroup .page-container {
    height: auto !important;
    min-height: inherit !important;
}

#dvUsrGroup .page-container .CutomMargin {
    position: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
}

#dvUsrGroup .page-container .CutomMargin .heading-elements {
    position: absolute;
    top: 7px !important;
}

#dvUsrGroup #grdRoleManagement {
    height: 300px !important;
}

.CustomSmartUiToggle.active .CustomMegaMenu .dropdown-menu {
    width: calc(100% - 15px);
}

.CustomMegaMenu {
    margin: 0px;
    padding: 0px;
}

.CustomMegaMenu > li {
    display: inline-block;
}

.CustomMegaMenu .mega-dropdown {
    position: static !important;
}

.CustomMegaMenu .mega-dropdown.open > a {
    position: relative !important;
}

.CustomMegaMenu .mega-dropdown.open > a::after {
    background-color: rgb(223, 235, 254);
    content: "";
    position: absolute;
    width: 109%;
    height: 119%;
    top: 0px;
    left: -3px;
    z-index: -1;
}

.CustomMegaMenu .mega-dropdown-menu {
    padding: 20px;
    width: calc(100% - 254px);
    top: 45px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 3px 0px;
    left: 8px;
    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    border-radius: 5px !important;
}

.CustomMegaMenu .mega-dropdown-menu::before {
    background-position: 0px 0px, 100% 100%, 0px 0px, 100% 30%;
    background-repeat: no-repeat;
    content: "";
    background-size: auto, auto, contain, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: -1;
    background-image: url("../../images/SmartUiBg/Left_Top.png"), url("../../images/SmartUiBg/right_Bottom.png"), url("../../images/SmartUiBg/left_right_Top.png"), url("../../images/SmartUiBg/Dots.png") !important;
    border-radius: 5px !important;
}

.CustomMegaMenu .mega-dropdown-menu > li.Sprites {
    width: 20%;
    float: left;
    padding: 0px 10px;
}

.CustomMegaMenu .mega-dropdown-menu > li.Sprites:hover {
    background: linear-gradient(to top, rgb(231, 240, 254) 60%, rgba(153, 178, 220, 0.24) 100%);
    border-radius: 15px 15px 0px 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul {
    padding: 0px;
    margin: 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > span {
    position: relative;
    padding: 6px 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li.Sprites:hover ul > li.dropdown-header::after {
    background: linear-gradient(to left, rgb(210, 223, 246) 0%, rgb(237, 243, 253) 50%, rgb(210, 223, 246) 100%);
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li.dropdown-header::after {
    content: "";
    position: absolute;
    background: linear-gradient(to left, rgb(223, 234, 252) 0%, rgb(191, 201, 218) 50%, rgb(223, 234, 252) 100%);
    width: 80%;
    height: 2px;
    left: 0px;
    bottom: 2px;
    right: 0px;
    margin: 0px auto;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: rgb(71, 82, 99);
    padding: 8px 0px;
    font-size: 13px;
    border-bottom: 1px solid rgba(91, 106, 130, 0.3);
    font-weight: 500;
    position: relative;
    line-height: 21px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a:hover::before, .CustomMegaMenu .mega-dropdown-menu > li > ul > li > a:focus::before {
    transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    opacity: 1;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a:hover, .UIElements.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a:focus {
    text-decoration: none;
}

.CustomMegaMenu .dropdown .dropdown-menu .IspaceMobile2 li a {
    width: 100%;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu .dropdown-header {
    font-size: 15px;
    color: rgb(70, 81, 99);
    padding: 5px 0px 15px;
    line-height: 18px;
    margin-top: 0px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu li h3, .Diagram.CustomMegaMenu .mega-dropdown-menu li h3 {
    margin: 0px 0px 10px 10px;
    line-height: 18px;
    font-size: 21px;
}

.IspaceMobile2 li {
    width: 100%;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.Sprites {
    width: 100%;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after, .DataElements.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after, .Diagram.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    right: -5px;
    top: 2px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="Panel"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -1px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelHeader"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -36px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelFooter"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -72px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PageHeader"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -106px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelBody"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -141px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelSet"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -176px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelwithHeader"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -211px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelwithFooter"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -246px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="LeftPane"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -281px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="RightPane"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -316px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="PanelwithBody"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -351px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="Column"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -351px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="Row"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -386px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="FormGroup"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -421px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="ButtonGroup"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -456px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="Div"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -491px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="Span"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -526px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="Horizontalrule"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -561px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Tab"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -1px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="TabPane"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -36px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Accordion"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -72px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="AccordionPane"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -106px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Modal"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -141px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Stepswizard"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -176px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Formwizard"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -211px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Step"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -246px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="UIButton"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -281px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="ImageBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -316px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Icon"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -351px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Header"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -386px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Label"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -421px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Message"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -456px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Cancel"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -491px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFour > ul > li a[data-hover="Submit"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -526px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="DataChart"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -35px -561px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="PieChart"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -1px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="DoughnutChart"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -36px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="FunnelChart"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -72px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="RadialGauge"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -106px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="Spakline"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -141px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="LinearGauge"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -176px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="InfoDialog"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -211px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="ConfirmDialog"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -246px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="GenericDialog"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -281px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="Html"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -561px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="TextBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -1px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="NumericTextBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -36px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="CheckBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -72px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="RadioButton"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -107px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="ListBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -316px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="DateTimePicker"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -351px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="DocumentType"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -386px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="ActionButton"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -421px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteTwo > ul > li a[data-hover="MaskEdit"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -456px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="ComboBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -141px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Grid"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -175px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="Form"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -211px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="RichTextBox"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -245px;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteThree > ul > li a[data-hover="PlaceHolder"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -105px -281px;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="TreeView"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -315px;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="FlowChart"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -387px;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="EntityRelationship"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -456px;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="SwimLane"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -421px;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="FishBone"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -351px;
}

.CustomOtherMenu {
    width: auto !important;
    padding: 10px !important;
}

.CustomOtherMenu.mega-dropdown-menu > li.Sprites {
    width: auto;
}

.CustomOtherMenu.mega-dropdown-menu > li > ul > li > a {
    color: rgb(255, 255, 255);
    padding: 5px 10px;
    border-bottom: 0px !important;
}

.CustomOtherMenu.mega-dropdown-menu > li > ul > li span::after, .CustomOtherMenu.mega-dropdown-menu > li.Sprites > ul > li a::after {
    display: none;
}

.CustomOtherMenu.mega-dropdown-menu > li > ul > li span {
    width: 30px;
    float: left;
}

.CustomOtherMenu.mega-dropdown-menu > li > ul > li input {
    border: 1px solid rgb(194, 206, 249);
    padding: 5px 4px;
    border-radius: 3px;
    width: calc(100% - 30px);
}

.DFSModal .modal-dialog div.dhx_modal_cover {
    opacity: 0.6;
}

.dhtmlx-confirm-warning {
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 16px, rgba(0, 0, 0, 0.24) 0px 16px 16px;
    width: 325px;
}

.dhtmlx-confirm-warning .dhtmlx_popup_title {
    background: none;
    border: 0px;
    color: rgb(72, 94, 110);
    text-shadow: none;
    position: relative;
    box-shadow: none;
    height: auto;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    cursor: default;
    padding: 50px 10px 0px !important;
}

.dhtmlx-confirm-warning .dhtmlx_popup_title::before {
    content: "";
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    background: url("../../images/danger.png");
    width: 32px;
    height: 32px;
    top: 12px;
}

.dhtmlx-confirm-warning .dhtmlx_popup_text {
    border: 0px;
    border-radius: 0px;
    margin: auto;
    max-height: 200px;
    overflow: auto;
    padding: 3px 60px 20px !important;
}

.dhtmlx-confirm-warning .dhtmlx_popup_text span {
    font-size: 17px;
    font-weight: 300;
    color: rgb(101, 101, 101);
}

.dhtmlx-confirm-warning .dhtmlx_popup_controls {
    border: 0px;
    border-radius: 0px;
    padding: 0px !important;
}

.dhtmlx_popup_button {
    background: none rgb(247, 247, 247);
    border-width: 0px 1px 0px 0px;
    border-top-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    margin: 0px;
    width: 50%;
    padding: 10px;
    height: auto;
    border-right-style: solid;
    border-right-color: rgb(208, 208, 208);
    border-radius: 0px;
    transition: all 0.4s ease 0s;
}

.dhtmlx_popup_button:hover, .dhtmlx_popup_button:focus {
    background: none rgb(246, 86, 86);
    border: 0px;
    box-shadow: none;
    outline: 0px;
}

.dhtmlx_popup_button:hover div, .dhtmlx_popup_button:focus div {
    color: rgb(255, 255, 255);
}

.dhtmlx_popup_button div {
    font-weight: 400;
    font-size: 16px;
    color: rgb(113, 113, 113);
    text-shadow: none;
}

.dhtmlx_popup_button:last-child {
    border-right: 0px;
}

.DesignStudioCustomTable .panel-heading .filters span a .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label {
    height: 32px;
    padding: 6px;
}

.bootstrap-switch {
    margin-right: 0px;
}

.FlowDiagram {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 5px 0px;
}

#dvDFSFrame .page-header {
    display: none;
}

#dvDFSFrame .CustomSidebarDFS .sidebar-content {
    position: relative;
    top: 100px;
    border: 1px solid rgb(221, 221, 221);
}

#dvDFSFrame .CustomExpressionContent {
    width: calc(100% - 330px);
}

#dvDFSFrame .GobalDFSToolBar {
    width: calc(98.7%);
}

#dgmForkedElementsDiv canvas {
    border: 1px solid rgb(197, 197, 197);
}

#dvDFSFrame .content-wrapper .content {
    margin-top: 100px;
    padding-top: 0px !important;
}

#dvDFSFrame .CustomSidebarDFS {
    border: 0px;
}

.Lock svg {
    margin: 0px;
    display: inherit;
    width: 15px;
    vertical-align: middle;
}

.Lock svg path {
    fill: red;
}

.heading-elements > ul > li.Save > a {
    background-color: rgb(59, 97, 234);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    height: 30px;
    padding: 4px 18px !important;
    color: rgb(255, 255, 255) !important;
}

.heading-elements > ul > li.Save:hover > a {
    color: rgb(0, 0, 0) !important;
}

#dvTitlesview .panel-body {
    overflow: auto;
    background: rgb(243, 243, 243);
}

.LOD .exploPanel {
    padding: 15px;
    border: 1px solid rgb(221, 221, 221);
    margin: 0px 10px;
    border-radius: 4px;
    background: rgb(255, 255, 255);
}

.LOD {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-block: 2em; grid-auto-rows: initial;
    width: 100%;
    gap: 2em;
}

.LOD .exploPanel .media-list {
    display: flex;
    flex-direction: row;
    margin: 0px !important;
}

.LOD .exploPanel .formatIcon {
    padding: 20px;
    background: rgb(248, 244, 255);
    border-radius: 100%;
    border: 1px solid rgb(149, 117, 205);
}

.LOD .exploPanel .list-inline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
}

.LOD .exploPanel .list-inline > li:last-child {
    position: absolute;
    top: -10px;
    right: -6px;
    background: rgb(240, 248, 255);
    padding: 10px;
    border-radius: 100%;
}

.LOD .exploPanel .list-inline-separate > li::before {
    content: "/";
    color: transparent;
}

.LOD .exploPanel .list-inline-separate > li {
    padding: 0px;
}

#grpPixelType .form-group .display-block {
    left: 30% !important;
}

.gobalTab.ForIspace {
    position: relative;
    overflow: hidden;
}

.gobalTab.ForIspace .tab-content::before {
    content: "";
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 3000px;
    top: 46px;
    left: 0px;
    height: 100%;
    z-index: 0;
}

.gobalTab.ForIspace .nav-tabs li a::before {
    z-index: 0;
}

.gobalTab.ForIspace .nav-tabs li.active a span {
    position: relative;
}

.gobalTab.ForIspace .tab-content > .has-padding {
    position: relative;
}

.modal {
    z-index: 10010;
    overflow: hidden !important;
}

.CustomModel {
    border: 0px;
    background-color: rgb(255, 255, 255);
    padding: 10px 15px;
    border-radius: 15px;
}

.CustomModel .CustomHeader.modal-header {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px !important;
}

.CustomModel .CustomHeader.modal-header::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 42px;
    border-radius: 4px;
    background-color: rgb(59, 97, 235);
    background-image: url("../../images/DesignStudio/ModalCommonIcon.png");
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: 19px;
}

.CustomModel .CustomHeader.modal-header h4 {
    font-size: 17px;
    color: rgb(77, 77, 77);
    font-weight: 500;
    line-height: 17px;
    margin: 0px;
    position: relative;
    padding-left: 70px;
}

.CustomModel .CustomHeader.modal-header .close {
    position: absolute;
    right: 1px;
    top: 0px;
    margin-top: 0px;
}

.close i {
    font-size: 16px;
    float: left;
    left: 3px;
    top: 0px;
}

.CustomModel .modal-body {
    padding: 0px;
}

.CustomModel .modal-body .content {
    padding: 10px !important;
}

.CustomModel .modal-footer {
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0px !important;
}

.CustomModel .modal-footer button {
    padding: 8px 12px;
    font-size: 15px;
    color: rgb(97, 111, 135);
    font-weight: 500;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(142, 142, 142);
    width: 150px;
}

.CustomModel .modal-footer button.CustomSucess {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    font-weight: 400;
}

.CustomModel .modal-footer .CustomDelete {
    background-color: var(--main-bgDanger-color);
    border-color: var(--main-bgDanger-color);
}

.CustomModel .modal-footer .Customvalidation {
    background-color: rgb(92, 107, 192);
    border-color: rgb(92, 107, 192);
}

.CustomModel .modal-footer .CustomImport {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
}

.CustomModel .modal-footer button i {
    font-size: 0px !important;
}

.CustomModel .form-group {
    margin-bottom: 21px;
    display: inline-block;
    width: 100%;
}

.CustomModel .control-label {
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin-bottom: 6px !important;
}

.CustomModel .tab-content > .has-padding .panel-body {
    padding: 0px;
}

.CustomModel .content-wrapper {
    z-index: 5;
    position: relative;
    background-color: rgb(255, 255, 255);
    padding-bottom: 0px;
}

.CustomModel .sidebar-secondary {
    z-index: 1;
}

.CustomModel .model-body input[type="checkbox"] {
    margin: 4px 7px 5px 0px !important;
    float: left !important;
}

.CustomFormDesign .CustomModel .BgGrid label {
    color: rgb(255, 255, 255);
    font-size: 10px;
    margin-bottom: 6px;
}

.modal {
    z-index: 10010;
    overflow: hidden !important;
}

.CustomModelDesignStudio .modal-content {
    border: 0px;
    background-color: rgb(255, 255, 255);
    padding: 20px 25px;
    border-radius: 15px;
}

.CustomModelDesignStudio .modal-header {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px !important;
}

.CustomModelDesignStudio .modal-header::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgb(59, 97, 235);
    background-image: url("../../images/DesignStudio/ModalCommonIcon.png");
    background-repeat: no-repeat;
    background-position: 50% center;
}

.CustomModelDesignStudio .modal-header h4 {
    font-size: 17px;
    color: rgb(77, 77, 77);
    font-weight: 500;
    line-height: 17px;
    margin: 0px;
    position: relative;
    padding-left: 70px;
}

.CustomModelDesignStudio .modal-header .close {
    color: rgb(255, 255, 255);
    opacity: 1;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    background-image: url("../../images/DesignStudio/Model_Close.png");
    margin: 0px !important;
}

.CustomModelDesignStudio .modal-header .close i {
    font-size: 16px;
    float: left;
    left: 3px;
    top: 0px;
    display: none;
}

.CustomModelDesignStudio .modal-body {
    padding: 0px;
}

.CustomModelDesignStudio .modal-body .content {
    padding: 20px 10px !important;
}

.CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .heading-elements a {
    background-color: rgb(230, 241, 255);
    font-size: 14px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    border-radius: 10px;
    padding: 10px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .heading-elements a img {
    width: 21px;
}

.CustomModelDesignStudio .modal-footer {
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0px !important;
}

.CustomModelDesignStudio .modal-footer button {
    padding: 12px;
    font-size: 15px;
    color: rgb(97, 111, 135);
    font-weight: 500;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(142, 142, 142);
    width: 150px;
}

.CustomModelDesignStudio .modal-footer button.CustomSucess {
    background-color: rgb(59, 97, 235);
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    font-weight: 400;
}

.gobalTab .nav-tabs {
    position: relative;
    display: flex;
    margin: 0px auto;
    padding: 0px;
    max-width: 100%;
    list-style: none;
    flex-flow: wrap;
    justify-content: left;
    border: 0px;
}

.gobalTab .nav-tabs li {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    flex: 0 0 auto;
    margin-right: 8px !important;
}

.gobalTab .nav-tabs li a {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    border-radius: 5px;
    width: 200px;
    line-height: 24px !important;
    color: rgb(59, 97, 235) !important;
    background-color: transparent !important;
    padding: 7px 10px !important;
    border: 3px solid rgb(235, 239, 253) !important;
}

.gobalTab .nav-tabs li.active a {
    background-color: rgb(235, 239, 253) !important;
}

.gobalTab .nav-tabs li a:hover, .gobalTab .nav-tabs li a:focus {
    border: 1px solid transparent;
    transition: all 0.4s ease-in-out 0s;
    background-color: rgb(17, 179, 185);
    color: rgb(255, 255, 255);
}

.gobalTab .nav-tabs li.active a, .processTab .nav-tabs li.active a:hover, .processTab .nav-tabs li.active a:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(235, 239, 253);
    padding: 5px 20px;
}

.gobalTab .tab-content {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    border: 1px solid rgba(17, 179, 185, 0.25) !important;
    border-radius: 3px !important;
    background-color: transparent !important;
}

.gobalTab .tab-content .tab-pane {
    overflow: hidden;
    padding: 0px !important;
}

.gobalTabTwo .tabbable {
    background-color: rgb(255, 255, 255);
    width: 100%;
    float: left;
}

.gobalTabTwo .tabbable .nav-tabs {
    position: relative;
    display: flex;
    margin: 0px auto;
    padding: 0px;
    max-width: 1200px;
    list-style: none;
    flex-flow: wrap;
    justify-content: center;
    border: 0px;
}

.gobalTabTwo .tabbable .nav-tabs li {
    position: relative;
    display: block;
    margin: 0px;
    text-align: center;
    flex: 1 1 0%;
}

.gobalTabTwo .tabbable .nav-tabs li.active a::after {
    transform: translate3d(0px, 0px, 0px);
}

.gobalTabTwo .tabbable .nav-tabs li a {
    padding: 16px 35px;
    border-width: 0px 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-image: initial;
    border-left-style: solid;
    border-left-color: rgb(231, 236, 234);
    transition: color 0.2s ease 0s;
}

.gobalTabTwo .tabbable .nav-tabs li a i {
    line-height: 16px;
    margin-right: 10px;
    color: rgb(116, 119, 123);
    font-size: 17px !important;
}

.gobalTabTwo .tabbable .nav-tabs li a span {
    font-size: 14.5px;
    font-weight: 500;
    color: rgb(116, 119, 123);
}

.gobalTabTwo .tabbable .nav-tabs li:last-child a {
    border-right: 1px solid rgb(231, 236, 234);
}

.gobalTabTwo .tabbable .nav-tabs li a::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    background: var(--main-Tabs2-color);
    content: "";
    transition: transform 0.3s ease 0s;
    transform: translate3d(0px, 150%, 0px);
}

.gobalTabTwo .tabbable .tab-content {
    position: relative;
    float: left;
    width: 100%;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-image: initial;
    border-top: 1px solid rgb(231, 236, 234) !important;
}

.gobalTabThree.tabbable .nav-tabs {
    text-align: center;
    position: relative;
    background-color: rgb(248, 248, 248);
    border: 0px !important;
}

.gobalTabThree.tabbable .nav-tabs li {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0px;
    text-align: center;
    flex: 1 1 0%;
    width: 120px;
}

.gobalTabThree.tabbable .nav-tabs li.active a {
    background-color: transparent;
    border: 0px;
    color: var(--main-Tabs2-color);
    transform: translate3d(0px, 2px, 0px);
}

.gobalTabThree.tabbable .nav-tabs li a {
    transition: color 0.3s ease 0s, transform 0.3s ease 0s;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 500;
}

.gobalTabThree.tabbable .nav-tabs li:last-child::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background: rgb(44, 193, 133);
    content: "";
    transition: transform 0.3s ease 0s;
}

.gobalTabThree.tabbable .nav-tabs li:first-child.active ~ li:last-child::before {
    transform: translate3d(-195%, 0px, 0px);
}

.gobalTabThree.tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {
    transform: translate3d(-100%, 0px, 0px);
}

.gobalTabFour.tabbable {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    padding: 0px;
    border: none !important;
}

.gobalTabFour.tabbable .nav li > a:hover, .gobalTabFour.tabbable .nav li > a:focus {
    background-color: transparent;
}

.gobalTabFour.tabbable .nav-tabs2 {
    position: relative;
    display: flex;
    margin: 0px auto;
    padding: 0px;
    max-width: 100%;
    list-style: none;
    flex-flow: wrap;
    justify-content: center;
}

.gobalTabFour.tabbable .nav-tabs2 li {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    margin: 0px 0.2em;
    flex: 0 0 auto;
}

.gobalTabFour.tabbable .nav-tabs2 li a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    padding: 6px 10px;
    color: rgb(116, 119, 123);
    font-weight: 700;
    transition: color 0.3s ease 0s;
}

.gobalTabFour.tabbable .nav-tabs2 li.active a {
    color: rgb(255, 255, 255);
}

.gobalTabFour.tabbable .nav-tabs2 li a span {
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgb(77, 77, 77);
    font-family: "Nunito Sans", sans-serif !important;
}

.gobalTabFour.tabbable .nav-tabs2 li a::after {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgb(175, 183, 209);
    content: "";
    transition: background-color 0.3s ease 0s, transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transform: translate3d(0px, 100%, 0px) translate3d(0px, -1px, 0px);
    border-radius: 3px 3px 0px 0px;
}

.gobalTabFour.tabbable .nav-tabs2 li.active a::after {
    transform: translate3d(0px, 0px, 0px);
    background-color: rgb(229, 235, 255);
}

.gobalTabFour.tabbable .tab-content {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    width: 100%;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-image: initial;
    border-top: 1px solid rgb(221, 221, 221) !important;
}

.gobalTabFive.tabbable ul.nav {
    position: relative;
    display: flex;
    margin: 0px;
    max-width: 600px;
    list-style: none;
    flex-flow: wrap;
    justify-content: center;
    border: 0px;
    padding: 0px;
    top: 0px;
}

.gobalTabFive.tabbable ul.nav li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0px;
    text-align: center;
    flex: 1 1 0%;
    backface-visibility: hidden;
}

.gobalTabFive.tabbable ul.nav li a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    color: rgb(255, 255, 255);
    transition: color 0.2s ease 0s;
    padding: 3px 35px 2px 5px;
    background-color: transparent;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
}

.gobalTabFive.tabbable ul.nav li a span {
    font-size: 14px;
}

.gobalTabFive.tabbable ul.nav li a i {
    font-size: 14px !important;
}

.gobalTabFive.tabbable ul.nav li.active a, .gobalTabFive.tabbable ul.nav li.active a:hover {
    color: rgb(44, 193, 133);
}

.gobalTabFive.tabbable ul.nav li.active a::after {
    background: rgb(255, 255, 255);
    box-shadow: none;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(44, 193, 133);
    border-right-color: rgb(44, 193, 133);
    border-left-color: rgb(44, 193, 133);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.gobalTabFive.tabbable ul.nav li a::after {
    position: absolute;
    inset: 0px;
    z-index: -1;
    outline: 0px;
    border-radius: 10px 10px 0px 0px;
    background: rgb(44, 193, 133);
    box-shadow: rgba(0, 0, 0, 0.05) 0px -3px 3px inset;
    content: "";
    transform: perspective(5px) rotateX(1.2deg) translateZ(-1px);
    transform-origin: 0px 0px;
    backface-visibility: hidden;
}

.gobalTabFive .tab-content {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;
    border: 1px solid rgb(214, 221, 224) !important;
}

.GobalTabSix > ul {
    position: relative;
    display: flex;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    list-style: none;
    flex-flow: wrap;
    justify-content: left;
    border-bottom: 1px solid rgba(65, 74, 84, 0.3);
    padding: 8px 0px !important;
    margin-bottom: 10px !important;
}

.GobalTabSix > ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0px 15px 0px 0px;
    text-align: center;
}

.GobalTabSix > ul li.active::before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.GobalTabSix > ul li a {
    display: inline-block;
    overflow: visible;
    padding: 7px 10px 7px 35px;
    color: rgb(116, 119, 123);
    transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    border-radius: 4px;
    background-color: transparent;
    border: 0px !important;
    line-height: 21px !important;
}

.GobalTabSix > ul li a::before {
    content: "";
    display: block;
    transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    pointer-events: none;
    height: 35px;
    width: 35px;
    margin: auto;
    left: 0px;
    position: absolute;
    top: 0px;
}

.GobalTabSix > ul li a::after {
    content: "";
    display: block;
    transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
    transform: translate3d(0px, -100px, 0px);
    pointer-events: none;
    height: 35px;
    width: 35px;
    margin: auto;
    left: 0px;
    position: absolute;
    top: 0px;
}

.GobalTabSix > ul li.active a {
    background-color: rgb(131, 142, 156) !important;
}

.GobalTabSix > ul li.active a::after {
    transform: translate3d(0px, 0px, 0px);
    background-image: url("../../images/SpritesImages/SpritesImg.png");
}

.GobalTabSix > ul li.active a::before {
    transform: translate3d(0px, -100px, 0px);
    background-image: url("../../images/SpritesImages/SpritesImg.png");
}

.GobalTabSix > ul li a.StepOne::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px 0px;
}

.GobalTabSix > ul li a.StepTow::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -35px;
}

.GobalTabSix > ul li a.StepThree::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -70px;
}

.GobalTabSix > ul li a.StepFour::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -105px;
}

.GobalTabSix > ul li a.StepFive::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -140px;
}

.GobalTabSix > ul li a.StepSix::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -175px;
}

.GobalTabSix > ul li a.StepSeven::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -210px;
}

.GobalTabSix > ul li a.StepEight::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -245px;
}

.GobalTabSix > ul li a.StepNine::before {
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-position: -142px -281px;
}

.GobalTabSix > ul li.active a.StepOne::after {
    background-position: -142px -315px;
}

.GobalTabSix > ul li.active a.StepTow::after {
    background-position: -142px -350px;
}

.GobalTabSix > ul li.active a.StepThree::after {
    background-position: -142px -385px;
}

.GobalTabSix > ul li.active a.StepFour::after {
    background-position: -142px -420px;
}

.GobalTabSix > ul li.active a.StepFive::after {
    background-position: -142px -455px;
}

.GobalTabSix > ul li.active a.StepSix::after {
    background-position: -142px -490px;
}

.GobalTabSix > ul li.active a.StepSeven::after {
    background-position: -142px 525px;
}

.GobalTabSix > ul li.active a.StepEight::after {
    background-position: -142px 560px;
}

.GobalTabSix > ul li.active a.StepNine::after {
    background-position: -175px -600px;
}

.GobalTabSix > ul li.active a span {
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    letter-spacing: 0.3px;
}

.GobalTabSix > ul li a span {
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(49, 60, 72);
    letter-spacing: 0.3px;
}

.GobalTabSix .tab-content {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 5px 0px;
}

#dvBasicInfo .panel-heading {
    background-color: rgba(227, 227, 227, 0.47);
    border: 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px !important;
}

#dvBasicInfo .panel-heading h6 {
    color: rgb(51, 51, 51);
    font-weight: 500;
}

.dfsexp_btn a {
    min-width: 25px;
    border-radius: 25px;
    border: 1px solid rgb(221, 221, 221);
    background-color: transparent;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    margin: 6px 1px;
    display: inline-block;
    padding: 3px 28px !important;
}

.CustomBgImg {
    background: url("../../images/widget_bg.png") right bottom / 100% no-repeat rgb(255, 255, 255) !important;
}

.CustomBtnGra {
    background-color: transparent;
    background-size: 400% 400%;
    animation: 30s ease 0s infinite normal none running AnimateBtn;
    color: rgb(48, 33, 99);
    border: 1px solid rgb(37, 49, 97) !important;
    border-radius: 25px !important;
}

.CustomBtnGra:hover {
    background: linear-gradient(228deg, rgb(88, 105, 169), rgb(70, 50, 135)) 0% 0% / 400% 400%;
    animation: 30s ease 0s infinite normal none running AnimateBtnhover;
    color: rgb(255, 255, 255);
    border: 1px solid transparent !important;
    border-radius: 25px !important;
}

.tab-content-bordered .tab-content:not([class*="bg-"]) {
    background-color: transparent;
    border: 0px !important;
}

.jsPanel .fa::before {
    padding: 6px 7px;
    background: rgb(255, 255, 255);
    color: rgba(34, 34, 34, 0.65);
    border-radius: 100%;
    font-size: 13px;
    box-shadow: rgba(175, 175, 165, 0.72) 0px 4px 11px 0px;
}

.jsPanel .jsPanel-hdr .jsPanel-hdr-toolbar {
    margin-top: 3px;
}

.jsPanel > .panel-heading {
    background-color: rgb(235, 236, 237);
    border: 0px;
    padding: 11px 9px !important;
}

.jsPanel > .panel-heading .panel-title {
    color: rgb(50, 48, 48) !important;
}

.jsPanel .panel-body {
    min-height: 305px;
    padding: 0px !important;
}

.jsPanel-content #layoutTree {
    margin: 0px;
    border: 0px;
    min-height: 297px !important;
}

.jsPanel-content {
    padding: 0px;
}

.jsPanel-content #propertyGrid {
    margin: 0px;
    border: 0px;
    overflow: auto !important;
    min-height: 300px !important;
}

jspanel .jsPanel-hdr h3 {
    font-weight: 500;
    padding: 0px;
    line-height: 18px;
}

#propertyGrid {
    table-layout: fixed;
    width: 100% !important;
}

.jsPanel > .panel-heading .panel-title {
    font-weight: 500;
    padding: 0px;
    line-height: 18px;
    font-size: 15px !important;
}

#jsPanel-2 div.gridbox table.row20px tr td {
    height: 33px;
    padding: 9px;
    border: 1px solid rgb(231, 237, 255);
    white-space: nowrap;
}

.dhxtree_dhx_skyblue .containerTableStyle {
    padding-top: 10px;
}

.containerTableStyle {
    height: auto !important;
}

table {
    margin: 0px !important;
}

.dhxtree_dhx_skyblue .containerTableStyle > table > tbody > tr:nth-child(2n) {
    background-color: rgb(255, 255, 255);
}

.dhxtree_dhx_skyblue .containerTableStyle table tr {
    border-bottom: 0px;
}

.containerTableStyle table tr {
    border-bottom: 1px solid rgb(239, 239, 239);
}

.dhxtree_dhx_skyblue .containerTableStyle table tr td table tr {
    height: 32px;
}

.alert.alert-styled-left {
    border-top: 0px rgb(255, 255, 255);
    border-bottom: 0px rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    box-shadow: none;
    border-left-color: rgb(255, 255, 255);
    border-radius: 8px;
    background-color: rgba(13, 14, 14, 0.07) !important;
    color: rgb(66, 66, 66) !important;
}

.alert[class*="alert-styled-"].alert-warning::after, .ui-pnotify[class*="alert-styled-"] > .alert.alert-warning::after, .alert[class*="alert-styled-"][class*="bg-warning"]::after, .ui-pnotify[class*="alert-styled-"] > .alert[class*="bg-warning"]::after {
    content: "";
    width: 45px;
    height: 25px;
    background-image: url("../../images/alt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
}

.preLoad .login-form {
    position: relative;
}

.preLoad .loader {
    border-width: 16px;
    border-style: solid;
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-image: initial;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: 2s linear 0s infinite normal none running spin;
    margin: 15px auto;
}

.preLoad .login-form p {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin: 0px;
    position: absolute;
    top: 140px;
    right: 0px;
    left: 0px;
}

.page-header {
    margin: 9px;
}

.CustomProcessList .page-header {
    margin: 9px !important;
}

.CustomCheckbox {
    float: left;
}

.CustomCheckbox label, .CustomCheckbox input[type="radio"] {
    outline: 0px;
}

.CustomCheckbox label, .CustomCheckbox input[type="radio"], .CustomCheckbox input[type="checkbox"] {
    line-height: 2.1ex;
}

.CustomCheckbox input[type="radio"], .CustomCheckbox input[type="checkbox"] {
    position: absolute;
    left: -999em;
    display: none;
}

.CustomCheckbox input[type="radio"] + label, .CustomCheckbox input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0px;
}

.CustomCheckbox input[type="radio"] + label[disabled], .CustomCheckbox input[type="checkbox"] + label[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.CustomCheckbox input[type="radio"] + label::before, .CustomCheckbox input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -35%;
    height: 22px;
    width: 22px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(59, 97, 235);
    margin-right: 0.5em;
}

.CustomCheckbox input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox input[type="checkbox"]:checked + label::after {
    content: "?";
    font-family: icomoon;
    position: absolute;
    left: 4px;
    font-size: 11px;
    top: 1px;
    color: rgba(59, 97, 235, 0.6);
    font-weight: bolder;
    line-height: 17px;
}

.CustomCheckbox input[type="radio"]:checked + label::before {
    background: radial-gradient(circle, rgb(59, 97, 235) 4px, rgb(255, 255, 255) 5px);
}

.CustomCheckboxDisabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.CustomCheckboxDisabled label {
    cursor: not-allowed !important;
}

.ui-igcheckbox-normal {
    border: 2px solid var(--main-primary-color) !important;
    border-radius: 0px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0px 5px 0px 0px !important;
}

.CustomCheckbox_2 {
    width: 100%;
}

.CustomCheckbox_2 label, .CustomCheckbox_2 input[type="radio"], .CustomCheckbox_2 input[type="checkbox"] {
    line-height: 2.1ex;
}

.CustomCheckbox_2 input[type="radio"], .CustomCheckbox_2 input[type="checkbox"] {
    position: absolute;
    left: -999em;
    display: none;
}

.CustomCheckbox_2 input[type="radio"] + label, .CustomCheckbox_2 input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0px;
}

.CustomCheckbox_2 input[type="radio"] + label::before, .CustomCheckbox_2 input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -35%;
    height: 16px;
    width: 16px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(142, 142, 142);
    border-radius: 4px;
}

.CustomCheckbox_2 input[type="radio"]:checked + label::before {
    background: radial-gradient(circle, rgb(16, 98, 164) 3px, rgb(255, 255, 255) 5px);
}

.CustomCheckbox_2 input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox_2 input[type="checkbox"]:checked + label::after {
    content: "?";
    font-family: icomoon;
    position: absolute;
    left: 5px;
    font-size: 11px;
    top: 4px;
    color: rgb(41, 74, 90);
    font-weight: bolder;
    line-height: 13px;
}

.CustomCheckbox_2 input[disabled="disabled"] + label {
    cursor: not-allowed;
    opacity: 0.6;
}

.CustomCheckbox_3 {
    width: 100%;
}

.CustomCheckbox_3 label, .CustomCheckbox_3 input[type="radio"], .CustomCheckbox_3 input[type="checkbox"] {
    line-height: 2.1ex;
}

.CustomCheckbox_3 input[type="radio"], .CustomCheckbox_3 input[type="checkbox"] {
    position: absolute;
    left: -999em;
    display: none;
}

.CustomCheckbox_3 input[type="radio"] + label, .CustomCheckbox_3 input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0px;
    position: relative;
}

.CustomCheckbox_3 input[type="radio"] + label::before, .CustomCheckbox_3 input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -35%;
    height: 16px;
    width: 16px;
    background-color: rgb(255, 255, 255);
    border: 2px solid #f9a51a;
    margin-right: 0.5em;
    border-radius: 4px;
}

.CustomCheckbox_3 input[type="radio"]:checked + label::before {
    background: radial-gradient(circle, rgb(3, 169, 243) 3px, rgb(255, 255, 255) 5px);
}

.CustomCheckbox_3 input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox_3 input[type="checkbox"]:checked + label::after {
    position: absolute;
    right: 50%;
    transform: translate(20%, -40%);
    font-size: 9.5px;
    top: 50%;
    color: rgb(3, 169, 243);
    font-weight: bolder;
    content:
    '';
    background-image: url(
    ../../images/AU_ICons/check-yellow.svg);
    background-size: 100%;
    width: 9px;
    aspect-ratio: 1;
}

.CustomDialog {
    background-color: rgb(255, 255, 255);
    border: 0px;
    padding: 0px;
    border-radius: 3px !important;
}

.CustomDialog .ui-dialog-titlebar {
    border: 0px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 107, 107);
    padding: 15px 12px;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 0px !important;
}

.CustomDialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0px;
    line-height: 15px;
}

.CustomDialog .content {
    padding: 10px 14px 6px;
}

.CustomDialog .ui-dialog-content {
    padding: 0px !important;
    height: auto !important;
}

.CustomDialog .ui-dialog-content .CustomDialogBtn {
    padding: 7px 16px;
    background-color: rgb(255, 107, 107);
    display: inline-block;
    line-height: 13px;
    margin: 0px 10px 0px 0px;
    border: 1px solid rgb(255, 107, 107);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    float: right;
}

.CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked + label::before {
    background: radial-gradient(circle, rgb(167, 167, 167) 3px, rgb(255, 255, 255) 5px);
}

.CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"] + label::before {
    border: 2px solid rgb(167, 167, 167);
}

.CustomDialog .ui-dialog-content .CustomCheckbox {
    color: rgb(167, 167, 167);
}

.ui-dialog {
    background-color: rgb(255, 255, 255);
    border: 0px;
    padding: 0px;
    border-radius: 3px !important;
}

.ui-dialog .ui-dialog-titlebar {
    border: 0px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 107, 107);
    padding: 15px 12px;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 0px !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0px;
    line-height: 15px;
}

.ui-dialog .ui-dialog-content {
    padding: 10px 14px;
    height: auto !important;
}

.ui-dialog .ui-dialog-content p {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 20px 0px;
}

.ui-dialog .ui-dialog-content .btn {
    padding: 7px 16px;
    background-color: rgb(255, 107, 107);
    display: inline-block;
    line-height: 13px;
    margin: 0px 10px 0px 0px;
    border: 1px solid rgb(255, 107, 107);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    float: right;
}

.ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked + label::before {
    background: radial-gradient(circle, rgb(167, 167, 167) 3px, rgb(255, 255, 255) 5px);
}

.ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"] + label::before {
    border: 2px solid rgb(167, 167, 167);
}

.ui-dialog .ui-dialog-content .CustomCheckbox {
    color: rgb(167, 167, 167);
}

.dvCompare .heading-elements.visible {
    padding: 3px 0px 5px;
    right: 0px !important;
    top: 47px !important;
}

.bootstrap-datatimepicker-widget {
    display: block !important;
}

.click2editNarrative {
    background-color: rgb(255, 255, 255);
}

.click2editNarrative h5 {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    margin: 5px 0px 0px;
}

.CustomSlantedTab.nav {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    padding: 0px;
    margin: 0px 0px 0px 20px;
    border-bottom: 0px;
}

.CustomSlantedTab.nav li {
    display: inline-block;
}

.CustomSlantedTab.nav li a {
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    margin: 0px -6px;
    padding: 1em 4em 1em 2em;
    background-color: transparent;
    border: 0px !important;
}

.CustomSlantedTab.nav li a span {
    position: relative;
    top: 8px;
    left: 45px;
    color: rgb(255, 255, 255);
}

.CustomSlantedTab.nav li.active a span {
    color: rgb(255, 255, 255);
}

.CustomSlantedTab.nav li.active a:hover {
    background-color: transparent;
}

.CustomSlantedTab.nav li a::before {
    content: "";
    position: absolute;
    inset: 0px;
    opacity: 0.8;
    z-index: -1;
    border-radius: 3px 10px 0px 0px;
    background: rgb(28, 117, 185);
    transform: perspective(3.5px) rotateX(1.6deg);
    transform-origin: right bottom;
    border-top: 2px solid rgb(28, 117, 185);
    border-right: 2px solid rgb(28, 117, 185);
    border-left: 2px solid rgb(28, 117, 185);
    border-image: initial;
    border-bottom: transparent;
}

.CustomSlantedTab.nav li.active a::before {
    opacity: 1;
}

.CustomSlantedTab.nav li.active a {
    z-index: 2;
}

.CustomSlantedTab.nav li.active a:focus, .CustomSlantedTab.tabbable ul li.active a:hover, .CustomSlantedTab.tabbable ul li.active a:visited {
    background-color: transparent;
}

.CustomSlantedTab .tabbable ul.nav li.active a::before {
    border-top-width: 1px;
    background: rgb(145, 180, 222);
}

.CustomSlantedTab .tab-content {
    border-radius: 3px;
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(145, 180, 222) !important;
    border-image: initial !important;
    background-color: rgb(223, 236, 245) !important;
}

.CustomSlantedTab.bg-default {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-default ul.nav li.active a::before {
    background: rgb(211, 219, 223);
}

.CustomSlantedTab.bg-default tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(211, 219, 223) !important;
    border-image: initial !important;
}

.CustomSlantedTab.bg-info {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-info ul.nav li.active a::before {
    background: rgb(0, 188, 212);
}

.CustomSlantedTab.bg-info tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(0, 188, 212) !important;
    border-image: initial !important;
}

.CustomSlantedTab.bg-primary {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-primary ul.nav li.active a::before {
    background: rgb(33, 150, 243);
}

.CustomSlantedTab.bg-primary tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(33, 150, 243) !important;
    border-image: initial !important;
}

.CustomSlantedTab.bg-success {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-success ul.nav li.active a::before {
    background: rgb(76, 175, 80);
}

.CustomSlantedTab.bg-success tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(76, 175, 80) !important;
    border-image: initial !important;
}

.CustomSlantedTab.bg-danger {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-danger ul.nav li.active a::before {
    background: rgb(244, 67, 54);
}

.CustomSlantedTab.bg-danger tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(244, 67, 54) !important;
    border-image: initial !important;
}

.CustomSlantedTab.bg-warning {
    background-color: transparent;
    border: 0px;
    color: rgb(48, 48, 48);
}

.CustomSlantedTab.bg-warning ul.nav li.active a::before {
    background: rgb(255, 87, 34);
}

.CustomSlantedTab.bg-warning tab-content {
    border-width: 4px 1px 1px !important;
    border-style: solid !important;
    border-color: rgb(255, 87, 34) !important;
    border-image: initial !important;
}

.CustomSAPGrid .ui-widget table thead tr {
    background-color: rgb(206, 215, 222);
}

.CustomSAPGrid .search_part {
    display: none !important;
}

.CustomSAPGrid .ui-iggrid-scrolldiv table {
    padding: 0px !important;
}

#divCanvas .form-group {
    margin-bottom: 10px;
}

#divCanvas .form-group .controls {
}

#frmSmartUIResultPreview {
    width: 100% !important;
}

#frmSmartUIResultPreview .fixed-margin {
    padding-top: 0px;
}

.CustomPassword select, .CustomPassword .input-group {
    width: 175px;
}

.CustomPassword input {
    width: 170px;
}

.CustomPassword .form-group {
    margin-bottom: 5px;
}

.CustomPassword label {
    padding: 9px 10px;
    line-height: 16px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
    color: rgb(119, 119, 119);
}

.CustomPassword .CustomCheckbox label {
    padding: 0px;
}

.CustomPassword .CustomCheckbox {
    padding-left: 10px;
}

.CustomPassword legend {
    font-size: 15px;
    font-weight: 500;
    margin: 8px 10px 12px;
    padding: 5px 0px 8px;
    line-height: 18px;
    color: rgb(66, 66, 66);
    border-bottom: 1px solid rgb(193, 193, 193);
    text-transform: capitalize;
}

.CustomPassword .bootstrap-touchspin-down, .CustomPassword .bootstrap-touchspin-up {
    color: rgb(255, 255, 255);
    border: 1px solid var(--main-BtnPrimary-color) !important;
}

.CustomPassword .bootstrap-touchspin-down {
    border-left: 1px solid var(--main-primarytext-color) !important;
}

.jconfirm .jconfirm-box {
    padding: 0px;
}

.jconfirm .jconfirm-bg {
    opacity: 0.8 !important;
    background-color: rgb(0, 0, 0) !important;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box {
    border-radius: 10px 10px 0px 0px;
    background-color: transparent;
    box-shadow: none;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
    text-align: center;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    position: relative;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c::before {
    content: "?";
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-family: icomoon;
    top: 10px;
    font-size: 18px;
    width: 42px;
    height: 42px;
    border: 1px solid rgb(111, 111, 111);
    border-radius: 30px;
    padding-top: 11px;
    color: rgb(111, 111, 111);
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title {
    font-size: 26px;
    font-weight: 100;
    padding: 65px 0px 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    color: rgb(90, 90, 90);
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
    margin: 0px;
    background-color: rgb(255, 255, 255);
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
    text-align: center;
    width: 85%;
    margin: 0px auto;
    font-size: 14px;
    color: rgb(64, 64, 64);
    font-weight: 300;
    line-height: 20px;
    padding: 5px 0px 40px;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
    float: none;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    display: flex;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons::before {
    content: "";
    position: absolute;
    left: 0px;
    background-color: rgb(134, 95, 223);
    height: 60px;
    width: 95px;
    border-radius: 0px 0px 0px 10px;
    transform-origin: right top;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons::after {
    content: "";
    position: absolute;
    right: 0px;
    background-color: rgb(134, 95, 223);
    height: 60px;
    width: 95px;
    border-radius: 0px 0px 10px;
    transform-origin: left top;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default {
    border-radius: 0px;
    margin: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    background: rgb(143, 105, 232);
    color: rgb(255, 255, 255);
    font-size: 19px;
    line-height: 20px;
    font-weight: 500;
    z-index: 1;
    transition: all 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    transform-origin: center top;
    height: 60px;
    left: 95px;
    animation: 1.5s ease 0.3s 1 normal none running swing;
    width: 100px;
    cursor: pointer;
    padding: 3px !important;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0px;
    background: rgb(106, 65, 199);
    transform: scale(0);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default:hover::before {
    transform: scale(1);
}

.CustomTimeLog.panel {
    background-color: transparent;
    box-shadow: none;
    border: 0px !important;
}

.CustomTimeLog .panel-heading {
    background-color: transparent;
}

.CustomTimeLog .panel-heading h5 {
    font-size: 20px;
    font-weight: 300;
    color: rgb(91, 91, 96);
    margin: 0px;
}

.CustomTimeLog .panel-heading h5 span {
    font-size: 17px;
    font-weight: 500;
}

.CustomTimeLog .panel-heading .heading-elements .btn-primary {
    color: rgb(255, 255, 255);
    font-weight: 500;
    border: 0px solid rgb(255, 255, 255);
    background-color: rgb(121, 183, 238);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;
    padding: 6px 18px !important;
    border-radius: 25px !important;
}

.CustomTimeLog .panel-heading .heading-elements .input-group input {
    border-radius: 20px 0px 0px 20px;
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;
}

.CustomTimeLog .panel-heading .heading-elements .input-group-btn {
    background-color: rgb(121, 183, 238);
    background-size: 400% 400%;
    border-radius: 0px 20px 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;
}

.CustomTimeLog .panel-heading .heading-elements .input-group-btn button {
    background-color: transparent;
    border: 0px;
}

.CustomTimeLog .panel-heading .heading-elements .btn-primary:hover {
    background-color: rgb(105, 167, 222);
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox .xhdr {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;
    background-color: rgb(211, 232, 246) !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.isModern table.hdr tr td .hdrcell {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.CustomTimeLog div.gridbox .objbox {
    padding: 5px;
}

.CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover {
    z-index: 2;
}

.CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover .popover-title, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover .popover-title {
    padding: 10px 10px 0px;
}

.CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover .popover-content, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover .popover-content {
    overflow: auto;
    padding: 10px;
}

.CustomTimeLog div.gridbox .objbox tr:nth-child(2) .popover {
    top: -5px !important;
}

.CustomTimeLog .ev_dhx_skyblue, .CustomTimeLog .odd_dhx_skyblue {
    background-color: transparent !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: 0px !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td {
    background-color: transparent !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:hover td {
    background-color: transparent !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .threadModal {
    background-color: rgb(81, 221, 211);
    border-radius: 4px;
    padding: 5px 12px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;
    line-height: 14px;
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .TimeLineCount {
    width: 18px;
    height: 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 25px;
    padding: 12px 0px 0px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue td .TimeLineCount {
    border: 2px solid rgb(249, 59, 105) !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue td .TimeLineCount {
    border: 2px solid rgb(176, 232, 226) !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    position: relative;
    color: rgb(132, 132, 132);
    line-height: 14px;
    overflow: inherit;
    height: 60px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
    border: 0px !important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgb(193, 193, 193);
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 0;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:first-child::after {
    height: 50%;
    top: 35px;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:last-child td:first-child::after {
    height: 50%;
    top: 0px;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::before {
    width: 0px;
    display: none;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40%;
    left: 0px;
    background-color: rgb(194, 206, 249);
    top: 18px;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .icon-checkmark-circle {
    font-size: 14px;
    margin-left: 7px;
    color: rgb(81, 221, 211);
    margin-top: 1px;
    opacity: 0.8;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .icon-calendar {
    font-size: 13px;
    margin-right: 7px;
    color: rgb(249, 59, 105);
    margin-top: 1px;
    opacity: 0.8;
}

.CustomTimeLog .panel-footer {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;
    border: 0px !important;
}

.CustomTimeLog .panel-footer .border-green {
    border-color: rgb(121, 183, 238);
}

.CustomTimeLog .panel-footer ul li a i {
    width: 23px;
    height: 23px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
}

.SmartUiToolBar {
    padding: 9px;
    background-color: rgb(235, 236, 237);
    width: 100%;
    float: left;
    margin-top: 47px;
    position: fixed;
    border: 0px;
    z-index: 4;
}

.SmartUiToolBar ul.ToolBar {
    float: left;
    margin: 0px;
    padding: 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static {
    padding: 0px 5px;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static > li {
    line-height: 14px;
}

.SmartUiToolBar ul.ToolBar > li > ul > li {
    list-style: none;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static > li.BtnCustomToolBar > a {
    padding: 5px;
    font-size: 10px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    justify-content: flex-start;
    display: flex !important;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static > li > a {
    padding: 6px 0px 6px 28px;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static > li.BtnCustomToolBar > a i {
    font-size: 15px !important;
}

.SmartUiToolBar ul.ToolBar > li > ul.Static > li.BtnCustomToolBar > a i svg {
    width: 16px;
    height: 16px;
}

.SmartUiToolBar ul.ToolBar > li > .CustomToolBar {
    position: relative;
}

.SmartUiToolBar ul.ToolBar > li > .CustomToolBar a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.SmartUiToolBar ul.ToolBar > li > .CustomToolBar h5 {
    font-size: 11px;
    font-weight: 600;
    color: rgb(76, 76, 76);
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
    padding: 0px;
    text-align: center;
    margin: 0px 0px 5px;
}

.SmartUiToolBar ul.ToolBar > li > .CustomToolBar a.CutomToolBarButton::after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    background: url("../../images/SpritesImages/SpritesImg.png") -278px -489px;
    left: 0px;
    right: 0px;
    top: 5px;
    margin: auto;
}

.btn.btn-xs {
    height: 25px;
    line-height: 17px;
    border-radius: 25px;
    padding: 4px 16px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    position: relative;
    overflow: hidden;
    font-weight: 500 !important;
    margin: 0px !important;
}

.btn.btn-xs i {
    position: relative;
    top: 0px;
    transform: translateZ(0px);
    transition: all 0.3s ease 0s;
    left: 0px;
    font-size: 13.5px !important;
}

.SmartUiToolBar ul.ToolBar > li > ul.UIElements, .SmartUiToolBar ul.ToolBar > li > ul.DataElements, .SmartUiToolBar ul.ToolBar > li > ul.Diagram, .SmartUiToolBar ul.ToolBar > li > ul.Property, .SmartUiToolBar ul.ToolBar > li > ul.LayoutCustomSmartUiToggleBtn {
    text-align: center;
    display: inline-block;
    width: 100%;
}

martuitoolbar ul.ToolBar > li > ul.UIElements > li > a, .SmartUiToolBar ul.ToolBar > li > ul.DataElements > li > a, .SmartUiToolBar ul.ToolBar > li > ul.Diagram > li > a, .SmartUiToolBar ul.ToolBar > li > ul.Property > li > a, .SmartUiToolBar ul.ToolBar > li > ul.Layout > li > a {
    padding-top: 0px;
}

ustommegamenu .mega-dropdown.open > a::after {
    background-color: rgb(223, 235, 254);
    content: "";
    position: absolute;
    width: 109%;
    height: 119%;
    top: 0px;
    left: -3px;
    z-index: -1;
}

.SmartUiToolBar ul.ToolBar > li > ul.UIElements.CustomMegaMenu .mega-dropdown-menu, .SmartUiToolBar ul.ToolBar > li > ul.DataElements.CustomMegaMenu .mega-dropdown-menu, .SmartUiToolBar ul.ToolBar > li > ul.Diagram.CustomMegaMenu .mega-dropdown-menu {
    top: 80px;
    width: calc(100% - 258px);
}

.CustomMegaMenu .mega-dropdown-menu::before {
    background-position: 0px 0px, 100% 100%, 0px 0px, 100% 30%;
    background-repeat: no-repeat;
    content: "";
    background-size: auto, auto, contain, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: -1;
    background-image: url("../../images/SmartUiBg/Left_Top.png"), url("../../images/SmartUiBg/right_Bottom.png"), url("../../images/SmartUiBg/left_right_Top.png"), url("../../images/SmartUiBg/Dots.png") !important;
    border-radius: 5px !important;
}

.CustomMegaMenu .mega-dropdown-menu > li.Sprites {
    width: 20%;
    float: left;
    padding: 0px 10px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul {
    padding: 0px;
    margin: 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul {
    padding: 0px;
    margin: 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > span {
    position: relative;
    padding: 6px 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li.dropdown-header::after {
    content: "";
    position: absolute;
    background: linear-gradient(to left, rgb(223, 234, 252) 0%, rgb(191, 201, 218) 50%, rgb(223, 234, 252) 100%);
    width: 80%;
    height: 2px;
    left: 0px;
    bottom: 2px;
    right: 0px;
    margin: 0px auto;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: rgb(71, 82, 99);
    padding: 8px 0px;
    font-size: 13px;
    border-bottom: 1px solid rgba(91, 106, 130, 0.3);
    font-weight: 500;
    position: relative;
    line-height: 21px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteOne > ul > li a[data-hover="Panel"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") 0px -1px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after, .DataElements.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after, .Diagram.CustomMegaMenu .mega-dropdown-menu > li.Sprites > ul > li a::after {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    right: -5px;
    top: 2px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu > li.SpriteFive > ul > li a[data-hover="GenericDialog"]::after {
    background: url("../../images/SpritesImages/SpritesImg.png") -70px -281px;
}

.SmartUiToolBar ul.ToolBar > li > ul.UIElements, .SmartUiToolBar ul.ToolBar > li > ul.DataElements, .SmartUiToolBar ul.ToolBar > li > ul.Diagram, .SmartUiToolBar ul.ToolBar > li > ul.Property, .SmartUiToolBar ul.ToolBar > li > ul.LayoutCustomSmartUiToggleBtn {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul.UIElements > li, .SmartUiToolBar ul.ToolBar > li > ul.DataElements > li, .SmartUiToolBar ul.ToolBar > li > ul.Diagram > li, .SmartUiToolBar ul.ToolBar > li > ul.Property > li, .SmartUiToolBar ul.ToolBar > li > ul.Layout > li {
    line-height: 14px;
}

.CustomMegaMenu .mega-dropdown {
    position: static !important;
}

.CustomMegaMenu > li {
    display: inline-block;
}

#menuObj {
    height: auto;
}

smartuitoolbar ul.ToolBar > li > ul.DataElements > li.ScoreSpriteTwo > .DataElements::before {
    background: url("../../images/SpritesImages/SpritesImg.png") -317px -2px;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 6px;
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
}

#menuObj .align_left {
    float: left;
}

#menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, #menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled {
    line-height: 20px;
    padding: 0px;
    height: auto;
}

.SmartUiToolBar ul.ToolBar > li > ul.DataElements > li.ScoreSpriteTwo > .DataElements .top_level_text {
    margin-top: 38px;
    font-size: 10px;
    font-weight: 600;
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
    color: rgb(76, 76, 76) !important;
}

.SmartUiToolBar ul.ToolBar > li > ul.UIElements, .SmartUiToolBar ul.ToolBar > li > ul.DataElements, .SmartUiToolBar ul.ToolBar > li > ul.Diagram, .SmartUiToolBar ul.ToolBar > li > ul.Property, .SmartUiToolBar ul.ToolBar > li > ul.LayoutCustomSmartUiToggleBtn {
    text-align: center;
    display: inline-block;
    width: 100%;
}

martuitoolbar ul.ToolBar > li > ul > li {
    list-style: none;
}

martuitoolbar ul.ToolBar > li > ul > li > a {
    font-size: 10px;
    font-weight: 600;
    color: rgb(76, 76, 76);
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
    padding: 3px 5px;
}

.SmartUiToolBar ul.ToolBar > li > ul.Property > li.ScoreSpriteFour > a::before {
    background: url("../../images/SpritesImages/SpritesImg.png") -317px -176px;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.SmartUiToolBar ul.ToolBar > li > ul.ComboSelect {
    padding-top: 1px;
    float: left;
}

.SmartUiToolBar ul.ToolBar > li:hover {
    cursor: pointer;
}

.SmartUiToolBar ul.ToolBar > li path {
    fill: rgb(168, 171, 181);
}

.SmartUiToolBar ul.ToolBar > li:hover .Delete a, .SmartUiToolBar ul.ToolBar > li:hover .Save a, .SmartUiToolBar ul.ToolBar > li:hover .CSS a, .SmartUiToolBar ul.ToolBar > li:hover .layout a {
    padding: 3px 7px;
}

.SmartUiToolBar ul.ToolBar > li:hover .Delete a path, .SmartUiToolBar ul.ToolBar > li:visited .Delete a path {
    fill: red;
}

.SmartUiToolBar ul.ToolBar > li:hover .Delete a span, .SmartUiToolBar ul.ToolBar > li:visited .Delete a span {
    color: rgb(255, 0, 0);
}

.SmartUiToolBar ul.ToolBar > li:hover .Save a path, .SmartUiToolBar ul.ToolBar > li:visited .Save a path {
    fill: green;
}

.SmartUiToolBar ul.ToolBar > li:hover .Save a span, .SmartUiToolBar ul.ToolBar > li:visited .Save a span {
    color: rgb(0, 128, 0);
}

.SmartUiToolBar ul.ToolBar > li:hover .CSS a path, .SmartUiToolBar ul.ToolBar > li:visited .CSS a path {
    fill: blue;
}

.SmartUiToolBar ul.ToolBar > li:hover .CSS a span, .SmartUiToolBar ul.ToolBar > li:visited .CSS a span {
    color: rgb(0, 0, 255);
}

.SmartUiToolBar ul.ToolBar > li:hover .layout a path, .SmartUiToolBar ul.ToolBar > li:visited .CSS a path {
    fill: orange;
}

.SmartUiToolBar ul.ToolBar > li:hover .layout a span, .SmartUiToolBar ul.ToolBar > li:visited .CSS a span {
    color: rgb(255, 165, 0);
}

.SmartUiToolBar ul.ToolBar > li:hover .import a path, .SmartUiToolBar ul.ToolBar > li:visited .CSS a path {
    stroke: purple;
}

.SmartUiToolBar ul.ToolBar > li:hover .import a span, .SmartUiToolBar ul.ToolBar > li:visited .CSS a span {
    color: rgb(128, 0, 128);
}

.SmartUiToolBar ul.ToolBar > li .import a path {
    stroke: rgb(168, 171, 181);
    fill: none !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue {
    margin: 0px auto 8px;
    background-color: rgb(247, 247, 247);
    border-radius: 0px;
    min-width: auto;
    border: 1px solid rgb(232, 232, 232);
    width: 100% !important;
    height: 22px !important;
}

div.dhxcombo_dhx_skyblue {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(202, 202, 202);
    font-size: 1px;
    height: 32px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 3px;
    line-height: 1.53846;
    min-width: 155px;
    width: 100% !important;
}

element.style {
    width: 126px;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 21px;
    left: 0px;
    margin: 0px;
    padding-left: 8px;
    background-color: rgb(247, 247, 247);
    font-weight: 600;
    color: rgb(76, 76, 76);
    font-size: 11px !important;
}

div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    background-color: rgb(255, 255, 255);
    border: 0px solid rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    height: 26px;
    left: 1px;
    line-height: 21px;
    margin: 0px 0px 0px 2px;
    outline: rgb(255, 255, 255) solid 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
    top: 0px;
    vertical-align: middle;
    font-size: 13px !important;
    width: 100% !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    right: 0px;
    height: 21px;
    width: 16px;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-color: rgb(247, 247, 247) !important;
}

.CustomSwitch {
    position: relative;
    width: 100%;
    float: left;
}

.CustomSwitch .switch {
    display: inline-block;
    position: relative;
    left: 0px;
    width: 100%;
}

.CustomSwitch .switch label {
    cursor: pointer;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    color: rgb(76, 76, 76);
    text-align: center;
    padding: 0px 6px;
    margin: 0px !important;
}

.CustomSwitch .switch label input[type="checkbox"] {
    opacity: 0;
    width: 0px;
    height: 0px;
    display: none;
}

.CustomSwitch .switch label .lever {
    margin: 0px 0px 0px 10px;
    content: "";
    display: inline-block;
    position: relative;
    width: 27px;
    height: 11px;
    background-color: rgb(129, 129, 129);
    border-radius: 15px;
    transition: background 0.3s ease 0s;
    vertical-align: middle;
}

.CustomSwitch .switch label .lever::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: rgb(241, 241, 241);
    border-radius: 21px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 1px;
    left: -5px;
    top: -3px;
    transition: left 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
}

.SmartUiToolBar ul li.Preview div {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.SmartUiToolBar ul li.Preview div span {
    width: 20%;
    font-size: 11px;
    font-weight: 600;
}

.SmartUiToolBar ul li.Preview div input {
    border: 1px solid rgb(207, 213, 219);
    width: 60%;
    margin: 0px auto;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 2px 2px 7px;
    color: rgb(76, 76, 76);
}

.SmartUiToolBar ul li.Preview div {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.SmartUiToolBar ul li.Preview div span {
    width: 20%;
    font-size: 11px;
    font-weight: 600;
}

.SmartUiToolBar ul.ToolBar > li > ul.Delete {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul.Delete li {
    line-height: 14px;
}

.SmartUiToolBar ul.ToolBar > li > ul > li > a {
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    color: rgb(76, 76, 76);
    position: relative;
    letter-spacing: 0.5px;
    width: 100%;
    line-height: 12px;
    padding: 8px 5px 3px;
    display: flex !important;
}

.SmartUiToolBar ul.ToolBar > li > ul.Delete > li > a::before {
    content: "";
    width: 29px;
    height: 35px;
    position: absolute;
}

.SmartUiToolBar ul.ToolBar > li > ul.Save {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul.Save > li {
    line-height: 14px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul {
    padding: 0px;
    margin: 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li {
    line-height: 14px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before {
    background: url("../../images/SpritesImages/css-file.png") center center / 32px no-repeat;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before {
    background: url("../../images/SpritesImages/css-file.png") center center / 32px no-repeat;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li > a::before {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul {
    padding: 0px;
    margin: 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li {
    line-height: 14px;
}

ul.ToolBar > li > ul.CSS > li.SpriteTen > a::before {
    background: url("../../images/SpritesImages/SmartLayout.png") center center / 32px no-repeat;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 8px;
}

.SmartUiToolBar ul.ToolBar > li {
    float: left;
    height: 72px;
    list-style: none;
    border: 0px;
    background: rgb(255, 255, 255);
    margin-right: 7px;
    border-radius: 6px;
    box-shadow: rgba(100, 100, 111, 0.14) 0px 7px 20px 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.SmartUiToolBar ul.ToolBar > li > ul {
    padding: 0px;
    margin: 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li {
    line-height: 14px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li > a::before {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
}

.SpriteTen11 svg {
    width: 44px;
    height: 40px;
    padding-top: 10px;
    top: 3px;
    position: absolute;
}

.SmartUiToolBar ul.ToolBar > li > ul {
    padding: 0px;
    margin: 0px;
}

.SmartUiToolBar ul.ToolBar > li > ul.merge > li {
    text-align: center;
}

.SmartUiToolBar ul.ToolBar > li > ul.merge > li > a {
    padding-top: 50px;
}

.SmartUiToolBar ul.ToolBar > li > ul.CSS > li a::before {
    display: none;
}

.SmartUiToolBar ul.ToolBar > li > .CustomToolBar, .SmartUiToolBar ul.ToolBar > li > ul.UIElements, .SmartUiToolBar ul.ToolBar > li > ul.DataElements, .SmartUiToolBar ul.ToolBar > li > ul.Property, .SmartUiToolBar ul.ToolBar > li > ul.Delete, .SmartUiToolBar ul.ToolBar > li > ul.Save, .SmartUiToolBar ul.ToolBar > li > ul.CSS, .SmartUiToolBar ul.ToolBar > li > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

.SmartUiToolBar ul.ToolBar > li.Combocount {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

#elementsMenu.dhtmlxMenu_dhx_skyblue_Middle {
    height: 40px;
}

#elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, #elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_selected {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgb(142, 142, 142);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 40px;
    color: rgb(77, 77, 77) !important;
}

.ui-resizable-handle.ui-icon {
    border-color: transparent;
}

.CustomIsapceMenu {
    margin-top: 137px;
    width: calc(100% - 241px);
    border-bottom: 1px solid rgb(221, 221, 221);
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.55) !important;
    position: fixed !important;
}

.breadcrumbCustom {
    padding: 12px 18px 12px 0px !important;
}

.breadcrumbCustom i {
    font-size: 16px;
    color: rgb(64, 64, 64);
}

.breadcrumbCustom h4 {
    font-size: 14px;
    color: rgb(96, 96, 96);
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumbCustom h4 span {
    color: rgb(68, 73, 76) !important;
}

#designStudioMenu .breadcrumbCustom {
    padding: 5px 18px 5px 0px !important;
}

#designStudioMenu .breadcrumbCustom h4 {
    font-size: 13px;
    color: rgb(72, 68, 68);
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#designStudioMenu .breadcrumbCustom h4 i {
    font-size: 12px !important;
}

.tool-container {
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(196, 192, 196) 0px 0px 12px 0px;
    height: auto !important;
    border: 1px solid rgb(132, 202, 237) !important;
    z-index: 10011 !important;
}

.tool-container .tool-items {
    background-color: rgba(62, 161, 211, 0.1);
    display: inline-block;
    width: 100%;
    padding: 15px 10px 10px;
    position: relative;
}

.tool-container .tool-items::before {
    content: "";
    background-image: url("../../images/bg_trans_8.png");
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 57%;
    left: 0px;
    width: 100%;
    height: 100%;
}

.tool-container .tool-items .tool-item {
    width: auto;
    box-sizing: inherit;
}

.CustomIsapceMenu .heading-elements ul li a {
    color: rgb(38, 35, 35);
    background-color: rgb(255, 255, 255);
    border-color: rgb(197, 197, 197);
    font-weight: 600;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    border-radius: 8px !important;
}

.CustomIsapceMenu .heading-elements > ul {
    gap: 0px;
}

.MainElements ul li {
    width: 100%;
}

.box {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.333));
}

.box .loader {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    animation: 2s linear 0s infinite normal none running animateLoading;
}

.box .loader:nth-child(2), .box .loader:nth-child(4) {
    animation-delay: -1s;
    filter: hue-rotate(290deg);
}

@keyframes animateLoading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.box .loader:nth-child(1)::before, .box .loader:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background: linear-gradient(to top, transparent, rgba(0, 255, 249, 0.5)) 0% 0% / 100px 180px no-repeat;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.container .loader i {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: rgb(0, 255, 249);
    border-radius: 50%;
    box-shadow: rgb(0, 255, 249) 0px 0px 10px, rgb(0, 255, 249) 0px 0px 20px, rgb(0, 255, 249) 0px 0px 30px, rgb(0, 255, 249) 0px 0px 40px, rgb(0, 255, 249) 0px 0px 50px, rgb(0, 255, 249) 0px 0px 60px, rgb(0, 255, 249) 0px 0px 70px, rgb(0, 255, 249) 0px 0px 80px, rgb(0, 255, 249) 0px 0px 90px, rgb(0, 255, 249) 0px 0px 100px;
    z-index: 10;
}

.box .loader span {
    position: absolute;
    inset: 20px;
    background: rgb(0, 0, 0);
    border-radius: 50%;
    z-index: 1;
}

.inner {
    margin: 0px auto;
}

.CustomFixed {
    width: 100%;
    position: fixed;
    z-index: 5;
}

.CustomFixed .page-header-content {
    border-bottom: 1px solid rgb(52, 155, 244);
    background-color: rgba(152, 172, 205, 0.07) !important;
}

#smartUIPageContainer .CustomFixed .heading-elements {
    background-color: transparent;
    position: fixed;
    top: 97px;
    margin-top: 0px;
    right: 6px;
}

#dvDesignStudioIfmContainer .CustomFixed .heading-elements {
    background-color: transparent;
    position: fixed;
    top: 97px;
    right: 10px;
    margin-top: 0px;
}

.External .CustomFixed .heading-elements {
    background-color: transparent;
    position: fixed;
    right: 10px;
    margin-top: 0px;
    height: 30px;
    top: 5px !important;
}

.External .CustomFixed #dvIspaceMenu.heading-elements {
    top: 53px;
}

#dvIspaceMenu ul.nav li .heading-btn {
    margin-left: 0px !important;
}

.CustomFixed .breadcrumb-elements {
    float: left;
    margin-right: 0px;
}

.CustomFixed .breadcrumb-line {
    padding: 8px;
    height: 48px;
}

.CustomFixed .heading-elements .form-group {
    margin-top: 2px;
}

.CustomFixed .heading-elements .form-group .input-group {
    width: 208px;
    margin-top: 0px !important;
}

#dvDataFusionStudio .content {
    padding: 0px !important;
}

.zIndex {
    z-index: 3;
}

.btn.btn-xs {
    height: 25px;
    line-height: 17px;
    border-radius: 25px;
    padding: 4px 16px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 4px !important;
    font-weight: 500 !important;
    margin-right: 0px !important;
}

.btn.btn-xs i {
    position: relative;
    top: 0px;
    transform: translateZ(0px);
    transition: all 0.3s ease 0s;
    left: 0px;
    font-size: 13.5px !important;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue {
    background: linear-gradient(to right, rgb(76, 184, 196), rgb(60, 211, 173));
    border: 0px;
    font-size: 1px;
    height: 28px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    line-height: 1.53846;
    min-width: 150px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    width: 100% !important;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    background-color: transparent;
    border: 0px;
    color: rgb(255, 255, 255);
    height: 28px;
    left: 1px;
    line-height: 21px;
    margin: 0px 0px 0px 2px;
    outline: 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
    top: 0px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 13px !important;
    width: 100% !important;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img {
    background-image: url("../../images/DesignStudio/SelectArrowWhite.png");
    background-color: transparent !important;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
    border: 0px solid rgb(164, 190, 212);
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    background-image: none;
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent !important;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_top_image {
    height: 28px;
}



.form-group textarea.form-control {
    height: auto !important;
}

.form-group div.dhxcombo_dhx_skyblue {
    background-color: rgb(255, 255, 255);
    border: 0px;
    font-size: 1px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 0px;
    line-height: 1.53846;
    min-width: 155px;
    margin: 0px;
    height: 36px !important;
    width: 100% !important;
}

.form-group div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    border: 1px solid rgb(142, 142, 142);
    font-weight: 500;
    max-width: 100%;
    left: 0px;
    padding: 0px 15px;
    height: 36px !important;
    border-radius: 5px !important;
    color: rgb(77, 77, 77) !important;
    font-size: 12px !important;
    width: 100% !important;
    margin: 0px !important;
}

.form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    border: 0px solid rgb(164, 190, 212);
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    background: transparent !important;
}

.form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-image: url("../../images/DesignStudio/SelectArrow.png");
}

.RepositoryMapping .col-md-2 {
    width: 20%;
}

.RepositoryMapping .col-md-10 {
    width: 80%;
}

.RepositoryMapping .sidebarcustom {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
    border-radius: 2px;
    border: 0px;
}

.RepositoryMapping .sideBarContent {
    padding: 0px;
    background-color: rgb(255, 255, 255);
}

.RepositoryMapping .sideBarContent #treeRepositoryMapping {
    padding: 10px;
}

.RepositoryMapping .sideBarContent .category-title {
    padding: 15px 14px;
    border-bottom: 1px solid rgba(59, 97, 235, 0.25) !important;
}

.RepositoryMapping .sideBarContent .category-title span {
    line-height: 26px;
    text-transform: capitalize;
    font-size: 17px !important;
    margin: 0px !important;
}

.RepositoryMapping .panel {
    background-color: rgb(255, 255, 255);
    padding-top: 0px;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px !important;
}

.RepositoryMapping .panel .panel-body {
    padding: 0px;
}

.CustomTable #treeboxbox_tree0 {
    width: 100% !important;
}

.blue_brdr1 {
    border-bottom: 0px !important;
}

.Doctype .sidebarcustom {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
    border-radius: 2px;
    border: 0px;
}

.Doctype .sideBarContent {
    padding: 0px;
    background-color: rgb(255, 255, 255);
}

.Doctype .sideBarContent .category-title {
    padding: 12px 14px;
    border-bottom: 0px !important;
}

.Doctype .sideBarContent .category-title > span {
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    line-height: 15px;
    margin-top: 0px;
    font-size: 15px !important;
}

.Doctype .sideBarContent .category-title > .icons-list {
    right: 15px;
    color: rgb(255, 255, 255);
    top: 50% !important;
}

.Doctype .panel {
    padding-top: 0px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px !important;
}

.Doctype #treeboxbox_tree0 {
    height: 404px;
    width: 100% !important;
}

.Doctype #treeboxbox_tree0 .xhdr {
    display: none;
}

.Doctype .blue_brdr1 {
    padding: 10px;
    float: left;
    width: 100%;
    background-color: rgb(3, 169, 243);
}

.Doctype .blue_brdr1 a {
    width: 20px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin: 0px 3px;
    border: 0px;
    padding: 3px;
}

.Doctype .blue_brdr1 a i {
    font-size: 13px;
    top: 1px;
    margin: 0px;
}

.Doctype div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue {
    border-image: initial !important;
    border-width: 0px 0px 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgba(3, 169, 243, 0.3) !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
    border-left-style: initial !important;
    border-left-color: initial !important;
    border-right-style: initial !important;
    border-right-color: initial !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue {
    border-image: initial !important;
    border-width: 0px 0px 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgba(3, 169, 243, 0.3) !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
    border-left-style: initial !important;
    border-left-color: initial !important;
    border-right-style: initial !important;
    border-right-color: initial !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child {
    border-bottom: 0px !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 36px;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    background-color: transparent !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj {
    border-left: 0px !important;
    border-right: 0px !important;
}

.sidebar-detached > .sidebar {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
    border-radius: 2px;
    border: 0px !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background-color: rgba(181, 222, 255, 0.4) !important;
}

.Docexpl .sideBarContent {
    background-color: rgb(255, 255, 255);
}

.Docexpl .sidebarcustom {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
    border-radius: 2px;
    border: 0px;
}

.Docexpl .category-content {
    padding: 0px !important;
}

.Docexpl .sideBarContent .category-title {
    padding: 6px 14px;
    color: rgb(255, 255, 255);
    border-bottom: 0px !important;
}

.Docexpl #documentTypeTree {
    width: 100% !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-bottom: 1px solid rgb(195, 195, 195) !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background-color: rgb(248, 251, 211) !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 36px;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    background-color: transparent !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue {
    border-left: 0px !important;
    border-right: 0px !important;
}

.Docexpl .panel {
    box-shadow: rgb(169, 157, 231) 6px 11px 41px -28px;
    border-radius: 0px;
    border: 0px !important;
}

.Docexpl .panel .panel-heading {
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    color: rgb(255, 255, 255);
    padding: 0px 20px !important;
    margin: 0px !important;
}

.Docexpl .panel .panel-heading h6, .Docexpl .panel .panel-heading h5 {
    line-height: 20px;
    margin: 0px;
    font-weight: 500;
    font-size: 15px;
}

.Docexpl .panel .panel-heading h6 a, .Docexpl .panel .panel-heading h5 a {
    color: rgb(255, 255, 255);
}

.Docexpl .panel .panel-heading h6 a label, .Docexpl .panel .panel-heading h6 label, .Docexpl .panel .panel-heading h5 a label, .Docexpl .panel .panel-heading h5 label {
    margin-bottom: 0px;
}

.Docexpl .panel .panel-heading h6 .dropdown-menu li a, .Docexpl .panel .panel-heading h5 .dropdown-menu li a {
    color: rgb(37, 37, 37);
}

.Docexpl .panel .panel-heading h6 .dropdown-menu, .Docexpl .panel .panel-heading h5 .dropdown-menu {
    border-top: 1px solid rgb(221, 221, 221);
    margin: 3px 0px;
    border-bottom: 1px solid rgb(202, 202, 202) !important;
    border-left: 1px solid rgb(221, 221, 221) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    padding: 0px !important;
}

.Docexpl .panel .panel-heading h5 span.clsFileName {
    white-space: nowrap;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    top: 5px;
}

.Docexpl .panel .panel-body {
    border-right: 1px solid rgba(169, 157, 231, 0.25);
    border-bottom: 1px solid rgba(169, 157, 231, 0.25);
    border-left: 1px solid rgba(169, 157, 231, 0.25);
    border-image: initial;
    border-top: 0px !important;
}

.Docexpl ul.media-list {
    padding: 10px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(222, 222, 222, 0.9);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 8px;
    position: relative;
}

.Docexpl ul.media-list.ListCustom::before {
    content: "";
    position: absolute;
    background-image: url("../../images/CruveDoc.png");
    background-size: cover;
    width: 100%;
    height: 79px;
    overflow: hidden;
    left: 0px;
    bottom: 0px;
}

.Docexpl ul.image .media-body p {
    color: rgb(32, 136, 149);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.pdf .media-body p {
    color: rgb(223, 87, 75);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.excel .media-body p {
    color: rgb(32, 114, 69);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.word .media-body p {
    color: rgb(42, 86, 150);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.text .media-body p {
    color: rgb(51, 51, 51);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.empty .media-body p {
    color: rgb(254, 167, 0);
    font-weight: 500;
    font-size: 13px;
}

.Docexpl #dvComments ul.media-list {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
}

.Docexpl #dvComments ul.media-list .media {
    margin-right: 0px;
}

.Docexpl #dvComments ul.media-list .media .media-content {
    width: 100%;
    background: linear-gradient(to right, rgb(114, 217, 139), rgb(114, 217, 206));
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 13px;
    padding: 14px 30px;
    line-height: 18px;
    min-height: 60px;
    border-radius: 55px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
    max-height: 100px;
}

.Docexpl #dvComments ul.media-list .media .media-content::before {
    display: none;
}

.Docexpl #dvComments ul.media-list .media .media-left {
    position: relative;
    top: 10px;
}

.Docexpl #dvComments ul.media-list .media .media-body span {
    color: rgb(112, 112, 112);
    font-weight: 500;
    float: none;
    padding: 5px 17px;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0.3px;
    text-align: center;
}

.Docexpl #dvComments ul.media-list .media .media-body span i {
    color: rgb(82, 181, 170);
    font-size: 12px;
}

.Docexpl #dvComments #dvCommentsEnter textarea {
    font-weight: 500;
}

.Docexpl .media-left div {
    width: 45px;
    height: 50px;
    border-radius: 6px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.Docexpl ul.image .formatIcon {
    background-color: rgb(32, 136, 149);
}

.Docexpl ul.pdf .formatIcon {
    background-color: rgb(223, 87, 75);
}

.Docexpl ul.excel .formatIcon {
    background-color: rgb(32, 114, 69);
}

.Docexpl ul.word .formatIcon {
    background-color: rgb(42, 86, 150);
}

.Docexpl ul.text .formatIcon {
    background-color: rgb(51, 51, 51);
}

.Docexpl ul.empty .formatIcon {
    background-color: rgb(254, 167, 0);
}

.Docexpl .media-left .formatIcon a i.fa-3x {
    top: 13px;
    position: relative;
    font-size: 24px !important;
    color: rgb(255, 255, 255) !important;
}

.Docexpl .media-left {
    float: left;
    padding: 0px !important;
}

.Docexpl .media-body {
    padding-left: 15px !important;
}

.Docexpl .media-body ul.list-inline li {
    font-weight: 500;
    color: rgb(130, 130, 130);
}

.Docexpl .media-body ul.list-inline li .checkbox label {
    font-weight: 500;
    color: rgb(130, 130, 130);
}

.Docexpl ul.image .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(32, 136, 149);
    box-shadow: none;
}

.Docexpl ul.pdf .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(223, 87, 75);
    box-shadow: none;
}

.Docexpl ul.excel .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(32, 114, 69);
    box-shadow: none;
}

.Docexpl ul.word .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(42, 86, 150);
    box-shadow: none;
}

.Docexpl ul.text .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(51, 51, 51);
    box-shadow: none;
}

.Docexpl ul.empty .media-body ul.list-inline li .checkbox label span small {
    background-color: rgb(254, 167, 0);
    box-shadow: none;
}

.Docexpl .media-heading a {
    font-size: 16px;
    color: rgb(69, 90, 100);
    text-transform: capitalize;
    font-weight: 500;
}

.Docexpl h6.media-heading.docExpRO {
    color: rgb(69, 90, 100);
    opacity: 0.6;
}

.Docexpl .media-heading .list-inline > li {
    font-weight: 500;
}

.Docexpl .list-inline-separate > li::before {
    color: rgb(51, 51, 51);
}

.Docexpl .content-group {
    border-bottom: 1px solid rgb(195, 195, 195);
    padding-bottom: 10px !important;
    margin-bottom: 18px !important;
}

.Docexpl #dvListOfDocuments .panel-body {
    padding: 0px 20px 20px;
}

.Docexpl #dvListOfDocuments .form-horizontal {
    padding: 10px 0px;
    border-bottom: 1px solid rgba(3, 169, 243, 0.2);
    margin-bottom: 20px;
}

.Docexpl .panel-footer {
    padding: 0px 10px;
    border-radius: 0px;
    border-right: 1px solid rgba(195, 195, 195, 0.4);
    border-bottom: 1px solid rgba(195, 195, 195, 0.4);
    border-left: 1px solid rgba(195, 195, 195, 0.4);
    border-image: initial;
    border-top: 0px !important;
}

.Docexpl .panel-footer ul.record li {
    padding: 13px 10px;
}

.Docexpl .panel-footer ul.pagination li {
    padding: 8px 0px;
    float: left;
}

.Docexpl .panel-footer ul li span {
    font-size: 14px;
    color: rgb(48, 48, 48);
}

.Docexpl .pagination li a, .pagination li span {
    padding: 0px 4px;
    line-height: 12px;
    min-width: 0px;
    border: 0px !important;
}

.Docexpl .pagination li a i {
    width: 23px;
    height: 23px;
    background-color: rgb(3, 169, 243);
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
    border: 1px solid rgb(3, 169, 243);
}

.Docexpl #ddlPageSize {
    border: 1px solid rgb(3, 169, 243);
    padding: 5px 12px;
    height: 31px;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
}

.Docexpl .tabbable .nav-tabs {
    text-align: center;
    position: relative;
    background-color: rgb(248, 248, 248);
    border: 0px !important;
}

.Docexpl .tabbable .nav-tabs li {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0px;
    text-align: center;
    flex: 1 1 0%;
    width: 120px;
}

.Docexpl .tabbable .nav-tabs li.active a {
    background-color: transparent;
    border: 0px;
    color: rgb(44, 193, 133);
    transform: translate3d(0px, 2px, 0px);
}

.Docexpl .tabbable .nav-tabs li a {
    transition: color 0.3s ease 0s, transform 0.3s ease 0s;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 500;
}

.Docexpl .tabbable .nav-tabs li:last-child::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background: rgb(44, 193, 133);
    content: "";
    transition: transform 0.3s ease 0s;
}

.Docexpl .tabbable .nav-tabs li:first-child.active ~ li:last-child::before {
    transform: translate3d(-205%, 0px, 0px);
}

.Docexpl .tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {
    transform: translate3d(-102%, 0px, 0px);
}

.DocForIspace {
    position: relative;
    top: 65px;
}

.DocForIspace .tabbable .nav-tabs {
    background-color: rgb(150, 117, 206) !important;
}

.DocForIspace .tabbable .nav-tabs li.active a {
    color: rgb(255, 235, 59) !important;
}

.DocForIspace .tabbable .nav-tabs li a {
    color: rgb(255, 255, 255) !important;
}

#docFrame .Docexpl .panel .panel-heading {
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    color: rgb(255, 255, 255);
    padding: 0px 20px !important;
    margin: 0px !important;
}

.modal-open .dhxcombolist_dhx_skyblue {
    z-index: 9999999 !important;
}

div.dhxcombolist_dhx_skyblue {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    overflow-y: auto;
    position: absolute;
    transition: height 0.15s ease 0s;
    min-width: 250px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 4px;
    border: 1px solid rgb(221, 221, 221);
    z-index: 9999 !important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-image: initial;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid rgb(229, 237, 244) !important;
    height: 34px !important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text {
    font-weight: 400;
    font-size: 14px !important;
    padding: 6.5px 10px !important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected {
    color: rgb(255, 255, 255);
    background-color: rgb(59, 97, 235) !important;
    border: 0px !important;
}

.dhx_combo_select {
    max-height: 250px;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 4px;
    border: 1px solid rgb(221, 221, 221);
    z-index: 10010 !important;
}

.MultiTable .panel {
    border-radius: 8px;
    box-shadow: none;
    background-color: transparent;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.MultiTable .panel-body {
    padding: 0px !important;
    margin: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.MultiTable .objboxParent {
    height: auto !important;
}

.MultiTable #grdDeadlineMissed {
    height: auto !important;
}

.MultiTable .panel-body h5 {
    color: rgb(13, 15, 40);
    font-weight: 500;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    padding: 7px 5px 7px 8px !important;
    font-size: 14px !important;
    color: rgb(80, 80, 80) !important;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child {
    border-radius: 12px 0px 0px 12px;
}

.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:last-child {
    border-radius: 0px 12px 12px 0px;
}

.RoleInbox .panel-heading {
    display: flex;
    align-items: center;
    border-radius: 0px;
    border: 0px;
    padding: 13px 20px !important;
    margin: 0px !important;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnNewComment, .RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnNewInstance, .RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnsaveExcel, .RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnWorkAlloc {
    box-shadow: none;
    background: rgb(255, 255, 255) !important;
    border-radius: 0px !important;
    color: rgb(86, 100, 124) !important;
}

.RoleInbox .panel-heading .heading-elements .btn-group .dropdown-toggle {
    background-color: rgb(243, 244, 245);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: none;
    height: 36px !important;
    border-radius: 8px !important;
}

.RoleInbox .panel-heading .heading-elements .input-group input {
    background: transparent;
    height: 35px !important;
    border: 0px !important;
}

.RoleInbox .panel-heading .heading-elements .input-group {
    border: 0px;
    background: rgb(243, 244, 245);
    border-radius: 8px;
}

.RoleInbox .heading-elements ul li .input-group-btn {
    border: 0px;
    background: transparent;
}

.RoleInbox .panel-heading .heading-elements .input-group a.btnSearch {
    height: 35px;
    border: 0px;
    padding-top: 9px;
    background-color: transparent !important;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle {
    height: 36px;
    background-color: rgb(243, 244, 245);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 8px !important;
}

.RoleInbox .panel-heading .heading-elements .btn-group .dropdown-toggle {
    color: rgb(88, 88, 88);
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnDeleteInstance, .RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnRefresh {
    background-color: rgb(243, 244, 245);
    box-shadow: none;
    width: 39px;
    background-image: url("../../images/AdminConsoleMenu/R_Refresh.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    animation: auto ease 0s 1 normal none running none;
    color: transparent !important;
    border-radius: 8px !important;
    transition: none 0s ease 0s !important;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#btnDeleteInstance {
    background-image: url("../../images/AdminConsoleMenu/R_Delete.png") !important;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#OthersCol .fa-refresh {
    display: none;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#OthersCol .fa-trash-o {
    display: none;
}

.RoleInbox .panel-heading .heading-elements .btn.btn-xs#OthersCol {
    background-color: rgb(243, 244, 245);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: none;
    height: 36px !important;
    border-radius: 8px !important;
}

.RoleInbox #inboxGrid {
    overflow: hidden;
    width: fit-content !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    color: rgba(72, 77, 86, 0.43) !important;
    font-size: 13px !important;
}

.MultiTable div.gridbox .objbox {
    background-color: transparent !important;
}

.CustomInboxDesign .panel-body #grdDeadlineMissed .objboxParent table, .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj {
    border-collapse: separate !important;
    border-spacing: 0px 7px !important;
    background-color: transparent !important;
}

.MultiTable .panel-body #grdDeadlineMissed table tbody tr {
    background: rgb(255, 255, 255) !important;
}

.CustomInboxDesign .panel-body #grdDeadlineMissed .xhdr table tbody tr {
    height: auto !important;
    background: transparent !important;
}

.MultiTable .panel-footer .pull-left, .MultiTable .panel-footer .pull-right {
    display: flex !important;
    align-items: center !important;
}

.MultiTable .panel-footer ul li > div {
    background: transparent !important;
    color: rgb(0, 0, 0) !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    width: 55px;
    margin: 0px;
    height: 45px !important;
    border-radius: 8px !important;
    border: 0px !important;
    background-color: rgb(229, 231, 237) !important;
}

.MultiTable .panel-footer .pull-right li {
    padding: 12px 20px !important;
    margin: 0px 20px !important;
    background: rgb(229, 231, 237) !important;
    border-radius: 8px !important;
}

.MultiTable .gridbox_dhx_skyblue {
    height: auto !important;
}

.MultiTable .panel-body table tbody .ev_dhx_skyblue, .MultiTable .panel-body table tbody .odd_dhx_skyblue {
    background: rgb(255, 255, 255) !important;
}

div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background: rgb(0, 0, 0) !important;
}

.MultiTable .dhxgrid_sort_desc, .MultiTable .dhxgrid_sort_asc {
    left: 995px !important;
    top: 14px !important;
}

.RoleInbox.MultiTable .panel-body table tbody .ev_dhx_skyblue, .MultiTable .panel-body table tbody .odd_dhx_skyblue {
    background: rgb(245, 246, 247) !important;
}

.RoleInbox.MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock {
    background: rgb(255, 255, 255) !important;
}

.RoleInbox.MultiTable .panel-footer ul.pagination li a {
    background-color: transparent !important;
}

.RoleInbox.MultiTable .panel-footer ul.pagination li a {
    background: transparent !important;
}

.MultiTable .panel-footer .pull-left {
    justify-content: start !important;
}

.MultiTable .panel-footer .pull-right {
    justify-content: end !important;
}

.RoleInbox.MultiTable .fa-angle-left::before, .RoleInbox.MultiTable .fa-angle-right::before, .RoleInbox.MultiTable .fa-angle-double-left::before, .RoleInbox.MultiTable .fa-angle-double-right::before {
    color: rgb(0, 0, 0);
    font-size: 22px;
}

.RoleInbox.MultiTable .panel-body div.gridbox table.hdr td {
    min-width: 150px;
    text-align: center;
    border: 0px !important;
    padding: 7px 5px 7px 8px !important;
}

.selectable .diagram:hover, .selectable .diagram.active {
    border-bottom: 3px solid rgb(38, 143, 250);
}

.RoleInbox .Inbox_panel {
    background: transparent;
}

.RoleInbox .Section_value_inner {
    padding: 2px 20px;
    background: rgb(255, 255, 255) !important;
}

.RoleInbox .panel-footer .pagination li a i {
    top: 0px !important;
}

.selectable {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgb(171, 184, 196);
    padding: 0px !important;
}

.selectable .rolediagram {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    width: 10%;
    height: 51px;
    padding: 5px 32px;
    gap: 4px;
    font-size: 15px;
    font-weight: 500;
}

.selectable .rolediagram {
    background-image: url("../../images/AdminConsoleMenu/R_User.png");
    background-repeat: no-repeat;
    background-position: 4% 50%;
    background-size: 15px;
}

.selectable .rolediagram span {
    background-image: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(121, 121, 121);
    background-size: 15px;
    padding: 0px 13px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    background-position: 4% 50% !important;
}

.selectable li:nth-child(1) {
    background-image: url("../../images/AdminConsoleMenu/All_Normal.png");
}

.selectable li {
    cursor: pointer;
}

.selectable li.active:nth-child(1), .selectable li.active:nth-child(1):hover {
    color: rgb(38, 143, 250);
    background-image: url("../../images/AdminConsoleMenu/All_Active.png") !important;
    background-repeat: no-repeat !important;
    background-position: 4% 50% !important;
}

.selectable li.active:nth-child(2), .selectable li.active:nth-child(2):hover {
    color: rgb(38, 143, 250);
    background-image: url("../../images/AdminConsoleMenu/R_User_Active.png") !important;
    background-repeat: no-repeat !important;
    background-position: 4% 50% !important;
}

.selectable li.active:hover, .selectable li.active {
    background-image: url("../../images/AdminConsoleMenu/R_User_Active.png");
    background-repeat: no-repeat;
    background-position: 4% 50%;
    color: rgb(38, 143, 250);
}

.selectable li.active span {
    background: rgb(68, 167, 34);
}

.indicator ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: 0px;
}

.indicator ul li {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    align-content: center;
}

.indicator ul li .circle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: rgb(31, 205, 18);
}

.indicator ul li:nth-child(2) .circle {
    background: rgb(255, 165, 22);
}

.indicator ul li:nth-child(3) .circle {
    background: rgb(255, 71, 52);
}

.RoleInbox .panel-footer .pull-right li {
    padding: 9px 10px !important;
}

.R_SubName {
    position: absolute;
    font-size: 11px;
    bottom: 3px;
    color: rgba(84, 81, 81, 0.867);
}

.RoleInbox .panel-footer ul.pagination, .RoleInbox.panel-footer ul.pagination li a {
    height: auto !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    background-color: rgb(255, 255, 255) !important;
}

.MultiTable .panel-footer .pull-right li {
    background: rgb(255, 255, 255) !important;
}

.InboxDefiner .panel {
    border-radius: 8px;
    box-shadow: none;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.DFS_Help_Panel {
    border-radius: 4px;
    border: 1px solid rgb(221, 221, 221);
}

.DFS_Help_Panel .Help_body {
    padding: 5px;
}

@media (max-width: 1366px) and (min-width: 769px) {
    .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu > div > a {
        font-size: 13px !important;
    }

    .CustomTabStudio .nav-tabs li a {
        font-size: 13px !important;
    }

    .CustomTabStudio .tab-content .tab-pane .ActionDiv a.CustomStudioBtn span {
        font-size: 13px !important;
    }

    .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
        height: 37px !important;
    }

    .DesignStudioCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
        font-weight: 600;
        font-size: 12px !important;
        padding: 0px 10px !important;
    }

    .DesignStuidoRight .navbar .navbar-nav li:first-child a {
        padding: 9.5px 19px 9.5px 26px !important;
    }

    .DesignStuidoRight .navbar .navbar-nav li a {
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li .input-group {
        width: 150px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
        width: 34px;
        height: 31px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a svg {
        width: 16px;
        height: 16px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon > a svg {
        width: 16px;
        height: 14px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li > a {
        font-size: 13px !important;
        height: 27px !important;
    }

    .heading-elements > ul {
        height: 31px;
        gap: 2px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements ul li .CustomSwitch .switch label b {
        font-size: 12px !important;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.Save > a {
        width: 60px !important;
    }

    .DesignStudioCustomTable .panel-heading h5 {
        font-size: 15px;
    }

    .DesignStudioCustomTable .panel-heading .heading-elements > ul > li.TopIcon .btn-group button {
        padding: 0px 18px 0px 11px;
        font-size: 11px !important;
    }

    #myDiagramDiv > div {
        overflow: visible !important;
    }

    .ui-helper-reset {
        overflow: visible !important;
    }

    .CommonLeft {
        width: 269px !important;
    }

    .CommonCenter {
        width: calc(100% - 269px) !important;
    }

    .CommonMenuLeft {
        width: 269px !important;
    }

    .CommonMenuRight {
        width: calc(100% - 269px) !important;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
        min-height: 40px;
    }

    .DesignStuidoRight .navbar .navbar-nav {
        display: flex;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
        min-height: 36px;
    }

    .DesignStuidoLeft .page-header-content .page-title {
        width: 183px;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a {
        min-height: 35px;
    }

    .sidebar {
        width: 234px !important;
    }

    .form-group div.dhxcombo_dhx_skyblue {
        min-width: 105px !important;
    }

    .GobalDFSToolBar {
        height: calc(-40px + 100vh);
    }

    .form-group div.dhxcombo_dhx_skyblue input.dhxcombo_input {
        font-size: 12px;
    }

    .CustomTabStudio .nav-tabs li a {
        height: 35px;
    }

    .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a {
        padding: 6px 10px;
    }

    .GobalDFSToolBar ul.ToolBar li .page-header-content .PageName {
        font-size: 14px;
    }

    .CustomTabStudio .nav-tabs li a span {
        font-size: 13px;
    }

    .Business-sidebar .CustomSidebar .panel-group .panel .panel-body ul li a {
        font-size: 10px !important;
    }
}

#myDiagramDiv > div {
    overflow: visible !important;
}

.DesignStuidoLeft .page-header-content .page-title h4 .ProcessName {
    border-radius: 4px;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    background: none !important;
    color: rgb(25, 75, 255) !important;
}

.sidebar-xs #dvMainNavigation .category-content .SearchForDesktop .has-feedback input {
    display: none !important;
}

body.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a::after {
    display: none;
}

.CustomSidebarStrip .navigation .navigation-header a {
    min-height: 34px;
    position: relative;
    line-height: 15px !important;
    padding: 9px 15px !important;
}

.CustomSidebarStrip .navigation .navigation-header a::after {
    position: absolute;
    content: "";
    background-color: rgba(79, 94, 119, 0.4);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.CustomSidebarStrip .navigation .navigation-header a span {
    text-transform: capitalize;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: rgb(24, 35, 54) !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue {
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    min-width: auto;
    border: 1px solid rgb(232, 232, 232);
    box-shadow: rgba(204, 202, 204, 0.3) 2px 2px 5px;
    width: 100% !important;
    height: 34px !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 33px;
    left: 0px;
    margin: 0px;
    padding-left: 8px;
    background-color: rgb(255, 255, 255);
    color: rgb(76, 76, 76);
    font-weight: 500;
    font-size: 12px !important;
    width: 100% !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    right: 0px;
    height: 33px;
    width: 16px;
    top: 0px;
    background: none;
    border: 0px !important;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-image: url("../../images/DesignStudio/SelectArrowSmall.png");
}

.CustomComboSelect select {
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    min-width: auto;
    border: 1px solid rgb(142, 142, 142);
    line-height: 22px;
    padding: 0px 0px 0px 4.2px;
    font-weight: 500;
    font-size: 12px;
    box-shadow: rgba(204, 202, 204, 0.3) 2px 2px 5px;
    outline: 0px;
    width: 100% !important;
    height: 40px !important;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhxcombo_dhx_skyblue, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
    background-color: rgb(255, 255, 255);
    margin: 0px;
    height: 32px !important;
    border: 0px !important;
}

.DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal .top_level_text, .DesignStudioCustomTable .sub-heading .sub-heading-inner ul li .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected .top_level_text {
    height: 32px !important;
    color: rgb(76, 76, 76) !important;
}

.jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger {
    width: auto !important;
}

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a {
    color: rgb(144, 149, 161);
    font-weight: 600;
}

.custom-fixed-header {
    background-color: rgba(255, 255, 255, 0.48) !important;
    border: 0px !important;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a {
    border-radius: 4px;
    background-color: rgb(0, 57, 117);
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    margin-top: -4px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a i {
    border-left: 1px solid rgb(255, 255, 255);
    padding: 0px 5px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a i svg path {
    fill: rgb(255, 255, 255);
}

.CustomNavbarStrip .navbar-collapse > ul {
    justify-content: flex-start;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {
    font-size: 13px;
    height: 36px;
    padding: 11px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace {
    width: 168px;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a::before {
    background: rgb(2, 105, 55);
}

.sidebar-user + .sidebar-category .navigation {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#dvMainNavigation .navigation-accordion li.navigation-header a, #dvMainNavigation .navigation-accordion li.navigation-header a:hover {
    border-radius: 4px;
    margin: 5px;
    background: rgb(6, 47, 90);
}

.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i.fa-ellipsis-h::before {
    color: rgb(255, 255, 255) !important;
}

.sidebar-xs .SearchForDesktop .has-feedback {
    justify-content: center !important;
}

#dvMainNavigation .category-content .SearchForDesktop .has-feedback .form-control-feedback {
    position: relative;
    top: 3px;
}

#dvMainNavigation .category-content .SearchForDesktop .has-feedback {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-ellipsis-h::before {
    content: "?";
}

.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i.fa-ellipsis-h::before {
    color: rgb(255, 255, 255) !important;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i {
    display: none;
}

.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i {
    display: block;
}

body.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i {
    width: 100%;
}

.CustomSidebarStrip .navigation .navigation-header a span {
    color: rgb(255, 255, 255);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover {
    border-radius: 0px;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main {
        width: 66px;
    }

    .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
        position: initial;
        margin: 0px auto;
        overflow: hidden;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a::before {
        border-radius: 12px;
    }

    .sidebar-user + .sidebar-category .navigation {
        gap: 7px;
    }
}

.CustomTable .datatable-header {
    padding: 0px;
    border: 0px !important;
}

.CustomTable div.gridbox {
    width: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 5px 0px !important;
}

.CustomTable div.gridbox .objboxParent {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px;
    background-color: rgb(255, 255, 255);
    border: 0px;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td {
    background-color: transparent !important;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    color: rgb(255, 255, 255);
}

.CustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .CustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background: linear-gradient(to right, rgb(1, 192, 200) 0%, rgb(66, 158, 212) 100%);
}

body:nth-of-type(1) .CustomTable div.gridbox_dhx_skyblue table.hdr tr {
    background-image: none !important;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label {
    margin-bottom: 0px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.CustomTable div.gridbox table.hdr td {
    padding: 5px 0px;
    vertical-align: middle;
    border: 0px !important;
}

.CustomTable .xhdr {
    height: 35px !important;
    border-radius: 4px 4px 0px 0px !important;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    padding-left: 10px !important;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td {
    border-width: 0px 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-bottom-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-bottom-color: initial !important;
    border-image: initial !important;
    border-left-style: solid !important;
    border-left-color: rgba(2, 191, 200, 0.25) !important;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child {
    border-left: 0px !important;
}

.CustomTable .ev_dhx_skyblue td {
    border: 0px !important;
}

.CustomTable .ev_dhx_skyblue {
    background-color: rgb(255, 255, 255) !important;
}

.CustomTable .odd_dhx_skyblue {
    background: linear-gradient(to left, rgba(1, 192, 200, 0.04) 0%, rgba(61, 151, 204, 0.04) 100%) !important;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox table.obj {
    border: 0px !important;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-width: 0px 0px 1px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgba(64, 157, 212, 0.25) !important;
    border-top-style: initial !important;
    border-top-color: initial !important;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 35px;
}

.CustomTable div.gridbox table.obj tr td:hover {
    background-color: transparent !important;
}

.CustomTable .odd_dhx_skyblue td {
    border: 0px !important;
}

.CustomTable .ui-iggrid-table {
    border: 1px solid rgb(221, 221, 221);
    width: 100% !important;
}

.CustomTable .ui-widget-header.ui-helper-reset {
    background: linear-gradient(to right, rgb(1, 192, 200) 0%, rgb(66, 158, 212) 100%);
    border: 0px !important;
    height: 34px !important;
}

.CustomTable .ui-widget-header table tr th {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
    padding: 7px 4px;
    background: transparent;
    border: 0px !important;
}

.CustomTable .ui-widget-header table tr th span {
    color: rgb(255, 255, 255);
}

.CustomTable .ui-iggrid-scrolldiv {
    background-color: transparent;
}

.CustomTable .ui-iggrid .ui-iggrid-scrolldiv {
    border: 0px !important;
    box-shadow: none !important;
    overflow: initial !important;
}

.CustomTable .ui-iggrid table tbody td {
    padding: 5px 0px;
    font-weight: 500;
    font-size: 12.5px !important;
}

.CustomTable .ui-widget-content {
    overflow: auto;
    height: 300px;
    width: 100%;
}

.CustomTable .ui-widget-content td {
    border: 0px !important;
}

.CustomTable .ui-widget-content tr:nth-child(2n+1) {
    background-color: rgb(255, 255, 255) !important;
}

.CustomTable .ui-widget-content tr:nth-child(2n) {
    background-color: rgba(118, 214, 212, 0.07) !important;
}

.CustomTable .ui-widget-content tr:nth-child(2n) td {
    border-width: 1px 0px !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgba(118, 214, 212, 0.14) !important;
    border-top-style: solid !important;
    border-top-color: rgba(118, 214, 212, 0.14) !important;
}

.CustomTable .panel-heading .filters {
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.CustomTable .gantt_container {
    border: 1px solid rgb(224, 224, 224);
}

.CustomTable .gantt_layout_cell_border_right {
    border: 0px;
    background-color: transparent;
}

.CustomTable .timeline_cell.gantt_layout_outer_scroll {
    border-left: 1px solid rgb(59, 97, 235);
}

.CustomTable .gantt_task {
    border: 0px;
    background-color: transparent;
}

.CustomTable .gantt_grid {
    box-shadow: none !important;
    border: 0px !important;
}

.CustomTable .gantt_grid_scale {
    background-color: rgb(245, 246, 248);
    background-image: none;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-image: initial;
    padding: 10px 0px;
    position: inherit !important;
    height: 45px !important;
    width: 100% !important;
    border-bottom: 0px !important;
}

.CustomTable .gantt_grid_scale .gantt_grid_head_cell {
    font-weight: 500;
    font-size: 15px;
    color: rgb(26, 26, 26);
    text-align: left;
    padding: 0px 16px;
    background-color: transparent !important;
    border-top: 0px !important;
    border-right: 0px !important;
}

.CustomTable .gantt_grid_data {
    background-color: transparent;
    position: relative;
    margin-top: 5px;
    z-index: 99;
    width: 100% !important;
}

.CustomTable .gantt_grid_data .gantt_row {
    border-bottom: 1px solid rgb(240, 240, 241);
    background-color: transparent;
    height: 35px !important;
    line-height: 35px !important;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell:first-child {
    border-left: 0px;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell {
    border-right: 1px solid rgb(234, 234, 234);
    padding: 0px;
    height: 35px !important;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell:last-child {
    border-right: 0px;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content {
    font-size: 15px;
    font-weight: 400;
    color: rgb(48, 48, 48);
    letter-spacing: 0.4px;
    padding: 0px 6px;
    width: 100%;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i {
    width: 25px;
    height: 18px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:first-child {
    color: rgb(96, 125, 139);
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(2) {
    color: rgb(76, 175, 80);
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(3) {
    color: rgb(244, 67, 54);
}

.CustomTable .gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: transparent;
    height: 0px;
    width: 0px;
}

.CustomTable .gantt_task .gantt_task_scale {
    border-bottom: 0px;
    border-left: 0px;
    height: 45px !important;
    background-color: rgb(245, 246, 248) !important;
}

.CustomTable .gantt_task .gantt_task_scale .gantt_scale_line {
    padding: 3px 0px;
    height: 19px !important;
}

.CustomTable .gantt_task .gantt_task_scale .gantt_scale_line:last-child {
    border-top: 1px solid rgba(67, 84, 182, 0.05);
}

.CustomTable .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell {
    line-height: 12px;
    font-size: 11px;
    font-weight: 600;
    padding: 0px;
    color: rgb(40, 97, 79) !important;
    height: 19px !important;
}

.CustomTable .gantt_task .gantt_data_area {
    background-color: transparent;
    position: relative;
    margin-top: 5px;
}

.CustomTable .gantt_grid_data .gantt_row.gantt_selected, .CustomTable .gantt_grid_data .gantt_row.odd.gantt_selected, .CustomTable .gantt_task_row.gantt_selected {
    background-color: rgb(231, 231, 231);
}

.CustomTable .gantt_grid_data .gantt_row.gantt_selected .gantt_cell, .CustomTable .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell, .CustomTable .gantt_task_row.gantt_selected .gantt_cell {
    border-right-color: rgb(54, 108, 91);
}

.CustomTable .gantt_grid_data .gantt_row.odd:hover, .CustomTable .gantt_grid_data .gantt_row:hover {
    background-color: rgb(245, 245, 245) !important;
}

.CustomTable .gantt_grid_data .gantt_row.odd:hover .gantt_cell, .CustomTable .gantt_grid_data .gantt_row:hover .gantt_cell {
    border-right-color: rgb(181, 181, 181);
}

.CustomTable .gantt_task_row.gantt_selected .gantt_task_cell {
    border-right-color: rgb(99, 132, 253);
}

.CustomTable .gantt_grid_scale .gantt_grid_head_add {
    position: relative;
    background-image: none;
}

.CustomTable .gantt_grid_scale .gantt_grid_head_add::before {
    content: "";
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    width: 16px;
    height: 16px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    background-position: -256px -115px;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_add {
    position: relative;
    background-image: none;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_add::before {
    content: "";
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    width: 16px;
    height: 16px;
    top: 9px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    background-position: -256px -115px;
}

.CustomTable .gantt_task_line {
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 5px;
    box-shadow: none;
    border: 0px;
    padding: 0px 5px;
    border-radius: 0px;
    height: 20px !important;
    line-height: 20px !important;
}

.CustomTable .gantt_task_line .gantt_task_content {
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 11px;
    color: rgb(53, 53, 53);
    transform: none;
}

.CustomTable .gantt_row, .CustomTable .gantt_task_row {
    background-color: transparent;
    border-bottom: 1px solid rgb(240, 240, 241);
}

.CustomTable .gantt_row.odd, .CustomTable .gantt_task_row.odd {
    background-color: transparent;
}

.CustomTable .gantt_task_cell {
    border-right: 1px solid rgb(218, 218, 218);
}

.CustomTable .gantt_task_cell:nth-of-type(2n) {
    background-color: rgb(255, 255, 255);
}

.CustomTable .gantt_task_cell.week_end {
    background-color: rgb(241, 241, 241);
}

.CustomTable .gantt_project.gantt_selected {
    box-shadow: none;
}

.CustomTable .gantt_bar_task {
    background-color: rgb(141, 164, 251);
}

.CustomTable .gantt_bar_project {
    background-color: rgb(135, 188, 235);
}

.CustomTable .gantt_bar_milestone {
    background-color: rgb(255, 155, 124);
}

.CustomTable .gantt_critical_task {
    background-color: rgb(230, 100, 90);
}

.CustomTable .gantt_grid_editor_placeholder input {
    border: 1px solid rgb(221, 221, 221);
    outline: 0px;
}

.CustomTable.CustomGantt {
    border-radius: 3px;
    border: 1px solid rgb(150, 199, 184) !important;
}

.CustomTable.CustomGantt .panel-heading {
    background-color: transparent;
    padding: 14px 10px !important;
    border-bottom: 1px solid rgb(150, 199, 184) !important;
}

.CustomTable.CustomGantt .filters strong {
    float: left;
    line-height: 14px;
    font-weight: 600;
    font-size: 14px;
    color: rgb(32, 32, 32);
    margin-right: 10px;
}

.CustomTable.CustomGantt .filters .CustomCheckbox label {
    line-height: 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(32, 32, 32);
}

.CustomTable.CustomGantt .filters .CustomCheckbox {
    margin-bottom: 0px;
    margin-right: 10px;
}

.CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"] + label::before {
    height: 14px;
    width: 14px;
    border: 2px solid rgb(54, 108, 91);
}

.CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"]:checked + label::before {
    background: rgb(54, 108, 91);
}

.CustomTable.CustomGantt .dropdown a.dropdown-toggle {
    border-radius: 4px;
    border: 1px solid rgb(206, 206, 206);
    height: 26px;
    line-height: 14px;
    padding: 4px 8px;
    color: rgb(158, 157, 157);
    background-color: rgb(255, 255, 255);
    width: 80px;
    text-align: left;
    box-shadow: none;
    display: inline-block;
    font-weight: 500;
    margin: 0px !important;
}

.CustomTable.CustomGantt .dropdown a.dropdown-toggle .caret {
    margin-top: 0px;
}

.CustomTable.CustomGantt .dropdown .dropdown-menu {
    border: 1px solid rgb(129, 208, 183);
}

.CustomTable.CustomGantt .dropdown .GroupBtn {
    padding: 0px 8px;
}

.CustomTable.CustomGantt .dropdown .GroupBtn a.btn {
    border-radius: 4px;
    height: 28px;
    line-height: 14px;
    padding: 7px 10px;
    color: rgb(255, 255, 255);
    float: left;
    margin: 4px 0px;
    width: 100%;
}

.CustomTable.CustomGantt .dropdown .GroupBtn a.btn:last-child {
    margin: 4px 0px 0px;
}

.CustomTable.CustomGantt .CommonBTN a.btn {
    border-radius: 4px;
    height: 26px;
    line-height: 16px;
    padding: 4px 8px;
    color: rgb(255, 255, 255);
    float: left;
    margin-left: 4px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="MoveUp"], .CustomTable.CustomGantt a.btn[title~="MoveDown"] {
    background-color: rgb(73, 159, 225);
    border: 1px solid rgb(73, 159, 225);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Insert"] {
    background-color: rgb(76, 175, 80);
    border: 1px solid rgb(76, 175, 80);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="back"] {
    background-color: rgb(145, 161, 180);
    border: 1px solid rgb(145, 161, 180);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Delete"], .CustomTable.CustomGantt a.btn[title~="Initiate"], .CustomTable.CustomGantt .CommonBTN a.btn[title~="Back"], .CustomTable.CustomGantt .CommonBTN a.btn[title~="Save"] {
    height: 26px;
    padding: 5px 12px;
    line-height: 10px;
    display: inline-block;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    position: relative;
    float: left;
    margin-left: 5px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Delete"], .CustomTable.CustomGantt .CommonBTN a.btn[title~="Initiate"] {
    border: 1px solid rgb(255, 84, 84);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Back"] {
    border: 1px solid rgb(58, 165, 154);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Save"] {
    border: 1px solid rgb(76, 175, 80);
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Delete"]::after, .CustomTable.CustomGantt a.btn[title~="Initiate"]::after, .CustomTable.CustomGantt .CommonBTN a.btn[title~="Back"]::after, .CustomTable.CustomGantt .CommonBTN a.btn[title~="Save"]::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    right: 0px;
    background-image: url("../../images/SpritesImages/SpritesImg.png");
    background-repeat: no-repeat;
    top: -1px;
    left: 0px;
    margin: auto;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Delete"]::after {
    background-position: -216px -355px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Initiate"]::after {
    background-position: -216px -390px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Save"]::after {
    background-position: -216px -320px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~="Back"]::after {
    background-position: -216px -425px;
}

.CustomTable.CustomGantt .GroupBtn a.btn[title~="Requirement"], .CustomTable.CustomGantt .GroupBtn a.btn[title~="Task"], .CustomTable.CustomGantt .GroupBtn a.btn[title~="Import"], .CustomTable.CustomGantt .GroupBtn a.btn[title~="Template"], .CustomTable .CustomGantt .GroupBtn a.btn[title~="Column"], .CustomTable .CustomGantt .GroupBtn a.btn[title~="Import"] {
    background-color: rgb(58, 165, 154);
}

.CustomTable.CustomGantt .GroupBtn a.btn[title~="Show"], .CustomTable.CustomGantt .GroupBtn a.btn[title~="Column"] {
    background-color: rgb(65, 199, 216);
}

.content.CustomTable .tabbable .tab-content {
    background-color: transparent;
    box-shadow: none;
    border: 0px !important;
}

.heading-elements > ul {
    display: flex;
    align-items: center;
    height: 32px;
    gap: 8px;
    margin: 0px !important;
    padding: 0px !important;
}

.heading-elements > ul > li {
    float: left;
}

.heading-elements > ul > li select {
    background-color: rgb(245, 246, 248);
    border: 0px;
    box-shadow: none;
    height: 32px !important;
    border-radius: 4px !important;
}

.heading-elements > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 5px 10px;
    height: 32px;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    display: flex !important;
}

.heading-elements > ul > li > a:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
}

.heading-elements > ul > li > a i img {
    width: 14px;
}

.heading-elements > ul > li.Filter > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.heading-elements > ul > li.Filter ul.dropdown-menu {
    width: 290px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 6px 25px 15px;
    margin: 2px 0px;
    border: 1px solid rgb(223, 223, 223);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.heading-elements > ul > li.TopIcon > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
}

.heading-elements > ul > li ul li.TopIcon a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0px !important;
}

.heading-elements > ul > li.TopIcon .btn-group button {
    background-color: rgb(245, 246, 248);
    background-image: url("../../images/DesignStudio/SelectArrowSmall.png");
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: right center;
    height: 32px;
    padding: 0px 25px 0px 10px;
}

.heading-elements > ul > li.TopIcon .btn-group button:hover, .heading-elements > ul > li.TopIcon .btn-group button:focus {
    background-color: rgb(245, 246, 248);
    box-shadow: none;
}

.heading-elements > ul > li.TopIcon .btn-group button .caret {
    display: none;
}

.heading-elements > ul > li.TopIcon .btn-group .dropdown-menu {
    border: 1px solid rgb(221, 221, 221);
    margin: 0px;
    padding: 2px 0px;
    min-width: 125px;
}

.heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li a {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}

.heading-elements > ul > li.TopIcon .btn-group .dropdown-menu li:last-child {
    border-bottom: 0px;
}

.heading-elements > ul > li.Delete > a {
    width: 40px;
    height: 32px;
    background-color: rgb(255, 237, 237);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.heading-elements > ul > li.Delete > a i svg path {
    fill: rgb(255, 35, 35);
}

.heading-elements > ul > li.Save > a {
    background-color: rgb(59, 97, 234);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    height: 30px;
    padding: 4px 18px !important;
    color: rgb(255, 255, 255) !important;
}

.heading-elements > ul > li.Setting > a {
    width: 40px;
    height: 32px;
    background-color: rgb(245, 246, 248);
    border-radius: 6px;
    justify-content: center;
    padding: 0px !important;
}

.heading-elements > ul > li.Setting ul.dropdown-menu {
    width: 220px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    right: 0px;
    left: auto;
    padding: 8px 12px;
    margin: 2px 0px;
    border: 1px solid rgb(220, 228, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px;
}

.heading-elements > ul > li.Setting ul.dropdown-menu li {
    margin: 0px;
}

.heading-elements > ul > li.Setting ul.dropdown-menu li i img {
    width: 16px;
}

.heading-elements > ul > li.Setting ul.dropdown-menu li a {
    font-size: 15px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 8px 5px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.heading-elements > ul > li.Setting ul.dropdown-menu li a:hover {
    background-color: rgb(240, 243, 253);
    border-radius: 8px;
}

.heading-elements > ul > li .input-group {
    margin: 0px;
    width: 180px;
}

.heading-elements > ul > li .input-group .form-control {
    height: 32px;
    color: rgb(26, 26, 26);
    border-radius: 6px 0px 0px 6px;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(227, 227, 227);
    border-bottom-color: rgb(227, 227, 227);
    border-left-color: rgb(227, 227, 227);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
}

.heading-elements ul li .input-group-btn {
    height: 32px;
    border-radius: 0px 6px 6px 0px;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(229, 229, 229);
    border-right-color: rgb(229, 229, 229);
    border-bottom-color: rgb(229, 229, 229);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
}

.heading-elements ul li .input-group-btn a {
    display: inline-block;
    padding: 5px;
    color: rgb(106, 114, 125);
}

.CustomTable .panel {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding: 0px 25px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(229, 229, 229) !important;
}

.CustomTable .panel-heading {
    border: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 8px 0px !important;
}

.CustomTable .panel-heading h5 {
    margin: 0px;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    display: inline-block;
    padding: 11px 0px;
}

.CustomTable .panel-heading .heading-elements {
    background-color: inherit;
    position: absolute;
    right: 0px;
    height: 32px;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.CustomTable .panel-heading .heading-elements > ul {
    display: flex;
    align-items: center;
    height: 32px;
    gap: 10px;
    margin: 0px !important;
    padding: 0px !important;
}

.CustomTable .panel-heading .heading-elements > ul > li {
    float: left;
}

.CustomTable .panel-heading .heading-elements > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 5px 10px;
    display: inline-block;
    height: 32px;
}

.CustomTable .panel-heading .heading-elements > ul > li > a:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
}

.CustomTable .panel-heading .heading-elements {
    background-color: inherit;
    position: absolute;
    right: 0px;
    height: 32px;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.CustomTable .panel-heading .heading-elements > ul li ul {
    display: flex;
    align-items: center;
    height: 32px;
    gap: 10px;
    margin: 0px !important;
    padding: 0px !important;
}

.CustomTable .panel-heading .heading-elements > ul li ul li {
    float: left;
}

.CustomTable .panel-heading .heading-elements > ul li ul li a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    padding: 5px 10px;
    display: inline-block;
    height: 32px;
}

.CustomTable .panel-heading .heading-elements > ul li ul li a:hover {
    background-color: rgb(230, 241, 255);
    border-radius: 10px;
}

.CustomTable .panel-body {
    float: left;
    width: 100%;
    position: inherit;
    padding: 0px !important;
}

@media (max-width: 1366px) and (min-width: 769px) {
    .sidebar-xs .sidebar-main {
        width: 66px !important;
    }

    .page-title {
        padding: 8px 0px !important;
    }

    .CustomColClass {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .CustomColClass::before {
        display: none;
    }

    .CustomColClass .col-md-3 {
        width: 100%;
    }

    .CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a svg {
        width: 17px;
        height: 17px;
    }

    .CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {
        height: 30px;
        font-size: 12px !important;
    }

    .CustomNavbarStrip {
        height: 44px;
    }

    .navbar-top {
        padding-top: 44px;
    }

    #dvMainNavigation .category-content .SearchForDesktop .has-feedback {
        height: 24px;
    }

    .page-title h4 {
        font-size: 14px;
    }

    .CustomConsoleMenu .CustomMenuView .CustomMiddleTable {
        height: 216px !important;
    }

    .CustomConsoleMenu .CustomMenuView .CustomLoadMenu {
        height: 216px !important;
    }

    .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group-item span {
        font-size: 12px !important;
    }

    .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 a {
        font-size: 13px !important;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span {
        font-size: 12px !important;
    }

    .CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"] {
        height: 27px !important;
        font-size: 12px !important;
    }

    .CustomFixed.page-header .page-header-content .heading-elements ul li a i svg {
        width: 16px !important;
        height: 16px !important;
    }

    .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group button {
        width: 96px !important;
        height: 29px !important;
        font-size: 11px !important;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li > a {
        width: auto;
        font-size: 11px !important;
        padding: 5px 7px !important;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li > a i svg {
        width: 16px !important;
        height: 16px !important;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a {
        width: 33px;
        height: 31px;
        border-radius: 8px;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
        width: 33px;
        height: 31px;
        border-radius: 8px;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
        font-size: 12px !important;
        padding: 0px 7px !important;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
        font-size: 11px !important;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td {
        height: 37px !important;
    }

    .mainCustomTable div.gridbox table.hdr td {
        height: 37px !important;
    }

    .mainCustomTable .xhdr {
        height: 37px !important;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
        min-height: 36px !important;
    }

    div.gridbox table.obj tr td a {
        font-size: 12px !important;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a svg {
        width: 15px !important;
        height: 15px !important;
    }

    .CustomFixed.page-header .page-header-content .heading-elements ul li a span {
        font-size: 11px;
        line-height: 11px;
    }

    .CustomNavbarStrip .navbar-brand .DoubleLogo {
        height: 43px !important;
    }

    .CustomNavbarStrip .navbar-brand .DoubleLogo img {
        width: 27px;
    }

    .CustomSiteSearch .input-group input {
        font-size: 11px !important;
    }

    .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .langText {
        font-size: 12px !important;
    }

    .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .UserImage img {
        width: 24px !important;
        height: 24px !important;
        max-height: 24px !important;
    }

    .DesignStuidoRight .navbar .navbar-nav li:first-child a::before {
        left: 2px !important;
    }

    .form-group label {
        font-size: 12px !important;
    }

    .mainHeading h4 {
        font-size: 14px !important;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label {
        font-size: 12px;
        padding: 0px !important;
    }

    .mainCustomTable .panel-heading {
        padding: 2px 4px !important;
    }

    .mainCustomTable .xhdr .hdr {
        height: auto !important;
    }

    .mainCustomTable .panel-footer ul li span {
        font-size: 12px !important;
    }

    .login-container .login_form_first {
        height: 450px !important;
        width: auto !important;
    }

    .VerticalMiddle {
        height: 410px;
    }

    .login-container .login_form_first .RightSide {
        padding: 20px;
    }

    .bg {
        height: 348px;
    }

    .LeftSide .VerticalCenter img {
        width: 390px;
    }

    .RightSide .VerticalCenter img {
        width: 86px;
    }

    .login-container .login_form_first::after {
        bottom: -38px;
    }

    .login-container .login_form_first .RightSide .form-group .ForgotPassword {
        font-size: 13px;
    }

    .login-container .login_form_first .RightSide .form-group .BtnLogin {
        font-size: 14px;
        padding: 8px 50px;
    }

    .login-container .login_form_first .RightSide .content-group small {
        font-size: 16px !important;
    }

    .login-container .login_form_first .RightSide .form-group label {
        color: rgba(255, 255, 255, 0.58);
    }

    .login-container .login_form_first .RightSide .form-group input {
        background-size: 15px;
    }

    .mainCustomTable .panel-body {
        height: calc(-171px + 100vh);
    }

    .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle a {
        font-size: 17px;
    }

    .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username b, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar b {
        font-size: 13px !important;
    }

    .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .LeftRule {
        font-size: 13px;
    }

    .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li {
        flex-basis: 46.33vh;
    }

    .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p {
        font-size: 13px;
    }

    .CustomPackageMasterUX .page-header .page-header-content {
        height: 45px;
    }

    .logo-title li svg {
        width: 87px;
    }

    .logo-title li p {
        margin-top: 0px;
        font-weight: 400;
        font-size: 12px;
    }

    .logo-title li span {
        font-size: 39px;
    }

    .login-container .login_form_first .LeftSide {
        background-size: auto;
    }

    .login_form_first .form-group {
        margin-bottom: 8px !important;
    }

    .login-container .login_form_first .RightSide .form-group input {
        height: 36px;
    }

    .login-container .login_form_first .RightSide .form-group .BtnLogin {
        line-height: 17px;
    }

    .page-header-content {
        border: 0px !important;
    }

    .login-container {
        background-position: 16% bottom, 100% center;
        background-size: 41%, 100%;
    }

    .navbar-nav > .dropdown-user > a > span {
        font-size: 11px;
    }

    .CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {
        font-size: 13px;
        line-height: 11px;
    }

    .CustomNavbarStrip .navbar-collapse > ul {
        height: 44px;
    }

    #spnSlotCount {
        display: none !important;
    }

    .CustomSiteSearch #txtSearchSite {
        height: 28px !important;
    }

    .CustomNavbarStrip .navbar-brand {
        height: 43px;
    }

    .sidebar {
        width: 215px;
    }

    .sidebar-fixed .sidebar-content {
        width: inherit;
        overflow: hidden;
    }

    .navigation li > .has-ul::after {
        right: 11px;
    }

    .CustomFixed .page-header-content {
        background: transparent;
        height: 33px !important;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 {
        justify-content: flex-start;
        height: 33px;
        gap: 4px;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 .MainPage {
        padding: 0px;
    }

    .DesignStuidoLeft .page-header-content .page-title {
        height: 33px !important;
    }

    .DFSModal .CustomFixed.zIndex {
        border: 0px;
    }

    .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
        height: 32px;
    }

    .CustomCheckbox_2 input[type="radio"] + label::before, .CustomCheckbox_2 input[type="checkbox"] + label::before {
        content: "";
        width: 16px;
        height: 16px;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li > a {
        gap: 6px;
    }

    .mainCustomTable .panel-footer {
        padding: 10px 8px !important;
    }

    .mainCustomTable .panel-heading .heading-elements > ul > li.Filter ul.dropdown-menu {
        padding: 6px 14px 15px;
        width: 260px;
    }

    .mainCustomTable .panel-heading .filters span {
        gap: 8px;
        justify-content: flex-start;
    }

    .mainCustomTable .panel-heading .filters span a {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 13px;
    }

    .mainCustomTable .panel-heading .filters .FilterTitle label {
        font-size: 13px;
    }

    .mainCustomTable .panel-heading .filters .FilterTi.page-headertle a {
        font-size: 13px;
    }

    .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn {
        right: 4px !important;
    }

    .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a i img {
        width: 13px !important;
    }

    .CustomModelDesignStudio .modal-footer button {
        width: 109px;
        padding: 8px !important;
    }

    .CustomModelDesignStudio .modal-content {
        padding: 16px 14px !important;
    }

    .CustomModelDesignStudio .modal-header {
        height: 37px;
    }

    .CustomModelDesignStudio .modal-header::before {
        content: "";
        width: 40px !important;
        height: 40px !important;
        background-size: 19px !important;
    }

    .CustomModelDesignStudio .modal-header h4 {
        padding-left: 48px !important;
    }

    .sidebar-xs .sidebar-main .navigation-main > li > a > span {
        display: none;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 .MainPage {
        font-size: 15px;
    }

    .GobalDFSToolBar ul.ToolBar li .page-header-content .PageName {
        font-size: 13px !important;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 .ProcessName {
        font-size: 10px;
    }

    .GobalDFSToolBar ul.ToolBar li .page-header-content {
        height: 35px !important;
    }

    .GobalDFSToolBar ul.ToolBar > li > .MainDesignStudioMenu .DesignStuidoTabList a {
        padding: 6px 10px;
    }

    .DesignStudioCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td {
        font-size: 12px !important;
    }

    .DesignStuidoLeft .page-header-content .page-title h4 .ProcessName {
        position: absolute;
        bottom: -3px;
        left: 7px;
    }

    .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a svg {
        width: 15px;
        height: 15px;
    }

    .CustomFixed.page-header .page-header-content .heading-elements ul li a i svg {
        width: 15px;
        height: 15px;
    }

    .heading-elements > ul {
        height: 31px;
        gap: 2px;
    }

    .sidebar {
        width: 215px;
    }

    .DesignStuidoRight .navbar .navbar-nav li a::before {
        left: 19px;
    }

    .CustomModelDesignStudio .modal-body .content {
        padding: 13px 10px !important;
    }

    custommodeldesignstudio .modal-body .content .DesignStudioCustomTable .panel-heading {
        padding: 4px 10px !important;
    }
}

#Parks {
    overflow: auto;
    display: contents;
}

.SmartUIMedium, .SmartUILarge {
    width: 100%;
    float: left;
}

#smartUIPageContent .sidebar {
    width: 243px;
}

#jsPanel-1 {
    position: fixed !important;
}

#jsPanel-2 {
    position: fixed !important;
}

.jsPanel {
    min-height: inherit !important;
}

.CustomAccord .panel {
    background-color: rgb(248, 249, 250);
    box-shadow: none;
    border-radius: 5px;
    margin: 0px;
    border: 0px !important;
}

.CustomAccord .panel .panel-heading {
    background-color: rgb(255, 255, 255);
    height: 48px;
    border-radius: 0px;
    padding: 10px 18px !important;
}

.CustomAccord .panel .panel-heading a {
    color: rgb(58, 75, 105);
    font-size: 17.5px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.CustomAccord .panel .panel-heading path {
    fill: rgb(59, 97, 235);
}

.CustomAccord .panel .panel-heading a span {
    font-size: 15px;
    font-weight: 500;
}

.CustomAccord .panel-collapse {
    border-radius: 12px;
}

.CustomAccord .panel .panel-body {
    display: flex;
    flex-flow: wrap;
    height: auto;
    padding: 10px 18px !important;
    border: 0px !important;
}

.CustomAccord .panel .panel-body h6 {
    color: rgb(58, 75, 105);
    font-size: 14px;
    font-weight: 500;
    padding: 0px 22px 0px 18px;
    position: relative;
}

.CustomAccord .panel .panel-body h6::before {
    position: absolute;
    content: "";
    background-image: url("../../images/ArrowLeft.png");
    width: 9px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.CustomAccord .panel {
    background-color: rgb(248, 249, 250);
    box-shadow: none;
    border-radius: 5px;
    border: 0px !important;
}

.CustomFlex {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.CustomCheckbox {
    float: left;
}

.CustomForm .form-group {
    margin-bottom: 5px;
}

.CustomFlex {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.CustomFlex .CopySelect .panel-heading, .CustomFlex .MoveSelect .panel-heading {
    border-bottom: 1px solid rgb(229, 229, 229);
    padding: 10px 20px 0px !important;
}

.CustomFlex .CopySelect .panel-heading h6, .CustomFlex .MoveSelect .panel-heading h6 {
    font-size: 14px;
    font-weight: 500;
    color: rgb(77, 77, 77);
    margin: 0px;
    padding-bottom: 10px;
}

.CustomFlex .CopySelect a.btn, .CustomFlex .MoveSelect a.btn {
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: 125px;
    background-color: rgb(235, 239, 253);
    height: 75px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: none;
}

.CustomFlex .CopySelect a.btn {
    float: right;
}

.CustomFlex .MoveSelect a.btn {
    float: left;
}

.CustomFlex .CopySelect .panel-heading, .CustomFlex .MoveSelect .panel-heading {
    position: relative;
}

.CustomFlex .CopySelect .panel-heading .Section, .CustomFlex .MoveSelect .panel-heading .Section {
    width: 75px;
    height: 75px;
    border-radius: 100px;
    border: 1px dashed rgb(142, 142, 142);
    position: absolute;
    top: -43px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: rgb(255, 255, 255);
}

.CustomFlex .CopySelect .panel-heading .Section span, .CustomFlex .MoveSelect .panel-heading .Section span {
    width: 59px;
    height: 59px;
    background-color: rgb(235, 239, 253);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: rgb(59, 97, 235);
    font-weight: 500;
    border-radius: 100px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.CustomFlex .CopySelect a.btn span, .CustomFlex .MoveSelect a.btn span {
    font-size: 16px;
    color: rgb(59, 97, 235);
    font-weight: 500;
    line-height: 16px;
    padding: 7px 0px;
}

#dvMMView .ViewType {
    width: 100%;
    padding: 10px;
}

.LeftForkedContent {
    width: 300px;
    float: left;
}

.LeftForkedContent .SidebarForked {
    padding: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(193, 193, 193, 0.2) 0px 0px 8px;
}

.LeftForkedContent .SidebarForked .category-title, .RightForkedContent .panel .panel-heading {
    border-bottom: 1px solid rgb(215, 220, 237);
    height: 50px;
    padding: 0px !important;
}

.LeftForkedContent .SidebarForked .category-title h6, .RightForkedContent .panel .panel-heading h6 {
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
    line-height: 19px;
    padding: 16px 20px;
    font-size: 16px !important;
}

.LeftForkedContent .SidebarForked .category-title .heading-elements {
    height: auto;
    transform: translateY(-50%);
    right: 15px;
    margin: 0px !important;
}

.LeftForkedContent .SidebarForked .category-title .heading-elements ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    gap: 8px;
}

.LeftForkedContent .SidebarForked .category-title .heading-elements ul li a img {
    width: 16px;
}

.LeftForkedContent .SidebarForked .category-content {
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
    line-height: 16px;
    padding: 0px;
    font-size: 16px !important;
}

.LeftForkedContent .SidebarForked .category-content .gridbox {
    box-shadow: none !important;
}

.LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr {
    border: 0px !important;
}

.LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr.odd_dhx_skyblue, .LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr.ev_dhx_skyblue {
    height: 44px;
    background: rgb(255, 255, 255) !important;
    border-width: 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(235, 236, 237) !important;
}

.LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr td {
    padding: 0px 20px !important;
    font-size: 15px !important;
    color: rgb(77, 77, 77) !important;
}

.LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr.odd_dhx_skyblue td.cellselected, .LeftForkedContent .SidebarForked .category-content .gridbox .objboxParent .objbox table tbody tr.ev_dhx_skyblue td.cellselected {
    background-color: rgb(246, 248, 255) !important;
    color: rgb(59, 97, 235) !important;
}

.RightForkedContent {
    width: calc(100% - 320px);
    float: left;
    margin-left: 20px;
}

.RightForkedContent .panel {
    background-color: rgb(255, 255, 255);
    margin: 0px;
    border-radius: 0px;
    box-shadow: rgba(193, 193, 193, 0.2) 0px 0px 8px;
}

.RightForkedContent .panel .panel-body canvas {
    border: 0px !important;
}

.RightForkedContent .panel .panel-body .DesignStudioCustomTable .gridbox {
    box-shadow: none !important;
    border: 1px solid rgb(237, 241, 255) !important;
}

.RepositoryMapping .col-md-2 {
    width: 20%;
}

.RepositoryMapping .col-md-10 {
    width: 80%;
}

.RepositoryMapping .sidebarcustom {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
    border-radius: 2px;
    border: 0px;
}

.RepositoryMapping .sideBarContent {
    padding: 0px;
    background-color: rgb(255, 255, 255);
}

.RepositoryMapping .sideBarContent #treeRepositoryMapping {
    padding: 10px;
}

.RepositoryMapping .sideBarContent .category-title {
    padding: 15px 14px;
    border-bottom: 1px solid rgba(59, 97, 235, 0.25) !important;
}

.RepositoryMapping .sideBarContent .category-title span {
    line-height: 26px;
    text-transform: capitalize;
    font-size: 17px !important;
    margin: 0px !important;
}

.RepositoryMapping .panel {
    background-color: rgb(255, 255, 255);
    padding-top: 0px;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px !important;
}

.RepositoryMapping .panel .panel-body {
    padding: 0px;
}

.api_tab.tabbable {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

.api_tab.tabbable .nav li > a:hover, .api_tab.tabbable .nav li > a:focus {
    background-color: transparent;
}

.api_tab.tabbable .nav-tabs2 {
    position: relative;
    display: flex;
    margin: 0px auto;
    padding: 0px;
    max-width: 100%;
    list-style: none;
    flex-flow: wrap;
    justify-content: center;
}

.api_tab.tabbable .nav-tabs2 li {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    margin: 0px 0.2em;
    flex: 0 0 auto;
}

.api_tab.tabbable .nav-tabs2 li a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    padding: 4px 10px;
    color: rgb(116, 119, 123);
    font-weight: 700;
    transition: color 0.3s ease 0s;
    background-color: rgb(245, 245, 245);
    border-radius: 5px;
}

.api_tab.tabbable .nav-tabs2 li.active a {
    color: rgb(255, 255, 255);
    border-radius: 4px;
    background: rgb(59, 97, 234);
    border: 0px !important;
}

.api_tab.tabbable .nav-tabs2 li a span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: "Nunito Sans", sans-serif !important;
}

.api_tab.tabbable .tab-content {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    width: 100%;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-image: initial;
    margin-top: 5px;
    border-top: 1px solid rgb(221, 221, 221) !important;
}

.jsPanel > .panel-heading {
    background-color: rgb(215, 227, 255);
}

.SmartMenu {
    background: transparent !important;
    box-shadow: none !important;
}

.SmartMenu .SmartFlex {
    grid-template-columns: 1fr 1fr;
    display: grid !important;
    gap: 6px !important;
}

.SmartMenu .CustomToolBar {
    border-radius: 8px;
}

.SmartMenu .SmartFlex a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin: 0px;
    background: transparent;
    color: rgb(87, 92, 96);
    font-size: 13px;
    padding: 1px 6px;
    width: 100%;
}

.SmartMenu .SmartFlex a h5 {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
}

.SmartMenu .SmartFlex h5 {
    padding: 0px;
    margin: 0px;
}

.SmartMenu .SmartFlex li {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

.SmartMenu .SmartFlex .SF {
    height: 30px;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li > a {
    color: rgb(7, 26, 56);
    background: rgba(236, 242, 255, 0.39);
    margin: 5px 0px;
    padding: 7px 15px;
    border-radius: 5px;
    border: 0px;
}

.CustomMegaMenu .mega-dropdown-menu > li.Sprites:hover {
    background: none;
}

.CustomMegaMenu .mega-dropdown-menu > li > ul > li:hover > a {
    border: 0.5px solid rgb(56, 107, 232);
    background: linear-gradient(to top, rgb(231, 240, 254) 60%, rgba(153, 178, 220, 0.24) 100%) !important;
}

.SmartMenu .CustomToolBar, .SmartMenu .UIElements, .SmartMenu .DataElements, .SmartMenu .Property {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
}

.SmartMenu svg {
    width: 15px;
    height: 15px;
}

.SmartMenu svg path {
    stroke: rgb(120, 231, 142);
}

.SmartMenu .Property svg path {
    stroke: none;
    fill: rgb(120, 231, 142) !important;
}

.SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, .SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled, .SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
    width: 100%;
    cursor: default;
    white-space: nowrap;
    position: relative;
    float: left;
    font-size: 13px;
    overflow: hidden;
    background-color: transparent;
    line-height: inherit !important;
    height: auto !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal div.top_level_text, .SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled div.top_level_text, .SmartMenu div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected div.top_level_text {
    color: rgb(30, 36, 36);
}

#loader {
    position: relative;
}

.lds-css {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0px;
    margin: auto;
    text-align: center;
    left: 0px;
    right: 0px;
    background-color: rgba(73, 100, 140, 0.09);
    z-index: 99;
}

.text-giga {
    line-height: 1;
    font-size: 24px;
    font-weight: 300;
}

.pad-top {
    padding-top: 1em;
}

.space-out {
    margin: 100px;
}

.main-site {
    display: table;
    height: 100%;
    width: 100%;
}

.wrapper-Load {
    display: table-cell;
    vertical-align: middle;
}

.loader {
    vertical-align: middle !important;
}

.loader-6::before {
    background-color: rgba(105, 127, 255, 0.7) !important;
}

.loader-6::after {
    background-color: rgba(16, 211, 108, 0.63) !important;
}

.text-giga {
    line-height: 1;
    font-size: 24px;
    font-weight: 300;
}

.pad-top {
    padding-top: 1em;
}

.space-out {
    margin: 100px;
}

.loader {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.loader, .loader::before, .loader::after {
    animation: 1s ease-in-out 0s infinite normal none running none;
}

.loader::before, .loader::after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.loader-6 {
    animation: 1.5s linear 0s infinite normal none running loader6-1;
}

.loader-6::before, .loader-6::after {
    content: "";
    margin: -25px 0px 0px -25px;
    top: 50%;
    left: 50%;
    background-color: rgba(30, 30, 30, 0.7);
    animation-name: loader6-2;
}

.loader-6::after {
    animation-direction: reverse;
}

@keyframes loader6-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader6-2 {
    0% {
        transform: scale(0.2);
        left: 0%;
    }

    50% {
        transform: scale(1);
        left: 50%;
    }

    100% {
        transform: scale(0.2);
        left: 100%;
    }
}


.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active ul li a i {
    color: rgb(59, 97, 235);
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a i {
    color: rgb(255, 255, 255);
}

body.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i {
    width: auto;
}

.CustomSidebarStrip .navigation .navigation-header {
    padding: 0px;
}

.CustomSidebarStrip .navigation li {
    color: rgb(48, 48, 48);
    margin: 0px;
    position: relative;
}

.CustomSidebarStrip .navigation .navigation-header a {
    min-height: 34px;
    position: relative;
    line-height: 15px !important;
    padding: 9px 15px !important;
}

.CustomSidebarStrip .navigation .navigation-header a::after {
    position: absolute;
    content: "";
    background-color: rgba(79, 94, 119, 0.4);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.CustomSidebarStrip .navigation .navigation-header a span {
    text-transform: capitalize;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: rgb(255, 255, 255) !important;
}

#scorePageContent .page-header-content {
    border-bottom: 1px solid rgb(224, 224, 224);
}

.SearchForMobile {
    display: none !important;
}

.SearchForDesktop {
    display: block !important;
}

.gantt_row_task {
    width: 100% !important;
}

.MultiRightDoc .slick-list .slick-track .slick-slide {
    height: auto;
    float: left;
    position: relative;
    outline: 0px;
    margin: 12px 5px;
    background: rgb(255, 255, 255);
    padding: 7px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.1) -1px 2px 9px 2px;
    border: 1px solid rgba(0, 0, 0, 0.063);
    max-width: 190px !important;
}

.MultiRightDoc .slick-list .slick-track .slick-slide::before {
    position: absolute;
    content: "";
    inset: 0px;
    background: rgba(0, 0, 0, 0.65);
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transform: scale(0.7);
}

.MultiRightDoc .slick-list .slick-track .slick-slide:hover::before {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;
}

.MultiRightDoc .slick-list .slick-track .slick-slide .MultiSlideBtn {
    position: absolute;
    color: rgb(224, 225, 224);
    text-align: center;
    text-transform: uppercase;
    top: 40%;
    left: 0px;
    right: 0px;
    padding: 8px;
    z-index: 10;
    opacity: 0;
    margin: 0px auto;
    transition: all 0.3s ease-in-out 0s;
}

.MultiRightDoc .slick-list .slick-track .slick-slide:hover .MultiSlideBtn {
    opacity: 1;
    left: 0px;
    right: 0px;
    transition-delay: 0.4s;
}

.MultiRightDoc .slick-list .slick-track .slick-slide button {
    padding: 5px;
    display: inline-block;
    border: 0px;
    line-height: 10px;
    margin-left: 5px;
}

.MultiRightDoc .slick-list .slick-track .slick-slide img {
    width: 100%;
    height: 136px;
    border: 0px;
    object-fit: contain;
}

.MultiRightDoc .slick-initialized .slick-prev, .MultiRightDoc .slick-initialized .slick-next, .MultiRightDoc .slick-initialized .slick-dots {
    display: none !important;
}

.MultiRightDoc .slick-list .slick-track .slick-slide a {
    word-break: break-all;
    color: rgb(0, 0, 0);
    display: block;
    font-weight: 600;
    margin-top: 10px !important;
}

.MultiRightDoc .InlineMultiSelect {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.MultiRightDoc .draggable {
    width: 100%;
    overflow: auto;
    height: 100%;
}

.MultiRightDoc .slick-track {
    display: flex;
    flex-flow: wrap;
    width: auto !important;
}

.DesignPreviewMenu {
    background: transparent;
}

.hideContent {
    display: none;
}

.CustomORGLeft {
    width: 100%;
    float: left;
}

.CustomORGLeft.active {
    width: calc(100% - 520px);
    margin-right: 20px;
}

.CustomORGRight {
    display: none;
    transition: transform 0.5s ease 0s;
    background-color: rgb(249, 249, 249);
    transform: translateX(0px);
    float: left;
    overflow: hidden;
}

.CustomORGRight.active {
    display: block;
    width: 500px;
}

.mainCustomTable .panel .heading-elements svg path {
    fill: rgb(79, 93, 119) !important;
}

.Custom-head .panel-heading {
    background-color: rgb(247, 247, 247) !important;
    border-bottom: 1px solid rgb(221, 221, 221) !important;
}

.Custom#comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    border-radius: 8px !important;
    background-color: rgb(59, 97, 235) !important;
}

.Custom#comboSearchTypes div.dhxcombo_dhx_skyblue {
    border-radius: 8px !important;
}

.mainCustomTable .panel-heading.Mo-wid .heading-elements > ul > li > a {
    width: auto;
}

.CustomInboxDesign .panel {
    box-shadow: none;
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px !important;
}

.CustomInboxDesign .panel-heading {
    border-radius: 0px;
    border: 0px;
    padding: 13px 20px !important;
    margin: 0px !important;
}

.CustomInboxDesign .panel-heading .panel-title {
    display: inline-block;
    line-height: 10px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(80, 80, 80);
}

.CustomInboxDesign .panel-heading .heading-elements {
    right: 0px;
    top: 27px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs {
    padding: 11px 18px 8px 15px;
    font-size: 13px;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    margin-top: 0px;
    color: rgb(255, 255, 255) !important;
    border: 0px solid rgb(255, 255, 255) !important;
    border-radius: 35px !important;
    text-transform: capitalize !important;
    transition: none 0s ease 0s !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle {
    background: rgb(255, 255, 255);
    box-shadow: none;
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
    border: 1px solid rgb(221, 221, 221) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle {
    background-image: url("../../images/DesignStudio/SelectArrow.png") !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    background-position: 96% 50% !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle .caret {
    display: none;
}

.CustomInboxDesign .panel-heading .heading-elements .btn#btnRefresh {
    background: rgb(255, 255, 255);
    padding: 10px;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
    border: 1px solid rgb(221, 221, 221) !important;
    margin: 0px !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewComment {
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewInstance {
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn#btnDeleteInstance {
    background: rgb(255, 255, 255);
    padding: 10px;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
    border: 1px solid rgb(221, 221, 221) !important;
    margin: 0px !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnExternalUrl {
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnsaveExcel {
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#OthersCol {
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
    color: rgb(79, 94, 119) !important;
}

.CustomInboxDesign .panel-heading .heading-elements .CustomInboxToggle {
    padding: 9px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 2px;
    border-radius: 2px !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn-group {
    width: 150px;
    margin-left: 10px;
}

.CustomInboxDesign .panel-heading .heading-elements .btn-group .dropdown-toggle {
    background-color: rgb(255, 255, 255);
    height: 35px;
    font-size: 12px;
    color: rgb(79, 94, 119);
    font-weight: 600;
    line-height: 12px;
    border: 1px solid rgb(221, 221, 221);
    box-shadow: none;
    letter-spacing: 0.3px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 96% 50%;
    border-radius: 4px !important;
    background-image: url("../../images/DesignStudio/SelectArrow.png") !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn-group .dropdown-toggle .caret {
    display: none;
}

.CustomInboxDesign .panel-heading .heading-elements .input-group {
    margin-top: 0px;
    width: 175px;
}

.CustomInboxDesign .panel-heading .heading-elements .input-group input {
    height: 35px;
    border-radius: 5px 0px 0px 5px;
    width: 140px;
    font-weight: 500;
    box-shadow: none;
    border: 1px solid rgb(221, 221, 221);
}

.CustomInboxDesign .panel-heading .heading-elements .input-group a.btnSearch {
    box-shadow: none;
    color: rgb(128, 130, 131);
    padding: 10px 12px 4px 10px;
    height: 35px;
    border-radius: 0px 5px 5px 0px;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    background-color: rgb(255, 255, 255) !important;
}

.CustomInboxDesign .panel-body {
    padding: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 25px 0px;
    border-radius: 6px;
    margin-top: 15px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox {
    border-radius: 6px;
    width: 100% !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj {
    border-left: 0px !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    border-width: 0px 0px 1px;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    padding: 12px 5px 11px 8px;
    border-bottom-style: solid;
    border-bottom-color: rgb(239, 239, 239);
    border-top-style: initial;
    border-top-color: initial;
    color: rgb(112, 112, 112);
    font-weight: 500;
    font-size: 13px !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td a {
    font-weight: 600;
    color: rgb(84, 110, 122) !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(8) {
    background-color: rgb(255, 255, 255);
    color: rgb(89, 96, 220);
    font-weight: 500;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(11) {
    background-color: rgb(255, 255, 255);
    color: rgb(5, 150, 199);
    font-weight: 500;
}

.CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(8) {
    color: rgb(89, 96, 220) !important;
}

.CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(11) {
    color: rgb(5, 150, 199) !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td span.status-mark {
    border: 0px;
    height: 10px;
    margin-left: 3px;
    width: 10px !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue table.hdr tr {
    background-image: none !important;
}

.CustomInboxDesign .panel-body div.gridbox table.hdr td {
    padding: 10px 0px !important;
    height: 40px !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    background-color: transparent !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-image: url("../../images/InboxDesign.png");
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--main-grayscale-color) !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: rgb(72, 77, 86);
    text-align: center;
    padding-left: 0px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock::before {
    color: rgb(59, 97, 235);
    position: absolute;
    left: 34%;
    top: 27%;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock {
    height: 42px;
    border-radius: 75%;
    background: rgb(240, 248, 255);
    left: 0px;
    position: relative;
    width: 42px !important;
}

.CustomInboxDesign .panel-footer {
    padding: 10px;
    background-color: transparent;
    border: 0px !important;
}

.CustomInboxDesign .panel-footer ul li {
    padding: 0px;
}

.CustomInboxDesign .panel-footer ul li > div {
    background-color: rgb(47, 164, 231);
    height: 24px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 18px;
    border-radius: 30px 0px 0px 30px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.4px;
}

.CustomInboxDesign .panel-footer ul.pagination, .CustomInboxDesign .panel-footer ul.pagination li a {
    height: 24px !important;
}

.CustomInboxDesign .panel-footer select#ddlPageSize {
    background-color: transparent;
    height: 24px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 600;
    padding: 0px 18px 0px 10px;
    border-radius: 0px 30px 30px 0px;
    color: rgb(39, 39, 39);
    letter-spacing: 0.4px;
    border: 1px solid rgb(47, 164, 231);
}

.CustomInboxDesign .panel-footer ul li a {
    padding: 0px;
    line-height: 20px;
}

.CustomInboxDesign .panel-footer ul.pagination li a {
    padding: 0px 4px;
    line-height: 12px;
    min-width: 0px;
    background-color: rgb(33, 175, 206);
    float: left;
    margin: 0px 2px;
    border-radius: 0px;
    height: 21px;
    width: 24px;
    color: rgb(255, 255, 255);
    border: 0px !important;
}

.CustomInboxDesign .panel-footer .pagination li:first-child a {
    background-color: rgb(47, 164, 231);
    border-radius: 20px 0px 0px 20px;
}

.CustomInboxDesign .panel-footer .pagination li:last-child a {
    background-color: rgb(56, 186, 231);
    border-radius: 0px 20px 20px 0px;
}

.CustomInboxDesign .panel-footer .pagination li a i {
    margin: 0px;
    position: relative;
    top: 4px;
}

.CustomInboxDesign .CustomViewBtn {
    margin-left: 6px;
    font-weight: 600;
    color: rgb(119, 119, 119);
    letter-spacing: 0.2px;
    font-size: 14px;
    border: 2px solid rgb(120, 120, 120);
    border-radius: 4px;
}

.CustomInboxDesign .datatable-scroll .objbox td, .dvGridInbox .datatable-scroll .objbox td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.property_space {
    display: none;
}

.CutomListMenu {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
}

.CutomListMenu h6 {
    padding: 12px 15px;
    margin: 0px;
    color: rgb(26, 26, 26);
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.CutomListMenu .tree {
    height: 457px;
    overflow: auto;
    min-height: 20px;
    padding: 8px 2px 8px 8px;
    margin-bottom: 0px;
}

.CutomListMenu .tree ul.ConnectList {
    padding: 0px 15px 0px 0px;
    margin: 0px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li {
    list-style-type: none;
    margin: 0px;
    position: relative;
    border-bottom: 1px solid rgb(208, 208, 208);
}

.CutomListMenu .tree ul.ConnectList li.parent_li a {
    padding: 9px 10px 9px 18px;
    border-bottom: 0px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: rgb(61, 59, 59);
    font-weight: 400;
    position: relative;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul {
    padding-left: 18px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li:last-child {
    margin-bottom: 10px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li {
    outline: 0px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li a {
    padding: 4px 10px;
    margin: 0px;
    transition: all 0.5s ease 0s;
    box-shadow: none;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li a span {
    font-size: 15px;
    color: rgb(61, 59, 59);
    padding: 5px 12px;
    border-radius: 4px;
    line-height: 20px;
    display: inline-block;
    font-weight: 400;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li a:hover span, .CutomListMenu .tree ul.ConnectList li.parent_li ul li.active a span {
    background-color: rgb(51, 170, 239);
    color: rgb(255, 255, 255);
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a::before {
    position: absolute;
    font-family: icomoon;
    left: 0px;
    top: 8px;
    font-size: 14px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a[title~="Expand"]::before {
    content: "?";
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a[title~="Collapse"]::before {
    content: "?";
}

.CutomListMenu .tree ul.ConnectList li.parent_li a i {
    display: inline-block;
    padding: 0px 6px 0px 0px;
    text-decoration: none;
    color: rgb(38, 50, 56);
    font-size: 14px;
}

.panel-info > .panel-heading {
    background-color: rgb(56, 107, 232);
    border-color: rgb(56, 107, 232);
}

.btn-primary {
    background-color: rgb(56, 107, 232);
}

.e-content {
    display: unset !important;
}

.e-movablecontent {
    height: auto !important;
}

#jsPanel-2 .objboxParent {
    height: 300px !important;
    overflow: hidden scroll !important;
}

#jsPanel-2 .nicescroll-cursors {
    opacity: 0;
}

#ThemeOption {
    display: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0px;
    overflow: visible;
    clip: auto;
}

.cl_logo1 {
    background-image: url("../../images/AppIcons/DUK.png");
    display: inline-block;
    height: 155px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    background-size: 174px;
    background-position: center center;
}

.cl_DUK {
    background-image: url("../../images/AppIcons/DUK.png");
    display: inline-block;
    height: 155px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    background-size: 174px;
    background-position: center center;
}

.VoiceCore button {
    height: 42px;
    border: none;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 70px;
    border-radius: 25px;
    background: rgb(9, 99, 172) !important;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a i::before {
    /* content: "" !important; */
}



.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
    display: flex;
    align-items: center;
    justify-content: center !important;
    padding: 0px;
}



.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a:focus i {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    /* background-image: url("../../images/AU_ICons/File_Icon_Blue.svg") !important;
    padding: 10px !important; */
    border-radius: 10px !important;
}

.panelselector {
    border-radius: 6px;
    border: 2px dashed rgb(153, 175, 255) !important;
}

.panelselector {
    outline: rgb(242, 214, 148) dashed 2px;
    box-shadow: rgb(0, 113, 127) 0px 0px 0px 2px;
    animation: 2s ease 0s infinite normal none running animateBorderTwo;
}

.navbar-top {
    padding-top: 47px !important;
}

.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i.fa-ellipsis-h::before {
    color: rgb(255, 255, 255) !important;
}

.fa-ellipsis-h::before {
    padding-right: 5px;
    content: "?" !important;
}

.brighttheme-icon-closer {
    height: 20px;
    width: 25px;
    display: block;
    background-image: url("../../images/AU_ICons/close.svg") !important;
}

.brighttheme-info {
}

#mdlgridUpload .modal-body, dvcontainer_editor_viewercontainer {
    overflow: hidden;
}

.brighttheme-icon-closer {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 19px;
    aspect-ratio: 1 / 1;
    display: block;
    background-image: url("../../images/DesignStudio/close.png") !important;
}

.brighttheme-icon-unstuck {
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    aspect-ratio: 1 / 1;
    display: block;
    background-image: url("../../images/DesignStudio/pause.png") !important;
}

.brighttheme-icon-stuck {
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    aspect-ratio: 1 / 1;
    display: block;
    background-image: url("../../images/DesignStudio/play.png") !important;
}

.e-popup-open {
    overflow: auto;
    max-height: 330px !important;
}

#grdRequestField, #dvAddElementsGrid .panel-body {
    overflow: auto !important;
}

.RoleInbox.MultiTable .panel-body div.gridbox table.hdr td {
    position: relative;
}

.RoleInbox.MultiTable .panel-body div.gridbox table.hdr td::after {
    content: "";
    position: absolute;
    background-image: url("../../images/AU_ICons/up-and-down-arrows.png");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 14px;
    aspect-ratio: 1 / 1;
    display: block;
    top: 50%;
    right: 0px;
    transform: translate(0px, calc(-50% - 5px));
    opacity: 0.7;
}

.sidebar-xs .changecolor-search {
    display: none;
}


#LeftMenu{padding-top:10px;}
#LeftMenu li:nth-child(2){}
.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content{width: 50px !important;}
.sidebar-xs .sidebar-main{ width: 50px !important;}
#dvSidebarMenu{padding: 0px !important;}


#treeGrid{
    min-height: 0px !important;
}


.Document_Page .content .Col_Style_One {
    height: unset !important;
    min-height: auto !important;
}
.Document_Page .content .Col_Style_One .heading-elements ul{
    display: flex;
    margin-right: 10px !important;
    gap: 0px 10px;
}
.Document_Page .content .Col_Style_One .heading-elements ul li:nth-child(1) a{
    border-radius: 4px;
    background-color: #45ab68 !important;
    float: right;
    color: #fff;
    font-weight: 500;
    line-height: 16px;
    padding: 0 !important;
    height: 30px;
    width: 30px;
    display: flex;
    background-image: url(../../images/AU_ICons/white_plus.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px !important;
    align-items: center;
    font-size: 0px;
    justify-content: center;
    border: none !important;
    }

.Document_Page .content .Col_Style_One .heading-elements ul li:nth-child(2) a{
    border-radius: 4px;
    background-color: #ffffff !important;
    float: right;
    color: #fff;
    font-weight: 500;
    line-height: 16px;
    padding: 0 !important;
    height: 30px;
    width: 30px;
    display: flex;
    background-image: url(../../images/AU_ICons/majesticons_edit-pen-2-line.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px !important;
    align-items: center;
    font-size: 0px;
    justify-content: center;
    }
.Document_Page .content .Col_Style_One .heading-elements ul li a{
    height: 30px;
    width: 30px;
    border: 1px solid #00000010;
}
.Document_Page .content .Col_Style_One .heading-elements ul li:nth-child(1) a i,
.Document_Page .content .Col_Style_One .heading-elements ul li:nth-child(2) a i{
    display: none;
}




li {text-align: -webkit-match-parent;}
ol {list-style-type: decimal;}
ul {list-style-type: disc;}
.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a.lnkWorkArea {
    background-image: url(../../images/AU_ICons/home.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px !important;
    transition: unset !important;
}


.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a i {
    /* height: 18px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 13px;
    display: flex;
    align-items: center;
    width: 44px;
    margin-top: 2px;
    background-image: url("../../images/AU_ICons/File_Icon_Blue.svg") !important; */
}
.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
    color: rgb(255, 255, 255);
    padding: 0px;
    min-height: 42px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left:10px;
}
.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i::before {
    /* background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: translateY(-50%);
    content: "" !important;
    background-image: unset !important; */
}
.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i::before {
    /* background-repeat: no-repeat;
    background-position: center center;
    content: ""; 
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: translateY(-50%); */
}


/* 
.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user::before {
    background-image: url("../../images/AdminConsoleMenu/User_Management_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-sitemap::before {
    background-image: url("../../images/AdminConsoleMenu/Group_Management.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-sitemap::before {
    background-image: url("../../images/AdminConsoleMenu/Group_Management_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-home::before {
    background-image: url("../../images/AdminConsoleMenu/Infrastructure.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-home::before {
    background-image: url("../../images/AdminConsoleMenu/Infrastructure_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-fire::before {
    background-image: url("../../images/AdminConsoleMenu/Event_Factory.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-fire::before {
    background-image: url("../../images/AdminConsoleMenu/Event_Factory_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-suitcase::before {
    background-image: url("../../images/AdminConsoleMenu/Process_Engine.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-suitcase::before {
    background-image: url("../../images/AdminConsoleMenu/Process_Engine_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-envelope::before {
    background-image: url("../../images/AdminConsoleMenu/Inbox_Console.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-envelope::before {
    background-image: url("../../images/AdminConsoleMenu/Inbox_Console_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-gear::before {
    background-image: url("../../images/AdminConsoleMenu/Settings.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-gear::before {
    background-image: url("../../images/AdminConsoleMenu/Settings_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-file::before {
    background-image: url("../../images/AdminConsoleMenu/Document_Management.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-file::before {
    background-image: url("../../images/AdminConsoleMenu/Document_Management_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user::before {
    background-image: url("../../images/AdminConsoleMenu/Administration.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user::before {
    background-image: url("../../images/AdminConsoleMenu/Administration-h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-stack-exchange::before {
    background-image: url("../../images/AdminConsoleMenu/Domain_DataMaps.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-stack-exchange::before {
    background-image: url("../../images/AdminConsoleMenu/Domain_DataMaps-h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-stack-exchange::before {
    background-image: url("../../images/AdminConsoleMenu/Variables.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-stack-exchange::before {
    background-image: url("../../images/AdminConsoleMenu/Variables_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-area-chart::before {
    background-image: url("../../images/AdminConsoleMenu/Reports.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-area-chart::before {
    background-image: url("../../images/AdminConsoleMenu/Reports_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user-plus::before {
    background-image: url("../../images/AdminConsoleMenu/Others.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user-plus::before {
    background-image: url("../../images/AdminConsoleMenu/Others_h.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-briefcase::before {
    background-image: url("../../images/AdminConsoleMenu/Project_Management.png");
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-briefcase::before {
    background-image: url("../../images/AdminConsoleMenu/Project_Management_h.png");
} */
.search_part > div:nth-child(1) {padding: 0px !important;margin: 0px !important;}